component-previewer 0.1.0

package/lib/module/controls.js

@@ -0,0 +1,112 @@
+"use strict";
+
+// A render-ready control descriptor. Pure data — the UI maps these to inputs.
+
+// Normalize an ArgType's `control` (string shorthand or { type, ... }) into a
+// kind plus any numeric bounds. Returns kind: undefined when no control given.
+function explicit(argType) {
+  const c = argType?.control;
+  if (!c) return {};
+  if (typeof c === 'string') {
+    return {
+      kind: c,
+      min: argType?.min,
+      max: argType?.max,
+      step: argType?.step
+    };
+  }
+  return {
+    kind: c.type,
+    min: c.min ?? argType?.min,
+    max: c.max ?? argType?.max,
+    step: c.step ?? argType?.step
+  };
+}
+function toNumber(value) {
+  return typeof value === 'number' ? value : Number(value);
+}
+function toText(value) {
+  return typeof value === 'string' ? value : value == null ? '' : String(value);
+}
+
+// Build controls for a story's editable args. Explicit `argTypes` win; otherwise
+// the kind is inferred from the runtime value type. `range` becomes a number
+// control with bounds. `select` needs `options`, else it degrades to text.
+// Non-primitive values (function/object/array/null/undefined) with no explicit
+// control are skipped — they pass through to render untouched.
+export function inferControls(args, argTypes = {}) {
+  const controls = [];
+  for (const name of Object.keys(args)) {
+    const value = args[name];
+    const {
+      kind,
+      min,
+      max,
+      step
+    } = explicit(argTypes[name]);
+    if (kind === 'select') {
+      const options = argTypes[name]?.options;
+      if (options && options.length > 0) {
+        controls.push({
+          name,
+          kind: 'select',
+          value,
+          options
+        });
+        continue;
+      }
+      // No options to choose from — fall back to a text control.
+      controls.push({
+        name,
+        kind: 'text',
+        value: toText(value)
+      });
+      continue;
+    }
+    if (kind === 'number' || kind === 'range') {
+      controls.push({
+        name,
+        kind: 'number',
+        value: toNumber(value),
+        min,
+        max,
+        step
+      });
+      continue;
+    }
+    if (kind === 'boolean') {
+      controls.push({
+        name,
+        kind: 'boolean',
+        value: Boolean(value)
+      });
+      continue;
+    }
+    if (kind === 'text') {
+      controls.push({
+        name,
+        kind: 'text',
+        value: toText(value)
+      });
+      continue;
+    }
+
+    // No explicit control — infer from the value type.
+    if (typeof value === 'string') controls.push({
+      name,
+      kind: 'text',
+      value
+    });else if (typeof value === 'number') controls.push({
+      name,
+      kind: 'number',
+      value
+    });else if (typeof value === 'boolean') controls.push({
+      name,
+      kind: 'boolean',
+      value
+    });
+    // else: skipped (function/object/array/null/undefined).
+  }
+  return controls;
+}
+//# sourceMappingURL=controls.js.map

