@webstudio-is/react-sdk 0.5.1 → 0.7.0

package/lib/stitches/stitches.d.ts

@@ -0,0 +1,8 @@
+import { globalCss as globalCssImport, type CSS, css as createCss } from "@stitches/core";
+import type { Breakpoint } from "../css";
+export { type CSS };
+export declare const css: typeof createCss;
+export declare const globalCss: typeof globalCssImport;
+export declare const flushCss: () => any;
+export declare const setBreakpoints: (breakpoints: Array<Breakpoint>) => void;
+//# sourceMappingURL=stitches.d.ts.map

package/lib/stitches/stitches.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stitches.d.ts","sourceRoot":"","sources":["../../src/stitches/stitches.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,SAAS,IAAI,eAAe,EAC5B,KAAK,GAAG,EACR,GAAG,IAAI,SAAS,EACjB,MAAM,gBAAgB,CAAC;AACxB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAQzC,OAAO,EAAE,KAAK,GAAG,EAAE,CAAC;AASpB,eAAO,MAAM,GAAG,EAAE,OAAO,SAExB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,OAAO,eAE9B,CAAC;AAEF,eAAO,MAAM,QAAQ,WAKpB,CAAC;AAEF,eAAO,MAAM,cAAc,gBAAiB,MAAM,UAAU,CAAC,SAO5D,CAAC"}

package/lib/stitches/{css.js → stitches.js}

@@ -1,8 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.setBreakpoints = exports.getCssText = exports.globalCss = exports.css = exports.getCachedConfig = void 0;
+exports.setBreakpoints = exports.flushCss = exports.globalCss = exports.css = void 0;
 const core_1 = require("@stitches/core");
-Object.defineProperty(exports, "globalCss", { enumerable: true, get: function () { return core_1.globalCss; } });
 let media = {};
 // @todo needs fixing
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -13,15 +12,21 @@ const getCachedConfig = () => {
     }
     return stitches;
 };
-exports.getCachedConfig = getCachedConfig;
 const css = (...args) => {
-    return (0, exports.getCachedConfig)().css(...args);
+    return getCachedConfig().css(...args);
 };
 exports.css = css;
