@webstudio-is/sdk 0.173.0 → 0.175.0

package/lib/__generated__/normalize.css.js

@@ -0,0 +1,522 @@
+// src/__generated__/normalize.css.ts
+var div = [
+  { property: "boxSizing", value: { type: "keyword", value: "border-box" } },
+  { property: "borderTopWidth", value: { type: "unit", unit: "px", value: 1 } },
+  {
+    property: "borderRightWidth",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "borderBottomWidth",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "borderLeftWidth",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  { property: "outlineWidth", value: { type: "unit", unit: "px", value: 1 } }
+];
+var address = div;
+var article = div;
+var aside = div;
+var figure = div;
+var footer = div;
+var header = div;
+var main = div;
+var nav = div;
+var section = div;
+var form = div;
+var label = div;
+var time = div;
+var h1 = div;
+var h2 = div;
+var h3 = div;
+var h4 = div;
+var h5 = div;
+var h6 = div;
+var i = div;
+var img = div;
+var a = div;
+var li = div;
+var ul = div;
+var ol = div;
+var p = div;
+var span = div;
+var html = [
+  {
+    property: "lineHeight",
+    value: { type: "unit", unit: "number", value: 1.15 }
+  },
+  {
+    property: "textSizeAdjust",
+    value: { type: "unit", unit: "%", value: 100 }
+  },
+  { property: "tabSize", value: { type: "unit", unit: "number", value: 4 } },
+  { property: "boxSizing", value: { type: "keyword", value: "border-box" } },
+  { property: "borderTopWidth", value: { type: "unit", unit: "px", value: 1 } },
+  {
+    property: "borderRightWidth",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "borderBottomWidth",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "borderLeftWidth",
+    value: { type: "unit", unit: "px", value: 1 }
+  }
+];
+var body = [
+  { property: "marginTop", value: { type: "unit", unit: "number", value: 0 } },
+  {
+    property: "marginRight",
+    value: { type: "unit", unit: "number", value: 0 }
+  },
+  {
+    property: "marginBottom",
+    value: { type: "unit", unit: "number", value: 0 }
+  },
+  { property: "marginLeft", value: { type: "unit", unit: "number", value: 0 } },
+  {
+    property: "fontFamily",
+    value: { type: "fontFamily", value: ["Arial", "Roboto", "sans-serif"] }
+  },
+  { property: "fontSize", value: { type: "unit", unit: "px", value: 16 } },
+  {
+    property: "lineHeight",
+    value: { type: "unit", unit: "number", value: 1.2 }
+  },
+  { property: "boxSizing", value: { type: "keyword", value: "border-box" } },
+  { property: "borderTopWidth", value: { type: "unit", unit: "px", value: 1 } },
+  {
+    property: "borderRightWidth",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "borderBottomWidth",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "borderLeftWidth",
+    value: { type: "unit", unit: "px", value: 1 }
+  }
+];
+var hr = [
+  { property: "height", value: { type: "unit", unit: "number", value: 0 } },
+  { property: "color", value: { type: "keyword", value: "inherit" } },
+  { property: "boxSizing", value: { type: "keyword", value: "border-box" } },
+  { property: "borderTopWidth", value: { type: "unit", unit: "px", value: 1 } },
+  {
+    property: "borderRightWidth",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "borderBottomWidth",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "borderLeftWidth",
+    value: { type: "unit", unit: "px", value: 1 }
+  }
+];
+var b = [
+  {
+    property: "fontWeight",
+    value: { type: "unit", unit: "number", value: 700 }
+  },
+  { property: "boxSizing", value: { type: "keyword", value: "border-box" } },
+  { property: "borderTopWidth", value: { type: "unit", unit: "px", value: 1 } },
+  {
+    property: "borderRightWidth",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "borderBottomWidth",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "borderLeftWidth",
+    value: { type: "unit", unit: "px", value: 1 }
+  }
+];
+var strong = b;
+var code = [
+  {
+    property: "fontFamily",
+    value: {
+      type: "fontFamily",
+      value: [
+        "ui-monospace",
+        "SFMono-Regular",
+        "Consolas",
+        "Liberation Mono",
+        "Menlo",
+        "monospace"
+      ]
+    }
+  },
+  { property: "fontSize", value: { type: "unit", unit: "em", value: 1 } },
+  { property: "boxSizing", value: { type: "keyword", value: "border-box" } },
+  { property: "borderTopWidth", value: { type: "unit", unit: "px", value: 1 } },
+  {
+    property: "borderRightWidth",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "borderBottomWidth",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "borderLeftWidth",
+    value: { type: "unit", unit: "px", value: 1 }
+  }
+];
+var kbd = code;
+var samp = code;
+var pre = code;
+var small = [
+  { property: "fontSize", value: { type: "unit", unit: "%", value: 80 } },
+  { property: "boxSizing", value: { type: "keyword", value: "border-box" } },
+  { property: "borderTopWidth", value: { type: "unit", unit: "px", value: 1 } },
+  {
+    property: "borderRightWidth",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "borderBottomWidth",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "borderLeftWidth",
+    value: { type: "unit", unit: "px", value: 1 }
+  }
+];
+var sub = [
+  { property: "fontSize", value: { type: "unit", unit: "%", value: 75 } },
+  { property: "lineHeight", value: { type: "unit", unit: "number", value: 0 } },
+  { property: "position", value: { type: "keyword", value: "relative" } },
+  { property: "verticalAlign", value: { type: "keyword", value: "baseline" } },
+  { property: "boxSizing", value: { type: "keyword", value: "border-box" } },
+  { property: "borderTopWidth", value: { type: "unit", unit: "px", value: 1 } },
+  {
+    property: "borderRightWidth",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "borderBottomWidth",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "borderLeftWidth",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  { property: "bottom", value: { type: "unit", unit: "em", value: -0.25 } }
+];
+var sup = [
+  { property: "fontSize", value: { type: "unit", unit: "%", value: 75 } },
+  { property: "lineHeight", value: { type: "unit", unit: "number", value: 0 } },
+  { property: "position", value: { type: "keyword", value: "relative" } },
+  { property: "verticalAlign", value: { type: "keyword", value: "baseline" } },
+  { property: "boxSizing", value: { type: "keyword", value: "border-box" } },
+  { property: "borderTopWidth", value: { type: "unit", unit: "px", value: 1 } },
+  {
+    property: "borderRightWidth",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "borderBottomWidth",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "borderLeftWidth",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  { property: "top", value: { type: "unit", unit: "em", value: -0.5 } }
+];
+var table = [
+  { property: "textIndent", value: { type: "unit", unit: "number", value: 0 } },
+  { property: "borderTopWidth", value: { type: "unit", unit: "px", value: 1 } },
+  {
+    property: "borderRightWidth",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "borderBottomWidth",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "borderLeftWidth",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  { property: "borderTopColor", value: { type: "keyword", value: "inherit" } },
+  {
+    property: "borderRightColor",
+    value: { type: "keyword", value: "inherit" }
+  },
+  {
+    property: "borderBottomColor",
+    value: { type: "keyword", value: "inherit" }
+  },
+  { property: "borderLeftColor", value: { type: "keyword", value: "inherit" } },
+  { property: "boxSizing", value: { type: "keyword", value: "border-box" } }
+];
+var input = [
+  { property: "fontFamily", value: { type: "keyword", value: "inherit" } },
+  { property: "fontSize", value: { type: "unit", unit: "%", value: 100 } },
+  {
+    property: "lineHeight",
+    value: { type: "unit", unit: "number", value: 1.15 }
+  },
+  { property: "marginTop", value: { type: "unit", unit: "number", value: 0 } },
+  {
+    property: "marginRight",
+    value: { type: "unit", unit: "number", value: 0 }
+  },
+  {
+    property: "marginBottom",
+    value: { type: "unit", unit: "number", value: 0 }
+  },
+  { property: "marginLeft", value: { type: "unit", unit: "number", value: 0 } },
+  { property: "boxSizing", value: { type: "keyword", value: "border-box" } },
+  { property: "borderTopWidth", value: { type: "unit", unit: "px", value: 1 } },
+  {
+    property: "borderRightWidth",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "borderBottomWidth",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "borderLeftWidth",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  { property: "borderTopStyle", value: { type: "keyword", value: "solid" } },
+  { property: "borderRightStyle", value: { type: "keyword", value: "solid" } },
+  { property: "borderBottomStyle", value: { type: "keyword", value: "solid" } },
+  { property: "borderLeftStyle", value: { type: "keyword", value: "solid" } }
+];
+var textarea = input;
+var optgroup = [
+  { property: "fontFamily", value: { type: "keyword", value: "inherit" } },
+  { property: "fontSize", value: { type: "unit", unit: "%", value: 100 } },
+  {
+    property: "lineHeight",
+    value: { type: "unit", unit: "number", value: 1.15 }
+  },
+  { property: "marginTop", value: { type: "unit", unit: "number", value: 0 } },
+  {
+    property: "marginRight",
+    value: { type: "unit", unit: "number", value: 0 }
+  },
+  {
+    property: "marginBottom",
+    value: { type: "unit", unit: "number", value: 0 }
+  },
+  { property: "marginLeft", value: { type: "unit", unit: "number", value: 0 } },
+  { property: "boxSizing", value: { type: "keyword", value: "border-box" } },
+  { property: "borderTopWidth", value: { type: "unit", unit: "px", value: 1 } },
+  {
+    property: "borderRightWidth",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "borderBottomWidth",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "borderLeftWidth",
+    value: { type: "unit", unit: "px", value: 1 }
+  }
+];
+var radio = [
+  { property: "fontFamily", value: { type: "keyword", value: "inherit" } },
+  { property: "fontSize", value: { type: "unit", unit: "%", value: 100 } },
+  {
+    property: "lineHeight",
+    value: { type: "unit", unit: "number", value: 1.15 }
+  },
+  { property: "marginTop", value: { type: "unit", unit: "number", value: 0 } },
+  {
+    property: "marginRight",
+    value: { type: "unit", unit: "number", value: 0 }
+  },
+  {
+    property: "marginBottom",
+    value: { type: "unit", unit: "number", value: 0 }
+  },
+  { property: "marginLeft", value: { type: "unit", unit: "number", value: 0 } },
+  { property: "boxSizing", value: { type: "keyword", value: "border-box" } },
+  { property: "borderTopWidth", value: { type: "unit", unit: "px", value: 1 } },
+  {
+    property: "borderRightWidth",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "borderBottomWidth",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "borderLeftWidth",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  { property: "borderTopStyle", value: { type: "keyword", value: "none" } },
+  { property: "borderRightStyle", value: { type: "keyword", value: "none" } },
+  { property: "borderBottomStyle", value: { type: "keyword", value: "none" } },
+  { property: "borderLeftStyle", value: { type: "keyword", value: "none" } }
+];
+var checkbox = radio;
+var button = [
+  { property: "fontFamily", value: { type: "keyword", value: "inherit" } },
+  { property: "fontSize", value: { type: "unit", unit: "%", value: 100 } },
+  {
+    property: "lineHeight",
+    value: { type: "unit", unit: "number", value: 1.15 }
+  },
+  { property: "marginTop", value: { type: "unit", unit: "number", value: 0 } },
+  {
+    property: "marginRight",
+    value: { type: "unit", unit: "number", value: 0 }
+  },
+  {
+    property: "marginBottom",
+    value: { type: "unit", unit: "number", value: 0 }
+  },
+  { property: "marginLeft", value: { type: "unit", unit: "number", value: 0 } },
+  { property: "boxSizing", value: { type: "keyword", value: "border-box" } },
+  { property: "borderTopWidth", value: { type: "unit", unit: "px", value: 1 } },
+  {
+    property: "borderRightWidth",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "borderBottomWidth",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "borderLeftWidth",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  { property: "borderTopStyle", value: { type: "keyword", value: "solid" } },
+  { property: "borderRightStyle", value: { type: "keyword", value: "solid" } },
+  { property: "borderBottomStyle", value: { type: "keyword", value: "solid" } },
+  { property: "borderLeftStyle", value: { type: "keyword", value: "solid" } },
+  { property: "textTransform", value: { type: "keyword", value: "none" } }
+];
+var select = button;
+var legend = [
+  { property: "paddingTop", value: { type: "unit", unit: "number", value: 0 } },
+  {
+    property: "paddingRight",
+    value: { type: "unit", unit: "number", value: 0 }
+  },
+  {
+    property: "paddingBottom",
+    value: { type: "unit", unit: "number", value: 0 }
+  },
+  {
+    property: "paddingLeft",
+    value: { type: "unit", unit: "number", value: 0 }
+  },
+  { property: "boxSizing", value: { type: "keyword", value: "border-box" } },
+  { property: "borderTopWidth", value: { type: "unit", unit: "px", value: 1 } },
+  {
+    property: "borderRightWidth",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "borderBottomWidth",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "borderLeftWidth",
+    value: { type: "unit", unit: "px", value: 1 }
+  }
+];
+var progress = [
+  { property: "verticalAlign", value: { type: "keyword", value: "baseline" } },
+  { property: "boxSizing", value: { type: "keyword", value: "border-box" } },
+  { property: "borderTopWidth", value: { type: "unit", unit: "px", value: 1 } },
+  {
+    property: "borderRightWidth",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "borderBottomWidth",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "borderLeftWidth",
+    value: { type: "unit", unit: "px", value: 1 }
+  }
+];
+var summary = [
+  { property: "display", value: { type: "keyword", value: "list-item" } },
+  { property: "boxSizing", value: { type: "keyword", value: "border-box" } },
+  { property: "borderTopWidth", value: { type: "unit", unit: "px", value: 1 } },
+  {
+    property: "borderRightWidth",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "borderBottomWidth",
+    value: { type: "unit", unit: "px", value: 1 }
+  },
+  {
+    property: "borderLeftWidth",
+    value: { type: "unit", unit: "px", value: 1 }
+  }
+];
+export {
+  a,
+  address,
+  article,
+  aside,
+  b,
+  body,
+  button,
+  checkbox,
+  code,
+  div,
+  figure,
+  footer,
+  form,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  header,
+  hr,
+  html,
+  i,
+  img,
+  input,
+  kbd,
+  label,
+  legend,
+  li,
+  main,
+  nav,
+  ol,
+  optgroup,
+  p,
+  pre,
+  progress,
+  radio,
+  samp,
+  section,
+  select,
+  small,
+  span,
+  strong,
+  sub,
+  summary,
+  sup,
+  table,
+  textarea,
+  time,
+  ul
+};

package/lib/index.js

@@ -416,10 +416,29 @@ var Styles = z10.map(z10.string(), StyleDecl);
 
 // src/schema/deployment.ts
 import { z as z11 } from "zod";
-var Deployment = z11.object({
-  domains: z11.array(z11.string()),
-  projectDomain: z11.string()
-});
+var Templates = z11.enum([
+  "vanilla",
+  "vercel",
+  "netlify-functions",
+  "netlify-edge-functions",
+  "ssg",
+  "ssg-netlify",
+  "ssg-vercel"
+]);
+var Deployment = z11.union([
+  z11.object({
+    destination: z11.literal("static"),
+    name: z11.string(),
+    assetsDomain: z11.string(),
+    // Must be validated very strictly
+    templates: z11.array(Templates)
+  }),
+  z11.object({
+    destination: z11.literal("saas").optional(),
+    domains: z11.array(z11.string()),
+    projectDomain: z11.string()
+  })
+]);
 
 // src/schema/webstudio.ts
 import { z as z12 } from "zod";
@@ -777,7 +796,7 @@ var matchPathnameParams = (pathname) => {
 
 // src/page-utils.ts
 var ROOT_FOLDER_ID = "root";
-var isRoot = (folder) => folder.id === ROOT_FOLDER_ID;
+var isRootFolder = ({ id }) => id === ROOT_FOLDER_ID;
 var findPageByIdOrPath = (idOrPath, pages) => {
   if (idOrPath === "" || idOrPath === "/" || idOrPath === pages.homePage.id) {
     return pages.homePage;
@@ -844,24 +863,25 @@ var normalizeJsName = (name) => {
   return name;
 };
 var createScope = (occupiedIdentifiers = [], normalizeName = normalizeJsName, separator = "_") => {
-  const freeIndexByPreferredName = /* @__PURE__ */ new Map();
-  const scopedNameByIdMap = /* @__PURE__ */ new Map();
+  const nameById = /* @__PURE__ */ new Map();
+  const usedNames = /* @__PURE__ */ new Set();
   for (const identifier of occupiedIdentifiers) {
-    freeIndexByPreferredName.set(identifier, 1);
+    usedNames.add(identifier);
   }
   const getName = (id, preferredName) => {
-    const cachedName = scopedNameByIdMap.get(id);
+    const cachedName = nameById.get(id);
     if (cachedName !== void 0) {
       return cachedName;
     }
     preferredName = normalizeName(preferredName);
-    const index = freeIndexByPreferredName.get(preferredName);
-    freeIndexByPreferredName.set(preferredName, (index ?? 0) + 1);
+    let index = 0;
     let scopedName = preferredName;
-    if (index !== void 0) {
+    while (usedNames.has(scopedName)) {
+      index += 1;
       scopedName = `${preferredName}${separator}${index}`;
     }
-    scopedNameByIdMap.set(id, scopedName);
+    nameById.set(id, scopedName);
+    usedNames.add(scopedName);
     return scopedName;
   };
   return {
@@ -1060,7 +1080,7 @@ var replaceFormActionsWithResources = ({
       data.method = prop.value;
       props.delete(prop.id);
     }
-    if (prop.name === "action" && prop.type === "string" && instances.get(prop.instanceId)?.component === "Form") {
+    if (prop.name === "action" && prop.type === "string" && prop.value && instances.get(prop.instanceId)?.component === "Form") {
       let data = formProps.get(prop.instanceId);
       if (data === void 0) {
         data = {};
@@ -1235,6 +1255,31 @@ var generatePageMeta = ({
 `;
   return generated;
 };
+
+// src/form-fields.ts
+var formIdFieldName = `ws--form-id`;
+var formBotFieldName = `ws--form-bot`;
+
+// src/to-string.ts
+var createJsonStringifyProxy = (target) => {
+  return new Proxy(target, {
+    get(target2, prop, receiver) {
+      if (prop === "toString") {
+        return function() {
+          return JSON.stringify(target2);
+        };
+      }
+      const value = Reflect.get(target2, prop, receiver);
+      if (typeof value === "object" && value !== null) {
+        return createJsonStringifyProxy(value);
+      }
+      return value;
+    }
+  });
+};
+var isPlainObject = (value) => {
+  return Object.prototype.toString.call(value) === "[object Object]" && (Object.getPrototypeOf(value) === null || Object.getPrototypeOf(value) === Object.prototype);
+};
 export {
   Asset,
   Assets,
@@ -1274,8 +1319,10 @@ export {
   StyleSourceSelections,
   StyleSources,
   Styles,
+  Templates,
   TextChild,
   WebstudioFragment,
+  createJsonStringifyProxy,
   createScope,
   decodeDataSourceVariable,
   documentTypes,
@@ -1285,6 +1332,8 @@ export {
   findParentFolderByChildId,
   findTreeInstanceIds,
   findTreeInstanceIdsExcludingSlotDescendants,
+  formBotFieldName,
+  formIdFieldName,
   generateExpression,
   generateObjectExpression,
   generatePageMeta,
@@ -1297,7 +1346,8 @@ export {
   isLiteralExpression,
   isLocalResource,
   isPathnamePattern,
-  isRoot,
+  isPlainObject,
+  isRootFolder,
   lintExpression,
   loadResource,
   loadResources,

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

@@ -0,0 +1,57 @@
+import type { StyleProperty, StyleValue } from "@webstudio-is/css-engine";
+type StyleDecl = {
+    state?: string;
+    property: StyleProperty;
+    value: StyleValue;
+};
+export declare const div: StyleDecl[];
+export declare const address: StyleDecl[];
+export declare const article: StyleDecl[];
+export declare const aside: StyleDecl[];
+export declare const figure: StyleDecl[];
+export declare const footer: StyleDecl[];
+export declare const header: StyleDecl[];
+export declare const main: StyleDecl[];
+export declare const nav: StyleDecl[];
+export declare const section: StyleDecl[];
+export declare const form: StyleDecl[];
+export declare const label: StyleDecl[];
+export declare const time: StyleDecl[];
+export declare const h1: StyleDecl[];
+export declare const h2: StyleDecl[];
+export declare const h3: StyleDecl[];
+export declare const h4: StyleDecl[];
+export declare const h5: StyleDecl[];
+export declare const h6: StyleDecl[];
+export declare const i: StyleDecl[];
+export declare const img: StyleDecl[];
+export declare const a: StyleDecl[];
+export declare const li: StyleDecl[];
+export declare const ul: StyleDecl[];
+export declare const ol: StyleDecl[];
+export declare const p: StyleDecl[];
+export declare const span: StyleDecl[];
+export declare const html: StyleDecl[];
+export declare const body: StyleDecl[];
+export declare const hr: StyleDecl[];
+export declare const b: StyleDecl[];
+export declare const strong: StyleDecl[];
+export declare const code: StyleDecl[];
+export declare const kbd: StyleDecl[];
+export declare const samp: StyleDecl[];
+export declare const pre: StyleDecl[];
+export declare const small: StyleDecl[];
+export declare const sub: StyleDecl[];
+export declare const sup: StyleDecl[];
+export declare const table: StyleDecl[];
+export declare const input: StyleDecl[];
+export declare const textarea: StyleDecl[];
+export declare const optgroup: StyleDecl[];
+export declare const radio: StyleDecl[];
+export declare const checkbox: StyleDecl[];
+export declare const button: StyleDecl[];
+export declare const select: StyleDecl[];
+export declare const legend: StyleDecl[];
+export declare const progress: StyleDecl[];
+export declare const summary: StyleDecl[];
+export {};

package/lib/types/form-fields.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Used to identify form inside server handler
+ */
+export declare const formIdFieldName = "ws--form-id";
+/**
+ * Used for simlpe protection against non js bots
+ */
+export declare const formBotFieldName = "ws--form-bot";

package/lib/types/index.d.ts

@@ -18,3 +18,5 @@ export * from "./expression";
 export * from "./resources-generator";
 export * from "./page-meta-generator";
 export * from "./url-pattern";
+export * from "./form-fields";
+export * from "./to-string";

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

@@ -3,7 +3,9 @@ export declare const ROOT_FOLDER_ID = "root";
 /**
  * Returns true if folder is the root folder.
  */
-export declare const isRoot: (folder: Folder) => boolean;
+export declare const isRootFolder: ({ id }: {
+    id: Folder["id"];
+}) => boolean;
 /**
  * Find a page by id or path.
  */

package/lib/types/schema/deployment.d.ts

@@ -1,12 +1,32 @@
 import { z } from "zod";
-export declare const Deployment: z.ZodObject<{
+export declare const Templates: z.ZodEnum<["vanilla", "vercel", "netlify-functions", "netlify-edge-functions", "ssg", "ssg-netlify", "ssg-vercel"]>;
+export type Templates = z.infer<typeof Templates>;
+export declare const Deployment: z.ZodUnion<[z.ZodObject<{
+    destination: z.ZodLiteral<"static">;
+    name: z.ZodString;
+    assetsDomain: z.ZodString;
+    templates: z.ZodArray<z.ZodEnum<["vanilla", "vercel", "netlify-functions", "netlify-edge-functions", "ssg", "ssg-netlify", "ssg-vercel"]>, "many">;
+}, "strip", z.ZodTypeAny, {
+    name: string;
+    destination: "static";
+    assetsDomain: string;
+    templates: ("vanilla" | "vercel" | "netlify-functions" | "netlify-edge-functions" | "ssg" | "ssg-netlify" | "ssg-vercel")[];
+}, {
+    name: string;
+    destination: "static";
+    assetsDomain: string;
+    templates: ("vanilla" | "vercel" | "netlify-functions" | "netlify-edge-functions" | "ssg" | "ssg-netlify" | "ssg-vercel")[];
+}>, z.ZodObject<{
+    destination: z.ZodOptional<z.ZodLiteral<"saas">>;
     domains: z.ZodArray<z.ZodString, "many">;
     projectDomain: z.ZodString;
 }, "strip", z.ZodTypeAny, {
     domains: string[];
     projectDomain: string;
+    destination?: "saas" | undefined;
 }, {
     domains: string[];
     projectDomain: string;
-}>;
+    destination?: "saas" | undefined;
+}>]>;
 export type Deployment = z.infer<typeof Deployment>;

package/lib/types/to-string.d.ts

@@ -0,0 +1,2 @@
+export declare const createJsonStringifyProxy: <T extends object>(target: T) => T;
+export declare const isPlainObject: (value: unknown) => value is object;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/sdk",
-  "version": "0.173.0",
+  "version": "0.175.0",
   "description": "Webstudio project data schema",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -12,6 +12,11 @@
       "types": "./lib/types/index.d.ts",
       "import": "./lib/index.js"
     },
+    "./normalize.css": {
+      "webstudio": "./src/__generated__/normalize.css.ts",
+      "types": "./lib/types/__generated__/normalize.css.d.ts",
+      "import": "./lib/__generated__/normalize.css.js"
+    },
     "./testing": {
       "webstudio": "./src/testing.ts"
     }
@@ -24,21 +29,24 @@
   "dependencies": {
     "acorn": "^8.11.3",
     "acorn-walk": "^8.3.2",
-    "type-fest": "^4.3.1",
+    "type-fest": "^4.24.0",
     "zod": "^3.22.4",
-    "@webstudio-is/fonts": "0.173.0",
-    "@webstudio-is/css-engine": "0.173.0"
+    "@webstudio-is/css-engine": "0.175.0",
+    "@webstudio-is/fonts": "0.175.0"
   },
   "devDependencies": {
     "@jest/globals": "^29.7.0",
+    "html-tags": "^4.0.0",
     "strip-indent": "^4.0.0",
+    "@webstudio-is/css-data": "0.0.0",
     "@webstudio-is/tsconfig": "1.0.7",
     "@webstudio-is/jest-config": "1.0.7"
   },
   "scripts": {
     "typecheck": "tsc",
     "test": "NODE_OPTIONS=--experimental-vm-modules jest",
-    "build": "rm -rf lib && esbuild src/index.ts --outdir=lib --bundle --format=esm --packages=external",
+    "build:normalize.css": "tsx --conditions=webstudio ./scripts/normalize.css.ts && prettier --write src/__generated__/normalize.css.ts",
+    "build": "rm -rf lib && esbuild src/index.ts src/__generated__/normalize.css.ts --outdir=lib --bundle --format=esm --packages=external",
     "dts": "tsc --project tsconfig.dts.json"
   }
 }