@webstudio-is/sdk 0.205.0 → 0.207.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

@@ -405,6 +405,7 @@ var viewRangeOptionsSchema = z6.object({
 var baseAnimation = z6.object({
   name: z6.string().optional(),
   description: z6.string().optional(),
+  enabled: z6.array(z6.tuple([z6.string().describe("breakpointId"), z6.boolean()])).optional(),
   keyframes: z6.array(animationKeyframeSchema)
 });
 var scrollAnimationSchema = baseAnimation.merge(
@@ -587,7 +588,7 @@ var StyleDeclRaw = z11.object({
   // @todo can't figure out how to make property to be enum
   property: z11.string(),
   value: StyleValue2,
-  listed: z11.boolean().optional()
+  listed: z11.boolean().optional().describe("Whether the style is from the Advanced panel")
 });
 var StyleDecl = StyleDeclRaw;
 var getStyleDeclKey = (styleDecl) => {
@@ -670,6 +671,12 @@ var Text = z14.object({
    */
   rows: z14.number().optional()
 });
+var Resource2 = z14.object({
+  ...common,
+  control: z14.literal("resource"),
+  type: z14.literal("resource"),
+  defaultValue: z14.string().optional()
+});
 var Code = z14.object({
   ...common,
   control: z14.literal("code"),
@@ -787,6 +794,7 @@ var PropMeta = z14.union([
   Number,
   Range,
   Text,
+  Resource2,
   Code,
   CodeText,
   Color,
@@ -897,6 +905,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 +963,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 +981,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 +1159,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 {
@@ -1727,7 +1785,9 @@ var replaceFormActionsWithResources = ({
         name: "action",
         method: getMethod(method),
         url: JSON.stringify(action),
-        headers: []
+        headers: [
+          { name: "Content-Type", value: JSON.stringify("application/json") }
+        ]
       });
     }
   }
@@ -2090,6 +2150,7 @@ export {
   PageRedirect,
   PageTitle,
   Pages,
+  PresetStyleDecl,
   ProjectNewRedirectPath,
   Prop,
   PropMeta,
@@ -2142,6 +2203,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/core-metas.d.ts

@@ -37,6 +37,13 @@ export declare const corePropsMetas: {
             rows?: number | undefined;
             label?: string | undefined;
             description?: string | undefined;
+        } | {
+            type: "resource";
+            required: boolean;
+            control: "resource";
+            defaultValue?: string | undefined;
+            label?: string | undefined;
+            description?: string | undefined;
         } | {
             type: "string";
             required: boolean;
@@ -190,6 +197,13 @@ export declare const corePropsMetas: {
             rows?: number | undefined;
             label?: string | undefined;
             description?: string | undefined;
+        } | {
+            type: "resource";
+            required: boolean;
+            control: "resource";
+            defaultValue?: string | undefined;
+            label?: string | undefined;
+            description?: string | undefined;
         } | {
             type: "string";
             required: boolean;
@@ -343,6 +357,13 @@ export declare const corePropsMetas: {
             rows?: number | undefined;
             label?: string | undefined;
             description?: string | undefined;
+        } | {
+            type: "resource";
+            required: boolean;
+            control: "resource";
+            defaultValue?: string | undefined;
+            label?: string | undefined;
+            description?: string | undefined;
         } | {
             type: "string";
             required: boolean;
@@ -496,6 +517,13 @@ export declare const corePropsMetas: {
             rows?: number | undefined;
             label?: string | undefined;
             description?: string | undefined;
+        } | {
+            type: "resource";
+            required: boolean;
+            control: "resource";
+            defaultValue?: string | undefined;
+            label?: string | undefined;
+            description?: string | undefined;
         } | {
             type: "string";
             required: boolean;
@@ -649,6 +677,13 @@ export declare const corePropsMetas: {
             rows?: number | undefined;
             label?: string | undefined;
             description?: string | undefined;
+        } | {
+            type: "resource";
+            required: boolean;
+            control: "resource";
+            defaultValue?: string | undefined;
+            label?: string | undefined;
+            description?: string | undefined;
         } | {
             type: "string";
             required: boolean;

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;

package/lib/types/schema/animation-schema.d.ts

@@ -3822,6 +3822,7 @@ export declare const viewRangeOptionsSchema: z.ZodObject<{
 export declare const scrollAnimationSchema: z.ZodObject<{
     name: z.ZodOptional<z.ZodString>;
     description: z.ZodOptional<z.ZodString>;
+    enabled: z.ZodOptional<z.ZodArray<z.ZodTuple<[z.ZodString, z.ZodBoolean], null>, "many">>;
     keyframes: z.ZodArray<z.ZodObject<{
         offset: z.ZodOptional<z.ZodNumber>;
         styles: z.ZodRecord<z.ZodString, z.ZodUnion<[z.ZodObject<{
@@ -6255,6 +6256,7 @@ export declare const scrollAnimationSchema: z.ZodObject<{
     };
     name?: string | undefined;
     description?: string | undefined;
+    enabled?: [string, boolean][] | undefined;
 }, {
     keyframes: {
         styles: Record<string, {
@@ -6553,6 +6555,7 @@ export declare const scrollAnimationSchema: z.ZodObject<{
     };
     name?: string | undefined;
     description?: string | undefined;
+    enabled?: [string, boolean][] | undefined;
 }>;
 export declare const scrollActionSchema: z.ZodObject<{
     type: z.ZodLiteral<"scroll">;
@@ -6561,6 +6564,7 @@ export declare const scrollActionSchema: z.ZodObject<{
     animations: z.ZodArray<z.ZodObject<{
         name: z.ZodOptional<z.ZodString>;
         description: z.ZodOptional<z.ZodString>;
+        enabled: z.ZodOptional<z.ZodArray<z.ZodTuple<[z.ZodString, z.ZodBoolean], null>, "many">>;
         keyframes: z.ZodArray<z.ZodObject<{
             offset: z.ZodOptional<z.ZodNumber>;
             styles: z.ZodRecord<z.ZodString, z.ZodUnion<[z.ZodObject<{
@@ -8994,6 +8998,7 @@ export declare const scrollActionSchema: z.ZodObject<{
         };
         name?: string | undefined;
         description?: string | undefined;
+        enabled?: [string, boolean][] | undefined;
     }, {
         keyframes: {
             styles: Record<string, {
@@ -9292,6 +9297,7 @@ export declare const scrollActionSchema: z.ZodObject<{
         };
         name?: string | undefined;
         description?: string | undefined;
+        enabled?: [string, boolean][] | undefined;
     }>, "many">;
     isPinned: z.ZodOptional<z.ZodBoolean>;
     debug: z.ZodOptional<z.ZodBoolean>;
@@ -9595,6 +9601,7 @@ export declare const scrollActionSchema: z.ZodObject<{
         };
         name?: string | undefined;
         description?: string | undefined;
+        enabled?: [string, boolean][] | undefined;
     }[];
     source?: "closest" | "nearest" | "root" | undefined;
     axis?: "x" | "block" | "inline" | "y" | undefined;
@@ -9900,6 +9907,7 @@ export declare const scrollActionSchema: z.ZodObject<{
         };
         name?: string | undefined;
         description?: string | undefined;
+        enabled?: [string, boolean][] | undefined;
     }[];
     source?: "closest" | "nearest" | "root" | undefined;
     axis?: "x" | "block" | "inline" | "y" | undefined;
@@ -9909,6 +9917,7 @@ export declare const scrollActionSchema: z.ZodObject<{
 export declare const viewAnimationSchema: z.ZodObject<{
     name: z.ZodOptional<z.ZodString>;
     description: z.ZodOptional<z.ZodString>;
+    enabled: z.ZodOptional<z.ZodArray<z.ZodTuple<[z.ZodString, z.ZodBoolean], null>, "many">>;
     keyframes: z.ZodArray<z.ZodObject<{
         offset: z.ZodOptional<z.ZodNumber>;
         styles: z.ZodRecord<z.ZodString, z.ZodUnion<[z.ZodObject<{
@@ -12342,6 +12351,7 @@ export declare const viewAnimationSchema: z.ZodObject<{
     };
     name?: string | undefined;
     description?: string | undefined;
+    enabled?: [string, boolean][] | undefined;
 }, {
     keyframes: {
         styles: Record<string, {
@@ -12640,6 +12650,7 @@ export declare const viewAnimationSchema: z.ZodObject<{
     };
     name?: string | undefined;
     description?: string | undefined;
+    enabled?: [string, boolean][] | undefined;
 }>;
 export declare const viewActionSchema: z.ZodObject<{
     type: z.ZodLiteral<"view">;
@@ -12648,6 +12659,7 @@ export declare const viewActionSchema: z.ZodObject<{
     animations: z.ZodArray<z.ZodObject<{
         name: z.ZodOptional<z.ZodString>;
         description: z.ZodOptional<z.ZodString>;
+        enabled: z.ZodOptional<z.ZodArray<z.ZodTuple<[z.ZodString, z.ZodBoolean], null>, "many">>;
         keyframes: z.ZodArray<z.ZodObject<{
             offset: z.ZodOptional<z.ZodNumber>;
             styles: z.ZodRecord<z.ZodString, z.ZodUnion<[z.ZodObject<{
@@ -15081,6 +15093,7 @@ export declare const viewActionSchema: z.ZodObject<{
         };
         name?: string | undefined;
         description?: string | undefined;
+        enabled?: [string, boolean][] | undefined;
     }, {
         keyframes: {
             styles: Record<string, {
@@ -15379,6 +15392,7 @@ export declare const viewActionSchema: z.ZodObject<{
         };
         name?: string | undefined;
         description?: string | undefined;
+        enabled?: [string, boolean][] | undefined;
     }>, "many">;
     insetStart: z.ZodOptional<z.ZodUnion<[z.ZodUnion<[z.ZodObject<{
         type: z.ZodLiteral<"unit">;
@@ -15744,6 +15758,7 @@ export declare const viewActionSchema: z.ZodObject<{
         };
         name?: string | undefined;
         description?: string | undefined;
+        enabled?: [string, boolean][] | undefined;
     }[];
     subject?: string | undefined;
     axis?: "x" | "block" | "inline" | "y" | undefined;
@@ -16071,6 +16086,7 @@ export declare const viewActionSchema: z.ZodObject<{
         };
         name?: string | undefined;
         description?: string | undefined;
+        enabled?: [string, boolean][] | undefined;
     }[];
     subject?: string | undefined;
     axis?: "x" | "block" | "inline" | "y" | undefined;
@@ -16106,6 +16122,7 @@ export declare const animationActionSchema: z.ZodDiscriminatedUnion<"type", [z.Z
     animations: z.ZodArray<z.ZodObject<{
         name: z.ZodOptional<z.ZodString>;
         description: z.ZodOptional<z.ZodString>;
+        enabled: z.ZodOptional<z.ZodArray<z.ZodTuple<[z.ZodString, z.ZodBoolean], null>, "many">>;
         keyframes: z.ZodArray<z.ZodObject<{
             offset: z.ZodOptional<z.ZodNumber>;
             styles: z.ZodRecord<z.ZodString, z.ZodUnion<[z.ZodObject<{
@@ -18539,6 +18556,7 @@ export declare const animationActionSchema: z.ZodDiscriminatedUnion<"type", [z.Z
         };
         name?: string | undefined;
         description?: string | undefined;
+        enabled?: [string, boolean][] | undefined;
     }, {
         keyframes: {
             styles: Record<string, {
@@ -18837,6 +18855,7 @@ export declare const animationActionSchema: z.ZodDiscriminatedUnion<"type", [z.Z
         };
         name?: string | undefined;
         description?: string | undefined;
+        enabled?: [string, boolean][] | undefined;
     }>, "many">;
     isPinned: z.ZodOptional<z.ZodBoolean>;
     debug: z.ZodOptional<z.ZodBoolean>;
@@ -19140,6 +19159,7 @@ export declare const animationActionSchema: z.ZodDiscriminatedUnion<"type", [z.Z
         };
         name?: string | undefined;
         description?: string | undefined;
+        enabled?: [string, boolean][] | undefined;
     }[];
     source?: "closest" | "nearest" | "root" | undefined;
     axis?: "x" | "block" | "inline" | "y" | undefined;
@@ -19445,6 +19465,7 @@ export declare const animationActionSchema: z.ZodDiscriminatedUnion<"type", [z.Z
         };
         name?: string | undefined;
         description?: string | undefined;
+        enabled?: [string, boolean][] | undefined;
     }[];
     source?: "closest" | "nearest" | "root" | undefined;
     axis?: "x" | "block" | "inline" | "y" | undefined;
@@ -19457,6 +19478,7 @@ export declare const animationActionSchema: z.ZodDiscriminatedUnion<"type", [z.Z
     animations: z.ZodArray<z.ZodObject<{
         name: z.ZodOptional<z.ZodString>;
         description: z.ZodOptional<z.ZodString>;
+        enabled: z.ZodOptional<z.ZodArray<z.ZodTuple<[z.ZodString, z.ZodBoolean], null>, "many">>;
         keyframes: z.ZodArray<z.ZodObject<{
             offset: z.ZodOptional<z.ZodNumber>;
             styles: z.ZodRecord<z.ZodString, z.ZodUnion<[z.ZodObject<{
@@ -21890,6 +21912,7 @@ export declare const animationActionSchema: z.ZodDiscriminatedUnion<"type", [z.Z
         };
         name?: string | undefined;
         description?: string | undefined;
+        enabled?: [string, boolean][] | undefined;
     }, {
         keyframes: {
             styles: Record<string, {
@@ -22188,6 +22211,7 @@ export declare const animationActionSchema: z.ZodDiscriminatedUnion<"type", [z.Z
         };
         name?: string | undefined;
         description?: string | undefined;
+        enabled?: [string, boolean][] | undefined;
     }>, "many">;
     insetStart: z.ZodOptional<z.ZodUnion<[z.ZodUnion<[z.ZodObject<{
         type: z.ZodLiteral<"unit">;
@@ -22553,6 +22577,7 @@ export declare const animationActionSchema: z.ZodDiscriminatedUnion<"type", [z.Z
         };
         name?: string | undefined;
         description?: string | undefined;
+        enabled?: [string, boolean][] | undefined;
     }[];
     subject?: string | undefined;
     axis?: "x" | "block" | "inline" | "y" | undefined;
@@ -22880,6 +22905,7 @@ export declare const animationActionSchema: z.ZodDiscriminatedUnion<"type", [z.Z
         };
         name?: string | undefined;
         description?: string | undefined;
+        enabled?: [string, boolean][] | undefined;
     }[];
     subject?: string | undefined;
     axis?: "x" | "block" | "inline" | "y" | undefined;