-const getCssText = () => {
-    return (0, exports.getCachedConfig)().getCssText();
+const globalCss = (...args) => {
+    return getCachedConfig().globalCss(...args);
 };
-exports.getCssText = getCssText;
+exports.globalCss = globalCss;
+const flushCss = () => {
+    const config = getCachedConfig();
+    const css = config.getCssText();
+    config.reset();
+    return css;
+};
+exports.flushCss = flushCss;
 const setBreakpoints = (breakpoints) => {
     const nextMedia = {};
     for (const breakpoint of breakpoints) {

package/lib/stitches/to-css.d.ts

@@ -1,4 +1,4 @@
-import type { CSS } from "./css";
+import type { CSS } from "./stitches";
 import type { StyleValue, CssRule, Breakpoint } from "../css";
 export declare const toValue: (value: StyleValue) => string;
 /**

package/lib/stitches/to-css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"to-css.d.ts","sourceRoot":"","sources":["../../src/stitches/to-css.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,KAAK,EAAiB,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAE7E,eAAO,MAAM,OAAO,UAAW,UAAU,KAAG,MAK3C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,KAAK,aACN,MAAM,OAAO,CAAC,eACX,MAAM,UAAU,CAAC,KAC7B,GAgCF,CAAC"}
+{"version":3,"file":"to-css.d.ts","sourceRoot":"","sources":["../../src/stitches/to-css.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,KAAK,EAAiB,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAG7E,eAAO,MAAM,OAAO,UAAW,UAAU,KAAG,MAa3C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,KAAK,aACN,MAAM,OAAO,CAAC,eACX,MAAM,UAAU,CAAC,KAC7B,GAgCF,CAAC"}

package/lib/stitches/to-css.js

@@ -1,10 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.toCss = exports.toValue = void 0;
+const fonts_1 = require("@webstudio-is/fonts");
 const toValue = (value) => {
     if (value.type === "unit") {
         return value.value + (value.unit === "number" ? "" : value.unit);
     }
+    if (value.type === "fontFamily") {
+        const family = value.value[0];
+        const fallbacks = fonts_1.SYSTEM_FONTS.get(family);
+        if (Array.isArray(fallbacks)) {
+            return [...value.value, ...fallbacks].join(", ");
+        }
+        return [...value.value, fonts_1.DEFAULT_FONT_FALLBACK].join(", ");
+    }
     return value.value;
 };
 exports.toValue = toValue;

package/lib/stitches/to-css.test.js

@@ -8,7 +8,7 @@ const breakpoints = css_1.initialBreakpoints.map((breakpoint, index) => ({
     projectId: "projectId",
 }));
 describe("Convert WS CSS rules to stitches", () => {
-    test("basic", () => {
+    test("keyword", () => {
         const cssRules = [
             {
                 style: {
@@ -27,6 +27,25 @@ describe("Convert WS CSS rules to stitches", () => {
             },
         });
     });
+    test("fontFamily", () => {
+        const cssRules = [
+            {
+                style: {
+                    fontFamily: {
+                        type: "fontFamily",
+                        value: ["Courier New"],
+                    },
+                },
+                breakpoint: "0",
+            },
+        ];
+        const stitchesCss = (0, to_css_1.toCss)(cssRules, breakpoints);
+        expect(stitchesCss).toEqual({
+            "@0": {
+                fontFamily: "Courier New, monospace",
+            },
+        });
+    });
     test("sort order based on maxWidth in breakpoints", () => {
         const cssRules = [
             {

package/lib/tree/root.d.ts

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

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

@@ -1 +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;AACjD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAGzC,OAAO,EAEL,KAAK,qBAAqB,EAC3B,MAAM,qBAAqB,CAAC;AAE7B,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;CAC7B,CAAC;AAEF,eAAO,MAAM,YAAY,cAIvB,CAAC;AAEH,aAAK,SAAS,GAAG;IACf,IAAI,EAAE,IAAI,CAAC;IACX,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,GAAG,CAAC,OAAO,CAAC;CAC3D,CAAC;AAEF,eAAO,MAAM,IAAI,wBAAyB,SAAS,KAAG,WAAW,GAAG,IAYnE,CAAC"}
+{"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;AACjD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAGzC,OAAO,EAEL,KAAK,qBAAqB,EAC3B,MAAM,qBAAqB,CAAC;AAM7B,OAAO,KAAK,EAAE,KAAK,EAAa,MAAM,8BAA8B,CAAC;AAGrE,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,eAAO,MAAM,eAAe;YAA0B,MAAM,KAAK,CAAC;UAmBjE,CAAC;AAEF,aAAK,SAAS,GAAG;IACf,IAAI,EAAE,IAAI,CAAC;IACX,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,GAAG,CAAC,OAAO,CAAC;CAC3D,CAAC;AAEF,eAAO,MAAM,YAAY,yBAGtB,SAAS,KAAG,WAAW,GAAG,IAY5B,CAAC"}

package/lib/tree/root.js

@@ -1,21 +1,34 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Root = exports.globalStyles = void 0;
+exports.InstanceRoot = exports.useGlobalStyles = void 0;
 const user_props_1 = require("../user-props/");
 const stitches_1 = require("../stitches");
 const create_elements_tree_1 = require("./create-elements-tree");
 const wrapper_component_1 = require("./wrapper-component");
-exports.globalStyles = (0, stitches_1.globalCss)({
-    html: {
-        height: "100%",
-    },
-});
-const Root = ({ data, Component }) => {
+const fonts_1 = require("@webstudio-is/fonts");
+const react_1 = require("react");
+const useGlobalStyles = ({ assets }) => {
+    const ref = (0, react_1.useRef)();
+    // This may look weird, but globalCss API doesn't allow us creating global styles with data,
+    // so we have to manually ensure calling it only once
+    if (ref.current === assets)
+        return;
+    const fontAssets = assets.filter((asset) => fonts_1.FONT_FORMATS.has(asset.format));
+    (0, stitches_1.globalCss)({
+        "@font-face": (0, fonts_1.getFontFaces)(fontAssets),
+        html: {
+            height: "100%",
+        },
+    })();
+    ref.current = assets;
+};
+exports.useGlobalStyles = useGlobalStyles;
+const InstanceRoot = ({ data, Component, }) => {
     if (data.tree === null) {
         throw new Error("Tree is null");
     }
     (0, stitches_1.setBreakpoints)(data.breakpoints);
-    (0, exports.globalStyles)();
+    (0, exports.useGlobalStyles)({ assets: data.assets });
     (0, user_props_1.useAllUserProps)(data.props);
     return (0, create_elements_tree_1.createElementsTree)({
         instance: data.tree.root,
@@ -23,4 +36,4 @@ const Root = ({ data, Component }) => {
         Component: Component ?? wrapper_component_1.WrapperComponent,
     });
 };
-exports.Root = Root;
+exports.InstanceRoot = InstanceRoot;

package/lib/user-props/schema.d.ts

@@ -1,5 +1,5 @@
 import { z } from "zod";
-export declare const UserPropSchema: z.ZodObject<{
+export declare const UserProp: z.ZodObject<{
     id: z.ZodString;
     prop: z.ZodString;
     value: z.ZodUnion<[z.ZodString, z.ZodBoolean]>;
@@ -15,7 +15,8 @@ export declare const UserPropSchema: z.ZodObject<{
     id: string;
     prop: string;
 }>;
-export declare const UserPropsSchema: z.ZodArray<z.ZodObject<{
+export declare type UserProp = z.infer<typeof UserProp>;
+export declare const UserProps: z.ZodArray<z.ZodObject<{
     id: z.ZodString;
     prop: z.ZodString;
     value: z.ZodUnion<[z.ZodString, z.ZodBoolean]>;

package/lib/user-props/schema.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../src/user-props/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;EAKzB,CAAC;AAEH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;WAA0B,CAAC"}
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../src/user-props/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;EAKnB,CAAC;AAEH,oBAAY,QAAQ,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEhD,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;WAAoB,CAAC"}

package/lib/user-props/schema.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.UserPropsSchema = exports.UserPropSchema = void 0;
+exports.UserProps = exports.UserProp = void 0;
 const zod_1 = require("zod");
-exports.UserPropSchema = zod_1.z.object({
+exports.UserProp = zod_1.z.object({
     id: zod_1.z.string(),
     prop: zod_1.z.string(),
     value: zod_1.z.union([zod_1.z.string(), zod_1.z.boolean()]),
     required: zod_1.z.optional(zod_1.z.boolean()),
 });
-exports.UserPropsSchema = zod_1.z.array(exports.UserPropSchema);
+exports.UserProps = zod_1.z.array(exports.UserProp);

package/lib/user-props/types.d.ts

@@ -1,7 +1,5 @@
-import { z } from "zod";
 import type { InstanceProps, Instance } from "../db";
-import { UserPropSchema } from "./schema";
-export declare type UserProp = z.infer<typeof UserPropSchema>;
+import { UserProp } from "./schema";
 export declare type UserPropsUpdates = {
     treeId: InstanceProps["treeId"];
     propsId: InstanceProps["id"];

package/lib/user-props/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/user-props/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1C,oBAAY,QAAQ,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,cAAc,CAAC,CAAC;AAEtD,oBAAY,gBAAgB,GAAG;IAC7B,MAAM,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IAChC,OAAO,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC;IAC7B,UAAU,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC3B,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;CAC1B,CAAC;AAEF,oBAAY,UAAU,GAAG;IACvB,UAAU,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC3B,MAAM,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;CACxB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/user-props/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,oBAAY,gBAAgB,GAAG;IAC7B,MAAM,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IAChC,OAAO,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC;IAC7B,UAAU,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC3B,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;CAC1B,CAAC;AAEF,oBAAY,UAAU,GAAG;IACvB,UAAU,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC3B,MAAM,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;CACxB,CAAC"}

package/lib/user-props/use-user-props.d.ts

@@ -1,5 +1,5 @@
 import { type Instance } from "../db";
-import { type UserProp } from "./types";
+import { type UserProp } from "./schema";
 declare type UserProps = {
     [prop: UserProp["prop"]]: UserProp["value"];
 };

package/lib/user-props/use-user-props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-user-props.d.ts","sourceRoot":"","sources":["../../src/user-props/use-user-props.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,SAAS,CAAC;AAGxC,aAAK,SAAS,GAAG;IAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAA;CAAE,CAAC;AAEjE;;;GAGG;AACH,eAAO,MAAM,YAAY,eAAgB,QAAQ,CAAC,IAAI,CAAC,cAuBtD,CAAC"}
+{"version":3,"file":"use-user-props.d.ts","sourceRoot":"","sources":["../../src/user-props/use-user-props.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAC;AAGzC,aAAK,SAAS,GAAG;IAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAA;CAAE,CAAC;AAEjE;;;GAGG;AACH,eAAO,MAAM,YAAY,eAAgB,QAAQ,CAAC,IAAI,CAAC,cAuBtD,CAAC"}

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@webstudio-is/react-sdk",
-  "version": "0.5.1",
+  "version": "0.7.0",
   "description": "Webstudio JavaScript / TypeScript API",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
   "scripts": {
     "dev": "tsup src/index.ts --format esm,cjs --watch --out-dir=lib",
-    "build": "yarn build:mdn-data && yarn build:args && yarn build:lib",
-    "build:mdn-data": "node --experimental-loader esbuild-node-loader ./bin/mdn-data.ts ./src/css",
-    "build:args": "node --experimental-loader esbuild-node-loader ./bin/generate-arg-types.ts './src/components/*.tsx !./src/**/*.stories.tsx !./src/**/*.ws.tsx'",
+    "build": "yarn build:lib",
+    "build:mdn-data": "tsx ./bin/mdn-data.ts ./src/css",
+    "build:args": "tsx ./bin/generate-arg-types.ts './src/components/*.tsx !./src/**/*.stories.tsx !./src/**/*.ws.tsx'",
     "typecheck": "tsc --noEmit",
-    "build:lib": "rm -fr lib && tsc",
+    "build:lib": "rm -fr lib tsconfig.tsbuildinfo && tsc",
     "test": "jest",
     "lint": "eslint ./src --ext .ts,.tsx --max-warnings 0",
     "checks": "yarn typecheck && yarn lint && yarn test",
@@ -20,6 +20,7 @@
   },
   "devDependencies": {
     "@babel/core": "^7.17.12",
+    "@esbuild-kit/esm-loader": "^2.4.2",
     "@remix-run/react": "^1.2.3",
     "@remix-run/server-runtime": "^1.2.3",
     "@storybook/addon-actions": "^6.5.6",
@@ -33,20 +34,20 @@
     "@types/css-tree": "^1.0.7",
     "@types/fs-extra": "^9.0.13",
     "@types/node": "^17.0.21",
+    "@webstudio-is/jest-config": "*",
+    "@webstudio-is/prisma-client": "*",
     "babel-loader": "^8.2.5",
     "camelcase": "^6.3.0",
     "css-tree": "^2.1.0",
     "esbuild": "^0.14.25",
     "esbuild-node-externals": "^1.4.1",
-    "esbuild-node-loader": "^0.8.0",
-    "@webstudio-is/jest-config": "*",
     "mdn-data": "2.0.23",
     "react": "^17.0.2",
     "react-docgen-typescript": "^2.2.2",
     "react-dom": "^17.0.2",
-    "@webstudio-is/prisma-client": "*",
     "tsup": "^6.1.3",
-    "typescript": "^4.6.2"
+    "tsx": "^3.9.0",
+    "typescript": "4.7.4"
   },
   "peerDependencies": {
     "@remix-run/react": "^1.2.3",
@@ -57,11 +58,13 @@
   },
   "dependencies": {
     "@stitches/core": "^1.2.7",
+    "@webstudio-is/asset-uploader": "^*",
     "@webstudio-is/icons": "*",
+    "@webstudio-is/jest-config": "*",
+    "@webstudio-is/fonts": "*",
     "immer": "^9.0.12",
     "mitt": "^3.0.0",
     "react-nano-state": "^0.4.0",
-    "@webstudio-is/jest-config": "*",
     "zod": "^3.17.3"
   },
   "main": "lib/index.js",

package/lib/pubsub/publish.d.ts

@@ -1,17 +0,0 @@
-import { MutableRefObject } from "react";
-declare type Action<Type, Payload> = {
-    type: Type;
-    payload?: Payload;
-};
-export declare type Publish = <Type, Payload = undefined>(action: Action<Type, Payload>) => void;
-declare type UsePublish = [Publish, MutableRefObject<HTMLIFrameElement | null>];
-/**
- * To publish a postMessage event on the iframe and parent window from the parent window.
- */
-export declare const usePublish: () => UsePublish;
-/**
- * To publish a postMessage event on the current window and parent window from the iframe.
- */
-export declare const publish: <Type extends string, Payload = undefined>(action: Action<Type, Payload>) => void;
-export {};
-//# sourceMappingURL=publish.d.ts.map

package/lib/pubsub/publish.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"publish.d.ts","sourceRoot":"","sources":["../../src/pubsub/publish.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAE9D,aAAK,MAAM,CAAC,IAAI,EAAE,OAAO,IAAI;IAC3B,IAAI,EAAE,IAAI,CAAC;IACX,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,oBAAY,OAAO,GAAG,CAAC,IAAI,EAAE,OAAO,GAAG,SAAS,EAC9C,MAAM,EAAE,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,KAC1B,IAAI,CAAC;AAEV,aAAK,UAAU,GAAG,CAAC,OAAO,EAAE,gBAAgB,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC,CAAC;AAExE;;GAEG;AACH,eAAO,MAAM,UAAU,kBAYtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,mFAKnB,CAAC"}

package/lib/pubsub/publish.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.publish = exports.usePublish = void 0;
-const react_1 = require("react");
-/**
- * To publish a postMessage event on the iframe and parent window from the parent window.
- */
-const 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];
-};
-exports.usePublish = usePublish;
-/**
- * To publish a postMessage event on the current window and parent window from the iframe.
- */
-const publish = (action) => {
-    window.parent.postMessage(action, "*");
-    window.postMessage(action, "*");
-};
-exports.publish = publish;