package/lib/module/controls.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["explicit","argType","c","control","kind","min","max","step","type","toNumber","value","Number","toText","String","inferControls","args","argTypes","controls","name","Object","keys","options","length","push","Boolean"],"sourceRoot":"../../src","sources":["controls.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/csf.js

@@ -0,0 +1,63 @@
+"use strict";
+
+import { createElement } from 'react';
+const RESERVED = new Set(['default', '__esModule']);
+function slug(s) {
+  return s.toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/^-|-$/g, '');
+}
+function deriveTitle(meta, id) {
+  if (meta?.title) return meta.title;
+  const c = meta?.component;
+  if (c?.displayName) return c.displayName;
+  if (c?.name) return c.name;
+  return id.replace(/^.*\//, '').replace(/\.stories\.[jt]sx?$/, '');
+}
+function normalizeStory(raw) {
+  if (typeof raw === 'function') return {
+    render: raw
+  };
+  if (raw && typeof raw === 'object') return raw;
+  return null;
+}
+
+// Parse one CSF module into normalized story entries. Pure: no rendering, no
+// host libraries. This is the heart of the surface-agnostic core.
+export function parseCsfModule(id, mod) {
+  const meta = mod.default;
+  const title = deriveTitle(meta, id);
+  const entries = [];
+  for (const exportName of Object.keys(mod)) {
+    if (RESERVED.has(exportName)) continue;
+    const story = normalizeStory(mod[exportName]);
+    if (!story) continue;
+    const args = {
+      ...(meta?.args ?? {}),
+      ...(story.args ?? {})
+    };
+    // argTypes merge with the same precedence as args (story wins over meta).
+    const argTypes = {
+      ...(meta?.argTypes ?? {}),
+      ...(story.argTypes ?? {})
+    };
+    // Story decorators wrap innermost, meta decorators outer (Storybook order).
+    const decorators = [...(story.decorators ?? []), ...(meta?.decorators ?? [])];
+    const name = story.name ?? exportName;
+    const render = story.render ?? (a => {
+      if (!meta?.component) {
+        throw new Error(`Story "${exportName}" in ${id}: no render fn and meta has no component`);
+      }
+      return /*#__PURE__*/createElement(meta.component, a);
+    });
+    entries.push({
+      id: `${slug(title)}--${slug(name)}`,
+      title,
+      name,
+      args,
+      argTypes,
+      decorators,
+      render
+    });
+  }
+  return entries;
+}
+//# sourceMappingURL=csf.js.map

package/lib/module/csf.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createElement","RESERVED","Set","slug","s","toLowerCase","replace","deriveTitle","meta","id","title","c","component","displayName","name","normalizeStory","raw","render","parseCsfModule","mod","default","entries","exportName","Object","keys","has","story","args","argTypes","decorators","a","Error","push"],"sourceRoot":"../../src","sources":["csf.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+// Surface-agnostic core
+export { parseCsfModule } from "./csf.js";
+export { buildRegistry, fromRequireContext, fromGlob } from "./registry.js";
+export { composeStory } from "./shell.js";
+export { inferControls } from "./controls.js";
+// UI (reused by backends)
+export { Previewer } from "./Previewer.js";
+//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["parseCsfModule","buildRegistry","fromRequireContext","fromGlob","composeStory","inferControls","Previewer"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA;AACA,SAASA,cAAc,QAAQ,UAAO;AACtC,SAASC,aAAa,EAAEC,kBAAkB,EAAEC,QAAQ,QAAQ,eAAY;AACxE,SAASC,YAAY,QAAQ,YAAS;AAEtC,SAASC,aAAa,QAAQ,eAAY;AAgB1C;AACA,SAASC,SAAS,QAAQ,gBAAa","ignoreList":[]}

package/lib/module/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/lib/module/registry.js

@@ -0,0 +1,28 @@
+"use strict";
+
+import { parseCsfModule } from "./csf.js";
+// Build a sorted, flattened registry from already-loaded story modules.
+export function buildRegistry(modules) {
+  return modules.slice().sort((a, b) => a.id.localeCompare(b.id)).flatMap(({
+    id,
+    module
+  }) => parseCsfModule(id, module));
+}
+
+// Discovery adapter — Metro's require.context (native + web/Metro).
+export function fromRequireContext(ctx) {
+  return buildRegistry(ctx.keys().map(id => ({
+    id,
+    module: ctx(id)
+  })));
+}
+
+// Discovery adapter — Vite's eager import.meta.glob (web/Vite backend).
+// Pass `import.meta.glob('...', { eager: true })`.
+export function fromGlob(glob) {
+  return buildRegistry(Object.entries(glob).map(([id, module]) => ({
+    id,
+    module
+  })));
+}
+//# sourceMappingURL=registry.js.map

package/lib/module/registry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["parseCsfModule","buildRegistry","modules","slice","sort","a","b","id","localeCompare","flatMap","module","fromRequireContext","ctx","keys","map","fromGlob","glob","Object","entries"],"sourceRoot":"../../src","sources":["registry.ts"],"mappings":";;AAAA,SAASA,cAAc,QAAQ,UAAO;AAGtC;AACA,OAAO,SAASC,aAAaA,CAACC,OAAiD,EAAgB;EAC7F,OAAOA,OAAO,CACXC,KAAK,CAAC,CAAC,CACPC,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAKD,CAAC,CAACE,EAAE,CAACC,aAAa,CAACF,CAAC,CAACC,EAAE,CAAC,CAAC,CACxCE,OAAO,CAAC,CAAC;IAAEF,EAAE;IAAEG;EAAO,CAAC,KAAKV,cAAc,CAACO,EAAE,EAAEG,MAAM,CAAC,CAAC;AAC5D;;AAEA;AACA,OAAO,SAASC,kBAAkBA,CAACC,GAAmB,EAAgB;EACpE,OAAOX,aAAa,CAACW,GAAG,CAACC,IAAI,CAAC,CAAC,CAACC,GAAG,CAAEP,EAAE,KAAM;IAAEA,EAAE;IAAEG,MAAM,EAAEE,GAAG,CAACL,EAAE;EAAe,CAAC,CAAC,CAAC,CAAC;AACtF;;AAEA;AACA;AACA,OAAO,SAASQ,QAAQA,CAACC,IAAiB,EAAgB;EACxD,OAAOf,aAAa,CAACgB,MAAM,CAACC,OAAO,CAACF,IAAI,CAAC,CAACF,GAAG,CAAC,CAAC,CAACP,EAAE,EAAEG,MAAM,CAAC,MAAM;IAAEH,EAAE;IAAEG;EAAO,CAAC,CAAC,CAAC,CAAC;AACpF","ignoreList":[]}

