@weasel-js/forge 1.13.0-rc.0 → 1.13.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/dist/{FrameController-Tv3jrHyT.d.ts → FrameController-DgfVaENb.d.ts} +13 -1
  2. package/dist/{chunk-GH5RE5X5.js → chunk-2ZBZRBHI.js} +2 -2
  3. package/dist/{chunk-GH5RE5X5.js.map → chunk-2ZBZRBHI.js.map} +1 -1
  4. package/dist/{chunk-KEQBGDUZ.js → chunk-7XJNVJB5.js} +3 -3
  5. package/dist/{chunk-KEQBGDUZ.js.map → chunk-7XJNVJB5.js.map} +1 -1
  6. package/dist/{chunk-LTTEILXY.js → chunk-COT4I347.js} +3 -3
  7. package/dist/{chunk-LTTEILXY.js.map → chunk-COT4I347.js.map} +1 -1
  8. package/dist/{chunk-35DOPXHZ.js → chunk-GHPMNT2A.js} +13 -10
  9. package/dist/chunk-GHPMNT2A.js.map +1 -0
  10. package/dist/{chunk-STF6NQ5N.js → chunk-RVJHUY7W.js} +2 -2
  11. package/dist/chunk-RVJHUY7W.js.map +1 -0
  12. package/dist/{chunk-BUXUWAI4.js → chunk-WFT5IOHX.js} +61 -8
  13. package/dist/chunk-WFT5IOHX.js.map +1 -0
  14. package/dist/{chunk-RKQ277P5.js → chunk-XIBKYSRU.js} +5 -4
  15. package/dist/chunk-XIBKYSRU.js.map +1 -0
  16. package/dist/{config-Bd6FVlh7.d.ts → config-6fWf87Tt.d.ts} +3 -21
  17. package/dist/csf/preview-api.js +2 -2
  18. package/dist/frame/index.d.ts +14 -8
  19. package/dist/frame/index.js +109 -77
  20. package/dist/frame/index.js.map +1 -1
  21. package/dist/index.d.ts +4 -3
  22. package/dist/index.js +2 -2
  23. package/dist/library-CdTj-hFp.d.ts +21 -0
  24. package/dist/{mountFrame-FdJDb3TB.d.ts → mountFrame-Bs7u1ro-.d.ts} +1 -1
  25. package/dist/shell/index.css +2 -3
  26. package/dist/shell/index.css.map +1 -1
  27. package/dist/shell/index.d.ts +5 -4
  28. package/dist/shell/index.js +150 -94
  29. package/dist/shell/index.js.map +1 -1
  30. package/dist/test/index.css +2 -3
  31. package/dist/test/index.css.map +1 -1
  32. package/dist/test/index.d.ts +1 -1
  33. package/dist/test/index.js +4 -4
  34. package/dist/vite/index.js +9 -2
  35. package/dist/vite/index.js.map +1 -1
  36. package/package.json +9 -9
  37. package/dist/chunk-35DOPXHZ.js.map +0 -1
  38. package/dist/chunk-BUXUWAI4.js.map +0 -1
  39. package/dist/chunk-RKQ277P5.js.map +0 -1
  40. package/dist/chunk-STF6NQ5N.js.map +0 -1
@@ -13,9 +13,8 @@
13
13
  transform-origin: 0 0;
14
14
  transform: translate(var(--fg-lens-copy-x), var(--fg-lens-copy-y)) scale(var(--fg-lens-copy-f));
15
15
  }
16
- .fg-lens-copy > .fg-story,
17
16
  .fg-lens-copy > .fg-frame-host {
18
- background: var(--wzl-bg);
17
+ background: var(--wzl-surface);
19
18
  }
20
19
  .fg-lens-pixels {
21
20
  position: absolute;
@@ -34,7 +33,7 @@
34
33
  text-align: center;
35
34
  font-size: 11px;
36
35
  color: var(--wzl-fg-muted);
37
- background: var(--wzl-bg);
36
+ background: var(--wzl-surface);
38
37
  }
39
38
  .fg-lens-empty[hidden] {
40
39
  display: none;
@@ -1 +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":[]}
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/* 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":[]}
@@ -1,4 +1,4 @@
1
- import { F as FrameSetup } from '../FrameController-Tv3jrHyT.js';
1
+ import { F as FrameSetup } from '../FrameController-DgfVaENb.js';
2
2
  import '@weasel-js/icons';
3
3
  import '@weasel-js/labkit/config';
4
4
  import 'react';
@@ -1,10 +1,10 @@
1
- import { StoryTrial } from '../chunk-RKQ277P5.js';
1
+ import { StoryTrial } from '../chunk-XIBKYSRU.js';
2
2
  import '../chunk-3BAM6M26.js';
3
- import { loadStories } from '../chunk-35DOPXHZ.js';
3
+ import { loadStories } from '../chunk-GHPMNT2A.js';
4
4
  import '../chunk-L5XM5VKB.js';
5
5
  import '../chunk-5WS67HMU.js';
6
- import '../chunk-KEQBGDUZ.js';
7
- import '../chunk-GH5RE5X5.js';
6
+ import '../chunk-7XJNVJB5.js';
7
+ import '../chunk-2ZBZRBHI.js';
8
8
  import { withValueAtPath } from '@weasel-js/labkit/config';
9
9
  import { useState, useEffect } from 'react';
10
10
  import { createRoot } from 'react-dom/client';
@@ -1,5 +1,5 @@
1
1
  import { CAPTURE_PAGES, DEFAULT_TITLE, CAPTURE_PATH, parsePayload, messageOf } from '../chunk-ORMMZ5PV.js';
2
- import { byComponent } from '../chunk-STF6NQ5N.js';
2
+ import { byComponent } from '../chunk-RVJHUY7W.js';
3
3
  import { isGallery } from '../chunk-VUPN73JP.js';
4
4
  import { PROP_ARG_TYPES_EXPORT, storyNameFromExport, storyId } from '../chunk-5WS67HMU.js';
5
5
  import { readFileSync, mkdtempSync, existsSync, mkdirSync, writeFileSync, globSync, statSync, watch, rmSync } from 'fs';
@@ -1608,7 +1608,14 @@ function captureEntry() {
1608
1608
  import '@weasel-js/labkit/styles.css';
1609
1609
  import '@weasel-js/forge/shell.css';
1610
1610
  import config from 'virtual:forge/shell-config.js';
1611
- ${body("mountCapture({ index, importers, setup, labTheme: config.labTheme });")}`;
1611
+ ${body(`mountCapture({
1612
+ index,
1613
+ importers,
1614
+ setup,
1615
+ labTheme: config.labTheme,
1616
+ libraries: config.libraries,
1617
+ dependencies: () => import('virtual:forge/deps.js').then((m) => m.default),
1618
+ });`)}`;
1612
1619
  }
1613
1620
  function captureFrameEntry(styles) {
1614
1621
  return `import { mountCapture } from '@weasel-js/forge/frame';