@webstudio-is/react-sdk 0.7.2 → 0.7.3

package/lib/cjs/css/index.cjs

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./get-browser-style"), exports);
+__exportStar(require("./categories"), exports);
+__exportStar(require("./breakpoints"), exports);

package/lib/cjs/css/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./get-browser-style";
+export * from "./categories";
+export * from "./breakpoints";
+//# sourceMappingURL=index.d.ts.map

package/lib/cjs/css/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/css/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC"}

package/lib/cjs/db/index.cjs

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./types"), exports);
+__exportStar(require("./instance"), exports);

package/lib/cjs/db/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./types";
+export * from "./instance";
+//# sourceMappingURL=index.d.ts.map

package/lib/cjs/db/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/db/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC"}

package/lib/cjs/db/instance.cjs

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Instance = exports.toBaseInstance = void 0;
+const css_data_1 = require("@webstudio-is/css-data");
+const zod_1 = require("zod");
+const toBaseInstance = (instance) => {
+    return {
+        id: instance.id,
+        component: instance.component,
+        cssRules: instance.cssRules,
+    };
+};
+exports.toBaseInstance = toBaseInstance;
+exports.Instance = zod_1.z.lazy(() => zod_1.z.object({
+    id: zod_1.z.string(),
+    component: zod_1.z.string(),
+    children: zod_1.z.array(zod_1.z.union([exports.Instance, zod_1.z.string()])),
+    cssRules: zod_1.z.array(css_data_1.CssRule),
+})
+// @todo can't figure out how to make component to be z.enum(Object.keys(components))
+);

package/lib/cjs/db/instance.d.ts

@@ -0,0 +1,14 @@
+import { CssRule } from "@webstudio-is/css-data";
+import { z } from "zod";
+import * as components from "../components";
+export declare type BaseInstance = {
+    id: string;
+    component: keyof typeof components;
+    cssRules: Array<CssRule>;
+};
+export declare type Instance = BaseInstance & {
+    children: Array<Instance | string>;
+};
+export declare const toBaseInstance: (instance: Instance) => BaseInstance;
+export declare const Instance: z.ZodType<Instance, z.ZodTypeDef, Instance>;
+//# sourceMappingURL=instance.d.ts.map

package/lib/cjs/db/instance.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"instance.d.ts","sourceRoot":"","sources":["../../../src/db/instance.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,KAAK,UAAU,MAAM,eAAe,CAAC;AAI5C,oBAAY,YAAY,GAAG;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,OAAO,UAAU,CAAC;IACnC,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;CAC1B,CAAC;AAEF,oBAAY,QAAQ,GAAG,YAAY,GAAG;IACpC,QAAQ,EAAE,KAAK,CAAC,QAAQ,GAAG,MAAM,CAAC,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,cAAc,aAAc,QAAQ,KAAG,YAMnD,CAAC;AAEF,eAAO,MAAM,QAAQ,6CASG,CAAC"}

package/lib/cjs/db/types.cjs

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/cjs/db/types.d.ts

@@ -0,0 +1,17 @@
+import type { InstanceProps as DbInstanceProps } from "@webstudio-is/prisma-client";
+import type { UserProp } from "../user-props";
+import type { Instance } from "./instance";
+export declare type Tree = {
+    id: string;
+    root: Instance;
+};
+export declare type Props = {
+    props: string;
+    id: string;
+    instanceId: string;
+    treeId: string;
+};
+export declare type InstanceProps = Omit<DbInstanceProps, "props"> & {
+    props: Array<UserProp>;
+};
+//# sourceMappingURL=types.d.ts.map

package/lib/cjs/db/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/db/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,IAAI,eAAe,EAAE,MAAM,6BAA6B,CAAC;AACpF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE3C,oBAAY,IAAI,GAAG;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,QAAQ,CAAC;CAChB,CAAC;AAEF,oBAAY,KAAK,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AACF,oBAAY,aAAa,GAAG,IAAI,CAAC,eAAe,EAAE,OAAO,CAAC,GAAG;IAC3D,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;CACxB,CAAC"}

package/lib/cjs/index.cjs

@@ -0,0 +1,37 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.components = void 0;
+__exportStar(require("./css"), exports);
+__exportStar(require("./tree"), exports);
+exports.components = __importStar(require("./components"));
+__exportStar(require("./components/meta"), exports);
+__exportStar(require("./user-props"), exports);
+__exportStar(require("./pubsub"), exports);
+__exportStar(require("./db"), exports);
+__exportStar(require("./remix"), exports);

