@webstudio-is/sdk 0.91.0 → 0.93.0

package/lib/types/scope.d.ts

@@ -0,0 +1,16 @@
+export type Scope = {
+    /**
+     * Accepts unique id to identify specific variable
+     * and preferred name to use it as variable name
+     * or suffix if already used.
+     */
+    getName(id: string, preferredName: string): string;
+};
+/**
+ * Utility to maintain unique variable when generate code.
+ * Single scope is shared for generated module for simplicity.
+ *
+ * occupiedIdentifiers parameter prevents collision with hardcoded
+ * identifiers.
+ */
+export declare const createScope: (occupiedIdentifiers?: string[]) => Scope;

package/lib/types/scope.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/sdk",
-  "version": "0.91.0",
+  "version": "0.93.0",
   "description": "Webstudio site data schema",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -9,28 +9,30 @@
   "exports": {
     "source": "./src/index.ts",
     "types": "./lib/types/index.d.ts",
-    "import": "./lib/index.js",
-    "require": "./lib/cjs/index.js"
+    "import": "./lib/index.js"
   },
   "files": [
     "lib/*",
-    "src/*",
-    "!*.test.*"
+    "!*.{test,stories}.*"
   ],
   "sideEffects": false,
   "dependencies": {
     "zod": "^3.21.4",
-    "@webstudio-is/fonts": "^0.91.0"
+    "@webstudio-is/fonts": "^0.93.0",
+    "@webstudio-is/css-engine": "^0.93.0"
   },
   "devDependencies": {
-    "@webstudio-is/scripts": "^0.0.0",
+    "@jest/globals": "^29.6.4",
+    "jest": "^29.6.4",
+    "@webstudio-is/jest-config": "^1.0.7",
     "@webstudio-is/tsconfig": "^1.0.7"
   },
   "scripts": {
     "typecheck": "tsc",
-    "checks": "pnpm typecheck",
-    "dev": "build-package --watch",
-    "build": "build-package",
+    "test": "NODE_OPTIONS=--experimental-vm-modules jest",
+    "checks": "pnpm typecheck && pnpm test",
+    "dev": "pnpm build --watch",
+    "build": "rm -rf lib && esbuild 'src/**/*.ts' 'src/**/*.tsx' --outdir=lib",
     "dts": "tsc --project tsconfig.dts.json"
   }
 }

package/lib/cjs/assets.js

@@ -1,56 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var assets_exports = {};
-__export(assets_exports, {
-  Asset: () => Asset,
-  Assets: () => Assets,
-  FontAsset: () => FontAsset,
-  ImageAsset: () => ImageAsset,
-  ImageMeta: () => ImageMeta
-});
-module.exports = __toCommonJS(assets_exports);
-var import_zod = require("zod");
-var import_fonts = require("@webstudio-is/fonts");
-const AssetId = import_zod.z.string();
-const baseAsset = {
-  id: AssetId,
-  projectId: import_zod.z.string(),
-  size: import_zod.z.number(),
-  name: import_zod.z.string(),
-  description: import_zod.z.union([import_zod.z.string(), import_zod.z.null()]),
-  createdAt: import_zod.z.string()
-};
-const FontAsset = import_zod.z.object({
-  ...baseAsset,
-  format: import_fonts.FontFormat,
-  meta: import_fonts.FontMeta,
-  type: import_zod.z.literal("font")
-});
-const ImageMeta = import_zod.z.object({
-  width: import_zod.z.number(),
-  height: import_zod.z.number()
-});
-const ImageAsset = import_zod.z.object({
-  ...baseAsset,
-  format: import_zod.z.string(),
-  meta: ImageMeta,
-  type: import_zod.z.literal("image")
-});
-const Asset = import_zod.z.union([FontAsset, ImageAsset]);
-const Assets = import_zod.z.map(AssetId, Asset);

package/lib/cjs/index.js

@@ -1,18 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var src_exports = {};
-module.exports = __toCommonJS(src_exports);
-__reExport(src_exports, require("./assets"), module.exports);

package/lib/cjs/package.json

@@ -1 +0,0 @@
-{"type":"commonjs"}

package/src/assets.ts

