@wix/origami-runtime 0.0.0-stage → 0.19.1

package/README.md

@@ -1,3 +1,9 @@
-# Temporary Holding Version
+# Origami runtime
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Before local builds or tests, run `pnpm -r run build` from the repository root to build workspace dependencies in order.
+
+The root entry exports binding, provider, and component authoring helpers.
+
+Layout components and the shared DOM/CSS contract belong to
+[`@wix/origami-system-components`](../origami-system-components/README.md).
+This package has no layout subpaths or system-components dependency.

package/dist/bindings.d.ts

@@ -0,0 +1,44 @@
+declare const D: unique symbol;
+export type ContextHook<T> = () => T;
+type CtxData = {
+    [D]: 'ctx';
+    from: ContextHook<unknown>;
+    path: string;
+    placeholder?: unknown;
+};
+type RecordCall = (...args: unknown[]) => CallD;
+type CtxD = RecordCall & CtxData;
+type CallD = {
+    [D]: 'call';
+    target: CtxData;
+    args: unknown[];
+};
+type FnD = {
+    [D]: 'fn';
+    ref: (...a: unknown[]) => unknown;
+    args: unknown[];
+};
+type IsD = {
+    [D]: 'is';
+    binding: unknown;
+    value: unknown;
+};
+type AllD = {
+    [D]: 'all';
+    entries: unknown[];
+};
+export type Binding = CtxD | CallD | FnD | IsD | AllD;
+export declare const isBinding: (v: unknown) => v is Binding;
+type PathValue<M, P extends string> = M extends object ? P extends `${infer K}.${infer Rest}` ? K extends keyof M ? PathValue<M[K], Rest> : unknown : P extends keyof M ? M[P] : unknown : unknown;
+export declare const ctx: <M, P extends string>(path: P, opts: {
+    from: ContextHook<M>;
+    placeholder?: PathValue<NonNullable<M>, P>;
+}) => PathValue<NonNullable<M>, P>;
+export declare const fn: <T>(ref: (...a: never[]) => T, ...args: unknown[]) => T;
+export declare const is: <T>(binding: T, value: T) => boolean;
+export declare const all: (first: boolean, second: boolean, ...rest: boolean[]) => boolean;
+export declare const raw: <T>(value: T) => T;
+type Hooks = Map<ContextHook<unknown>, unknown>;
+export declare const resolve: (v: unknown, hooks?: Hooks, seen?: WeakSet<object>) => unknown;
+export declare const holds: (v: unknown, hooks?: Hooks, seen?: WeakSet<object>) => boolean;
+export {};

package/dist/bindings.js

