truecanvas 0.4.0 → 0.4.1

package/dist/catalog-worker.js

@@ -1,6 +1,6 @@
 import {
   analyzeComponents
-} from "./chunk-WU7NBTJH.js";
+} from "./chunk-2IIAMOFH.js";
 
 // src/core/catalog-worker.ts
 import { parentPort, workerData } from "worker_threads";

package/dist/{chunk-WU7NBTJH.js → chunk-2IIAMOFH.js}

@@ -86,19 +86,27 @@ async function analyzeComponents(root, globs, libraries = []) {
     if (!sf) continue;
     const moduleSymbol = checker.getSymbolAtLocation(sf);
     if (!moduleSymbol) continue;
+    const named = /* @__PURE__ */ new Set();
+    const found = [];
     for (let sym of checker.getExportsOfModule(moduleSymbol)) {
+      const exported = sym.getName();
       if (sym.flags & ts.SymbolFlags.Alias) sym = checker.getAliasedSymbol(sym);
-      const name = sym.getName();
-      if (!/^[A-Z]/.test(name) || !(sym.flags & ts.SymbolFlags.Value)) continue;
       const decl = sym.valueDeclaration ?? sym.declarations?.[0];
       if (!decl) continue;
+      const own = decl.name;
+      const name = sym.getName() === "default" && own && ts.isIdentifier(own) ? own.text : sym.getName();
+      if (!/^[A-Z]/.test(name) || !(sym.flags & ts.SymbolFlags.Value)) continue;
       const type = checker.getTypeOfSymbolAtLocation(sym, decl);
       const sig = type.getCallSignatures()[0];
       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 ?? posix(path2.relative(root, file)), library));
+      const spec = { ...describe(ts, checker, sym, decl, sig, library ?? posix(path2.relative(root, file)), library), name };
+      if (exported === "default") spec.defaultExport = true;
+      else named.add(spec.name);
+      found.push(spec);
     }
+    out.push(...found.filter((s) => !(s.defaultExport && named.has(s.name))));
   }
   for (const spec of out) applyProfile(spec);
   if (libraries.length) await attachPresets(root, out);

package/dist/{chunk-OVYSWA2F.js → chunk-A4QIAVTG.js}