@@ -1,41 +0,0 @@
-import { z } from "zod";
-import { FontFormat, FontMeta } from "@webstudio-is/fonts";
-
-const AssetId = z.string();
-
-const baseAsset = {
-  id: AssetId,
-  projectId: z.string(),
-  size: z.number(),
-  name: z.string(),
-  description: z.union([z.string(), z.null()]),
-  createdAt: z.string(),
-};
-
-export const FontAsset = z.object({
-  ...baseAsset,
-  format: FontFormat,
-  meta: FontMeta,
-  type: z.literal("font"),
-});
-export type FontAsset = z.infer<typeof FontAsset>;
-
-export const ImageMeta = z.object({
-  width: z.number(),
-  height: z.number(),
-});
-export type ImageMeta = z.infer<typeof ImageMeta>;
-
-export const ImageAsset = z.object({
-  ...baseAsset,
-  format: z.string(),
-  meta: ImageMeta,
-  type: z.literal("image"),
-});
-export type ImageAsset = z.infer<typeof ImageAsset>;
-
-export const Asset = z.union([FontAsset, ImageAsset]);
-export type Asset = z.infer<typeof Asset>;
-
-export const Assets = z.map(AssetId, Asset);
-export type Assets = z.infer<typeof Assets>;

package/src/index.ts

@@ -1 +0,0 @@
-export * from "./assets";

package/lib/types/{assets.d.ts → schema/assets.d.ts}

@@ -6,13 +6,13 @@ export declare const FontAsset: z.ZodObject<{
         style: z.ZodEnum<["normal", "italic", "oblique"]>;
         weight: z.ZodNumber;
     }, "strip", z.ZodTypeAny, {
+        family: string;
         style: "normal" | "italic" | "oblique";
         weight: number;
-        family: string;
     }, {
+        family: string;
         style: "normal" | "italic" | "oblique";
         weight: number;
-        family: string;
     }>, z.ZodObject<{
         family: z.ZodString;
         variationAxes: z.ZodRecord<z.ZodEnum<["wght", "wdth", "slnt", "opsz", "ital", "GRAD", "XTRA", "XOPQ", "YOPQ", "YTLC", "YTUC", "YTAS", "YTDE", "YTFI"]>, z.ZodObject<{
@@ -32,21 +32,21 @@ export declare const FontAsset: z.ZodObject<{
             max: number;
         }>>;
     }, "strip", z.ZodTypeAny, {
+        family: string;
         variationAxes: Partial<Record<"wght" | "wdth" | "slnt" | "opsz" | "ital" | "GRAD" | "XTRA" | "XOPQ" | "YOPQ" | "YTLC" | "YTUC" | "YTAS" | "YTDE" | "YTFI", {
             name: string;
             min: number;
             default: number;
             max: number;
         }>>;
-        family: string;
     }, {
+        family: string;
         variationAxes: Partial<Record<"wght" | "wdth" | "slnt" | "opsz" | "ital" | "GRAD" | "XTRA" | "XOPQ" | "YOPQ" | "YTLC" | "YTUC" | "YTAS" | "YTDE" | "YTFI", {
             name: string;
             min: number;
             default: number;
             max: number;
         }>>;
-        family: string;
     }>]>;
     type: z.ZodLiteral<"font">;
     id: z.ZodString;
