@webiny/website-builder-sdk 0.0.0-unstable.eb196ccd2f → 0.0.0-unstable.eb81deee7e

package/image/geometry.test.js

@@ -0,0 +1,190 @@
+import { describe, expect, it } from "vitest";
+import { getCropRect, getImageRenderData, getVisibleRect, resolveAssetImage } from "./geometry.js";
+const geometry_test_image = (overrides)=>({
+        width: 1000,
+        height: 1000,
+        ...overrides
+    });
+describe("resolveAssetImage", ()=>{
+    it("prefers the override per property, falling back to the asset default", ()=>{
+        const assetDefault = {
+            crop: {
+                top: 0.1,
+                left: 0.1,
+                bottom: 0.1,
+                right: 0.1
+            },
+            focalPoint: {
+                x: 0.2,
+                y: 0.2
+            },
+            alt: "default alt",
+            caption: "default caption"
+        };
+        const override = {
+            focalPoint: {
+                x: 0.8,
+                y: 0.8
+            },
+            alt: "override alt"
+        };
+        const result = resolveAssetImage(override, assetDefault);
+        expect(result.crop).toEqual(assetDefault.crop);
+        expect(result.caption).toBe("default caption");
+        expect(result.focalPoint).toEqual(override.focalPoint);
+        expect(result.alt).toBe("override alt");
+    });
+    it("handles null/undefined inputs", ()=>{
+        expect(resolveAssetImage(null, null)).toEqual({
+            crop: void 0,
+            focalPoint: void 0,
+            alt: void 0,
+            caption: void 0
+        });
+    });
+});
+describe("getCropRect", ()=>{
+    it("returns the full image when no crop is set", ()=>{
+        expect(getCropRect()).toEqual({
+            x: 0,
+            y: 0,
+            width: 1,
+            height: 1
+        });
+    });
+    it("converts edge insets into a rectangle", ()=>{
+        const rect = getCropRect({
+            top: 0.1,
+            left: 0.2,
+            bottom: 0.3,
+            right: 0.05
+        });
+        expect(rect.x).toBeCloseTo(0.2, 10);
+        expect(rect.y).toBeCloseTo(0.1, 10);
+        expect(rect.width).toBeCloseTo(0.75, 10);
+        expect(rect.height).toBeCloseTo(0.6, 10);
+    });
+    it("does not produce negative dimensions when insets overlap", ()=>{
+        const rect = getCropRect({
+            top: 0.7,
+            left: 0.7,
+            bottom: 0.7,
+            right: 0.7
+        });
+        expect(rect.width).toBe(0);
+        expect(rect.height).toBe(0);
+    });
+    it("clamps out-of-range values", ()=>{
+        const rect = getCropRect({
+            top: -1,
+            left: 2,
+            bottom: 0,
+            right: 0
+        });
+        expect(rect.x).toBe(1);
+        expect(rect.y).toBe(0);
+    });
+});
+describe("getVisibleRect", ()=>{
+    it("returns the crop rect when no aspect ratio is requested", ()=>{
+        const rect = getVisibleRect(geometry_test_image({
+            crop: {
+                top: 0.1,
+                left: 0.1,
+                bottom: 0.1,
+                right: 0.1
+            }
+        }));
+        expect(rect).toEqual({
+            x: 0.1,
+            y: 0.1,
+            width: 0.8,
+            height: 0.8
+        });
+    });
+    it("fits a 16:9 rect inside a square image, centered by default", ()=>{
+        const rect = getVisibleRect(geometry_test_image(), 16 / 9);
+        expect(rect.width).toBeCloseTo(1, 5);
+        expect(rect.height).toBeCloseTo(0.5625, 5);
+        expect(rect.y).toBeCloseTo(0.21875, 5);
+        expect(rect.x).toBeCloseTo(0, 5);
+    });
+    it("shifts the visible rect toward the focal point and clamps to bounds", ()=>{
+        const rect = getVisibleRect(geometry_test_image({
+            focalPoint: {
+                x: 0.5,
+                y: 0.05
+            }
+        }), 16 / 9);
+        expect(rect.y).toBeCloseTo(0, 5);
+    });
+    it("keeps the visible rect within the crop rectangle", ()=>{
+        const rect = getVisibleRect(geometry_test_image({
+            crop: {
+                top: 0.25,
+                left: 0,
+                bottom: 0.25,
+                right: 0
+            },
+            focalPoint: {
+                x: 0.5,
+                y: 0.9
+            }
+        }), 1);
+        expect(rect.y).toBeGreaterThanOrEqual(0.25 - 1e-9);
+        expect(rect.y + rect.height).toBeLessThanOrEqual(0.75 + 1e-9);
+    });
+    it("accepts an explicit width/height aspect ratio", ()=>{
+        const byObject = getVisibleRect(geometry_test_image(), {
+            width: 16,
+            height: 9
+        });
+        const byNumber = getVisibleRect(geometry_test_image(), 16 / 9);
+        expect(byObject).toEqual(byNumber);
+    });
+});
+describe("getImageRenderData", ()=>{
+    it("derives objectPosition from the focal point", ()=>{
+        const data = getImageRenderData(geometry_test_image({
+            focalPoint: {
+                x: 0.25,
+                y: 0.75
+            }
+        }), 1);
+        expect(data.objectPosition).toBe("25% 75%");
+    });
+    it("produces an overflow-hidden container with the requested aspect ratio", ()=>{
+        const data = getImageRenderData(geometry_test_image(), 16 / 9);
+        expect(data.container.overflow).toBe("hidden");
+        expect(data.container.aspectRatio).toBe(`${Math.round(16 / 9 * 1000) / 1000}`);
+    });
+    it("scales and offsets the image so the visible rect fills the container", ()=>{
+        const data = getImageRenderData(geometry_test_image(), 16 / 9);
+        expect(data.image.width).toBe("100%");
+        expect(data.image.height).toBe(`${Math.round(100 / 0.5625 * 1000) / 1000}%`);
+        expect(parseFloat(data.image.left)).toBe(0);
+        expect(parseFloat(data.image.top)).toBeLessThan(0);
+    });
+    it("stays finite for a degenerate (collapsed) crop", ()=>{
+        const data = getImageRenderData(geometry_test_image({
+            crop: {
+                top: 0.7,
+                left: 0.7,
+                bottom: 0.7,
+                right: 0.7
+            }
+        }), 1);
+        expect(Number.isFinite(parseFloat(data.image.width))).toBe(true);
+        expect(Number.isFinite(parseFloat(data.image.height))).toBe(true);
+    });
+    it("passes through intrinsic dimensions", ()=>{
+        const data = getImageRenderData(geometry_test_image({
+            width: 1920,
+            height: 1080
+        }), 16 / 9);
+        expect(data.intrinsicWidth).toBe(1920);
+        expect(data.intrinsicHeight).toBe(1080);
+    });
+});
+
+//# sourceMappingURL=geometry.test.js.map