package/lib/cjs/index.d.ts

@@ -0,0 +1,9 @@
+export * from "./css";
+export * from "./tree";
+export * as components from "./components";
+export * from "./components/meta";
+export * from "./user-props";
+export * from "./pubsub";
+export * from "./db";
+export * from "./remix";
+//# sourceMappingURL=index.d.ts.map

package/lib/cjs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,OAAO,KAAK,UAAU,MAAM,cAAc,CAAC;AAC3C,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,MAAM,CAAC;AACrB,cAAc,SAAS,CAAC"}

package/lib/cjs/pubsub/create.cjs

@@ -0,0 +1,66 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createPubsub = void 0;
+const mitt_1 = __importDefault(require("mitt"));
+const react_1 = require("react");
+const createPubsub = () => {
+    // `mitt` has a somewhat annoying overload for `*` type that makes it hard to wrap in a generic context
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const emitter = (0, mitt_1.default)();
+    if (typeof window === "object") {
+        window.addEventListener("message", (event) => {
+            // @todo this has no type safety built in, could be anything from any source.
+            // we could potentially maintain a list of valid event types at runtime
+            // at the very least we could add a brand property or something to our events
+            if (typeof event.data?.type === "string") {
+                emitter.emit(event.data.type, event.data.payload);
+            }
+        }, false);
+    }
+    return {
+        /**
+         * To publish a postMessage event on the current window and parent window from the iframe.
+         */
+        publish(action) {
+            window.parent.postMessage(action, "*");
+            window.postMessage(action, "*");
+        },
+        /**
+         * To publish a postMessage event on the iframe and parent window from the parent window.
+         */
+        usePublish() {
+            const iframeRef = (0, react_1.useRef)(null);
+            const publishCallback = (0, react_1.useCallback)((action) => {
+                const element = iframeRef.current;
+                if (element?.contentWindow == null)
+                    return;
+                element.contentWindow.postMessage(action, "*");
+                window.postMessage(action, "*");
+            }, [iframeRef]);
+            return [publishCallback, iframeRef];
+        },
+        /**
+         * To subscribe a message event on the current window.
+         */
+        useSubscribe(type, onAction) {
+            (0, react_1.useEffect)(() => {
+                emitter.on(type, onAction);
+                return () => {
+                    emitter.off(type, onAction);
+                };
+            }, [type, onAction]);
+        },
+        useSubscribeAll(onAction) {
+            (0, react_1.useEffect)(() => {
+                emitter.on("*", onAction);
+                return () => {
+                    emitter.off("*", onAction);
+                };
+            }, [onAction]);
+        },
+    };
+};
+exports.createPubsub = createPubsub;

package/lib/cjs/pubsub/create.d.ts

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+export declare const createPubsub: <PublishMap>() => {
+    /**
+     * To publish a postMessage event on the current window and parent window from the iframe.
+     */
+    publish<Type extends keyof PublishMap>(action: undefined extends PublishMap[Type] ? {
+        type: Type;
+        payload?: PublishMap[Type] | undefined;
+    } : {
+        type: Type;
+        payload: PublishMap[Type];
+    }): void;
+    /**
+     * To publish a postMessage event on the iframe and parent window from the parent window.
+     */
+    usePublish(): readonly [<Type_1 extends keyof PublishMap>(action: undefined extends PublishMap[Type_1] ? {
+        type: Type_1;
+        payload?: PublishMap[Type_1] | undefined;
+    } : {
+        type: Type_1;
+        payload: PublishMap[Type_1];
+    }) => void, import("react").MutableRefObject<HTMLIFrameElement | null>];
+    /**
+     * To subscribe a message event on the current window.
+     */
+    useSubscribe<Type_2 extends keyof PublishMap>(type: Type_2, onAction: (payload: PublishMap[Type_2]) => void): void;
+    useSubscribeAll(onAction: <Type_3 extends keyof PublishMap>(type: Type_3, payload: PublishMap[Type_3]) => void): void;
+};
+//# sourceMappingURL=create.d.ts.map