package/lib/module/shell.js

@@ -0,0 +1,18 @@
+"use strict";
+
+import { createElement } from 'react';
+// Compose the full element for a story:
+//   AppShell (outer, single source of truth) > decorators > story.render(args).
+// The real-shell contract: the host's AppShell ALWAYS wraps outside; CSF
+// decorators run inside it. Pure — returns an element tree, does not mount.
+// `args` defaults to the story's declared args; pass an override for live edits.
+export function composeStory(entry, Shell, args = entry.args) {
+  let node = entry.render(args);
+  for (const decorate of entry.decorators) {
+    const inner = node;
+    const Story = () => inner;
+    node = decorate(Story);
+  }
+  return Shell ? /*#__PURE__*/createElement(Shell, null, node) : node;
+}
+//# sourceMappingURL=shell.js.map

package/lib/module/shell.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createElement","composeStory","entry","Shell","args","node","render","decorate","decorators","inner","Story"],"sourceRoot":"../../src","sources":["shell.tsx"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,OAAO;AAMrC;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,YAAYA,CAACC,KAAiB,EAAEC,KAAsB,EAAEC,IAAU,GAAGF,KAAK,CAACE,IAAI,EAAgB;EAC7G,IAAIC,IAAkB,GAAGH,KAAK,CAACI,MAAM,CAACF,IAAI,CAAC;EAE3C,KAAK,MAAMG,QAAQ,IAAIL,KAAK,CAACM,UAAU,EAAE;IACvC,MAAMC,KAAK,GAAGJ,IAAI;IAClB,MAAMK,KAAoB,GAAGA,CAAA,KAAMD,KAAK;IACxCJ,IAAI,GAAGE,QAAQ,CAACG,KAAK,CAAC;EACxB;EAEA,OAAOP,KAAK,gBAAGH,aAAa,CAACG,KAAK,EAAE,IAAI,EAAEE,IAAI,CAAC,GAAGA,IAAI;AACxD","ignoreList":[]}

package/lib/module/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["types.ts"],"mappings":"","ignoreList":[]}

package/lib/typescript/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/lib/typescript/src/PreviewControls.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { Control } from './controls.js';
+export declare function PreviewControls({ controls, onChange, onReset, }: {
+    controls: Control[];
+    onChange: (name: string, value: unknown) => void;
+    onReset: () => void;
+}): React.JSX.Element;
+//# sourceMappingURL=PreviewControls.d.ts.map

