@webstudio-is/react-sdk 0.207.0 → 0.209.0

package/lib/index.js

@@ -156,6 +156,7 @@ var showAttribute = "data-ws-show";
 var indexAttribute = "data-ws-index";
 var collapsedAttribute = "data-ws-collapsed";
 var textContentAttribute = "data-ws-text-content";
+var animationCanPlayOnCanvasAttribute = "data-ws-animation-can-play-on-canvas";
 var attributeNameStartChar = "A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD";
 var attributeNameChar = attributeNameStartChar + ":\\-0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040";
 var validAttributeNameRegex = new RegExp(
@@ -399,30 +400,6 @@ var generateDataFromEmbedTemplate = (treeTemplate, metas, generateId = nanoid) =
     resources: []
   };
 };
-var namespaceEmbedTemplateComponents = (template, namespace, components) => {
-  return template.map((item) => {
-    if (item.type === "text") {
-      return item;
-    }
-    if (item.type === "expression") {
-      return item;
-    }
-    if (item.type === "instance") {
-      const prefix = components.has(item.component) ? `${namespace}:` : "";
-      return {
-        ...item,
-        component: `${prefix}${item.component}`,
-        children: namespaceEmbedTemplateComponents(
-          item.children,
-          namespace,
-          components
-        )
-      };
-    }
-    item;
-    throw Error("Impossible case");
-  });
-};
 var namespaceMatcher = (namespace, matcher) => {
   const newMatcher = structuredClone(matcher);
   if (newMatcher.component?.$eq) {
@@ -457,13 +434,6 @@ var namespaceMeta = (meta, namespace, components) => {
   if (newMeta.indexWithinAncestor) {
     newMeta.indexWithinAncestor = components.has(newMeta.indexWithinAncestor) ? `${namespace}:${newMeta.indexWithinAncestor}` : newMeta.indexWithinAncestor;
   }
-  if (newMeta.template) {
-    newMeta.template = namespaceEmbedTemplateComponents(
-      newMeta.template,
-      namespace,
-      components
-    );
-  }
   return newMeta;
 };
 
@@ -861,6 +831,7 @@ var generateWebstudioComponent = ({
   return generatedComponent;
 };
 export {
+  animationCanPlayOnCanvasAttribute,
   collapsedAttribute,
   componentAttribute,
   generateDataFromEmbedTemplate,

package/lib/types/embed-template.d.ts

@@ -3,18 +3,10 @@ export declare const generateDataFromEmbedTemplate: (treeTemplate: WsEmbedTempla
 export declare const namespaceMeta: (meta: WsComponentMeta, namespace: string, components: Set<EmbedTemplateInstance["component"]>) => {
     type: "control" | "embed" | "container" | "rich-text-child";
     description?: string | undefined;
-    category?: "data" | "xml" | "hidden" | "media" | "general" | "typography" | "forms" | "localization" | "radix" | "internal" | undefined;
+    category?: "xml" | "hidden" | "data" | "media" | "general" | "typography" | "forms" | "localization" | "radix" | "internal" | undefined;
     placeholder?: string | undefined;
     label?: string | undefined;
     order?: number | undefined;
-    template?: ({
-        value: string;
-        type: "text";
-        placeholder?: boolean | undefined;
-    } | {
-        value: string;
-        type: "expression";
-    } | EmbedTemplateInstance)[] | undefined;
     states?: {
         label: string;
         selector: string;
@@ -22,6 +14,7 @@ export declare const namespaceMeta: (meta: WsComponentMeta, namespace: string, c
     }[] | undefined;
     constraints?: {
         relation: "ancestor" | "parent" | "self" | "child" | "descendant";
+        text?: false | undefined;
         component?: {
             $eq?: string | undefined;
             $neq?: string | undefined;
@@ -36,6 +29,7 @@ export declare const namespaceMeta: (meta: WsComponentMeta, namespace: string, c
         } | undefined;
     } | {
         relation: "ancestor" | "parent" | "self" | "child" | "descendant";
+        text?: false | undefined;
         component?: {
             $eq?: string | undefined;
             $neq?: string | undefined;