@@ -0,0 +1,90 @@
+import { isValidElement } from 'react';
+const D = Symbol('origami.binding');
+const RAW = Symbol('origami.raw');
+export const isBinding = (v) => (typeof v === 'object' || typeof v === 'function') && v !== null && D in v;
+const isRaw = (v) => typeof v === 'object' && v !== null && RAW in v;
+const unwrap = (v) => v !== null && typeof v === 'object' && typeof v.get === 'function'
+    ? v.get()
+    : v;
+const pick = (o, path) => path
+    .split('.')
+    .reduce((v, k) => (v == null ? undefined : unwrap(unwrap(v)[k])), o);
+// document/bindings — each call returns a branded descriptor at authoring time, resolved lazily at
+// render time by resolve(). ctx()'s return type is derived from what the `from` hook returns (via
+// PathValue; NonNullable, since a hook used outside its provider may return undefined), so a call
+// site gets the real manifest-declared type back, not the descriptor's runtime shape: a binding is
+// a promise that the slot it's assigned to will eventually hold that value, exactly like a literal
+// of that type would. The descriptor is also a function, so `ctx(path, { from })(args)` works when
+// the path names a method: calling it runs nothing, it records the call for resolve().
+export const ctx = (path, opts) => {
+    // 1. What the binding holds: the hook to read and the path to walk.
+    const data = { [D]: 'ctx', from: opts.from, path, placeholder: opts.placeholder };
+    // 2. What calling it does: record the args, next to the data. Nothing runs until resolve().
+    const recordCall = (...args) => ({ [D]: 'call', target: data, args });
+    // 3. One value that is both: the function, with the data attached.
+    const binding = Object.assign(recordCall, data);
+    // 4. Typed as the value it will resolve to, so call sites type-check against the real value.
+    return binding;
+};
+export const fn = (ref, ...args) => ({ [D]: 'fn', ref: ref, args });
+// `value`'s type is tied to `binding`'s (T), not a fixed union — a binding derived from a boolean
+// field must be compared to a boolean, one derived from an enum field to a member of that enum,
+// with nothing hardcoded here to any one of those shapes.
+export const is = (binding, value) => ({ [D]: 'is', binding, value });
+// AND of two or more conditions: every entry must hold (see holds()).
+export const all = (first, second, ...rest) => ({ [D]: 'all', entries: [first, second, ...rest] });
+export const raw = (value) => ({ [RAW]: value });
+const isPlain = (v) => typeof v === 'object' && v !== null && Object.getPrototypeOf(v) === Object.prototype;
+// Each hook runs once per resolve(), on first use.
+const read = (hook, hooks) => {
+    if (!hooks.has(hook))
+        hooks.set(hook, hook());
+    return hooks.get(hook);
+};
+// Calls the hooks that ctx() bindings name, so it must run during render. Bindings are authored
+// statically per call site, so the same hooks run in the same order every render. A failing
+// binding resolves to undefined rather than throwing.
+export const resolve = (v, hooks = new Map(), seen = new WeakSet()) => {
+    if (isRaw(v))
+        return v[RAW];
+    if (isBinding(v)) {
+        try {
+            if (v[D] === 'ctx') {
+                const out = v.path ? pick(read(v.from, hooks), v.path) : unwrap(read(v.from, hooks));
+                return out === undefined ? v.placeholder : out;
+            }
+            // The method is read like any ctx() value, then called without a `this`.
+            if (v[D] === 'call') {
+                const method = resolve(v.target, hooks, seen);
+                const args = v.args.map(arg => resolve(arg, hooks, seen));
+                return method(...args);
+            }
+            if (v[D] === 'fn')
+                return v.ref(...v.args.map(a => resolve(a, hooks, seen)));
+            // Every entry is read, not just up to the first false one, so the hooks they name run in
+            // the same order every render.
+            if (v[D] === 'all')
+                return v.entries.map(e => holds(e, hooks, seen)).every(Boolean);
+            return resolve(v.binding, hooks, seen) === v.value;
+        }
+        catch (e) {
+            console.error('binding failed, left unresolved', e);
+            return undefined;
+        }
+    }
+    if (Array.isArray(v))
+        return v.map(x => resolve(x, hooks, seen));
+    if (isValidElement(v))
+        return v;
+    if (isPlain(v)) {
+        if (seen.has(v))
+            return v;
+        seen.add(v);
+        return Object.fromEntries(Object.entries(v).map(([k, x]) => [k, resolve(x, hooks, seen)]));
+    }
+    return v;
+};
+// A condition holds only when it resolves to a strict `true`, as thunderbolt reads it. False,
+// undefined, a merely truthy value, a failed binding and a raw() entry (opaque, never a match) don't.
+export const holds = (v, hooks, seen) => !isRaw(v) && resolve(v, hooks, seen) === true;
+//# sourceMappingURL=bindings.js.map

package/dist/bindings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bindings.js","sourceRoot":"","sources":["../src/bindings.ts"],"names":[],"mappings":"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"}

package/dist/classNames.d.ts

@@ -0,0 +1,4 @@
+export type Cond = unknown;
+export type ClassNames = string | Record<string, Cond | readonly Cond[]> | readonly ClassNames[] | undefined;
+export declare const cx: (block: string, value: ClassNames) => string;
+export declare const rootClass: (id: string, value: ClassNames) => string;

package/dist/classNames.js

@@ -0,0 +1,23 @@
+const on = (c) => Array.isArray(c) ? c.length > 0 && c.every(x => x === true) : c === true;
+const term = (block, name) => (name.startsWith('wix-visibility-') ? name : `${block}--${name}`);
+export const cx = (block, value) => {
+    const out = [];
+    const walk = (v) => {
+        if (v === undefined)
+            return;
+        if (typeof v === 'string')
+            return void v
+                .split(/\s+/)
+                .filter(Boolean)
+                .forEach(n => out.push(term(block, n)));
+        if (Array.isArray(v))
+            return void v.forEach(walk);
+        for (const [k, c] of Object.entries(v))
+            if (on(c))
+                out.push(term(block, k));
+    };
+    walk(value);
+    return out.join(' ');
+};
+export const rootClass = (id, value) => [id, cx(id, value)].filter(Boolean).join(' ');
+//# sourceMappingURL=classNames.js.map

