@idealyst/tooling 1.2.3 → 1.2.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@idealyst/tooling",
-  "version": "1.2.3",
+  "version": "1.2.4",
   "description": "Code analysis and validation utilities for Idealyst Framework",
   "readme": "README.md",
   "main": "src/index.ts",

package/src/vite-plugin.ts

@@ -7,7 +7,7 @@
  * Usage:
  * ```ts
  * // vite.config.ts
- * import { idealystDocsPlugin } from '@idealyst/tooling/vite';
+ * import { idealystDocsPlugin } from '@idealyst/tooling';
  *
  * export default defineConfig({
  *   plugins: [
@@ -19,7 +19,7 @@
  * });
  * ```
  *
- * Then in your app (no virtual module setup needed!):
+ * Then in your app:
  * ```ts
  * import { componentRegistry, componentNames, getComponentsByCategory } from '@idealyst/tooling';
  * ```
@@ -31,13 +31,6 @@ import * as path from 'path';
 import { analyzeComponents } from './analyzer';
 import type { IdealystDocsPluginOptions, ComponentRegistry } from './analyzer/types';
 
-// Virtual module for backwards compatibility
-const VIRTUAL_MODULE_ID = 'virtual:idealyst-docs';
-const RESOLVED_VIRTUAL_MODULE_ID = '\0' + VIRTUAL_MODULE_ID;
-
-// Marker for the tooling package that needs transformation
-const TOOLING_REGISTRY_MARKER = '@idealyst/tooling';
-
 /**
  * Create the Idealyst Docs Vite plugin.
  */
