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

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,6 +8,12 @@ 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";
@@ -21,11 +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,6 +8,12 @@ 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";
@@ -20,13 +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.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 { 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 || !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({
-        type,
-        payload
-      }, `${this.getTime()} --> [${this.source.origin}][${logicalType}]`);
+    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({
-        type: fullType,
-        payload
-      }, `${this.getTime()} <-- [${this.source.origin}][${logicalType}]`);
+    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

package/messenger/Messenger.js.map

@@ -1 +1 @@
-{"version":3,"names":["isMatch","logger","ignored","Messenger","listeners","Map","constructor","source","target","pattern","prefixGlob","replace","handleMessage","bind","window","addEventListener","event","type","payload","data","matches","logicalType","stripPrefix","isIgnored","debug","getTime","origin","handlers","get","forEach","fn","fullType","startsWith","slice","length","includes","on","handler","has","set","Set","add","delete","send","postMessage","dispose","removeEventListener","clear","date","Date","getHours","getMinutes","getSeconds","getMilliseconds"],"sources":["Messenger.ts"],"sourcesContent":["import { isMatch } from \"matcher\";\nimport type { MessageOrigin } from \"./MessageOrigin.js\";\nimport { logger } from \"../Logger.js\";\n\nexport type Message<T = any> = {\n    type: string;\n    payload: T;\n};\n\ntype Handler<T = any> = (payload: T, logicalType: string, wildcardMatch?: string) => void;\n\nconst ignored = [\n    \"preview.mouse.move\",\n    \"preview.component.register\",\n    \"preview.scroll\",\n    \"preview.viewport\",\n    \"preview.viewport.change.start\",\n    \"preview.viewport.change.end\"\n];\n\nexport class Messenger {\n    private listeners = new Map<string, Set<Handler>>();\n    private readonly pattern: string;\n    private readonly prefixGlob: string;\n\n    constructor(\n        private source: MessageOrigin,\n        private target: MessageOrigin,\n        // Pattern to filter events this Messenger handles.\n        pattern: string\n    ) {\n        this.pattern = pattern;\n        this.prefixGlob = pattern.replace(/\\*+$/, \"\");\n        this.handleMessage = this.handleMessage.bind(this);\n        this.source.window.addEventListener(\"message\", this.handleMessage);\n    }\n\n    private handleMessage(event: MessageEvent) {\n        const { type, payload } = event.data || {};\n        if (!this.target.matches(event)) {\n            return;\n        }\n\n        if (!type || !isMatch(type, this.pattern)) {\n            return;\n        }\n\n        const logicalType = this.stripPrefix(type);\n\n        if (!this.isIgnored(logicalType)) {\n            logger.debug(\n                {\n                    type,\n                    payload\n                },\n                `${this.getTime()} --> [${this.source.origin}][${logicalType}]`\n            );\n        }\n\n        const handlers = this.listeners.get(logicalType);\n        if (handlers) {\n            handlers.forEach(fn => fn(payload, logicalType));\n        }\n    }\n\n    private stripPrefix(fullType: string): string {\n        return fullType.startsWith(this.prefixGlob)\n            ? fullType.slice(this.prefixGlob.length)\n            : fullType;\n    }\n\n    private isIgnored(logicalType: string): boolean {\n        return ignored.includes(logicalType);\n    }\n\n    on<T = any>(logicalType: string, handler: Handler<T>) {\n        if (!this.listeners.has(logicalType)) {\n            this.listeners.set(logicalType, new Set());\n        }\n        this.listeners.get(logicalType)!.add(handler);\n        return () => {\n            const listeners = this.listeners.get(logicalType);\n            if (listeners) {\n                listeners.delete(handler);\n            }\n        };\n    }\n\n    send<T = any>(logicalType: string, payload?: T) {\n        const fullType = this.prefixGlob + logicalType;\n\n        if (!this.isIgnored(logicalType)) {\n            logger.debug(\n                {\n                    type: fullType,\n                    payload\n                },\n                `${this.getTime()} <-- [${this.source.origin}][${logicalType}]`\n            );\n        }\n\n        this.target.window.postMessage({ type: fullType, payload }, this.target.origin);\n    }\n\n    dispose() {\n        this.source.window.removeEventListener(\"message\", this.handleMessage);\n        this.listeners.clear();\n    }\n\n    getTime() {\n        const date = new Date();\n        return `${date.getHours()}:${date.getMinutes()}:${date.getSeconds()}.${date.getMilliseconds()}`;\n    }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"messenger/Messenger.js","sources":["../../src/messenger/Messenger.ts"],"sourcesContent":["import { isMatch } from \"matcher\";\nimport type { MessageOrigin } from \"./MessageOrigin.js\";\nimport { logger } from \"../Logger.js\";\n\nexport type Message<T = any> = {\n    type: string;\n    payload: T;\n};\n\ntype Handler<T = any> = (payload: T, logicalType: string, wildcardMatch?: string) => void;\n\nconst ignored = [\n    \"preview.mouse.move\",\n    \"preview.component.register\",\n    \"preview.scroll\",\n    \"preview.viewport\",\n    \"preview.viewport.change.start\",\n    \"preview.viewport.change.end\"\n];\n\nexport class Messenger {\n    private listeners = new Map<string, Set<Handler>>();\n    private readonly pattern: string;\n    private readonly prefixGlob: string;\n\n    constructor(\n        private source: MessageOrigin,\n        private target: MessageOrigin,\n        // Pattern to filter events this Messenger handles.\n        pattern: string\n    ) {\n        this.pattern = pattern;\n        this.prefixGlob = pattern.replace(/\\*+$/, \"\");\n        this.handleMessage = this.handleMessage.bind(this);\n        this.source.window.addEventListener(\"message\", this.handleMessage);\n    }\n\n    private handleMessage(event: MessageEvent) {\n        const { type, payload } = event.data || {};\n        if (!this.target.matches(event)) {\n            return;\n        }\n\n        if (!type || !isMatch(type, this.pattern)) {\n            return;\n        }\n\n        const logicalType = this.stripPrefix(type);\n\n        if (!this.isIgnored(logicalType)) {\n            logger.debug(\n                {\n                    type,\n                    payload\n                },\n                `${this.getTime()} --> [${this.source.origin}][${logicalType}]`\n            );\n        }\n\n        const handlers = this.listeners.get(logicalType);\n        if (handlers) {\n            handlers.forEach(fn => fn(payload, logicalType));\n        }\n    }\n\n    private stripPrefix(fullType: string): string {\n        return fullType.startsWith(this.prefixGlob)\n            ? fullType.slice(this.prefixGlob.length)\n            : fullType;\n    }\n\n    private isIgnored(logicalType: string): boolean {\n        return ignored.includes(logicalType);\n    }\n\n    on<T = any>(logicalType: string, handler: Handler<T>) {\n        if (!this.listeners.has(logicalType)) {\n            this.listeners.set(logicalType, new Set());\n        }\n        this.listeners.get(logicalType)!.add(handler);\n        return () => {\n            const listeners = this.listeners.get(logicalType);\n            if (listeners) {\n                listeners.delete(handler);\n            }\n        };\n    }\n\n    send<T = any>(logicalType: string, payload?: T) {\n        const fullType = this.prefixGlob + logicalType;\n\n        if (!this.isIgnored(logicalType)) {\n            logger.debug(\n                {\n                    type: fullType,\n                    payload\n                },\n                `${this.getTime()} <-- [${this.source.origin}][${logicalType}]`\n            );\n        }\n\n        this.target.window.postMessage({ type: fullType, payload }, this.target.origin);\n    }\n\n    dispose() {\n        this.source.window.removeEventListener(\"message\", this.handleMessage);\n        this.listeners.clear();\n    }\n\n    getTime() {\n        const date = new Date();\n        return `${date.getHours()}:${date.getMinutes()}:${date.getSeconds()}.${date.getMilliseconds()}`;\n    }\n}\n"],"names":["ignored","Messenger","source","target","pattern","Map","event","type","payload","isMatch","logicalType","logger","handlers","fn","fullType","handler","Set","listeners","date","Date"],"mappings":";;AAWA,MAAMA,UAAU;IACZ;IACA;IACA;IACA;IACA;IACA;CACH;AAEM,MAAMC;IAKT,YACYC,MAAqB,EACrBC,MAAqB,EAE7BC,OAAe,CACjB;aAJUF,MAAM,GAANA;aACAC,MAAM,GAANA;aANJ,SAAS,GAAG,IAAIE;QAUpB,IAAI,CAAC,OAAO,GAAGD;QACf,IAAI,CAAC,UAAU,GAAGA,QAAQ,OAAO,CAAC,QAAQ;QAC1C,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI;QACjD,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,gBAAgB,CAAC,WAAW,IAAI,CAAC,aAAa;IACrE;IAEQ,cAAcE,KAAmB,EAAE;QACvC,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAE,GAAGF,MAAM,IAAI,IAAI,CAAC;QACzC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAACA,QACrB;QAGJ,IAAI,CAACC,QAAQ,CAACE,QAAQF,MAAM,IAAI,CAAC,OAAO,GACpC;QAGJ,MAAMG,cAAc,IAAI,CAAC,WAAW,CAACH;QAErC,IAAI,CAAC,IAAI,CAAC,SAAS,CAACG,cAChBC,OAAO,KAAK,CACR;YACIJ;YACAC;QACJ,GACA,GAAG,IAAI,CAAC,OAAO,GAAG,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,EAAEE,YAAY,CAAC,CAAC;QAIvE,MAAME,WAAW,IAAI,CAAC,SAAS,CAAC,GAAG,CAACF;QACpC,IAAIE,UACAA,SAAS,OAAO,CAACC,CAAAA,KAAMA,GAAGL,SAASE;IAE3C;IAEQ,YAAYI,QAAgB,EAAU;QAC1C,OAAOA,SAAS,UAAU,CAAC,IAAI,CAAC,UAAU,IACpCA,SAAS,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,IACrCA;IACV;IAEQ,UAAUJ,WAAmB,EAAW;QAC5C,OAAOV,QAAQ,QAAQ,CAACU;IAC5B;IAEA,GAAYA,WAAmB,EAAEK,OAAmB,EAAE;QAClD,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAACL,cACpB,IAAI,CAAC,SAAS,CAAC,GAAG,CAACA,aAAa,IAAIM;QAExC,IAAI,CAAC,SAAS,CAAC,GAAG,CAACN,aAAc,GAAG,CAACK;QACrC,OAAO;YACH,MAAME,YAAY,IAAI,CAAC,SAAS,CAAC,GAAG,CAACP;YACrC,IAAIO,WACAA,UAAU,MAAM,CAACF;QAEzB;IACJ;IAEA,KAAcL,WAAmB,EAAEF,OAAW,EAAE;QAC5C,MAAMM,WAAW,IAAI,CAAC,UAAU,GAAGJ;QAEnC,IAAI,CAAC,IAAI,CAAC,SAAS,CAACA,cAChBC,OAAO,KAAK,CACR;YACI,MAAMG;YACNN;QACJ,GACA,GAAG,IAAI,CAAC,OAAO,GAAG,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,EAAEE,YAAY,CAAC,CAAC;QAIvE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC;YAAE,MAAMI;YAAUN;QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM;IAClF;IAEA,UAAU;QACN,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,mBAAmB,CAAC,WAAW,IAAI,CAAC,aAAa;QACpE,IAAI,CAAC,SAAS,CAAC,KAAK;IACxB;IAEA,UAAU;QACN,MAAMU,OAAO,IAAIC;QACjB,OAAO,GAAGD,KAAK,QAAQ,GAAG,CAAC,EAAEA,KAAK,UAAU,GAAG,CAAC,EAAEA,KAAK,UAAU,GAAG,CAAC,EAAEA,KAAK,eAAe,IAAI;IACnG;AACJ"}

package/messenger/index.js

@@ -1,4 +1,2 @@
 export * from "./MessageOrigin.js";
 export * from "./Messenger.js";
-
-//# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/website-builder-sdk",
-	"version": "0.0.0-unstable.e6f0dc8ca7",
+	"version": "0.0.0-unstable.eb81deee7e",
 	"type": "module",
 	"repository": {
 		"type": "git",
@@ -12,6 +12,8 @@
 	"author": "Pavel Denisjuk",
 	"license": "MIT",
 	"dependencies": {
+		"@webiny/sdk": "0.0.0-unstable.eb81deee7e",
+		"@webiny/theme-common": "0.0.0-unstable.eb81deee7e",
 		"csstype": "3.2.3",
 		"deep-equal": "2.2.3",
 		"deepmerge": "4.3.1",
@@ -20,8 +22,8 @@
 		"is-hotkey": "0.2.0",
 		"lodash": "4.18.1",
 		"matcher": "6.0.0",
-		"mobx": "6.15.3",
-		"nanoid": "5.1.11",
+		"mobx": "7.0.3",
+		"nanoid": "6.0.1",
 		"nanoid-dictionary": "5.0.0",
 		"pino": "10.3.1",
 		"pino-pretty": "13.1.3"
@@ -29,13 +31,12 @@
 	"devDependencies": {
 		"@types/deep-equal": "1.0.4",
 		"@types/is-hotkey": "0.1.10",
-		"@webiny/build-tools": "0.0.0-unstable.e6f0dc8ca7",
-		"typescript": "6.0.3",
-		"vitest": "4.1.5"
+		"@webiny/build-tools": "0.0.0-unstable.eb81deee7e",
+		"typescript": "7.0.2",
+		"vitest": "4.1.11"
 	},
 	"publishConfig": {
-		"access": "public",
-		"directory": "dist"
+		"access": "public"
 	},
 	"adio": {
 		"ignore": {
@@ -44,5 +45,7 @@
 			]
 		}
 	},
-	"gitHead": "e6f0dc8ca741c1fcc3fec9a5b9e86fdd49544641"
+	"webiny": {
+		"publishFrom": "dist"
+	}
 }

package/registerComponentGroup.js

@@ -1,10 +1,9 @@
 import { contentSdk } from "./ContentSdk.js";
-export const registerComponentGroup = group => {
-  const editingSdk = contentSdk.getEditingSdk();
-  if (!editingSdk) {
-    return;
-  }
-  editingSdk.registerComponentGroup(group);
+const registerComponentGroup = (group)=>{
+    const editingSdk = contentSdk.getEditingSdk();
+    if (!editingSdk) return;
+    editingSdk.registerComponentGroup(group);
 };
+export { registerComponentGroup };
 
 //# sourceMappingURL=registerComponentGroup.js.map

package/registerComponentGroup.js.map

@@ -1 +1 @@
-{"version":3,"names":["contentSdk","registerComponentGroup","group","editingSdk","getEditingSdk"],"sources":["registerComponentGroup.ts"],"sourcesContent":["import type { ComponentGroup } from \"./types.js\";\nimport { contentSdk } from \"./ContentSdk.js\";\n\nexport const registerComponentGroup = (group: ComponentGroup) => {\n    const editingSdk = contentSdk.getEditingSdk();\n\n    if (!editingSdk) {\n        return;\n    }\n\n    editingSdk.registerComponentGroup(group);\n};\n"],"mappings":"AACA,SAASA,UAAU;AAEnB,OAAO,MAAMC,sBAAsB,GAAIC,KAAqB,IAAK;EAC7D,MAAMC,UAAU,GAAGH,UAAU,CAACI,aAAa,CAAC,CAAC;EAE7C,IAAI,CAACD,UAAU,EAAE;IACb;EACJ;EAEAA,UAAU,CAACF,sBAAsB,CAACC,KAAK,CAAC;AAC5C,CAAC","ignoreList":[]}
+{"version":3,"file":"registerComponentGroup.js","sources":["../src/registerComponentGroup.ts"],"sourcesContent":["import type { ComponentGroup } from \"./types.js\";\nimport { contentSdk } from \"./ContentSdk.js\";\n\nexport const registerComponentGroup = (group: ComponentGroup) => {\n    const editingSdk = contentSdk.getEditingSdk();\n\n    if (!editingSdk) {\n        return;\n    }\n\n    editingSdk.registerComponentGroup(group);\n};\n"],"names":["registerComponentGroup","group","editingSdk","contentSdk"],"mappings":";AAGO,MAAMA,yBAAyB,CAACC;IACnC,MAAMC,aAAaC,WAAW,aAAa;IAE3C,IAAI,CAACD,YACD;IAGJA,WAAW,sBAAsB,CAACD;AACtC"}

package/tokenBinding.d.ts

@@ -0,0 +1,26 @@
+import type { TokenReference, ValueBinding } from "./types.js";
+/**
+ * Design token references in element styles — see the Theme design brief, section 7.1.
+ *
+ * Content stores a *structured* reference, never a resolved value and never a raw CSS variable
+ * string. Storing `var(--wby-color-surface-page)` would bake the naming convention into customer
+ * data, making a prefix change a data migration; and Admin needs the structured form to show which
+ * token is selected when a picker is reopened.
+ *
+ * The renderer converts a reference to `var(--wby-…)` at output time. That conversion lives here so
+ * there is exactly one place that knows the mapping.
+ */
+export declare const isTokenBinding: (binding: ValueBinding | undefined) => binding is ValueBinding & {
+    token: TokenReference;
+};
+/**
+ * Emits the CSS value for a reference.
+ *
+ * The stored fallback is emitted as the `var()` second argument. That matters when no theme is
+ * active — a variable that resolves to nothing makes the browser drop the whole declaration, so
+ * content authored under a theme would visibly lose its colour the moment the theme is deactivated.
+ * With a fallback it keeps rendering the value it had when it was picked.
+ */
+export declare const tokenToCssValue: (reference: TokenReference) => string;
+/** Builds a reference, capturing the currently resolved value as the fallback. */
+export declare const createTokenReference: (path: string, fallback?: string) => TokenReference;

package/tokenBinding.js

@@ -0,0 +1,15 @@
+import { toCssVariableName } from "@webiny/theme-common/naming/cssVariable.js";
+const isTokenBinding = (binding)=>Boolean(binding?.token?.path);
+const tokenToCssValue = (reference)=>{
+    const variable = toCssVariableName(reference.path);
+    return reference.fallback ? `var(${variable}, ${reference.fallback})` : `var(${variable})`;
+};
+const createTokenReference = (path, fallback)=>fallback ? {
+        path,
+        fallback
+    } : {
+        path
+    };
+export { createTokenReference, isTokenBinding, tokenToCssValue };
+
+//# sourceMappingURL=tokenBinding.js.map

package/tokenBinding.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokenBinding.js","sources":["../src/tokenBinding.ts"],"sourcesContent":["import { toCssVariableName } from \"@webiny/theme-common/naming/cssVariable.js\";\nimport type { TokenReference, ValueBinding } from \"~/types.js\";\n\n/**\n * Design token references in element styles — see the Theme design brief, section 7.1.\n *\n * Content stores a *structured* reference, never a resolved value and never a raw CSS variable\n * string. Storing `var(--wby-color-surface-page)` would bake the naming convention into customer\n * data, making a prefix change a data migration; and Admin needs the structured form to show which\n * token is selected when a picker is reopened.\n *\n * The renderer converts a reference to `var(--wby-…)` at output time. That conversion lives here so\n * there is exactly one place that knows the mapping.\n */\n\nexport const isTokenBinding = (\n    binding: ValueBinding | undefined\n): binding is ValueBinding & { token: TokenReference } => {\n    return Boolean(binding?.token?.path);\n};\n\n/**\n * Emits the CSS value for a reference.\n *\n * The stored fallback is emitted as the `var()` second argument. That matters when no theme is\n * active — a variable that resolves to nothing makes the browser drop the whole declaration, so\n * content authored under a theme would visibly lose its colour the moment the theme is deactivated.\n * With a fallback it keeps rendering the value it had when it was picked.\n */\nexport const tokenToCssValue = (reference: TokenReference): string => {\n    const variable = toCssVariableName(reference.path);\n\n    return reference.fallback ? `var(${variable}, ${reference.fallback})` : `var(${variable})`;\n};\n\n/** Builds a reference, capturing the currently resolved value as the fallback. */\nexport const createTokenReference = (path: string, fallback?: string): TokenReference => {\n    return fallback ? { path, fallback } : { path };\n};\n"],"names":["isTokenBinding","binding","Boolean","tokenToCssValue","reference","variable","toCssVariableName","createTokenReference","path","fallback"],"mappings":";AAeO,MAAMA,iBAAiB,CAC1BC,UAEOC,QAAQD,SAAS,OAAO;AAW5B,MAAME,kBAAkB,CAACC;IAC5B,MAAMC,WAAWC,kBAAkBF,UAAU,IAAI;IAEjD,OAAOA,UAAU,QAAQ,GAAG,CAAC,IAAI,EAAEC,SAAS,EAAE,EAAED,UAAU,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,EAAEC,SAAS,CAAC,CAAC;AAC9F;AAGO,MAAME,uBAAuB,CAACC,MAAcC,WACxCA,WAAW;QAAED;QAAMC;IAAS,IAAI;QAAED;IAAK"}

package/tokenBinding.test.d.ts

@@ -0,0 +1 @@
+export {};