package/dist/classNames.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"classNames.js","sourceRoot":"","sources":["../src/classNames.ts"],"names":[],"mappings":"AAMA,MAAM,EAAE,GAAG,CAAC,CAAyB,EAAW,EAAE,CAC9C,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAA;AAE5E,MAAM,IAAI,GAAG,CAAC,KAAa,EAAE,IAAY,EAAU,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,KAAK,IAAI,EAAE,CAAC,CAAA;AAEvH,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAa,EAAE,KAAiB,EAAU,EAAE;IAC3D,MAAM,GAAG,GAAa,EAAE,CAAA;IACxB,MAAM,IAAI,GAAG,CAAC,CAAa,EAAQ,EAAE;QACjC,IAAI,CAAC,KAAK,SAAS;YAAE,OAAM;QAC3B,IAAI,OAAO,CAAC,KAAK,QAAQ;YACrB,OAAO,KAAK,CAAC;iBACR,KAAK,CAAC,KAAK,CAAC;iBACZ,MAAM,CAAC,OAAO,CAAC;iBACf,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;QAC/C,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;YAAE,OAAO,KAAK,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;QACjD,KAAK,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,CAAyB,CAAC;YAAE,IAAI,EAAE,CAAC,CAAC,CAAC;gBAAE,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAA;IACvG,CAAC,CAAA;IACD,IAAI,CAAC,KAAK,CAAC,CAAA;IACX,OAAO,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AACxB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAU,EAAE,KAAiB,EAAU,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA"}

package/dist/components.d.ts

@@ -0,0 +1,9 @@
+import type { ReactElement, ReactNode } from 'react';
+export declare const Show: ({ when, children }: {
+    when: boolean;
+    children: ReactNode;
+}) => ReactElement | null;
+export declare const Remove: ({ when, children }: {
+    when: boolean;
+    children: ReactElement;
+}) => ReactElement | null;

package/dist/components.js

@@ -0,0 +1,10 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { holds, resolve } from './bindings';
+// Removing a component is the one visibility mode that changes the tree rather than the node.
+// Only a strict `false` removes — hence `when: boolean`, matching what
+// is()/ctx()-to-a-boolean-field/a literal all actually produce.
+export const Show = ({ when, children }) => resolve(when) === false ? null : _jsx(_Fragment, { children: children });
+// DM JSX 0.61's removed component: the outermost wrapper around exactly one component, no DOM node.
+// `when` is one condition or all(...); the child is removed only when it holds, else kept.
+export const Remove = ({ when, children }) => holds(when) ? null : children;
+//# sourceMappingURL=components.js.map

package/dist/components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3C,8FAA8F;AAC9F,uEAAuE;AACvE,gEAAgE;AAChE,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,EAA0C,EAAuB,EAAE,CACpG,OAAO,CAAC,IAAI,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,4BAAG,QAAQ,GAAI,CAAA;AAEpD,oGAAoG;AACpG,2FAA2F;AAC3F,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,EAA6C,EAAuB,EAAE,CACzG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAA"}

package/dist/define.d.ts

