vibe-design-system 2.8.7 → 2.8.9

package/bin/init.js

@@ -27,7 +27,7 @@ import path from "path";
 
 const config: StorybookConfig = {
   stories: ["../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
-  addons: ["@storybook/addon-essentials"],
+  addons: ["@storybook/addon-essentials", "@storybook/addon-a11y"],
   framework: {
     name: "@storybook/react-vite",
     options: {},
@@ -233,7 +233,7 @@ const config: StorybookConfig = {
     "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)",
     "../app/**/*.stories.@(js|jsx|mjs|ts|tsx)",
   ],
-  addons: ["@storybook/addon-essentials"],
+  addons: ["@storybook/addon-essentials", "@storybook/addon-a11y"],
   framework: {
     name: "@storybook/nextjs",
     options: {},
@@ -250,7 +250,7 @@ import path from "path";
 
 const config: StorybookConfig = {
   stories: ["../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
-  addons: ["@storybook/addon-essentials"],
+  addons: ["@storybook/addon-essentials", "@storybook/addon-a11y"],
   framework: {
     name: "@storybook/react-vite",
     options: {},
@@ -340,6 +340,7 @@ function installStorybook(projectRoot, framework) {
       `${fwPkg}@${STORYBOOK_VERSION}`,
       `@storybook/react@${STORYBOOK_VERSION}`,
       `@storybook/addon-essentials@${STORYBOOK_VERSION}`,
+      `@storybook/addon-a11y@${STORYBOOK_VERSION}`,
       `@storybook/blocks@${STORYBOOK_VERSION}`,
       ...extraDeps,
     ],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vibe-design-system",
-  "version": "2.8.7",
+  "version": "2.8.9",
   "description": "Auto-generate design systems for vibe coding projects",
   "type": "module",
   "bin": {

package/vds-core-template/scan.mjs

@@ -1254,10 +1254,18 @@ function extractFoundations() {
         }
       }
 
-      const bodyMatch = css.match(/body\s*\{[^}]*font-family:\s*([^;]+);/);
+      const bodyMatch = css.match(/body\s*\{[^}]*font-family:\s*([^;]+);/s);
       if (bodyMatch) typography.body = bodyMatch[1].trim();
-      const monoMatch = css.match(/code,\s*pre,\s*\.font-mono\s*\{[^}]*font-family:\s*([^;]+);/);
+      const monoMatch = css.match(/code,\s*pre,\s*\.font-mono\s*\{[^}]*font-family:\s*([^;]+);/s);
       if (monoMatch) typography.mono = monoMatch[1].trim();
+      // Tailwind v4: CSS custom properties for fonts (--font-sans, --font-mono, --font-weight-*)
+      const fontVarRe = /--font([\w-]*):\s*([^;\n]+);/g;
+      let fvm;
+      while ((fvm = fontVarRe.exec(css)) !== null) {
+        const key = `font${fvm[1]}`.replace(/-([a-z])/g, (_, c) => c.toUpperCase());
+        const val = fvm[2].trim();
+        if (!typography[key]) typography[key] = val;
+      }
     }
   } catch (_) {}
 

package/vds-core-template/setup-storybook-providers.mjs

@@ -423,9 +423,32 @@ function injectProviderDecorators(projectRoot) {
   }
 }
 
+/** Mevcut projelerde .storybook/main.ts'e @storybook/addon-a11y ekler (yoksa). */
+function injectA11yAddon(projectRoot) {
+  const storybookDir = path.join(projectRoot, ".storybook");
+  const mainCandidates = ["main.ts", "main.js", "main.tsx", "main.jsx"];
+  const mainFile = mainCandidates.map((f) => path.join(storybookDir, f)).find((f) => fs.existsSync(f));
+  if (!mainFile) return;
+  let content = fs.readFileSync(mainFile, "utf-8");
+  if (content.includes("addon-a11y")) return; // already present
+  // Insert addon-a11y after addon-essentials (or any last addon in the addons array)
+  const updated = content.replace(
+    /(addons\s*:\s*\[)([\s\S]*?)(\])/,
+    (match, open, inner, close) => {
+      const trimmed = inner.trimEnd();
+      const comma = trimmed.endsWith(",") ? "" : ",";
+      return `${open}${trimmed}${comma}\n    "@storybook/addon-a11y",\n  ${close}`;
+    }
+  );
+  if (updated === content) return;
+  fs.writeFileSync(mainFile, updated, "utf-8");
+  console.log("[VDS] .storybook/main.ts: @storybook/addon-a11y eklendi.");
+}
+
 const isMain = process.argv[1] && path.resolve(process.argv[1]) === path.resolve(fileURLToPath(import.meta.url));
 if (isMain) {
+  injectA11yAddon(PROJECT_ROOT);
   injectProviderDecorators(PROJECT_ROOT);
 }
 
-export { collectProvidersAndWarnings, injectProviderDecorators, getPreviewPath };
+export { collectProvidersAndWarnings, injectProviderDecorators, injectA11yAddon, getPreviewPath };