package/lib/typescript/src/PreviewControls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewControls.d.ts","sourceRoot":"","sources":["../../../src/PreviewControls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,eAAY,CAAC;AAI1C,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,QAAQ,EACR,OAAO,GACR,EAAE;IACD,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,qBAqBA"}

package/lib/typescript/src/PreviewList.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { StoryEntry } from './types.js';
+export declare function PreviewList({ entries, onSelect, }: {
+    entries: StoryEntry[];
+    onSelect: (entry: StoryEntry) => void;
+}): React.JSX.Element;
+//# sourceMappingURL=PreviewList.d.ts.map

package/lib/typescript/src/PreviewList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewList.d.ts","sourceRoot":"","sources":["../../../src/PreviewList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAS,CAAC;AAI1C,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,QAAQ,GACT,EAAE;IACD,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;CACvC,qBAwCA"}

package/lib/typescript/src/PreviewStage.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { type ShellComponent } from './shell.js';
+import type { StoryEntry } from './types.js';
+export declare function PreviewStage({ entry, shell, onBack, }: {
+    entry: StoryEntry;
+    shell?: ShellComponent;
+    onBack: () => void;
+}): React.JSX.Element;
+//# sourceMappingURL=PreviewStage.d.ts.map

package/lib/typescript/src/PreviewStage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewStage.d.ts","sourceRoot":"","sources":["../../../src/PreviewStage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAIjD,OAAO,EAAgB,KAAK,cAAc,EAAE,MAAM,YAAS,CAAC;AAC5D,OAAO,KAAK,EAAQ,UAAU,EAAE,MAAM,YAAS,CAAC;AAKhD,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,KAAK,EACL,MAAM,GACP,EAAE;IACD,KAAK,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB,qBA6BA"}

package/lib/typescript/src/Previewer.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { ShellComponent } from './shell.js';
+import type { StoryEntry } from './types.js';
+export declare function Previewer({ stories, shell, initialStoryId, }: {
+    stories: StoryEntry[];
+    shell?: ShellComponent;
+    initialStoryId?: string;
+}): React.JSX.Element;
+//# sourceMappingURL=Previewer.d.ts.map

package/lib/typescript/src/Previewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Previewer.d.ts","sourceRoot":"","sources":["../../../src/Previewer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAS,CAAC;AAC9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAS,CAAC;AAM1C,wBAAgB,SAAS,CAAC,EACxB,OAAO,EACP,KAAK,EACL,cAAc,GACf,EAAE;IACD,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,qBASA"}

package/lib/typescript/src/controls.d.ts

@@ -0,0 +1,24 @@
+import type { Args, ArgTypes } from './types.js';
+export type Control = {
+    name: string;
+    kind: 'text';
+    value: string;
+} | {
+    name: string;
+    kind: 'boolean';
+    value: boolean;
+} | {
+    name: string;
+    kind: 'number';
+    value: number;
+    min?: number;
+    max?: number;
+    step?: number;
+} | {
+    name: string;
+    kind: 'select';
+    value: unknown;
+    options: unknown[];
+};
+export declare function inferControls(args: Args, argTypes?: ArgTypes): Control[];
+//# sourceMappingURL=controls.d.ts.map

package/lib/typescript/src/controls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../../../src/controls.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAW,QAAQ,EAAe,MAAM,YAAS,CAAC;AAGpE,MAAM,MAAM,OAAO,GACf;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAC7C;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,SAAS,CAAC;IAAC,KAAK,EAAE,OAAO,CAAA;CAAE,GACjD;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,QAAQ,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,GAC1F;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,QAAQ,CAAC;IAAC,KAAK,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,OAAO,EAAE,CAAA;CAAE,CAAC;AA4BzE,wBAAgB,aAAa,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,GAAE,QAAa,GAAG,OAAO,EAAE,CAuC5E"}

package/lib/typescript/src/csf.d.ts

@@ -0,0 +1,3 @@
+import type { CsfModule, StoryEntry } from './types.js';
+export declare function parseCsfModule(id: string, mod: CsfModule): StoryEntry[];
+//# sourceMappingURL=csf.d.ts.map