package/lib/pubsub/subscribe.d.ts

@@ -1,8 +0,0 @@
-declare type Events = Record<string, any>;
-export declare const emitter: import("mitt").Emitter<Events>;
-/**
- * To subscribe a message event on the current window.
- */
-export declare const useSubscribe: <Type extends string, Payload = undefined>(type: Type, onAction: (payload: Payload) => void) => void;
-export {};
-//# sourceMappingURL=subscribe.d.ts.map

package/lib/pubsub/subscribe.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"subscribe.d.ts","sourceRoot":"","sources":["../../src/pubsub/subscribe.ts"],"names":[],"mappings":"AAQA,aAAK,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAElC,eAAO,MAAM,OAAO,gCAAiB,CAAC;AAgBtC;;GAEG;AACH,eAAO,MAAM,YAAY,yFAES,IAAI,SAQrC,CAAC"}

package/lib/pubsub/subscribe.js

@@ -1,30 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSubscribe = exports.emitter = void 0;
-const mitt_1 = __importDefault(require("mitt"));
-const react_1 = require("react");
-exports.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, but see prior contra points.
-        if (typeof event.data?.type === "string") {
-            exports.emitter.emit(event.data.type, event.data.payload);
-        }
-    }, false);
-}
-/**
- * To subscribe a message event on the current window.
- */
-const useSubscribe = (type, onAction) => {
-    (0, react_1.useEffect)(() => {
-        exports.emitter.on(type, onAction);
-        return () => {
-            exports.emitter.off(type, onAction);
-        };
-    }, [type, onAction]);
-};
-exports.useSubscribe = useSubscribe;