package/image/geometry.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image/geometry.test.js","sources":["../../src/image/geometry.test.ts"],"sourcesContent":["import { describe, it, expect } from \"vitest\";\nimport { getCropRect, getImageRenderData, getVisibleRect, resolveAssetImage } from \"./geometry.js\";\nimport type { AssetImage } from \"@webiny/sdk\";\n\nconst image = (overrides?: Partial<AssetImage>): AssetImage => ({\n    width: 1000,\n    height: 1000,\n    ...overrides\n});\n\ndescribe(\"resolveAssetImage\", () => {\n    it(\"prefers the override per property, falling back to the asset default\", () => {\n        const assetDefault: AssetImage = {\n            crop: { top: 0.1, left: 0.1, bottom: 0.1, right: 0.1 },\n            focalPoint: { x: 0.2, y: 0.2 },\n            alt: \"default alt\",\n            caption: \"default caption\"\n        };\n        const override: AssetImage = {\n            focalPoint: { x: 0.8, y: 0.8 },\n            alt: \"override alt\"\n        };\n\n        const result = resolveAssetImage(override, assetDefault);\n\n        expect(result.crop).toEqual(assetDefault.crop);\n        expect(result.caption).toBe(\"default caption\");\n        expect(result.focalPoint).toEqual(override.focalPoint);\n        expect(result.alt).toBe(\"override alt\");\n    });\n\n    it(\"handles null/undefined inputs\", () => {\n        expect(resolveAssetImage(null, null)).toEqual({\n            crop: undefined,\n            focalPoint: undefined,\n            alt: undefined,\n            caption: undefined\n        });\n    });\n});\n\ndescribe(\"getCropRect\", () => {\n    it(\"returns the full image when no crop is set\", () => {\n        expect(getCropRect()).toEqual({ x: 0, y: 0, width: 1, height: 1 });\n    });\n\n    it(\"converts edge insets into a rectangle\", () => {\n        const rect = getCropRect({ top: 0.1, left: 0.2, bottom: 0.3, right: 0.05 });\n        expect(rect.x).toBeCloseTo(0.2, 10);\n        expect(rect.y).toBeCloseTo(0.1, 10);\n        expect(rect.width).toBeCloseTo(0.75, 10);\n        expect(rect.height).toBeCloseTo(0.6, 10);\n    });\n\n    it(\"does not produce negative dimensions when insets overlap\", () => {\n        const rect = getCropRect({ top: 0.7, left: 0.7, bottom: 0.7, right: 0.7 });\n        expect(rect.width).toBe(0);\n        expect(rect.height).toBe(0);\n    });\n\n    it(\"clamps out-of-range values\", () => {\n        const rect = getCropRect({ top: -1, left: 2, bottom: 0, right: 0 });\n        expect(rect.x).toBe(1);\n        expect(rect.y).toBe(0);\n    });\n});\n\ndescribe(\"getVisibleRect\", () => {\n    it(\"returns the crop rect when no aspect ratio is requested\", () => {\n        const rect = getVisibleRect(\n            image({ crop: { top: 0.1, left: 0.1, bottom: 0.1, right: 0.1 } })\n        );\n        expect(rect).toEqual({ x: 0.1, y: 0.1, width: 0.8, height: 0.8 });\n    });\n\n    it(\"fits a 16:9 rect inside a square image, centered by default\", () => {\n        const rect = getVisibleRect(image(), 16 / 9);\n        expect(rect.width).toBeCloseTo(1, 5);\n        expect(rect.height).toBeCloseTo(0.5625, 5);\n        expect(rect.y).toBeCloseTo((1 - 0.5625) / 2, 5);\n        expect(rect.x).toBeCloseTo(0, 5);\n    });\n\n    it(\"shifts the visible rect toward the focal point and clamps to bounds\", () => {\n        const rect = getVisibleRect(image({ focalPoint: { x: 0.5, y: 0.05 } }), 16 / 9);\n        expect(rect.y).toBeCloseTo(0, 5);\n    });\n\n    it(\"keeps the visible rect within the crop rectangle\", () => {\n        const rect = getVisibleRect(\n            image({\n                crop: { top: 0.25, left: 0, bottom: 0.25, right: 0 },\n                focalPoint: { x: 0.5, y: 0.9 }\n            }),\n            1\n        );\n        expect(rect.y).toBeGreaterThanOrEqual(0.25 - 1e-9);\n        expect(rect.y + rect.height).toBeLessThanOrEqual(0.75 + 1e-9);\n    });\n\n    it(\"accepts an explicit width/height aspect ratio\", () => {\n        const byObject = getVisibleRect(image(), { width: 16, height: 9 });\n        const byNumber = getVisibleRect(image(), 16 / 9);\n        expect(byObject).toEqual(byNumber);\n    });\n});\n\ndescribe(\"getImageRenderData\", () => {\n    it(\"derives objectPosition from the focal point\", () => {\n        const data = getImageRenderData(image({ focalPoint: { x: 0.25, y: 0.75 } }), 1);\n        expect(data.objectPosition).toBe(\"25% 75%\");\n    });\n\n    it(\"produces an overflow-hidden container with the requested aspect ratio\", () => {\n        const data = getImageRenderData(image(), 16 / 9);\n        expect(data.container.overflow).toBe(\"hidden\");\n        expect(data.container.aspectRatio).toBe(`${Math.round((16 / 9) * 1000) / 1000}`);\n    });\n\n    it(\"scales and offsets the image so the visible rect fills the container\", () => {\n        const data = getImageRenderData(image(), 16 / 9);\n        expect(data.image.width).toBe(\"100%\");\n        expect(data.image.height).toBe(`${Math.round((100 / 0.5625) * 1000) / 1000}%`);\n        expect(parseFloat(data.image.left)).toBe(0);\n        expect(parseFloat(data.image.top)).toBeLessThan(0);\n    });\n\n    it(\"stays finite for a degenerate (collapsed) crop\", () => {\n        const data = getImageRenderData(\n            image({ crop: { top: 0.7, left: 0.7, bottom: 0.7, right: 0.7 } }),\n            1\n        );\n        expect(Number.isFinite(parseFloat(data.image.width))).toBe(true);\n        expect(Number.isFinite(parseFloat(data.image.height))).toBe(true);\n    });\n\n    it(\"passes through intrinsic dimensions\", () => {\n        const data = getImageRenderData(image({ width: 1920, height: 1080 }), 16 / 9);\n        expect(data.intrinsicWidth).toBe(1920);\n        expect(data.intrinsicHeight).toBe(1080);\n    });\n});\n"],"names":["image","overrides","describe","it","assetDefault","override","result","resolveAssetImage","expect","undefined","getCropRect","rect","getVisibleRect","byObject","byNumber","data","getImageRenderData","Math","parseFloat","Number"],"mappings":"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"}

