@webstudio-is/sdk 0.212.0 → 0.214.0

package/lib/core-templates.js

@@ -79,12 +79,12 @@ var descendantMeta = {
   type: "control",
   label: "Descendant",
   icon: PaintBrushIcon,
+  contentModel: {
+    category: "none",
+    children: ["empty"]
+  },
   // @todo infer possible presets
-  presetStyle: {},
-  constraints: {
-    relation: "parent",
-    component: { $in: ["HtmlEmbed", "MarkdownEmbed"] }
-  }
+  presetStyle: {}
 };
 var descendantPropsMeta = {
   props: {
@@ -119,9 +119,9 @@ var blockTemplateComponent = "ws:block-template";
 var blockTemplateMeta = {
   type: "container",
   icon: AddTemplateInstanceIcon,
-  constraints: {
-    relation: "parent",
-    component: { $eq: blockComponent }
+  contentModel: {
+    category: "none",
+    children: ["instance"]
   }
 };
 var blockTemplatePropsMeta = {
@@ -131,16 +131,11 @@ var blockMeta = {
   type: "container",
   label: "Content Block",
   icon: ContentBlockIcon,
-  constraints: [
-    {
-      relation: "ancestor",
-      component: { $nin: [collectionComponent, blockComponent] }
-    },
-    {
-      relation: "child",
-      component: { $eq: blockTemplateComponent }
-    }
-  ]
+  contentModel: {
+    category: "instance",
+    children: [blockTemplateComponent, "instance"]
+    // @todo prevent deleting block template
+  }
 };
 var blockPropsMeta = {
   props: {}

package/lib/index.js

@@ -981,19 +981,36 @@ var defaultStates = [
   { selector: ":focus-visible", label: "Focus Visible" },
   { selector: ":focus-within", label: "Focus Within" }
 ];
+var ContentModel = z16.object({
+  /*
+   * instance - accepted by any parent with "instance" in children categories
+   * none - accepted by parents with this component name in children categories
+   */
+  category: z16.union([z16.literal("instance"), z16.literal("none")]),
+  /**
+   * transparent - pass through possible children from parent
+   * rich-text - can be edited as rich text
+   * instance - other instances accepted
+   * empty - no children accepted
+   * ComponentName - accept specific components with none category
+   */
+  children: z16.array(
+    z16.string()
+  )
+});
 var WsComponentMeta = z16.object({
   category: z16.enum(componentCategories).optional(),
   // container - can accept other components with dnd or be edited as text
   // control - usually form controls like inputs, without children
   // embed - images, videos or other embeddable components, without children
-  // rich-text-child - formatted text fragment, not listed in components list
-  type: z16.enum(["container", "control", "embed", "rich-text-child"]),
+  type: z16.enum(["container", "control", "embed"]),
   /**
    * a property used as textual placeholder when no content specified while in builder
    * also signals to not insert components inside unless dropped explicitly
    */
   placeholder: z16.string().optional(),
   constraints: Matchers.optional(),
+  contentModel: ContentModel.optional(),
   // when this field is specified component receives
   // prop with index of same components withiin specified ancestor
   // important to automatically enumerate collections without
@@ -1080,12 +1097,12 @@ var descendantMeta = {
   type: "control",
   label: "Descendant",
   icon: PaintBrushIcon,
+  contentModel: {
+    category: "none",
+    children: ["empty"]
+  },
   // @todo infer possible presets
-  presetStyle: {},
-  constraints: {
-    relation: "parent",
-    component: { $in: ["HtmlEmbed", "MarkdownEmbed"] }
-  }
+  presetStyle: {}
 };
 var descendantPropsMeta = {
   props: {
@@ -1120,9 +1137,9 @@ var blockTemplateComponent = "ws:block-template";
 var blockTemplateMeta = {
   type: "container",
   icon: AddTemplateInstanceIcon,
-  constraints: {
-    relation: "parent",
-    component: { $eq: blockComponent }
+  contentModel: {
+    category: "none",
+    children: ["instance"]
   }
 };
 var blockTemplatePropsMeta = {
@@ -1132,16 +1149,11 @@ var blockMeta = {
   type: "container",
   label: "Content Block",
   icon: ContentBlockIcon,
-  constraints: [
-    {
-      relation: "ancestor",
-      component: { $nin: [collectionComponent, blockComponent] }
-    },
-    {
-      relation: "child",
-      component: { $eq: blockTemplateComponent }
-    }
-  ]
+  contentModel: {
+    category: "instance",
+    children: [blockTemplateComponent, "instance"]
+    // @todo prevent deleting block template
+  }
 };
 var blockPropsMeta = {
   props: {}
@@ -2175,6 +2187,7 @@ export {
   Breakpoints,
   CompilerSettings,
   ComponentState,
+  ContentModel,
   DataSource,
   DataSourceVariableValue,
   DataSources,

package/lib/types/schema/component-meta.d.ts

@@ -5910,9 +5910,27 @@ export declare const ComponentState: z.ZodObject<{
 }>;
 export type ComponentState = z.infer<typeof ComponentState>;
 export declare const defaultStates: ComponentState[];
+export declare const ContentModel: z.ZodObject<{
+    category: z.ZodUnion<[z.ZodLiteral<"instance">, z.ZodLiteral<"none">]>;
+    /**
+     * transparent - pass through possible children from parent
+     * rich-text - can be edited as rich text
+     * instance - other instances accepted
+     * empty - no children accepted
+     * ComponentName - accept specific components with none category
+     */
+    children: z.ZodArray<z.ZodType<"instance" | (string & {}) | "transparent" | "rich-text" | "empty", z.ZodTypeDef, "instance" | (string & {}) | "transparent" | "rich-text" | "empty">, "many">;
+}, "strip", z.ZodTypeAny, {
+    children: ("instance" | (string & {}) | "transparent" | "rich-text" | "empty")[];
+    category: "none" | "instance";
+}, {
+    children: ("instance" | (string & {}) | "transparent" | "rich-text" | "empty")[];
+    category: "none" | "instance";
+}>;
+export type ContentModel = z.infer<typeof ContentModel>;
 export declare const WsComponentMeta: z.ZodObject<{
     category: z.ZodOptional<z.ZodEnum<["general", "typography", "media", "animations", "data", "forms", "localization", "radix", "xml", "hidden", "internal"]>>;
-    type: z.ZodEnum<["container", "control", "embed", "rich-text-child"]>;
+    type: z.ZodEnum<["container", "control", "embed"]>;
     /**
      * a property used as textual placeholder when no content specified while in builder
      * also signals to not insert components inside unless dropped explicitly
@@ -6049,6 +6067,23 @@ export declare const WsComponentMeta: z.ZodObject<{
             $nin?: string[] | undefined;
         } | undefined;
     }>, "many">]>>;
+    contentModel: z.ZodOptional<z.ZodObject<{
+        category: z.ZodUnion<[z.ZodLiteral<"instance">, z.ZodLiteral<"none">]>;
+        /**
+         * transparent - pass through possible children from parent
+         * rich-text - can be edited as rich text
+         * instance - other instances accepted
+         * empty - no children accepted
+         * ComponentName - accept specific components with none category
+         */
+        children: z.ZodArray<z.ZodType<"instance" | (string & {}) | "transparent" | "rich-text" | "empty", z.ZodTypeDef, "instance" | (string & {}) | "transparent" | "rich-text" | "empty">, "many">;
+    }, "strip", z.ZodTypeAny, {
+        children: ("instance" | (string & {}) | "transparent" | "rich-text" | "empty")[];
+        category: "none" | "instance";
+    }, {
+        children: ("instance" | (string & {}) | "transparent" | "rich-text" | "empty")[];
+        category: "none" | "instance";
+    }>>;
     indexWithinAncestor: z.ZodOptional<z.ZodString>;
     label: z.ZodOptional<z.ZodString>;
     description: z.ZodOptional<z.ZodString>;
@@ -11124,7 +11159,7 @@ export declare const WsComponentMeta: z.ZodObject<{
     }>, "many">>;
     order: z.ZodOptional<z.ZodNumber>;
 }, "strip", z.ZodTypeAny, {
-    type: "embed" | "control" | "container" | "rich-text-child";
+    type: "embed" | "control" | "container";
     icon: string;
     order?: number | undefined;
     label?: string | undefined;
@@ -11167,6 +11202,10 @@ export declare const WsComponentMeta: z.ZodObject<{
             $nin?: string[] | undefined;
         } | undefined;
     }[] | undefined;
+    contentModel?: {
+        children: ("instance" | (string & {}) | "transparent" | "rich-text" | "empty")[];
+        category: "none" | "instance";
+    } | undefined;
     indexWithinAncestor?: string | undefined;
     presetStyle?: Record<string, {
         value: {
@@ -11775,7 +11814,7 @@ export declare const WsComponentMeta: z.ZodObject<{
         state?: string | undefined;
     }[]> | undefined;
 }, {
-    type: "embed" | "control" | "container" | "rich-text-child";
+    type: "embed" | "control" | "container";
     icon: string;
     order?: number | undefined;
     label?: string | undefined;
@@ -11818,6 +11857,10 @@ export declare const WsComponentMeta: z.ZodObject<{
             $nin?: string[] | undefined;
         } | undefined;
     }[] | undefined;
+    contentModel?: {
+        children: ("instance" | (string & {}) | "transparent" | "rich-text" | "empty")[];
+        category: "none" | "instance";
+    } | undefined;
     indexWithinAncestor?: string | undefined;
     presetStyle?: Record<string, {
         value: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/sdk",
-  "version": "0.212.0",
+  "version": "0.214.0",
   "description": "Webstudio project data schema",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -40,15 +40,15 @@
     "reserved-identifiers": "^1.0.0",
     "type-fest": "^4.37.0",
     "zod": "^3.24.2",
-    "@webstudio-is/css-engine": "0.212.0",
-    "@webstudio-is/fonts": "0.212.0",
-    "@webstudio-is/icons": "0.212.0"
+    "@webstudio-is/fonts": "0.214.0",
+    "@webstudio-is/css-engine": "0.214.0",
+    "@webstudio-is/icons": "0.214.0"
   },
   "devDependencies": {
     "html-tags": "^4.0.0",
     "vitest": "^3.0.8",
     "@webstudio-is/css-data": "0.0.0",
-    "@webstudio-is/template": "0.212.0",
+    "@webstudio-is/template": "0.214.0",
     "@webstudio-is/tsconfig": "1.0.7"
   },
   "scripts": {