@@ -12,7 +12,7 @@ import {
   importSpecifier,
   posix,
   resolveAliasPath
-} from "./chunk-WU7NBTJH.js";
+} from "./chunk-2IIAMOFH.js";
 import {
   ICON_LIBRARIES,
   iconLibrary,
@@ -549,10 +549,14 @@ ${ind}${close}`);
     this.selectPaths.push(node.path);
   }
   added = /* @__PURE__ */ new Set();
-  ensureImport(name, from) {
+  ensureImport(name, from, isDefault = false) {
     if (this.doc.imports.some((i) => i.names.includes(name) || i.defaultName === name)) return;
     if (this.added.has(name)) return;
     this.added.add(name);
+    if (isDefault) {
+      this.addImportLine(`import ${name} from ${JSON.stringify(from)};`);
+      return;
+    }
     const same = this.doc.imports.find((i) => i.source === from && !i.typeOnly && i.lastSpecifierEnd !== null);
     if (same) {
       this.s.appendLeft(same.lastSpecifierEnd, `, ${name}`);
@@ -954,6 +958,7 @@ function componentRegistry(config, specs) {
       from = posix(path.relative(routeDir, path.join(config.root, c.file))).replace(/\.(tsx|ts|jsx|js)$/, "");
       if (!from.startsWith(".")) from = `./${from}`;
     }
+    if (c.defaultExport) return `  ${JSON.stringify(c.name)}: lazy(() => import(${JSON.stringify(from)})),`;
     return `  ${JSON.stringify(c.name)}: lazy(() => import(${JSON.stringify(from)}).then((m) => ({ default: m[${JSON.stringify(c.name)}] }))),`;
   });
   return `"use client";
@@ -2757,7 +2762,7 @@ var Workspace = class {
         const spec = this.catalog.get(cmd.component);
         if (!spec) throw new EditError(`Unknown component "${cmd.component}". Use list_components.`);
         const jsx = componentJsx(spec, cmd.props, cmd.text);
-        ed.ensureImport(spec.name, importSpecifier(this.config.root, rel, spec.file));
+        ed.ensureImport(spec.name, importSpecifier(this.config.root, rel, spec.file), spec.defaultExport);
         ed.insertChild(parent, cmd.index, jsx);
         return `Inserted ${spec.name}`;
       }
@@ -2893,7 +2898,7 @@ var Workspace = class {
         const preset = cmd.preset ? spec.presets?.find((p) => p.name.toLowerCase() === cmd.preset.toLowerCase()) : void 0;
         if (cmd.preset && !preset) throw new EditError(`${spec.name} has no preset "${cmd.preset}". Presets: ${spec.presets?.map((p) => p.name).join(", ") || "none"}`);
         const props = { className: "pointer-events-none absolute inset-0 -z-10 h-full w-full", ...preset ? presetDiff(spec, preset.props) : {} };
-        ed.ensureImport(spec.name, importSpecifier(this.config.root, rel, spec.file));
+        ed.ensureImport(spec.name, importSpecifier(this.config.root, rel, spec.file), spec.defaultExport);
         if (parent.kind === "element") {
           const cls = parent.props.className;
           if (cls === void 0 || cls.kind === "string") {
@@ -2924,7 +2929,7 @@ var Workspace = class {
         if (!prop) throw new EditError(`${spec.name} has no prop "${cmd.prop}".`);
         const values = prop.type === "enum" ? prop.options : prop.type === "boolean" ? [false, true] : [];
         if (!values.length) throw new EditError(`Prop "${cmd.prop}" is ${prop.typeText}; variants need a union of string literals or a boolean.`);
-        ed.ensureImport(spec.name, importSpecifier(this.config.root, rel, spec.file));
+        ed.ensureImport(spec.name, importSpecifier(this.config.root, rel, spec.file), spec.defaultExport);
         const label = (v) => typeof v === "string" ? v[0].toUpperCase() + v.slice(1) : `${prop.name}: ${v}`;
         const rows = indentBlock(values.map((v) => componentJsx(spec, { ...cmd.props, [prop.name]: v }, spec.acceptsChildren ? label(v) : void 0)).join("\n"));
         const right = rightEdge(doc);
@@ -2943,7 +2948,7 @@ ${rows}
           ed.selectPaths.push(existing.path);
           return `Opened ${spec.name}`;
         }
-        ed.ensureImport(spec.name, importSpecifier(this.config.root, rel, spec.file));
+        ed.ensureImport(spec.name, importSpecifier(this.config.root, rel, spec.file), spec.defaultExport);
         const right = rightEdge(doc);
         const top = doc.frames.length ? Math.min(...doc.frames.map((f) => f.y)) : 0;
         ed.insertFrame(
@@ -3083,7 +3088,7 @@ ${rows}
       if (ed.doc.imports.some((i) => i.names.includes(name) || i.defaultName === name)) continue;
       const spec = this.catalog.get(name);
       if (!spec) throw new EditError(`Unknown component <${name}>. It is not imported in the canvas and not in the component catalog. Use list_components.`);
-      ed.ensureImport(name, importSpecifier(this.config.root, rel, spec.file));
+      ed.ensureImport(name, importSpecifier(this.config.root, rel, spec.file), spec.defaultExport);
     }
   }
   cleanCache = /* @__PURE__ */ new Map();

package/dist/cli.js

@@ -32,11 +32,11 @@ import {
   syncComponentRegistry,
   toolEnv,
   writeCompare
-} from "./chunk-OVYSWA2F.js";
+} from "./chunk-A4QIAVTG.js";
 import {
   loadConfig
 } from "./chunk-PBKX3SBC.js";
-import "./chunk-WU7NBTJH.js";
+import "./chunk-2IIAMOFH.js";
 import {
   ICON_LIBRARIES,
   iconLibraries,

package/dist/core/index.d.ts

@@ -139,6 +139,8 @@ interface ComponentSpec {
     props: PropSpec[];
     acceptsClassName: boolean;
     acceptsChildren: boolean;
+    /** exported as the module's default (`export default Hero`): imported as `import Hero from` */
+    defaultExport?: boolean;
 }
 
 declare function parseCanvas(name: string, file: string, source: string): CanvasDoc;
@@ -215,7 +217,7 @@ declare class CanvasEditor {
     unwrap(node: CanvasNode): void;
     replace(node: CanvasNode, jsx: string): void;
     private added;
-    ensureImport(name: string, from: string): void;
+    ensureImport(name: string, from: string, isDefault?: boolean): void;
     /**
      * Imports `name` from `from` and returns the local name to write in JSX. When
      * the name is already taken by something else (another import, a local

package/dist/core/index.js

@@ -28,7 +28,7 @@ import {
   viteStylesheets,
   wrapConfigExport,
   writeCompare
-} from "../chunk-OVYSWA2F.js";
+} from "../chunk-A4QIAVTG.js";
 import {
   injectIds
 } from "../chunk-TSHD2S36.js";
@@ -37,7 +37,7 @@ import {
 } from "../chunk-PBKX3SBC.js";
 import {
   Catalog
-} from "../chunk-WU7NBTJH.js";
+} from "../chunk-2IIAMOFH.js";
 import {
   ICON_LIBRARIES,
   iconLibraries,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "truecanvas",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "description": "Design with your real React components: a Figma-like canvas for Next.js and Vite where layers are your .tsx and agents edit through MCP.",
   "license": "MIT",
   "type": "module",