drupal-canvas-react 0.1.0

package/dist/cli.js

@@ -0,0 +1,457 @@
+#!/usr/bin/env node
+
+// src/cli.ts
+import * as fs3 from "fs";
+import * as path4 from "path";
+
+// src/config.ts
+import * as fs from "fs";
+import * as path from "path";
+import { pathToFileURL } from "url";
+function validateConfig(config, source) {
+  if (!config || typeof config !== "object") {
+    throw new Error(`Invalid config from ${source}: must be an object`);
+  }
+  const cfg = config;
+  if (typeof cfg.outDir !== "string") {
+    throw new Error(`Invalid config from ${source}: outDir is required and must be a string`);
+  }
+  if (!cfg.components || typeof cfg.components !== "object") {
+    throw new Error(`Invalid config from ${source}: components is required and must be an object`);
+  }
+  return config;
+}
+async function loadConfig(cwd = process.cwd()) {
+  const configFiles = [
+    "canvas.config.mts",
+    // ESM TypeScript (no warning)
+    "canvas.config.ts",
+    "canvas.config.mjs",
+    // ESM JavaScript
+    "canvas.config.js"
+  ];
+  for (const filename of configFiles) {
+    const configPath = path.join(cwd, filename);
+    if (fs.existsSync(configPath)) {
+      const module = await import(pathToFileURL(configPath).href);
+      const config = module.default || module;
+      return validateConfig(config, configPath);
+    }
+  }
+  const packageJsonPath = path.join(cwd, "package.json");
+  if (fs.existsSync(packageJsonPath)) {
+    const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, "utf-8"));
+    if (packageJson["drupal-canvas"]) {
+      return validateConfig(packageJson["drupal-canvas"], "package.json#drupal-canvas");
+    }
+  }
+  throw new Error(
+    `No config found. Create canvas.config.mts (recommended), canvas.config.ts, or add "drupal-canvas" to package.json`
+  );
+}
+
+// src/generate-index.ts
+import { parse } from "react-docgen-typescript";
+import * as fs2 from "fs";
+import * as path2 from "path";
+var CANVAS_IMAGE_REF = "json-schema-definitions://canvas.module/image";
+function toOutputProperty(prop) {
+  if (prop.type === "image") {
+    return {
+      type: "object",
+      title: prop.title,
+      description: prop.description,
+      $ref: CANVAS_IMAGE_REF
+    };
+  }
+  return prop;
+}
+function convertTypeToJsonSchema(typeName) {
+  if (typeName === "number") return { type: "number" };
+  if (typeName === "boolean") return { type: "boolean" };
+  if (typeName === "string") return { type: "string" };
+  if (typeName === "enum" || /^["']/.test(typeName)) return { type: "string" };
+  if (typeName.includes("{") || typeName.includes("[")) {
+    return { incompatible: true };
+  }
+  if (/^[A-Z]/.test(typeName)) {
+    return { incompatible: true };
+  }
+  return { type: "string" };
+}
+function extractEnumValues(typeString) {
+  if (!typeString) return void 0;
+  const matches = typeString.match(/["']([^"']+)["']/g);
+  if (!matches || matches.length === 0) return void 0;
+  return matches.map((m) => m.slice(1, -1));
+}
+function extractEnumFromSource(sourceCode, propName) {
+  const pattern = new RegExp(
+    `${propName}\\??:\\s*(['"][^'"]+['"](?:\\s*\\|\\s*['"][^'"]+['"])*)`,
+    "m"
+  );
+  const match = sourceCode.match(pattern);
+  if (!match) return void 0;
+  return extractEnumValues(match[1]);
+}
+function extractPropOrder(sourceCode) {
+  const propPattern = /^\s*(\w+)\??:/gm;
+  const props = [];
+  let match;
+  while ((match = propPattern.exec(sourceCode)) !== null) {
+    if (!props.includes(match[1])) {
+      props.push(match[1]);
+    }
+  }
+  return props;
+}
+function sortPropertiesBySourceOrder(properties, sourceOrder) {
+  const sorted = {};
+  for (const propName of sourceOrder) {
+    if (properties[propName]) {
+      sorted[propName] = properties[propName];
+    }
+  }
+  for (const propName of Object.keys(properties)) {
+    if (!sorted[propName]) {
+      sorted[propName] = properties[propName];
+    }
+  }
+  return sorted;
+}
+function parseTitleAndDescription(comment, propName) {
+  const defaultTitle = propName.replace(/([A-Z])/g, " $1").toLowerCase().replace(/^./, (c) => c.toUpperCase()).trim();
+  if (!comment) {
+    return { title: defaultTitle, description: void 0 };
+  }
+  const match = comment.match(/^([^:]+):\s*(.*)$/);
+  if (match) {
+    return {
+      title: match[1].trim(),
+      description: match[2].trim() || void 0
+    };
+  }
+  return { title: defaultTitle, description: comment };
+}
+function isReactNodeType(typeName) {
+  return typeName === "ReactNode" || typeName.includes("ReactNode") || typeName === "React.ReactNode" || typeName.includes("React.ReactNode");
+}
+async function generateComponentIndex(config, options = {}) {
+  const cwd = options.cwd || process.cwd();
+  const defaultCategory = config.defaultCategory || "Components";
+  const idPrefix = config.idPrefix || "";
+  const components = config.components;
+  const result = [];
+  for (const [id, entry] of Object.entries(components)) {
+    const filePath = path2.resolve(cwd, entry.path);
+    const parsed = parse(filePath, {
+      shouldExtractLiteralValuesFromEnum: false,
+      shouldRemoveUndefinedFromOptional: true
+    });
+    const componentDoc = parsed.length > 0 ? parsed[0] : null;
+    const sourceCode = fs2.readFileSync(filePath, "utf-8");
+    const hasManualMeta = entry.name || entry.description || entry.props || entry.slots;
+    if (!componentDoc && !hasManualMeta) {
+      console.warn(`No component found in ${filePath} (add name/description to config to include)`);
+      continue;
+    }
+    const meta = {
+      name: entry.name || componentDoc?.displayName || id,
+      description: entry.description || componentDoc?.description || `${id} component`
+    };
+    const properties = {};
+    const slots = {};
+    for (const [propName, propInfo] of Object.entries(componentDoc?.props ?? {})) {
+      const parent = propInfo.parent;
+      if (parent && parent.fileName.includes("node_modules")) {
+        continue;
+      }
+      const { title, description } = parseTitleAndDescription(propInfo.description, propName);
+      if (isReactNodeType(propInfo.type.name)) {
+        slots[propName] = {
+          title,
+          description
+        };
+        continue;
+      }
+      const typeResult = convertTypeToJsonSchema(propInfo.type.name);
+      if (typeResult.incompatible) {
+        console.warn(
+          `  \u26A0 ${id}.${propName}: type "${propInfo.type.name}" is not supported`
+        );
+        continue;
+      }
+      const looksLikeEnum = /["'][^"']+["']\s*\|/.test(propInfo.type.name);
+      const enumValues = looksLikeEnum ? extractEnumFromSource(sourceCode, propName) : void 0;
+      properties[propName] = {
+        type: typeResult.type,
+        title,
+        description,
+        default: propInfo.defaultValue?.value,
+        enum: enumValues
+      };
+    }
+    const mergedProperties = { ...properties };
+    for (const [propName, propValue] of Object.entries(entry.props ?? {})) {
+      if (propValue === false) {
+        delete mergedProperties[propName];
+      } else {
+        mergedProperties[propName] = propValue;
+      }
+      delete slots[propName];
+    }
+    const mergedSlots = { ...slots, ...entry.slots };
+    const propOrder = extractPropOrder(sourceCode);
+    const sortedProperties = sortPropertiesBySourceOrder(mergedProperties, propOrder);
+    const outputProperties = {};
+    for (const [propName, prop] of Object.entries(sortedProperties)) {
+      outputProperties[propName] = toOutputProperty(prop);
+    }
+    result.push({
+      id: idPrefix + id,
+      name: meta.name,
+      category: entry.category || defaultCategory,
+      description: meta.description,
+      status: "stable",
+      props: {
+        type: "object",
+        properties: outputProperties
+      },
+      slots: Object.keys(mergedSlots).length > 0 ? mergedSlots : void 0
+    });
+  }
+  return {
+    version: "1.0",
+    components: result
+  };
+}
+async function writeComponentIndex(config, options = {}) {
+  const cwd = options.cwd || process.cwd();
+  const index = await generateComponentIndex(config, options);
+  const outDir = path2.resolve(cwd, config.outDir);
+  if (!fs2.existsSync(outDir)) {
+    fs2.mkdirSync(outDir, { recursive: true });
+  }
+  const outputPath = path2.join(outDir, "component-index.json");
+  fs2.writeFileSync(outputPath, JSON.stringify(index, null, 2) + "\n");
+  console.log(`Generated ${outputPath}`);
+}
+
+// src/tsup-config.ts
+import { createRequire } from "module";
+import * as path3 from "path";
+var require2 = createRequire(import.meta.url);
+function getBuiltinStubsDir() {
+  return path3.join(path3.dirname(new URL(import.meta.url).pathname), "stubs");
+}
+function createTsupConfig(config, options = {}) {
+  const cwd = options.cwd || process.cwd();
+  const builtinStubsDir = getBuiltinStubsDir();
+  const entryFile = options.entry;
+  if (!entryFile) {
+    throw new Error("Entry file is required");
+  }
+  const outDir = path3.resolve(cwd, config.outDir);
+  const outputFilename = options.outputFilename || "drupal-canvas.js";
+  const reactDir = path3.dirname(require2.resolve("react/package.json"));
+  const reactDomDir = path3.dirname(require2.resolve("react-dom/package.json"));
+  const alias = {
+    react: reactDir,
+    "react-dom": reactDomDir,
+    "next/image": path3.join(builtinStubsDir, "image.js"),
+    "next/link": path3.join(builtinStubsDir, "link.js")
+  };
+  if (config.stubs) {
+    for (const [moduleName, stubPath] of Object.entries(config.stubs)) {
+      alias[moduleName] = path3.resolve(cwd, stubPath);
+    }
+  }
+  const baseName = outputFilename.replace(/\.js$/, "");
+  return {
+    entry: { [baseName]: entryFile },
+    format: "esm",
+    platform: "browser",
+    target: "es2020",
+    outDir,
+    outExtension: () => ({ js: ".js" }),
+    noExternal: [/.*/],
+    minify: config.minify !== false,
+    splitting: false,
+    tsconfig: config.tsconfig ? path3.resolve(cwd, config.tsconfig) : void 0,
+    esbuildPlugins: config.esbuildPlugins,
+    esbuildOptions(esbuildOptions) {
+      esbuildOptions.alias = alias;
+    }
+  };
+}
+
+// src/cli.ts
+var HELP = `
+drupal-canvas-react - Build React components for Drupal Canvas integration
+
+Usage:
+  drupal-canvas-react <command> [options]
+
+Commands:
+  build           Full build (index + bundle)
+  generate-index  Generate only component-index.json
+  bundle          Build only standalone.js
+  init            Create canvas.config.ts template
+
+Options:
+  --help, -h      Show this help message
+  --version, -v   Show version number
+
+Examples:
+  npx drupal-canvas-react build
+  npx drupal-canvas-react generate-index
+  npx drupal-canvas-react init
+`;
+var CONFIG_TEMPLATE = `import { defineConfig } from 'drupal-canvas-react'
+
+export default defineConfig({
+  // Output directory for generated files
+  outDir: '../back-end/web/components',
+
+  // Default category name for components in the Canvas UI
+  defaultCategory: 'My components',
+
+  // Optional: Output filename (default: 'drupal-canvas.js')
+  // outputFilename: 'drupal-canvas.js',
+
+  // Optional: Path to tsconfig for compilation
+  // tsconfig: './tsconfig.json',
+
+  // Optional: Custom module stubs
+  // stubs: {
+  //   'next/image': './my-stubs/image.tsx',
+  // },
+
+  // Component definitions
+  components: {
+    // Example component:
+    // TextBlock: {
+    //   path: 'components/organisms/TextBlock/TextBlock.tsx',
+    //   loader: () => import('./components/organisms/TextBlock/TextBlock'),
+    // },
+  },
+})
+`;
+async function main() {
+  const args = process.argv.slice(2);
+  const command = args[0];
+  if (!command || command === "--help" || command === "-h") {
+    console.log(HELP);
+    process.exit(0);
+  }
+  if (command === "--version" || command === "-v") {
+    const packageJsonPath = path4.join(path4.dirname(new URL(import.meta.url).pathname), "..", "package.json");
+    const packageJson = JSON.parse(fs3.readFileSync(packageJsonPath, "utf-8"));
+    console.log(packageJson.version);
+    process.exit(0);
+  }
+  const cwd = process.cwd();
+  switch (command) {
+    case "init":
+      await init(cwd);
+      break;
+    case "generate-index":
+      await generateIndex(cwd);
+      break;
+    case "bundle":
+      await bundle(cwd);
+      break;
+    case "build":
+      await build(cwd);
+      break;
+    default:
+      console.error(`Unknown command: ${command}`);
+      console.log(HELP);
+      process.exit(1);
+  }
+}
+async function init(cwd) {
+  const configPath = path4.join(cwd, "canvas.config.ts");
+  if (fs3.existsSync(configPath)) {
+    console.error(`canvas.config.ts already exists at ${configPath}`);
+    process.exit(1);
+  }
+  fs3.writeFileSync(configPath, CONFIG_TEMPLATE);
+  console.log(`Created ${configPath}`);
+  console.log("\nNext steps:");
+  console.log("1. Edit canvas.config.ts to add your components");
+  console.log("2. Run `npx drupal-canvas-react build` to generate the component index and bundle");
+}
+async function generateIndex(cwd) {
+  const config = await loadConfig(cwd);
+  await writeComponentIndex(config, { cwd });
+}
+function generateEntryCode(config) {
+  const idPrefix = config.idPrefix || "";
+  const loaderImports = [];
+  const componentEntries = [];
+  for (const [id, entry] of Object.entries(config.components)) {
+    const loaderStr = entry.loader.toString();
+    const importMatch = loaderStr.match(/import\s*\(\s*['"]([^'"]+)['"]\s*\)/);
+    if (importMatch) {
+      const importPath = importMatch[1];
+      const prefixedId = idPrefix + id;
+      loaderImports.push(`    '${prefixedId}': () => import('${importPath}'),`);
+      const entryParts = [
+        `    path: '${entry.path}'`,
+        `    loader: loaders['${prefixedId}']`
+      ];
+      if (entry.transformProps) {
+        entryParts.push(`    transformProps: ${entry.transformProps.toString()}`);
+      }
+      componentEntries.push(`  '${prefixedId}': {
+${entryParts.join(",\n")},
+  },`);
+    }
+  }
+  return `import { createRenderFunction } from 'drupal-canvas-react/preview'
+
+const loaders = {
+${loaderImports.join("\n")}
+}
+
+const components = {
+${componentEntries.join("\n")}
+}
+
+export const render = createRenderFunction(components)
+
+if (typeof window !== 'undefined') {
+  ;(window as any).render = render
+}
+`;
+}
+async function bundle(cwd) {
+  const config = await loadConfig(cwd);
+  const outputFilename = config.outputFilename || "drupal-canvas.js";
+  const entryContent = generateEntryCode(config);
+  const tempEntryPath = path4.join(cwd, ".drupal-canvas-entry.ts");
+  fs3.writeFileSync(tempEntryPath, entryContent);
+  try {
+    const tsupConfig = createTsupConfig(config, { cwd, entry: tempEntryPath, outputFilename });
+    const tsup = await import("tsup");
+    await tsup.build(tsupConfig);
+    console.log(`Built ${outputFilename} to ${config.outDir}`);
+  } finally {
+    if (fs3.existsSync(tempEntryPath)) {
+      fs3.unlinkSync(tempEntryPath);
+    }
+  }
+}
+async function build(cwd) {
+  console.log("Generating component index...");
+  await generateIndex(cwd);
+  console.log("\nBuilding standalone bundle...");
+  await bundle(cwd);
+  console.log("\nBuild complete!");
+}
+main().catch((err) => {
+  console.error(err);
+  process.exit(1);
+});
+//# sourceMappingURL=cli.js.map

package/dist/cli.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/cli.ts","../src/config.ts","../src/generate-index.ts","../src/tsup-config.ts"],"sourcesContent":["#!/usr/bin/env node\n\nimport * as fs from 'fs'\nimport * as path from 'path'\nimport { loadConfig } from './config.js'\nimport { writeComponentIndex } from './generate-index.js'\nimport { createTsupConfig } from './tsup-config.js'\nimport type { CanvasConfig } from './types.js'\n\nconst HELP = `\ndrupal-canvas-react - Build React components for Drupal Canvas integration\n\nUsage:\n  drupal-canvas-react <command> [options]\n\nCommands:\n  build           Full build (index + bundle)\n  generate-index  Generate only component-index.json\n  bundle          Build only standalone.js\n  init            Create canvas.config.ts template\n\nOptions:\n  --help, -h      Show this help message\n  --version, -v   Show version number\n\nExamples:\n  npx drupal-canvas-react build\n  npx drupal-canvas-react generate-index\n  npx drupal-canvas-react init\n`\n\nconst CONFIG_TEMPLATE = `import { defineConfig } from 'drupal-canvas-react'\n\nexport default defineConfig({\n  // Output directory for generated files\n  outDir: '../back-end/web/components',\n\n  // Default category name for components in the Canvas UI\n  defaultCategory: 'My components',\n\n  // Optional: Output filename (default: 'drupal-canvas.js')\n  // outputFilename: 'drupal-canvas.js',\n\n  // Optional: Path to tsconfig for compilation\n  // tsconfig: './tsconfig.json',\n\n  // Optional: Custom module stubs\n  // stubs: {\n  //   'next/image': './my-stubs/image.tsx',\n  // },\n\n  // Component definitions\n  components: {\n    // Example component:\n    // TextBlock: {\n    //   path: 'components/organisms/TextBlock/TextBlock.tsx',\n    //   loader: () => import('./components/organisms/TextBlock/TextBlock'),\n    // },\n  },\n})\n`\n\nasync function main() {\n  const args = process.argv.slice(2)\n  const command = args[0]\n\n  if (!command || command === '--help' || command === '-h') {\n    console.log(HELP)\n    process.exit(0)\n  }\n\n  if (command === '--version' || command === '-v') {\n    const packageJsonPath = path.join(path.dirname(new URL(import.meta.url).pathname), '..', 'package.json')\n    const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf-8'))\n    console.log(packageJson.version)\n    process.exit(0)\n  }\n\n  const cwd = process.cwd()\n\n  switch (command) {\n    case 'init':\n      await init(cwd)\n      break\n\n    case 'generate-index':\n      await generateIndex(cwd)\n      break\n\n    case 'bundle':\n      await bundle(cwd)\n      break\n\n    case 'build':\n      await build(cwd)\n      break\n\n    default:\n      console.error(`Unknown command: ${command}`)\n      console.log(HELP)\n      process.exit(1)\n  }\n}\n\nasync function init(cwd: string) {\n  const configPath = path.join(cwd, 'canvas.config.ts')\n\n  if (fs.existsSync(configPath)) {\n    console.error(`canvas.config.ts already exists at ${configPath}`)\n    process.exit(1)\n  }\n\n  fs.writeFileSync(configPath, CONFIG_TEMPLATE)\n  console.log(`Created ${configPath}`)\n  console.log('\\nNext steps:')\n  console.log('1. Edit canvas.config.ts to add your components')\n  console.log('2. Run `npx drupal-canvas-react build` to generate the component index and bundle')\n}\n\nasync function generateIndex(cwd: string) {\n  const config = await loadConfig(cwd)\n  await writeComponentIndex(config, { cwd })\n}\n\nfunction generateEntryCode(config: CanvasConfig): string {\n  const idPrefix = config.idPrefix || ''\n  const loaderImports: string[] = []\n  const componentEntries: string[] = []\n\n  for (const [id, entry] of Object.entries(config.components)) {\n    const loaderStr = entry.loader.toString()\n    const importMatch = loaderStr.match(/import\\s*\\(\\s*['\"]([^'\"]+)['\"]\\s*\\)/)\n\n    if (importMatch) {\n      const importPath = importMatch[1]\n      const prefixedId = idPrefix + id\n      loaderImports.push(`    '${prefixedId}': () => import('${importPath}'),`)\n\n      // Build component entry with optional transformProps\n      const entryParts = [\n        `    path: '${entry.path}'`,\n        `    loader: loaders['${prefixedId}']`,\n      ]\n      if (entry.transformProps) {\n        entryParts.push(`    transformProps: ${entry.transformProps.toString()}`)\n      }\n\n      componentEntries.push(`  '${prefixedId}': {\\n${entryParts.join(',\\n')},\\n  },`)\n    }\n  }\n\n  return `import { createRenderFunction } from 'drupal-canvas-react/preview'\n\nconst loaders = {\n${loaderImports.join('\\n')}\n}\n\nconst components = {\n${componentEntries.join('\\n')}\n}\n\nexport const render = createRenderFunction(components)\n\nif (typeof window !== 'undefined') {\n  ;(window as any).render = render\n}\n`\n}\n\nasync function bundle(cwd: string) {\n  const config = await loadConfig(cwd)\n  const outputFilename = config.outputFilename || 'drupal-canvas.js'\n\n  // Generate temporary entry file\n  const entryContent = generateEntryCode(config)\n  const tempEntryPath = path.join(cwd, '.drupal-canvas-entry.ts')\n  fs.writeFileSync(tempEntryPath, entryContent)\n\n  try {\n    const tsupConfig = createTsupConfig(config, { cwd, entry: tempEntryPath, outputFilename })\n\n    const tsup = await import('tsup')\n    await tsup.build(tsupConfig)\n    console.log(`Built ${outputFilename} to ${config.outDir}`)\n  } finally {\n    // Clean up temp file\n    if (fs.existsSync(tempEntryPath)) {\n      fs.unlinkSync(tempEntryPath)\n    }\n  }\n}\n\nasync function build(cwd: string) {\n  console.log('Generating component index...')\n  await generateIndex(cwd)\n\n  console.log('\\nBuilding standalone bundle...')\n  await bundle(cwd)\n\n  console.log('\\nBuild complete!')\n}\n\nmain().catch((err) => {\n  console.error(err)\n  process.exit(1)\n})\n","import * as fs from 'fs'\nimport * as path from 'path'\nimport { pathToFileURL } from 'url'\nimport type { CanvasConfig } from './types.js'\n\n/**\n * Helper to define a config with type checking.\n */\nexport function defineConfig(config: CanvasConfig): CanvasConfig {\n  return config\n}\n\n/**\n * Validate that required config fields are present.\n */\nfunction validateConfig(config: unknown, source: string): CanvasConfig {\n  if (!config || typeof config !== 'object') {\n    throw new Error(`Invalid config from ${source}: must be an object`)\n  }\n\n  const cfg = config as Record<string, unknown>\n\n  if (typeof cfg.outDir !== 'string') {\n    throw new Error(`Invalid config from ${source}: outDir is required and must be a string`)\n  }\n\n  if (!cfg.components || typeof cfg.components !== 'object') {\n    throw new Error(`Invalid config from ${source}: components is required and must be an object`)\n  }\n\n  return config as CanvasConfig\n}\n\n/**\n * Load config from canvas.config.{mts,ts,mjs,js} or package.json.\n *\n * @param cwd - Working directory to search for config. Defaults to process.cwd().\n * @returns The loaded and validated config.\n */\nexport async function loadConfig(cwd: string = process.cwd()): Promise<CanvasConfig> {\n  // Try config files in order of preference\n  const configFiles = [\n    'canvas.config.mts', // ESM TypeScript (no warning)\n    'canvas.config.ts',\n    'canvas.config.mjs', // ESM JavaScript\n    'canvas.config.js',\n  ]\n\n  for (const filename of configFiles) {\n    const configPath = path.join(cwd, filename)\n    if (fs.existsSync(configPath)) {\n      const module = await import(pathToFileURL(configPath).href)\n      const config = module.default || module\n      return validateConfig(config, configPath)\n    }\n  }\n\n  // Try package.json drupal-canvas field\n  const packageJsonPath = path.join(cwd, 'package.json')\n  if (fs.existsSync(packageJsonPath)) {\n    const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf-8'))\n    if (packageJson['drupal-canvas']) {\n      return validateConfig(packageJson['drupal-canvas'], 'package.json#drupal-canvas')\n    }\n  }\n\n  throw new Error(\n    `No config found. Create canvas.config.mts (recommended), canvas.config.ts, or add \"drupal-canvas\" to package.json`\n  )\n}\n\n/**\n * Resolve a path relative to the config file location.\n *\n * @param configDir - Directory containing the config file.\n * @param relativePath - Path relative to the config file.\n * @returns Absolute path.\n */\nexport function resolveConfigPath(configDir: string, relativePath: string): string {\n  return path.resolve(configDir, relativePath)\n}\n","import { parse } from 'react-docgen-typescript'\nimport * as fs from 'fs'\nimport * as path from 'path'\nimport type { CanvasConfig, ComponentIndex, PropertySchema, OutputPropertySchema, SlotDefinition } from './types.js'\n\nconst CANVAS_IMAGE_REF = 'json-schema-definitions://canvas.module/image'\n\n/**\n * Transform a PropertySchema to OutputPropertySchema for the component index.\n * Converts 'image' type to Canvas's expected format.\n */\nfunction toOutputProperty(prop: PropertySchema): OutputPropertySchema {\n  if (prop.type === 'image') {\n    return {\n      type: 'object',\n      title: prop.title,\n      description: prop.description,\n      $ref: CANVAS_IMAGE_REF,\n    }\n  }\n  return prop as OutputPropertySchema\n}\n\ninterface GenerateIndexOptions {\n  /**\n   * Working directory for resolving paths.\n   */\n  cwd?: string\n}\n\n/**\n * Convert a TypeScript type name to JSON Schema type.\n * Returns null if the type is incompatible with Canvas (objects, arrays).\n */\nfunction convertTypeToJsonSchema(\n  typeName: string\n): { type: 'string' | 'number' | 'boolean'; incompatible?: undefined } | { incompatible: true } {\n  // Primitive types are compatible\n  if (typeName === 'number') return { type: 'number' }\n  if (typeName === 'boolean') return { type: 'boolean' }\n  if (typeName === 'string') return { type: 'string' }\n\n  // Enum/union of string literals is compatible (will be type: 'string' with enum)\n  if (typeName === 'enum' || /^[\"']/.test(typeName)) return { type: 'string' }\n\n  // Object types (contains { or is a named type that's not a primitive)\n  if (typeName.includes('{') || typeName.includes('[')) {\n    return { incompatible: true }\n  }\n\n  // Named types (like DrupalImage, ImageTypes, etc.) are likely objects\n  // Exception: some types might be string aliases, but we can't know for sure\n  if (/^[A-Z]/.test(typeName)) {\n    return { incompatible: true }\n  }\n\n  // Default to string for anything else\n  return { type: 'string' }\n}\n\n/**\n * Extract enum values from a type string like '\"S\" | \"M\" | \"L\"' or \"'S' | 'M' | 'L'\".\n */\nfunction extractEnumValues(typeString: string | undefined): string[] | undefined {\n  if (!typeString) return undefined\n\n  // Match quoted string values in union types (double or single quotes)\n  const matches = typeString.match(/[\"']([^\"']+)[\"']/g)\n  if (!matches || matches.length === 0) return undefined\n\n  // Remove quotes from matched values\n  return matches.map((m) => m.slice(1, -1))\n}\n\n/**\n * Extract enum values for a prop directly from source code to preserve original order.\n * Looks for patterns like: propName?: 'S' | 'M' | 'L' or propName: \"A\" | \"B\"\n */\nfunction extractEnumFromSource(sourceCode: string, propName: string): string[] | undefined {\n  // Match prop definition with union of string literals\n  // Handles: propName?: 'A' | 'B' | 'C' or propName: \"X\" | \"Y\"\n  const pattern = new RegExp(\n    `${propName}\\\\??:\\\\s*(['\"][^'\"]+['\"](?:\\\\s*\\\\|\\\\s*['\"][^'\"]+['\"])*)`,\n    'm'\n  )\n  const match = sourceCode.match(pattern)\n  if (!match) return undefined\n\n  return extractEnumValues(match[1])\n}\n\n/**\n * Extract the order of props from source code.\n * Returns prop names in the order they appear in the type definition.\n */\nfunction extractPropOrder(sourceCode: string): string[] {\n  // Match prop definitions like: propName?: type or propName: type\n  const propPattern = /^\\s*(\\w+)\\??:/gm\n  const props: string[] = []\n  let match\n  while ((match = propPattern.exec(sourceCode)) !== null) {\n    if (!props.includes(match[1])) {\n      props.push(match[1])\n    }\n  }\n  return props\n}\n\n/**\n * Sort properties object to match source order.\n */\nfunction sortPropertiesBySourceOrder(\n  properties: Record<string, PropertySchema>,\n  sourceOrder: string[]\n): Record<string, PropertySchema> {\n  const sorted: Record<string, PropertySchema> = {}\n\n  // First add props in source order\n  for (const propName of sourceOrder) {\n    if (properties[propName]) {\n      sorted[propName] = properties[propName]\n    }\n  }\n\n  // Then add any remaining props not in source (shouldn't happen normally)\n  for (const propName of Object.keys(properties)) {\n    if (!sorted[propName]) {\n      sorted[propName] = properties[propName]\n    }\n  }\n\n  return sorted\n}\n\n/**\n * Parse a JSDoc comment to extract title and description.\n *\n * Supports \"Title: Description\" format, otherwise uses camelCase to sentence case conversion.\n */\nfunction parseTitleAndDescription(\n  comment: string | undefined,\n  propName: string\n): { title: string; description: string | undefined } {\n  // Convert camelCase to sentence case (e.g., fullWidth -> Full width)\n  const defaultTitle = propName\n    .replace(/([A-Z])/g, ' $1')\n    .toLowerCase()\n    .replace(/^./, (c) => c.toUpperCase())\n    .trim()\n\n  if (!comment) {\n    return { title: defaultTitle, description: undefined }\n  }\n\n  // Check for \"Title: Description\" format\n  const match = comment.match(/^([^:]+):\\s*(.*)$/)\n  if (match) {\n    return {\n      title: match[1].trim(),\n      description: match[2].trim() || undefined,\n    }\n  }\n\n  return { title: defaultTitle, description: comment }\n}\n\n/**\n * Generate the component index from the component map.\n *\n * @param config - The canvas config.\n * @param options - Generation options.\n * @returns The generated component index.\n */\n/**\n * Check if a type string indicates a ReactNode (slot) type.\n */\nfunction isReactNodeType(typeName: string): boolean {\n  return (\n    typeName === 'ReactNode' ||\n    typeName.includes('ReactNode') ||\n    typeName === 'React.ReactNode' ||\n    typeName.includes('React.ReactNode')\n  )\n}\n\nexport async function generateComponentIndex(\n  config: CanvasConfig,\n  options: GenerateIndexOptions = {}\n): Promise<ComponentIndex> {\n  const cwd = options.cwd || process.cwd()\n  const defaultCategory = config.defaultCategory || 'Components'\n  const idPrefix = config.idPrefix || ''\n\n  // Use components directly from config\n  const components = config.components\n\n  const result = []\n\n  for (const [id, entry] of Object.entries(components)) {\n    const filePath = path.resolve(cwd, entry.path)\n\n    // Parse TypeScript props\n    const parsed = parse(filePath, {\n      shouldExtractLiteralValuesFromEnum: false,\n      shouldRemoveUndefinedFromOptional: true,\n    })\n\n    const componentDoc = parsed.length > 0 ? parsed[0] : null\n    const sourceCode = fs.readFileSync(filePath, 'utf-8')\n\n    // Check if we have enough info to include this component\n    const hasManualMeta = entry.name || entry.description || entry.props || entry.slots\n    if (!componentDoc && !hasManualMeta) {\n      console.warn(`No component found in ${filePath} (add name/description to config to include)`)\n      continue\n    }\n\n    // Build meta from available sources (entry > auto-generated)\n    const meta = {\n      name: entry.name || componentDoc?.displayName || id,\n      description: entry.description || componentDoc?.description || `${id} component`,\n    }\n\n    // Convert props to JSON Schema format, auto-detecting slots\n    const properties: Record<string, PropertySchema> = {}\n    const slots: Record<string, SlotDefinition> = {}\n\n    for (const [propName, propInfo] of Object.entries(componentDoc?.props ?? {})) {\n      // Skip props inherited from node_modules (e.g., React.HTMLAttributes)\n      // Allow props from the same project (src/) even if via type helpers\n      const parent = (propInfo as any).parent\n      if (parent && parent.fileName.includes('node_modules')) {\n        continue\n      }\n\n      const { title, description } = parseTitleAndDescription(propInfo.description, propName)\n\n      // Auto-detect slots from ReactNode type\n      if (isReactNodeType(propInfo.type.name)) {\n        slots[propName] = {\n          title,\n          description,\n        }\n        continue\n      }\n\n      // Check if the type is compatible with Canvas\n      const typeResult = convertTypeToJsonSchema(propInfo.type.name)\n      if (typeResult.incompatible) {\n        console.warn(\n          `  ⚠ ${id}.${propName}: type \"${propInfo.type.name}\" is not supported`\n        )\n        continue\n      }\n\n      // Extract enum values from source if this looks like a union of string literals\n      // Check if type.name contains quoted strings with | (e.g., \"L\" | \"S\" | \"M\")\n      const looksLikeEnum = /[\"'][^\"']+[\"']\\s*\\|/.test(propInfo.type.name)\n      const enumValues = looksLikeEnum ? extractEnumFromSource(sourceCode, propName) : undefined\n\n      properties[propName] = {\n        type: typeResult.type,\n        title,\n        description,\n        default: propInfo.defaultValue?.value,\n        enum: enumValues,\n      }\n    }\n\n    // Merge manual props/slots from config (manual takes precedence)\n    // If a prop is manually defined, remove it from slots (can't be both)\n    const mergedProperties: Record<string, PropertySchema> = { ...properties }\n    for (const [propName, propValue] of Object.entries(entry.props ?? {})) {\n      if (propValue === false) {\n        // Exclude this prop from output\n        delete mergedProperties[propName]\n      } else {\n        mergedProperties[propName] = propValue\n      }\n      delete slots[propName]\n    }\n    const mergedSlots = { ...slots, ...entry.slots }\n\n    // Sort properties to match source order\n    const propOrder = extractPropOrder(sourceCode)\n    const sortedProperties = sortPropertiesBySourceOrder(mergedProperties, propOrder)\n\n    // Transform properties to output format (e.g., image → object with $ref)\n    const outputProperties: Record<string, OutputPropertySchema> = {}\n    for (const [propName, prop] of Object.entries(sortedProperties)) {\n      outputProperties[propName] = toOutputProperty(prop)\n    }\n\n    result.push({\n      id: idPrefix + id,\n      name: meta.name,\n      category: entry.category || defaultCategory,\n      description: meta.description,\n      status: 'stable' as const,\n      props: {\n        type: 'object' as const,\n        properties: outputProperties,\n      },\n      slots: Object.keys(mergedSlots).length > 0 ? mergedSlots : undefined,\n    })\n  }\n\n  return {\n    version: '1.0',\n    components: result,\n  }\n}\n\n/**\n * Generate and write the component index to the output directory.\n *\n * @param config - The canvas config.\n * @param options - Generation options.\n */\nexport async function writeComponentIndex(\n  config: CanvasConfig,\n  options: GenerateIndexOptions = {}\n): Promise<void> {\n  const cwd = options.cwd || process.cwd()\n  const index = await generateComponentIndex(config, options)\n\n  const outDir = path.resolve(cwd, config.outDir)\n\n  // Ensure output directory exists\n  if (!fs.existsSync(outDir)) {\n    fs.mkdirSync(outDir, { recursive: true })\n  }\n\n  const outputPath = path.join(outDir, 'component-index.json')\n  fs.writeFileSync(outputPath, JSON.stringify(index, null, 2) + '\\n')\n  console.log(`Generated ${outputPath}`)\n}\n","import { createRequire } from 'module'\nimport * as path from 'path'\nimport type { Options } from 'tsup'\nimport type { CanvasConfig } from './types.js'\n\nconst require = createRequire(import.meta.url)\n\n/**\n * Get the path to the built-in stubs directory.\n * This resolves to the dist/stubs directory in the package.\n */\nfunction getBuiltinStubsDir(): string {\n  // When running from dist, __dirname points to dist/\n  // The stubs are at dist/stubs/\n  return path.join(path.dirname(new URL(import.meta.url).pathname), 'stubs')\n}\n\ninterface CreateTsupConfigOptions {\n  /**\n   * Working directory for resolving paths.\n   */\n  cwd?: string\n\n  /**\n   * Entry file path for the standalone bundle.\n   */\n  entry?: string\n\n  /**\n   * Output filename for the bundle.\n   * @default 'drupal-canvas.js'\n   */\n  outputFilename?: string\n}\n\n/**\n * Create a tsup configuration for building the standalone bundle.\n *\n * @param config - The canvas config.\n * @param options - Additional options.\n * @returns A tsup configuration object.\n *\n * @example\n * ```ts\n * // tsup.config.ts\n * import { createTsupConfig, loadConfig } from 'drupal-canvas-react'\n *\n * export default loadConfig().then(createTsupConfig)\n * ```\n */\nexport function createTsupConfig(\n  config: CanvasConfig,\n  options: CreateTsupConfigOptions = {}\n): Options {\n  const cwd = options.cwd || process.cwd()\n  const builtinStubsDir = getBuiltinStubsDir()\n\n  // Resolve paths\n  const entryFile = options.entry\n  if (!entryFile) {\n    throw new Error('Entry file is required')\n  }\n  const outDir = path.resolve(cwd, config.outDir)\n  const outputFilename = options.outputFilename || 'drupal-canvas.js'\n\n  // Build alias map\n  // Include react/react-dom to dedupe and prevent multiple React instances\n  // Use package directory (not main file) so sub-imports like react/jsx-runtime resolve\n  const reactDir = path.dirname(require.resolve('react/package.json'))\n  const reactDomDir = path.dirname(require.resolve('react-dom/package.json'))\n  const alias: Record<string, string> = {\n    react: reactDir,\n    'react-dom': reactDomDir,\n    'next/image': path.join(builtinStubsDir, 'image.js'),\n    'next/link': path.join(builtinStubsDir, 'link.js'),\n  }\n\n  // Add custom stubs from config\n  if (config.stubs) {\n    for (const [moduleName, stubPath] of Object.entries(config.stubs)) {\n      alias[moduleName] = path.resolve(cwd, stubPath)\n    }\n  }\n\n  // Remove .js extension if present for outfile naming\n  const baseName = outputFilename.replace(/\\.js$/, '')\n\n  return {\n    entry: { [baseName]: entryFile },\n    format: 'esm',\n    platform: 'browser',\n    target: 'es2020',\n    outDir,\n    outExtension: () => ({ js: '.js' }),\n    noExternal: [/.*/],\n    minify: config.minify !== false,\n    splitting: false,\n    tsconfig: config.tsconfig ? path.resolve(cwd, config.tsconfig) : undefined,\n    esbuildPlugins: config.esbuildPlugins,\n    esbuildOptions(esbuildOptions) {\n      esbuildOptions.alias = alias\n    },\n  }\n}\n"],"mappings":"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","names":["fs","path","fs","path","path","require"]}

package/dist/index.d.ts

@@ -0,0 +1,74 @@
+import { C as CanvasConfig, a as ComponentIndex } from './types-DE6lplQu.js';
+export { b as ComponentEntry, c as ComponentMap, P as PropertySchema, S as SlotDefinition } from './types-DE6lplQu.js';
+import { Options } from 'tsup';
+import 'esbuild';
+import 'react';
+
+/**
+ * Helper to define a config with type checking.
+ */
+declare function defineConfig(config: CanvasConfig): CanvasConfig;
+/**
+ * Load config from canvas.config.{mts,ts,mjs,js} or package.json.
+ *
+ * @param cwd - Working directory to search for config. Defaults to process.cwd().
+ * @returns The loaded and validated config.
+ */
+declare function loadConfig(cwd?: string): Promise<CanvasConfig>;
+/**
+ * Resolve a path relative to the config file location.
+ *
+ * @param configDir - Directory containing the config file.
+ * @param relativePath - Path relative to the config file.
+ * @returns Absolute path.
+ */
+declare function resolveConfigPath(configDir: string, relativePath: string): string;
+
+interface GenerateIndexOptions {
+    /**
+     * Working directory for resolving paths.
+     */
+    cwd?: string;
+}
+declare function generateComponentIndex(config: CanvasConfig, options?: GenerateIndexOptions): Promise<ComponentIndex>;
+/**
+ * Generate and write the component index to the output directory.
+ *
+ * @param config - The canvas config.
+ * @param options - Generation options.
+ */
+declare function writeComponentIndex(config: CanvasConfig, options?: GenerateIndexOptions): Promise<void>;
+
+interface CreateTsupConfigOptions {
+    /**
+     * Working directory for resolving paths.
+     */
+    cwd?: string;
+    /**
+     * Entry file path for the standalone bundle.
+     */
+    entry?: string;
+    /**
+     * Output filename for the bundle.
+     * @default 'drupal-canvas.js'
+     */
+    outputFilename?: string;
+}
+/**
+ * Create a tsup configuration for building the standalone bundle.
+ *
+ * @param config - The canvas config.
+ * @param options - Additional options.
+ * @returns A tsup configuration object.
+ *
+ * @example
+ * ```ts
+ * // tsup.config.ts
+ * import { createTsupConfig, loadConfig } from 'drupal-canvas-react'
+ *
+ * export default loadConfig().then(createTsupConfig)
+ * ```
+ */
+declare function createTsupConfig(config: CanvasConfig, options?: CreateTsupConfigOptions): Options;
+
+export { CanvasConfig, createTsupConfig, defineConfig, generateComponentIndex, loadConfig, resolveConfigPath, writeComponentIndex };