truecanvas 0.2.0 → 0.4.0

package/dist/chunk-PBKX3SBC.js

@@ -0,0 +1,97 @@
+// src/core/config.ts
+import fs from "fs";
+import path from "path";
+function loadConfig(root, overrides = {}) {
+  let file = {};
+  const configPath = path.join(root, "truecanvas.config.json");
+  if (fs.existsSync(configPath)) file = JSON.parse(fs.readFileSync(configPath, "utf8"));
+  let deps = {};
+  try {
+    const pkg = JSON.parse(fs.readFileSync(path.join(root, "package.json"), "utf8"));
+    deps = { ...pkg.dependencies, ...pkg.devDependencies };
+  } catch {
+    deps = {};
+  }
+  const framework = file.framework ?? detectFramework(deps);
+  const vite = framework === "vite";
+  const appDir = file.appDir ?? (vite ? fs.existsSync(path.join(root, "src")) ? "src" : "." : fs.existsSync(path.join(root, "src/app")) ? "src/app" : "app");
+  const srcPrefix = appDir === "src" || appDir.startsWith("src/") ? "src/" : "";
+  const knownLibraries = ["@paper-design/shaders-react"].filter((l) => l in deps);
+  return {
+    root,
+    framework,
+    appUrl: vite ? "http://localhost:5173" : "http://localhost:3000",
+    port: 4800,
+    canvasDir: `${srcPrefix}canvas`,
+    appDir,
+    routeDir: vite ? ".truecanvas" : `${appDir}/truecanvas`,
+    components: [`${srcPrefix}components/**/*.tsx`],
+    darkMode: { strategy: "class", value: "dark" },
+    ...file,
+    libraries: [.../* @__PURE__ */ new Set([...knownLibraries, ...file.libraries ?? []])],
+    ...stripUndefined(overrides)
+  };
+}
+function stripUndefined(o) {
+  return Object.fromEntries(Object.entries(o).filter(([, v]) => v !== void 0));
+}
+function detectFramework(deps) {
+  return !("next" in deps) && "vite" in deps ? "vite" : "next";
+}
+
+// src/core/ast.ts
+import { parse } from "@babel/parser";
+function parseModule(source) {
+  return parse(source, {
+    sourceType: "module",
+    plugins: ["typescript", "jsx"],
+    errorRecovery: false
+  });
+}
+function idOf(node) {
+  const loc = node.loc.start;
+  return `${loc.line}:${loc.column}`;
+}
+function jsxName(name) {
+  if (name.type === "JSXIdentifier") return name.name;
+  if (name.type === "JSXNamespacedName") return `${name.namespace.name}:${name.name.name}`;
+  return `${jsxName(name.object)}.${name.property.name}`;
+}
+function walk(node, visit, parent = null) {
+  if (!node || typeof node !== "object") return;
+  if (Array.isArray(node)) {
+    for (const child of node) walk(child, visit, parent);
+    return;
+  }
+  const n = node;
+  if (typeof n.type !== "string") return;
+  if (visit(n, parent) === false) return;
+  for (const key of Object.keys(n)) {
+    if (key === "loc" || key === "leadingComments" || key === "trailingComments" || key === "innerComments" || key === "extra") continue;
+    const value = n[key];
+    if (value && typeof value === "object") walk(value, visit, n);
+  }
+}
+function isComponentName(name) {
+  return /^[A-Z]/.test(name) || name.includes(".");
+}
+function rewriteImportSource(statement, from, to) {
+  if (from === to) return statement;
+  for (const q of ['"', "'"]) {
+    const needle = `${q}${from}${q}`;
+    const i = statement.indexOf(needle);
+    if (i >= 0) return `${statement.slice(0, i)}${q}${to}${q}${statement.slice(i + needle.length)}`;
+  }
+  return statement;
+}
+
+export {
+  loadConfig,
+  detectFramework,
+  parseModule,
+  idOf,
+  jsxName,
+  walk,
+  isComponentName,
+  rewriteImportSource
+};