package/lib/cjs/pubsub/create.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create.d.ts","sourceRoot":"","sources":["../../../src/pubsub/create.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,YAAY;IA0BrB;;OAEG;;;;;;;;IAMH;;OAEG;;;;;;;;IAeH;;OAEG;2GAGwC,IAAI;8GAcxC,IAAI;CAUd,CAAC"}

package/lib/cjs/pubsub/index.cjs

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./create"), exports);

package/lib/cjs/pubsub/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./create";
+//# sourceMappingURL=index.d.ts.map

package/lib/cjs/pubsub/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pubsub/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/lib/cjs/remix/handle-request.server.cjs

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleRequest = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const server_1 = require("react-dom/server");
+const react_1 = require("@remix-run/react");
+const handleRequest = (request, responseStatusCode, responseHeaders, remixContext) => {
+    const markup = (0, server_1.renderToString)((0, jsx_runtime_1.jsx)(react_1.RemixServer, { context: remixContext, url: request.url }));
+    responseHeaders.set("Content-Type", "text/html");
+    return new Response(`<!DOCTYPE html>${markup}`, {
+        status: responseStatusCode,
+        headers: responseHeaders,
+    });
+};
+exports.handleRequest = handleRequest;

package/lib/cjs/remix/handle-request.server.d.ts

@@ -0,0 +1,3 @@
+import type { EntryContext } from "@remix-run/node";
+export declare const handleRequest: (request: Request, responseStatusCode: number, responseHeaders: Headers, remixContext: EntryContext) => Response;
+//# sourceMappingURL=handle-request.server.d.ts.map

package/lib/cjs/remix/handle-request.server.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"handle-request.server.d.ts","sourceRoot":"","sources":["../../../src/remix/handle-request.server.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEpD,eAAO,MAAM,aAAa,YACf,OAAO,sBACI,MAAM,mBACT,OAAO,gBACV,YAAY,aAY3B,CAAC"}

package/lib/cjs/remix/index.cjs

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./root"), exports);
+__exportStar(require("./handle-request.server"), exports);

package/lib/cjs/remix/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./root";
+export * from "./handle-request.server";
+//# sourceMappingURL=index.d.ts.map

package/lib/cjs/remix/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/remix/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,yBAAyB,CAAC"}

package/lib/cjs/remix/root.cjs

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Root = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@remix-run/react");
+const remix_utils_1 = require("remix-utils");
+/**
+ * We are using Outlet prop from index layout when user renders site from a subdomain.
+ */
+const Root = ({ Outlet = react_1.Outlet, }) => {
+    return ((0, jsx_runtime_1.jsxs)("html", { lang: "en", children: [(0, jsx_runtime_1.jsxs)("head", { children: [(0, jsx_runtime_1.jsx)("meta", { charSet: "utf-8" }), (0, jsx_runtime_1.jsx)("meta", { name: "viewport", content: "width=device-width,initial-scale=1" }), (0, jsx_runtime_1.jsx)("link", { rel: "icon", href: "/favicon.ico", type: "image/x-icon" }), (0, jsx_runtime_1.jsx)("link", { rel: "shortcut icon", href: "/favicon.ico", type: "image/x-icon" }), (0, jsx_runtime_1.jsx)(react_1.Meta, {}), (0, jsx_runtime_1.jsx)(remix_utils_1.DynamicLinks, {}), (0, jsx_runtime_1.jsx)(react_1.Links, {})] }), (0, jsx_runtime_1.jsx)(Outlet, {})] }));
+};
+exports.Root = Root;

package/lib/cjs/remix/root.d.ts

@@ -0,0 +1,8 @@
+import { Outlet as DefaultOutlet } from "@remix-run/react";
+/**
+ * We are using Outlet prop from index layout when user renders site from a subdomain.
+ */
+export declare const Root: ({ Outlet, }: {
+    Outlet: typeof DefaultOutlet;
+}) => JSX.Element;
+//# sourceMappingURL=root.d.ts.map

package/lib/cjs/remix/root.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"root.d.ts","sourceRoot":"","sources":["../../../src/remix/root.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,MAAM,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGxE;;GAEG;AACH,eAAO,MAAM,IAAI;YAGP,oBAAoB;iBAiB7B,CAAC"}

