@webstudio-is/sdk 0.205.0 → 0.206.0

package/lib/core-templates.js

@@ -19,18 +19,18 @@ import {
 // src/__generated__/normalize.css.ts
 var html = [
   { property: "display", value: { type: "keyword", value: "grid" } },
-  { property: "minHeight", value: { type: "unit", unit: "%", value: 100 } },
+  { property: "min-height", value: { type: "unit", unit: "%", value: 100 } },
   {
-    property: "fontFamily",
+    property: "font-family",
     value: { type: "fontFamily", value: ["Arial", "Roboto", "sans-serif"] }
   },
-  { property: "fontSize", value: { type: "unit", unit: "px", value: 16 } },
+  { property: "font-size", value: { type: "unit", unit: "px", value: 16 } },
   {
-    property: "lineHeight",
+    property: "line-height",
     value: { type: "unit", unit: "number", value: 1.2 }
   },
   {
-    property: "whiteSpaceCollapse",
+    property: "white-space-collapse",
     value: { type: "keyword", value: "preserve" }
   }
 ];

package/lib/index.js

@@ -897,6 +897,13 @@ var WsEmbedTemplate = z15.lazy(
 
 // src/schema/component-meta.ts
 import { z as z16 } from "zod";
+import { StyleValue as StyleValue4 } from "@webstudio-is/css-engine";
+var PresetStyleDecl = z16.object({
+  // State selector, e.g. :hover
+  state: z16.optional(z16.string()),
+  property: z16.string(),
+  value: StyleValue4
+});
 var WsComponentPropsMeta = z16.object({
   props: z16.record(PropMeta),
   // Props that will be always visible in properties panel.
@@ -948,9 +955,7 @@ var WsComponentMeta = z16.object({
   label: z16.optional(z16.string()),
   description: z16.string().optional(),
   icon: z16.string(),
-  presetStyle: z16.optional(
-    z16.record(z16.string(), z16.array(EmbedTemplateStyleDecl))
-  ),
+  presetStyle: z16.optional(z16.record(z16.string(), z16.array(PresetStyleDecl))),
   states: z16.optional(z16.array(ComponentState)),
   template: z16.optional(WsEmbedTemplate),
   order: z16.number().optional()
@@ -968,18 +973,18 @@ import {
 // src/__generated__/normalize.css.ts
 var html = [
   { property: "display", value: { type: "keyword", value: "grid" } },
-  { property: "minHeight", value: { type: "unit", unit: "%", value: 100 } },
+  { property: "min-height", value: { type: "unit", unit: "%", value: 100 } },
   {
-    property: "fontFamily",
+    property: "font-family",
     value: { type: "fontFamily", value: ["Arial", "Roboto", "sans-serif"] }
   },
-  { property: "fontSize", value: { type: "unit", unit: "px", value: 16 } },
+  { property: "font-size", value: { type: "unit", unit: "px", value: 16 } },
   {
-    property: "lineHeight",
+    property: "line-height",
     value: { type: "unit", unit: "number", value: 1.2 }
   },
   {
-    property: "whiteSpaceCollapse",
+    property: "white-space-collapse",
     value: { type: "keyword", value: "preserve" }
   }
 ];
@@ -1146,6 +1151,51 @@ var parseComponentName = (componentName) => {
   }
   return [namespace, name];
 };
+var getIndexesWithinAncestors = (metas, instances, rootIds) => {
+  const ancestors = /* @__PURE__ */ new Set();
+  for (const meta of metas.values()) {
+    if (meta.indexWithinAncestor !== void 0) {
+      ancestors.add(meta.indexWithinAncestor);
+    }
+  }
+  const indexes = /* @__PURE__ */ new Map();
+  const traverseInstances2 = (instances2, instanceId, latestIndexes2 = /* @__PURE__ */ new Map()) => {
+    const instance = instances2.get(instanceId);
+    if (instance === void 0) {
+      return;
+    }
+    const meta = metas.get(instance.component);
+    if (ancestors.has(instance.component)) {
+      latestIndexes2 = new Map(latestIndexes2);
+      latestIndexes2.set(instance.component, /* @__PURE__ */ new Map());
+    }
+    if (instance.component === blockTemplateComponent) {
+      latestIndexes2 = new Map(latestIndexes2);
+      for (const key of latestIndexes2.keys()) {
+        latestIndexes2.set(key, /* @__PURE__ */ new Map());
+      }
+    }
+    if (meta?.indexWithinAncestor !== void 0) {
+      const ancestorIndexes = latestIndexes2.get(meta.indexWithinAncestor);
+      if (ancestorIndexes) {
+        let index = ancestorIndexes.get(instance.component) ?? -1;
+        index += 1;
+        ancestorIndexes.set(instance.component, index);
+        indexes.set(instance.id, index);
+      }
+    }
+    for (const child of instance.children) {
+      if (child.type === "id") {
+        traverseInstances2(instances2, child.value, latestIndexes2);
+      }
+    }
+  };
+  const latestIndexes = /* @__PURE__ */ new Map();
+  for (const instanceId of rootIds) {
+    traverseInstances2(instances, instanceId, latestIndexes);
+  }
+  return indexes;
+};
 
 // src/expression.ts
 import {
@@ -2090,6 +2140,7 @@ export {
   PageRedirect,
   PageTitle,
   Pages,
+  PresetStyleDecl,
   ProjectNewRedirectPath,
   Prop,
   PropMeta,
@@ -2142,6 +2193,7 @@ export {
   generatePageMeta,
   generateResources,
   getExpressionIdentifiers,
+  getIndexesWithinAncestors,
   getPagePath,
   getStaticSiteMapXml,
   getStyleDeclKey,

package/lib/types/__generated__/normalize.css.d.ts

@@ -1,7 +1,7 @@
-import type { StyleProperty, StyleValue } from "@webstudio-is/css-engine";
+import type { CssProperty, StyleValue } from "@webstudio-is/css-engine";
 type StyleDecl = {
     state?: string;
-    property: StyleProperty;
+    property: CssProperty;
     value: StyleValue;
 };
 export declare const div: StyleDecl[];

package/lib/types/instances-utils.d.ts

@@ -1,5 +1,8 @@
+import type { WsComponentMeta } from "./schema/component-meta";
 import type { Instance, Instances } from "./schema/instances";
 export declare const ROOT_INSTANCE_ID = ":root";
 export declare const findTreeInstanceIds: (instances: Instances, rootInstanceId: Instance["id"]) => Set<string>;
 export declare const findTreeInstanceIdsExcludingSlotDescendants: (instances: Instances, rootInstanceId: Instance["id"]) => Set<string>;
 export declare const parseComponentName: (componentName: string) => readonly [string | undefined, string];
+export type IndexesWithinAncestors = Map<Instance["id"], number>;
+export declare const getIndexesWithinAncestors: (metas: Map<Instance["component"], WsComponentMeta>, instances: Instances, rootIds: Instance["id"][]) => IndexesWithinAncestors;