gladvn 0.2.22 → 0.2.27

package/scripts/find-css-vars.ts

@@ -1,62 +0,0 @@
-import * as fs from "fs";
-import * as path from "path";
-
-const SRC_DIR = path.join(process.cwd(), "src/components");
-
-function walkDir(dir: string, callback: (filePath: string) => void) {
-  const files = fs.readdirSync(dir);
-  for (const file of files) {
-    const fullPath = path.join(dir, file);
-    if (fs.statSync(fullPath).isDirectory()) {
-      walkDir(fullPath, callback);
-    } else if (fullPath.endsWith(".tsx") || fullPath.endsWith(".ts")) {
-      callback(fullPath);
-    }
-  }
-}
-
-const defRegex = /\[--([a-zA-Z0-9_-]+):([^\]]+)\]/g;
-const usageRegex =
-  /(w|h|size|rounded|p|m|gap|space-[xy]|top|bottom|left|right)-\(--([a-zA-Z0-9_-]+)\)/g;
-const genericUsageRegex = /var\(--([a-zA-Z0-9_-]+)\)/g;
-
-const results: Record<string, { defs: Set<string>; usages: Set<string> }> = {};
-
-walkDir(SRC_DIR, (filePath) => {
-  const content = fs.readFileSync(filePath, "utf-8");
-  let match;
-
-  const relPath = path.relative(process.cwd(), filePath);
-
-  while ((match = defRegex.exec(content)) !== null) {
-    if (!results[relPath])
-      results[relPath] = { defs: new Set(), usages: new Set() };
-    results[relPath].defs.add(`--${match[1]}: ${match[2]}`);
-  }
-
-  while ((match = usageRegex.exec(content)) !== null) {
-    if (!results[relPath])
-      results[relPath] = { defs: new Set(), usages: new Set() };
-    results[relPath].usages.add(`${match[1]}-(--${match[2]})`);
-  }
-
-  while ((match = genericUsageRegex.exec(content)) !== null) {
-    // Avoid double counting if it's already caught by defRegex
-    if (!results[relPath])
-      results[relPath] = { defs: new Set(), usages: new Set() };
-    results[relPath].usages.add(`var(--${match[1]})`);
-  }
-});
-
-for (const [file, data] of Object.entries(results)) {
-  if (data.defs.size === 0 && data.usages.size === 0) continue;
-  console.log(`\nFile: ${file}`);
-  if (data.defs.size > 0) {
-    console.log(`  Definitions:`);
-    for (const def of data.defs) console.log(`    - ${def}`);
-  }
-  if (data.usages.size > 0) {
-    console.log(`  Usages:`);
-    for (const usage of data.usages) console.log(`    - ${usage}`);
-  }
-}

package/scripts/fix-portals.ts