package/dist/chunk-TSHD2S36.js

@@ -0,0 +1,28 @@
+import {
+  idOf,
+  parseModule,
+  walk
+} from "./chunk-PBKX3SBC.js";
+
+// src/core/inject.ts
+import MagicString from "magic-string";
+function injectIds(source, file) {
+  let ast;
+  try {
+    ast = parseModule(source);
+  } catch {
+    return source;
+  }
+  const s = new MagicString(source);
+  walk(ast, (node) => {
+    if (node.type !== "JSXOpeningElement") return;
+    if (node.attributes.some((a) => a.type === "JSXAttribute" && a.name.name === "data-tc")) return;
+    const id = file ? `${file}#${idOf(node)}` : idOf(node);
+    s.appendLeft((node.typeParameters ?? node.name).end, ` data-tc="${id}"`);
+  });
+  return s.toString();
+}
+
+export {
+  injectIds
+};

package/dist/{chunk-T2TCBSTG.js → chunk-WU7NBTJH.js}

@@ -1,9 +1,15 @@
 // src/core/catalog.ts
 import fs from "fs";
-import path from "path";
+import path2 from "path";
 import { fileURLToPath } from "url";
 import { createRequire } from "module";
 import { globSync } from "tinyglobby";
+
+// src/core/paths.ts
+import path from "path";
+var posix = (p) => p.split(path.sep).join("/");
+
+// src/core/catalog.ts
 var require2 = createRequire(import.meta.url);
 var Catalog = class {
   constructor(root, globs, libraries = []) {
@@ -51,8 +57,8 @@ var Catalog = class {
   }
 };
 async function runAnalysis(root, globs, libraries) {
-  const here = path.dirname(fileURLToPath(import.meta.url));
-  const worker = [path.join(here, "catalog-worker.js"), path.join(here, "..", "catalog-worker.js")].find((p) => fs.existsSync(p));
+  const here = path2.dirname(fileURLToPath(import.meta.url));
+  const worker = [path2.join(here, "catalog-worker.js"), path2.join(here, "..", "catalog-worker.js")].find((p) => fs.existsSync(p));
   if (!worker) return analyzeComponents(root, globs, libraries);
   const { Worker } = await import("worker_threads");
   return new Promise((resolve, reject) => {
@@ -68,7 +74,7 @@ async function analyzeComponents(root, globs, libraries = []) {
   const options = compilerOptions(ts, root);
   const libEntries = /* @__PURE__ */ new Map();
   for (const lib of libraries) {
-    const res = ts.resolveModuleName(lib, path.join(root, "index.ts"), options, ts.sys).resolvedModule;
+    const res = ts.resolveModuleName(lib, path2.join(root, "index.ts"), options, ts.sys).resolvedModule;
     if (res) libEntries.set(res.resolvedFileName, lib);
   }
   const program = ts.createProgram({ rootNames: [...files, ...libEntries.keys()], options });
@@ -91,7 +97,7 @@ async function analyzeComponents(root, globs, libraries = []) {
       if (!sig) continue;
       const ret = checker.typeToString(sig.getReturnType());
       if (!/Element|ReactNode|ReactPortal|null|any/.test(ret) || /^Promise</.test(ret)) continue;
-      out.push(describe(ts, checker, sym, decl, sig, library ?? path.relative(root, file), library));
+      out.push(describe(ts, checker, sym, decl, sig, library ?? posix(path2.relative(root, file)), library));
     }
   }
   for (const spec of out) applyProfile(spec);
@@ -115,7 +121,7 @@ function applyProfile(spec) {
 async function attachPresets(root, specs) {
   const byLib = /* @__PURE__ */ new Map();
   for (const s of specs) if (s.library) byLib.set(s.library, [...byLib.get(s.library) ?? [], s]);
-  const projectRequire = createRequire(path.join(root, "package.json"));
+  const projectRequire = createRequire(path2.join(root, "package.json"));
   for (const [lib, list] of byLib) {
     let mod;
     try {
@@ -148,7 +154,7 @@ function compilerOptions(ts, root) {
   const base = { jsx: ts.JsxEmit.ReactJSX, strict: true, skipLibCheck: true, noEmit: true, allowJs: false };
   if (!configPath) return base;
   const read = ts.readConfigFile(configPath, ts.sys.readFile);
-  const parsed = ts.parseJsonConfigFileContent(read.config, ts.sys, path.dirname(configPath));
+  const parsed = ts.parseJsonConfigFileContent(read.config, ts.sys, path2.dirname(configPath));
   return { ...parsed.options, noEmit: true, skipLibCheck: true, incremental: false, plugins: [] };
 }
 function describe(ts, checker, sym, decl, sig, file, library) {
@@ -273,25 +279,25 @@ function readDefaults(ts, decl) {
 }
 function importSpecifier(root, canvasFile, componentFile) {
   if (!/\.(tsx|ts|jsx|js)$/.test(componentFile) && !componentFile.startsWith(".")) return componentFile;
-  const abs = path.resolve(root, componentFile);
-  const noExt = abs.replace(/\.(tsx|ts|jsx|js)$/, "").replace(/\/index$/, "");
+  const abs = path2.resolve(root, componentFile);
+  const noExt = posix(abs).replace(/\.(tsx|ts|jsx|js)$/, "").replace(/\/index$/, "");
   const alias = readAlias(root);
   if (alias) {
-    const rel2 = path.relative(alias.dir, noExt);
-    if (!rel2.startsWith("..")) return `${alias.prefix}${rel2}`;
+    const rel2 = path2.relative(alias.dir, noExt);
+    if (!rel2.startsWith("..")) return `${alias.prefix}${posix(rel2)}`;
   }
-  let rel = path.relative(path.dirname(path.resolve(root, canvasFile)), noExt);
+  let rel = posix(path2.relative(path2.dirname(path2.resolve(root, canvasFile)), noExt));
   if (!rel.startsWith(".")) rel = `./${rel}`;
   return rel;
 }
 function resolveAliasPath(root, spec) {
   const alias = readAlias(root);
-  if (alias && spec.startsWith(alias.prefix)) return path.join(alias.dir, spec.slice(alias.prefix.length));
-  return path.resolve(root, spec);
+  if (alias && spec.startsWith(alias.prefix)) return path2.join(alias.dir, spec.slice(alias.prefix.length));
+  return path2.resolve(root, spec);
 }
 var aliasCache = null;
 function readAlias(root) {
-  const configFile = path.join(root, "tsconfig.json");
+  const configFile = path2.join(root, "tsconfig.json");
   let key = `${root}\0none`;
   try {
     key = `${root}\0${fs.statSync(configFile).mtimeMs}`;
@@ -304,12 +310,12 @@ function readAlias(root) {
     const configPath = ts.findConfigFile(root, ts.sys.fileExists, "tsconfig.json");
     if (configPath) {
       const read = ts.readConfigFile(configPath, ts.sys.readFile);
-      const parsed = ts.parseJsonConfigFileContent(read.config, ts.sys, path.dirname(configPath));
+      const parsed = ts.parseJsonConfigFileContent(read.config, ts.sys, path2.dirname(configPath));
       const paths = parsed.options.paths ?? {};
-      const base = parsed.options.pathsBasePath ?? parsed.options.baseUrl ?? path.dirname(configPath);
+      const base = parsed.options.pathsBasePath ?? parsed.options.baseUrl ?? path2.dirname(configPath);
       for (const [k, targets] of Object.entries(paths)) {
         if (k.endsWith("/*") && targets[0]?.endsWith("/*")) {
-          value = { prefix: k.slice(0, -1), dir: path.resolve(base, targets[0].slice(0, -2)) };
+          value = { prefix: k.slice(0, -1), dir: path2.resolve(base, targets[0].slice(0, -2)) };
           break;
         }
       }
@@ -322,6 +328,7 @@ function readAlias(root) {
 }
 
 export {
+  posix,
   Catalog,
   analyzeComponents,
   importSpecifier,