@gtkx/storybook 2.0.0-beta.11 → 2.0.0-beta.13
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.
- package/README.md +5 -5
- package/dist/actions-panel.d.ts.map +1 -1
- package/dist/actions.d.ts.map +1 -1
- package/dist/actions.js +2 -1
- package/dist/actions.js.map +1 -1
- package/dist/catalog.d.ts +1 -1
- package/dist/catalog.d.ts.map +1 -1
- package/dist/catalog.js +11 -5
- package/dist/catalog.js.map +1 -1
- package/dist/compose.d.ts.map +1 -1
- package/dist/compose.js.map +1 -1
- package/dist/config.d.ts +4 -1
- package/dist/config.d.ts.map +1 -1
- package/dist/config.js.map +1 -1
- package/dist/controls.d.ts +2 -1
- package/dist/controls.d.ts.map +1 -1
- package/dist/controls.js +30 -12
- package/dist/controls.js.map +1 -1
- package/dist/explorer-navigator.d.ts.map +1 -1
- package/dist/explorer-navigator.js +29 -2
- package/dist/explorer-navigator.js.map +1 -1
- package/dist/explorer-preview.d.ts.map +1 -1
- package/dist/explorer-preview.js +29 -13
- package/dist/explorer-preview.js.map +1 -1
- package/dist/explorer-view.d.ts +5 -1
- package/dist/explorer-view.d.ts.map +1 -1
- package/dist/explorer-view.js +17 -9
- package/dist/explorer-view.js.map +1 -1
- package/dist/explorer.d.ts +4 -0
- package/dist/explorer.d.ts.map +1 -1
- package/dist/explorer.js +6 -1
- package/dist/explorer.js.map +1 -1
- package/dist/types.d.ts +8 -2
- package/dist/types.d.ts.map +1 -1
- package/dist/types.js.map +1 -1
- package/dist/upstream.d.ts +4 -2
- package/dist/upstream.d.ts.map +1 -1
- package/dist/upstream.js +3 -1
- package/dist/upstream.js.map +1 -1
- package/package.json +14 -21
- package/src/actions.ts +28 -33
- package/src/catalog.ts +29 -19
- package/src/compose.ts +13 -7
- package/src/config.ts +4 -1
- package/src/controls.tsx +42 -18
- package/src/explorer-navigator.tsx +63 -28
- package/src/explorer-preview.tsx +95 -54
- package/src/explorer-view.tsx +56 -27
- package/src/explorer.ts +12 -1
- package/src/types.ts +42 -30
- package/src/upstream.ts +6 -8
package/README.md
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
# @gtkx/storybook
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
Native component stories for GTKX.
|
|
4
4
|
|
|
5
|
-
Write Component Story Format stories, open them with `gtkx storybook`, and change props through Controls. Actions record interactions
|
|
5
|
+
Write Component Story Format stories, open them with `gtkx storybook`, and change props through Controls. Actions record interactions. Use `composeStories` to render the same stories in native integration tests.
|
|
6
6
|
|
|
7
|
-
In an existing GTKX
|
|
7
|
+
In an existing GTKX app:
|
|
8
8
|
|
|
9
9
|
```sh
|
|
10
|
-
npm install @gtkx/storybook@beta
|
|
10
|
+
npm install -D @gtkx/storybook@beta
|
|
11
11
|
```
|
|
12
12
|
|
|
13
13
|
[Guide](https://gtkx.dev/v2/guide/storybook) · [API reference](https://gtkx.dev/v2/reference/@gtkx/storybook/) · [GTKX](https://gtkx.dev)
|
|
14
14
|
|
|
15
|
-
GTKX
|
|
15
|
+
GTKX requires Linux, Node.js, and the [native prerequisites](https://gtkx.dev/v2/guide/getting-started).
|
|
16
16
|
|
|
17
17
|
[MPL-2.0](https://github.com/gtkx-org/gtkx/blob/main/LICENSE).
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"actions-panel.d.ts","sourceRoot":"","sources":["../src/actions-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEhD,QAAA,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"actions-panel.d.ts","sourceRoot":"","sources":["../src/actions-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEhD,QAAA,MAAM,YAAY,cAAe;IAAE,KAAK,EAAE,WAAW,CAAA;CAAE,KAAG,SAsBzD,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC"}
|
package/dist/actions.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../src/actions.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../src/actions.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEjD,KAAK,WAAW,GAAG;IACf,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,qFAAqF;AACrF,KAAK,cAAc,GAAG,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;AA6CnD;;;;;;;GAOG;AACH,QAAA,MAAM,MAAM,SAAU,MAAM,KAAG,cAW9B,CAAC;AAEF,cAAM,WAAW;IACb,OAAO,CAAC,OAAO,CAAqB;IACpC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAA8B;IACxD,OAAO,CAAC,MAAM,CAAK;IAEnB,WAAW,QAAO,WAAW,EAAE,CAAiB;IAEhD,SAAS,aAAc,MAAM,IAAI,KAAG,CAAC,MAAM,IAAI,CAAC,CAM9C;IAEF,KAAK,QAAO,IAAI,CAEd;IAEF,OAAO,CAAC,OAAO;IAQf,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAQzD;CACJ;AAkFD,QAAA,MAAM,WAAW,SAAU,IAAI,YAAY,QAAQ,SAAS,WAAW,YAAY,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,KAAG,IAiB3G,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC;AAC5C,YAAY,EAAE,cAAc,EAAE,CAAC"}
|
package/dist/actions.js
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { normalizeError } from "@gtkx/utils";
|
|
1
2
|
import { AsyncLocalStorage } from "node:async_hooks";
|
|
2
3
|
import { inspect } from "node:util";
|
|
3
4
|
const actionNames = new WeakMap();
|
|
@@ -98,7 +99,7 @@ const bindCallback = (store, options) => (...values) => {
|
|
|
98
99
|
store.record(options.name, values);
|
|
99
100
|
};
|
|
100
101
|
const fail = (cause) => {
|
|
101
|
-
const error =
|
|
102
|
+
const error = normalizeError(cause);
|
|
102
103
|
store.record(options.name, values, error);
|
|
103
104
|
if (options.onError === undefined) {
|
|
104
105
|
throw error;
|
package/dist/actions.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"actions.js","sourceRoot":"","sources":["../src/actions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAcpC,MAAM,WAAW,GAA4B,IAAI,OAAO,EAAE,CAAC;AAC3D,MAAM,WAAW,GAAmC,IAAI,iBAAiB,EAAE,CAAC;AAC5E,MAAM,qBAAqB,GAAG,GAAG,CAAC;AAClC,MAAM,mBAAmB,GAAG,GAAG,CAAC;AAEhC,MAAM,WAAW,GAAG,CAAC,KAAc,EAAsB,EAAE;IACvD,IAAI,KAAK,KAAK,IAAI,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QACtE,OAAO,SAAS,CAAC;IACrB,CAAC;IAED,MAAM,SAAS,GAAY,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;IAExD,IAAI,SAAS,KAAK,IAAI,IAAI,OAAO,SAAS,KAAK,QAAQ,IAAI,SAAS,KAAK,MAAM,CAAC,SAAS,EAAE,CAAC;QACxF,OAAO,SAAS,CAAC;IACrB,CAAC;IAED,MAAM,WAAW,GAAY,MAAM,CAAC,wBAAwB,CAAC,SAAS,EAAE,aAAa,CAAC,EAAE,KAAK,CAAC;IAE9F,OAAO,OAAO,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,IAAI,WAAW,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,UAAU,CAAC;AACpF,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,KAAc,EAAU,EAAE;IAC9C,IAAI,CAAC;QACD,MAAM,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;QAEjC,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YACtB,OAAO,KAAK,CAAC;QACjB,CAAC;QAED,OAAO,OAAO,CAAC,KAAK,EAAE;YAClB,KAAK,EAAE,CAAC;YACR,cAAc,EAAE,CAAC;YACjB,eAAe,EAAE,GAAG;YACpB,aAAa,EAAE,KAAK;YACpB,OAAO,EAAE,KAAK;YACd,WAAW,EAAE,QAAQ;SACxB,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,mBAAmB,CAAC,CAAC;IACrC,CAAC;IAAC,MAAM,CAAC;QACL,OAAO,oBAAoB,CAAC;IAChC,CAAC;AACL,CAAC,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,MAAM,GAAG,CAAC,IAAY,EAAkB,EAAE;IAC5C,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC3B,MAAM,IAAI,SAAS,CAAC,wBAAwB,CAAC,CAAC;IAClD,CAAC;IAED,MAAM,QAAQ,GAAmB,CAAC,GAAG,IAAI,EAAE,EAAE;QACzC,WAAW,CAAC,QAAQ,EAAE,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAC/C,CAAC,CAAC;IACF,WAAW,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;IAEhC,OAAO,QAAQ,CAAC;AACpB,CAAC,CAAC;AAEF,MAAM,WAAW;IACL,OAAO,GAAkB,EAAE,CAAC;IACnB,SAAS,GAAoB,IAAI,GAAG,EAAE,CAAC;IAChD,MAAM,GAAG,CAAC,CAAC;IAEnB,WAAW,GAAG,GAAkB,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC;IAEhD,SAAS,GAAG,CAAC,QAAoB,EAAgB,EAAE;QAC/C,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAE7B,OAAO,GAAG,EAAE;YACR,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;QACpC,CAAC,CAAC;IACN,CAAC,CAAC;IAEF,KAAK,GAAG,GAAS,EAAE;QACf,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IACrB,CAAC,CAAC;IAEM,OAAO,CAAC,OAAsB;QAClC,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QAEvB,KAAK,MAAM,QAAQ,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACpC,QAAQ,EAAE,CAAC;QACf,CAAC;IACL,CAAC;IAED,MAAM,CAAC,IAAY,EAAE,IAAe,EAAE,KAAa;QAC/C,MAAM,KAAK,GAAgB;YACvB,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE;YACjB,IAAI;YACJ,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;YAC5D,GAAG,CAAC,KAAK,KAAK,SAAS,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,mBAAmB,CAAC,EAAE,CAAC;SACrF,CAAC;QACF,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC;IACzE,CAAC;CACJ;AAID,MAAM,cAAc,GAAG,KAAK,EACxB,MAAwB,EACxB,OAAmB,EACnB,IAA8B,EACd,EAAE;IAClB,IAAI,CAAC;QACD,MAAM,KAAK,GAAG,MAAM,MAAM,CAAC;QAC3B,OAAO,EAAE,CAAC;QAEV,OAAO,KAAK,CAAC;IACjB,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACb,IAAI,CAAC,KAAK,CAAC,CAAC;QAEZ,OAAO,SAAS,CAAC;IACrB,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CACjB,KAAkB,EAClB,OAAwB,EACX,EAAE,CAAC,CAAC,GAAG,MAAM,EAAE,EAAE;IAC9B,MAAM,OAAO,GAAG,GAAS,EAAE;QACvB,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IACvC,CAAC,CAAC;IACF,MAAM,IAAI,GAAG,CAAC,KAAc,EAAQ,EAAE;QAClC,MAAM,KAAK,GAAG,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;QACxE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;QAE1C,IAAI,OAAO,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;YAChC,MAAM,KAAK,CAAC;QAChB,CAAC;QAED,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,IAAI,CAAC;QACD,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC;QAE3E,IAAI,MAAM,YAAY,OAAO,EAAE,CAAC;YAC5B,OAAO,cAAc,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;QACjD,CAAC;QAED,OAAO,EAAE,CAAC;QAEV,OAAO,MAAM,CAAC;IAClB,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACb,IAAI,CAAC,KAAK,CAAC,CAAC;QAEZ,OAAO;IACX,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,KAAc,EAAE,cAAuB,EAAsB,EAAE;IAC/E,IAAI,OAAO,cAAc,KAAK,QAAQ,EAAE,CAAC;QACrC,OAAO,cAAc,CAAC;IAC1B,CAAC;IAED,OAAO,OAAO,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;AAC5E,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,CAAC,KAAc,EAA0B,EAAE,CAClE,OAAO,KAAK,KAAK,UAAU,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;AAE3D,MAAM,eAAe,GAAG,CACpB,KAAc,EACd,IAAwB,EACxB,OAA6C,EAClB,EAAE;IAC7B,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;QACrB,OAAO,SAAS,CAAC;IACrB,CAAC;IAED,OAAO;QACH,IAAI;QACJ,GAAG,CAAC,kBAAkB,CAAC,KAAK,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;QACrD,GAAG,CAAC,OAAO,KAAK,SAAS,IAAI,EAAE,OAAO,EAAE,CAAC;KAC5C,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,CAChB,IAAU,EACV,QAAkB,EAClB,KAAkB,EAClB,OAAgC,EAC5B,EAAE;IACN,MAAM,KAAK,GAAG,EAAE,GAAG,IAAI,EAAE,CAAC;IAC1B,MAAM,KAAK,GAAG,IAAI,GAAG,CAAC,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAExE,KAAK,MAAM,QAAQ,IAAI,KAAK,EAAE,CAAC;QAC3B,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC7B,MAAM,IAAI,GAAG,UAAU,CAAC,KAAK,EAAE,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,CAAC;QAC3D,MAAM,OAAO,GAAG,eAAe,CAAC,KAAK,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC;QAEtD,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;YACxB,SAAS;QACb,CAAC;QAED,KAAK,CAAC,QAAQ,CAAC,GAAG,YAAY,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IACnD,CAAC;IAED,OAAO,KAAK,CAAC;AACjB,CAAC,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC","sourcesContent":["import { AsyncLocalStorage } from \"node:async_hooks\";\nimport { inspect } from \"node:util\";\nimport type { Args, ArgTypes } from \"./types.js\";\n\ntype ActionEntry = {\n id: number;\n name: string;\n args: string[];\n error?: string;\n};\n\n/** A named story callback whose arguments can be recorded by the native explorer. */\ntype ActionCallback = (...args: unknown[]) => void;\ntype EventCallback = (...args: unknown[]) => unknown;\n\nconst actionNames: WeakMap<object, string> = new WeakMap();\nconst actionScope: AsyncLocalStorage<ActionStore> = new AsyncLocalStorage();\nconst DEFAULT_HISTORY_LIMIT = 100;\nconst MAX_ARGUMENT_LENGTH = 400;\n\nconst objectLabel = (value: unknown): string | undefined => {\n if (value === null || typeof value !== \"object\" || Array.isArray(value)) {\n return undefined;\n }\n\n const prototype: unknown = Object.getPrototypeOf(value);\n\n if (prototype === null || typeof prototype !== \"object\" || prototype === Object.prototype) {\n return undefined;\n }\n\n const constructor: unknown = Object.getOwnPropertyDescriptor(prototype, \"constructor\")?.value;\n\n return typeof constructor === \"function\" ? `[${constructor.name}]` : \"[Object]\";\n};\n\nconst formatArgument = (value: unknown): string => {\n try {\n const label = objectLabel(value);\n\n if (label !== undefined) {\n return label;\n }\n\n return inspect(value, {\n depth: 1,\n maxArrayLength: 5,\n maxStringLength: 120,\n customInspect: false,\n getters: false,\n breakLength: Infinity,\n }).slice(0, MAX_ARGUMENT_LENGTH);\n } catch {\n return \"[Unreadable value]\";\n }\n};\n\n/**\n * Creates a named action for a story's callback arguments.\n * The explorer records bounded argument summaries; calls outside its action scope have no effect.\n *\n * @param name Nonempty label displayed in the Actions panel.\n * @returns A callback to supply in story args.\n * @throws If the name is empty or contains only whitespace.\n */\nconst action = (name: string): ActionCallback => {\n if (name.trim().length === 0) {\n throw new TypeError(\"An action needs a name\");\n }\n\n const callback: ActionCallback = (...args) => {\n actionScope.getStore()?.record(name, args);\n };\n actionNames.set(callback, name);\n\n return callback;\n};\n\nclass ActionStore {\n private entries: ActionEntry[] = [];\n private readonly listeners: Set<() => void> = new Set();\n private nextId = 0;\n\n getSnapshot = (): ActionEntry[] => this.entries;\n\n subscribe = (listener: () => void): (() => void) => {\n this.listeners.add(listener);\n\n return () => {\n this.listeners.delete(listener);\n };\n };\n\n clear = (): void => {\n this.publish([]);\n };\n\n private publish(entries: ActionEntry[]): void {\n this.entries = entries;\n\n for (const listener of this.listeners) {\n listener();\n }\n }\n\n record(name: string, args: unknown[], error?: Error): void {\n const entry: ActionEntry = {\n id: this.nextId++,\n name,\n args: args.slice(0, 8).map((value) => formatArgument(value)),\n ...(error !== undefined && { error: error.message.slice(0, MAX_ARGUMENT_LENGTH) }),\n };\n this.publish([...this.entries, entry].slice(-DEFAULT_HISTORY_LIMIT));\n }\n}\n\ntype CallbackOptions = { callback?: EventCallback; name: string; onError?: (error: Error) => void };\n\nconst settleCallback = async (\n result: Promise<unknown>,\n succeed: () => void,\n fail: (cause: unknown) => void,\n): Promise<unknown> => {\n try {\n const value = await result;\n succeed();\n\n return value;\n } catch (error) {\n fail(error);\n\n return undefined;\n }\n};\n\nconst bindCallback = (\n store: ActionStore,\n options: CallbackOptions,\n): EventCallback => (...values) => {\n const succeed = (): void => {\n store.record(options.name, values);\n };\n const fail = (cause: unknown): void => {\n const error = cause instanceof Error ? cause : new Error(String(cause));\n store.record(options.name, values, error);\n\n if (options.onError === undefined) {\n throw error;\n }\n\n options.onError(error);\n };\n\n try {\n const result = actionScope.run(store, () => options.callback?.(...values));\n\n if (result instanceof Promise) {\n return settleCallback(result, succeed, fail);\n }\n\n succeed();\n\n return result;\n } catch (error) {\n fail(error);\n\n return;\n }\n};\n\nconst actionName = (value: unknown, configuredName: unknown): string | undefined => {\n if (typeof configuredName === \"string\") {\n return configuredName;\n }\n\n return typeof value === \"function\" ? actionNames.get(value) : undefined;\n};\n\nconst isOriginalCallback = (value: unknown): value is EventCallback =>\n typeof value === \"function\" && !actionNames.has(value);\n\nconst callbackOptions = (\n value: unknown,\n name: string | undefined,\n onError: ((error: Error) => void) | undefined,\n): CallbackOptions | undefined => {\n if (name === undefined) {\n return undefined;\n }\n\n return {\n name,\n ...(isOriginalCallback(value) && { callback: value }),\n ...(onError !== undefined && { onError }),\n };\n};\n\nconst bindActions = (\n args: Args,\n argTypes: ArgTypes,\n store: ActionStore,\n onError?: (error: Error) => void,\n): Args => {\n const bound = { ...args };\n const names = new Set([...Object.keys(args), ...Object.keys(argTypes)]);\n\n for (const argument of names) {\n const value = args[argument];\n const name = actionName(value, argTypes[argument]?.action);\n const options = callbackOptions(value, name, onError);\n\n if (options === undefined) {\n continue;\n }\n\n bound[argument] = bindCallback(store, options);\n }\n\n return bound;\n};\n\nexport { action, ActionStore, bindActions };\nexport type { ActionCallback };\n"]}
|
|
1
|
+
{"version":3,"file":"actions.js","sourceRoot":"","sources":["../src/actions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAcpC,MAAM,WAAW,GAA4B,IAAI,OAAO,EAAE,CAAC;AAC3D,MAAM,WAAW,GAAmC,IAAI,iBAAiB,EAAE,CAAC;AAC5E,MAAM,qBAAqB,GAAG,GAAG,CAAC;AAClC,MAAM,mBAAmB,GAAG,GAAG,CAAC;AAEhC,MAAM,WAAW,GAAG,CAAC,KAAc,EAAsB,EAAE;IACvD,IAAI,KAAK,KAAK,IAAI,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QACtE,OAAO,SAAS,CAAC;IACrB,CAAC;IAED,MAAM,SAAS,GAAY,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;IAExD,IAAI,SAAS,KAAK,IAAI,IAAI,OAAO,SAAS,KAAK,QAAQ,IAAI,SAAS,KAAK,MAAM,CAAC,SAAS,EAAE,CAAC;QACxF,OAAO,SAAS,CAAC;IACrB,CAAC;IAED,MAAM,WAAW,GAAY,MAAM,CAAC,wBAAwB,CAAC,SAAS,EAAE,aAAa,CAAC,EAAE,KAAK,CAAC;IAE9F,OAAO,OAAO,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,IAAI,WAAW,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,UAAU,CAAC;AACpF,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,KAAc,EAAU,EAAE;IAC9C,IAAI,CAAC;QACD,MAAM,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;QAEjC,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YACtB,OAAO,KAAK,CAAC;QACjB,CAAC;QAED,OAAO,OAAO,CAAC,KAAK,EAAE;YAClB,KAAK,EAAE,CAAC;YACR,cAAc,EAAE,CAAC;YACjB,eAAe,EAAE,GAAG;YACpB,aAAa,EAAE,KAAK;YACpB,OAAO,EAAE,KAAK;YACd,WAAW,EAAE,QAAQ;SACxB,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,mBAAmB,CAAC,CAAC;IACrC,CAAC;IAAC,MAAM,CAAC;QACL,OAAO,oBAAoB,CAAC;IAChC,CAAC;AACL,CAAC,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,MAAM,GAAG,CAAC,IAAY,EAAkB,EAAE;IAC5C,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC3B,MAAM,IAAI,SAAS,CAAC,wBAAwB,CAAC,CAAC;IAClD,CAAC;IAED,MAAM,QAAQ,GAAmB,CAAC,GAAG,IAAI,EAAE,EAAE;QACzC,WAAW,CAAC,QAAQ,EAAE,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAC/C,CAAC,CAAC;IACF,WAAW,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;IAEhC,OAAO,QAAQ,CAAC;AACpB,CAAC,CAAC;AAEF,MAAM,WAAW;IACL,OAAO,GAAkB,EAAE,CAAC;IACnB,SAAS,GAAoB,IAAI,GAAG,EAAE,CAAC;IAChD,MAAM,GAAG,CAAC,CAAC;IAEnB,WAAW,GAAG,GAAkB,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC;IAEhD,SAAS,GAAG,CAAC,QAAoB,EAAgB,EAAE;QAC/C,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAE7B,OAAO,GAAG,EAAE;YACR,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;QACpC,CAAC,CAAC;IACN,CAAC,CAAC;IAEF,KAAK,GAAG,GAAS,EAAE;QACf,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IACrB,CAAC,CAAC;IAEM,OAAO,CAAC,OAAsB;QAClC,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QAEvB,KAAK,MAAM,QAAQ,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACpC,QAAQ,EAAE,CAAC;QACf,CAAC;IACL,CAAC;IAED,MAAM,CAAC,IAAY,EAAE,IAAe,EAAE,KAAa;QAC/C,MAAM,KAAK,GAAgB;YACvB,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE;YACjB,IAAI;YACJ,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;YAC5D,GAAG,CAAC,KAAK,KAAK,SAAS,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,mBAAmB,CAAC,EAAE,CAAC;SACrF,CAAC;QACF,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC;IACzE,CAAC;CACJ;AAID,MAAM,cAAc,GAAG,KAAK,EACxB,MAAwB,EACxB,OAAmB,EACnB,IAA8B,EACd,EAAE;IAClB,IAAI,CAAC;QACD,MAAM,KAAK,GAAG,MAAM,MAAM,CAAC;QAC3B,OAAO,EAAE,CAAC;QAEV,OAAO,KAAK,CAAC;IACjB,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACb,IAAI,CAAC,KAAK,CAAC,CAAC;QAEZ,OAAO,SAAS,CAAC;IACrB,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,YAAY,GACd,CAAC,KAAkB,EAAE,OAAwB,EAAiB,EAAE,CAChE,CAAC,GAAG,MAAM,EAAE,EAAE;IACV,MAAM,OAAO,GAAG,GAAS,EAAE;QACvB,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IACvC,CAAC,CAAC;IACF,MAAM,IAAI,GAAG,CAAC,KAAc,EAAQ,EAAE;QAClC,MAAM,KAAK,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;QACpC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;QAE1C,IAAI,OAAO,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;YAChC,MAAM,KAAK,CAAC;QAChB,CAAC;QAED,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,IAAI,CAAC;QACD,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC;QAE3E,IAAI,MAAM,YAAY,OAAO,EAAE,CAAC;YAC5B,OAAO,cAAc,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;QACjD,CAAC;QAED,OAAO,EAAE,CAAC;QAEV,OAAO,MAAM,CAAC;IAClB,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACb,IAAI,CAAC,KAAK,CAAC,CAAC;QAEZ,OAAO;IACX,CAAC;AACL,CAAC,CAAC;AAEN,MAAM,UAAU,GAAG,CAAC,KAAc,EAAE,cAAuB,EAAsB,EAAE;IAC/E,IAAI,OAAO,cAAc,KAAK,QAAQ,EAAE,CAAC;QACrC,OAAO,cAAc,CAAC;IAC1B,CAAC;IAED,OAAO,OAAO,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;AAC5E,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,CAAC,KAAc,EAA0B,EAAE,CAClE,OAAO,KAAK,KAAK,UAAU,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;AAE3D,MAAM,eAAe,GAAG,CACpB,KAAc,EACd,IAAwB,EACxB,OAA6C,EAClB,EAAE;IAC7B,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;QACrB,OAAO,SAAS,CAAC;IACrB,CAAC;IAED,OAAO;QACH,IAAI;QACJ,GAAG,CAAC,kBAAkB,CAAC,KAAK,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;QACrD,GAAG,CAAC,OAAO,KAAK,SAAS,IAAI,EAAE,OAAO,EAAE,CAAC;KAC5C,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,IAAU,EAAE,QAAkB,EAAE,KAAkB,EAAE,OAAgC,EAAQ,EAAE;IAC/G,MAAM,KAAK,GAAG,EAAE,GAAG,IAAI,EAAE,CAAC;IAC1B,MAAM,KAAK,GAAG,IAAI,GAAG,CAAC,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAExE,KAAK,MAAM,QAAQ,IAAI,KAAK,EAAE,CAAC;QAC3B,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC7B,MAAM,IAAI,GAAG,UAAU,CAAC,KAAK,EAAE,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,CAAC;QAC3D,MAAM,OAAO,GAAG,eAAe,CAAC,KAAK,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC;QAEtD,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;YACxB,SAAS;QACb,CAAC;QAED,KAAK,CAAC,QAAQ,CAAC,GAAG,YAAY,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IACnD,CAAC;IAED,OAAO,KAAK,CAAC;AACjB,CAAC,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC","sourcesContent":["import { normalizeError } from \"@gtkx/utils\";\nimport { AsyncLocalStorage } from \"node:async_hooks\";\nimport { inspect } from \"node:util\";\nimport type { Args, ArgTypes } from \"./types.js\";\n\ntype ActionEntry = {\n id: number;\n name: string;\n args: string[];\n error?: string;\n};\n\n/** A named story callback whose arguments can be recorded by the native explorer. */\ntype ActionCallback = (...args: unknown[]) => void;\ntype EventCallback = (...args: unknown[]) => unknown;\n\nconst actionNames: WeakMap<object, string> = new WeakMap();\nconst actionScope: AsyncLocalStorage<ActionStore> = new AsyncLocalStorage();\nconst DEFAULT_HISTORY_LIMIT = 100;\nconst MAX_ARGUMENT_LENGTH = 400;\n\nconst objectLabel = (value: unknown): string | undefined => {\n if (value === null || typeof value !== \"object\" || Array.isArray(value)) {\n return undefined;\n }\n\n const prototype: unknown = Object.getPrototypeOf(value);\n\n if (prototype === null || typeof prototype !== \"object\" || prototype === Object.prototype) {\n return undefined;\n }\n\n const constructor: unknown = Object.getOwnPropertyDescriptor(prototype, \"constructor\")?.value;\n\n return typeof constructor === \"function\" ? `[${constructor.name}]` : \"[Object]\";\n};\n\nconst formatArgument = (value: unknown): string => {\n try {\n const label = objectLabel(value);\n\n if (label !== undefined) {\n return label;\n }\n\n return inspect(value, {\n depth: 1,\n maxArrayLength: 5,\n maxStringLength: 120,\n customInspect: false,\n getters: false,\n breakLength: Infinity,\n }).slice(0, MAX_ARGUMENT_LENGTH);\n } catch {\n return \"[Unreadable value]\";\n }\n};\n\n/**\n * Creates a named action for a story's callback arguments.\n * The explorer records bounded argument summaries; calls outside its action scope have no effect.\n *\n * @param name Nonempty label displayed in the Actions panel.\n * @returns A callback to supply in story args.\n * @throws If the name is empty or contains only whitespace.\n */\nconst action = (name: string): ActionCallback => {\n if (name.trim().length === 0) {\n throw new TypeError(\"An action needs a name\");\n }\n\n const callback: ActionCallback = (...args) => {\n actionScope.getStore()?.record(name, args);\n };\n actionNames.set(callback, name);\n\n return callback;\n};\n\nclass ActionStore {\n private entries: ActionEntry[] = [];\n private readonly listeners: Set<() => void> = new Set();\n private nextId = 0;\n\n getSnapshot = (): ActionEntry[] => this.entries;\n\n subscribe = (listener: () => void): (() => void) => {\n this.listeners.add(listener);\n\n return () => {\n this.listeners.delete(listener);\n };\n };\n\n clear = (): void => {\n this.publish([]);\n };\n\n private publish(entries: ActionEntry[]): void {\n this.entries = entries;\n\n for (const listener of this.listeners) {\n listener();\n }\n }\n\n record(name: string, args: unknown[], error?: Error): void {\n const entry: ActionEntry = {\n id: this.nextId++,\n name,\n args: args.slice(0, 8).map((value) => formatArgument(value)),\n ...(error !== undefined && { error: error.message.slice(0, MAX_ARGUMENT_LENGTH) }),\n };\n this.publish([...this.entries, entry].slice(-DEFAULT_HISTORY_LIMIT));\n }\n}\n\ntype CallbackOptions = { callback?: EventCallback; name: string; onError?: (error: Error) => void };\n\nconst settleCallback = async (\n result: Promise<unknown>,\n succeed: () => void,\n fail: (cause: unknown) => void,\n): Promise<unknown> => {\n try {\n const value = await result;\n succeed();\n\n return value;\n } catch (error) {\n fail(error);\n\n return undefined;\n }\n};\n\nconst bindCallback =\n (store: ActionStore, options: CallbackOptions): EventCallback =>\n (...values) => {\n const succeed = (): void => {\n store.record(options.name, values);\n };\n const fail = (cause: unknown): void => {\n const error = normalizeError(cause);\n store.record(options.name, values, error);\n\n if (options.onError === undefined) {\n throw error;\n }\n\n options.onError(error);\n };\n\n try {\n const result = actionScope.run(store, () => options.callback?.(...values));\n\n if (result instanceof Promise) {\n return settleCallback(result, succeed, fail);\n }\n\n succeed();\n\n return result;\n } catch (error) {\n fail(error);\n\n return;\n }\n };\n\nconst actionName = (value: unknown, configuredName: unknown): string | undefined => {\n if (typeof configuredName === \"string\") {\n return configuredName;\n }\n\n return typeof value === \"function\" ? actionNames.get(value) : undefined;\n};\n\nconst isOriginalCallback = (value: unknown): value is EventCallback =>\n typeof value === \"function\" && !actionNames.has(value);\n\nconst callbackOptions = (\n value: unknown,\n name: string | undefined,\n onError: ((error: Error) => void) | undefined,\n): CallbackOptions | undefined => {\n if (name === undefined) {\n return undefined;\n }\n\n return {\n name,\n ...(isOriginalCallback(value) && { callback: value }),\n ...(onError !== undefined && { onError }),\n };\n};\n\nconst bindActions = (args: Args, argTypes: ArgTypes, store: ActionStore, onError?: (error: Error) => void): Args => {\n const bound = { ...args };\n const names = new Set([...Object.keys(args), ...Object.keys(argTypes)]);\n\n for (const argument of names) {\n const value = args[argument];\n const name = actionName(value, argTypes[argument]?.action);\n const options = callbackOptions(value, name, onError);\n\n if (options === undefined) {\n continue;\n }\n\n bound[argument] = bindCallback(store, options);\n }\n\n return bound;\n};\n\nexport { action, ActionStore, bindActions };\nexport type { ActionCallback };\n"]}
|
package/dist/catalog.d.ts
CHANGED
|
@@ -34,7 +34,7 @@ type StoryLoadError = {
|
|
|
34
34
|
};
|
|
35
35
|
/** Current explorer contents and loading state exposed to subscribers. */
|
|
36
36
|
type StoryCatalogSnapshot = {
|
|
37
|
-
/** Successfully composed stories with duplicate identifiers excluded. */
|
|
37
|
+
/** Successfully composed stories tagged `dev`, with duplicate identifiers excluded. */
|
|
38
38
|
stories: StoryEntry[];
|
|
39
39
|
/** Failures encountered during the latest load or reported by the session. */
|
|
40
40
|
errors: StoryLoadError[];
|
package/dist/catalog.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"catalog.d.ts","sourceRoot":"","sources":["../src/catalog.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"catalog.d.ts","sourceRoot":"","sources":["../src/catalog.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAiB,aAAa,EAAE,OAAO,EAAoB,MAAM,YAAY,CAAC;AAI1G,oEAAoE;AACpE,KAAK,WAAW,GAAG;IACf,qEAAqE;IACrE,EAAE,EAAE,MAAM,CAAC;IACX,uEAAuE;IACvE,KAAK,EAAE,MAAM,CAAC;IACd,0DAA0D;IAC1D,IAAI,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;CAChC,CAAC;AAEF,4EAA4E;AAC5E,KAAK,UAAU,GAAG;IACd,+EAA+E;IAC/E,EAAE,EAAE,MAAM,CAAC;IACX,+EAA+E;IAC/E,KAAK,EAAE,MAAM,CAAC;IACd,0EAA0E;IAC1E,IAAI,EAAE,MAAM,CAAC;IACb,sDAAsD;IACtD,UAAU,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,MAAM,EAAE,MAAM,CAAC;IACf,iFAAiF;IACjF,KAAK,EAAE,aAAa,CAAC;IACrB,uEAAuE;IACvE,QAAQ,EAAE,QAAQ,CAAC;CACtB,CAAC;AAEF,mFAAmF;AACnF,KAAK,cAAc,GAAG;IAClB,2EAA2E;IAC3E,MAAM,EAAE,MAAM,CAAC;IACf,qEAAqE;IACrE,KAAK,EAAE,KAAK,CAAC;CAChB,CAAC;AAEF,0EAA0E;AAC1E,KAAK,oBAAoB,GAAG;IACxB,uFAAuF;IACvF,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,8EAA8E;IAC9E,MAAM,EAAE,cAAc,EAAE,CAAC;IACzB,2EAA2E;IAC3E,SAAS,EAAE,OAAO,CAAC;CACtB,CAAC;AAgJF,uEAAuE;AACvE,cAAM,YAAY;IACd,OAAO,CAAC,QAAQ,CAAuE;IACvF,OAAO,CAAC,QAAQ,CAAC,SAAS,CAA8B;IACxD,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAiC;IAC9D,OAAO,CAAC,KAAK,CAAuB;IACpC,OAAO,CAAC,YAAY,CAA6B;IACjD,OAAO,CAAC,QAAQ,CAAK;IAErB,kFAAkF;IAClF,WAAW,QAAO,oBAAoB,CAAkB;IAExD,iFAAiF;IACjF,SAAS,aAAc,MAAM,IAAI,KAAG,CAAC,MAAM,IAAI,CAAC,CAM9C;IAEF,OAAO,CAAC,OAAO;IAQf;;;;OAIG;IACG,IAAI,CAAC,OAAO,EAAE,WAAW,EAAE,EAAE,OAAO,GAAE,OAAuB,GAAG,OAAO,CAAC,IAAI,CAAC,CAsBlF;IAED;;;OAGG;IACH,WAAW,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAahC;CACJ;AAED,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,YAAY,EAAE,oBAAoB,EAAE,UAAU,EAAE,cAAc,EAAE,WAAW,EAAE,CAAC"}
|
package/dist/catalog.js
CHANGED
|
@@ -1,13 +1,15 @@
|
|
|
1
|
+
import { normalizeError } from "@gtkx/utils";
|
|
1
2
|
import { composeStories } from "./compose.js";
|
|
2
3
|
import { storyNameFromExport } from "./upstream.js";
|
|
3
4
|
const EMPTY_PREVIEW = {};
|
|
4
|
-
const
|
|
5
|
+
const DEVELOPMENT_TAG = "dev";
|
|
5
6
|
const isObject = (value) => value !== null && typeof value === "object" && !Array.isArray(value);
|
|
6
7
|
const explicitControls = (resolved, story, meta, preview) => {
|
|
7
8
|
const controls = {};
|
|
8
9
|
for (const [argument, annotation] of Object.entries(resolved)) {
|
|
9
10
|
const control = story?.argTypes?.[argument]?.control ??
|
|
10
|
-
meta.argTypes?.[argument]?.control ??
|
|
11
|
+
meta.argTypes?.[argument]?.control ??
|
|
12
|
+
preview.argTypes?.[argument]?.control;
|
|
11
13
|
if (control === undefined) {
|
|
12
14
|
continue;
|
|
13
15
|
}
|
|
@@ -38,7 +40,9 @@ const composeSource = (source, module, preview) => {
|
|
|
38
40
|
default: { ...module.default, title },
|
|
39
41
|
};
|
|
40
42
|
const stories = composeStories(annotations, preview);
|
|
41
|
-
return Object.entries(stories)
|
|
43
|
+
return Object.entries(stories)
|
|
44
|
+
.filter(([, story]) => story.tags.includes(DEVELOPMENT_TAG))
|
|
45
|
+
.map(([exportName, story]) => ({
|
|
42
46
|
id: story.id,
|
|
43
47
|
title,
|
|
44
48
|
name: displayName(annotations[exportName], exportName),
|
|
@@ -81,8 +85,10 @@ const loadSource = async (source, preview, getCache) => {
|
|
|
81
85
|
try {
|
|
82
86
|
const module = await source.load();
|
|
83
87
|
const previous = getCache().get(source.id);
|
|
84
|
-
const cached = previous !== undefined &&
|
|
85
|
-
previous.
|
|
88
|
+
const cached = previous !== undefined &&
|
|
89
|
+
previous.module === module &&
|
|
90
|
+
previous.title === source.title &&
|
|
91
|
+
previous.preview === preview
|
|
86
92
|
? previous
|
|
87
93
|
: { module, title: source.title, preview, entries: composeSource(source, module, preview) };
|
|
88
94
|
return { source, cached };
|
package/dist/catalog.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"catalog.js","sourceRoot":"","sources":["../src/catalog.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Args, ArgTypes, ComponentMeta, ComposedStory, Preview, StoryAnnotations } from \"./types.js\";\nimport { composeStories } from \"./compose.js\";\nimport { storyNameFromExport } from \"./upstream.js\";\n\n/** A lazily loaded CSF module discovered in a Storybook project. */\ntype StorySource = {\n /** Stable module identifier used for caching and error reporting. */\n id: string;\n /** Fallback story group title when the module does not declare one. */\n title: string;\n /** Imports the module and resolves to its CSF exports. */\n load: () => Promise<unknown>;\n};\n\n/** A composed story and the metadata used to display it in the explorer. */\ntype StoryEntry = {\n /** Storybook identifier used to preserve the selected story across updates. */\n id: string;\n /** Component group title declared by the module or derived from its source. */\n title: string;\n /** Display name declared by the story or derived from its export name. */\n name: string;\n /** Name of the CSF export that defines this story. */\n exportName: string;\n /** Identifier of the module containing this story. */\n source: string;\n /** Renderable story with its metadata, decorators, and default args composed. */\n story: ComposedStory;\n /** Resolved arg types with explicitly configured explorer controls. */\n controls: ArgTypes;\n};\n\n/** A source loading or composition failure displayed alongside healthy stories. */\ntype StoryLoadError = {\n /** Identifier of the failed source, or Storybook for a session failure. */\n source: string;\n /** Normalized error raised while loading or composing the source. */\n error: Error;\n};\n\n/** Current explorer contents and loading state exposed to subscribers. */\ntype StoryCatalogSnapshot = {\n /** Successfully composed stories with duplicate identifiers excluded. */\n stories: StoryEntry[];\n /** Failures encountered during the latest load or reported by the session. */\n errors: StoryLoadError[];\n /** Whether the catalog is waiting for the latest source load to finish. */\n isLoading: boolean;\n};\n\ntype CachedStories = {\n module: unknown;\n title: string;\n preview: Preview;\n entries: StoryEntry[];\n};\n\ntype LoadedSource = StoryLoadError | { source: StorySource; cached: CachedStories };\n\nconst EMPTY_PREVIEW: Preview = {};\n\nconst normalizeError = (cause: unknown): Error => cause instanceof Error ? cause : new Error(String(cause));\n\nconst isObject = (value: unknown): value is Record<string, unknown> =>\n value !== null && typeof value === \"object\" && !Array.isArray(value);\n\nconst explicitControls = (\n resolved: ArgTypes,\n story: StoryAnnotations<Args> | undefined,\n meta: ComponentMeta<Args>,\n preview: Preview,\n): ArgTypes => {\n const controls: ArgTypes = {};\n\n for (const [argument, annotation] of Object.entries(resolved)) {\n const control = story?.argTypes?.[argument]?.control ??\n meta.argTypes?.[argument]?.control ?? preview.argTypes?.[argument]?.control;\n\n if (control === undefined) {\n continue;\n }\n\n controls[argument] = { ...annotation, control: control !== false && (annotation?.control ?? control) };\n }\n\n return controls;\n};\n\nconst displayName = (story: StoryAnnotations<Args> | undefined, exportName: string): string => {\n const name = story?.name;\n\n if (name === undefined) {\n return storyNameFromExport(exportName);\n }\n\n if (typeof name !== \"string\") {\n throw new TypeError(\"Expected a story display name\");\n }\n\n return name;\n};\n\nconst composeSource = (source: StorySource, module: unknown, preview: Preview): StoryEntry[] => {\n if (!isObject(module) || !isObject(module.default)) {\n throw new TypeError(`Expected CSF3 component metadata in ${source.id}`);\n }\n\n const title = module.default.title ?? source.title;\n\n if (typeof title !== \"string\" || title.trim().length === 0) {\n throw new TypeError(`Expected a story title in ${source.id}`);\n }\n\n const annotations = {\n ...module,\n default: { ...module.default, title },\n } as Record<string, StoryAnnotations<Args>> & { default: ComponentMeta<Args> };\n const stories = composeStories(annotations, preview);\n\n return Object.entries(stories).map(([exportName, story]) => ({\n id: story.id,\n title,\n name: displayName(annotations[exportName], exportName),\n exportName,\n source: source.id,\n story,\n controls: explicitControls(story.argTypes, annotations[exportName], annotations.default, preview),\n }));\n};\n\nconst withoutDuplicateIds = (entries: StoryEntry[], errors: StoryLoadError[]): StoryEntry[] => {\n const counts: Map<string, number> = new Map();\n\n for (const entry of entries) {\n counts.set(entry.id, (counts.get(entry.id) ?? 0) + 1);\n }\n\n return entries.filter((entry) => {\n if (counts.get(entry.id) === 1) {\n return true;\n }\n\n errors.push({ source: entry.source, error: new Error(`Duplicate story ID: ${entry.id}`) });\n\n return false;\n });\n};\n\nconst collectSources = (loaded: LoadedSource[]) => {\n const cache: Map<string, CachedStories> = new Map();\n const entries: StoryEntry[] = [];\n const errors: StoryLoadError[] = [];\n\n for (const result of loaded) {\n if (\"error\" in result) {\n errors.push(result);\n } else {\n cache.set(result.source.id, result.cached);\n entries.push(...result.cached.entries);\n }\n }\n\n return { cache, stories: withoutDuplicateIds(entries, errors), errors };\n};\n\nconst createSourceCache = (): Map<string, CachedStories> => new Map();\n\nconst loadSource = async (\n source: StorySource,\n preview: Preview,\n getCache: () => Map<string, CachedStories>,\n): Promise<LoadedSource> => {\n try {\n const module = await source.load();\n const previous = getCache().get(source.id);\n const cached = previous !== undefined && previous.module === module &&\n previous.title === source.title && previous.preview === preview\n ? previous\n : { module, title: source.title, preview, entries: composeSource(source, module, preview) };\n\n return { source, cached };\n } catch (error) {\n return { source: source.id, error: normalizeError(error) };\n }\n};\n\n/** Loads CSF modules and publishes subscribable explorer snapshots. */\nclass StoryCatalog {\n private snapshot: StoryCatalogSnapshot = { stories: [], errors: [], isLoading: false };\n private readonly listeners: Set<() => void> = new Set();\n private readonly loadFailures: WeakSet<Error> = new WeakSet();\n private cache = createSourceCache();\n private sessionError: StoryLoadError | undefined;\n private revision = 0;\n\n /** Returns the current snapshot, retaining its identity until the next update. */\n getSnapshot = (): StoryCatalogSnapshot => this.snapshot;\n\n /** Registers a snapshot listener and returns a function that unsubscribes it. */\n subscribe = (listener: () => void): (() => void) => {\n this.listeners.add(listener);\n\n return () => {\n this.listeners.delete(listener);\n };\n };\n\n private publish(snapshot: StoryCatalogSnapshot): void {\n this.snapshot = snapshot;\n\n for (const listener of this.listeners) {\n listener();\n }\n }\n\n /**\n * Replaces the catalog with stories composed from the supplied sources and preview.\n * Only the latest load publishes results; unchanged module identities reuse composed stories.\n * Rejects with an AggregateError after publishing healthy stories when any source fails.\n */\n async load(sources: StorySource[], preview: Preview = EMPTY_PREVIEW): Promise<void> {\n const revision = ++this.revision;\n this.publish({ ...this.snapshot, isLoading: true });\n const loaded = await Promise.all(sources.map((source) => loadSource(source, preview, () => this.cache)));\n\n if (revision !== this.revision) {\n return;\n }\n\n const { cache, stories, errors } = collectSources(loaded);\n this.cache = cache;\n this.sessionError = undefined;\n this.publish({ stories, errors, isLoading: false });\n\n if (errors.length > 0) {\n const failure = new AggregateError(errors.map(({ error }) => error), \"Some stories could not be loaded\");\n this.loadFailures.add(failure);\n throw failure;\n }\n }\n\n /**\n * Replaces the current session failure while preserving source errors and superseding pending loads.\n * Ignores aggregate failures already published by this catalog's load operation.\n */\n reportError(cause: unknown): void {\n if (cause instanceof Error && this.loadFailures.has(cause)) {\n return;\n }\n\n this.revision++;\n const errors = this.snapshot.errors.filter((entry) => entry !== this.sessionError);\n this.sessionError = { source: \"Storybook\", error: normalizeError(cause) };\n this.publish({\n ...this.snapshot,\n isLoading: false,\n errors: [...errors, this.sessionError],\n });\n }\n}\n\nexport { StoryCatalog };\nexport type { StoryCatalogSnapshot, StoryEntry, StoryLoadError, StorySource };\n"]}
|
|
1
|
+
{"version":3,"file":"catalog.js","sourceRoot":"","sources":["../src/catalog.ts"],"names":[],"mappings":"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","sourcesContent":["import { normalizeError } from \"@gtkx/utils\";\nimport type { Args, ArgTypes, ComponentMeta, ComposedStory, Preview, StoryAnnotations } from \"./types.js\";\nimport { composeStories } from \"./compose.js\";\nimport { storyNameFromExport } from \"./upstream.js\";\n\n/** A lazily loaded CSF module discovered in a Storybook project. */\ntype StorySource = {\n /** Stable module identifier used for caching and error reporting. */\n id: string;\n /** Fallback story group title when the module does not declare one. */\n title: string;\n /** Imports the module and resolves to its CSF exports. */\n load: () => Promise<unknown>;\n};\n\n/** A composed story and the metadata used to display it in the explorer. */\ntype StoryEntry = {\n /** Storybook identifier used to preserve the selected story across updates. */\n id: string;\n /** Component group title declared by the module or derived from its source. */\n title: string;\n /** Display name declared by the story or derived from its export name. */\n name: string;\n /** Name of the CSF export that defines this story. */\n exportName: string;\n /** Identifier of the module containing this story. */\n source: string;\n /** Renderable story with its metadata, decorators, and default args composed. */\n story: ComposedStory;\n /** Resolved arg types with explicitly configured explorer controls. */\n controls: ArgTypes;\n};\n\n/** A source loading or composition failure displayed alongside healthy stories. */\ntype StoryLoadError = {\n /** Identifier of the failed source, or Storybook for a session failure. */\n source: string;\n /** Normalized error raised while loading or composing the source. */\n error: Error;\n};\n\n/** Current explorer contents and loading state exposed to subscribers. */\ntype StoryCatalogSnapshot = {\n /** Successfully composed stories tagged `dev`, with duplicate identifiers excluded. */\n stories: StoryEntry[];\n /** Failures encountered during the latest load or reported by the session. */\n errors: StoryLoadError[];\n /** Whether the catalog is waiting for the latest source load to finish. */\n isLoading: boolean;\n};\n\ntype CachedStories = {\n module: unknown;\n title: string;\n preview: Preview;\n entries: StoryEntry[];\n};\n\ntype LoadedSource = StoryLoadError | { source: StorySource; cached: CachedStories };\n\nconst EMPTY_PREVIEW: Preview = {};\nconst DEVELOPMENT_TAG = \"dev\";\n\nconst isObject = (value: unknown): value is Record<string, unknown> =>\n value !== null && typeof value === \"object\" && !Array.isArray(value);\n\nconst explicitControls = (\n resolved: ArgTypes,\n story: StoryAnnotations<Args> | undefined,\n meta: ComponentMeta<Args>,\n preview: Preview,\n): ArgTypes => {\n const controls: ArgTypes = {};\n\n for (const [argument, annotation] of Object.entries(resolved)) {\n const control =\n story?.argTypes?.[argument]?.control ??\n meta.argTypes?.[argument]?.control ??\n preview.argTypes?.[argument]?.control;\n\n if (control === undefined) {\n continue;\n }\n\n controls[argument] = { ...annotation, control: control !== false && (annotation?.control ?? control) };\n }\n\n return controls;\n};\n\nconst displayName = (story: StoryAnnotations<Args> | undefined, exportName: string): string => {\n const name = story?.name;\n\n if (name === undefined) {\n return storyNameFromExport(exportName);\n }\n\n if (typeof name !== \"string\") {\n throw new TypeError(\"Expected a story display name\");\n }\n\n return name;\n};\n\nconst composeSource = (source: StorySource, module: unknown, preview: Preview): StoryEntry[] => {\n if (!isObject(module) || !isObject(module.default)) {\n throw new TypeError(`Expected CSF3 component metadata in ${source.id}`);\n }\n\n const title = module.default.title ?? source.title;\n\n if (typeof title !== \"string\" || title.trim().length === 0) {\n throw new TypeError(`Expected a story title in ${source.id}`);\n }\n\n const annotations = {\n ...module,\n default: { ...module.default, title },\n } as Record<string, StoryAnnotations<Args>> & { default: ComponentMeta<Args> };\n const stories = composeStories(annotations, preview);\n\n return Object.entries(stories)\n .filter(([, story]) => story.tags.includes(DEVELOPMENT_TAG))\n .map(([exportName, story]) => ({\n id: story.id,\n title,\n name: displayName(annotations[exportName], exportName),\n exportName,\n source: source.id,\n story,\n controls: explicitControls(story.argTypes, annotations[exportName], annotations.default, preview),\n }));\n};\n\nconst withoutDuplicateIds = (entries: StoryEntry[], errors: StoryLoadError[]): StoryEntry[] => {\n const counts: Map<string, number> = new Map();\n\n for (const entry of entries) {\n counts.set(entry.id, (counts.get(entry.id) ?? 0) + 1);\n }\n\n return entries.filter((entry) => {\n if (counts.get(entry.id) === 1) {\n return true;\n }\n\n errors.push({ source: entry.source, error: new Error(`Duplicate story ID: ${entry.id}`) });\n\n return false;\n });\n};\n\nconst collectSources = (loaded: LoadedSource[]) => {\n const cache: Map<string, CachedStories> = new Map();\n const entries: StoryEntry[] = [];\n const errors: StoryLoadError[] = [];\n\n for (const result of loaded) {\n if (\"error\" in result) {\n errors.push(result);\n } else {\n cache.set(result.source.id, result.cached);\n entries.push(...result.cached.entries);\n }\n }\n\n return { cache, stories: withoutDuplicateIds(entries, errors), errors };\n};\n\nconst createSourceCache = (): Map<string, CachedStories> => new Map();\n\nconst loadSource = async (\n source: StorySource,\n preview: Preview,\n getCache: () => Map<string, CachedStories>,\n): Promise<LoadedSource> => {\n try {\n const module = await source.load();\n const previous = getCache().get(source.id);\n const cached =\n previous !== undefined &&\n previous.module === module &&\n previous.title === source.title &&\n previous.preview === preview\n ? previous\n : { module, title: source.title, preview, entries: composeSource(source, module, preview) };\n\n return { source, cached };\n } catch (error) {\n return { source: source.id, error: normalizeError(error) };\n }\n};\n\n/** Loads CSF modules and publishes subscribable explorer snapshots. */\nclass StoryCatalog {\n private snapshot: StoryCatalogSnapshot = { stories: [], errors: [], isLoading: false };\n private readonly listeners: Set<() => void> = new Set();\n private readonly loadFailures: WeakSet<Error> = new WeakSet();\n private cache = createSourceCache();\n private sessionError: StoryLoadError | undefined;\n private revision = 0;\n\n /** Returns the current snapshot, retaining its identity until the next update. */\n getSnapshot = (): StoryCatalogSnapshot => this.snapshot;\n\n /** Registers a snapshot listener and returns a function that unsubscribes it. */\n subscribe = (listener: () => void): (() => void) => {\n this.listeners.add(listener);\n\n return () => {\n this.listeners.delete(listener);\n };\n };\n\n private publish(snapshot: StoryCatalogSnapshot): void {\n this.snapshot = snapshot;\n\n for (const listener of this.listeners) {\n listener();\n }\n }\n\n /**\n * Replaces the catalog with stories composed from the supplied sources and preview.\n * Only the latest load publishes results; unchanged module identities reuse composed stories.\n * Rejects with an AggregateError after publishing healthy stories when any source fails.\n */\n async load(sources: StorySource[], preview: Preview = EMPTY_PREVIEW): Promise<void> {\n const revision = ++this.revision;\n this.publish({ ...this.snapshot, isLoading: true });\n const loaded = await Promise.all(sources.map((source) => loadSource(source, preview, () => this.cache)));\n\n if (revision !== this.revision) {\n return;\n }\n\n const { cache, stories, errors } = collectSources(loaded);\n this.cache = cache;\n this.sessionError = undefined;\n this.publish({ stories, errors, isLoading: false });\n\n if (errors.length > 0) {\n const failure = new AggregateError(\n errors.map(({ error }) => error),\n \"Some stories could not be loaded\",\n );\n this.loadFailures.add(failure);\n throw failure;\n }\n }\n\n /**\n * Replaces the current session failure while preserving source errors and superseding pending loads.\n * Ignores aggregate failures already published by this catalog's load operation.\n */\n reportError(cause: unknown): void {\n if (cause instanceof Error && this.loadFailures.has(cause)) {\n return;\n }\n\n this.revision++;\n const errors = this.snapshot.errors.filter((entry) => entry !== this.sessionError);\n this.sessionError = { source: \"Storybook\", error: normalizeError(cause) };\n this.publish({\n ...this.snapshot,\n isLoading: false,\n errors: [...errors, this.sessionError],\n });\n }\n}\n\nexport { StoryCatalog };\nexport type { StoryCatalogSnapshot, StoryEntry, StoryLoadError, StorySource };\n"]}
|
package/dist/compose.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"compose.d.ts","sourceRoot":"","sources":["../src/compose.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAER,aAAa,EACb,eAAe,EACf,aAAa,EACb,OAAO,EACP,gBAAgB,EAChB,WAAW,EACd,MAAM,YAAY,CAAC;AASpB;;;;;;;;;;;GAWG;AACH,QAAA,MAAM,YAAY,GAAI,KAAK,SAAS,MAAM,
|
|
1
|
+
{"version":3,"file":"compose.d.ts","sourceRoot":"","sources":["../src/compose.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAER,aAAa,EACb,eAAe,EACf,aAAa,EACb,OAAO,EACP,gBAAgB,EAChB,WAAW,EACd,MAAM,YAAY,CAAC;AASpB;;;;;;;;;;;GAWG;AACH,QAAA,MAAM,YAAY,GAAI,KAAK,SAAS,MAAM,SAC/B,gBAAgB,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,QACjC,aAAa,CAAC,KAAK,CAAC,YACjB,OAAO,eACH,MAAM,KACpB,aAAa,CAAC,KAAK,CAoBrB,CAAC;AAEF;;;;;;;;;GASG;AACH,QAAA,MAAM,cAAc,GAAI,OAAO,SAAS,WAAW,WACtC,OAAO,YACP,OAAO,KACjB,eAAe,CAAC,OAAO,CAqBzB,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,CAAC"}
|
package/dist/compose.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"compose.js","sourceRoot":"","sources":["../src/compose.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAUtC,OAAO,EAAE,uBAAuB,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAEvE,MAAM,aAAa,GAAG,CAAC,KAAc,EAAQ,EAAE;IAC3C,IAAI,KAAK,KAAK,IAAI,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QACtE,MAAM,IAAI,SAAS,CAAC,mCAAmC,CAAC,CAAC;IAC7D,CAAC;AACL,CAAC,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,MAAM,YAAY,GAAG,CACjB,KAAuC,EACvC,IAA0B,EAC1B,
|
|
1
|
+
{"version":3,"file":"compose.js","sourceRoot":"","sources":["../src/compose.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAUtC,OAAO,EAAE,uBAAuB,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAEvE,MAAM,aAAa,GAAG,CAAC,KAAc,EAAQ,EAAE;IAC3C,IAAI,KAAK,KAAK,IAAI,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QACtE,MAAM,IAAI,SAAS,CAAC,mCAAmC,CAAC,CAAC;IAC7D,CAAC;AACL,CAAC,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,MAAM,YAAY,GAAG,CACjB,KAAuC,EACvC,IAA0B,EAC1B,OAAO,GAAY,EAAE,EACrB,UAAmB,EACC,EAAE;IACtB,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,OAAO,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;QACtE,MAAM,IAAI,SAAS,CAAC,8CAA8C,CAAC,CAAC;IACxE,CAAC;IAED,OAAO,uBAAuB,CAC1B,KAAK,EACL,EAAE,GAAG,IAAI,EAAE,EACX,OAAO,EACP;QACI,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;YACb,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;gBAClB,MAAM,IAAI,SAAS,CAAC,8CAA8C,CAAC,CAAC;YACxE,CAAC;YAED,OAAO,aAAa,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;QAC/C,CAAC;KACJ,EACD,UAAU,CACb,CAAC;AACN,CAAC,CAAC;AAEF;;;;;;;;;GASG;AACH,MAAM,cAAc,GAAG,CACnB,OAAgB,EAChB,OAAO,GAAY,EAAE,EACG,EAAE;IAC1B,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAE/B,MAAM,IAAI,GAAG,OAAO,CAAC,OAA8B,CAAC;IACpD,MAAM,QAAQ,GAAsC,EAAE,CAAC;IAEvD,KAAK,MAAM,CAAC,UAAU,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC;QACxD,IAAI,UAAU,KAAK,SAAS,IAAI,UAAU,KAAK,qBAAqB,IAAI,CAAC,aAAa,CAAC,UAAU,EAAE,IAAI,CAAC,EAAE,CAAC;YACvG,SAAS;QACb,CAAC;QAED,aAAa,CAAC,KAAK,CAAC,CAAC;QACrB,MAAM,CAAC,cAAc,CAAC,QAAQ,EAAE,UAAU,EAAE;YACxC,KAAK,EAAE,YAAY,CAAC,KAA+B,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,CAAC;YAC/E,UAAU,EAAE,IAAI;YAChB,YAAY,EAAE,IAAI;YAClB,QAAQ,EAAE,IAAI;SACjB,CAAC,CAAC;IACP,CAAC;IAED,OAAO,QAAoC,CAAC;AAChD,CAAC,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,CAAC","sourcesContent":["import { createElement } from \"react\";\nimport type {\n Args,\n ComponentMeta,\n ComposedStories,\n ComposedStory,\n Preview,\n StoryAnnotations,\n StoryModule,\n} from \"./types.js\";\nimport { composeStoryAnnotations, isExportStory } from \"./upstream.js\";\n\nconst requireObject = (value: unknown): void => {\n if (value === null || typeof value !== \"object\" || Array.isArray(value)) {\n throw new TypeError(\"Expected a CSF3 annotation object\");\n }\n};\n\n/**\n * Composes a CSF3 story into a native React component with resolved defaults and decorators.\n * Compose outside render to preserve component identity. Rendering props override the composed args.\n * This function does not create an application, window, or Storybook preview lifecycle.\n *\n * @param story The named story's annotations.\n * @param meta The module's default component metadata.\n * @param preview Shared project annotations, scoped to this composition.\n * @param exportName Export name used for the story identifier and default display name.\n * @returns A renderable component exposing its composed annotations.\n * @throws If an annotation is not an object or no component or render function is available.\n */\nconst composeStory = <TArgs extends object>(\n story: StoryAnnotations<NoInfer<TArgs>>,\n meta: ComponentMeta<TArgs>,\n preview: Preview = {},\n exportName?: string,\n): ComposedStory<TArgs> => {\n if (!story.render && !meta.render && !preview.render && !meta.component) {\n throw new TypeError(\"A story needs a component or render function\");\n }\n\n return composeStoryAnnotations(\n story,\n { ...meta },\n preview,\n {\n render: (args) => {\n if (!meta.component) {\n throw new TypeError(\"A story needs a component or render function\");\n }\n\n return createElement(meta.component, args);\n },\n },\n exportName,\n );\n};\n\n/**\n * Composes the selected CSF3 exports of a module into native React components.\n * The default export supplies metadata; its includeStories and excludeStories select named exports.\n * Returned keys retain the original export names.\n *\n * @param stories A story module containing default metadata and named story objects.\n * @param preview Shared project annotations, scoped to the returned compositions.\n * @returns Composed components keyed by the selected export names.\n * @throws If metadata or a selected export is invalid, or a selected story has no renderer.\n */\nconst composeStories = <TModule extends StoryModule>(\n stories: TModule,\n preview: Preview = {},\n): ComposedStories<TModule> => {\n requireObject(stories.default);\n\n const meta = stories.default as ComponentMeta<Args>;\n const composed: Partial<ComposedStories<TModule>> = {};\n\n for (const [exportName, story] of Object.entries(stories)) {\n if (exportName === \"default\" || exportName === \"__namedExportsOrder\" || !isExportStory(exportName, meta)) {\n continue;\n }\n\n requireObject(story);\n Object.defineProperty(composed, exportName, {\n value: composeStory(story as StoryAnnotations<Args>, meta, preview, exportName),\n enumerable: true,\n configurable: true,\n writable: true,\n });\n }\n\n return composed as ComposedStories<TModule>;\n};\n\nexport { composeStory, composeStories };\n"]}
|
package/dist/config.d.ts
CHANGED
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
/** Story discovery and preview configuration for the native explorer. */
|
|
2
2
|
type StorybookConfig = {
|
|
3
|
-
/**
|
|
3
|
+
/**
|
|
4
|
+
* Project-relative globs; defaults to CSF story files under src. A glob may reach a sibling workspace
|
|
5
|
+
* package through `..` segments when every file it matches lies inside the workspace root.
|
|
6
|
+
*/
|
|
4
7
|
stories?: string[];
|
|
5
8
|
/** Additional project-relative globs excluded from discovery. */
|
|
6
9
|
exclude?: string[];
|
package/dist/config.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AAAA,yEAAyE;AACzE,KAAK,eAAe,GAAG;IACnB
|
|
1
|
+
{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AAAA,yEAAyE;AACzE,KAAK,eAAe,GAAG;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,iEAAiE;IACjE,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,yFAAyF;IACzF,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,yFAAyF;AACzF,QAAA,MAAM,YAAY,WAAY,eAAe,KAAG,eAAyB,CAAC;AAE1E,OAAO,EAAE,YAAY,EAAE,KAAK,eAAe,EAAE,CAAC"}
|
package/dist/config.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"config.js","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"config.js","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AAaA,yFAAyF;AACzF,MAAM,YAAY,GAAG,CAAC,MAAuB,EAAmB,EAAE,CAAC,MAAM,CAAC;AAE1E,OAAO,EAAE,YAAY,EAAwB,CAAC","sourcesContent":["/** Story discovery and preview configuration for the native explorer. */\ntype StorybookConfig = {\n /**\n * Project-relative globs; defaults to CSF story files under src. A glob may reach a sibling workspace\n * package through `..` segments when every file it matches lies inside the workspace root.\n */\n stories?: string[];\n /** Additional project-relative globs excluded from discovery. */\n exclude?: string[];\n /** Project-relative preview module; defaults to a discovered .storybook/preview file. */\n preview?: string;\n};\n\n/** Returns a typed explorer configuration without changing it or resolving its paths. */\nconst defineConfig = (config: StorybookConfig): StorybookConfig => config;\n\nexport { defineConfig, type StorybookConfig };\n"]}
|
package/dist/controls.d.ts
CHANGED
|
@@ -3,8 +3,9 @@ import type { Args, ArgTypes } from "./types.js";
|
|
|
3
3
|
type ControlsProps = {
|
|
4
4
|
argTypes: ArgTypes;
|
|
5
5
|
args: Args;
|
|
6
|
+
globals: Args;
|
|
6
7
|
onChange: (update: Args) => void;
|
|
7
8
|
};
|
|
8
|
-
declare const Controls: ({ argTypes, args, onChange }: ControlsProps) => ReactNode;
|
|
9
|
+
declare const Controls: ({ argTypes, args, globals, onChange }: ControlsProps) => ReactNode;
|
|
9
10
|
export { Controls };
|
|
10
11
|
//# sourceMappingURL=controls.d.ts.map
|
package/dist/controls.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../src/controls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../src/controls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGjD,KAAK,aAAa,GAAG;IAAE,QAAQ,EAAE,QAAQ,CAAC;IAAC,IAAI,EAAE,IAAI,CAAC;IAAC,OAAO,EAAE,IAAI,CAAC;IAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,IAAI,KAAK,IAAI,CAAA;CAAE,CAAC;AAgMzG,QAAA,MAAM,QAAQ,0CAA2C,aAAa,KAAG,SAiCxE,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
package/dist/controls.js
CHANGED
|
@@ -3,13 +3,14 @@ import { ComboRow } from "@gtkx/components";
|
|
|
3
3
|
import { markupEscapeText } from "@gtkx/gi/glib";
|
|
4
4
|
import { AdwActionRow, AdwEntryRow, AdwPreferencesGroup, AdwSpinRow, AdwSwitchRow } from "@gtkx/jsx/adw";
|
|
5
5
|
import { GtkAdjustment } from "@gtkx/jsx/gtk";
|
|
6
|
+
import { isConditionalArgIncluded } from "./upstream.js";
|
|
6
7
|
const NO_SELECTION_ID = "no-selection";
|
|
7
8
|
const NO_SELECTION_LABEL = "Choose option...";
|
|
8
9
|
const isObject = (value) => value !== null && typeof value === "object" && !Array.isArray(value);
|
|
9
10
|
const isWithinBoundsOrAbsent = (value, min, max) => value === undefined || (typeof value === "number" && Number.isFinite(value) && value >= min && value <= max);
|
|
10
|
-
const controlTitle = (name, argument) => typeof name === "string" ? name : argument;
|
|
11
|
-
const numberDigits = (
|
|
12
|
-
const [coefficient = "", exponent = "0"] = String(
|
|
11
|
+
const controlTitle = (name, argument) => (typeof name === "string" ? name : argument);
|
|
12
|
+
const numberDigits = (value) => {
|
|
13
|
+
const [coefficient = "", exponent = "0"] = String(value).split("e", 2);
|
|
13
14
|
const fraction = coefficient.split(".", 2)[1]?.length ?? 0;
|
|
14
15
|
const digits = Math.max(0, fraction - Number(exponent));
|
|
15
16
|
return Math.min(20, digits);
|
|
@@ -19,13 +20,19 @@ const NumberControl = ({ argument, title, value, settings, isDisabled, onChange,
|
|
|
19
20
|
const min = settings.min ?? -Number.MAX_SAFE_INTEGER;
|
|
20
21
|
const max = settings.max ?? Number.MAX_SAFE_INTEGER;
|
|
21
22
|
const step = settings.step ?? 1;
|
|
22
|
-
if (typeof min !== "number" ||
|
|
23
|
-
|
|
24
|
-
step
|
|
23
|
+
if (typeof min !== "number" ||
|
|
24
|
+
typeof max !== "number" ||
|
|
25
|
+
typeof step !== "number" ||
|
|
26
|
+
!Number.isFinite(min) ||
|
|
27
|
+
!Number.isFinite(max) ||
|
|
28
|
+
!Number.isFinite(step) ||
|
|
29
|
+
step <= 0 ||
|
|
30
|
+
min > max ||
|
|
31
|
+
!isWithinBoundsOrAbsent(value, min, max)) {
|
|
25
32
|
return _jsx(UnsupportedControl, { title: title, description: "Provide a finite number and valid bounds." });
|
|
26
33
|
}
|
|
27
34
|
const currentValue = typeof value === "number" ? value : Math.max(min, Math.min(0, max));
|
|
28
|
-
return (_jsx(AdwSpinRow, { name: `storybook-control-${argument}`, title: markupEscapeText(title, -1), sensitive: !isDisabled, value: currentValue, digits: numberDigits(step), numeric: true, widthChars: 8, adjustment:
|
|
35
|
+
return (_jsx(AdwSpinRow, { name: `storybook-control-${argument}`, title: markupEscapeText(title, -1), sensitive: !isDisabled, value: currentValue, digits: Math.max(numberDigits(step), numberDigits(currentValue)), numeric: true, widthChars: 8, adjustment: _jsx(GtkAdjustment, { lower: min, upper: max, stepIncrement: step, pageIncrement: Math.min(Number.MAX_VALUE, step * 10), value: currentValue }), onNotifyValue: (next) => {
|
|
29
36
|
if (!Object.is(next, value)) {
|
|
30
37
|
onChange({ [argument]: next });
|
|
31
38
|
}
|
|
@@ -33,16 +40,24 @@ const NumberControl = ({ argument, title, value, settings, isDisabled, onChange,
|
|
|
33
40
|
};
|
|
34
41
|
const SelectControl = (props) => {
|
|
35
42
|
const { argument, title, value, options, settings, isDisabled, onChange } = props;
|
|
36
|
-
if (!Array.isArray(options) ||
|
|
43
|
+
if (!Array.isArray(options) ||
|
|
44
|
+
options.length === 0 ||
|
|
45
|
+
options.some((option) => option !== null &&
|
|
46
|
+
typeof option !== "string" &&
|
|
47
|
+
typeof option !== "number" &&
|
|
48
|
+
typeof option !== "boolean")) {
|
|
37
49
|
return _jsx(UnsupportedControl, { title: title, description: "Provide a list of text, number, or boolean options." });
|
|
38
50
|
}
|
|
39
51
|
const values = options;
|
|
40
52
|
const selected = values.findIndex((option) => Object.is(option, value));
|
|
41
53
|
const labels = isObject(settings.labels) ? settings.labels : {};
|
|
42
|
-
const items = [
|
|
54
|
+
const items = [
|
|
55
|
+
{ id: NO_SELECTION_ID, value: NO_SELECTION_LABEL },
|
|
56
|
+
...values.map((option, index) => {
|
|
43
57
|
const label = labels[String(option)];
|
|
44
58
|
return { id: String(index), value: typeof label === "string" ? label : String(option) };
|
|
45
|
-
})
|
|
59
|
+
}),
|
|
60
|
+
];
|
|
46
61
|
return (_jsx(ComboRow, { name: `storybook-control-${argument}`, title: markupEscapeText(title, -1), sensitive: !isDisabled, items: items, selectedId: selected === -1 ? NO_SELECTION_ID : String(selected), onSelectionChanged: (id) => {
|
|
47
62
|
if (id === NO_SELECTION_ID) {
|
|
48
63
|
onChange({ [argument]: undefined });
|
|
@@ -85,10 +100,13 @@ const Control = (props) => {
|
|
|
85
100
|
}
|
|
86
101
|
}
|
|
87
102
|
};
|
|
88
|
-
const Controls = ({ argTypes, args, onChange }) => (_jsx(AdwPreferencesGroup, { title: "Controls", children: Object.entries(argTypes).map(([argument, annotation]) => {
|
|
103
|
+
const Controls = ({ argTypes, args, globals, onChange }) => (_jsx(AdwPreferencesGroup, { title: "Controls", children: Object.entries(argTypes).map(([argument, annotation]) => {
|
|
89
104
|
const control = annotation?.control;
|
|
90
105
|
const table = isObject(annotation?.table) ? annotation.table : {};
|
|
91
|
-
if (control === undefined ||
|
|
106
|
+
if (control === undefined ||
|
|
107
|
+
control === false ||
|
|
108
|
+
table.disable === true ||
|
|
109
|
+
!isConditionalArgIncluded(annotation ?? {}, args, globals)) {
|
|
92
110
|
return null;
|
|
93
111
|
}
|
|
94
112
|
const settings = isObject(control) ? control : {};
|
package/dist/controls.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"controls.js","sourceRoot":"","sources":["../src/controls.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { ReactNode } from \"react\";\nimport { ComboRow } from \"@gtkx/components\";\nimport { markupEscapeText } from \"@gtkx/gi/glib\";\nimport { AdwActionRow, AdwEntryRow, AdwPreferencesGroup, AdwSpinRow, AdwSwitchRow } from \"@gtkx/jsx/adw\";\nimport { GtkAdjustment } from \"@gtkx/jsx/gtk\";\nimport type { Args, ArgTypes } from \"./types.js\";\n\ntype ControlsProps = { argTypes: ArgTypes; args: Args; onChange: (update: Args) => void };\n\nconst NO_SELECTION_ID = \"no-selection\";\nconst NO_SELECTION_LABEL = \"Choose option...\";\n\ntype ControlProps = {\n argument: string;\n title: string;\n value: unknown;\n type: string;\n settings: Args;\n options: unknown;\n isDisabled: boolean;\n onChange: (update: Args) => void;\n};\n\nconst isObject = (value: unknown): value is Args =>\n value !== null && typeof value === \"object\" && !Array.isArray(value);\n\nconst isWithinBoundsOrAbsent = (value: unknown, min: number, max: number): boolean =>\n value === undefined || (typeof value === \"number\" && Number.isFinite(value) && value >= min && value <= max);\n\nconst controlTitle = (name: unknown, argument: string): string => typeof name === \"string\" ? name : argument;\n\nconst numberDigits = (step: number): number => {\n const [coefficient = \"\", exponent = \"0\"] = String(step).split(\"e\", 2);\n const fraction = coefficient.split(\".\", 2)[1]?.length ?? 0;\n const digits = Math.max(0, fraction - Number(exponent));\n\n return Math.min(20, digits);\n};\n\nconst UnsupportedControl = ({ title, description }: { title: string; description: string }): ReactNode => (\n <AdwActionRow title={markupEscapeText(title, -1)} subtitle={markupEscapeText(description, -1)} sensitive={false} />\n);\n\nconst NumberControl = ({\n argument,\n title,\n value,\n settings,\n isDisabled,\n onChange,\n}: Omit<ControlProps, \"type\" | \"options\">): ReactNode => {\n const min = settings.min ?? -Number.MAX_SAFE_INTEGER;\n const max = settings.max ?? Number.MAX_SAFE_INTEGER;\n const step = settings.step ?? 1;\n\n if (\n typeof min !== \"number\" || typeof max !== \"number\" || typeof step !== \"number\" ||\n !Number.isFinite(min) || !Number.isFinite(max) || !Number.isFinite(step) ||\n step <= 0 || min > max || !isWithinBoundsOrAbsent(value, min, max)\n ) {\n return <UnsupportedControl title={title} description=\"Provide a finite number and valid bounds.\" />;\n }\n\n const currentValue = typeof value === \"number\" ? value : Math.max(min, Math.min(0, max));\n\n return (\n <AdwSpinRow\n name={`storybook-control-${argument}`}\n title={markupEscapeText(title, -1)}\n sensitive={!isDisabled}\n value={currentValue}\n digits={numberDigits(step)}\n numeric\n widthChars={8}\n adjustment={(\n <GtkAdjustment\n lower={min}\n upper={max}\n stepIncrement={step}\n pageIncrement={Math.min(Number.MAX_VALUE, step * 10)}\n value={currentValue}\n />\n )}\n onNotifyValue={(next) => {\n if (!Object.is(next, value)) {\n onChange({ [argument]: next });\n }\n }}\n />\n );\n};\n\nconst SelectControl = (props: Omit<ControlProps, \"type\">): ReactNode => {\n const { argument, title, value, options, settings, isDisabled, onChange } = props;\n if (!Array.isArray(options) || options.length === 0 || options.some((option: unknown) =>\n option !== null && typeof option !== \"string\" && typeof option !== \"number\" && typeof option !== \"boolean\")) {\n return <UnsupportedControl title={title} description=\"Provide a list of text, number, or boolean options.\" />;\n }\n\n const values: unknown[] = options;\n const selected = values.findIndex((option) => Object.is(option, value));\n const labels = isObject(settings.labels) ? settings.labels : {};\n const items = [{ id: NO_SELECTION_ID, value: NO_SELECTION_LABEL }, ...values.map((option, index) => {\n const label = labels[String(option)];\n\n return { id: String(index), value: typeof label === \"string\" ? label : String(option) };\n })];\n\n return (\n <ComboRow\n name={`storybook-control-${argument}`}\n title={markupEscapeText(title, -1)}\n sensitive={!isDisabled}\n items={items}\n selectedId={selected === -1 ? NO_SELECTION_ID : String(selected)}\n onSelectionChanged={(id) => {\n if (id === NO_SELECTION_ID) {\n onChange({ [argument]: undefined });\n\n return;\n }\n\n if (id === null) {\n return;\n }\n\n onChange({ [argument]: values[Number(id)] });\n }}\n />\n );\n};\n\nconst Control = (props: ControlProps): ReactNode => {\n const { argument, title, value, type, isDisabled, onChange } = props;\n\n switch (type) {\n case \"boolean\": {\n return (\n <AdwSwitchRow\n name={`storybook-control-${argument}`}\n title={markupEscapeText(title, -1)}\n sensitive={!isDisabled}\n active={value === true}\n onNotifyActive={(active) => {\n if (!Object.is(active, value)) {\n onChange({ [argument]: active });\n }\n }}\n />\n );\n }\n case \"text\": {\n return (\n <AdwEntryRow\n name={`storybook-control-${argument}`}\n title={markupEscapeText(title, -1)}\n sensitive={!isDisabled}\n text={typeof value === \"string\" ? value : \"\"}\n onNotifyText={(text) => {\n if (!Object.is(text, value)) {\n onChange({ [argument]: text });\n }\n }}\n />\n );\n }\n case \"number\":\n case \"range\": {\n return <NumberControl {...props} />;\n }\n case \"select\":\n case \"radio\":\n case \"inline-radio\": {\n return <SelectControl {...props} />;\n }\n default: {\n return <UnsupportedControl title={title} description={`Unsupported control: ${type}`} />;\n }\n }\n};\n\nconst Controls = ({ argTypes, args, onChange }: ControlsProps): ReactNode => (\n <AdwPreferencesGroup title=\"Controls\">\n {Object.entries(argTypes).map(([argument, annotation]) => {\n const control: unknown = annotation?.control;\n const table = isObject(annotation?.table) ? annotation.table : {};\n\n if (control === undefined || control === false || table.disable === true) {\n return null;\n }\n\n const settings = isObject(control) ? control : {};\n const type = typeof control === \"string\" ? control : settings.type;\n\n return (\n <Control\n key={argument}\n argument={argument}\n title={controlTitle(annotation?.name, argument)}\n value={args[argument]}\n type={typeof type === \"string\" ? type : \"unknown\"}\n settings={settings}\n options={annotation?.options}\n isDisabled={settings.disable === true || table.readonly === true}\n onChange={onChange}\n />\n );\n })}\n </AdwPreferencesGroup>\n);\n\nexport { Controls };\n"]}
|
|
1
|
+
{"version":3,"file":"controls.js","sourceRoot":"","sources":["../src/controls.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { ReactNode } from \"react\";\nimport { ComboRow } from \"@gtkx/components\";\nimport { markupEscapeText } from \"@gtkx/gi/glib\";\nimport { AdwActionRow, AdwEntryRow, AdwPreferencesGroup, AdwSpinRow, AdwSwitchRow } from \"@gtkx/jsx/adw\";\nimport { GtkAdjustment } from \"@gtkx/jsx/gtk\";\nimport type { Args, ArgTypes } from \"./types.js\";\nimport { isConditionalArgIncluded } from \"./upstream.js\";\n\ntype ControlsProps = { argTypes: ArgTypes; args: Args; globals: Args; onChange: (update: Args) => void };\n\nconst NO_SELECTION_ID = \"no-selection\";\nconst NO_SELECTION_LABEL = \"Choose option...\";\n\ntype ControlProps = {\n argument: string;\n title: string;\n value: unknown;\n type: string;\n settings: Args;\n options: unknown;\n isDisabled: boolean;\n onChange: (update: Args) => void;\n};\n\nconst isObject = (value: unknown): value is Args =>\n value !== null && typeof value === \"object\" && !Array.isArray(value);\n\nconst isWithinBoundsOrAbsent = (value: unknown, min: number, max: number): boolean =>\n value === undefined || (typeof value === \"number\" && Number.isFinite(value) && value >= min && value <= max);\n\nconst controlTitle = (name: unknown, argument: string): string => (typeof name === \"string\" ? name : argument);\n\nconst numberDigits = (value: number): number => {\n const [coefficient = \"\", exponent = \"0\"] = String(value).split(\"e\", 2);\n const fraction = coefficient.split(\".\", 2)[1]?.length ?? 0;\n const digits = Math.max(0, fraction - Number(exponent));\n\n return Math.min(20, digits);\n};\n\nconst UnsupportedControl = ({ title, description }: { title: string; description: string }): ReactNode => (\n <AdwActionRow title={markupEscapeText(title, -1)} subtitle={markupEscapeText(description, -1)} sensitive={false} />\n);\n\nconst NumberControl = ({\n argument,\n title,\n value,\n settings,\n isDisabled,\n onChange,\n}: Omit<ControlProps, \"type\" | \"options\">): ReactNode => {\n const min = settings.min ?? -Number.MAX_SAFE_INTEGER;\n const max = settings.max ?? Number.MAX_SAFE_INTEGER;\n const step = settings.step ?? 1;\n\n if (\n typeof min !== \"number\" ||\n typeof max !== \"number\" ||\n typeof step !== \"number\" ||\n !Number.isFinite(min) ||\n !Number.isFinite(max) ||\n !Number.isFinite(step) ||\n step <= 0 ||\n min > max ||\n !isWithinBoundsOrAbsent(value, min, max)\n ) {\n return <UnsupportedControl title={title} description=\"Provide a finite number and valid bounds.\" />;\n }\n\n const currentValue = typeof value === \"number\" ? value : Math.max(min, Math.min(0, max));\n\n return (\n <AdwSpinRow\n name={`storybook-control-${argument}`}\n title={markupEscapeText(title, -1)}\n sensitive={!isDisabled}\n value={currentValue}\n digits={Math.max(numberDigits(step), numberDigits(currentValue))}\n numeric\n widthChars={8}\n adjustment={\n <GtkAdjustment\n lower={min}\n upper={max}\n stepIncrement={step}\n pageIncrement={Math.min(Number.MAX_VALUE, step * 10)}\n value={currentValue}\n />\n }\n onNotifyValue={(next) => {\n if (!Object.is(next, value)) {\n onChange({ [argument]: next });\n }\n }}\n />\n );\n};\n\nconst SelectControl = (props: Omit<ControlProps, \"type\">): ReactNode => {\n const { argument, title, value, options, settings, isDisabled, onChange } = props;\n if (\n !Array.isArray(options) ||\n options.length === 0 ||\n options.some(\n (option: unknown) =>\n option !== null &&\n typeof option !== \"string\" &&\n typeof option !== \"number\" &&\n typeof option !== \"boolean\",\n )\n ) {\n return <UnsupportedControl title={title} description=\"Provide a list of text, number, or boolean options.\" />;\n }\n\n const values: unknown[] = options;\n const selected = values.findIndex((option) => Object.is(option, value));\n const labels = isObject(settings.labels) ? settings.labels : {};\n const items = [\n { id: NO_SELECTION_ID, value: NO_SELECTION_LABEL },\n ...values.map((option, index) => {\n const label = labels[String(option)];\n\n return { id: String(index), value: typeof label === \"string\" ? label : String(option) };\n }),\n ];\n\n return (\n <ComboRow\n name={`storybook-control-${argument}`}\n title={markupEscapeText(title, -1)}\n sensitive={!isDisabled}\n items={items}\n selectedId={selected === -1 ? NO_SELECTION_ID : String(selected)}\n onSelectionChanged={(id) => {\n if (id === NO_SELECTION_ID) {\n onChange({ [argument]: undefined });\n\n return;\n }\n\n if (id === null) {\n return;\n }\n\n onChange({ [argument]: values[Number(id)] });\n }}\n />\n );\n};\n\nconst Control = (props: ControlProps): ReactNode => {\n const { argument, title, value, type, isDisabled, onChange } = props;\n\n switch (type) {\n case \"boolean\": {\n return (\n <AdwSwitchRow\n name={`storybook-control-${argument}`}\n title={markupEscapeText(title, -1)}\n sensitive={!isDisabled}\n active={value === true}\n onNotifyActive={(active) => {\n if (!Object.is(active, value)) {\n onChange({ [argument]: active });\n }\n }}\n />\n );\n }\n case \"text\": {\n return (\n <AdwEntryRow\n name={`storybook-control-${argument}`}\n title={markupEscapeText(title, -1)}\n sensitive={!isDisabled}\n text={typeof value === \"string\" ? value : \"\"}\n onNotifyText={(text) => {\n if (!Object.is(text, value)) {\n onChange({ [argument]: text });\n }\n }}\n />\n );\n }\n case \"number\":\n case \"range\": {\n return <NumberControl {...props} />;\n }\n case \"select\":\n case \"radio\":\n case \"inline-radio\": {\n return <SelectControl {...props} />;\n }\n default: {\n return <UnsupportedControl title={title} description={`Unsupported control: ${type}`} />;\n }\n }\n};\n\nconst Controls = ({ argTypes, args, globals, onChange }: ControlsProps): ReactNode => (\n <AdwPreferencesGroup title=\"Controls\">\n {Object.entries(argTypes).map(([argument, annotation]) => {\n const control: unknown = annotation?.control;\n const table = isObject(annotation?.table) ? annotation.table : {};\n\n if (\n control === undefined ||\n control === false ||\n table.disable === true ||\n !isConditionalArgIncluded(annotation ?? {}, args, globals)\n ) {\n return null;\n }\n\n const settings = isObject(control) ? control : {};\n const type = typeof control === \"string\" ? control : settings.type;\n\n return (\n <Control\n key={argument}\n argument={argument}\n title={controlTitle(annotation?.name, argument)}\n value={args[argument]}\n type={typeof type === \"string\" ? type : \"unknown\"}\n settings={settings}\n options={annotation?.options}\n isDisabled={settings.disable === true || table.readonly === true}\n onChange={onChange}\n />\n );\n })}\n </AdwPreferencesGroup>\n);\n\nexport { Controls };\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"explorer-navigator.d.ts","sourceRoot":"","sources":["../src/explorer-navigator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE/D,KAAK,cAAc,GAAG;IAClB,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,MAAM,EAAE,cAAc,EAAE,CAAC;IACzB,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC,CAAC;
|
|
1
|
+
{"version":3,"file":"explorer-navigator.d.ts","sourceRoot":"","sources":["../src/explorer-navigator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE/D,KAAK,cAAc,GAAG;IAClB,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,MAAM,EAAE,cAAc,EAAE,CAAC;IACzB,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC,CAAC;AAgGF,QAAA,MAAM,cAAc,8CAA+C,cAAc,KAAG,SA2CnF,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -4,6 +4,33 @@ import * as Gtk from "@gtkx/gi/gtk";
|
|
|
4
4
|
import { AdwActionRow, AdwStatusPage } from "@gtkx/jsx/adw";
|
|
5
5
|
import { GtkBox, GtkLabel, GtkListBox, GtkScrolledWindow, GtkSearchEntry } from "@gtkx/jsx/gtk";
|
|
6
6
|
import { useState } from "react";
|
|
7
|
+
const TITLE_SEPARATOR = "/";
|
|
8
|
+
const titlePrefixes = (title) => title.split(TITLE_SEPARATOR).map((_, index, segments) => segments.slice(0, index + 1).join(TITLE_SEPARATOR));
|
|
9
|
+
const compareIndexPaths = (left, right) => {
|
|
10
|
+
for (const [index, value] of left.entries()) {
|
|
11
|
+
const other = right[index];
|
|
12
|
+
if (other === undefined) {
|
|
13
|
+
return 1;
|
|
14
|
+
}
|
|
15
|
+
if (value !== other) {
|
|
16
|
+
return value - other;
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
return left.length - right.length;
|
|
20
|
+
};
|
|
21
|
+
/**
|
|
22
|
+
* Groups stories by title, keeping titles that share a path prefix together as Storybook's sidebar nests
|
|
23
|
+
* them: the first title under each prefix decides where the prefix appears.
|
|
24
|
+
*/
|
|
25
|
+
const groupStoriesByTitle = (stories) => {
|
|
26
|
+
const firstOccurrence = new Map();
|
|
27
|
+
const groups = [...Map.groupBy(stories, (entry) => entry.title)].map(([title, entries], order) => ({
|
|
28
|
+
title,
|
|
29
|
+
entries,
|
|
30
|
+
path: titlePrefixes(title).map((prefix) => firstOccurrence.getOrInsert(prefix, order)),
|
|
31
|
+
}));
|
|
32
|
+
return groups.toSorted((left, right) => compareIndexPaths(left.path, right.path));
|
|
33
|
+
};
|
|
7
34
|
const StoryGroup = ({ title, entries, selectedId, onSelect }) => (_jsxs(GtkBox, { orientation: Gtk.Orientation.VERTICAL, spacing: 6, children: [_jsx(GtkLabel, { label: title, xalign: 0, marginStart: 18, marginEnd: 18, cssClasses: ["heading"], wrap: true }), _jsx(GtkListBox, { cssClasses: ["navigation-sidebar"], selectedIndex: entries.findIndex((entry) => entry.id === selectedId), onRowSelected: (row) => {
|
|
8
35
|
const entry = row === null ? undefined : entries[row.getIndex()];
|
|
9
36
|
if (entry) {
|
|
@@ -16,10 +43,10 @@ const LoadErrors = ({ errors }) => errors.length > 0 && (_jsx(GtkBox, { name: "s
|
|
|
16
43
|
const StoryNavigator = ({ stories, errors, selectedId, onSelect }) => {
|
|
17
44
|
const [search, setSearch] = useState("");
|
|
18
45
|
const query = search.trim().toLocaleLowerCase();
|
|
19
|
-
const groups =
|
|
46
|
+
const groups = groupStoriesByTitle(stories.filter((entry) => `${entry.title} ${entry.name}`.toLocaleLowerCase().includes(query)));
|
|
20
47
|
return (_jsxs(GtkBox, { orientation: Gtk.Orientation.VERTICAL, spacing: 12, children: [_jsx(GtkSearchEntry, { name: "storybook-search", placeholderText: "Search stories", text: search, marginStart: 12, marginEnd: 12, onChanged: (entry) => {
|
|
21
48
|
setSearch(entry.getText());
|
|
22
|
-
} }), _jsx(GtkScrolledWindow, { hscrollbarPolicy: Gtk.PolicyType.NEVER, vexpand: true, children: _jsxs(GtkBox, { orientation: Gtk.Orientation.VERTICAL, spacing: 18, marginBottom: 18, children: [
|
|
49
|
+
} }), _jsx(GtkScrolledWindow, { hscrollbarPolicy: Gtk.PolicyType.NEVER, vexpand: true, children: _jsxs(GtkBox, { orientation: Gtk.Orientation.VERTICAL, spacing: 18, marginBottom: 18, children: [groups.map(({ title, entries }) => (_jsx(StoryGroup, { title: title, entries: entries, selectedId: selectedId, onSelect: onSelect }, title))), groups.length === 0 && (_jsx(AdwStatusPage, { name: "storybook-no-matches", title: query ? "No matching stories" : "No stories", iconName: "system-search-symbolic", cssClasses: ["compact"] })), _jsx(LoadErrors, { errors: errors })] }) })] }));
|
|
23
50
|
};
|
|
24
51
|
export { StoryNavigator };
|
|
25
52
|
//# sourceMappingURL=explorer-navigator.js.map
|