package/lib/typescript/src/csf.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"csf.d.ts","sourceRoot":"","sources":["../../../src/csf.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAkB,SAAS,EAAe,UAAU,EAAE,MAAM,YAAS,CAAC;AA2BlF,wBAAgB,cAAc,CAAC,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,SAAS,GAAG,UAAU,EAAE,CA8BvE"}

package/lib/typescript/src/index.d.ts

@@ -0,0 +1,9 @@
+export { parseCsfModule } from './csf.js';
+export { buildRegistry, fromRequireContext, fromGlob } from './registry.js';
+export { composeStory } from './shell.js';
+export type { ShellComponent } from './shell.js';
+export { inferControls } from './controls.js';
+export type { Control } from './controls.js';
+export type { Args, ArgType, ArgTypes, ControlKind, CsfModule, Decorator, GlobModules, Meta, RequireContext, Story, StoryEntry, } from './types.js';
+export { Previewer } from './Previewer.js';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,UAAO,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,eAAY,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,YAAS,CAAC;AACvC,YAAY,EAAE,cAAc,EAAE,MAAM,YAAS,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,eAAY,CAAC;AAC3C,YAAY,EAAE,OAAO,EAAE,MAAM,eAAY,CAAC;AAC1C,YAAY,EACV,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,WAAW,EACX,SAAS,EACT,SAAS,EACT,WAAW,EACX,IAAI,EACJ,cAAc,EACd,KAAK,EACL,UAAU,GACX,MAAM,YAAS,CAAC;AAGjB,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAa,CAAC"}

package/lib/typescript/src/registry.d.ts

@@ -0,0 +1,8 @@
+import type { CsfModule, GlobModules, RequireContext, StoryEntry } from './types.js';
+export declare function buildRegistry(modules: Array<{
+    id: string;
+    module: CsfModule;
+}>): StoryEntry[];
+export declare function fromRequireContext(ctx: RequireContext): StoryEntry[];
+export declare function fromGlob(glob: GlobModules): StoryEntry[];
+//# sourceMappingURL=registry.d.ts.map

package/lib/typescript/src/registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../../../src/registry.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,YAAS,CAAC;AAGlF,wBAAgB,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,SAAS,CAAA;CAAE,CAAC,GAAG,UAAU,EAAE,CAK7F;AAGD,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,cAAc,GAAG,UAAU,EAAE,CAEpE;AAID,wBAAgB,QAAQ,CAAC,IAAI,EAAE,WAAW,GAAG,UAAU,EAAE,CAExD"}

package/lib/typescript/src/shell.d.ts

@@ -0,0 +1,7 @@
+import type { ComponentType, ReactElement } from 'react';
+import type { Args, StoryEntry } from './types.js';
+export type ShellComponent = ComponentType<{
+    children: ReactElement;
+}>;
+export declare function composeStory(entry: StoryEntry, Shell?: ShellComponent, args?: Args): ReactElement;
+//# sourceMappingURL=shell.d.ts.map

package/lib/typescript/src/shell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shell.d.ts","sourceRoot":"","sources":["../../../src/shell.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,YAAS,CAAC;AAEhD,MAAM,MAAM,cAAc,GAAG,aAAa,CAAC;IAAE,QAAQ,EAAE,YAAY,CAAA;CAAE,CAAC,CAAC;AAOvE,wBAAgB,YAAY,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,CAAC,EAAE,cAAc,EAAE,IAAI,GAAE,IAAiB,GAAG,YAAY,CAU7G"}

package/lib/typescript/src/types.d.ts