package/image/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./types.js";
+export * from "./presets.js";
+export * from "./geometry.js";

package/image/index.js

@@ -0,0 +1,3 @@
+export * from "./types.js";
+export * from "./presets.js";
+export * from "./geometry.js";

package/image/presets.d.ts

@@ -0,0 +1,6 @@
+import type { AspectRatioPreset } from "./types.js";
+/**
+ * Default aspect ratios shown in the image editor's preview strip.
+ * A later phase will let a field lock to one of these (or a custom ratio).
+ */
+export declare const ASPECT_RATIO_PRESETS: AspectRatioPreset[];

package/image/presets.js

@@ -0,0 +1,20 @@
+const ASPECT_RATIO_PRESETS = [
+    {
+        id: "square",
+        label: "Square",
+        ratio: 1
+    },
+    {
+        id: "4:3",
+        label: "4:3",
+        ratio: 4 / 3
+    },
+    {
+        id: "16:9",
+        label: "16:9",
+        ratio: 16 / 9
+    }
+];
+export { ASPECT_RATIO_PRESETS };
+
+//# sourceMappingURL=presets.js.map

package/image/presets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image/presets.js","sources":["../../src/image/presets.ts"],"sourcesContent":["import type { AspectRatioPreset } from \"./types.js\";\n\n/**\n * Default aspect ratios shown in the image editor's preview strip.\n * A later phase will let a field lock to one of these (or a custom ratio).\n */\nexport const ASPECT_RATIO_PRESETS: AspectRatioPreset[] = [\n    { id: \"square\", label: \"Square\", ratio: 1 },\n    { id: \"4:3\", label: \"4:3\", ratio: 4 / 3 },\n    { id: \"16:9\", label: \"16:9\", ratio: 16 / 9 }\n];\n"],"names":["ASPECT_RATIO_PRESETS"],"mappings":"AAMO,MAAMA,uBAA4C;IACrD;QAAE,IAAI;QAAU,OAAO;QAAU,OAAO;IAAE;IAC1C;QAAE,IAAI;QAAO,OAAO;QAAO,OAAO,IAAI;IAAE;IACxC;QAAE,IAAI;QAAQ,OAAO;QAAQ,OAAO,KAAK;IAAE;CAC9C"}

