@alloy-js/core 0.16.0 → 0.18.0-dev.2

package/dist/src/tracer.js

@@ -0,0 +1,496 @@
+import { effect } from "@vue/reactivity";
+import { untrack } from "./reactivity.js";
+import { scheduler } from "./scheduler.js";
+import { OutputScopeFlags, OutputSymbolFlags } from "./symbols/flags.js";
+// enable tracing for specific phases using a comma separated list of
+// dotted identifiers, e.g. `scope.update,symbol.create`.
+const traceEnv = process.env.ALLOY_TRACE ?? "";
+const tracePhases = new Set(traceEnv === "" ? [] : traceEnv.split(",").map(t => t.trim()));
+if (tracePhases.size > 0) {
+  // eslint-disable-next-line no-console
+  console.log("Tracing enabled for phases:", Array.from(tracePhases).join(", "));
+}
+const debuggerIdsEnv = process.env.ALLOY_BREAK_ON_DID ?? "";
+const dids = new Set();
+debuggerIdsEnv.split(",").forEach(id => {
+  const num = parseInt(id, 10);
+  if (!isNaN(num)) {
+    dids.add(num);
+  }
+});
+export const TracePhase = {
+  scope: {
+    update: {
+      area: "scope",
+      subarea: "update",
+      bg: {
+        r: 0,
+        g: 255,
+        b: 100
+      }
+    },
+    create: {
+      area: "scope",
+      subarea: "create",
+      bg: {
+        r: 0,
+        g: 150,
+        b: 100
+      }
+    },
+    copySymbols: {
+      area: "scope",
+      subarea: "copySymbols",
+      bg: {
+        r: 0,
+        g: 100,
+        b: 100
+      }
+    }
+  },
+  symbol: {
+    update: {
+      area: "symbol",
+      subarea: "update",
+      bg: {
+        r: 0,
+        g: 0,
+        b: 255
+      }
+    },
+    resolve: {
+      area: "symbol",
+      subarea: "resolve",
+      bg: {
+        r: 0,
+        g: 0,
+        b: 200
+      }
+    },
+    create: {
+      area: "symbol",
+      subarea: "create",
+      bg: {
+        r: 0,
+        g: 0,
+        b: 150
+      }
+    },
+    flow: {
+      area: "symbol",
+      subarea: "flow",
+      bg: {
+        r: 0,
+        g: 0,
+        b: 100
+      }
+    },
+    addToScope: {
+      area: "symbol",
+      subarea: "addToScope",
+      bg: {
+        r: 0,
+        g: 0,
+        b: 50
+      }
+    },
+    instantiate: {
+      area: "symbol",
+      subarea: "instantiate",
+      bg: {
+        r: 0,
+        g: 0,
+        b: 25
+      }
+    },
+    clone: {
+      area: "symbol",
+      subarea: "clone",
+      bg: {
+        r: 0,
+        g: 0,
+        b: 25
+      }
+    },
+    delete: {
+      area: "symbol",
+      subarea: "delete",
+      bg: {
+        r: 100,
+        g: 0,
+        b: 100
+      }
+    },
+    removeFromScope: {
+      area: "symbol",
+      subarea: "removeFromScope",
+      bg: {
+        r: 50,
+        g: 0,
+        b: 50
+      }
+    }
+  },
+  resolve: {
+    success: {
+      area: "resolve",
+      subarea: "success",
+      bg: {
+        r: 0,
+        g: 255,
+        b: 0
+      }
+    },
+    pending: {
+      area: "resolve",
+      subarea: "pending",
+      bg: {
+        r: 255,
+        g: 255,
+        b: 0
+      }
+    },
+    failure: {
+      area: "resolve",
+      subarea: "failure",
+      bg: {
+        r: 100,
+        g: 50,
+        b: 50
+      }
+    }
+  },
+  effect: {
+    schedule: {
+      area: "effect",
+      subarea: "schedule",
+      bg: {
+        r: 100,
+        g: 100,
+        b: 0
+      }
+    },
+    track: {
+      area: "effect",
+      subarea: "track",
+      bg: {
+        r: 75,
+        g: 75,
+        b: 0
+      }
+    },
+    trigger: {
+      area: "effect",
+      subarea: "trigger",
+      bg: {
+        r: 50,
+        g: 50,
+        b: 0
+      }
+    }
+  },
+  render: {
+    worker: {
+      area: "render",
+      subarea: "worker",
+      bg: {
+        r: 100,
+        g: 50,
+        b: 0
+      }
+    },
+    appendChild: {
+      area: "render",
+      subarea: "appendChild",
+      bg: {
+        r: 100,
+        g: 50,
+        b: 0
+      }
+    },
+    renderEffect: {
+      area: "render",
+      subarea: "render effect",
+      bg: {
+        r: 100,
+        g: 50,
+        b: 0
+      }
+    }
+  }
+};
+let triggerCount = 0;
+function shouldTrace(phase) {
+  return tracePhases.has(phase.area) || tracePhases.has(phase.area + "." + phase.subarea);
+}
+export function trace(phase, cb, triggerIds = new Set()) {
+  if (!shouldTrace(phase)) {
+    return;
+  }
+  if (triggerIds.size === 0) {
+    // not an effect trace.
+    const id = triggerCount++;
+    triggerIds.add(id);
+    if (dids.has(id)) {
+      // eslint-disable-next-line no-debugger
+      debugger;
+    }
+  }
+  const areaTag = ` ${phase.area + ":" + phase.subarea} `;
+  // eslint-disable-next-line no-console
+  console.log(colorText(areaTag, {
+    ...phase,
+    bold: true
+  }) + " " + colorText("[" + [...triggerIds].join(",") + "]", {
+    fg: {
+      r: 50,
+      g: 50,
+      b: 50
+    }
+  }) + " " + cb() + "\n");
+}
+export function traceEffect(phase, cb) {
+  if (!shouldTrace(phase)) {
+    return;
+  }
+  let first = true;
+  const triggerIds = new Set();
+  const runner = effect(() => {
+    if (first) {
+      // just track what we need, don't log.
+      cb();
+      first = false;
+      return;
+    }
+    trace(phase, cb, triggerIds);
+    triggerIds.clear();
+  }, {
+    scheduler: scheduler(() => runner, true),
+    onTrigger(event) {
+      const id = triggerCount++;
+      if (dids.has(id)) {
+        // eslint-disable-next-line no-debugger
+        debugger;
+      }
+      triggerIds.add(id);
+    }
+  });
+}
+
+/** Descriptor for how to format the text */
+
+/**
+ * Wraps `text` in ANSI escape codes according to the given format.
+ *
+ * @param text  The string to format.
+ * @param fmt   Optional formatting descriptor.
+ * @returns     The text wrapped in ANSI codes (or unmodified if no styles given).
+ */
+function colorText(text, fmt) {
+  if (!fmt) return text;
+  const codes = [];
+  if (fmt.bold) {
+    codes.push("1"); // ANSI code for bold
+  }
+  if (fmt.fg) {
+    const {
+      r,
+      g,
+      b
+    } = fmt.fg;
+    codes.push(`38;2;${r};${g};${b}`);
+  }
+  if (fmt.bg) {
+    const {
+      r,
+      g,
+      b
+    } = fmt.bg;
+    codes.push(`48;2;${r};${g};${b}`);
+  }
+  if (codes.length === 0) {
+    return text;
+  }
+  const prefix = `\x1b[${codes.join(";")}m`;
+  const reset = `\x1b[0m`;
+  return `${prefix}${text}${reset}`;
+}
+
+/**
+ * Format flag values in a concise way, showing only the flags that are set
+ * @param flags The numeric flags value to format
+ * @param flagEnum The enum containing flag definitions
+ * @returns An array of flag names that are set
+ */
+function formatFlags(flags, flagEnum) {
+  return Object.entries(flagEnum).filter(([name, value]) => typeof value === "number" && value !== 0 && (flags & value) === value).map(([name]) => name);
+}
+
+/**
+ * Format a symbol name with its ID in a blue-green color
+ * @param symbol The symbol to format
+ * @returns A formatted string representation of the symbol name with ID
+ */
+export function formatSymbolName(symbol) {
+  return colorText(`Symbol ${symbol.name}[${symbol.id}]`, {
+    fg: {
+      r: 0,
+      b: 150,
+      g: 100
+    }
+  });
+}
+
+/**
+ * Format the symbols in a member scope, showing their names and IDs
+ * @param scope The member scope containing the symbols to format
+ * @returns A formatted string representation of the member scope symbols
+ */
+function formatMemberScopeSymbols(scope) {
+  if (!scope || scope.symbols.size === 0) {
+    return "none";
+  }
+  return Array.from(scope.symbols).map(symbol => formatSymbolName(symbol)).join(", ");
+}
+export function formatSymbol(symbol) {
+  // Base display with name and ID
+  let result = formatSymbolName(symbol);
+
+  // Add details on subsequent lines
+  const details = [];
+  if (!symbol.binder) {
+    details.push(colorText("  !UNBOUND", {
+      fg: {
+        r: 255,
+        g: 0,
+        b: 0
+      }
+    }));
+  }
+
+  // Show only enabled flags
+  const flagsInfo = formatFlags(symbol.flags, OutputSymbolFlags);
+  if (flagsInfo.length > 0) {
+    details.push(`  flags: ${flagsInfo.join(", ")}`);
+  }
+
+  // Show scope info with formatted name
+  if (symbol.scope) {
+    details.push(untrack(() => `  scope: ${formatScopeName(symbol.scope)}`));
+  }
+
+  // Show member scopes if present
+  if (symbol.instanceMemberScope) {
+    untrack(() => {
+      const memberCount = symbol.instanceMemberScope.symbols.size;
+      details.push(`  instance members: ${memberCount} - ${formatMemberScopeSymbols(symbol.instanceMemberScope)}`);
+    });
+  }
+  if (symbol.staticMemberScope) {
+    untrack(() => {
+      const memberCount = symbol.staticMemberScope.symbols.size;
+      details.push(`  static members: ${memberCount} - ${formatMemberScopeSymbols(symbol.staticMemberScope)}`);
+    });
+  }
+
+  // Show all refkeys with proper formatting
+  if (symbol.refkeys && symbol.refkeys.length > 0) {
+    details.push(`  refkeys: ${formatRefkeys(symbol.refkeys)}`);
+  }
+  if (details.length > 0) {
+    result += "\n" + details.join("\n");
+  }
+  return result;
+}
+export function formatScopeName(scope) {
+  let text = colorText(`${scope.name}[${scope.id}]`, {
+    fg: {
+      r: 0,
+      g: 150,
+      b: 50
+    }
+  });
+  if (scope.owner) {
+    text += untrack(() => ` of ${formatSymbolName(scope.owner)}`);
+  }
+  return text;
+}
+
+/**
+ * Format an OutputScope for display, showing information in a concise format
+ * @param scope The scope to format
+ * @returns A formatted string representation of the scope
+ */
+export function formatScope(scope) {
+  if (!scope) {
+    return "!Undefined scope!";
+  }
+  // Base display with name
+  let result = colorText(`Scope ${formatScopeName(scope)}`, {
+    fg: {
+      r: 0,
+      b: 200,
+      g: 100
+    }
+  });
+
+  // Add details on subsequent lines
+  const details = [];
+  if (!scope.binder) {
+    details.push(colorText("  !UNBOUND", {
+      fg: {
+        r: 255,
+        g: 0,
+        b: 0
+      }
+    }));
+  }
+  // Show only enabled flags
+  const flagsInfo = formatFlags(scope.flags, OutputScopeFlags);
+  if (flagsInfo.length > 0) {
+    details.push(`  flags: ${flagsInfo.join(", ")}`);
+  }
+
+  // Show symbol count
+  const symbolCount = scope.symbols.size;
+  if (symbolCount > 0) {
+    details.push(`  symbols: ${symbolCount}`);
+  }
+
+  // Show parent scope if present
+  if (scope.parent) {
+    details.push(`  parent: ${formatScopeName(scope.parent)}`);
+  }
+
+  // Show owner if present (for member scopes)
+  if (scope.owner) {
+    details.push(`  owner: ${formatSymbolName(scope.owner)}`);
+  }
+
+  // Show child scopes if present
+  if (scope.children && scope.children.size > 0) {
+    details.push(`  children: ${scope.children.size}`);
+  }
+  if (details.length > 0) {
+    result += "\n" + details.join("\n");
+  }
+  return result;
+}
+export function formatRefkeys(refkeys) {
+  if (!refkeys) {
+    return "";
+  }
+  if (Array.isArray(refkeys)) {
+    return refkeys.map(formatRefkey).join(", ");
+  }
+  return formatRefkey(refkeys);
+}
+function formatRefkey(refkey) {
+  return colorText(`refkey[${refkey.key}]`, {
+    fg: {
+      r: 150,
+      g: 0,
+      b: 0
+    }
+  });
+}

