@uniformdev/canvas 19.51.1-alpha.10 → 19.51.1-alpha.26

package/dist/index.esm.js

@@ -1435,6 +1435,9 @@ var isSelectComponentMessage = (message) => {
 var isReadyMessage = (message) => {
   return message.type === "ready";
 };
+var isComponentActionMessage = (message) => {
+  return message.type === "trigger-component-action";
+};
 var isUpdateCompositionMessage = (message) => {
   return message.type === "update-composition";
 };
@@ -1468,6 +1471,12 @@ var isReportRenderedCompositionsMessage = (message) => {
 var isSelectParameterMessage = (message) => {
   return message.type === "select-parameter";
 };
+var isOpenParameterEditorMessage = (message) => {
+  return message.type === "open-parameter-editor";
+};
+var isUpdateComponentReferencesMessage = (message) => {
+  return message.type === "update-component-references";
+};
 var createCanvasChannel = ({
   listenTo,
   broadcastTo
@@ -1528,6 +1537,13 @@ var createCanvasChannel = ({
     };
     postMessage(message);
   };
+  const triggerComponentAction = (options) => {
+    const message = {
+      ...options,
+      type: "trigger-component-action"
+    };
+    postMessage(message);
+  };
   const addComponent = (options) => {
     const message = {
       ...options,
@@ -1591,12 +1607,26 @@ var createCanvasChannel = ({
     };
     postMessage(message);
   };
+  const openParameterEditor = (options) => {
+    const message = {
+      ...options,
+      type: "open-parameter-editor"
+    };
+    postMessage(message);
+  };
   const editorStateUpdated = () => {
     const message = {
       type: "editor-state-updated"
     };
     postMessage(message);
   };
+  const updateComponentReferences = (options) => {
+    const message = {
+      ...options,
+      type: "update-component-references"
+    };
+    postMessage(message);
+  };
   const messageEventListener = (event) => {
     if (typeof event.data !== "string") {
       return;
@@ -1626,6 +1656,7 @@ var createCanvasChannel = ({
   return {
     ready,
     destroy,
+    triggerComponentAction,
     selectComponent,
     updateComposition,
     updateCompositionInternal,
@@ -1638,8 +1669,10 @@ var createCanvasChannel = ({
     updatePreviewSettings,
     updateContextualEditingStateInternal,
     selectParameter,
+    openParameterEditor,
     reportRenderedCompositions,
-    editorStateUpdated
+    editorStateUpdated,
+    updateComponentReferences
   };
 };
 
@@ -1770,6 +1803,7 @@ function convertEntryToPutEntry(entry) {
       type: entry.entry.type,
       _dataResources: entry.entry._dataResources,
       _id: entry.entry._id,
+      _slug: entry.entry._slug,
       fields: entry.entry.fields
     },
     state: entry.state,
@@ -1807,6 +1841,11 @@ var getParameterAttributes = ({
   };
 };
 
+// src/utils/isAllowedReferrer.ts
+var isAllowedReferrer = (referrer) => {
+  return Boolean(referrer == null ? void 0 : referrer.match(/(^https:\/\/|\.)(uniform.app|uniform.wtf|localhost:\d{4})\//));
+};
+
 // src/utils/isSystemComponentDefinition.ts
 var isSystemComponentDefinition = (componentType) => {
   return componentType.startsWith("$");
@@ -1844,6 +1883,17 @@ function mapSlotToTestVariations(slot) {
   });
 }
 
+// src/utils/placeholder.ts
+var isComponentPlaceholderId = (id) => {
+  if (id === PLACEHOLDER_ID) {
+    return true;
+  }
+  return id == null ? void 0 : id.startsWith(PLACEHOLDER_ID);
+};
+var generateComponentPlaceholderId = (randomId) => {
+  return `${PLACEHOLDER_ID}_${randomId}`;
+};
+
 // src/utils/variables/parseVariableExpression.ts
 var escapeCharacter = "\\";
 var variablePrefix = "${";
@@ -1979,7 +2029,15 @@ function bindVariablesToObjectRecursive({
           boundCount += bindResult.boundCount;
           draft[property] = bindResult.result;
           if (bindResult.errors) {
-            errors.push(...bindResult.errors.map((e) => `${currentObjectPath}: ${e}`));
+            errors.push(
+              ...bindResult.errors.map((e) => {
+                if (typeof e === "string") {
+                  return `${currentObjectPath}: ${e}`;
+                }
+                e.message = `${currentObjectPath}: ${e.message}`;
+                return e;
+              })
+            );
           }
         }
         return;
@@ -2085,14 +2143,19 @@ export {
   createVariableReference,
   enhance,
   extractLocales,
+  generateComponentPlaceholderId,
   generateHash,
   getChannelName,
   getComponentJsonPointer,
   getComponentPath,
   getParameterAttributes,
   isAddComponentMessage,
+  isAllowedReferrer,
+  isComponentActionMessage,
+  isComponentPlaceholderId,
   isDismissPlaceholderMessage,
   isMovingComponentMessage,
+  isOpenParameterEditorMessage,
   isReadyMessage,
   isReportRenderedCompositionsMessage,
   isSelectComponentMessage,
@@ -2100,6 +2163,7 @@ export {
   isSystemComponentDefinition,
   isTriggerCompositionActionMessage,
   isUpdateComponentParameterMessage,
+  isUpdateComponentReferencesMessage,
   isUpdateCompositionInternalMessage,
   isUpdateCompositionMessage,
   isUpdateContextualEditingStateInternalMessage,

package/dist/index.js

@@ -340,14 +340,19 @@ __export(src_exports, {
   createVariableReference: () => createVariableReference,
   enhance: () => enhance,
   extractLocales: () => extractLocales,
+  generateComponentPlaceholderId: () => generateComponentPlaceholderId,
   generateHash: () => generateHash,
   getChannelName: () => getChannelName,
   getComponentJsonPointer: () => getComponentJsonPointer,
   getComponentPath: () => getComponentPath,
   getParameterAttributes: () => getParameterAttributes,
   isAddComponentMessage: () => isAddComponentMessage,
+  isAllowedReferrer: () => isAllowedReferrer,
+  isComponentActionMessage: () => isComponentActionMessage,
+  isComponentPlaceholderId: () => isComponentPlaceholderId,
   isDismissPlaceholderMessage: () => isDismissPlaceholderMessage,
   isMovingComponentMessage: () => isMovingComponentMessage,
+  isOpenParameterEditorMessage: () => isOpenParameterEditorMessage,
   isReadyMessage: () => isReadyMessage,
   isReportRenderedCompositionsMessage: () => isReportRenderedCompositionsMessage,
   isSelectComponentMessage: () => isSelectComponentMessage,
@@ -355,6 +360,7 @@ __export(src_exports, {
   isSystemComponentDefinition: () => isSystemComponentDefinition,
   isTriggerCompositionActionMessage: () => isTriggerCompositionActionMessage,
   isUpdateComponentParameterMessage: () => isUpdateComponentParameterMessage,
+  isUpdateComponentReferencesMessage: () => isUpdateComponentReferencesMessage,
   isUpdateCompositionInternalMessage: () => isUpdateCompositionInternalMessage,
   isUpdateCompositionMessage: () => isUpdateCompositionMessage,
   isUpdateContextualEditingStateInternalMessage: () => isUpdateContextualEditingStateInternalMessage,
@@ -1537,6 +1543,9 @@ var isSelectComponentMessage = (message) => {
 var isReadyMessage = (message) => {
   return message.type === "ready";
 };
+var isComponentActionMessage = (message) => {
+  return message.type === "trigger-component-action";
+};
 var isUpdateCompositionMessage = (message) => {
   return message.type === "update-composition";
 };
@@ -1570,6 +1579,12 @@ var isReportRenderedCompositionsMessage = (message) => {
 var isSelectParameterMessage = (message) => {
   return message.type === "select-parameter";
 };
+var isOpenParameterEditorMessage = (message) => {
+  return message.type === "open-parameter-editor";
+};
+var isUpdateComponentReferencesMessage = (message) => {
+  return message.type === "update-component-references";
+};
 var createCanvasChannel = ({
   listenTo,
   broadcastTo
@@ -1630,6 +1645,13 @@ var createCanvasChannel = ({
     };
     postMessage(message);
   };
+  const triggerComponentAction = (options) => {
+    const message = {
+      ...options,
+      type: "trigger-component-action"
+    };
+    postMessage(message);
+  };
   const addComponent = (options) => {
     const message = {
       ...options,
@@ -1693,12 +1715,26 @@ var createCanvasChannel = ({
     };
     postMessage(message);
   };
+  const openParameterEditor = (options) => {
+    const message = {
+      ...options,
+      type: "open-parameter-editor"
+    };
+    postMessage(message);
+  };
   const editorStateUpdated = () => {
     const message = {
       type: "editor-state-updated"
     };
     postMessage(message);
   };
+  const updateComponentReferences = (options) => {
+    const message = {
+      ...options,
+      type: "update-component-references"
+    };
+    postMessage(message);
+  };
   const messageEventListener = (event) => {
     if (typeof event.data !== "string") {
       return;
@@ -1728,6 +1764,7 @@ var createCanvasChannel = ({
   return {
     ready,
     destroy,
+    triggerComponentAction,
     selectComponent,
     updateComposition,
     updateCompositionInternal,
@@ -1740,8 +1777,10 @@ var createCanvasChannel = ({
     updatePreviewSettings,
     updateContextualEditingStateInternal,
     selectParameter,
+    openParameterEditor,
     reportRenderedCompositions,
-    editorStateUpdated
+    editorStateUpdated,
+    updateComponentReferences
   };
 };
 
@@ -1872,6 +1911,7 @@ function convertEntryToPutEntry(entry) {
       type: entry.entry.type,
       _dataResources: entry.entry._dataResources,
       _id: entry.entry._id,
+      _slug: entry.entry._slug,
       fields: entry.entry.fields
     },
     state: entry.state,
@@ -1909,6 +1949,11 @@ var getParameterAttributes = ({
   };
 };
 
+// src/utils/isAllowedReferrer.ts
+var isAllowedReferrer = (referrer) => {
+  return Boolean(referrer == null ? void 0 : referrer.match(/(^https:\/\/|\.)(uniform.app|uniform.wtf|localhost:\d{4})\//));
+};
+
 // src/utils/isSystemComponentDefinition.ts
 var isSystemComponentDefinition = (componentType) => {
   return componentType.startsWith("$");
@@ -1946,6 +1991,17 @@ function mapSlotToTestVariations(slot) {
   });
 }
 
+// src/utils/placeholder.ts
+var isComponentPlaceholderId = (id) => {
+  if (id === PLACEHOLDER_ID) {
+    return true;
+  }
+  return id == null ? void 0 : id.startsWith(PLACEHOLDER_ID);
+};
+var generateComponentPlaceholderId = (randomId) => {
+  return `${PLACEHOLDER_ID}_${randomId}`;
+};
+
 // src/utils/variables/parseVariableExpression.ts
 var escapeCharacter = "\\";
 var variablePrefix = "${";
@@ -2081,7 +2137,15 @@ function bindVariablesToObjectRecursive({
           boundCount += bindResult.boundCount;
           draft[property] = bindResult.result;
           if (bindResult.errors) {
-            errors.push(...bindResult.errors.map((e) => `${currentObjectPath}: ${e}`));
+            errors.push(
+              ...bindResult.errors.map((e) => {
+                if (typeof e === "string") {
+                  return `${currentObjectPath}: ${e}`;
+                }
+                e.message = `${currentObjectPath}: ${e.message}`;
+                return e;
+              })
+            );
           }
         }
         return;
@@ -2188,14 +2252,19 @@ var CanvasClientError = import_api9.ApiClientError;
   createVariableReference,
   enhance,
   extractLocales,
+  generateComponentPlaceholderId,
   generateHash,
   getChannelName,
   getComponentJsonPointer,
   getComponentPath,
   getParameterAttributes,
   isAddComponentMessage,
+  isAllowedReferrer,
+  isComponentActionMessage,
+  isComponentPlaceholderId,
   isDismissPlaceholderMessage,
   isMovingComponentMessage,
+  isOpenParameterEditorMessage,
   isReadyMessage,
   isReportRenderedCompositionsMessage,
   isSelectComponentMessage,
@@ -2203,6 +2272,7 @@ var CanvasClientError = import_api9.ApiClientError;
   isSystemComponentDefinition,
   isTriggerCompositionActionMessage,
   isUpdateComponentParameterMessage,
+  isUpdateComponentReferencesMessage,
   isUpdateCompositionInternalMessage,
   isUpdateCompositionMessage,
   isUpdateContextualEditingStateInternalMessage,

package/dist/index.mjs

@@ -1435,6 +1435,9 @@ var isSelectComponentMessage = (message) => {
 var isReadyMessage = (message) => {
   return message.type === "ready";
 };
+var isComponentActionMessage = (message) => {
+  return message.type === "trigger-component-action";
+};
 var isUpdateCompositionMessage = (message) => {
   return message.type === "update-composition";
 };
@@ -1468,6 +1471,12 @@ var isReportRenderedCompositionsMessage = (message) => {
 var isSelectParameterMessage = (message) => {
   return message.type === "select-parameter";
 };
+var isOpenParameterEditorMessage = (message) => {
+  return message.type === "open-parameter-editor";
+};
+var isUpdateComponentReferencesMessage = (message) => {
+  return message.type === "update-component-references";
+};
 var createCanvasChannel = ({
   listenTo,
   broadcastTo
@@ -1528,6 +1537,13 @@ var createCanvasChannel = ({
     };
     postMessage(message);
   };
+  const triggerComponentAction = (options) => {
+    const message = {
+      ...options,
+      type: "trigger-component-action"
+    };
+    postMessage(message);
+  };
   const addComponent = (options) => {
     const message = {
       ...options,
@@ -1591,12 +1607,26 @@ var createCanvasChannel = ({
     };
     postMessage(message);
   };
+  const openParameterEditor = (options) => {
+    const message = {
+      ...options,
+      type: "open-parameter-editor"
+    };
+    postMessage(message);
+  };
   const editorStateUpdated = () => {
     const message = {
       type: "editor-state-updated"
     };
     postMessage(message);
   };
+  const updateComponentReferences = (options) => {
+    const message = {
+      ...options,
+      type: "update-component-references"
+    };
+    postMessage(message);
+  };
   const messageEventListener = (event) => {
     if (typeof event.data !== "string") {
       return;
@@ -1626,6 +1656,7 @@ var createCanvasChannel = ({
   return {
     ready,
     destroy,
+    triggerComponentAction,
     selectComponent,
     updateComposition,
     updateCompositionInternal,
@@ -1638,8 +1669,10 @@ var createCanvasChannel = ({
     updatePreviewSettings,
     updateContextualEditingStateInternal,
     selectParameter,
+    openParameterEditor,
     reportRenderedCompositions,
-    editorStateUpdated
+    editorStateUpdated,
+    updateComponentReferences
   };
 };
 
@@ -1770,6 +1803,7 @@ function convertEntryToPutEntry(entry) {
       type: entry.entry.type,
       _dataResources: entry.entry._dataResources,
       _id: entry.entry._id,
+      _slug: entry.entry._slug,
       fields: entry.entry.fields
     },
     state: entry.state,
@@ -1807,6 +1841,11 @@ var getParameterAttributes = ({
   };
 };
 
+// src/utils/isAllowedReferrer.ts
+var isAllowedReferrer = (referrer) => {
+  return Boolean(referrer == null ? void 0 : referrer.match(/(^https:\/\/|\.)(uniform.app|uniform.wtf|localhost:\d{4})\//));
+};
+
 // src/utils/isSystemComponentDefinition.ts
 var isSystemComponentDefinition = (componentType) => {
   return componentType.startsWith("$");
@@ -1844,6 +1883,17 @@ function mapSlotToTestVariations(slot) {
   });
 }
 
+// src/utils/placeholder.ts
+var isComponentPlaceholderId = (id) => {
+  if (id === PLACEHOLDER_ID) {
+    return true;
+  }
+  return id == null ? void 0 : id.startsWith(PLACEHOLDER_ID);
+};
+var generateComponentPlaceholderId = (randomId) => {
+  return `${PLACEHOLDER_ID}_${randomId}`;
+};
+
 // src/utils/variables/parseVariableExpression.ts
 var escapeCharacter = "\\";
 var variablePrefix = "${";
@@ -1979,7 +2029,15 @@ function bindVariablesToObjectRecursive({
           boundCount += bindResult.boundCount;
           draft[property] = bindResult.result;
           if (bindResult.errors) {
-            errors.push(...bindResult.errors.map((e) => `${currentObjectPath}: ${e}`));
+            errors.push(
+              ...bindResult.errors.map((e) => {
+                if (typeof e === "string") {
+                  return `${currentObjectPath}: ${e}`;
+                }
+                e.message = `${currentObjectPath}: ${e.message}`;
+                return e;
+              })
+            );
           }
         }
         return;
@@ -2085,14 +2143,19 @@ export {
   createVariableReference,
   enhance,
   extractLocales,
+  generateComponentPlaceholderId,
   generateHash,
   getChannelName,
   getComponentJsonPointer,
   getComponentPath,
   getParameterAttributes,
   isAddComponentMessage,
+  isAllowedReferrer,
+  isComponentActionMessage,
+  isComponentPlaceholderId,
   isDismissPlaceholderMessage,
   isMovingComponentMessage,
+  isOpenParameterEditorMessage,
   isReadyMessage,
   isReportRenderedCompositionsMessage,
   isSelectComponentMessage,
@@ -2100,6 +2163,7 @@ export {
   isSystemComponentDefinition,
   isTriggerCompositionActionMessage,
   isUpdateComponentParameterMessage,
+  isUpdateComponentReferencesMessage,
   isUpdateCompositionInternalMessage,
   isUpdateCompositionMessage,
   isUpdateContextualEditingStateInternalMessage,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/canvas",
-  "version": "19.51.1-alpha.10+ee32ab8b6",
+  "version": "19.51.1-alpha.26+87b6d6f43",
   "description": "Common functionality and types for Uniform Canvas",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -38,7 +38,7 @@
     "pusher-js": "8.2.0"
   },
   "dependencies": {
-    "@uniformdev/context": "19.51.1-alpha.10+ee32ab8b6",
+    "@uniformdev/context": "19.51.1-alpha.26+87b6d6f43",
     "immer": "9.0.21"
   },
   "files": [
@@ -47,5 +47,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "ee32ab8b66da53e39f0714b708d5cd2ec49592bd"
+  "gitHead": "87b6d6f43ac5ed3bf05fbdba51dc239e04601dd1"
 }