@@ -0,0 +1,49 @@
+import type { ComponentType, ReactElement } from 'react';
+export type Args = Record<string, unknown>;
+export type Decorator = (Story: ComponentType) => ReactElement;
+export type ControlKind = 'text' | 'number' | 'boolean' | 'select' | 'range';
+export type ArgType = {
+    control?: ControlKind | {
+        type: ControlKind;
+        min?: number;
+        max?: number;
+        step?: number;
+    };
+    options?: unknown[];
+    min?: number;
+    max?: number;
+    step?: number;
+};
+export type ArgTypes = Record<string, ArgType>;
+export type Meta = {
+    title?: string;
+    component?: ComponentType<any>;
+    args?: Args;
+    argTypes?: ArgTypes;
+    decorators?: Decorator[];
+};
+export type Story = {
+    name?: string;
+    args?: Args;
+    argTypes?: ArgTypes;
+    decorators?: Decorator[];
+    render?: (args: Args) => ReactElement;
+} | ((args: Args) => ReactElement);
+export type CsfModule = {
+    default?: Meta;
+} & Record<string, unknown>;
+export type StoryEntry = {
+    id: string;
+    title: string;
+    name: string;
+    args: Args;
+    argTypes: ArgTypes;
+    decorators: Decorator[];
+    render: (args: Args) => ReactElement;
+};
+export type RequireContext = {
+    keys(): string[];
+    (id: string): unknown;
+};
+export type GlobModules = Record<string, CsfModule>;
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/src/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAIzD,MAAM,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAI3C,MAAM,MAAM,SAAS,GAAG,CAAC,KAAK,EAAE,aAAa,KAAK,YAAY,CAAC;AAI/D,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE7E,MAAM,MAAM,OAAO,GAAG;IACpB,OAAO,CAAC,EAAE,WAAW,GAAG;QAAE,IAAI,EAAE,WAAW,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACzF,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAG/C,MAAM,MAAM,IAAI,GAAG;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IAGf,SAAS,CAAC,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAC/B,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC;CAC1B,CAAC;AAGF,MAAM,MAAM,KAAK,GACb;IACE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC;IACzB,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,YAAY,CAAC;CACvC,GACD,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,YAAY,CAAC,CAAC;AAGnC,MAAM,MAAM,SAAS,GAAG;IAAE,OAAO,CAAC,EAAE,IAAI,CAAA;CAAE,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAIrE,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,IAAI,CAAC;IACX,QAAQ,EAAE,QAAQ,CAAC;IACnB,UAAU,EAAE,SAAS,EAAE,CAAC;IACxB,MAAM,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,YAAY,CAAC;CACtC,CAAC;AAKF,MAAM,MAAM,cAAc,GAAG;IAAE,IAAI,IAAI,MAAM,EAAE,CAAC;IAAC,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,CAAC;AAGzE,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC"}

package/package.json

@@ -0,0 +1,88 @@
+{
+  "name": "component-previewer",
+  "version": "0.1.0",
+  "description": "Render a single React Native component instantly in its app's real provider shell, without booting the app.",
+  "license": "MIT",
+  "packageManager": "pnpm@11.5.3",
+  "author": "Edmond Ndanji <ndanjiedmond@gmail.com>",
+  "homepage": "https://github.com/2bTwist/component-previewer#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/2bTwist/component-previewer.git"
+  },
+  "bugs": {
+    "url": "https://github.com/2bTwist/component-previewer/issues"
+  },
+  "keywords": [
+    "react-native",
+    "expo",
+    "storybook",
+    "csf",
+    "component",
+    "preview",
+    "previewer",
+    "react-native-web",
+    "ios",
+    "devtools"
+  ],
+  "workspaces": [
+    "example"
+  ],
+  "source": "./src/index.ts",
+  "main": "./lib/module/index.js",
+  "module": "./lib/module/index.js",
+  "types": "./lib/typescript/src/index.d.ts",
+  "react-native": "./src/index.ts",
+  "exports": {
+    ".": {
+      "source": "./src/index.ts",
+      "types": "./lib/typescript/src/index.d.ts",
+      "default": "./lib/module/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "src",
+    "lib"
+  ],
+  "scripts": {
+    "build": "bob build",
+    "lint": "eslint src __tests__",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "prepare": "bob build"
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      [
+        "module",
+        {
+          "esm": true
+        }
+      ],
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ]
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*"
+  },
+  "devDependencies": {
+    "@types/react": "^19.2.17",
+    "eslint": "^10.5.0",
+    "react": "^19.2.7",
+    "react-native": "^0.86.0",
+    "react-native-builder-bob": "^0.42.1",
+    "typescript": "^6.0.3",
+    "typescript-eslint": "^8.61.0",
+    "vitest": "^4.1.8"
+  }
+}