Closed nikhilverma360 closed 1 month ago
The updates introduced multiple enhancements and new features to the web-devtools
project. Major changes include configuring ESLint for Next.js and TypeScript, reorganizing the .gitignore
file, incorporating SVG handling in the Next.js configuration, and updating dependencies. New React components for UI elements like headers, footers, buttons, and forms were added, alongside styled-components integration for consistent theming and styles. Utilities and context providers were also introduced for better code management.
File(s) | Change Summary |
---|---|
web-devtools/.eslintrc.json |
Added Next.js ESLint rules, switched import resolver to TypeScript, updated resolver extensions. |
web-devtools/.gitignore |
Reorganized ignored directories and files, added patterns for Next.js, testing, and TypeScript. |
web-devtools/next.config.mjs |
Configured webpack for handling SVG imports with @svgr/webpack . |
web-devtools/package.json |
Added new scripts for development, build, start, and linting tasks. Updated and added dependencies for Next.js, React, TypeScript, and SVG handling. |
web-devtools/src/app/(main)/ChangeRuler.tsx |
Introduced ChangeRuler component for changing a ruler's address. |
web-devtools/src/app/(main)/RulingModes.tsx |
Introduced RulingModes component for different ruling modes. |
web-devtools/src/app/(main)/page.tsx |
Introduced Home component for rendering the main page layout. |
web-devtools/src/layout/Footer/index.tsx |
Added Footer , SecuredByKleros , and SocialMedia components. |
web-devtools/src/layout/Header/index.tsx |
Added Header component with navigation and logo. |
web-devtools/src/components/LightButton.tsx |
Added LightButton component with customizable text and icon. |
web-devtools/src/context/StyledComponentsProvider.tsx |
Added StyledComponentsProvider component for providing styled-components theme. |
web-devtools/src/context/StyledComponentsRegistry.tsx |
Added StyledComponentsRegistry component for managing styled-components on server-side. |
web-devtools/src/styles/Theme.tsx |
Extended DefaultTheme with custom properties and defined a new theme object. |
web-devtools/src/styles/global-style.ts |
Added GlobalStyle for defining global CSS styles using styled-components . |
web-devtools/src/styles/landscapeStyle.ts |
Added landscapeStyle function for generating landscape-specific CSS styles. |
web-devtools/src/styles/responsiveSize.ts |
Added responsiveSize function for applying responsive CSS properties. |
web-devtools/src/utils/dumyData.ts |
Introduced SelectArbitrable constant array with arbitral addresses. |
web-devtools/src/utils/isUndefined.ts |
Added isUndefined function to check if an object is undefined or null. |
web-devtools/svgr.d.ts |
Added TypeScript declarations for SVG files. |
web-devtools/src/consts/socialmedia.tsx |
Defined socialmedia object with icons and URLs for various social media platforms. |
> In web dev's realm, we made our mark,
> With Next.js and TypeScript, igniting a spark.
> Styled components for a consistent theme,
> Buttons and footers, all part of the dream.
> A header so bright, with React in sight,
> Embracing new features, in code's soft light.
> 🌟🚀
Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media?
Issues
5 New issues
0 Accepted issues
Measures
0 Security Hotspots
0.0% Coverage on New Code
8.4% Duplication on New Code
PR-Codex overview
This PR introduces theme updates, SVG module declarations, and responsive CSS functions.
Detailed summary
isUndefined
utility functionstyled-components
module declarationTheme.tsx
landscapeStyle.ts
dummyData.ts
StyledComponentsProvider
componentHeader
component with styled componentsLightButton
componentpackage.json
with dependencies and scriptsRootLayout
componentnext.config.mjs
for SVG handlingStyledComponentsRegistry
componentSummary by CodeRabbit
ChangeRuler
,RulingModes
,Home
,Footer
,Header
, andLightButton
for enhanced UI functionality.GlobalStyle
and theme support withStyledComponentsProvider
..gitignore
to exclude Next.js, coverage, and TypeScript build files.package.json
.isUndefined
function for checking undefined and null values.responsiveSize
function for responsive CSS properties.SelectArbitrable
constant array for arbitral addresses.