@weasel-js/forge 1.12.0 → 1.13.0

package/dist/test/index.css

@@ -13,9 +13,8 @@
   transform-origin: 0 0;
   transform: translate(var(--fg-lens-copy-x), var(--fg-lens-copy-y)) scale(var(--fg-lens-copy-f));
 }
-.fg-lens-copy > .fg-story,
 .fg-lens-copy > .fg-frame-host {
-  background: var(--wzl-bg);
+  background: var(--wzl-surface);
 }
 .fg-lens-pixels {
   position: absolute;
@@ -34,7 +33,7 @@
   text-align: center;
   font-size: 11px;
   color: var(--wzl-fg-muted);
-  background: var(--wzl-bg);
+  background: var(--wzl-surface);
 }
 .fg-lens-empty[hidden] {
   display: none;

package/dist/test/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/shell/loupe/loupe.css"],"sourcesContent":["/* A Live lens's own box inside its slot: the copy is portaled into it, and the message beneath it shows when no copy is. */\n.fg-lens-live {\n  position: absolute;\n  inset: 0;\n  overflow: hidden;\n}\n\n/* A second render of a story, at its host's own size, scaled about the reticle's point onto the slot's center. */\n.fg-lens-copy {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: var(--fg-lens-copy-w);\n  height: var(--fg-lens-copy-h);\n  transform-origin: 0 0;\n  transform: translate(var(--fg-lens-copy-x), var(--fg-lens-copy-y)) scale(var(--fg-lens-copy-f));\n}\n\n/* Painted in the copy's own mode, so a transparent story does not show the lab through the lens. */\n.fg-lens-copy > .fg-story,\n.fg-lens-copy > .fg-frame-host {\n  background: var(--wzl-bg);\n}\n\n/* A Pixels lens's capture, enlarged nearest-neighbor: the browser scaling the canvas to the screen keeps it so. */\n.fg-lens-pixels {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  image-rendering: pixelated;\n}\n\n/* What a lens says in place of its story: nothing under the reticle, or why it cannot show it. */\n.fg-lens-empty {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: var(--wzl-space-4);\n  text-align: center;\n  font-size: 11px;\n  color: var(--wzl-fg-muted);\n  background: var(--wzl-bg);\n}\n\n.fg-lens-empty[hidden] {\n  display: none;\n}\n\n/* Above the lens layer, in the lab body's corner. */\n.fg-loupe-hint {\n  position: absolute;\n  left: var(--wzl-space-8);\n  bottom: var(--wzl-space-8);\n  z-index: 4;\n}\n\n/* A token in the Token readout: the readouts take no pointer, so the link takes it back. */\n.fg-lens-token__link {\n  padding: 0;\n  border: 0;\n  font: inherit;\n  color: inherit;\n  text-decoration: underline;\n  background: none;\n  cursor: pointer;\n  pointer-events: auto;\n}\n"],"mappings":";AACA,CAAC;AACC,YAAU;AACV,SAAO;AACP,YAAU;AACZ;AAGA,CAAC;AACC,YAAU;AACV,OAAK;AACL,QAAM;AACN,SAAO,IAAI;AACX,UAAQ,IAAI;AACZ,oBAAkB,EAAE;AACpB,aAAW,UAAU,IAAI,iBAAiB,EAAE,IAAI,mBAAmB,MAAM,IAAI;AAC/E;AAGA,CAXC,aAWa,EAAE,CAAC;AACjB,CAZC,aAYa,EAAE,CAAC;AACf,cAAY,IAAI;AAClB;AAGA,CAAC;AACC,YAAU;AACV,SAAO;AACP,SAAO;AACP,UAAQ;AACR,mBAAiB;AACnB;AAGA,CAAC;AACC,YAAU;AACV,SAAO;AACP,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,WAAS,IAAI;AACb,cAAY;AACZ,aAAW;AACX,SAAO,IAAI;AACX,cAAY,IAAI;AAClB;AAEA,CAbC,aAaa,CAAC;AACb,WAAS;AACX;AAGA,CAAC;AACC,YAAU;AACV,QAAM,IAAI;AACV,UAAQ,IAAI;AACZ,WAAS;AACX;AAGA,CAAC;AACC,WAAS;AACT,UAAQ;AACR,QAAM;AACN,SAAO;AACP,mBAAiB;AACjB,cAAY;AACZ,UAAQ;AACR,kBAAgB;AAClB;","names":[]}
+{"version":3,"sources":["../../src/shell/loupe/loupe.css"],"sourcesContent":["/* A Live lens's own box inside its slot: the copy is portaled into it, and the message beneath it shows when no copy is. */\n.fg-lens-live {\n  position: absolute;\n  inset: 0;\n  overflow: hidden;\n}\n\n/* A second render of a story, at its host's own size, scaled about the reticle's point onto the slot's center. */\n.fg-lens-copy {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: var(--fg-lens-copy-w);\n  height: var(--fg-lens-copy-h);\n  transform-origin: 0 0;\n  transform: translate(var(--fg-lens-copy-x), var(--fg-lens-copy-y)) scale(var(--fg-lens-copy-f));\n}\n\n/* As `.fg-story` paints an in-document host: in the copy's mode, which its globals apply to the host. */\n.fg-lens-copy > .fg-frame-host {\n  background: var(--wzl-surface);\n}\n\n/* A Pixels lens's capture, enlarged nearest-neighbor: the browser scaling the canvas to the screen keeps it so. */\n.fg-lens-pixels {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  image-rendering: pixelated;\n}\n\n/* What a lens says in place of its story: nothing under the reticle, or why it cannot show it. */\n.fg-lens-empty {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: var(--wzl-space-4);\n  text-align: center;\n  font-size: 11px;\n  color: var(--wzl-fg-muted);\n  background: var(--wzl-surface);\n}\n\n.fg-lens-empty[hidden] {\n  display: none;\n}\n\n/* Above the lens layer, in the lab body's corner. */\n.fg-loupe-hint {\n  position: absolute;\n  left: var(--wzl-space-8);\n  bottom: var(--wzl-space-8);\n  z-index: 4;\n}\n\n/* A token in the Token readout: the readouts take no pointer, so the link takes it back. */\n.fg-lens-token__link {\n  padding: 0;\n  border: 0;\n  font: inherit;\n  color: inherit;\n  text-decoration: underline;\n  background: none;\n  cursor: pointer;\n  pointer-events: auto;\n}\n"],"mappings":";AACA,CAAC;AACC,YAAU;AACV,SAAO;AACP,YAAU;AACZ;AAGA,CAAC;AACC,YAAU;AACV,OAAK;AACL,QAAM;AACN,SAAO,IAAI;AACX,UAAQ,IAAI;AACZ,oBAAkB,EAAE;AACpB,aAAW,UAAU,IAAI,iBAAiB,EAAE,IAAI,mBAAmB,MAAM,IAAI;AAC/E;AAGA,CAXC,aAWa,EAAE,CAAC;AACf,cAAY,IAAI;AAClB;AAGA,CAAC;AACC,YAAU;AACV,SAAO;AACP,SAAO;AACP,UAAQ;AACR,mBAAiB;AACnB;AAGA,CAAC;AACC,YAAU;AACV,SAAO;AACP,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,WAAS,IAAI;AACb,cAAY;AACZ,aAAW;AACX,SAAO,IAAI;AACX,cAAY,IAAI;AAClB;AAEA,CAbC,aAaa,CAAC;AACb,WAAS;AACX;AAGA,CAAC;AACC,YAAU;AACV,QAAM,IAAI;AACV,UAAQ,IAAI;AACZ,WAAS;AACX;AAGA,CAAC;AACC,WAAS;AACT,UAAQ;AACR,QAAM;AACN,SAAO;AACP,mBAAiB;AACjB,cAAY;AACZ,UAAQ;AACR,kBAAgB;AAClB;","names":[]}

package/dist/test/index.d.ts

@@ -1,4 +1,4 @@
-import { F as FrameSetup } from '../FrameController-CdnaIo4C.js';
+import { F as FrameSetup } from '../FrameController-DgfVaENb.js';
 import '@weasel-js/icons';
 import '@weasel-js/labkit/config';
 import 'react';

package/dist/test/index.js

@@ -1,10 +1,10 @@
-import { StoryTrial } from '../chunk-YDLRSEUN.js';
+import { StoryTrial } from '../chunk-XIBKYSRU.js';
 import '../chunk-3BAM6M26.js';
-import { loadStories } from '../chunk-WMGEO5M6.js';
+import { loadStories } from '../chunk-GHPMNT2A.js';
 import '../chunk-L5XM5VKB.js';
 import '../chunk-5WS67HMU.js';
-import '../chunk-KEQBGDUZ.js';
-import '../chunk-GH5RE5X5.js';
+import '../chunk-7XJNVJB5.js';
+import '../chunk-2ZBZRBHI.js';
 import { withValueAtPath } from '@weasel-js/labkit/config';
 import { useState, useEffect } from 'react';
 import { createRoot } from 'react-dom/client';

package/dist/vite/index.js

@@ -1,5 +1,6 @@
 import { CAPTURE_PAGES, DEFAULT_TITLE, CAPTURE_PATH, parsePayload, messageOf } from '../chunk-ORMMZ5PV.js';
-import { isGallery } from '../chunk-WEQSLPKT.js';
+import { byComponent } from '../chunk-RVJHUY7W.js';
+import { isGallery } from '../chunk-VUPN73JP.js';
 import { PROP_ARG_TYPES_EXPORT, storyNameFromExport, storyId } from '../chunk-5WS67HMU.js';
 import { readFileSync, mkdtempSync, existsSync, mkdirSync, writeFileSync, globSync, statSync, watch, rmSync } from 'fs';
 import { resolve, sep, relative, join, dirname, basename, matchesGlob, posix } from 'path';
@@ -1022,36 +1023,89 @@ function componentProps(tsm, checker, source) {
 }
 function propTable(tsm, checker, props, at, skipped) {
   const argTypes = {};
-  const sources = /* @__PURE__ */ new Set();
+  const reading = { tsm, checker, at, skipped, sources: /* @__PURE__ */ new Set() };
   for (const prop2 of checker.getPropertiesOfType(checker.getApparentType(props))) {
-    const files = (prop2.getDeclarations() ?? []).map((declaration) => declaration.getSourceFile().fileName);
+    const files = declaredIn(prop2);
     if (files.length > 0 && files.every(skipped)) continue;
     const argType = controlFor(
-      tsm,
+      reading,
       checker.getNonNullableType(checker.getTypeOfSymbolAtLocation(prop2, at)),
       () => writtenOrder(tsm, checker, prop2)
     );
     if (!argType) continue;
     const description = tsm.displayPartsToString(prop2.getDocumentationComment(checker)).replace(/\s+/g, " ").trim();
     argTypes[prop2.getName()] = description ? { ...argType, description } : argType;
-    for (const file of files) if (!/[\\/]node_modules[\\/]/.test(file)) sources.add(file);
+    record(reading, files);
   }
-  return { argTypes, sources: [...sources] };
+  return { argTypes, sources: [...reading.sources] };
 }
-function controlFor(tsm, type, written) {
-  const { TypeFlags } = tsm;
+var declaredIn = (symbol) => (symbol.getDeclarations() ?? []).map((declaration) => declaration.getSourceFile().fileName);
+var IN_PACKAGES = /[\\/]node_modules[\\/]/;
+function record({ sources }, files) {
+  for (const file of files) if (!IN_PACKAGES.test(file)) sources.add(file);
+}
+function controlFor(reading, type, written) {
+  const { TypeFlags } = reading.tsm;
   const parts = type.isUnion() ? type.types : [type];
-  const every = (flags) => parts.every((part) => part.flags & flags);
-  if (every(TypeFlags.BooleanLike)) return { control: { type: "boolean" } };
-  if (type.flags & TypeFlags.String) return { control: { type: "text" } };
+  if (parts.every((part) => part.flags & TypeFlags.BooleanLike)) return { control: { type: "boolean" } };
+  if (parts.some((part) => part.flags & TypeFlags.String)) return { control: { type: "text" } };
   if (type.flags & TypeFlags.Number) return { control: { type: "number" } };
-  if (parts.length > 1 && every(TypeFlags.StringLiteral)) {
-    const options = parts.map((part) => part.value);
+  const options = literalsOf(reading, parts);
+  if (options.length > 1) {
     const order = written();
     const same = order?.length === options.length && options.every((option) => order.includes(option));
     return { options: same ? order : options };
   }
-  return null;
+  const shape = shapeOf(reading, type, 0);
+  return shape && shape.name !== "enum" && !(shape.name in SCALARS) ? { control: "object", type: shape } : null;
+}
+var SCALARS = { boolean: true, string: true, number: true };
+function literalsOf({ tsm }, parts) {
+  return parts.filter((part) => part.flags & tsm.TypeFlags.StringLiteral).map((part) => part.value);
+}
+var MAX_DEPTH2 = 4;
+function shapeOf(reading, type, depth) {
+  const { tsm, checker } = reading;
+  const { TypeFlags } = tsm;
+  if (depth > MAX_DEPTH2) return null;
+  const whole = checker.getNonNullableType(type);
+  const parts = whole.isUnion() ? whole.types : [whole];
+  if (parts.length === 0) return null;
+  if (parts.every((part) => part.flags & TypeFlags.BooleanLike)) return { name: "boolean" };
+  if (parts.some((part) => part.flags & TypeFlags.String)) return { name: "string" };
+  if (whole.flags & TypeFlags.Number) return { name: "number" };
+  const literals = literalsOf(reading, parts);
+  if (literals.length === parts.length || literals.length > 1) return { name: "enum", value: literals };
+  if (parts.length > 1) {
+    const members = parts.map((part) => shapeOf(reading, part, depth + 1));
+    return members.every((member) => member?.name === "object") ? { name: "union", value: members } : null;
+  }
+  if (checker.isArrayType(whole)) {
+    const [item] = checker.getTypeArguments(whole);
+    const shape = item && shapeOf(reading, item, depth + 1);
+    return shape ? { name: "array", value: shape } : null;
+  }
+  if (checker.isTupleType(whole)) {
+    const items = checker.getTypeArguments(whole).map((item) => shapeOf(reading, item, depth + 1));
+    const [first] = items;
+    const same = first && items.every((item) => JSON.stringify(item) === JSON.stringify(first));
+    return same ? { name: "array", value: first } : null;
+  }
+  if (!(whole.flags & (TypeFlags.Object | TypeFlags.Intersection))) return null;
+  if (whole.getCallSignatures().length > 0 || whole.getConstructSignatures().length > 0) return null;
+  if (checker.getIndexInfosOfType(whole).length > 0) return null;
+  const declared = (whole.getSymbol() ?? whole.aliasSymbol)?.getDeclarations() ?? [];
+  if (declared.some((declaration) => IN_PACKAGES.test(declaration.getSourceFile().fileName))) return null;
+  const fields = {};
+  for (const prop2 of checker.getPropertiesOfType(whole)) {
+    const files = declaredIn(prop2);
+    if (files.some((file) => IN_PACKAGES.test(file) || reading.skipped(file))) return null;
+    const field = shapeOf(reading, checker.getTypeOfSymbolAtLocation(prop2, reading.at), depth + 1);
+    if (field) fields[prop2.getName()] = field;
+    else if (!(prop2.flags & tsm.SymbolFlags.Optional)) return null;
+    record(reading, files);
+  }
+  return Object.keys(fields).length > 0 ? { name: "object", value: fields } : null;
 }
 function writtenOrder(tsm, checker, prop2) {
   const [declaration, ...others] = prop2.getDeclarations() ?? [];
@@ -1078,6 +1132,7 @@ function writtenOrder(tsm, checker, prop2) {
       if (alias && rest.length === 0 && tsm.isTypeAliasDeclaration(alias) && !alias.typeParameters) {
         return literals(alias.type);
       }
+      if (target && target.flags & (tsm.SymbolFlags.Interface | tsm.SymbolFlags.Class)) return [];
     }
     return null;
   };
@@ -1553,7 +1608,14 @@ function captureEntry() {
 import '@weasel-js/labkit/styles.css';
 import '@weasel-js/forge/shell.css';
 import config from 'virtual:forge/shell-config.js';
-${body("mountCapture({ index, importers, setup, labTheme: config.labTheme });")}`;
+${body(`mountCapture({
+  index,
+  importers,
+  setup,
+  labTheme: config.labTheme,
+  libraries: config.libraries,
+  dependencies: () => import('virtual:forge/deps.js').then((m) => m.default),
+});`)}`;
 }
 function captureFrameEntry(styles) {
   return `import { mountCapture } from '@weasel-js/forge/frame';
@@ -1730,7 +1792,7 @@ function forge(options) {
     );
     return byFile;
   };
-  const index = () => [...files().values()].flat();
+  const index = () => byComponent([...files().values()].flat());
   const settle = async (targets, resolveImport) => {
     const decide = createWrapperResolver((file) => readFileSync(file, "utf8"));
     const current = files();