@@ -45,7 +38,7 @@ export function idealystDocsPlugin(options: IdealystDocsPluginOptions): Plugin {
   let registry: ComponentRegistry | null = null;
   let server: ViteDevServer | null = null;
 
-  const { debug = false, output = 'virtual', outputPath } = options;
+  const { debug = false, output, outputPath } = options;
 
   const log = (...args: any[]) => {
     if (debug) console.log('[idealyst-docs]', ...args);
@@ -56,10 +49,15 @@ export function idealystDocsPlugin(options: IdealystDocsPluginOptions): Plugin {
    */
   function generateRegistry(): ComponentRegistry {
     log('Generating component registry...');
+    log('Component paths:', options.componentPaths);
+    log('Theme path:', options.themePath);
 
     try {
       registry = analyzeComponents(options);
       log(`Generated registry with ${Object.keys(registry).length} components`);
+      if (debug) {
+        log('Components found:', Object.keys(registry));
+      }
 
       // Optionally write to file
       if (output === 'file' && outputPath) {
@@ -82,51 +80,6 @@ export function idealystDocsPlugin(options: IdealystDocsPluginOptions): Plugin {
     }
   }
 
-  /**
-   * Generate the virtual module code.
-   */
-  function generateModuleCode(): string {
-    if (!registry) {
-      registry = generateRegistry();
-    }
-
-    return `
-// Auto-generated by @idealyst/tooling
-// This module provides component metadata extracted from TypeScript source
-
-export const componentRegistry = ${JSON.stringify(registry, null, 2)};
-
-// Helper to get component names
-export const componentNames = Object.keys(componentRegistry);
-
-// Helper to get components by category
-export function getComponentsByCategory(category) {
-  return Object.entries(componentRegistry)
-    .filter(([_, def]) => def.category === category)
-    .map(([name]) => name);
-}
-
-// Helper to get prop config for playground
-export function getPropConfig(componentName) {
-  const def = componentRegistry[componentName];
-  if (!def) return {};
-
-  return Object.entries(def.props).reduce((acc, [key, prop]) => {
-    if (prop.values && prop.values.length > 0) {
-      acc[key] = { type: 'select', options: prop.values, default: prop.default };
-    } else if (prop.type === 'boolean') {
-      acc[key] = { type: 'boolean', default: prop.default ?? false };
-    } else if (prop.type === 'string') {
-      acc[key] = { type: 'text', default: prop.default ?? '' };
-    } else if (prop.type === 'number') {
-      acc[key] = { type: 'number', default: prop.default ?? 0 };
-    }
-    return acc;
-  }, {});
-}
-`;
-  }
-
   return {
     name: 'idealyst-docs',
 
@@ -134,18 +87,6 @@ export function getPropConfig(componentName) {
       server = _server;
     },
 
-    resolveId(id) {
-      if (id === VIRTUAL_MODULE_ID) {
-        return RESOLVED_VIRTUAL_MODULE_ID;
-      }
-    },
-
-    load(id) {
-      if (id === RESOLVED_VIRTUAL_MODULE_ID) {
-        return generateModuleCode();
-      }
-    },
-
     // Transform @idealyst/tooling to inject the actual registry
     transform(code, id) {
       // Check if this is the tooling package's index file
@@ -153,7 +94,7 @@ export function getPropConfig(componentName) {
       const isToolingSrc = id.includes('/packages/tooling/src/index.ts');
 
       if (isToolingIndex || isToolingSrc) {
-        log(`Transforming tooling index: ${id}`);
+        console.log(`[idealyst-docs] Transforming tooling index: ${id}`);
 
         if (!registry) {
           registry = generateRegistry();
@@ -162,21 +103,26 @@ export function getPropConfig(componentName) {
         // Replace the placeholder exports with actual values
         let transformed = code;
 
-        // Replace: export const componentRegistry: ComponentRegistry = {};
+        // Replace: export const componentRegistry = {};
+        // Note: TypeScript types are stripped before transform, so we match JS not TS
         transformed = transformed.replace(
-          /export const componentRegistry:\s*ComponentRegistry\s*=\s*\{\};?/,
+          /export const componentRegistry\s*=\s*\{\s*\};?/,
           `export const componentRegistry = ${JSON.stringify(registry, null, 2)};`
         );
 
-        // Replace: export const componentNames: string[] = [];
+        log(`Code transformed: ${code !== transformed}`);
+
+        // Replace: export const componentNames = [];
+        // Note: TypeScript types are stripped before transform
         transformed = transformed.replace(
-          /export const componentNames:\s*string\[\]\s*=\s*\[\];?/,
+          /export const componentNames\s*=\s*\[\s*\];?/,
           `export const componentNames = ${JSON.stringify(Object.keys(registry))};`
         );
 
         // Replace getComponentsByCategory with actual implementation that uses the real registry
+        // Match JS version (no type annotations)
         transformed = transformed.replace(
-          /export function getComponentsByCategory\(category: string\): string\[\] \{[\s\S]*?^\}/m,
+          /export function getComponentsByCategory\(category\)\s*\{[\s\S]*?^\}/m,
           `export function getComponentsByCategory(category) {
   return Object.entries(componentRegistry)
     .filter(([_, def]) => def.category === category)
@@ -185,8 +131,9 @@ export function getPropConfig(componentName) {
         );
 
         // Replace getPropConfig with actual implementation
+        // Match JS version (no type annotations)
         transformed = transformed.replace(
-          /export function getPropConfig\(componentName: string\): Record<string, any> \{[\s\S]*?^\}/m,
+          /export function getPropConfig\(componentName\)\s*\{[\s\S]*?^\}/m,
           `export function getPropConfig(componentName) {
   const def = componentRegistry[componentName];
   if (!def) return {};
@@ -230,21 +177,14 @@ export function getPropConfig(componentName) {
         // Clear cached registry
         registry = null;
 
-        // Invalidate the virtual module (for backwards compatibility)
-        const mod = server.moduleGraph.getModuleById(RESOLVED_VIRTUAL_MODULE_ID);
-        if (mod) {
-          server.moduleGraph.invalidateModule(mod);
-        }
-
-        // Also invalidate the tooling module if it's loaded
+        // Invalidate the tooling module to trigger re-transform
         const toolingMods = Array.from(server.moduleGraph.idToModuleMap.values())
           .filter(m => m.id && (m.id.includes('@idealyst/tooling') || m.id.includes('/packages/tooling/src/index')));
 
-        const modsToInvalidate = mod ? [mod, ...toolingMods] : toolingMods;
-        modsToInvalidate.forEach(m => server.moduleGraph.invalidateModule(m));
+        toolingMods.forEach(m => server.moduleGraph.invalidateModule(m));
 
-        if (modsToInvalidate.length > 0) {
-          return modsToInvalidate;
+        if (toolingMods.length > 0) {
+          return toolingMods;
         }
       }
     },