package/image/types.d.ts

@@ -0,0 +1,10 @@
+export type { AssetCrop, AssetFocalPoint } from "@webiny/sdk";
+export type AspectRatioInput = number | {
+    width: number;
+    height: number;
+};
+export interface AspectRatioPreset {
+    id: string;
+    label: string;
+    ratio: number;
+}

package/index.d.ts

@@ -8,11 +8,17 @@ export * from "./DocumentStore.js";
 export * from "./Logger.js";
 export * from "./FunctionConverter.js";
 export * from "./createInput.js";
+export * from "./contentEntry/resolveContentEntry.js";
+export * from "./contentEntry/ContentEntryCache.js";
+export * from "./contentEntry/ContentEntryBindingsResolver.js";
+export * from "./createComponent.js";
+export * from "./image/index.js";
+export * from "./asset/index.js";
 export * from "./MouseTracker.js";
 export * from "./ViewportManager.js";
 export * from "./messenger/Messenger.js";
 export * from "./messenger/MessageOrigin.js";
-export * from "./types.js";
+export type * from "./types.js";
 export * from "./DocumentStoreManager.js";
 export * from "./BindingsProcessor.js";
 export * from "./ResizeObserver.js";
@@ -21,10 +27,15 @@ export * from "./createElement.js";
 export * from "./registerComponentGroup.js";
 export * from "./jsonPatch.js";
 export * from "./headersProvider.js";
+export * from "./experiments/index.js";
 export * from "./ComponentManifestToAstConverter.js";
 export * from "./findMatchingAstNode.js";
 export * from "./InheritanceProcessor.js";
 export * from "./InputBindingsProcessor.js";
 export * from "./StylesBindingsProcessor.js";
+export * from "./tokenBinding.js";
 export * from "./ElementFactory.js";
+export * from "./ConstraintEvaluator.js";
+export * from "./generateElementId.js";
 export { StyleSettings } from "./constants.js";
+export * from "./assertBindingShapes.js";

package/index.js

@@ -8,11 +8,16 @@ export * from "./DocumentStore.js";
 export * from "./Logger.js";
 export * from "./FunctionConverter.js";
 export * from "./createInput.js";
+export * from "./contentEntry/resolveContentEntry.js";
+export * from "./contentEntry/ContentEntryCache.js";
+export * from "./contentEntry/ContentEntryBindingsResolver.js";
+export * from "./createComponent.js";
+export * from "./image/index.js";
+export * from "./asset/index.js";
 export * from "./MouseTracker.js";
 export * from "./ViewportManager.js";
 export * from "./messenger/Messenger.js";
 export * from "./messenger/MessageOrigin.js";
-export * from "./types.js";
 export * from "./DocumentStoreManager.js";
 export * from "./BindingsProcessor.js";
 export * from "./ResizeObserver.js";
@@ -21,12 +26,15 @@ export * from "./createElement.js";
 export * from "./registerComponentGroup.js";
 export * from "./jsonPatch.js";
 export * from "./headersProvider.js";
+export * from "./experiments/index.js";
 export * from "./ComponentManifestToAstConverter.js";
 export * from "./findMatchingAstNode.js";
 export * from "./InheritanceProcessor.js";
 export * from "./InputBindingsProcessor.js";
 export * from "./StylesBindingsProcessor.js";
+export * from "./tokenBinding.js";
 export * from "./ElementFactory.js";
+export * from "./ConstraintEvaluator.js";
+export * from "./generateElementId.js";
+export * from "./assertBindingShapes.js";
 export { StyleSettings } from "./constants.js";
-
-//# sourceMappingURL=index.js.map

package/jsonPatch.d.ts

@@ -2,5 +2,5 @@ import type { Operation, Validator, PatchResult } from "fast-json-patch";
 export type { Operation as JsonPatchOperation, PatchResult as JsonPatchResult };
 export declare const jsonPatch: {
     compare: (tree1: object | any[], tree2: object | any[], invertible?: boolean) => Operation[];
-    applyPatch: <T>(document: T, patch: Operation[], validateOperation?: boolean | Validator<T> | undefined, mutateDocument?: boolean, banPrototypeModifications?: boolean) => PatchResult<T>;
+    applyPatch: <T>(document: T, patch: Operation[], validateOperation?: boolean | Validator<T>, mutateDocument?: boolean, banPrototypeModifications?: boolean) => PatchResult<T>;
 };

package/jsonPatch.js