package/dist/src/tsdoc-metadata.json

@@ -5,7 +5,7 @@
   "toolPackages": [
     {
       "packageName": "@microsoft/api-extractor",
-      "packageVersion": "7.47.12"
+      "packageVersion": "7.52.8"
     }
   ]
 }

package/dist/src/utils.d.ts

@@ -1,6 +1,7 @@
-import { Children, ComponentCreator, CustomContext } from "./jsx-runtime.js";
 import { BaseListProps } from "./components/List.jsx";
+import { CustomContext } from "./reactivity.js";
 import { OutputDirectory, OutputFile } from "./render.js";
+import { Children, ComponentCreator } from "./runtime/component.js";
 export interface JoinOptions {
     /**
      * The string to place between each element.
@@ -60,8 +61,8 @@ export interface ChildrenOptions {
  */
 export declare function children(fn: () => Children, options?: ChildrenOptions): () => Children;
 export declare function childrenArray(fn: () => Children, options?: ChildrenOptions): Children[];
-export declare function findKeyedChild(children: Children[], tag: symbol): ComponentCreator<import("@alloy-js/core/jsx-runtime").Props> | null;
-export declare function findKeyedChildren(children: Children[], tag: symbol): ComponentCreator<import("@alloy-js/core/jsx-runtime").Props>[];
+export declare function findKeyedChild(children: Children[], tag: symbol): ComponentCreator<import("./runtime/component.js").Props> | null;
+export declare function findKeyedChildren(children: Children[], tag: symbol): ComponentCreator<import("./runtime/component.js").Props>[];
 export declare function findUnkeyedChildren(children: Children[]): Children[];
 export declare function isKeyedChild(child: Children): child is ComponentCreator;
 /**

package/dist/src/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/utils.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,QAAQ,EACR,gBAAgB,EAEhB,aAAa,EAOd,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,UAAU,EAAU,MAAM,aAAa,CAAC;AAElE,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAC;IAElB;;;;OAIG;IACH,KAAK,CAAC,EAAE,QAAQ,CAAC;IAEjB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAMD;;;;;;;;;;GAUG;AACH,wBAAgB,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAC7B,GAAG,EAAE,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,EACpB,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,CAAC,EAC1C,OAAO,CAAC,EAAE,WAAW,GACpB,MAAM,CAAC,CAAC,GAAG,MAAM,GAAG,SAAS,GAAG,aAAa,CAAC,EAAE,CAAC;AACpD;;;;;;;;;GASG;AACH,wBAAgB,OAAO,CAAC,CAAC,EAAE,CAAC,EAC1B,GAAG,EAAE,MAAM,CAAC,EAAE,GAAG,gBAAgB,CAAC,CAAC,CAAC,EACpC,EAAE,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,CAAC,EAClC,OAAO,CAAC,EAAE,WAAW,GACpB,MAAM,CAAC,CAAC,GAAG,MAAM,GAAG,SAAS,GAAG,aAAa,CAAC,EAAE,CAAC;AAmHpD;;;;;;GAMG;AACH,wBAAgB,IAAI,CAAC,CAAC,SAAS,QAAQ,EACrC,GAAG,EAAE,CAAC,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,EACtB,OAAO,GAAE,WAAgB,GACxB,QAAQ,CAmBV;AAED,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AACD;;;GAGG;AACH,wBAAgB,QAAQ,CACtB,EAAE,EAAE,MAAM,QAAQ,EAClB,OAAO,GAAE,eAAoB,GAC5B,MAAM,QAAQ,CAsBhB;AAED,wBAAgB,aAAa,CAC3B,EAAE,EAAE,MAAM,QAAQ,EAClB,OAAO,CAAC,EAAE,eAAe,GACxB,QAAQ,EAAE,CASZ;AAED,wBAAgB,cAAc,CAAC,QAAQ,EAAE,QAAQ,EAAE,EAAE,GAAG,EAAE,MAAM,uEAQ/D;AAED,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,QAAQ,EAAE,EAAE,GAAG,EAAE,MAAM,kEAQlE;AAED,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,EAAE,cAEvD;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,QAAQ,GAAG,KAAK,IAAI,gBAAgB,CAEvE;AAED;;;GAGG;AACH,MAAM,WAAW,aAAa;IAC5B,cAAc,CAAC,SAAS,EAAE,eAAe,GAAG,IAAI,CAAC;IACjD,SAAS,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI,CAAC;CACnC;AAED;;;;;;GAMG;AACH,wBAAgB,cAAc,CAC5B,eAAe,EAAE,eAAe,EAChC,OAAO,EAAE,aAAa,QAUvB;AAED;;GAEG;AACH,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,aAAa,GAAG,WAAW,CAuC5E"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/utils.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAEL,aAAa,EAMd,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,eAAe,EAAE,UAAU,EAAU,MAAM,aAAa,CAAC;AAClE,OAAO,EACL,QAAQ,EACR,gBAAgB,EAEjB,MAAM,wBAAwB,CAAC;AAEhC,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAC;IAElB;;;;OAIG;IACH,KAAK,CAAC,EAAE,QAAQ,CAAC;IAEjB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAMD;;;;;;;;;;GAUG;AACH,wBAAgB,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAC7B,GAAG,EAAE,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,EACpB,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,CAAC,EAC1C,OAAO,CAAC,EAAE,WAAW,GACpB,MAAM,CAAC,CAAC,GAAG,MAAM,GAAG,SAAS,GAAG,aAAa,CAAC,EAAE,CAAC;AACpD;;;;;;;;;GASG;AACH,wBAAgB,OAAO,CAAC,CAAC,EAAE,CAAC,EAC1B,GAAG,EAAE,MAAM,CAAC,EAAE,GAAG,gBAAgB,CAAC,CAAC,CAAC,EACpC,EAAE,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,CAAC,EAClC,OAAO,CAAC,EAAE,WAAW,GACpB,MAAM,CAAC,CAAC,GAAG,MAAM,GAAG,SAAS,GAAG,aAAa,CAAC,EAAE,CAAC;AAmHpD;;;;;;GAMG;AACH,wBAAgB,IAAI,CAAC,CAAC,SAAS,QAAQ,EACrC,GAAG,EAAE,CAAC,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,EACtB,OAAO,GAAE,WAAgB,GACxB,QAAQ,CAmBV;AAED,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AACD;;;GAGG;AACH,wBAAgB,QAAQ,CACtB,EAAE,EAAE,MAAM,QAAQ,EAClB,OAAO,GAAE,eAAoB,GAC5B,MAAM,QAAQ,CAsBhB;AAED,wBAAgB,aAAa,CAC3B,EAAE,EAAE,MAAM,QAAQ,EAClB,OAAO,CAAC,EAAE,eAAe,GACxB,QAAQ,EAAE,CASZ;AAED,wBAAgB,cAAc,CAAC,QAAQ,EAAE,QAAQ,EAAE,EAAE,GAAG,EAAE,MAAM,mEAQ/D;AAED,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,QAAQ,EAAE,EAAE,GAAG,EAAE,MAAM,8DAQlE;AAED,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,EAAE,cAEvD;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,QAAQ,GAAG,KAAK,IAAI,gBAAgB,CAEvE;AAED;;;GAGG;AACH,MAAM,WAAW,aAAa;IAC5B,cAAc,CAAC,SAAS,EAAE,eAAe,GAAG,IAAI,CAAC;IACjD,SAAS,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI,CAAC;CACnC;AAED;;;;;;GAMG;AACH,wBAAgB,cAAc,CAC5B,eAAe,EAAE,eAAe,EAChC,OAAO,EAAE,aAAa,QAUvB;AAED;;GAEG;AACH,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,aAAa,GAAG,WAAW,CAuC5E"}

package/dist/src/utils.js

@@ -1,8 +1,9 @@
 import { memo as _$memo, createIntrinsic as _$createIntrinsic } from "@alloy-js/core/jsx-runtime";
 import { toRaw } from "@vue/reactivity";
-import { createCustomContext, isComponentCreator, memo, onCleanup, root, untrack } from "./jsx-runtime.js";
+import { createCustomContext, memo, onCleanup, root, untrack } from "./reactivity.js";
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 
+import { isComponentCreator } from "./runtime/component.js";
 const defaultJoinOptions = {
   joiner: "\n",
   ender: false

package/dist/test/components/slot.test.js

@@ -5,6 +5,7 @@ import { SourceFile } from "../../src/components/SourceFile.js";
 import { Declaration, Name, refkey, Scope, useBinder } from "../../src/index.js";
 import { render } from "../../src/render.js";
 import { defineSlot, rename, replace } from "../../src/slot.js";
+import { OutputSymbol } from "../../src/symbols/output-symbol.js";
 import "../../testing/extend-expect.js";
 it("works with string keys", () => {
   const FunctionSlot = defineSlot(query => query.name);
@@ -44,9 +45,8 @@ it("works with symbols", () => {
   });
   function MyFunctionComponent(props) {
     const binder = useBinder();
-    const sym = binder.createSymbol({
-      name: props.name,
-      refkey: refkey()
+    const sym = new OutputSymbol(props.name, {
+      refkeys: refkey()
     });
     const FunctionSlotInstance = FunctionSlot.create(sym, {
       ...props,
@@ -92,10 +92,8 @@ it("can rename", () => {
     return binder.resolveFQN(query.fqn);
   });
   function MyFunctionComponent(props) {
-    const binder = useBinder();
-    const sym = binder.createSymbol({
-      name: props.name,
-      refkey: refkey()
+    const sym = new OutputSymbol(props.name, {
+      refkeys: refkey()
     });
     const FunctionSlotInstance = FunctionSlot.create(sym, {
       ...props,

package/dist/test/props-with-defaults.test.js

@@ -1,6 +1,6 @@
 import { effect, reactive } from "@vue/reactivity";
 import { expect, it, vi } from "vitest";
-import { defaultProps } from "../src/jsx-runtime.js";
+import { defaultProps } from "../src/props-combinators.js";
 it("applies defaults to regular object props", () => {
   const props = {
     a: 1,

package/dist/test/reactive-union-set.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=reactive-union-set.test.d.ts.map

package/dist/test/reactive-union-set.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reactive-union-set.test.d.ts","sourceRoot":"","sources":["../../test/reactive-union-set.test.tsx"],"names":[],"mappings":""}