basuicn 0.3.6 → 0.3.9

package/scripts/build-registry.ts

@@ -1,261 +1,261 @@
-import fs from 'fs';
-import path from 'path';
-
-const COMPONENTS_DIR = './src/components/ui';
-const HOOKS_DIR = './src/hooks';
-const OUTPUT_FILE = './registry.json';
-
-// Directories to exclude from registry (not reusable components)
-const EXCLUDE_DIRS = new Set(['icons', 'layout', 'vs-code', 'Showcase.tsx']);
-
-interface RegistryFile {
-  path: string;
-  content: string;
-}
-
-interface RegistryComponent {
-  name: string;
-  dependencies: string[];
-  internalDependencies: string[];
-  files: RegistryFile[];
-}
-
-interface Registry {
-  core: {
-    dependencies: string[];
-    files: RegistryFile[];
-  };
-  components: Record<string, RegistryComponent>;
-}
-
-const getFiles = (dir: string): string[] => {
-  const files: string[] = [];
-  let entries: string[];
-  try {
-    entries = fs.readdirSync(dir);
-  } catch (err) {
-    console.warn(`Cannot read directory ${dir}: ${err}`);
-    return files;
-  }
-  for (const file of entries) {
-    const fullPath = path.join(dir, file);
-    try {
-      const stat = fs.statSync(fullPath);
-      if (stat.isDirectory()) {
-        files.push(...getFiles(fullPath));
-      } else if (file.endsWith('.tsx') || file.endsWith('.ts')) {
-        if (!file.includes('.test.') && !file.includes('.stories.')) {
-          files.push(fullPath);
-        }
-      }
-    } catch (err) {
-      console.warn(`Skipping ${fullPath}: ${err}`);
-    }
-  }
-  return files;
-};
-
-const INTERNAL_ALIAS_PREFIXES = ['@/', '@lib/', '@components/', '@app/'];
-
-const parseDependencies = (content: string): string[] => {
-  const dependencies = new Set<string>();
-  const importRegex = /(?:from|import)\s+['"]([^'"]+)['"]/g;
-  let match;
-
-  while ((match = importRegex.exec(content)) !== null) {
-    const pkg = match[1];
-
-    // Skip relative imports
-    if (pkg.startsWith('.')) continue;
-    // Skip internal aliases
-    if (INTERNAL_ALIAS_PREFIXES.some(prefix => pkg.startsWith(prefix))) continue;
-
-    // Extract package name
-    const parts = pkg.split('/');
-    if (pkg.startsWith('@') && parts.length >= 2) {
-      dependencies.add(`${parts[0]}/${parts[1]}`);
-    } else {
-      dependencies.add(parts[0]);
-    }
-  }
-
-  // Remove React (always a peer dependency)
-  dependencies.delete('react');
-  dependencies.delete('react-dom');
-
-  return [...dependencies];
-};
-
-const getInternalDeps = (content: string, currentDirName: string): string[] => {
-  const internalDeps = new Set<string>();
-
-  // 1. Alias imports: @/components/ui/xxx or @components/ui/xxx
-  const aliasRegex = /from\s+['"](?:@\/?components\/ui)\/([^'"]+)['"]/g;
-  let match;
-  while ((match = aliasRegex.exec(content)) !== null) {
-    const depPath = match[1].split('/')[0];
-    if (depPath !== currentDirName && depPath !== 'icons') {
-      internalDeps.add(depPath);
-    }
-  }
-
-  // 2. Relative imports: ../spinner/Spinner
-  const relativeRegex = /from\s+['"]\.\.\/([^'"]+)['"]/g;
-  while ((match = relativeRegex.exec(content)) !== null) {
-    const depPath = match[1].split('/')[0];
-    if (depPath !== currentDirName) {
-      internalDeps.add(depPath);
-    }
-  }
-
-  return [...internalDeps];
-};
-
-/** Collect hook files imported via `@/hooks/xxx` in any of the given source files */
-const collectHookFiles = (sourceFiles: string[]): RegistryFile[] => {
-  const seen = new Set<string>();
-  const hookFiles: RegistryFile[] = [];
-
-  for (const file of sourceFiles) {
-    let content: string;
-    try { content = fs.readFileSync(file, 'utf-8'); } catch { continue; }
-
-    const hookRegex = /from\s+['"]@\/hooks\/([^'"]+)['"]/g;
-    let match;
-    while ((match = hookRegex.exec(content)) !== null) {
-      // Normalise: strip extension if present, then try .ts and .tsx
-      const rawName = match[1].replace(/\.(ts|tsx)$/, '');
-      if (seen.has(rawName)) continue;
-
-      const candidates = [
-        path.join(HOOKS_DIR, `${rawName}.ts`),
-        path.join(HOOKS_DIR, `${rawName}.tsx`),
-        path.join(HOOKS_DIR, rawName, 'index.ts'),
-      ];
-
-      for (const candidate of candidates) {
-        if (fs.existsSync(candidate)) {
-          seen.add(rawName);
-          hookFiles.push({
-            path: candidate.replace(/\\/g, '/').replace(/^\.\//, ''),
-            content: fs.readFileSync(candidate, 'utf-8'),
-          });
-          break;
-        }
-      }
-    }
-  }
-
-  return hookFiles;
-};
-
-const buildRegistry = () => {
-  console.log('Building component registry...');
-
-  const registry: Registry = {
-    core: {
-      dependencies: [
-        '@base-ui/react',
-        'clsx',
-        'tailwind-merge',
-        'tailwind-variants',
-        'tailwindcss-animate',
-        '@tailwindcss/vite',
-        'autoprefixer',
-        'tailwindcss',
-        'postcss',
-      ],
-      files: [
-        {
-          path: 'src/lib/utils/cn.ts',
-          content: fs.readFileSync('./src/lib/utils/cn.ts', 'utf-8'),
-        },
-        {
-          path: 'src/styles/index.css',
-          content: fs.readFileSync('./src/styles/index.css', 'utf-8'),
-        },
-        {
-          path: 'src/lib/theme/themes.ts',
-          content: fs.readFileSync('./src/lib/theme/themes.ts', 'utf-8'),
-        },
-        {
-          path: 'src/lib/theme/ThemeProvider.tsx',
-          content: fs.readFileSync('./src/lib/theme/ThemeProvider.tsx', 'utf-8'),
-        },
-      ],
-    },
-    components: {},
-  };
-
-  const componentDirs = fs.readdirSync(COMPONENTS_DIR);
-
-  for (const dirName of componentDirs) {
-    if (EXCLUDE_DIRS.has(dirName)) continue;
-
-    const dirPath = path.join(COMPONENTS_DIR, dirName);
-    if (!fs.statSync(dirPath).isDirectory()) continue;
-
-    const files = getFiles(dirPath);
-    if (files.length === 0) continue;
-
-    // Find main file: prefer <DirName>.tsx, then any .tsx
-    const mainFile =
-      files.find(
-        (f) =>
-          f.toLowerCase().includes(dirName.toLowerCase()) &&
-          f.endsWith('.tsx')
-      ) || files.find((f) => f.endsWith('.tsx'));
-
-    if (!mainFile) continue;
-
-    // Parse all files in the component directory for dependencies
-    const allDependencies = new Set<string>();
-    const allInternalDeps = new Set<string>();
-
-    for (const file of files) {
-      try {
-        const content = fs.readFileSync(file, 'utf-8');
-        for (const dep of parseDependencies(content)) allDependencies.add(dep);
-        for (const dep of getInternalDeps(content, dirName)) allInternalDeps.add(dep);
-      } catch (err) {
-        console.warn(`Failed to read ${file}: ${err}`);
-      }
-    }
-
-    // Collect any hook files this component imports from @/hooks/
-    const hookFiles = collectHookFiles(files);
-
-    const componentFiles: RegistryFile[] = files.map((f) => {
-      try {
-        return {
-          path: f.replace(/\\/g, '/').replace(/^\.\//, ''),
-          content: fs.readFileSync(f, 'utf-8'),
-        };
-      } catch (err) {
-        console.warn(`Failed to read ${f}: ${err}`);
-        return { path: f.replace(/\\/g, '/').replace(/^\.\//, ''), content: '' };
-      }
-    }).filter(f => f.content !== '');
-
-    registry.components[dirName] = {
-      name: dirName,
-      dependencies: [...allDependencies],
-      internalDependencies: [...allInternalDeps],
-      files: [...componentFiles, ...hookFiles],
-    };
-  }
-
-  const componentCount = Object.keys(registry.components).length;
-  if (componentCount === 0) {
-    console.warn('Warning: No components found in registry');
-  }
-  try {
-    fs.writeFileSync(OUTPUT_FILE, JSON.stringify(registry, null, 2));
-  } catch (err) {
-    console.error(`Failed to write registry: ${err}`);
-    process.exit(1);
-  }
-  console.log(`Registry built: ${componentCount} components → ${OUTPUT_FILE}`);
-};
-
-buildRegistry();
+import fs from 'fs';
+import path from 'path';
+
+const COMPONENTS_DIR = './src/components/ui';
+const HOOKS_DIR = './src/hooks';
+const OUTPUT_FILE = './registry.json';
+
+// Directories to exclude from registry (not reusable components)
+const EXCLUDE_DIRS = new Set(['icons', 'layout', 'vs-code', 'Showcase.tsx']);
+
+interface RegistryFile {
+  path: string;
+  content: string;
+}
+
+interface RegistryComponent {
+  name: string;
+  dependencies: string[];
+  internalDependencies: string[];
+  files: RegistryFile[];
+}
+
+interface Registry {
+  core: {
+    dependencies: string[];
+    files: RegistryFile[];
+  };
+  components: Record<string, RegistryComponent>;
+}
+
+const getFiles = (dir: string): string[] => {
+  const files: string[] = [];
+  let entries: string[];
+  try {
+    entries = fs.readdirSync(dir);
+  } catch (err) {
+    console.warn(`Cannot read directory ${dir}: ${err}`);
+    return files;
+  }
+  for (const file of entries) {
+    const fullPath = path.join(dir, file);
+    try {
+      const stat = fs.statSync(fullPath);
+      if (stat.isDirectory()) {
+        files.push(...getFiles(fullPath));
+      } else if (file.endsWith('.tsx') || file.endsWith('.ts')) {
+        if (!file.includes('.test.') && !file.includes('.stories.')) {
+          files.push(fullPath);
+        }
+      }
+    } catch (err) {
+      console.warn(`Skipping ${fullPath}: ${err}`);
+    }
+  }
+  return files;
+};
+
+const INTERNAL_ALIAS_PREFIXES = ['@/', '@lib/', '@components/', '@app/'];
+
+const parseDependencies = (content: string): string[] => {
+  const dependencies = new Set<string>();
+  const importRegex = /(?:from|import)\s+['"]([^'"]+)['"]/g;
+  let match;
+
+  while ((match = importRegex.exec(content)) !== null) {
+    const pkg = match[1];
+
+    // Skip relative imports
+    if (pkg.startsWith('.')) continue;
+    // Skip internal aliases
+    if (INTERNAL_ALIAS_PREFIXES.some(prefix => pkg.startsWith(prefix))) continue;
+
+    // Extract package name
+    const parts = pkg.split('/');
+    if (pkg.startsWith('@') && parts.length >= 2) {
+      dependencies.add(`${parts[0]}/${parts[1]}`);
+    } else {
+      dependencies.add(parts[0]);
+    }
+  }
+
+  // Remove React (always a peer dependency)
+  dependencies.delete('react');
+  dependencies.delete('react-dom');
+
+  return [...dependencies];
+};
+
+const getInternalDeps = (content: string, currentDirName: string): string[] => {
+  const internalDeps = new Set<string>();
+
+  // 1. Alias imports: @/components/ui/xxx or @components/ui/xxx
+  const aliasRegex = /from\s+['"](?:@\/?components\/ui)\/([^'"]+)['"]/g;
+  let match;
+  while ((match = aliasRegex.exec(content)) !== null) {
+    const depPath = match[1].split('/')[0];
+    if (depPath !== currentDirName && depPath !== 'icons') {
+      internalDeps.add(depPath);
+    }
+  }
+
+  // 2. Relative imports: ../spinner/Spinner
+  const relativeRegex = /from\s+['"]\.\.\/([^'"]+)['"]/g;
+  while ((match = relativeRegex.exec(content)) !== null) {
+    const depPath = match[1].split('/')[0];
+    if (depPath !== currentDirName) {
+      internalDeps.add(depPath);
+    }
+  }
+
+  return [...internalDeps];
+};
+
+/** Collect hook files imported via `@/hooks/xxx` in any of the given source files */
+const collectHookFiles = (sourceFiles: string[]): RegistryFile[] => {
+  const seen = new Set<string>();
+  const hookFiles: RegistryFile[] = [];
+
+  for (const file of sourceFiles) {
+    let content: string;
+    try { content = fs.readFileSync(file, 'utf-8'); } catch { continue; }
+
+    const hookRegex = /from\s+['"]@\/hooks\/([^'"]+)['"]/g;
+    let match;
+    while ((match = hookRegex.exec(content)) !== null) {
+      // Normalise: strip extension if present, then try .ts and .tsx
+      const rawName = match[1].replace(/\.(ts|tsx)$/, '');
+      if (seen.has(rawName)) continue;
+
+      const candidates = [
+        path.join(HOOKS_DIR, `${rawName}.ts`),
+        path.join(HOOKS_DIR, `${rawName}.tsx`),
+        path.join(HOOKS_DIR, rawName, 'index.ts'),
+      ];
+
+      for (const candidate of candidates) {
+        if (fs.existsSync(candidate)) {
+          seen.add(rawName);
+          hookFiles.push({
+            path: candidate.replace(/\\/g, '/').replace(/^\.\//, ''),
+            content: fs.readFileSync(candidate, 'utf-8'),
+          });
+          break;
+        }
+      }
+    }
+  }
+
+  return hookFiles;
+};
+
+const buildRegistry = () => {
+  console.log('Building component registry...');
+
+  const registry: Registry = {
+    core: {
+      dependencies: [
+        '@base-ui/react',
+        'clsx',
+        'tailwind-merge',
+        'tailwind-variants',
+        'tailwindcss-animate',
+        '@tailwindcss/vite',
+        'autoprefixer',
+        'tailwindcss',
+        'postcss',
+      ],
+      files: [
+        {
+          path: 'src/lib/utils/cn.ts',
+          content: fs.readFileSync('./src/lib/utils/cn.ts', 'utf-8'),
+        },
+        {
+          path: 'src/styles/index.css',
+          content: fs.readFileSync('./src/styles/index.css', 'utf-8'),
+        },
+        {
+          path: 'src/lib/theme/themes.ts',
+          content: fs.readFileSync('./src/lib/theme/themes.ts', 'utf-8'),
+        },
+        {
+          path: 'src/lib/theme/ThemeProvider.tsx',
+          content: fs.readFileSync('./src/lib/theme/ThemeProvider.tsx', 'utf-8'),
+        },
+      ],
+    },
+    components: {},
+  };
+
+  const componentDirs = fs.readdirSync(COMPONENTS_DIR);
+
+  for (const dirName of componentDirs) {
+    if (EXCLUDE_DIRS.has(dirName)) continue;
+
+    const dirPath = path.join(COMPONENTS_DIR, dirName);
+    if (!fs.statSync(dirPath).isDirectory()) continue;
+
+    const files = getFiles(dirPath);
+    if (files.length === 0) continue;
+
+    // Find main file: prefer <DirName>.tsx, then any .tsx
+    const mainFile =
+      files.find(
+        (f) =>
+          f.toLowerCase().includes(dirName.toLowerCase()) &&
+          f.endsWith('.tsx')
+      ) || files.find((f) => f.endsWith('.tsx'));
+
+    if (!mainFile) continue;
+
+    // Parse all files in the component directory for dependencies
+    const allDependencies = new Set<string>();
+    const allInternalDeps = new Set<string>();
+
+    for (const file of files) {
+      try {
+        const content = fs.readFileSync(file, 'utf-8');
+        for (const dep of parseDependencies(content)) allDependencies.add(dep);
+        for (const dep of getInternalDeps(content, dirName)) allInternalDeps.add(dep);
+      } catch (err) {
+        console.warn(`Failed to read ${file}: ${err}`);
+      }
+    }
+
+    // Collect any hook files this component imports from @/hooks/
+    const hookFiles = collectHookFiles(files);
+
+    const componentFiles: RegistryFile[] = files.map((f) => {
+      try {
+        return {
+          path: f.replace(/\\/g, '/').replace(/^\.\//, ''),
+          content: fs.readFileSync(f, 'utf-8'),
+        };
+      } catch (err) {
+        console.warn(`Failed to read ${f}: ${err}`);
+        return { path: f.replace(/\\/g, '/').replace(/^\.\//, ''), content: '' };
+      }
+    }).filter(f => f.content !== '');
+
+    registry.components[dirName] = {
+      name: dirName,
+      dependencies: [...allDependencies],
+      internalDependencies: [...allInternalDeps],
+      files: [...componentFiles, ...hookFiles],
+    };
+  }
+
+  const componentCount = Object.keys(registry.components).length;
+  if (componentCount === 0) {
+    console.warn('Warning: No components found in registry');
+  }
+  try {
+    fs.writeFileSync(OUTPUT_FILE, JSON.stringify(registry, null, 2));
+  } catch (err) {
+    console.error(`Failed to write registry: ${err}`);
+    process.exit(1);
+  }
+  console.log(`Registry built: ${componentCount} components → ${OUTPUT_FILE}`);
+};
+
+buildRegistry();

package/scripts/bump-version.mjs

@@ -1,22 +1,22 @@
-import fs from 'fs';
-import { execSync } from 'child_process';
-
-// Skip if triggered by a version bump commit (avoid infinite loop)
-const lastMsg = execSync('git log -1 --pretty=%s').toString().trim();
-if (lastMsg.startsWith('chore: bump version')) process.exit(0);
-
-const pkg = JSON.parse(fs.readFileSync('./package.json', 'utf-8'));
-const [major, minor, patch] = pkg.version.split('.').map(Number);
-const newVersion = `${major}.${minor}.${patch + 1}`;
-
-pkg.version = newVersion;
-fs.writeFileSync('./package.json', JSON.stringify(pkg, null, 2) + '\n');
-
-let cli = fs.readFileSync('./scripts/ui-cli.ts', 'utf-8');
-cli = cli.replace(/const VERSION = '[^']+';/, `const VERSION = '${newVersion}';`);
-fs.writeFileSync('./scripts/ui-cli.ts', cli);
-
-execSync('git add package.json scripts/ui-cli.ts');
-execSync(`git commit --no-verify -m "chore: bump version to ${newVersion}"`);
-
-console.log(`\x1b[32m✔\x1b[0m Bumped version → ${newVersion}`);
+import fs from 'fs';
+import { execSync } from 'child_process';
+
+// Skip if triggered by a version bump commit (avoid infinite loop)
+const lastMsg = execSync('git log -1 --pretty=%s').toString().trim();
+if (lastMsg.startsWith('chore: bump version')) process.exit(0);
+
+const pkg = JSON.parse(fs.readFileSync('./package.json', 'utf-8'));
+const [major, minor, patch] = pkg.version.split('.').map(Number);
+const newVersion = `${major}.${minor}.${patch + 1}`;
+
+pkg.version = newVersion;
+fs.writeFileSync('./package.json', JSON.stringify(pkg, null, 2) + '\n');
+
+let cli = fs.readFileSync('./scripts/ui-cli.ts', 'utf-8');
+cli = cli.replace(/const VERSION = '[^']+';/, `const VERSION = '${newVersion}';`);
+fs.writeFileSync('./scripts/ui-cli.ts', cli);
+
+execSync('git add package.json scripts/ui-cli.ts');
+execSync(`git commit --no-verify -m "chore: bump version to ${newVersion}"`);
+
+console.log(`\x1b[32m✔\x1b[0m Bumped version → ${newVersion}`);