@@ -1,90 +0,0 @@
-import { Project, SyntaxKind, JsxElement } from "ts-morph";
-
-const project = new Project({ tsConfigFilePath: "./tsconfig.json" });
-const sourceFiles = [
-  ...project.addSourceFilesAtPaths("src/dev/showcase/**/*.tsx"),
-  ...project.addSourceFilesAtPaths("src/components/macro/**/*.tsx")
-];
-
-const map: Record<string, string> = {
-  "DropdownMenuContent": "DropdownMenuPortal",
-  "SelectContent": "SelectPortal",
-  "PopoverContent": "PopoverPortal",
-  "HoverCardContent": "HoverCardPortal",
-  "TooltipContent": "TooltipPortal",
-  "DialogContent": "DialogPortal",
-  "AlertDialogContent": "AlertDialogPortal",
-  "ContextMenuContent": "ContextMenuPortal",
-  "MenubarContent": "MenubarPortal",
-  "ComboboxContent": "ComboboxPortal"
-};
-
-for (const sf of sourceFiles) {
-  let changed = false;
-
-  // We loop until no more elements need wrapping to avoid AST node invalidation errors
-  let needsMoreWork = true;
-  while (needsMoreWork) {
-    needsMoreWork = false;
-    const elements = sf.getDescendantsOfKind(SyntaxKind.JsxElement);
-    
-    for (const element of elements) {
-      // Check if it's already been deleted/replaced
-      if (element.wasForgotten()) continue;
-      
-      const openingEl = element.getOpeningElement();
-      const tagName = openingEl.getTagNameNode().getText();
-      
-      if (map[tagName]) {
-        const portalName = map[tagName];
-        const parent = element.getParent();
-        
-        let needsWrap = true;
-        if (parent && parent.getKind() === SyntaxKind.JsxElement) {
-          const parentOpening = (parent as JsxElement).getOpeningElement().getTagNameNode().getText();
-          if (parentOpening === portalName || parentOpening === "ThemeWrapper") {
-            needsWrap = false;
-          }
-        }
-        
-        if (needsWrap) {
-          element.replaceWithText(`<${portalName}>\n${element.getText()}\n</${portalName}>`);
-          changed = true;
-          needsMoreWork = true;
-          break; // Break the for loop and restart traversal on fresh AST
-        }
-      }
-    }
-  }
-
-  // Ensure imports are correct
-  if (changed) {
-    const importDecls = sf.getImportDeclarations();
-    // Gather all tags we need imports for in this file
-    const tagsInFile = new Set<string>();
-    sf.getDescendantsOfKind(SyntaxKind.JsxOpeningElement).forEach(el => {
-      const name = el.getTagNameNode().getText();
-      if (Object.values(map).includes(name)) tagsInFile.add(name);
-    });
-
-    for (const portalName of tagsInFile) {
-      // Find the import declaration for this micro component
-      const primitiveName = portalName.replace('Portal', '').toLowerCase()
-        .replace('dropdownmenu', 'dropdown-menu')
-        .replace('alertdialog', 'alert-dialog')
-        .replace('hovercard', 'hover-card')
-        .replace('contextmenu', 'context-menu');
-      
-      const matchingImport = importDecls.find(imp => imp.getModuleSpecifierValue().includes(`components/micro/${primitiveName}`));
-      if (matchingImport) {
-        const namedImports = matchingImport.getNamedImports();
-        if (!namedImports.some(n => n.getName() === portalName)) {
-          matchingImport.addNamedImport(portalName);
-        }
-      }
-    }
-
-    sf.saveSync();
-    console.log("Fixed missing portals in", sf.getBaseName());
-  }
-}

package/scripts/format-codestrings.ts

