@webstudio-is/sdk 0.219.0 → 0.220.0

package/lib/core-templates.js

@@ -19,8 +19,7 @@ import {
   ListViewIcon,
   PaintBrushIcon,
   SettingsIcon,
-  AddTemplateInstanceIcon,
-  BoxIcon
+  AddTemplateInstanceIcon
 } from "@webstudio-is/icons/svg";
 
 // src/__generated__/normalize.css.ts
@@ -631,6 +630,8 @@ var tagProperty = "data-ws-tag";
 
 // src/__generated__/tags.ts
 var tags = [
+  "div",
+  "span",
   "a",
   "abbr",
   "address",
@@ -658,7 +659,6 @@ var tags = [
   "details",
   "dfn",
   "dialog",
-  "div",
   "dl",
   "dt",
   "em",
@@ -715,7 +715,6 @@ var tags = [
   "slot",
   "small",
   "source",
-  "span",
   "strong",
   "sub",
   "summary",
@@ -746,17 +745,12 @@ var rootMeta = {
     html
   }
 };
-var rootPropsMeta = {
-  props: {}
-};
 var elementComponent = "ws:element";
 var elementMeta = {
   label: "Element",
-  icon: BoxIcon,
   // convert [object Module] to [object Object] to enable structured cloning
-  presetStyle: { ...normalize_css_exports }
-};
-var elementPropsMeta = {
+  presetStyle: { ...normalize_css_exports },
+  initialProps: [tagProperty, "id", "class"],
   props: {
     [tagProperty]: {
       type: "string",
@@ -773,17 +767,15 @@ var collectionMeta = {
   contentModel: {
     category: "instance",
     children: ["instance"]
-  }
-};
-var collectionPropsMeta = {
+  },
+  initialProps: ["data"],
   props: {
     data: {
       required: true,
       control: "json",
       type: "json"
     }
-  },
-  initialProps: ["data"]
+  }
 };
 var descendantComponent = "ws:descendant";
 var descendantMeta = {
@@ -794,9 +786,8 @@ var descendantMeta = {
     children: []
   },
   // @todo infer possible presets
-  presetStyle: {}
-};
-var descendantPropsMeta = {
+  presetStyle: {},
+  initialProps: ["selector"],
   props: {
     selector: {
       required: true,
@@ -821,8 +812,7 @@ var descendantPropsMeta = {
         " hr"
       ]
     }
-  },
-  initialProps: ["selector"]
+  }
 };
 var blockComponent = "ws:block";
 var blockTemplateComponent = "ws:block-template";
@@ -833,9 +823,6 @@ var blockTemplateMeta = {
     children: ["instance"]
   }
 };
-var blockTemplatePropsMeta = {
-  props: {}
-};
 var blockMeta = {
   label: "Content Block",
   icon: ContentBlockIcon,
@@ -844,9 +831,6 @@ var blockMeta = {
     children: [blockTemplateComponent, "instance"]
   }
 };
-var blockPropsMeta = {
-  props: {}
-};
 var coreMetas = {
   [rootComponent]: rootMeta,
   [elementComponent]: elementMeta,
@@ -855,14 +839,6 @@ var coreMetas = {
   [blockComponent]: blockMeta,
   [blockTemplateComponent]: blockTemplateMeta
 };
-var corePropsMetas = {
-  [rootComponent]: rootPropsMeta,
-  [elementComponent]: elementPropsMeta,
-  [collectionComponent]: collectionPropsMeta,
-  [descendantComponent]: descendantPropsMeta,
-  [blockComponent]: blockPropsMeta,
-  [blockTemplateComponent]: blockTemplatePropsMeta
-};
 
 // src/core-templates.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -870,7 +846,7 @@ var elementMeta2 = {
   category: "general",
   order: 0,
   description: "An HTML element is a core building block for web pages, structuring and displaying content like text, images, and links.",
-  template: /* @__PURE__ */ jsx(ws.element, { "ws:tag": "div" })
+  template: /* @__PURE__ */ jsx(ws.element, {})
 };
 var collectionItem = new Parameter("collectionItem");
 var collectionMeta2 = {

package/lib/index.js

@@ -842,11 +842,6 @@ var PresetStyleDecl = z15.object({
   property: z15.string(),
   value: StyleValue3
 });
-var WsComponentPropsMeta = z15.object({
-  props: z15.record(PropMeta),
-  // Props that will be always visible in properties panel.
-  initialProps: z15.array(z15.string()).optional()
-});
 var componentCategories = [
   "general",
   "typography",
@@ -891,11 +886,6 @@ var ContentModel = z15.object({
 });
 var WsComponentMeta = z15.object({
   category: z15.enum(componentCategories).optional(),
-  /**
-   * a property used as textual placeholder when no content specified while in builder
-   * also signals to not insert components inside unless dropped explicitly
-   */
-  placeholder: z15.string().optional(),
   contentModel: ContentModel.optional(),
   // when this field is specified component receives
   // prop with index of same components withiin specified ancestor
@@ -904,10 +894,13 @@ var WsComponentMeta = z15.object({
   indexWithinAncestor: z15.optional(z15.string()),
   label: z15.optional(z15.string()),
   description: z15.string().optional(),
-  icon: z15.string(),
+  icon: z15.string().optional(),
   presetStyle: z15.optional(z15.record(z15.string(), z15.array(PresetStyleDecl))),
   states: z15.optional(z15.array(ComponentState)),
-  order: z15.number().optional()
+  order: z15.number().optional(),
+  // properties and html attributes that will be always visible in properties panel
+  initialProps: z15.array(z15.string()).optional(),
+  props: z15.record(PropMeta).optional()
 });
 
 // src/core-metas.ts
@@ -916,8 +909,7 @@ import {
   ListViewIcon,
   PaintBrushIcon,
   SettingsIcon,
-  AddTemplateInstanceIcon,
-  BoxIcon
+  AddTemplateInstanceIcon
 } from "@webstudio-is/icons/svg";
 
 // src/__generated__/normalize.css.ts
@@ -1528,6 +1520,8 @@ var tagProperty = "data-ws-tag";
 
 // src/__generated__/tags.ts
 var tags = [
+  "div",
+  "span",
   "a",
   "abbr",
   "address",
@@ -1555,7 +1549,6 @@ var tags = [
   "details",
   "dfn",
   "dialog",
-  "div",
   "dl",
   "dt",
   "em",
@@ -1612,7 +1605,6 @@ var tags = [
   "slot",
   "small",
   "source",
-  "span",
   "strong",
   "sub",
   "summary",
@@ -1643,17 +1635,12 @@ var rootMeta = {
     html
   }
 };
-var rootPropsMeta = {
-  props: {}
-};
 var elementComponent = "ws:element";
 var elementMeta = {
   label: "Element",
-  icon: BoxIcon,
   // convert [object Module] to [object Object] to enable structured cloning
-  presetStyle: { ...normalize_css_exports }
-};
-var elementPropsMeta = {
+  presetStyle: { ...normalize_css_exports },
+  initialProps: [tagProperty, "id", "class"],
   props: {
     [tagProperty]: {
       type: "string",
@@ -1671,17 +1658,15 @@ var collectionMeta = {
   contentModel: {
     category: "instance",
     children: ["instance"]
-  }
-};
-var collectionPropsMeta = {
+  },
+  initialProps: ["data"],
   props: {
     data: {
       required: true,
       control: "json",
       type: "json"
     }
-  },
-  initialProps: ["data"]
+  }
 };
 var descendantComponent = "ws:descendant";
 var descendantMeta = {
@@ -1692,9 +1677,8 @@ var descendantMeta = {
     children: []
   },
   // @todo infer possible presets
-  presetStyle: {}
-};
-var descendantPropsMeta = {
+  presetStyle: {},
+  initialProps: ["selector"],
   props: {
     selector: {
       required: true,
@@ -1719,8 +1703,7 @@ var descendantPropsMeta = {
         " hr"
       ]
     }
-  },
-  initialProps: ["selector"]
+  }
 };
 var blockComponent = "ws:block";
 var blockTemplateComponent = "ws:block-template";
@@ -1731,9 +1714,6 @@ var blockTemplateMeta = {
     children: ["instance"]
   }
 };
-var blockTemplatePropsMeta = {
-  props: {}
-};
 var blockMeta = {
   label: "Content Block",
   icon: ContentBlockIcon,
@@ -1742,9 +1722,6 @@ var blockMeta = {
     children: [blockTemplateComponent, "instance"]
   }
 };
-var blockPropsMeta = {
-  props: {}
-};
 var coreMetas = {
   [rootComponent]: rootMeta,
   [elementComponent]: elementMeta,
@@ -1753,14 +1730,6 @@ var coreMetas = {
   [blockComponent]: blockMeta,
   [blockTemplateComponent]: blockTemplateMeta
 };
-var corePropsMetas = {
-  [rootComponent]: rootPropsMeta,
-  [elementComponent]: elementPropsMeta,
-  [collectionComponent]: collectionPropsMeta,
-  [descendantComponent]: descendantPropsMeta,
-  [blockComponent]: blockPropsMeta,
-  [blockTemplateComponent]: blockTemplatePropsMeta
-};
 var isCoreComponent = (component) => component === rootComponent || component === elementComponent || component === collectionComponent || component === descendantComponent || component === blockComponent || component === blockTemplateComponent;
 var isComponentDetachable = (component) => component !== rootComponent && component !== blockTemplateComponent && component !== descendantComponent;
 
@@ -2854,7 +2823,6 @@ export {
   collectionComponent,
   componentCategories,
   coreMetas,
-  corePropsMetas,
   createImageValueTransformer,
   createScope,
   decodeDataVariableId as decodeDataSourceVariable,