@@ -60,29 +60,29 @@ export declare const FontAsset: z.ZodObject<{
     name: string;
     format: "ttf" | "woff" | "woff2" | "otf";
     meta: ({
+        family: string;
         style: "normal" | "italic" | "oblique";
         weight: number;
-        family: string;
     } | {
+        family: string;
         variationAxes: Partial<Record<"wght" | "wdth" | "slnt" | "opsz" | "ital" | "GRAD" | "XTRA" | "XOPQ" | "YOPQ" | "YTLC" | "YTUC" | "YTAS" | "YTDE" | "YTFI", {
             name: string;
             min: number;
             default: number;
             max: number;
         }>>;
-        family: string;
     }) & ({
+        family: string;
         style: "normal" | "italic" | "oblique";
         weight: number;
-        family: string;
     } | {
+        family: string;
         variationAxes: Partial<Record<"wght" | "wdth" | "slnt" | "opsz" | "ital" | "GRAD" | "XTRA" | "XOPQ" | "YOPQ" | "YTLC" | "YTUC" | "YTAS" | "YTDE" | "YTFI", {
             name: string;
             min: number;
             default: number;
             max: number;
         }>>;
-        family: string;
     } | undefined);
     id: string;
     projectId: string;
@@ -94,29 +94,29 @@ export declare const FontAsset: z.ZodObject<{
     name: string;
     format: "ttf" | "woff" | "woff2" | "otf";
     meta: ({
+        family: string;
         style: "normal" | "italic" | "oblique";
         weight: number;
-        family: string;
     } | {
+        family: string;
         variationAxes: Partial<Record<"wght" | "wdth" | "slnt" | "opsz" | "ital" | "GRAD" | "XTRA" | "XOPQ" | "YOPQ" | "YTLC" | "YTUC" | "YTAS" | "YTDE" | "YTFI", {
             name: string;
             min: number;
             default: number;
             max: number;
         }>>;
-        family: string;
     }) & ({
+        family: string;
         style: "normal" | "italic" | "oblique";
         weight: number;
-        family: string;
     } | {
+        family: string;
         variationAxes: Partial<Record<"wght" | "wdth" | "slnt" | "opsz" | "ital" | "GRAD" | "XTRA" | "XOPQ" | "YOPQ" | "YTLC" | "YTUC" | "YTAS" | "YTDE" | "YTFI", {
             name: string;
             min: number;
             default: number;
             max: number;
         }>>;
-        family: string;
     } | undefined);
     id: string;
     projectId: string;
@@ -190,13 +190,13 @@ export declare const Asset: z.ZodUnion<[z.ZodObject<{
         style: z.ZodEnum<["normal", "italic", "oblique"]>;
         weight: z.ZodNumber;
     }, "strip", z.ZodTypeAny, {
+        family: string;
         style: "normal" | "italic" | "oblique";
         weight: number;
-        family: string;
     }, {
+        family: string;
         style: "normal" | "italic" | "oblique";
         weight: number;
-        family: string;
     }>, z.ZodObject<{
         family: z.ZodString;
         variationAxes: z.ZodRecord<z.ZodEnum<["wght", "wdth", "slnt", "opsz", "ital", "GRAD", "XTRA", "XOPQ", "YOPQ", "YTLC", "YTUC", "YTAS", "YTDE", "YTFI"]>, z.ZodObject<{
@@ -216,21 +216,21 @@ export declare const Asset: z.ZodUnion<[z.ZodObject<{
             max: number;
         }>>;
     }, "strip", z.ZodTypeAny, {
+        family: string;
         variationAxes: Partial<Record<"wght" | "wdth" | "slnt" | "opsz" | "ital" | "GRAD" | "XTRA" | "XOPQ" | "YOPQ" | "YTLC" | "YTUC" | "YTAS" | "YTDE" | "YTFI", {
             name: string;
             min: number;
             default: number;
             max: number;
         }>>;
-        family: string;
     }, {
+        family: string;
         variationAxes: Partial<Record<"wght" | "wdth" | "slnt" | "opsz" | "ital" | "GRAD" | "XTRA" | "XOPQ" | "YOPQ" | "YTLC" | "YTUC" | "YTAS" | "YTDE" | "YTFI", {
             name: string;
             min: number;
             default: number;
             max: number;
         }>>;
-        family: string;
     }>]>;
     type: z.ZodLiteral<"font">;
     id: z.ZodString;
@@ -244,29 +244,29 @@ export declare const Asset: z.ZodUnion<[z.ZodObject<{
     name: string;
     format: "ttf" | "woff" | "woff2" | "otf";
     meta: ({
+        family: string;
         style: "normal" | "italic" | "oblique";
         weight: number;
-        family: string;
     } | {
+        family: string;
         variationAxes: Partial<Record<"wght" | "wdth" | "slnt" | "opsz" | "ital" | "GRAD" | "XTRA" | "XOPQ" | "YOPQ" | "YTLC" | "YTUC" | "YTAS" | "YTDE" | "YTFI", {
             name: string;
             min: number;
             default: number;
             max: number;
         }>>;
-        family: string;
     }) & ({
+        family: string;
         style: "normal" | "italic" | "oblique";
         weight: number;
-        family: string;
     } | {
+        family: string;
         variationAxes: Partial<Record<"wght" | "wdth" | "slnt" | "opsz" | "ital" | "GRAD" | "XTRA" | "XOPQ" | "YOPQ" | "YTLC" | "YTUC" | "YTAS" | "YTDE" | "YTFI", {
             name: string;
             min: number;
             default: number;
             max: number;
         }>>;
-        family: string;
     } | undefined);
     id: string;
     projectId: string;
@@ -278,29 +278,29 @@ export declare const Asset: z.ZodUnion<[z.ZodObject<{
     name: string;
     format: "ttf" | "woff" | "woff2" | "otf";
     meta: ({
+        family: string;
         style: "normal" | "italic" | "oblique";
         weight: number;
-        family: string;
     } | {
+        family: string;
         variationAxes: Partial<Record<"wght" | "wdth" | "slnt" | "opsz" | "ital" | "GRAD" | "XTRA" | "XOPQ" | "YOPQ" | "YTLC" | "YTUC" | "YTAS" | "YTDE" | "YTFI", {
             name: string;
             min: number;
             default: number;
             max: number;
         }>>;
-        family: string;
     }) & ({
+        family: string;
         style: "normal" | "italic" | "oblique";
         weight: number;
-        family: string;
     } | {
+        family: string;
         variationAxes: Partial<Record<"wght" | "wdth" | "slnt" | "opsz" | "ital" | "GRAD" | "XTRA" | "XOPQ" | "YOPQ" | "YTLC" | "YTUC" | "YTAS" | "YTDE" | "YTFI", {
             name: string;
             min: number;
             default: number;
             max: number;
         }>>;
-        family: string;
     } | undefined);
     id: string;
     projectId: string;
@@ -361,13 +361,13 @@ export declare const Assets: z.ZodMap<z.ZodString, z.ZodUnion<[z.ZodObject<{
         style: z.ZodEnum<["normal", "italic", "oblique"]>;
         weight: z.ZodNumber;
     }, "strip", z.ZodTypeAny, {
+        family: string;
         style: "normal" | "italic" | "oblique";
         weight: number;
-        family: string;
     }, {
+        family: string;
         style: "normal" | "italic" | "oblique";
         weight: number;
-        family: string;
     }>, z.ZodObject<{
         family: z.ZodString;
         variationAxes: z.ZodRecord<z.ZodEnum<["wght", "wdth", "slnt", "opsz", "ital", "GRAD", "XTRA", "XOPQ", "YOPQ", "YTLC", "YTUC", "YTAS", "YTDE", "YTFI"]>, z.ZodObject<{
@@ -387,21 +387,21 @@ export declare const Assets: z.ZodMap<z.ZodString, z.ZodUnion<[z.ZodObject<{
             max: number;
         }>>;
     }, "strip", z.ZodTypeAny, {
+        family: string;
         variationAxes: Partial<Record<"wght" | "wdth" | "slnt" | "opsz" | "ital" | "GRAD" | "XTRA" | "XOPQ" | "YOPQ" | "YTLC" | "YTUC" | "YTAS" | "YTDE" | "YTFI", {
             name: string;
             min: number;
             default: number;
             max: number;
         }>>;
-        family: string;
     }, {
+        family: string;
         variationAxes: Partial<Record<"wght" | "wdth" | "slnt" | "opsz" | "ital" | "GRAD" | "XTRA" | "XOPQ" | "YOPQ" | "YTLC" | "YTUC" | "YTAS" | "YTDE" | "YTFI", {
             name: string;
             min: number;
             default: number;
             max: number;
         }>>;
-        family: string;
     }>]>;
     type: z.ZodLiteral<"font">;
     id: z.ZodString;
@@ -415,29 +415,29 @@ export declare const Assets: z.ZodMap<z.ZodString, z.ZodUnion<[z.ZodObject<{
     name: string;
     format: "ttf" | "woff" | "woff2" | "otf";
     meta: ({
+        family: string;
         style: "normal" | "italic" | "oblique";
         weight: number;
-        family: string;
     } | {
+        family: string;
         variationAxes: Partial<Record<"wght" | "wdth" | "slnt" | "opsz" | "ital" | "GRAD" | "XTRA" | "XOPQ" | "YOPQ" | "YTLC" | "YTUC" | "YTAS" | "YTDE" | "YTFI", {
             name: string;
             min: number;
             default: number;
             max: number;
         }>>;
-        family: string;
     }) & ({
+        family: string;
         style: "normal" | "italic" | "oblique";
         weight: number;
-        family: string;
     } | {
+        family: string;
         variationAxes: Partial<Record<"wght" | "wdth" | "slnt" | "opsz" | "ital" | "GRAD" | "XTRA" | "XOPQ" | "YOPQ" | "YTLC" | "YTUC" | "YTAS" | "YTDE" | "YTFI", {
             name: string;
             min: number;
             default: number;
             max: number;
         }>>;
-        family: string;
     } | undefined);
     id: string;
     projectId: string;
@@ -449,29 +449,29 @@ export declare const Assets: z.ZodMap<z.ZodString, z.ZodUnion<[z.ZodObject<{
     name: string;
     format: "ttf" | "woff" | "woff2" | "otf";
     meta: ({
+        family: string;
         style: "normal" | "italic" | "oblique";
         weight: number;
-        family: string;
     } | {
+        family: string;
         variationAxes: Partial<Record<"wght" | "wdth" | "slnt" | "opsz" | "ital" | "GRAD" | "XTRA" | "XOPQ" | "YOPQ" | "YTLC" | "YTUC" | "YTAS" | "YTDE" | "YTFI", {
             name: string;
             min: number;
             default: number;
             max: number;
         }>>;
-        family: string;
     }) & ({
+        family: string;
         style: "normal" | "italic" | "oblique";
         weight: number;
-        family: string;
     } | {
+        family: string;
         variationAxes: Partial<Record<"wght" | "wdth" | "slnt" | "opsz" | "ital" | "GRAD" | "XTRA" | "XOPQ" | "YOPQ" | "YTLC" | "YTUC" | "YTAS" | "YTDE" | "YTFI", {
             name: string;
             min: number;
             default: number;
             max: number;
         }>>;
-        family: string;
     } | undefined);
     id: string;
     projectId: string;