webstudio 0.265.0 → 0.266.0

package/lib/cli.js

@@ -146,13 +146,6 @@ const loadJSONFile = async (filePath) => {
     return null;
   }
 };
-var loadProjectDataByBuildId = async (params) => {
-  const headers = "seviceToken" in params ? { Authorization: params.seviceToken } : { "x-auth-token": params.authToken };
-  return await createTrpcClient(params.origin, headers).query(
-    "build.loadProjectDataByBuildId",
-    { buildId: params.buildId }
-  );
-};
 var createTrpcClient = (origin, headers) => {
   const { sourceOrigin } = parseBuilderUrl(origin);
   const url = new URL("/trpc", sourceOrigin);
@@ -165,8 +158,18 @@ var createTrpcClient = (origin, headers) => {
     ]
   });
 };
+var loadProjectDataByBuildId = async (params) => {
+  const headers = "seviceToken" in params ? { Authorization: params.seviceToken } : { "x-auth-token": params.authToken };
+  return await createTrpcClient(params.origin, {
+    ...params.headers,
+    ...headers
+  }).query("build.loadProjectDataByBuildId", {
+    buildId: params.buildId
+  });
+};
 var loadProjectDataByProjectId = async (params) => {
   return await createTrpcClient(params.origin, {
+    ...params.headers,
     "x-auth-token": params.authToken
   }).query("build.loadProjectDataByProjectId", {
     projectId: params.projectId
@@ -309,6 +312,128 @@ You can find your config at ${GLOBAL_CONFIG_FILE}`);
   );
   log.step("The project is linked successfully");
 };
+const apiCompatibilityErrorType = "webstudioApiCompatibilityError";
+const apiClientHeader = "x-webstudio-client";
+const apiClientVersionHeader = "x-webstudio-client-version";
+const ApiCompatibilityTarget = z.enum(["browser", "cli"]);
+z.enum(["browser", "cli", "service"]);
+const ApiCompatibilityAction = z.discriminatedUnion("type", [
+  z.object({
+    type: z.literal("reloadBrowser")
+  }),
+  z.object({
+    type: z.literal("updateCli")
+  })
+]);
+const ApiCompatibilityPayload = z.object({
+  type: z.literal(apiCompatibilityErrorType),
+  reason: z.enum(["apiRouteNotFound", "apiProcedureNotFound"]),
+  target: ApiCompatibilityTarget,
+  message: z.string(),
+  action: ApiCompatibilityAction
+});
+const isObject = (value) => typeof value === "object" && value !== null;
+const getApiCompatibilityPayload = (value) => {
+  const findPayload = (value2, seen) => {
+    const parsed = ApiCompatibilityPayload.safeParse(value2);
+    if (parsed.success) {
+      return parsed.data;
+    }
+    if (isObject(value2) === false) {
+      return;
+    }
+    if (seen.has(value2)) {
+      return;
+    }
+    seen.add(value2);
+    if (Array.isArray(value2)) {
+      for (const item of value2) {
+        const payload = findPayload(item, seen);
+        if (payload !== void 0) {
+          return payload;
+        }
+      }
+      return;
+    }
+    const candidates = [
+      value2.payload,
+      value2.error,
+      value2.data,
+      isObject(value2.data) ? value2.data.apiCompatibility : void 0,
+      isObject(value2.shape) ? value2.shape.data : void 0,
+      isObject(value2.shape) && isObject(value2.shape.data) ? value2.shape.data.apiCompatibility : void 0,
+      value2.cause
+    ];
+    for (const candidate of candidates) {
+      const payload = findPayload(candidate, seen);
+      if (payload !== void 0) {
+        return payload;
+      }
+    }
+  };
+  return findPayload(value, /* @__PURE__ */ new WeakSet());
+};
+const name = "webstudio";
+const version = "0.266.0";
+const description = "Webstudio CLI";
+const author = "Webstudio <github@webstudio.is>";
+const homepage = "https://webstudio.is";
+const type$1 = "module";
+const bin = { "webstudio-cli": "./bin.js", "webstudio": "./bin.js" };
+const imports = { "#cli": { "webstudio": "./src/cli.ts", "default": "./lib/cli.js" } };
+const files = ["lib/*", "templates/*", "bin.js", "!*.{test,stories}.*"];
+const scripts = { "typecheck": "tsgo --noEmit", "build": "rm -rf lib && vite build", "test": "vitest run" };
+const license = "AGPL-3.0-or-later";
+const engines = { "node": ">=22" };
+const dependencies = { "@clack/prompts": "^0.10.0", "@emotion/hash": "^0.9.2", "@trpc/client": "^10.45.2", "@webstudio-is/project-migrations": "workspace:*", "@webstudio-is/trpc-interface": "workspace:*", "acorn": "^8.14.1", "acorn-walk": "^8.3.4", "change-case": "^5.4.4", "deepmerge": "^4.3.1", "env-paths": "^3.0.0", "nanoid": "^5.1.5", "p-limit": "^6.2.0", "parse5": "7.3.0", "picocolors": "^1.1.1", "reserved-identifiers": "^1.0.0", "tinyexec": "^0.3.2", "warn-once": "^0.1.1", "yargs": "^17.7.2", "zod": "^3.24.2" };
+const devDependencies = { "@cloudflare/vite-plugin": "^1.1.0", "@netlify/vite-plugin-react-router": "^1.0.1", "@react-router/dev": "^7.5.3", "@react-router/fs-routes": "^7.5.3", "@remix-run/cloudflare": "^2.16.5", "@remix-run/cloudflare-pages": "^2.16.5", "@remix-run/dev": "^2.16.5", "@remix-run/node": "^2.16.5", "@remix-run/react": "^2.16.5", "@remix-run/server-runtime": "^2.16.5", "@types/react": "^18.2.70", "@types/react-dom": "^18.2.25", "@types/yargs": "^17.0.33", "@vercel/react-router": "^1.1.0", "@vitejs/plugin-react": "^4.4.1", "@webstudio-is/css-engine": "workspace:*", "@webstudio-is/http-client": "workspace:*", "@webstudio-is/image": "workspace:*", "@webstudio-is/react-sdk": "workspace:*", "@webstudio-is/sdk": "workspace:*", "@webstudio-is/sdk-components-animation": "workspace:*", "@webstudio-is/sdk-components-react": "workspace:*", "@webstudio-is/sdk-components-react-radix": "workspace:*", "@webstudio-is/sdk-components-react-remix": "workspace:*", "@webstudio-is/sdk-components-react-router": "workspace:*", "@webstudio-is/tsconfig": "workspace:*", "h3": "^1.15.1", "ipx": "^3.0.3", "isbot": "^5.1.25", "prettier": "3.5.3", "react": "18.3.0-canary-14898b6a9-20240318", "react-dom": "18.3.0-canary-14898b6a9-20240318", "react-router": "^7.5.3", "ts-expect": "^1.3.0", "vike": "^0.4.229", "vite": "^6.3.4", "vitest": "^3.1.2", "wrangler": "^3.63.2" };
+const packageJson = {
+  name,
+  version,
+  description,
+  author,
+  homepage,
+  type: type$1,
+  bin,
+  imports,
+  files,
+  scripts,
+  license,
+  engines,
+  dependencies,
+  devDependencies
+};
+class HandledCliError extends Error {
+  constructor() {
+    super("Handled CLI error");
+    this.name = "HandledCliError";
+  }
+}
+const isHandledCliError = (error) => error instanceof HandledCliError;
+const apiCompatibilityHeaders = {
+  [apiClientHeader]: "cli",
+  [apiClientVersionHeader]: packageJson.version
+};
+const updateCliCommand = "npm install -g webstudio@latest";
+const getCliCompatibilityMessage = (error) => {
+  const payload = getApiCompatibilityPayload(error);
+  if ((payload == null ? void 0 : payload.action.type) !== "updateCli") {
+    return;
+  }
+  return `${payload.message}
+
+Update the CLI with:
+  ${updateCliCommand}
+
+Or run the latest version once with:
+  npx webstudio@latest sync`;
+};
+const stopSyncingWithError = (syncing, error) => {
+  const compatibilityMessage = getCliCompatibilityMessage(error);
+  const message = error instanceof Error ? error.message : "Unable to synchronize project data";
+  syncing.stop(compatibilityMessage ?? message, 2);
+  return compatibilityMessage;
+};
 const syncOptions = (yargs) => yargs.option("buildId", {
   type: "string",
   describe: "[Experimental] Project build id to sync"
@@ -325,12 +450,21 @@ const sync = async (options) => {
   syncing.start(`Synchronizing project data`);
   if (options.buildId !== void 0 && options.origin !== void 0 && options.authToken !== void 0) {
     syncing.message(`Synchronizing project data from ${options.origin}`);
-    project = await loadProjectDataByBuildId({
-      buildId: options.buildId,
-      seviceToken: options.authToken,
-      origin: options.origin
-    });
-    project.origin = options.origin;
+    try {
+      project = await loadProjectDataByBuildId({
+        buildId: options.buildId,
+        seviceToken: options.authToken,
+        origin: options.origin,
+        headers: apiCompatibilityHeaders
+      });
+      project.origin = options.origin;
+    } catch (error) {
+      const compatibilityMessage = stopSyncingWithError(syncing, error);
+      if (compatibilityMessage !== void 0) {
+        throw new HandledCliError();
+      }
+      throw error;
+    }
   } else {
     const globalConfigText = await readFile(GLOBAL_CONFIG_FILE, "utf-8");
     const globalConfig = jsonToGlobalConfig(JSON.parse(globalConfigText));
@@ -360,15 +494,20 @@ const sync = async (options) => {
       project = options.buildId !== void 0 ? await loadProjectDataByBuildId({
         buildId: options.buildId,
         authToken: token,
-        origin
+        origin,
+        headers: apiCompatibilityHeaders
       }) : await loadProjectDataByProjectId({
         projectId: localConfig.projectId,
         authToken: token,
-        origin
+        origin,
+        headers: apiCompatibilityHeaders
       });
       project.origin = origin;
     } catch (error) {
-      syncing.stop(error.message, 2);
+      const compatibilityMessage = stopSyncingWithError(syncing, error);
+      if (compatibilityMessage !== void 0) {
+        throw new HandledCliError();
+      }
       throw error;
     }
   }
@@ -766,9 +905,9 @@ function multiply_v3_m3x3(input2, matrix, out = [0, 0, 0]) {
   return out;
 }
 function isString(str) {
-  return type$1(str) === "string";
+  return type(str) === "string";
 }
-function type$1(o2) {
+function type(o2) {
   let str = Object.prototype.toString.call(o2);
   return (str.match(/^\[object\s+(.*?)\]$/)[1] || "").toLowerCase();
 }
@@ -1547,7 +1686,7 @@ const _ColorSpace = class _ColorSpace {
     if (!space || isInstance(space, this)) {
       return space;
     }
-    let argType = type$1(space);
+    let argType = type(space);
     if (argType === "string") {
       let ret = _ColorSpace.registry[space.toLowerCase()];
       if (!ret) {
@@ -1604,7 +1743,7 @@ const _ColorSpace = class _ColorSpace {
    */
   static resolveCoord(ref, workingSpace) {
     var _a2;
-    let coordType = type$1(ref);
+    let coordType = type(ref);
     let space, coord;
     if (coordType === "string") {
       if (ref.includes(".")) {
@@ -1627,7 +1766,7 @@ const _ColorSpace = class _ColorSpace {
         `Cannot resolve coordinate reference ${ref}: No color space specified and relative references are not allowed here`
       );
     }
-    coordType = type$1(coord);
+    coordType = type(coord);
     if (coordType === "number" || coordType === "string" && coord >= 0) {
       let meta = Object.entries(space.coords)[coord];
       if (meta) {
@@ -3760,7 +3899,7 @@ var CompilerSettings = z.object({
   // All fields are optional to ensure consistency and allow for the addition of new fields without requiring migration
   atomicStyles: z.boolean().optional()
 });
-z.object({
+var Pages = z.object({
   meta: ProjectMeta.optional(),
   compiler: CompilerSettings.optional(),
   redirects: z.array(PageRedirect).optional(),
@@ -5651,104 +5790,6 @@ var getStaticSiteMapXml = (pages, updatedAt) => {
     lastModified: updatedAt.split("T")[0]
   }));
 };
-var toMap = (items, normalizeItem = (item) => item) => {
-  if (items instanceof Map) {
-    return new Map(
-      Array.from(items, ([id, item]) => [id, normalizeItem(item)])
-    );
-  }
-  const list = Array.isArray(items) ? items : Object.values(items);
-  return new Map(list.map((item) => [item.id, normalizeItem(item)]));
-};
-var normalizePage = (page) => ({
-  ...page,
-  meta: page.meta ?? {}
-});
-var isLegacyPages = (pages) => {
-  if (typeof pages !== "object" || pages === null) {
-    return false;
-  }
-  return "homePage" in pages && Array.isArray(pages.pages);
-};
-var isSerializedPages = (pages) => {
-  if (typeof pages !== "object" || pages === null) {
-    return false;
-  }
-  const candidate = pages;
-  return typeof candidate.homePageId === "string" && typeof candidate.rootFolderId === "string" && candidate.pages !== void 0 && candidate.folders !== void 0;
-};
-var migratePages = (pages) => {
-  var _a2;
-  if (isSerializedPages(pages) && pages.pages instanceof Map && pages.folders instanceof Map) {
-    return pages;
-  }
-  if (isSerializedPages(pages)) {
-    return {
-      meta: pages.meta,
-      compiler: pages.compiler,
-      redirects: pages.redirects,
-      homePageId: pages.homePageId,
-      rootFolderId: pages.rootFolderId,
-      pages: toMap(pages.pages, normalizePage),
-      folders: toMap(pages.folders)
-    };
-  }
-  if (isLegacyPages(pages) === false) {
-    throw new Error("Pages data has unsupported shape.");
-  }
-  const homePage = {
-    ...normalizePage(pages.homePage),
-    path: ""
-  };
-  const nextPages = /* @__PURE__ */ new Map([[homePage.id, homePage]]);
-  for (const page of pages.pages) {
-    if (page.id === homePage.id) {
-      continue;
-    }
-    nextPages.set(page.id, normalizePage(page));
-  }
-  const nextFolders = /* @__PURE__ */ new Map();
-  for (const folder of pages.folders ?? []) {
-    nextFolders.set(folder.id, { ...folder, children: [...folder.children] });
-  }
-  const rootFolder = Array.from(nextFolders.values()).find(isRootFolder) ?? ((_a2 = pages.folders) == null ? void 0 : _a2[0]) ?? {
-    id: ROOT_FOLDER_ID,
-    name: "Root",
-    slug: "",
-    children: []
-  };
-  if (nextFolders.has(rootFolder.id) === false) {
-    nextFolders.set(rootFolder.id, { ...rootFolder, children: [] });
-  }
-  const nextRootFolder = nextFolders.get(rootFolder.id);
-  if (nextRootFolder === void 0) {
-    throw new Error("Pages must include a root folder.");
-  }
-  for (const folder of nextFolders.values()) {
-    folder.children = folder.children.filter(
-      (childId) => childId !== homePage.id
-    );
-  }
-  nextRootFolder.children.unshift(homePage.id);
-  const referencedIds = new Set(
-    Array.from(nextFolders.values()).flatMap((folder) => folder.children)
-  );
-  for (const page of pages.pages) {
-    if (page.id !== homePage.id && referencedIds.has(page.id) === false) {
-      nextRootFolder.children.push(page.id);
-      referencedIds.add(page.id);
-    }
-  }
-  return {
-    meta: pages.meta,
-    compiler: pages.compiler,
-    redirects: pages.redirects,
-    homePageId: homePage.id,
-    rootFolderId: rootFolder.id,
-    pages: nextPages,
-    folders: nextFolders
-  };
-};
 var identifiers = reservedIdentifiers({ includeGlobalProperties: true });
 var isReserved = (identifier) => identifiers.has(identifier);
 var normalizeJsName = (name2) => {
@@ -7023,6 +7064,129 @@ var generateWebstudioComponent = ({
 `;
   return generatedComponent;
 };
+var toMap = (items, normalizeItem = (item) => item) => {
+  if (items instanceof Map) {
+    return new Map(
+      Array.from(items, ([id, item]) => [id, normalizeItem(item)])
+    );
+  }
+  const list = Array.isArray(items) ? items : Object.values(items);
+  return new Map(list.map((item) => [item.id, normalizeItem(item)]));
+};
+var normalizePage = (page) => ({
+  ...page,
+  meta: page.meta ?? {}
+});
+var isLegacyPages = (pages) => {
+  if (typeof pages !== "object" || pages === null) {
+    return false;
+  }
+  return "homePage" in pages && Array.isArray(pages.pages);
+};
+var isSerializedPages = (pages) => {
+  if (typeof pages !== "object" || pages === null) {
+    return false;
+  }
+  const candidate = pages;
+  return typeof candidate.homePageId === "string" && typeof candidate.rootFolderId === "string" && candidate.pages !== void 0 && candidate.folders !== void 0;
+};
+var removeOrphanFolderChildren = (pages, folders) => {
+  const nextFolders = /* @__PURE__ */ new Map();
+  for (const [folderId, folder] of folders) {
+    nextFolders.set(folderId, {
+      ...folder,
+      children: folder.children.filter(
+        (childId) => pages.has(childId) || folders.has(childId)
+      )
+    });
+  }
+  return nextFolders;
+};
+var migratePages = (pages) => {
+  var _a2;
+  if (isSerializedPages(pages) && pages.pages instanceof Map && pages.folders instanceof Map) {
+    const currentPages = pages;
+    const result = Pages.safeParse(currentPages);
+    if (result.success) {
+      return currentPages;
+    }
+    return {
+      ...currentPages,
+      folders: removeOrphanFolderChildren(
+        currentPages.pages,
+        currentPages.folders
+      )
+    };
+  }
+  if (isSerializedPages(pages)) {
+    const nextPages2 = toMap(pages.pages, normalizePage);
+    const nextFolders2 = toMap(pages.folders);
+    return {
+      meta: pages.meta,
+      compiler: pages.compiler,
+      redirects: pages.redirects,
+      homePageId: pages.homePageId,
+      rootFolderId: pages.rootFolderId,
+      pages: nextPages2,
+      folders: removeOrphanFolderChildren(nextPages2, nextFolders2)
+    };
+  }
+  if (isLegacyPages(pages) === false) {
+    throw new Error("Pages data has unsupported shape.");
+  }
+  const homePage = {
+    ...normalizePage(pages.homePage),
+    path: ""
+  };
+  const nextPages = /* @__PURE__ */ new Map([[homePage.id, homePage]]);
+  for (const page of pages.pages) {
+    if (page.id === homePage.id) {
+      continue;
+    }
+    nextPages.set(page.id, normalizePage(page));
+  }
+  const nextFolders = /* @__PURE__ */ new Map();
+  for (const folder of pages.folders ?? []) {
+    nextFolders.set(folder.id, { ...folder, children: [...folder.children] });
+  }
+  const rootFolder = Array.from(nextFolders.values()).find(isRootFolder) ?? ((_a2 = pages.folders) == null ? void 0 : _a2[0]) ?? {
+    id: ROOT_FOLDER_ID,
+    name: "Root",
+    slug: "",
+    children: []
+  };
+  if (nextFolders.has(rootFolder.id) === false) {
+    nextFolders.set(rootFolder.id, { ...rootFolder, children: [] });
+  }
+  const nextRootFolder = nextFolders.get(rootFolder.id);
+  if (nextRootFolder === void 0) {
+    throw new Error("Pages must include a root folder.");
+  }
+  for (const folder of nextFolders.values()) {
+    folder.children = folder.children.filter(
+      (childId) => childId !== homePage.id && (nextPages.has(childId) || nextFolders.has(childId))
+    );
+  }
+  nextRootFolder.children.unshift(homePage.id);
+  const referencedIds = new Set(
+    Array.from(nextFolders.values()).flatMap((folder) => folder.children)
+  );
+  for (const page of pages.pages) {
+    if (page.id !== homePage.id && referencedIds.has(page.id) === false) {
+      nextRootFolder.children.push(page.id);
+      referencedIds.add(page.id);
+    }
+  }
+  return {
+    meta: pages.meta,
+    compiler: pages.compiler,
+    redirects: pages.redirects,
+    homePageId: homePage.id,
+    rootFolderId: rootFolder.id,
+    pages: nextPages,
+    folders: nextFolders
+  };
+};
 const BOOLEAN_ATTRIBUTES = /* @__PURE__ */ new Set([
   "async",
   "autofocus",
@@ -11281,36 +11445,6 @@ const getDeploymentInstructions = (deployTarget) => {
       ].join("\n");
   }
 };
-const name = "webstudio";
-const version = "0.265.0";
-const description = "Webstudio CLI";
-const author = "Webstudio <github@webstudio.is>";
-const homepage = "https://webstudio.is";
-const type = "module";
-const bin = { "webstudio-cli": "./bin.js", "webstudio": "./bin.js" };
-const imports = { "#cli": { "webstudio": "./src/cli.ts", "default": "./lib/cli.js" } };
-const files = ["lib/*", "templates/*", "bin.js", "!*.{test,stories}.*"];
-const scripts = { "typecheck": "tsgo --noEmit", "build": "rm -rf lib && vite build", "test": "vitest run" };
-const license = "AGPL-3.0-or-later";
-const engines = { "node": ">=22" };
-const dependencies = { "@clack/prompts": "^0.10.0", "@emotion/hash": "^0.9.2", "@trpc/client": "^10.45.2", "acorn": "^8.14.1", "acorn-walk": "^8.3.4", "change-case": "^5.4.4", "deepmerge": "^4.3.1", "env-paths": "^3.0.0", "nanoid": "^5.1.5", "p-limit": "^6.2.0", "parse5": "7.3.0", "picocolors": "^1.1.1", "reserved-identifiers": "^1.0.0", "tinyexec": "^0.3.2", "warn-once": "^0.1.1", "yargs": "^17.7.2", "zod": "^3.24.2" };
-const devDependencies = { "@cloudflare/vite-plugin": "^1.1.0", "@netlify/vite-plugin-react-router": "^1.0.1", "@react-router/dev": "^7.5.3", "@react-router/fs-routes": "^7.5.3", "@remix-run/cloudflare": "^2.16.5", "@remix-run/cloudflare-pages": "^2.16.5", "@remix-run/dev": "^2.16.5", "@remix-run/node": "^2.16.5", "@remix-run/react": "^2.16.5", "@remix-run/server-runtime": "^2.16.5", "@types/react": "^18.2.70", "@types/react-dom": "^18.2.25", "@types/yargs": "^17.0.33", "@vercel/react-router": "^1.1.0", "@vitejs/plugin-react": "^4.4.1", "@webstudio-is/css-engine": "workspace:*", "@webstudio-is/http-client": "workspace:*", "@webstudio-is/image": "workspace:*", "@webstudio-is/react-sdk": "workspace:*", "@webstudio-is/sdk": "workspace:*", "@webstudio-is/sdk-components-animation": "workspace:*", "@webstudio-is/sdk-components-react": "workspace:*", "@webstudio-is/sdk-components-react-radix": "workspace:*", "@webstudio-is/sdk-components-react-remix": "workspace:*", "@webstudio-is/sdk-components-react-router": "workspace:*", "@webstudio-is/tsconfig": "workspace:*", "h3": "^1.15.1", "ipx": "^3.0.3", "isbot": "^5.1.25", "prettier": "3.5.3", "react": "18.3.0-canary-14898b6a9-20240318", "react-dom": "18.3.0-canary-14898b6a9-20240318", "react-router": "^7.5.3", "ts-expect": "^1.3.0", "vike": "^0.4.229", "vite": "^6.3.4", "vitest": "^3.1.2", "wrangler": "^3.63.2" };
-const packageJson = {
-  name,
-  version,
-  description,
-  author,
-  homepage,
-  type,
-  bin,
-  imports,
-  files,
-  scripts,
-  license,
-  engines,
-  dependencies,
-  devDependencies
-};
 const main = async () => {
   try {
     await createFileIfNotExists(GLOBAL_CONFIG_FILE, "{}");
@@ -11348,6 +11482,9 @@ const main = async () => {
     cmd.command(["$0", "init"], "Setup the project", buildOptions, initFlow);
     await cmd.parse();
   } catch (error) {
+    if (isHandledCliError(error)) {
+      exit(1);
+    }
     console.error(error);
     exit(1);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "webstudio",
-  "version": "0.265.0",
+  "version": "0.266.0",
   "description": "Webstudio CLI",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -42,7 +42,9 @@
     "tinyexec": "^0.3.2",
     "warn-once": "^0.1.1",
     "yargs": "^17.7.2",
-    "zod": "^3.24.2"
+    "zod": "^3.24.2",
+    "@webstudio-is/project-migrations": "0.266.0",
+    "@webstudio-is/trpc-interface": "0.266.0"
   },
   "devDependencies": {
     "@cloudflare/vite-plugin": "^1.1.0",
@@ -72,16 +74,16 @@
     "vite": "^6.3.4",
     "vitest": "^3.1.2",
     "wrangler": "^3.63.2",
-    "@webstudio-is/css-engine": "0.265.0",
-    "@webstudio-is/react-sdk": "0.265.0",
-    "@webstudio-is/image": "0.265.0",
-    "@webstudio-is/sdk": "0.265.0",
-    "@webstudio-is/sdk-components-animation": "0.265.0",
-    "@webstudio-is/sdk-components-react": "0.265.0",
-    "@webstudio-is/sdk-components-react-radix": "0.265.0",
-    "@webstudio-is/sdk-components-react-remix": "0.265.0",
-    "@webstudio-is/http-client": "0.265.0",
-    "@webstudio-is/sdk-components-react-router": "0.265.0",
+    "@webstudio-is/css-engine": "0.266.0",
+    "@webstudio-is/http-client": "0.266.0",
+    "@webstudio-is/image": "0.266.0",
+    "@webstudio-is/sdk": "0.266.0",
+    "@webstudio-is/sdk-components-animation": "0.266.0",
+    "@webstudio-is/sdk-components-react-radix": "0.266.0",
+    "@webstudio-is/sdk-components-react": "0.266.0",
+    "@webstudio-is/react-sdk": "0.266.0",
+    "@webstudio-is/sdk-components-react-remix": "0.266.0",
+    "@webstudio-is/sdk-components-react-router": "0.266.0",
     "@webstudio-is/tsconfig": "1.0.7"
   },
   "scripts": {

package/templates/defaults/package.json

@@ -11,13 +11,13 @@
     "@remix-run/node": "2.16.5",
     "@remix-run/react": "2.16.5",
     "@remix-run/server-runtime": "2.16.5",
-    "@webstudio-is/image": "0.265.0",
-    "@webstudio-is/react-sdk": "0.265.0",
-    "@webstudio-is/sdk": "0.265.0",
-    "@webstudio-is/sdk-components-react": "0.265.0",
-    "@webstudio-is/sdk-components-animation": "0.265.0",
-    "@webstudio-is/sdk-components-react-radix": "0.265.0",
-    "@webstudio-is/sdk-components-react-remix": "0.265.0",
+    "@webstudio-is/image": "0.266.0",
+    "@webstudio-is/react-sdk": "0.266.0",
+    "@webstudio-is/sdk": "0.266.0",
+    "@webstudio-is/sdk-components-react": "0.266.0",
+    "@webstudio-is/sdk-components-animation": "0.266.0",
+    "@webstudio-is/sdk-components-react-radix": "0.266.0",
+    "@webstudio-is/sdk-components-react-remix": "0.266.0",
     "isbot": "^5.1.25",
     "react": "18.3.0-canary-14898b6a9-20240318",
     "react-dom": "18.3.0-canary-14898b6a9-20240318"

package/templates/react-router/package.json

@@ -10,13 +10,13 @@
   "dependencies": {
     "@react-router/dev": "^7.5.3",
     "@react-router/fs-routes": "^7.5.3",
-    "@webstudio-is/image": "0.265.0",
-    "@webstudio-is/react-sdk": "0.265.0",
-    "@webstudio-is/sdk": "0.265.0",
-    "@webstudio-is/sdk-components-animation": "0.265.0",
-    "@webstudio-is/sdk-components-react-radix": "0.265.0",
-    "@webstudio-is/sdk-components-react-router": "0.265.0",
-    "@webstudio-is/sdk-components-react": "0.265.0",
+    "@webstudio-is/image": "0.266.0",
+    "@webstudio-is/react-sdk": "0.266.0",
+    "@webstudio-is/sdk": "0.266.0",
+    "@webstudio-is/sdk-components-animation": "0.266.0",
+    "@webstudio-is/sdk-components-react-radix": "0.266.0",
+    "@webstudio-is/sdk-components-react-router": "0.266.0",
+    "@webstudio-is/sdk-components-react": "0.266.0",
     "isbot": "^5.1.25",
     "react": "18.3.0-canary-14898b6a9-20240318",
     "react-dom": "18.3.0-canary-14898b6a9-20240318",

package/templates/ssg/package.json

@@ -8,12 +8,12 @@
     "typecheck": "tsgo --noEmit"
   },
   "dependencies": {
-    "@webstudio-is/image": "0.265.0",
-    "@webstudio-is/react-sdk": "0.265.0",
-    "@webstudio-is/sdk": "0.265.0",
-    "@webstudio-is/sdk-components-react": "0.265.0",
-    "@webstudio-is/sdk-components-animation": "0.265.0",
-    "@webstudio-is/sdk-components-react-radix": "0.265.0",
+    "@webstudio-is/image": "0.266.0",
+    "@webstudio-is/react-sdk": "0.266.0",
+    "@webstudio-is/sdk": "0.266.0",
+    "@webstudio-is/sdk-components-react": "0.266.0",
+    "@webstudio-is/sdk-components-animation": "0.266.0",
+    "@webstudio-is/sdk-components-react-radix": "0.266.0",
     "react": "18.3.0-canary-14898b6a9-20240318",
     "react-dom": "18.3.0-canary-14898b6a9-20240318",
     "vike": "^0.4.229"