@@ -1,12 +1,8 @@
-// @ts-expect-error We need this hack.
-import * as fjp from "fast-json-patch/index.mjs";
-export const jsonPatch = {
-  compare: (tree1, tree2, invertible) => {
-    return fjp.compare(tree1, tree2, invertible);
-  },
-  applyPatch: (document, patch, validateOperation, mutateDocument, banPrototypeModifications) => {
-    return fjp.applyPatch(document, patch, validateOperation, mutateDocument, banPrototypeModifications);
-  }
+import * as __rspack_external_fast_json_patch_index_mjs_25f05694 from "fast-json-patch/index.mjs";
+const jsonPatch = {
+    compare: (tree1, tree2, invertible)=>__rspack_external_fast_json_patch_index_mjs_25f05694.compare(tree1, tree2, invertible),
+    applyPatch: (document, patch, validateOperation, mutateDocument, banPrototypeModifications)=>__rspack_external_fast_json_patch_index_mjs_25f05694.applyPatch(document, patch, validateOperation, mutateDocument, banPrototypeModifications)
 };
+export { jsonPatch };
 
 //# sourceMappingURL=jsonPatch.js.map

package/jsonPatch.js.map

@@ -1 +1 @@
-{"version":3,"names":["fjp","jsonPatch","compare","tree1","tree2","invertible","applyPatch","document","patch","validateOperation","mutateDocument","banPrototypeModifications"],"sources":["jsonPatch.ts"],"sourcesContent":["import type { Operation, Validator, PatchResult } from \"fast-json-patch\";\n// @ts-expect-error We need this hack.\nimport * as fjp from \"fast-json-patch/index.mjs\";\n\nexport type { Operation as JsonPatchOperation, PatchResult as JsonPatchResult };\n\nexport const jsonPatch = {\n    compare: (tree1: object | any[], tree2: object | any[], invertible?: boolean): Operation[] => {\n        return fjp.compare(tree1, tree2, invertible);\n    },\n    applyPatch: <T>(\n        document: T,\n        patch: Operation[],\n        validateOperation?: boolean | Validator<T>,\n        mutateDocument?: boolean,\n        banPrototypeModifications?: boolean\n    ): PatchResult<T> => {\n        return fjp.applyPatch(\n            document,\n            patch,\n            validateOperation,\n            mutateDocument,\n            banPrototypeModifications\n        );\n    }\n};\n"],"mappings":"AACA;AACA,OAAO,KAAKA,GAAG,MAAM,2BAA2B;AAIhD,OAAO,MAAMC,SAAS,GAAG;EACrBC,OAAO,EAAEA,CAACC,KAAqB,EAAEC,KAAqB,EAAEC,UAAoB,KAAkB;IAC1F,OAAOL,GAAG,CAACE,OAAO,CAACC,KAAK,EAAEC,KAAK,EAAEC,UAAU,CAAC;EAChD,CAAC;EACDC,UAAU,EAAEA,CACRC,QAAW,EACXC,KAAkB,EAClBC,iBAA0C,EAC1CC,cAAwB,EACxBC,yBAAmC,KAClB;IACjB,OAAOX,GAAG,CAACM,UAAU,CACjBC,QAAQ,EACRC,KAAK,EACLC,iBAAiB,EACjBC,cAAc,EACdC,yBACJ,CAAC;EACL;AACJ,CAAC","ignoreList":[]}
+{"version":3,"file":"jsonPatch.js","sources":["../src/jsonPatch.ts"],"sourcesContent":["import type { Operation, Validator, PatchResult } from \"fast-json-patch\";\n// @ts-expect-error We need this hack.\nimport * as fjp from \"fast-json-patch/index.mjs\";\n\nexport type { Operation as JsonPatchOperation, PatchResult as JsonPatchResult };\n\nexport const jsonPatch = {\n    compare: (tree1: object | any[], tree2: object | any[], invertible?: boolean): Operation[] => {\n        return fjp.compare(tree1, tree2, invertible);\n    },\n    applyPatch: <T>(\n        document: T,\n        patch: Operation[],\n        validateOperation?: boolean | Validator<T>,\n        mutateDocument?: boolean,\n        banPrototypeModifications?: boolean\n    ): PatchResult<T> => {\n        return fjp.applyPatch(\n            document,\n            patch,\n            validateOperation,\n            mutateDocument,\n            banPrototypeModifications\n        );\n    }\n};\n"],"names":["jsonPatch","tree1","tree2","invertible","fjp","document","patch","validateOperation","mutateDocument","banPrototypeModifications"],"mappings":";AAMO,MAAMA,YAAY;IACrB,SAAS,CAACC,OAAuBC,OAAuBC,aAC7CC,qDAAAA,OAAW,CAACH,OAAOC,OAAOC;IAErC,YAAY,CACRE,UACAC,OACAC,mBACAC,gBACAC,4BAEOL,qDAAAA,UAAc,CACjBC,UACAC,OACAC,mBACAC,gBACAC;AAGZ"}

package/messages.js

@@ -1,13 +1,14 @@
-export const DOCUMENT_SET = "document.set";
-export const DOCUMENT_PATCH = "document.patch";
-export const PREVIEW_COMPONENT_REGISTER = "preview.component.register";
-export const PREVIEW_READY = "preview.ready";
-export const PREVIEW_COMPONENTGROUP_REGISTER = "preview.componentGroup.register";
-export const PREVIEW_VIEWPORT_CHANGE_START = "preview.viewport.change.start";
-export const PREVIEW_VIEWPORT_CHANGE_END = "preview.viewport.change.end";
-export const PREVIEW_ELEMENT_POSITIONS = "preview.element.positions";
-export const PREVIEW_ELEMENT_CLICK = "preview.element.click";
-export const PREVIEW_ELEMENT_ENTER = "preview.element.enter";
-export const PREVIEW_ELEMENT_LEAVE = "preview.element.leave";
+const DOCUMENT_SET = "document.set";
+const DOCUMENT_PATCH = "document.patch";
+const PREVIEW_COMPONENT_REGISTER = "preview.component.register";
+const PREVIEW_READY = "preview.ready";
+const PREVIEW_COMPONENTGROUP_REGISTER = "preview.componentGroup.register";
+const PREVIEW_VIEWPORT_CHANGE_START = "preview.viewport.change.start";
+const PREVIEW_VIEWPORT_CHANGE_END = "preview.viewport.change.end";
+const PREVIEW_ELEMENT_POSITIONS = "preview.element.positions";
+const PREVIEW_ELEMENT_CLICK = "preview.element.click";
+const PREVIEW_ELEMENT_ENTER = "preview.element.enter";
+const PREVIEW_ELEMENT_LEAVE = "preview.element.leave";
+export { DOCUMENT_PATCH, DOCUMENT_SET, PREVIEW_COMPONENTGROUP_REGISTER, PREVIEW_COMPONENT_REGISTER, PREVIEW_ELEMENT_CLICK, PREVIEW_ELEMENT_ENTER, PREVIEW_ELEMENT_LEAVE, PREVIEW_ELEMENT_POSITIONS, PREVIEW_READY, PREVIEW_VIEWPORT_CHANGE_END, PREVIEW_VIEWPORT_CHANGE_START };
 
 //# sourceMappingURL=messages.js.map

package/messages.js.map

@@ -1 +1 @@
-{"version":3,"names":["DOCUMENT_SET","DOCUMENT_PATCH","PREVIEW_COMPONENT_REGISTER","PREVIEW_READY","PREVIEW_COMPONENTGROUP_REGISTER","PREVIEW_VIEWPORT_CHANGE_START","PREVIEW_VIEWPORT_CHANGE_END","PREVIEW_ELEMENT_POSITIONS","PREVIEW_ELEMENT_CLICK","PREVIEW_ELEMENT_ENTER","PREVIEW_ELEMENT_LEAVE"],"sources":["messages.ts"],"sourcesContent":["export const DOCUMENT_SET = \"document.set\";\nexport const DOCUMENT_PATCH = \"document.patch\";\nexport const PREVIEW_COMPONENT_REGISTER = \"preview.component.register\";\nexport const PREVIEW_READY = \"preview.ready\";\nexport const PREVIEW_COMPONENTGROUP_REGISTER = \"preview.componentGroup.register\";\nexport const PREVIEW_VIEWPORT_CHANGE_START = \"preview.viewport.change.start\";\nexport const PREVIEW_VIEWPORT_CHANGE_END = \"preview.viewport.change.end\";\nexport const PREVIEW_ELEMENT_POSITIONS = \"preview.element.positions\";\nexport const PREVIEW_ELEMENT_CLICK = \"preview.element.click\";\nexport const PREVIEW_ELEMENT_ENTER = \"preview.element.enter\";\nexport const PREVIEW_ELEMENT_LEAVE = \"preview.element.leave\";\n"],"mappings":"AAAA,OAAO,MAAMA,YAAY,GAAG,cAAc;AAC1C,OAAO,MAAMC,cAAc,GAAG,gBAAgB;AAC9C,OAAO,MAAMC,0BAA0B,GAAG,4BAA4B;AACtE,OAAO,MAAMC,aAAa,GAAG,eAAe;AAC5C,OAAO,MAAMC,+BAA+B,GAAG,iCAAiC;AAChF,OAAO,MAAMC,6BAA6B,GAAG,+BAA+B;AAC5E,OAAO,MAAMC,2BAA2B,GAAG,6BAA6B;AACxE,OAAO,MAAMC,yBAAyB,GAAG,2BAA2B;AACpE,OAAO,MAAMC,qBAAqB,GAAG,uBAAuB;AAC5D,OAAO,MAAMC,qBAAqB,GAAG,uBAAuB;AAC5D,OAAO,MAAMC,qBAAqB,GAAG,uBAAuB","ignoreList":[]}
+{"version":3,"file":"messages.js","sources":["../src/messages.ts"],"sourcesContent":["export const DOCUMENT_SET = \"document.set\";\nexport const DOCUMENT_PATCH = \"document.patch\";\nexport const PREVIEW_COMPONENT_REGISTER = \"preview.component.register\";\nexport const PREVIEW_READY = \"preview.ready\";\nexport const PREVIEW_COMPONENTGROUP_REGISTER = \"preview.componentGroup.register\";\nexport const PREVIEW_VIEWPORT_CHANGE_START = \"preview.viewport.change.start\";\nexport const PREVIEW_VIEWPORT_CHANGE_END = \"preview.viewport.change.end\";\nexport const PREVIEW_ELEMENT_POSITIONS = \"preview.element.positions\";\nexport const PREVIEW_ELEMENT_CLICK = \"preview.element.click\";\nexport const PREVIEW_ELEMENT_ENTER = \"preview.element.enter\";\nexport const PREVIEW_ELEMENT_LEAVE = \"preview.element.leave\";\n"],"names":["DOCUMENT_SET","DOCUMENT_PATCH","PREVIEW_COMPONENT_REGISTER","PREVIEW_READY","PREVIEW_COMPONENTGROUP_REGISTER","PREVIEW_VIEWPORT_CHANGE_START","PREVIEW_VIEWPORT_CHANGE_END","PREVIEW_ELEMENT_POSITIONS","PREVIEW_ELEMENT_CLICK","PREVIEW_ELEMENT_ENTER","PREVIEW_ELEMENT_LEAVE"],"mappings":"AAAO,MAAMA,eAAe;AACrB,MAAMC,iBAAiB;AACvB,MAAMC,6BAA6B;AACnC,MAAMC,gBAAgB;AACtB,MAAMC,kCAAkC;AACxC,MAAMC,gCAAgC;AACtC,MAAMC,8BAA8B;AACpC,MAAMC,4BAA4B;AAClC,MAAMC,wBAAwB;AAC9B,MAAMC,wBAAwB;AAC9B,MAAMC,wBAAwB"}

package/messenger/MessageOrigin.js

@@ -1,14 +1,15 @@
-export class MessageOrigin {
-  constructor(getWindow, origin) {
-    this.getWindow = getWindow;
-    this.origin = origin;
-  }
-  matches(event) {
-    return event.origin === this.origin;
-  }
-  get window() {
-    return this.getWindow();
-  }
+class MessageOrigin {
+    constructor(getWindow, origin){
+        this.getWindow = getWindow;
+        this.origin = origin;
+    }
+    matches(event) {
+        return event.origin === this.origin;
+    }
+    get window() {
+        return this.getWindow();
+    }
 }
+export { MessageOrigin };
 
 //# sourceMappingURL=MessageOrigin.js.map

package/messenger/MessageOrigin.js.map

@@ -1 +1 @@
-{"version":3,"names":["MessageOrigin","constructor","getWindow","origin","matches","event","window"],"sources":["MessageOrigin.ts"],"sourcesContent":["export class MessageOrigin {\n    private readonly getWindow: () => Window;\n    public readonly origin: string;\n\n    constructor(getWindow: () => Window, origin: string) {\n        this.getWindow = getWindow;\n        this.origin = origin;\n    }\n\n    matches(event: MessageEvent): boolean {\n        return event.origin === this.origin;\n    }\n\n    get window() {\n        return this.getWindow();\n    }\n}\n"],"mappings":"AAAA,OAAO,MAAMA,aAAa,CAAC;EAIvBC,WAAWA,CAACC,SAAuB,EAAEC,MAAc,EAAE;IACjD,IAAI,CAACD,SAAS,GAAGA,SAAS;IAC1B,IAAI,CAACC,MAAM,GAAGA,MAAM;EACxB;EAEAC,OAAOA,CAACC,KAAmB,EAAW;IAClC,OAAOA,KAAK,CAACF,MAAM,KAAK,IAAI,CAACA,MAAM;EACvC;EAEA,IAAIG,MAAMA,CAAA,EAAG;IACT,OAAO,IAAI,CAACJ,SAAS,CAAC,CAAC;EAC3B;AACJ","ignoreList":[]}
+{"version":3,"file":"messenger/MessageOrigin.js","sources":["../../src/messenger/MessageOrigin.ts"],"sourcesContent":["export class MessageOrigin {\n    private readonly getWindow: () => Window;\n    public readonly origin: string;\n\n    constructor(getWindow: () => Window, origin: string) {\n        this.getWindow = getWindow;\n        this.origin = origin;\n    }\n\n    matches(event: MessageEvent): boolean {\n        return event.origin === this.origin;\n    }\n\n    get window() {\n        return this.getWindow();\n    }\n}\n"],"names":["MessageOrigin","getWindow","origin","event"],"mappings":"AAAO,MAAMA;IAIT,YAAYC,SAAuB,EAAEC,MAAc,CAAE;QACjD,IAAI,CAAC,SAAS,GAAGD;QACjB,IAAI,CAAC,MAAM,GAAGC;IAClB;IAEA,QAAQC,KAAmB,EAAW;QAClC,OAAOA,MAAM,MAAM,KAAK,IAAI,CAAC,MAAM;IACvC;IAEA,IAAI,SAAS;QACT,OAAO,IAAI,CAAC,SAAS;IACzB;AACJ"}

package/messenger/Messenger.js

@@ -1,80 +1,69 @@
-import micromatch from "micromatch";
+import { isMatch } from "matcher";
 import { logger } from "../Logger.js";
-const ignored = ["preview.mouse.move", "preview.component.register", "preview.scroll", "preview.viewport", "preview.viewport.change.start", "preview.viewport.change.end"];
-export class Messenger {
-  listeners = new Map();
-  constructor(source, target,
-  // Pattern to filter events this Messenger handles.
-  pattern) {
-    this.source = source;
-    this.target = target;
-    this.pattern = pattern;
-    this.prefixGlob = pattern.replace(/\*+$/, "");
-    this.handleMessage = this.handleMessage.bind(this);
-    this.source.window.addEventListener("message", this.handleMessage);
-  }
-  handleMessage(event) {
-    const {
-      type,
-      payload
-    } = event.data || {};
-    if (!this.target.matches(event)) {
-      return;
+const ignored = [
+    "preview.mouse.move",
+    "preview.component.register",
+    "preview.scroll",
+    "preview.viewport",
+    "preview.viewport.change.start",
+    "preview.viewport.change.end"
+];
+class Messenger {
+    constructor(source, target, pattern){
+        this.source = source;
+        this.target = target;
+        this.listeners = new Map();
+        this.pattern = pattern;
+        this.prefixGlob = pattern.replace(/\*+$/, "");
+        this.handleMessage = this.handleMessage.bind(this);
+        this.source.window.addEventListener("message", this.handleMessage);
     }
-    if (!type || !micromatch.isMatch(type, this.pattern)) {
-      return;
+    handleMessage(event) {
+        const { type, payload } = event.data || {};
+        if (!this.target.matches(event)) return;
+        if (!type || !isMatch(type, this.pattern)) return;
+        const logicalType = this.stripPrefix(type);
+        if (!this.isIgnored(logicalType)) logger.debug({
+            type,
+            payload
+        }, `${this.getTime()} --> [${this.source.origin}][${logicalType}]`);
+        const handlers = this.listeners.get(logicalType);
+        if (handlers) handlers.forEach((fn)=>fn(payload, logicalType));
     }
-    const logicalType = this.stripPrefix(type);
-    if (!this.isIgnored(logicalType)) {
-      logger.debug(`${this.getTime()} --> [${this.source.origin}][${logicalType}]`, {
-        type,
-        payload
-      });
+    stripPrefix(fullType) {
+        return fullType.startsWith(this.prefixGlob) ? fullType.slice(this.prefixGlob.length) : fullType;
     }
-    const handlers = this.listeners.get(logicalType);
-    if (handlers) {
-      handlers.forEach(fn => fn(payload, logicalType));
+    isIgnored(logicalType) {
+        return ignored.includes(logicalType);
     }
-  }
-  stripPrefix(fullType) {
-    return fullType.startsWith(this.prefixGlob) ? fullType.slice(this.prefixGlob.length) : fullType;
-  }
-  isIgnored(logicalType) {
-    return ignored.includes(logicalType);
-  }
-  on(logicalType, handler) {
-    if (!this.listeners.has(logicalType)) {
-      this.listeners.set(logicalType, new Set());
+    on(logicalType, handler) {
+        if (!this.listeners.has(logicalType)) this.listeners.set(logicalType, new Set());
+        this.listeners.get(logicalType).add(handler);
+        return ()=>{
+            const listeners = this.listeners.get(logicalType);
+            if (listeners) listeners.delete(handler);
+        };
     }
-    this.listeners.get(logicalType).add(handler);
-    return () => {
-      const listeners = this.listeners.get(logicalType);
-      if (listeners) {
-        listeners.delete(handler);
-      }
-    };
-  }
-  send(logicalType, payload) {
-    const fullType = this.prefixGlob + logicalType;
-    if (!this.isIgnored(logicalType)) {
-      logger.debug(`${this.getTime()} <-- [${this.source.origin}][${logicalType}]`, {
-        type: fullType,
-        payload
-      });
+    send(logicalType, payload) {
+        const fullType = this.prefixGlob + logicalType;
+        if (!this.isIgnored(logicalType)) logger.debug({
+            type: fullType,
+            payload
+        }, `${this.getTime()} <-- [${this.source.origin}][${logicalType}]`);
+        this.target.window.postMessage({
+            type: fullType,
+            payload
+        }, this.target.origin);
+    }
+    dispose() {
+        this.source.window.removeEventListener("message", this.handleMessage);
+        this.listeners.clear();
+    }
+    getTime() {
+        const date = new Date();
+        return `${date.getHours()}:${date.getMinutes()}:${date.getSeconds()}.${date.getMilliseconds()}`;
     }
-    this.target.window.postMessage({
-      type: fullType,
-      payload
-    }, this.target.origin);
-  }
-  dispose() {
-    this.source.window.removeEventListener("message", this.handleMessage);
-    this.listeners.clear();
-  }
-  getTime() {
-    const date = new Date();
-    return `${date.getHours()}:${date.getMinutes()}:${date.getSeconds()}.${date.getMilliseconds()}`;
-  }
 }
+export { Messenger };
 
 //# sourceMappingURL=Messenger.js.map