@@ -1,87 +0,0 @@
-import { Project, SyntaxKind, JsxAttribute, StringLiteral, NoSubstitutionTemplateLiteral } from "ts-morph";
-import * as prettier from "prettier";
-import path from "path";
-import fs from "fs";
-
-async function main() {
-  const project = new Project({
-    tsConfigFilePath: "tsconfig.json",
-  });
-
-  const sourceFiles = project.getSourceFiles("src/dev/showcase/**/*.tsx");
-  console.log(`Found ${sourceFiles.length} showcase files to process.`);
-
-  let modifiedCount = 0;
-
-  for (const sourceFile of sourceFiles) {
-    let fileModified = false;
-
-    // Find all JSX attributes named 'codeString'
-    const jsxAttributes = sourceFile.getDescendantsOfKind(SyntaxKind.JsxAttribute);
-    
-    for (const attr of jsxAttributes) {
-      if (attr.asKind(SyntaxKind.JsxAttribute)?.getNameNode().getText() !== "codeString") continue;
-
-      const initializer = attr.asKind(SyntaxKind.JsxAttribute)?.getInitializer();
-      if (!initializer) continue;
-
-      let rawText = "";
-
-      // It can be a StringLiteral `<Example codeString="<div/>" />`
-      if (initializer.isKind(SyntaxKind.StringLiteral)) {
-        rawText = (initializer as StringLiteral).getLiteralText();
-      } 
-      // Or a JSX Expression with a template literal `<Example codeString={`<div/>`} />`
-      else if (initializer.isKind(SyntaxKind.JsxExpression)) {
-        const expression = initializer.getExpression();
-        if (expression && expression.isKind(SyntaxKind.NoSubstitutionTemplateLiteral)) {
-          rawText = (expression as NoSubstitutionTemplateLiteral).getLiteralText();
-        } else if (expression && expression.isKind(SyntaxKind.StringLiteral)) {
-          rawText = (expression as StringLiteral).getLiteralText();
-        }
-      }
-
-      if (!rawText) continue;
-
-      try {
-        // Wrap in fragment to allow adjacent JSX elements to be parsed by prettier
-        const wrappedText = `<>\n${rawText}\n</>`;
-
-        // Format the wrappedText as JSX/TSX
-        let formatted = await prettier.format(wrappedText, {
-          parser: "babel-ts",
-          printWidth: 60,
-          tabWidth: 2,
-          semi: false,
-          singleQuote: false,
-          trailingComma: "all"
-        });
-
-        // Remove the wrapping fragment (including any leading semicolons injected by prettier) and trim
-        formatted = formatted.replace(/^;?\s*<>\n?/, "").replace(/\n?<\/>;?\s*$/, "").trim();
-
-        if (formatted !== rawText.trim()) {
-          // Replace the initializer with the new formatted template literal
-          // Note: we use JSON.stringify or manual escaping if needed, but since it's a template literal
-          // we need to escape backticks and ${
-          const escaped = formatted.replace(/`/g, '\\`').replace(/\$\{/g, '\\${');
-          attr.setInitializer(`{\`${escaped}\`}`);
-          fileModified = true;
-        }
-      } catch (err) {
-        console.error(`Failed to format codeString in ${sourceFile.getFilePath()} at line ${attr.getStartLineNumber()}`);
-        console.error(err);
-      }
-    }
-
-    if (fileModified) {
-      sourceFile.saveSync();
-      modifiedCount++;
-      console.log(`Modified ${sourceFile.getBaseName()}`);
-    }
-  }
-
-  console.log(`Successfully formatted codeStrings in ${modifiedCount} files.`);
-}
-
-main().catch(console.error);

package/scripts/full-audit.ts

@@ -1,89 +0,0 @@
-import * as fs from "fs";
-import * as path from "path";
-
-const SRC_DIR = path.join(process.cwd(), "src/components");
-
-function walkDir(dir: string, callback: (filePath: string) => void) {
-  const files = fs.readdirSync(dir);
-  for (const file of files) {
-    const fullPath = path.join(dir, file);
-    if (fs.statSync(fullPath).isDirectory()) {
-      walkDir(fullPath, callback);
-    } else if (fullPath.endsWith(".tsx") || fullPath.endsWith(".ts")) {
-      callback(fullPath);
-    }
-  }
-}
-
-const results: Record<string, string[]> = {};
-
-function addIssue(file: string, issue: string) {
-  const relPath = path.relative(process.cwd(), file);
-  if (!results[relPath]) results[relPath] = [];
-  results[relPath].push(issue);
-}
-
-walkDir(SRC_DIR, (filePath) => {
-  const content = fs.readFileSync(filePath, "utf-8");
-
-  // 1. Magic CSS Violations
-  if (/\[&_[a-zA-Z0-9]+\]/.test(content)) {
-    addIssue(
-      filePath,
-      "Magic CSS: Uses raw HTML tag descendant selectors (e.g. [&_div]) instead of data-slots.",
-    );
-  }
-  if (/has-\[/.test(content)) {
-    addIssue(
-      filePath,
-      "Magic CSS: Uses :has() combinator which may be fragile for encapsulation.",
-    );
-  }
-  if (/\*:/g.test(content)) {
-    addIssue(
-      filePath,
-      "Magic CSS: Uses universal selector (*:) which breaks encapsulation.",
-    );
-  }
-
-  // 2. React Antipatterns
-  if (
-    /\.map\([^,]+,\s*(?:index|i)\s*\)\s*=>\s*[\s\S]*?key=\{?(?:index|i)\}?/m.test(
-      content,
-    )
-  ) {
-    addIssue(filePath, "React: Uses array index as key in map().");
-  }
-
-  // 3. String manipulation Edge Cases
-  if (/\.substring\(/.test(content) || /\.charAt\(/.test(content)) {
-    addIssue(
-      filePath,
-      "Edge Case: Uses charAt or substring which breaks on Emojis/Surrogate pairs.",
-    );
-  }
-
-  // 4. Props / Architecture
-  if (filePath.includes("micro") && content.includes("useState(")) {
-    addIssue(
-      filePath,
-      "Architecture: Micro component contains local state (useState). Micro components should generally be stateless wrappers.",
-    );
-  }
-
-  if (
-    filePath.includes("macro") &&
-    content.includes("forwardRef") &&
-    !content.includes("asChild") &&
-    !content.includes("render=")
-  ) {
-    // Just a heuristic, not always a bug.
-  }
-});
-
-for (const [file, issues] of Object.entries(results)) {
-  console.log(`\nFile: ${file}`);
-  for (const issue of issues) {
-    console.log(`  - ${issue}`);
-  }
-}

package/scripts/merge-components.cjs

@@ -1,65 +0,0 @@
-const fs = require("fs");
-const path = require("path");
-
-const dataTsPath = path.resolve(__dirname, "../src/dev/data.ts");
-let content = fs.readFileSync(dataTsPath, "utf8");
-
-// Match MICRO_COMPONENTS array
-const microMatch = content.match(
-  /export const MICRO_COMPONENTS = (\[[\s\S]*?\]);/,
-);
-// Match MACRO_COMPONENTS array
-const macroMatch = content.match(
-  /export const MACRO_COMPONENTS = (\[[\s\S]*?\]);/,
-);
-
-if (!microMatch || !macroMatch) {
-  console.error("Could not find arrays");
-  process.exit(1);
-}
-
-// Safely evaluate arrays (since they only contain static objects)
-const micro = eval(microMatch[1]);
-const macro = eval(macroMatch[1]);
-
-const componentMap = new Map();
-
-micro.forEach((c) => {
-  componentMap.set(c.id, {
-    id: c.id,
-    label: c.label,
-    hasMicro: true,
-    hasMacro: false,
-  });
-});
-
-macro.forEach((c) => {
-  const baseId = c.id.replace("macro-", "");
-  if (componentMap.has(baseId)) {
-    componentMap.get(baseId).hasMacro = true;
-  } else {
-    componentMap.set(baseId, {
-      id: baseId,
-      label: c.label,
-      hasMicro: false,
-      hasMacro: true,
-    });
-  }
-});
-
-const merged = Array.from(componentMap.values()).sort((a, b) =>
-  a.label.localeCompare(b.label),
-);
-
-let output = "export const COMPONENTS = [\n";
-merged.forEach((c) => {
-  output += `  { id: "${c.id}", label: "${c.label}", hasMicro: ${c.hasMicro}, hasMacro: ${c.hasMacro} },\n`;
-});
-output += "];\n";
-
-// Replace in content
-content = content.replace(microMatch[0], output);
-content = content.replace(macroMatch[0], ""); // Remove MACRO_COMPONENTS
-
-fs.writeFileSync(dataTsPath, content);
-console.log("Merged data.ts successfully.");

package/scripts/merge-components.js

@@ -1,64 +0,0 @@
-const fs = require("fs");
-
-const dataTsPath = "./src/dev/data.ts";
-let content = fs.readFileSync(dataTsPath, "utf8");
-
-// Match MICRO_COMPONENTS array
-const microMatch = content.match(
-  /export const MICRO_COMPONENTS = (\[[\s\S]*?\]);/,
-);
-// Match MACRO_COMPONENTS array
-const macroMatch = content.match(
-  /export const MACRO_COMPONENTS = (\[[\s\S]*?\]);/,
-);
-
-if (!microMatch || !macroMatch) {
-  console.error("Could not find arrays");
-  process.exit(1);
-}
-
-// Safely evaluate arrays (since they only contain static objects)
-const micro = eval(microMatch[1]);
-const macro = eval(macroMatch[1]);
-
-const componentMap = new Map();
-
-micro.forEach((c) => {
-  componentMap.set(c.id, {
-    id: c.id,
-    label: c.label,
-    hasMicro: true,
-    hasMacro: false,
-  });
-});
-
-macro.forEach((c) => {
-  const baseId = c.id.replace("macro-", "");
-  if (componentMap.has(baseId)) {
-    componentMap.get(baseId).hasMacro = true;
-  } else {
-    componentMap.set(baseId, {
-      id: baseId,
-      label: c.label,
-      hasMicro: false,
-      hasMacro: true,
-    });
-  }
-});
-
-const merged = Array.from(componentMap.values()).sort((a, b) =>
-  a.label.localeCompare(b.label),
-);
-
-let output = "export const COMPONENTS = [\n";
-merged.forEach((c) => {
-  output += `  { id: "${c.id}", label: "${c.label}", hasMicro: ${c.hasMicro}, hasMacro: ${c.hasMacro} },\n`;
-});
-output += "];\n";
-
-// Replace in content
-content = content.replace(microMatch[0], output);
-content = content.replace(macroMatch[0], ""); // Remove MACRO_COMPONENTS
-
-fs.writeFileSync(dataTsPath, content);
-console.log("Merged data.ts successfully.");

package/scripts/optimize-barrel.ts

@@ -1,116 +0,0 @@
-import { Project } from "ts-morph";
-import { resolve, relative } from "path";
-
-const project = new Project({
-  tsConfigFilePath: "tsconfig.json",
-});
-
-const indexFile = project.getSourceFileOrThrow("src/index.ts");
-const presetFile = project.getSourceFileOrThrow("src/preset.ts");
-
-const exportMap = new Map<string, string>();
-
-function populateExportMap(file: any) {
-  const exportedDeclarations = file.getExportedDeclarations();
-  for (const [name, declarations] of exportedDeclarations) {
-    const decl = declarations[0];
-    const sourceFile = decl.getSourceFile();
-    let relPath = relative(resolve("src"), sourceFile.getFilePath());
-    relPath = relPath.replace(/\\/g, "/");
-    relPath = relPath.replace(/\.tsx?$/, "");
-    exportMap.set(name, "@/" + relPath);
-  }
-}
-
-populateExportMap(indexFile);
-populateExportMap(presetFile);
-
-// Find all dev files
-const filesToProcess = project.getSourceFiles([
-  "src/dev/**/*.tsx",
-  "src/dev/**/*.ts",
-]);
-
-let totalChanged = 0;
-
-for (const file of filesToProcess) {
-  let changed = false;
-  const imports = file.getImportDeclarations();
-
-  for (const imp of imports) {
-    const specifier = imp.getModuleSpecifierValue();
-    // Catch both @/index and @/preset (and trailing semicolon typos like @/index;)
-    if (
-      specifier === "@/index" ||
-      specifier === "@/preset" ||
-      specifier === "@/preset;"
-    ) {
-      const namedImports = imp.getNamedImports();
-      const importsByPath = new Map<
-        string,
-        { name: string; alias?: string }[]
-      >();
-
-      for (const named of namedImports) {
-        const name = named.getName();
-        const alias = named.getAliasNode()?.getText();
-
-        const sourcePath = exportMap.get(name);
-        if (sourcePath) {
-          if (!importsByPath.has(sourcePath)) {
-            importsByPath.set(sourcePath, []);
-          }
-          importsByPath.get(sourcePath)!.push({ name, alias });
-        } else {
-          console.warn(
-            `Export not found for ${name} in index.ts/preset.ts for file ${file.getFilePath()}`,
-          );
-          if (!importsByPath.has(specifier)) {
-            importsByPath.set(specifier, []);
-          }
-          importsByPath.get(specifier)!.push({ name, alias });
-        }
-      }
-
-      imp.remove();
-
-      for (const [sourcePath, namedList] of importsByPath) {
-        if (
-          sourcePath === "@/index" ||
-          sourcePath === "@/preset" ||
-          sourcePath === "@/preset;"
-        )
-          continue; // skip unmapped to avoid infinite loop or just add them back if we want to preserve. Wait, if I skip them, they are lost!
-        // Let's add them back correctly if they weren't found.
-        file.addImportDeclaration({
-          moduleSpecifier: sourcePath,
-          namedImports: namedList.map((n) =>
-            n.alias ? { name: n.name, alias: n.alias } : { name: n.name },
-          ),
-        });
-      }
-      // If we had unmapped ones, put them back
-      if (importsByPath.has(specifier)) {
-        file.addImportDeclaration({
-          moduleSpecifier: specifier,
-          namedImports: importsByPath
-            .get(specifier)!
-            .map((n) =>
-              n.alias ? { name: n.name, alias: n.alias } : { name: n.name },
-            ),
-        });
-      }
-
-      changed = true;
-    }
-  }
-
-  if (changed) {
-    totalChanged++;
-    file.saveSync();
-  }
-}
-
-console.log(
-  `Processed ${filesToProcess.length} files. Changed imports in ${totalChanged} files.`,
-);

package/scripts/organize-imports.ts

@@ -1,21 +0,0 @@
-import { Project } from "ts-morph";
-
-const project = new Project({
-  tsConfigFilePath: "tsconfig.json",
-});
-
-const files = project.getSourceFiles("src/**/*.{ts,tsx}");
-console.log(`Found ${files.length} files. Organizing imports...`);
-
-let updatedCount = 0;
-
-for (const file of files) {
-  const originalText = file.getFullText();
-  file.organizeImports();
-  if (file.getFullText() !== originalText) {
-    updatedCount++;
-    await file.save();
-  }
-}
-
-console.log(`Done! Organized imports in ${updatedCount} files.`);

package/scripts/refactor_divs.ts

@@ -1,39 +0,0 @@
-import * as fs from 'fs';
-import * as path from 'path';
-
-const dir = 'src/dev/showcase';
-const files = fs.readdirSync(dir).filter(f => f.endsWith('.tsx'));
-
-let totalChanges = 0;
-
-for (const file of files) {
-  const filePath = path.join(dir, file);
-  let content = fs.readFileSync(filePath, 'utf8');
-  let original = content;
-
-  const selfClosingRegex = /<div className="(w-64|w-full)">\s*<([A-Z]\w*)([\s\S]*?)\/>\s*<\/div>/g;
-  content = content.replace(selfClosingRegex, (match, width, comp, rest) => {
-    if (rest.includes('className=')) {
-      // If it already has className, replace className="..." with className="... width"
-      return match.replace(/className="([^"]*)"/, `className="$1 ${width}"`).replace(/<div[^>]*>/, '').replace(/<\/div>/, '').trim();
-    }
-    totalChanges++;
-    return `<${comp} className="${width}"${rest}/>`;
-  });
-
-  const withChildrenRegex = /<div className="(w-64|w-full)">\s*<([A-Z]\w*)([^>]*?)>([\s\S]*?)<\/\2>\s*<\/div>/g;
-  content = content.replace(withChildrenRegex, (match, width, comp, rest, inner) => {
-    if (rest.includes('className=')) {
-      return match;
-    }
-    totalChanges++;
-    return `<${comp} className="${width}"${rest}>${inner}</${comp}>`;
-  });
-
-  if (content !== original) {
-    fs.writeFileSync(filePath, content, 'utf8');
-    console.log(`Updated ${file}`);
-  }
-}
-
-console.log(`Total wrappers removed: ${totalChanges}`);