@@ -0,0 +1,92 @@
+export interface WixProps {
+    wixPath?: string;
+    presetsWrapperProps?: {
+        className?: string;
+    };
+}
+export interface WixElementProps {
+    wix?: WixProps;
+}
+export interface PropBuilder<T> {
+    readonly _type: T;
+    readonly kind: string;
+    readonly meta: Record<string, unknown>;
+}
+/** `Image` from `@wix/editor-react-types`: the value of a manifest `image` prop. Wrappers name it wherever an image sits. */
+export type Image = {
+    uri?: string;
+    url: string;
+    name?: string;
+    height?: number;
+    width?: number;
+    animated?: boolean;
+    crop?: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    quality?: number;
+    alt?: string;
+};
+/** `Video` from `@wix/editor-react-types`: the value of a manifest `video` prop. */
+export type Video = {
+    uri: string;
+    name?: string;
+    sources: Array<{
+        quality: '1080p' | '720p' | '480p' | '360p';
+        width: number;
+        height: number;
+        types: Array<{
+            format: 'mp4' | 'mp4-luminance';
+            uri: string;
+            url: string;
+        }>;
+    }>;
+    adaptiveSources: Array<{
+        format: 'hls' | 'dash';
+        uri: string;
+        url: string;
+    }>;
+    hasAudio: boolean;
+    fps: number;
+    poster?: Image;
+};
+export declare const prop: {
+    text: (opts?: {
+        maxLength?: number;
+    }) => PropBuilder<string>;
+    richText: () => PropBuilder<string>;
+    boolean: () => PropBuilder<boolean>;
+    number: (opts?: {
+        min?: number;
+        max?: number;
+    }) => PropBuilder<number>;
+    event: <T = Event>(domEvent: string) => PropBuilder<(value: T) => void>;
+    enum: <T extends string>(...options: T[]) => PropBuilder<T>;
+    link: () => PropBuilder<{
+        href: string;
+        target?: string;
+    }>;
+    direction: () => PropBuilder<"ltr" | "rtl">;
+    vectorArt: () => PropBuilder<string>;
+    element: <T>() => PropBuilder<T>;
+    object: <T>() => PropBuilder<T>;
+    image: <T>() => PropBuilder<T>;
+    video: <T>() => PropBuilder<T>;
+};
+export interface ComponentDefinition<TProps extends Record<string, PropBuilder<any>>, TElements extends Record<string, PropBuilder<any>> = Record<string, never>> {
+    componentId: string;
+    compName: string;
+    props: TProps;
+    elements?: TElements;
+    presets?: string[];
+}
+export declare const defineComponent: <TProps extends Record<string, PropBuilder<any>>, TElements extends Record<string, PropBuilder<any>> = Record<string, never>>(def: ComponentDefinition<TProps, TElements>) => ComponentDefinition<TProps, TElements>;
+export type InferProps<D extends ComponentDefinition<any, any>> = {
+    [K in keyof D['props']]?: D['props'][K]['_type'];
+} & (keyof D['elements'] extends never ? unknown : {
+    elementProps?: {
+        [K in keyof D['elements']]?: D['elements'][K]['_type'];
+    };
+});

package/dist/define.js

@@ -0,0 +1,22 @@
+const makeProp = (kind, meta = {}) => ({ _type: undefined, kind, meta });
+export const prop = {
+    text: (opts) => makeProp('text', opts ?? {}),
+    richText: () => makeProp('richText'),
+    boolean: () => makeProp('boolean'),
+    number: (opts) => makeProp('number', opts ?? {}),
+    event: (domEvent) => makeProp('function', { domEvent }),
+    enum: (...options) => makeProp('textEnum', { options }),
+    link: () => makeProp('link'),
+    direction: () => makeProp('direction'),
+    vectorArt: () => makeProp('vectorArt'),
+    // A refElement slot — T is the child component's own generated Props type, imported by the generator.
+    element: () => makeProp('element'),
+    // Any other value — an object, an array, or one with no known shape (T = unknown); T comes from the generator.
+    object: () => makeProp('object'),
+    // An image or a video (the manifest's `image` and `video` types): typed like `object`, but marked so tools
+    // can find image and video props.
+    image: () => makeProp('image'),
+    video: () => makeProp('video'),
+};
+export const defineComponent = (def) => def;
+//# sourceMappingURL=define.js.map

