@stacksjs/stx 0.2.95 → 0.2.96

package/dist/story/cli.js

@@ -1,2 +1,155 @@
-// @bun
-import{qb as a,rb as b,sb as c}from"../chunk-veeerpwa.js";import"../chunk-e2q9c5vq.js";import"../chunk-dvfs1h3c.js";import"../chunk-0jd0pndq.js";import"../chunk-kypas8vy.js";import"../chunk-8ahwt6a4.js";import"../chunk-jc0fc4ht.js";import"../chunk-fzm3y0r3.js";import"../chunk-jjamhxpm.js";import"../chunk-h5wa62ek.js";import"../chunk-7n8g0nfn.js";import"../chunk-s6ja2bdg.js";import"../chunk-55yp0q8t.js";import"../chunk-6e4c6g46.js";import"../chunk-yn38c15w.js";import"../chunk-bpgg59wa.js";import"../chunk-y0qg6rrv.js";import"../chunk-hxx3za24.js";import"../chunk-pg1fvqb9.js";import"../chunk-0qnz93q2.js";import"../chunk-ngxfwzq3.js";import"../chunk-1xz0w746.js";import"../chunk-m8448qby.js";import"../chunk-kx6eb6ma.js";import"../chunk-g1vt329s.js";import"../chunk-7074g241.js";import"../chunk-9cf97f9p.js";import"../chunk-6djzdes9.js";import"../chunk-v7f8jj15.js";import"../chunk-keawsbpn.js";import"../chunk-8b3z0zd5.js";import"../chunk-hbgxbgam.js";import"../chunk-ejh8fyak.js";import"../chunk-krqn0ddk.js";import"../chunk-y1k17c8b.js";import"../chunk-2j21d3ka.js";import"../chunk-frg705zq.js";import"../chunk-hjm2xab3.js";import"../chunk-07y6m5xx.js";import"../chunk-wazkqv7n.js";import"../chunk-x05nxhyv.js";import"../chunk-31dr4bys.js";import"../chunk-mgj88zeq.js";import"../chunk-m167kjhv.js";import"../chunk-3a4qsygv.js";import"../chunk-dqn9gyhb.js";import"../chunk-988dw6q3.js";import"../chunk-8qc1bsym.js";import"../chunk-xyg1r5w0.js";import"../chunk-7gd339hd.js";import"../chunk-4deg33rw.js";import"../chunk-pa9zb7ty.js";import"../chunk-a2g2qb2y.js";import"../chunk-h5jxydqq.js";import"../chunk-nhv099jv.js";import"../chunk-shv88d2d.js";import"../chunk-0dx4q6yq.js";import"../chunk-ek2w6zvy.js";import"../chunk-9wmq2272.js";import"../chunk-7dkz6z2s.js";import"../chunk-9ecv8aqj.js";import"../chunk-bdk6g1vj.js";import"../chunk-xqq1vxb6.js";import"../chunk-amaa1bev.js";import"../chunk-r5m9xtm7.js";import"../chunk-bs3gmfxz.js";import"../chunk-1zgsgk4b.js";import"../chunk-2jxbwnkz.js";import"../chunk-zen6ax1y.js";import"../chunk-yb1t2h8h.js";import"../chunk-fjk3x41y.js";import"../chunk-5shey2e4.js";import"../chunk-27zsyhrd.js";import"../chunk-7ed3tean.js";import"../chunk-8vtm0m84.js";import"../chunk-tzwtg722.js";import"../chunk-ah88wzbg.js";import"../chunk-v8j49spx.js";import"../chunk-tg2f1mzq.js";import"../chunk-n9dhs1dw.js";import"../chunk-rwrv9wbf.js";import"../chunk-wg9k6h8w.js";import"../chunk-9jtj77jx.js";import"../chunk-qygvvygy.js";import"../chunk-gz5fmp3q.js";import"../chunk-vjbefncc.js";import"../chunk-8xj7c3mf.js";import"../chunk-qvrbjpdc.js";import"../chunk-w3b6m427.js";import"../chunk-rz2ec6g7.js";import"../chunk-35faj94w.js";import"../chunk-djddhmcc.js";import"../chunk-knm8a8yx.js";import"../chunk-xv34zbp4.js";export{a as storyCommands,c as runStoryCLI,b as registerStoryCommands};
+import { buildCommand } from "./commands/build.js";
+import { devCommand } from "./commands/dev.js";
+import { previewCommand } from "./commands/preview.js";
+export const storyCommands = {
+  story: {
+    description: "Component showcase and testing",
+    options: {
+      port: {
+        alias: "p",
+        type: "number",
+        description: "Server port (default: 6006)"
+      },
+      open: {
+        alias: "o",
+        type: "boolean",
+        description: "Open browser automatically"
+      },
+      host: {
+        type: "string",
+        description: "Host to bind to"
+      }
+    },
+    action: async (options) => {
+      await devCommand(options);
+    }
+  },
+  "story:dev": {
+    description: "Start story development server",
+    options: {
+      port: {
+        alias: "p",
+        type: "number",
+        description: "Server port (default: 6006)"
+      },
+      open: {
+        alias: "o",
+        type: "boolean",
+        description: "Open browser automatically"
+      },
+      host: {
+        type: "string",
+        description: "Host to bind to"
+      }
+    },
+    action: async (options) => {
+      await devCommand(options);
+    }
+  },
+  "story:build": {
+    description: "Build static story site",
+    options: {
+      outDir: {
+        alias: "o",
+        type: "string",
+        description: "Output directory"
+      }
+    },
+    action: async (options) => {
+      await buildCommand(options);
+    }
+  },
+  "story:preview": {
+    description: "Preview built story site",
+    options: {
+      port: {
+        alias: "p",
+        type: "number",
+        description: "Server port (default: 4173)"
+      },
+      open: {
+        alias: "o",
+        type: "boolean",
+        description: "Open browser automatically"
+      }
+    },
+    action: async (options) => {
+      await previewCommand(options);
+    }
+  },
+  "story:test": {
+    description: "Run visual regression tests",
+    options: {
+      update: {
+        alias: "u",
+        type: "boolean",
+        description: "Update snapshots"
+      },
+      filter: {
+        alias: "f",
+        type: "string",
+        description: "Filter components by name"
+      }
+    },
+    action: async (options) => {
+      const { createContext } = await import("./context.js"), { runVisualTests, updateSnapshots, formatTestResults } = await import("./testing.js"), ctx = await createContext({ mode: "build" });
+      if (options.update) {
+        const count = await updateSnapshots(ctx, {
+          filter: options.filter ? [options.filter] : void 0
+        });
+        console.log(`Updated ${count} snapshots`);
+      } else {
+        const result = await runVisualTests(ctx, {
+          filter: options.filter ? [options.filter] : void 0
+        });
+        console.log(formatTestResults(result));
+        if (result.failed > 0)
+          process.exit(1);
+      }
+    }
+  }
+};
+export function registerStoryCommands(cli) {
+  cli.command("story", storyCommands.story.description).option("-p, --port <port>", storyCommands.story.options.port.description).option("-o, --open", storyCommands.story.options.open.description).option("--host <host>", storyCommands.story.options.host.description).action(storyCommands.story.action);
+  cli.command("story dev", storyCommands["story:dev"].description).option("-p, --port <port>", storyCommands["story:dev"].options.port.description).option("-o, --open", storyCommands["story:dev"].options.open.description).option("--host <host>", storyCommands["story:dev"].options.host.description).action(storyCommands["story:dev"].action);
+  cli.command("story build", storyCommands["story:build"].description).option("-o, --outDir <dir>", storyCommands["story:build"].options.outDir.description).action(storyCommands["story:build"].action);
+  cli.command("story preview", storyCommands["story:preview"].description).option("-p, --port <port>", storyCommands["story:preview"].options.port.description).option("-o, --open", storyCommands["story:preview"].options.open.description).action(storyCommands["story:preview"].action);
+  cli.command("story test", storyCommands["story:test"].description).option("-u, --update", storyCommands["story:test"].options.update.description).option("-f, --filter <name>", storyCommands["story:test"].options.filter.description).action(storyCommands["story:test"].action);
+}
+export async function runStoryCLI(args = process.argv.slice(2)) {
+  const command = args[0] || "dev", options = {};
+  for (let i = 1;i < args.length; i++) {
+    const arg = args[i];
+    if (arg === "-p" || arg === "--port")
+      options.port = Number.parseInt(args[++i], 10);
+    else if (arg === "-o" || arg === "--open")
+      options.open = !0;
+    else if (arg === "--host")
+      options.host = args[++i];
+    else if (arg === "-u" || arg === "--update")
+      options.update = !0;
+    else if (arg === "-f" || arg === "--filter")
+      options.filter = args[++i];
+    else if (arg === "--outDir")
+      options.outDir = args[++i];
+  }
+  switch (command) {
+    case "dev":
+    case "":
+      await devCommand(options);
+      break;
+    case "build":
+      await buildCommand(options);
+      break;
+    case "preview":
+      await previewCommand(options);
+      break;
+    case "test":
+      await storyCommands["story:test"].action(options);
+      break;
+    default:
+      console.log("Unknown command:", command);
+      console.log("Available commands: dev, build, preview, test");
+      process.exit(1);
+  }
+}