package/lib/stitches/critical-css.d.ts

@@ -1,4 +0,0 @@
-import { getCssText as getCssTextDefault } from "./css";
-export declare const CriticalCss: () => JSX.Element | null;
-export declare const insertCriticalCss: (markup: string, getCssText?: typeof getCssTextDefault) => string;
-//# sourceMappingURL=critical-css.d.ts.map

package/lib/stitches/critical-css.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"critical-css.d.ts","sourceRoot":"","sources":["../../src/stitches/critical-css.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAIxD,eAAO,MAAM,WAAW,QAAO,WAAW,GAAG,IACsB,CAAC;AAEpE,eAAO,MAAM,iBAAiB,WACpB,MAAM,eACF,wBAAwB,KACnC,MAEF,CAAC"}

package/lib/stitches/critical-css.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.insertCriticalCss = exports.CriticalCss = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const css_1 = require("./css");
-const criticalCssMarker = "__critical-css__";
-const CriticalCss = () => typeof document === "undefined" ? (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: criticalCssMarker }) : null;
-exports.CriticalCss = CriticalCss;
-const insertCriticalCss = (markup, getCssText = css_1.getCssText) => {
-    return markup.replace(criticalCssMarker, `<style>${getCssText()}</style>`);
-};
-exports.insertCriticalCss = insertCriticalCss;

package/lib/stitches/css.d.ts

@@ -1,9 +0,0 @@
-import { globalCss, type CSS, css as createCss } from "@stitches/core";
-import type { Breakpoint } from "../css";
-export declare const getCachedConfig: () => any;
-export declare const css: typeof createCss;
-export { globalCss };
-export { type CSS };
-export declare const getCssText: () => string;
-export declare const setBreakpoints: (breakpoints: Array<Breakpoint>) => void;
-//# sourceMappingURL=css.d.ts.map

package/lib/stitches/css.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"css.d.ts","sourceRoot":"","sources":["../../src/stitches/css.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,SAAS,EACT,KAAK,GAAG,EACR,GAAG,IAAI,SAAS,EACjB,MAAM,gBAAgB,CAAC;AACxB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAQzC,eAAO,MAAM,eAAe,WAK3B,CAAC;AAEF,eAAO,MAAM,GAAG,EAAE,OAAO,SAExB,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,OAAO,EAAE,KAAK,GAAG,EAAE,CAAC;AAEpB,eAAO,MAAM,UAAU,QAAO,MAE7B,CAAC;AAEF,eAAO,MAAM,cAAc,gBAAiB,MAAM,UAAU,CAAC,SAO5D,CAAC"}