package/lib/cjs/tree/create-elements-tree.cjs

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createElementsTree = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_2 = require("@remix-run/react");
+const session_storage_polyfill_1 = require("./session-storage-polyfill");
+const createElementsTree = ({ sandbox, instance, Component, onChangeChildren, }) => {
+    const children = createInstanceChildrenElements({
+        Component,
+        children: instance.children,
+        onChangeChildren,
+    });
+    const body = createInstanceElement({
+        Component,
+        instance,
+        children: [
+            (0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [children, sandbox && (0, jsx_runtime_1.jsx)(session_storage_polyfill_1.SessionStoragePolyfill, {}), (0, jsx_runtime_1.jsx)(react_2.ScrollRestoration, {}), (0, jsx_runtime_1.jsx)(react_2.Scripts, {})] }, "children"),
+        ],
+    });
+    return body;
+};
+exports.createElementsTree = createElementsTree;
+const createInstanceChildrenElements = ({ children, Component, onChangeChildren, }) => {
+    const elements = [];
+    for (const child of children) {
+        if (typeof child === "string") {
+            elements.push(child);
+            continue;
+        }
+        const children = createInstanceChildrenElements({
+            children: child.children,
+            Component,
+            onChangeChildren,
+        });
+        const element = createInstanceElement({
+            instance: child,
+            Component,
+            onChangeChildren,
+            children,
+        });
+        elements.push(element);
+    }
+    return elements;
+};
+const createInstanceElement = ({ Component, instance, children = [], onChangeChildren, }) => {
+    const props = {
+        instance,
+        children,
+        key: instance.id,
+        onChangeChildren,
+    };
+    return (0, jsx_runtime_1.jsx)(Component, { ...props });
+};

package/lib/cjs/tree/create-elements-tree.d.ts

@@ -0,0 +1,19 @@
+import { type ComponentProps } from "react";
+import type { Instance } from "../db";
+import { WrapperComponent } from "./wrapper-component";
+export declare type ChildrenUpdates = Array<string | {
+    id: undefined | Instance["id"];
+    component: Instance["component"];
+    children: ChildrenUpdates;
+}>;
+export declare type OnChangeChildren = (change: {
+    instanceId: Instance["id"];
+    updates: ChildrenUpdates;
+}) => void;
+export declare const createElementsTree: ({ sandbox, instance, Component, onChangeChildren, }: {
+    sandbox?: boolean | undefined;
+    instance: Instance;
+    Component: (props: ComponentProps<typeof WrapperComponent>) => JSX.Element;
+    onChangeChildren?: OnChangeChildren | undefined;
+}) => JSX.Element;
+//# sourceMappingURL=create-elements-tree.d.ts.map

package/lib/cjs/tree/create-elements-tree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-elements-tree.d.ts","sourceRoot":"","sources":["../../../src/tree/create-elements-tree.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAY,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAIvD,oBAAY,eAAe,GAAG,KAAK,CAC/B,MAAM,GACN;IACE,EAAE,EAAE,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC/B,SAAS,EAAE,QAAQ,CAAC,WAAW,CAAC,CAAC;IACjC,QAAQ,EAAE,eAAe,CAAC;CAC3B,CACJ,CAAC;AAEF,oBAAY,gBAAgB,GAAG,CAAC,MAAM,EAAE;IACtC,UAAU,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC3B,OAAO,EAAE,eAAe,CAAC;CAC1B,KAAK,IAAI,CAAC;AAEX,eAAO,MAAM,kBAAkB;;cAOnB,QAAQ;uBACC,eAAe,uBAAuB,CAAC,KAAK,WAAW;;iBAqB3E,CAAC"}

package/lib/cjs/tree/index.cjs

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./create-elements-tree"), exports);
+__exportStar(require("./root"), exports);
+__exportStar(require("./wrapper-component"), exports);

package/lib/cjs/tree/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./create-elements-tree";
+export * from "./root";
+export * from "./wrapper-component";
+//# sourceMappingURL=index.d.ts.map

package/lib/cjs/tree/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tree/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,QAAQ,CAAC;AACvB,cAAc,qBAAqB,CAAC"}

