synthesisui 0.16.52 → 0.16.54

package/dist/commands/import.js

@@ -291,10 +291,37 @@ export async function takeCensus(root) {
     }
     const d = diagnose(reports);
     const inventory = tallyToInventory(tally);
+    /**
+     * THE TWO READINGS BECOME ONE LIST before anything is judged.
+     *
+     * The crosswalk saw only what a project COMPOSES, so a library's report said
+     * "only yours (4)" three lines above "37 components exported here" - the two
+     * sections talking past each other (dono, 31/07). Worse, the contracts that
+     * travel are picked from that list, so a library would have sent four.
+     *
+     * A component that is defined and never composed here is still a component:
+     * in a library that is the entire point. Its axes come from the TYPE, which
+     * is the better source anyway - usage shows what somebody picked, the
+     * declaration shows what the author designed.
+     */
+    const composed = new Set(inventory.map((c) => c.name));
+    const fromTypes = defined
+        .filter((d) => !composed.has(d.name))
+        .map((d) => ({
+        name: d.name,
+        count: 0,
+        files: 0,
+        props: {
+            ...Object.fromEntries(Object.entries(d.axes)),
+            ...Object.fromEntries(d.flags.map((f) => [f, ["true"]])),
+        },
+        propFiles: {},
+    }));
+    const merged = [...inventory, ...fromTypes];
     // The verdict travels WITH the payload: the platform reads one reading rather
     // than computing a second opinion from the same numbers, which is how two
     // implementations of the same judgement start disagreeing.
-    const verdicts = new Map(crosswalk(inventory).map((r) => [
+    const verdicts = new Map(crosswalk(merged).map((r) => [
         r.component.name,
         { bucket: r.bucket, canonical: r.canonical, because: r.because },
     ]));
@@ -302,7 +329,7 @@ export async function takeCensus(root) {
     for (const r of observedRules(inventory)) {
         laws.set(r.component, [...(laws.get(r.component) ?? []), r.text]);
     }
-    const components = inventory.map((c) => ({
+    const components = merged.map((c) => ({
         ...c,
         ...(verdicts.get(c.name) ?? {}),
         ...(laws.has(c.name) ? { laws: laws.get(c.name) } : {}),
@@ -361,9 +388,13 @@ function summarize(c) {
     // The inventory, phase one: what this project composes. Printed, never
     // mapped - deciding that their `Pill` is our `ds-badge` is a judgement a
     // person approves, and it does not happen in a census.
-    if (c.components && c.components.length > 0) {
-        const withProps = c.components.filter((x) => Object.keys(x.props).length > 0).length;
-        console.log(body(`${c.components.length} components composed here, ${withProps} of them with props written literally`));
+    // COMPOSED means composed. The payload also carries components that are only
+    // DECLARED (a library exports what it never uses), and counting those here
+    // made the line say 108 where 80 things are actually composed (dono, 31/07).
+    const composedOnly = (c.components ?? []).filter((x) => x.count > 0);
+    if (composedOnly.length > 0) {
+        const withProps = composedOnly.filter((x) => Object.keys(x.props).length > 0).length;
+        console.log(body(`${composedOnly.length} components composed here, ${withProps} of them with props written literally`));
     }
     if (c.totals.named > 0) {
         console.log(body(`${paint.strong(String(c.totals.named))} of those values ALREADY have a name in your system - ${c.totals.coverage}% of your design values come from it today`));
@@ -395,7 +426,7 @@ function printComponents(c) {
     if (list.length === 0)
         return;
     console.log("");
-    const mine = list.filter((x) => !x.from);
+    const mine = list.filter((x) => !x.from && x.count > 0);
     const theirs = list.filter((x) => x.from);
     console.log(section("What this project composes"));
     if (theirs.length > 0) {
@@ -412,7 +443,7 @@ function printComponents(c) {
     if (mine.length > 12) {
         console.log(body(paint.faint(`(${mine.length - 12} more of yours)`)));
     }
-    printCrosswalk(mine);
+    printCrosswalk(list.filter((x) => !x.from));
     printObserved(mine);
     printDefined(c, mine);
 }
@@ -441,7 +472,10 @@ function printDefined(census, used) {
     if (withAxes.length > 8) {
         console.log(body(paint.faint(`  (${withAxes.length - 8} more)`)));
     }
-    const crossed = reconcile(defined, used);
+    // Orphans are found by asking what has no USAGE, so this has to see the
+    // composed list alone: handing it the union made every declared component
+    // look used by itself, and 29 orphans became 1.
+    const crossed = reconcile(defined, used.filter((u) => u.count > 0));
     const dead = crossed.filter((r) => r.deadOptions.length > 0);
     const stray = crossed.filter((r) => r.undeclared.length > 0);
     const orphans = crossed.filter((r) => r.orphan);
@@ -509,7 +543,7 @@ function printCrosswalk(mine) {
             return;
         console.log(body(paint.strong(title)));
         for (const r of list.slice(0, limit)) {
-            console.log(body(`  ${r.component.name.padEnd(18)} ${paint.faint(`${r.component.files} files`)}  ${paint.dim(r.because)}`));
+            console.log(body(`  ${r.component.name.padEnd(18)} ${paint.faint(r.component.files === 0 ? "declared" : `${r.component.files} files`)}  ${paint.dim(r.because)}`));
         }
         if (list.length > limit) {
             console.log(body(paint.faint(`  (${list.length - limit} more)`)));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "synthesisui",
-  "version": "0.16.52",
+  "version": "0.16.54",
   "description": "Bring SynthesisUI design systems into any project - tokens, typed components, whole pages and an agent-ready CLAUDE.md manifest.",
   "type": "module",
   "bin": {