package/dist/define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../src/define.ts"],"names":[],"mappings":"AA4CA,MAAM,QAAQ,GAAG,CAAI,IAAY,EAAE,OAAgC,EAAE,EAAkB,EAAE,CACrF,CAAC,EAAE,KAAK,EAAE,SAAyB,EAAE,IAAI,EAAE,IAAI,EAAE,CAAmB,CAAA;AAExE,MAAM,CAAC,MAAM,IAAI,GAAG;IAChB,IAAI,EAAE,CAAC,IAA6B,EAAE,EAAE,CAAC,QAAQ,CAAS,MAAM,EAAE,IAAI,IAAI,EAAE,CAAC;IAC7E,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAS,UAAU,CAAC;IAC5C,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAU,SAAS,CAAC;IAC3C,MAAM,EAAE,CAAC,IAAqC,EAAE,EAAE,CAAC,QAAQ,CAAS,QAAQ,EAAE,IAAI,IAAI,EAAE,CAAC;IACzF,KAAK,EAAE,CAAY,QAAgB,EAAE,EAAE,CAAC,QAAQ,CAAqB,UAAU,EAAE,EAAE,QAAQ,EAAE,CAAC;IAC9F,IAAI,EAAE,CAAmB,GAAG,OAAY,EAAE,EAAE,CAAC,QAAQ,CAAI,UAAU,EAAE,EAAE,OAAO,EAAE,CAAC;IACjF,IAAI,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAoC,MAAM,CAAC;IAC/D,SAAS,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAgB,WAAW,CAAC;IACrD,SAAS,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAS,WAAW,CAAC;IAC9C,sGAAsG;IACtG,OAAO,EAAE,GAAM,EAAE,CAAC,QAAQ,CAAI,SAAS,CAAC;IACxC,+GAA+G;IAC/G,MAAM,EAAE,GAAM,EAAE,CAAC,QAAQ,CAAI,QAAQ,CAAC;IACtC,2GAA2G;IAC3G,kCAAkC;IAClC,KAAK,EAAE,GAAM,EAAE,CAAC,QAAQ,CAAI,OAAO,CAAC;IACpC,KAAK,EAAE,GAAM,EAAE,CAAC,QAAQ,CAAI,OAAO,CAAC;CACvC,CAAA;AAkBD,MAAM,CAAC,MAAM,eAAe,GAAG,CAM3B,GAA2C,EACL,EAAE,CAAC,GAAG,CAAA"}

package/dist/index.d.ts

@@ -0,0 +1,9 @@
+export { all, ctx, fn, is, raw, resolve, isBinding } from './bindings';
+export type { Binding, ContextHook } from './bindings';
+export { Remove, Show } from './components';
+export { withOrigami } from './withOrigami';
+export { withInteractions } from './withInteractions';
+export { cx, rootClass } from './classNames';
+export type { ClassNames, Cond } from './classNames';
+export { prop, defineComponent } from './define';
+export type { WixProps, WixElementProps, PropBuilder, ComponentDefinition, InferProps, Image, Video } from './define';

package/dist/index.js

@@ -0,0 +1,7 @@
+export { all, ctx, fn, is, raw, resolve, isBinding } from './bindings';
+export { Remove, Show } from './components';
+export { withOrigami } from './withOrigami';
+export { withInteractions } from './withInteractions';
+export { cx, rootClass } from './classNames';
+export { prop, defineComponent } from './define';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAEtE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAE5C,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA"}

package/dist/withInteractions.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const withInteractions: (Component: any) => (props: any) => React.JSX.Element;

package/dist/withInteractions.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { InteractionsDefinition } from '@wix/site-service-interactions/definition';
+import { useService } from '@wix/services-manager-react';
+// Copied from wix-next's @wix/builder-interactions, not imported from it: a component with
+// interactions renders inside an <interact-element> keyed by its comp path, else its id.
+export const withInteractions = Component => props => {
+    const { hasInteractions } = useService(InteractionsDefinition);
+    const key = props.wix?.compPath ?? props.id;
+    if (hasInteractions(key)) {
+        return (_jsx("interact-element", { "data-interact-key": key, children: _jsx(Component, { ...props }) }));
+    }
+    return _jsx(Component, { ...props });
+};
+//# sourceMappingURL=withInteractions.js.map

package/dist/withInteractions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withInteractions.js","sourceRoot":"","sources":["../src/withInteractions.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,sBAAsB,EAAE,MAAM,2CAA2C,CAAA;AAClF,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAA;AAExD,2FAA2F;AAC3F,yFAAyF;AACzF,MAAM,CAAC,MAAM,gBAAgB,GAAG,SAAS,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE;IACjD,MAAM,EAAE,eAAe,EAAE,GAAG,UAAU,CAAC,sBAAsB,CAAC,CAAA;IAE9D,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,EAAE,QAAQ,IAAI,KAAK,CAAC,EAAE,CAAA;IAE3C,IAAI,eAAe,CAAC,GAAG,CAAC,EAAE,CAAC;QACvB,OAAO,CACH,gDAAqC,GAAG,YACpC,KAAC,SAAS,OAAK,KAAK,GAAI,GACT,CACtB,CAAA;IACL,CAAC;IACD,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAA;AACnC,CAAC,CAAA"}