package/dist/story/collect/analyzer.js

@@ -1,2 +1,305 @@
-// @bun
-import{Md as a,Nd as b,Od as c,Pd as d,Qd as e,Rd as f,Sd as g,Td as h}from"../../chunk-pznnww6k.js";import"../../chunk-xqq1vxb6.js";import"../../chunk-amaa1bev.js";import"../../chunk-r5m9xtm7.js";import"../../chunk-bs3gmfxz.js";import"../../chunk-xv34zbp4.js";export{d as extractSlots,c as extractProps,h as extractDirectives,e as extractDescription,f as extractDependencies,g as extractCssClasses,a as analyzeComponentFile,b as analyzeComponent};
+import fs from "node:fs";
+import path from "node:path";
+import { parseScriptDeclarations } from "../../parser/index.js";
+export async function analyzeComponentFile(filePath) {
+  const content = await fs.promises.readFile(filePath, "utf-8"), name = path.basename(filePath, ".stx");
+  return analyzeComponent(content, name, filePath);
+}
+export function analyzeComponent(content, name, filePath) {
+  const props = extractProps(content), slots = extractSlots(content), description = extractDescription(content), dependencies = extractDependencies(content), cssClasses = extractCssClasses(content), directives = extractDirectives(content);
+  return {
+    name,
+    path: filePath,
+    description,
+    props,
+    slots,
+    dependencies,
+    cssClasses,
+    directives
+  };
+}
+export function extractProps(content) {
+  const props = [], scriptMatch = content.match(/<script\b[^>]*>([\s\S]*?)<\/script>/i);
+  if (!scriptMatch)
+    return props;
+  const scriptContent = scriptMatch[1];
+  try {
+    const declarations = parseScriptDeclarations(scriptContent);
+    for (const decl of declarations) {
+      if (decl.name.startsWith("_"))
+        continue;
+      if (decl.type === "function")
+        continue;
+      const jsdoc = extractJsDocBefore(scriptContent, decl.start), prop = {
+        name: decl.name,
+        type: inferType(decl.value || "", void 0, jsdoc),
+        required: !1,
+        default: decl.value ? parseDefaultValue(decl.value) : void 0
+      };
+      if (jsdoc) {
+        const typeMatch = jsdoc.match(/@type\s+\{([^}]+)\}/i);
+        if (typeMatch) {
+          prop.type = typeMatch[1].trim();
+          if (prop.type.includes("|"))
+            prop.options = prop.type.split("|").map((t) => t.trim().replace(/['"]/g, "")).filter((t) => t !== "");
+        }
+        if (jsdoc.match(/@required/i))
+          prop.required = !0;
+        const descLines = jsdoc.split(`
+`).map((line) => line.trim().replace(/^\*\s*/, "")).filter((line) => !line.startsWith("@") && line.length > 0);
+        if (descLines.length > 0)
+          prop.description = descLines.join(" ").trim();
+      }
+      props.push(prop);
+    }
+  } catch {
+    return extractPropsRegex(scriptContent);
+  }
+  return props;
+}
+function extractJsDocBefore(content, position) {
+  const match = content.slice(0, position).match(/\/\*\*\s*([\s\S]*?)\s*\*\/\s*$/);
+  return match ? match[1] : void 0;
+}
+function extractPropsRegex(scriptContent) {
+  const props = [], propRegex = /(?:\/\*\*\s*([\s\S]*?)\s*\*\/\s*)?(?:export\s+)?(?:const|let|var)\s+(\w+)\s*(?::\s*([^=]+))?\s*=\s*([^;\n]+)/g;
+  let match = propRegex.exec(scriptContent);
+  while (match !== null) {
+    const [, jsdoc, propName, typeAnnotation, defaultValue] = match;
+    if (propName.startsWith("_"))
+      continue;
+    const prop = {
+      name: propName,
+      type: inferType(defaultValue, typeAnnotation, jsdoc),
+      required: !1,
+      default: parseDefaultValue(defaultValue)
+    };
+    if (jsdoc) {
+      const typeMatch = jsdoc.match(/@type\s+\{([^}]+)\}/i);
+      if (typeMatch) {
+        prop.type = typeMatch[1].trim();
+        if (prop.type.includes("|"))
+          prop.options = prop.type.split("|").map((t) => t.trim().replace(/['"]/g, "")).filter((t) => t !== "");
+      }
+      if (jsdoc.match(/@required/i))
+        prop.required = !0;
+      const descLines = jsdoc.split(`
+`).map((line) => line.trim().replace(/^\*\s*/, "")).filter((line) => !line.startsWith("@") && line.length > 0);
+      if (descLines.length > 0)
+        prop.description = descLines.join(" ").trim();
+    }
+    props.push(prop);
+    match = propRegex.exec(scriptContent);
+  }
+  return props;
+}
+function inferType(defaultValue, typeAnnotation, jsdoc) {
+  if (jsdoc) {
+    const typeMatch = jsdoc.match(/@type\s+\{([^}]+)\}/i);
+    if (typeMatch)
+      return typeMatch[1].trim();
+  }
+  if (typeAnnotation)
+    return typeAnnotation.trim();
+  const trimmed = defaultValue.trim();
+  if (trimmed === "true" || trimmed === "false")
+    return "boolean";
+  if (/^['"`]/.test(trimmed))
+    return "string";
+  if (/^-?\d+(?:\.\d+)?$/.test(trimmed))
+    return "number";
+  if (trimmed.startsWith("["))
+    return "array";
+  if (trimmed.startsWith("{"))
+    return "object";
+  if (trimmed === "null")
+    return "null";
+  if (trimmed === "undefined")
+    return "undefined";
+  return "any";
+}
+function parseDefaultValue(value) {
+  const trimmed = value.trim();
+  try {
+    if (trimmed === "true")
+      return !0;
+    if (trimmed === "false")
+      return !1;
+    if (trimmed === "null")
+      return null;
+    if (trimmed === "undefined")
+      return;
+    if (/^-?\d+(?:\.\d+)?$/.test(trimmed))
+      return Number(trimmed);
+    if (/^['"`].*['"`]$/.test(trimmed))
+      return trimmed.slice(1, -1);
+    if (trimmed.startsWith("[") || trimmed.startsWith("{")) {
+      const jsonStr = trimmed.replace(/'/g, '"');
+      try {
+        return JSON.parse(jsonStr);
+      } catch {
+        return trimmed;
+      }
+    }
+    return trimmed;
+  } catch {
+    return trimmed;
+  }
+}
+export function extractSlots(content) {
+  const slots = [], seenSlots = new Set;
+  if (/\{\{\s*slot\s*\}\}/.test(content)) {
+    slots.push({ name: "default" });
+    seenSlots.add("default");
+  }
+  const slotTagRegex = /<slot\s*(?:name\s*=\s*["']([^"']+)["'])?\s*\/?>/gi;
+  let match = slotTagRegex.exec(content);
+  while (match !== null) {
+    const slotName = match[1] || "default";
+    if (!seenSlots.has(slotName)) {
+      slots.push({ name: slotName });
+      seenSlots.add(slotName);
+    }
+    match = slotTagRegex.exec(content);
+  }
+  return slots;
+}
+export function extractDescription(content) {
+  const htmlCommentMatch = content.match(/^\s*<!--\s*([\s\S]*?)\s*-->/);
+  if (htmlCommentMatch)
+    return htmlCommentMatch[1].trim();
+  const scriptMatch = content.match(/<script\b[^>]*>([\s\S]*?)<\/script>/i);
+  if (scriptMatch) {
+    const jsdocMatch = scriptMatch[1].match(/^\s*\/\*\*\s*([\s\S]*?)\s*\*\//);
+    if (jsdocMatch) {
+      const descLines = jsdocMatch[1].split(`
+`).map((line) => line.trim().replace(/^\*\s*/, "")).filter((line) => !line.startsWith("@") && line.length > 0);
+      if (descLines.length > 0)
+        return descLines.join(" ").trim();
+    }
+  }
+  return;
+}
+export function extractDependencies(content) {
+  const deps = [], seen = new Set, importRegex = /import\s+(\w+)\s+from\s+['"][^'"]+\.stx['"]/g;
+  let match = importRegex.exec(content);
+  while (match !== null) {
+    const componentName = match[1];
+    if (!seen.has(componentName)) {
+      deps.push(componentName);
+      seen.add(componentName);
+    }
+    match = importRegex.exec(content);
+  }
+  const componentTagRegex = /<([A-Z][a-zA-Z0-9]*)\b/g;
+  match = componentTagRegex.exec(content);
+  while (match !== null) {
+    const componentName = match[1];
+    if (!seen.has(componentName)) {
+      deps.push(componentName);
+      seen.add(componentName);
+    }
+    match = componentTagRegex.exec(content);
+  }
+  const componentDirectiveRegex = /@component\s*\(\s*['"]([^'"]+)['"]/g;
+  match = componentDirectiveRegex.exec(content);
+  while (match !== null) {
+    const componentName = match[1];
+    if (!seen.has(componentName)) {
+      deps.push(componentName);
+      seen.add(componentName);
+    }
+    match = componentDirectiveRegex.exec(content);
+  }
+  return deps;
+}
+export function extractCssClasses(content) {
+  const classes = [], seen = new Set, classRegex = /class\s*=\s*["']([^"']+)["']/gi;
+  let match = classRegex.exec(content);
+  while (match !== null) {
+    const classValue = match[1];
+    for (const cls of classValue.split(/\s+/)) {
+      const trimmed = cls.trim();
+      if (trimmed && !trimmed.includes("{{") && !seen.has(trimmed)) {
+        classes.push(trimmed);
+        seen.add(trimmed);
+      }
+    }
+    match = classRegex.exec(content);
+  }
+  return classes;
+}
+export function extractDirectives(content) {
+  const directives = new Map, directivePatterns = [
+    "@if",
+    "@else",
+    "@elseif",
+    "@endif",
+    "@unless",
+    "@endunless",
+    "@foreach",
+    "@endforeach",
+    "@for",
+    "@endfor",
+    "@while",
+    "@endwhile",
+    "@switch",
+    "@case",
+    "@default",
+    "@endswitch",
+    "@component",
+    "@endcomponent",
+    "@slot",
+    "@endslot",
+    "@include",
+    "@layout",
+    "@extends",
+    "@section",
+    "@endsection",
+    "@yield",
+    "@push",
+    "@endpush",
+    "@stack",
+    "@once",
+    "@endonce",
+    "@auth",
+    "@endauth",
+    "@guest",
+    "@endguest",
+    "@can",
+    "@endcan",
+    "@cannot",
+    "@endcannot",
+    "@env",
+    "@endenv",
+    "@production",
+    "@endproduction",
+    "@js",
+    "@endjs",
+    "@ts",
+    "@endts",
+    "@css",
+    "@endcss",
+    "@json",
+    "@class",
+    "@style",
+    "@checked",
+    "@selected",
+    "@disabled",
+    "@readonly",
+    "@required"
+  ];
+  for (const directive of directivePatterns) {
+    const regex = new RegExp(directive.replace("@", "@"), "gi"), matches = content.match(regex);
+    if (matches && matches.length > 0) {
+      const name = directive.slice(1);
+      if (!name.startsWith("end"))
+        directives.set(name, (directives.get(name) || 0) + matches.length);
+    }
+  }
+  const result = [];
+  for (const [name, count] of directives)
+    result.push({ name, count });
+  result.sort((a, b) => b.count - a.count);
+  return result;
+}

package/dist/story/collect/index.js

@@ -1,2 +1,27 @@
-// @bun
-import"../../chunk-0qakwen3.js";import{vb as p,wb as q,xb as r,yb as s}from"../../chunk-nvwb4x04.js";import{fd as i,gd as j,hd as k}from"../../chunk-bpgg59wa.js";import{id as l,jd as m,kd as n,ld as o}from"../../chunk-y0qg6rrv.js";import{Md as a,Nd as b,Od as c,Pd as d,Qd as e,Rd as f,Sd as g,Td as h}from"../../chunk-pznnww6k.js";import"../../chunk-xqq1vxb6.js";import"../../chunk-amaa1bev.js";import"../../chunk-r5m9xtm7.js";import"../../chunk-bs3gmfxz.js";import"../../chunk-xv34zbp4.js";export{k as watchStoryFiles,i as scanStoryFiles,p as parseStoryFile,q as parseStoryContent,j as isNonComponentFile,n as flattenTree,o as findStoryInTree,s as extractTemplateContent,d as extractSlots,r as extractScriptContent,c as extractProps,h as extractDirectives,e as extractDescription,f as extractDependencies,g as extractCssClasses,l as createTreePath,m as buildTree,a as analyzeComponentFile,b as analyzeComponent};
+export {
+  analyzeComponent,
+  analyzeComponentFile,
+  extractCssClasses,
+  extractDependencies,
+  extractDescription,
+  extractDirectives,
+  extractProps,
+  extractSlots
+} from "./analyzer.js";
+export {
+  extractScriptContent,
+  extractTemplateContent,
+  parseStoryContent,
+  parseStoryFile
+} from "./parser.js";
+export {
+  isNonComponentFile,
+  scanStoryFiles,
+  watchStoryFiles
+} from "./scanner.js";
+export {
+  buildTree,
+  createTreePath,
+  findStoryInTree,
+  flattenTree
+} from "./tree.js";

package/dist/story/collect/parser.js

@@ -1,2 +1,129 @@
-// @bun
-import{vb as a,wb as b,xb as c,yb as d}from"../../chunk-nvwb4x04.js";import"../../chunk-xv34zbp4.js";export{a as parseStoryFile,b as parseStoryContent,d as extractTemplateContent,c as extractScriptContent};
+import fs from "node:fs";
+export async function parseStoryFile(filePath) {
+  const content = await fs.promises.readFile(filePath, "utf-8");
+  return parseStoryContent(content, filePath);
+}
+export function parseStoryContent(content, filePath) {
+  const storyMatch = content.match(/<Story\s+([^>]*)>([\s\S]*?)<\/Story>/i);
+  if (!storyMatch)
+    return null;
+  const storyAttrs = storyMatch[1], storyContent = storyMatch[2], title = extractAttribute(storyAttrs, "title") || extractFileTitle(filePath), id = generateId(title), group = extractAttribute(storyAttrs, "group"), icon = extractAttribute(storyAttrs, "icon"), iconColor = extractAttribute(storyAttrs, "icon-color") || extractAttribute(storyAttrs, "iconColor"), docsOnly = extractAttribute(storyAttrs, "docs-only") === "true" || extractAttribute(storyAttrs, "docsOnly") === "true", layout = parseLayout(storyAttrs), variants = extractVariants(storyContent);
+  return {
+    id,
+    title,
+    group,
+    variants,
+    layout,
+    icon,
+    iconColor,
+    docsOnly
+  };
+}
+function extractVariants(content) {
+  const variants = [], variantRegex = /<Variant\s+([^>]*)>([\s\S]*?)<\/Variant>/gi;
+  let match = variantRegex.exec(content);
+  while (match !== null) {
+    const attrs = match[1], variantContent = match[2], title = extractAttribute(attrs, "title") || "Default", id = generateId(title), icon = extractAttribute(attrs, "icon"), iconColor = extractAttribute(attrs, "icon-color") || extractAttribute(attrs, "iconColor"), responsiveDisabled = extractAttribute(attrs, "responsive-disabled") === "true", initStateAttr = extractAttribute(attrs, ":init-state") || extractAttribute(attrs, "init-state"), state = initStateAttr ? parseInitState(content, initStateAttr) : {}, source = extractVariantSource(variantContent);
+    variants.push({
+      id,
+      title,
+      icon,
+      iconColor,
+      state,
+      source,
+      responsiveDisabled
+    });
+    match = variantRegex.exec(content);
+  }
+  if (variants.length === 0)
+    variants.push({
+      id: "default",
+      title: "Default",
+      state: {}
+    });
+  return variants;
+}
+function extractAttribute(attrs, name) {
+  const patterns = [
+    new RegExp(`:${name}\\s*=\\s*["']([^"']+)["']`, "i"),
+    new RegExp(`${name}\\s*=\\s*["']([^"']+)["']`, "i"),
+    new RegExp(`:${name}\\s*=\\s*"([^"]+)"`, "i"),
+    new RegExp(`${name}\\s*=\\s*"([^"]+)"`, "i")
+  ];
+  for (const pattern of patterns) {
+    const match = attrs.match(pattern);
+    if (match)
+      return match[1];
+  }
+  return;
+}
+function parseLayout(attrs) {
+  const layoutAttr = extractAttribute(attrs, ":layout") || extractAttribute(attrs, "layout");
+  if (!layoutAttr)
+    return;
+  try {
+    const normalized = layoutAttr.replace(/'/g, '"').replace(/(\w+):/g, '"$1":');
+    return JSON.parse(normalized);
+  } catch {
+    return { type: "single" };
+  }
+}
+function parseInitState(fullContent, funcName) {
+  const scriptMatch = fullContent.match(/<script[^>]*>([\s\S]*?)<\/script>/i);
+  if (!scriptMatch)
+    return {};
+  const scriptContent = scriptMatch[1], funcRegex = new RegExp(`function\\s+${funcName}\\s*\\(\\)\\s*\\{([\\s\\S]*?)\\breturn\\s*\\{([\\s\\S]*?)\\}`, "i"), funcMatch = scriptContent.match(funcRegex);
+  if (!funcMatch) {
+    const arrowRegex = new RegExp(`(?:const|let|var)\\s+${funcName}\\s*=\\s*\\(\\)\\s*=>\\s*\\(\\{([\\s\\S]*?)\\}\\)`, "i"), arrowMatch = scriptContent.match(arrowRegex);
+    if (arrowMatch)
+      return parseObjectLiteral(arrowMatch[1]);
+    return {};
+  }
+  return parseObjectLiteral(funcMatch[2]);
+}
+function parseObjectLiteral(objStr) {
+  const result = {}, pairRegex = /(\w+)\s*:\s*([^,\n]+)/g;
+  let match = pairRegex.exec(objStr);
+  while (match !== null) {
+    const key = match[1], valueStr = match[2].trim();
+    result[key] = parseValue(valueStr);
+    match = pairRegex.exec(objStr);
+  }
+  return result;
+}
+function parseValue(valueStr) {
+  const trimmed = valueStr.trim();
+  if (trimmed === "true")
+    return !0;
+  if (trimmed === "false")
+    return !1;
+  if (trimmed === "null")
+    return null;
+  if (trimmed === "undefined")
+    return;
+  if (/^-?\d+(?:\.\d+)?$/.test(trimmed))
+    return Number(trimmed);
+  if (/^['"].*['"]$/.test(trimmed))
+    return trimmed.slice(1, -1);
+  return trimmed;
+}
+function extractVariantSource(content) {
+  let source = content;
+  source = source.replace(/<template\s+#default[^>]*>([\s\S]*?)<\/template>/gi, "$1");
+  source = source.replace(/<template\s+#controls[^>]*>[\s\S]*?<\/template>/gi, "");
+  source = source.trim();
+  return source;
+}
+function extractFileTitle(filePath) {
+  return (filePath.split("/").pop() || filePath).replace(/\.story\.stx$/i, "").replace(/([A-Z])/g, " $1").trim();
+}
+function generateId(title) {
+  return title.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "");
+}
+export function extractScriptContent(content) {
+  const match = content.match(/<script[^>]*>([\s\S]*?)<\/script>/i);
+  return match ? match[1] : "";
+}
+export function extractTemplateContent(content) {
+  return content.replace(/<script[^>]*>[\s\S]*?<\/script>/gi, "").trim();
+}