package/lib/cjs/tree/root.cjs

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InstanceRoot = void 0;
+const user_props_1 = require("../user-props/");
+const create_elements_tree_1 = require("./create-elements-tree");
+const wrapper_component_1 = require("./wrapper-component");
+const InstanceRoot = ({ data, Component, }) => {
+    if (data.tree === null) {
+        throw new Error("Tree is null");
+    }
+    (0, user_props_1.useAllUserProps)(data.props);
+    return (0, create_elements_tree_1.createElementsTree)({
+        instance: data.tree.root,
+        Component: Component ?? wrapper_component_1.WrapperComponent,
+    });
+};
+exports.InstanceRoot = InstanceRoot;

package/lib/cjs/tree/root.d.ts

@@ -0,0 +1,18 @@
+import type { Tree, InstanceProps } from "../db";
+import { WrapperComponent } from "./wrapper-component";
+import type { Asset } from "@webstudio-is/asset-uploader";
+import { type ComponentProps } from "react";
+import type { Breakpoint } from "@webstudio-is/css-data";
+export declare type Data = {
+    tree: Tree | null;
+    breakpoints: Array<Breakpoint>;
+    props: Array<InstanceProps>;
+    assets: Array<Asset>;
+};
+declare type RootProps = {
+    data: Data;
+    Component?: (props: ComponentProps<typeof WrapperComponent>) => JSX.Element;
+};
+export declare const InstanceRoot: ({ data, Component, }: RootProps) => JSX.Element | null;
+export {};
+//# sourceMappingURL=root.d.ts.map

package/lib/cjs/tree/root.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"root.d.ts","sourceRoot":"","sources":["../../../src/tree/root.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEzD,oBAAY,IAAI,GAAG;IACjB,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,WAAW,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC/B,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC;IAC5B,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;CACtB,CAAC;AAEF,aAAK,SAAS,GAAG;IACf,IAAI,EAAE,IAAI,CAAC;IACX,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC;CAC7E,CAAC;AAEF,eAAO,MAAM,YAAY,yBAGtB,SAAS,KAAG,WAAW,GAAG,IAS5B,CAAC"}

package/lib/cjs/tree/session-storage-polyfill.cjs

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SessionStoragePolyfill = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+// This is a temporary work around for https://github.com/remix-run/remix/issues/3659
+// The code is based on this discussion https://bugs.chromium.org/p/chromium/issues/detail?id=357625
+const polyfill = function () {
+    try {
+        const key = "__session_storage_availability_test__";
+        sessionStorage.setItem(key, "test"); // test
+        sessionStorage.removeItem(key); // cleanup
+    }
+    catch (error) {
+        alert('It looks like you have disabled cookies in your browser. Webstudio designer may not work properly.\n\nTo enable cookies, go to "Setting" > "Privacy and security" > "Cookies and other site data", and make sure neither "Block all cookies" nor "Block third-party cookies" are selected.\n\nRead more at https://support.google.com/chrome/answer/95647');
+        const data = new Map();
+        Object.defineProperty(window, "sessionStorage", {
+            value: {
+                setItem: (key, val) => {
+                    // eslint-disable-next-line no-console
+                    console.warn(`Session storage is unavailable due to Error "${error.message}". A polyfill is used to set value of "${key}". The value will be lost when the page is reloaded.`);
+                    data.set(key, String(val));
+                },
+                getItem: (key) => {
+                    // eslint-disable-next-line no-console
+                    console.warn(`Session storage is unavailable due to Error "${error.message}". A polyfill is used to get value of "${key}". The value will be undefined if the page was reloaded after it was set.`);
+                    return data.get(key);
+                },
+                removeItem: (key) => {
+                    data.delete(key);
+                },
+                clear: () => {
+                    data.clear();
+                },
+            },
+        });
+    }
+}.toString();
+const SessionStoragePolyfill = () => ((0, jsx_runtime_1.jsx)("script", { dangerouslySetInnerHTML: { __html: `(${polyfill})()` }, suppressHydrationWarning: true }));
+exports.SessionStoragePolyfill = SessionStoragePolyfill;

package/lib/cjs/tree/session-storage-polyfill.d.ts

@@ -0,0 +1,2 @@
+export declare const SessionStoragePolyfill: () => JSX.Element;
+//# sourceMappingURL=session-storage-polyfill.d.ts.map

package/lib/cjs/tree/session-storage-polyfill.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"session-storage-polyfill.d.ts","sourceRoot":"","sources":["../../../src/tree/session-storage-polyfill.tsx"],"names":[],"mappings":"AA4CA,eAAO,MAAM,sBAAsB,mBAKlC,CAAC"}