package/dist/withOrigami.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentType, FunctionComponent } from 'react';
+export declare const withOrigami: <P extends object>(Component: ComponentType<P>) => FunctionComponent<P>;

package/dist/withOrigami.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { isBinding, resolve } from './bindings';
+// Resolve the authored props (reading the hooks they bind to), render the real component.
+export const withOrigami = (Component) => {
+    const W = (props) => {
+        for (const [k, v] of Object.entries(props)) {
+            if (/^on[A-Z]/.test(k) && isBinding(v)) {
+                throw new Error(`${k}: a callback has no spelling (ADR-0015); fn() would run at render`);
+            }
+        }
+        const resolved = resolve(props);
+        return _jsx(Component, { ...resolved });
+    };
+    W.displayName = `Origami(${Component.displayName ?? Component.name})`;
+    return W;
+};
+//# sourceMappingURL=withOrigami.js.map

package/dist/withOrigami.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withOrigami.js","sourceRoot":"","sources":["../src/withOrigami.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAE/C,0FAA0F;AAC1F,MAAM,CAAC,MAAM,WAAW,GAAG,CAAmB,SAA2B,EAAwB,EAAE;IAC/F,MAAM,CAAC,GAAyB,CAAC,KAAQ,EAAE,EAAE;QACzC,KAAK,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAgC,CAAC,EAAE,CAAC;YACpE,IAAI,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;gBACrC,MAAM,IAAI,KAAK,CAAC,GAAG,CAAC,mEAAmE,CAAC,CAAA;YAC5F,CAAC;QACL,CAAC;QACD,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAM,CAAA;QACpC,OAAO,KAAC,SAAS,OAAK,QAAQ,GAAI,CAAA;IACtC,CAAC,CAAA;IACD,CAAC,CAAC,WAAW,GAAG,WAAW,SAAS,CAAC,WAAW,IAAI,SAAS,CAAC,IAAI,GAAG,CAAA;IACrE,OAAO,CAAC,CAAA;AACZ,CAAC,CAAA"}

package/package.json

@@ -1,6 +1,65 @@
 {
   "name": "@wix/origami-runtime",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.19.1",
+  "description": "React runtime for Origami-generated component wrappers: context bindings, providers, and className resolution",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "!**/*.tsbuildinfo"
+  ],
+  "scripts": {
+    "build": "tsc -b .",
+    "lint": "oxlint .",
+    "test-type-check": "tsc --project tsconfig.test.json",
+    "test": "pnpm run test-type-check && vitest --run",
+    "clean": "rm -rf dist tsconfig.tsbuildinfo"
+  },
+  "devDependencies": {
+    "@testing-library/react": "^16.3.0",
+    "@types/react": "^18.3.1",
+    "@wix/services-manager": "^1.0.7",
+    "@wix/services-manager-react": "^1.0.8",
+    "@wix/site-service-interactions": "^1.0.28",
+    "jsdom": "^23.0.1",
+    "react": "^18.3.1",
+    "typescript": "^6.0.3",
+    "vitest": "^4.1.11"
+  },
+  "peerDependencies": {
+    "@wix/services-manager": "^1.0.7",
+    "@wix/services-manager-react": "^1.0.8",
+    "@wix/site-service-interactions": "^1.0.28",
+    "react": "^18.3.1"
+  },
+  "publishUnscoped": false,
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "wix": {
+    "artifact": {
+      "groupId": "com.wixpress.npm",
+      "artifactId": "origami-runtime",
+      "targets": {
+        "docker": false
+      }
+    },
+    "validations": {
+      "source": [
+        "lint"
+      ],
+      "postBuild": [
+        "test"
+      ]
+    }
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    }
+  },
+  "type": "module",
+  "falconPackageHash": "9832fc171b32f1c1c561fe7a7697e74d239d6147aa28d124085769b9"
 }