Merge pull request #191 from Commencis/feature/general-improvements

feat: add new components and storybook

Author: keremsirin

.storybook/main.ts

@@ -0,0 +1,21 @@
+import path from 'node:path';
+
+import type { StorybookConfig } from '@storybook/nextjs-vite';
+
+const config: StorybookConfig = {
+  core: { disableTelemetry: true },
+  framework: '@storybook/nextjs-vite',
+  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(ts|tsx)'],
+  addons: ['@storybook/addon-a11y', '@storybook/addon-docs'],
+
+  viteFinal: async (viteConfig) => {
+    viteConfig.resolve ??= {};
+    viteConfig.resolve.alias = {
+      ...viteConfig.resolve.alias,
+      '@': path.join(import.meta.dirname, '../src'),
+    };
+    return viteConfig;
+  },
+};
+
+export default config;

.storybook/preview.tsx

@@ -0,0 +1,28 @@
+import type { ReactElement } from 'react';
+
+import type { Preview } from '@storybook/nextjs-vite';
+
+import { StoryCanvas } from '@/stories/components/StoryCanvas/StoryCanvas';
+
+const preview: Preview = {
+  parameters: {
+    nextjs: {
+      appDirectory: true,
+    },
+    layout: 'fullscreen',
+    options: {
+      storySort: {
+        order: ['Foundations', ['Getting Started', 'Colors', 'Iconography']],
+      },
+    },
+  },
+  decorators: [
+    (Story, { viewMode }): ReactElement => (
+      <StoryCanvas fullHeight={viewMode !== 'docs'}>
+        <Story />
+      </StoryCanvas>
+    ),
+  ],
+};
+
+export default preview;

README.md

@@ -16,7 +16,7 @@ Commencis Starter – Next.js provides a streamlined foundation for building mod
 
 #### Node.js
 
-Before you begin, ensure you have `node: >= 24.18.1` installed on your system.
+Before you begin, ensure you have `node: >= 24.21.0` installed on your system.
 
 #### pnpm
 

package.json

@@ -6,17 +6,18 @@
   "author": "Commencis WEB Team",
   "license": "Apache-2.0",
   "engines": {
-    "node": ">=24.18.1"
+    "node": ">=24.21.0"
   },
-  "packageManager": "pnpm@11.17.0",
+  "packageManager": "pnpm@11.26.0",
   "scripts": {
     "preinstall": "npx only-allow pnpm",
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
     "typegen": "next typegen",
     "analyze": "next experimental-analyze",
-    "update:deps": "pnpm update --no-save",
+    "update:deps": "pnpm update --latest",
+    "update:lockfile": "pnpm update --no-save",
     "lint:check:types": "tsc --noEmit",
     "lint:check:js": "eslint .",
     "lint:fix:js": "eslint . --fix",
@@ -26,10 +27,10 @@
     "lint:fix:format": "prettier \"**/*.{json,md}\" --write",
     "lint": "pnpm run \"/^lint:check:.*/\"",
     "lint:fix": "pnpm run \"/^lint:fix:.*/\"",
-    "generate:icons": "pnpm run svgr:icons && eslint --fix src/components/icons/*.{ts,tsx}",
-    "generate:vectors": "pnpm run svgr:vectors && eslint --fix src/components/vectors/**/*.{ts,tsx}",
-    "svgr:icons": "svgr --config-file ./scripts/svg/icon.svgr.config.cjs src/assets/icons",
-    "svgr:vectors": "svgr --config-file ./scripts/svg/vector.svgr.config.cjs src/assets/vectors",
+    "storybook": "storybook dev -p 6006",
+    "storybook:build": "storybook build",
+    "generate:icons": "tsx scripts/svg/generateSvg.ts icons",
+    "generate:vectors": "tsx scripts/svg/generateSvg.ts vectors",
     "ci:review": "pnpm run typegen && pnpm run lint",
     "changeset": "changeset",
     "changeset:version": "changeset version && pnpm install --no-frozen-lockfile",
@@ -43,6 +44,7 @@
     "next": "16.3.3",
     "react": "19.3.0",
     "react-dom": "19.3.0",
+    "react-remove-scroll": "2.7.2",
     "server-only": "0.0.1"
   },
   "devDependencies": {
@@ -53,6 +55,10 @@
     "@commencis/prettier-config": "3.3.0",
     "@commencis/stylelint-config": "3.5.0",
     "@commitlint/cli": "21.2.2",
+    "@storybook/addon-a11y": "10.5.10",
+    "@storybook/addon-docs": "10.5.10",
+    "@storybook/nextjs-vite": "10.5.10",
+    "storybook": "10.5.10",
     "@svgr/cli": "8.1.0",
     "@svitejs/changesets-changelog-github-compact": "1.2.0",
     "@types/node": "24.13.4",
@@ -65,6 +71,7 @@
     "prettier": "3.9.6",
     "sass": "1.104.0",
     "stylelint": "17.15.0",
+    "tsx": "4.23.12",
     "typescript": "6.0.3"
   }
 }