webstudio 0.185.0 → 0.191.0

package/lib/cli.js

@@ -917,12 +917,22 @@ Please check webstudio --help for more details`
           break;
         case "xml":
           {
-            componentImports = `import { XmlNode } from "@webstudio-is/sdk-components-react";
+            componentImports = `import { XmlNode, XmlTime } from "@webstudio-is/sdk-components-react";
 `;
             xmlPresentationComponents += Array.from(componentsSet).map(
               ([shortName, component]) => scope.getName(component, shortName)
-            ).filter((scopedName) => scopedName !== "XmlNode").map(
-              (scopedName) => scopedName === "Body" ? `const ${scopedName} = (props: any) => props.children;` : `const ${scopedName} = () => null;`
+            ).filter(
+              (scopedName) => scopedName !== "XmlNode" && scopedName !== "XmlTime"
+            ).map(
+              (scopedName) => scopedName === "Body" ? (
+                // Using <svg> prevents React from hoisting elements like <title>, <meta>, and <link>
+                // out of their intended scope during rendering.
+                // More details: https://github.com/facebook/react/blob/7c8e5e7ab8bb63de911637892392c5efd8ce1d0f/packages/react-dom-bindings/src/client/ReactFiberConfigDOM.js#L3083
+                `const ${scopedName} = (props: any) => <svg>{props.children}</svg>;`
+              ) : (
+                // Do not render all other components
+                `const ${scopedName} = (props: any) => null;`
+              )
             ).join("\n");
           }
           break;
@@ -1175,6 +1185,7 @@ var build = async (options) => {
 import { chdir, cwd as cwd4 } from "node:process";
 import { join as join7 } from "node:path";
 import pc2 from "picocolors";
+import { x } from "tinyexec";
 import {
   cancel as cancel2,
   confirm,
@@ -1184,7 +1195,6 @@ import {
   spinner as spinner3,
   text as text2
 } from "@clack/prompts";
-import { $ } from "execa";
 var exitIfCancelled = (value) => {
   if (isCancel2(value)) {
     cancel2("Project initialization is cancelled");
@@ -1256,7 +1266,7 @@ var initFlow = async (options) => {
   if (shouldInstallDeps === true) {
     const install = spinner3();
     install.start("Installing dependencies");
-    await $`npm install`;
+    await x("npm", ["install"]);
     install.stop("Installed dependencies");
   }
   log4.message();
@@ -1294,7 +1304,7 @@ import makeCLI from "yargs";
 // package.json
 var package_default = {
   name: "webstudio",
-  version: "0.185.0",
+  version: "0.191.0",
   description: "Webstudio CLI",
   author: "Webstudio <github@webstudio.is>",
   homepage: "https://webstudio.is",
@@ -1318,7 +1328,7 @@ var package_default = {
   scripts: {
     typecheck: "tsc",
     build: "rm -rf lib && esbuild src/cli.ts --outdir=lib --bundle --format=esm --packages=external",
-    test: "NODE_OPTIONS=--experimental-vm-modules jest"
+    test: "vitest run"
   },
   license: "AGPL-3.0-or-later",
   engines: {
@@ -1336,37 +1346,36 @@ var package_default = {
     "change-case": "^5.4.4",
     deepmerge: "^4.3.1",
     "env-paths": "^3.0.0",
-    execa: "^7.2.0",
     "p-limit": "^4.0.0",
     parse5: "7.1.2",
     picocolors: "^1.1.0",
     "strip-indent": "^4.0.0",
+    tinyexec: "^0.3.1",
     yargs: "^17.7.2",
     zod: "^3.22.4"
   },
   devDependencies: {
-    "@jest/globals": "^29.7.0",
     "@netlify/remix-adapter": "^2.5.1",
     "@netlify/remix-edge-adapter": "3.4.2",
-    "@remix-run/cloudflare": "^2.12.1",
-    "@remix-run/cloudflare-pages": "^2.12.1",
-    "@remix-run/dev": "^2.12.1",
-    "@remix-run/node": "^2.12.1",
-    "@remix-run/react": "^2.12.1",
-    "@remix-run/server-runtime": "^2.12.1",
-    "@types/node": "^22.6.1",
+    "@remix-run/cloudflare": "^2.15.0",
+    "@remix-run/cloudflare-pages": "^2.15.0",
+    "@remix-run/dev": "^2.15.0",
+    "@remix-run/node": "^2.15.0",
+    "@remix-run/react": "^2.15.0",
+    "@remix-run/server-runtime": "^2.15.0",
+    "@types/node": "^22.9.3",
     "@types/react": "^18.2.70",
     "@types/react-dom": "^18.2.25",
-    "@types/yargs": "^17.0.32",
-    "@vitejs/plugin-react": "^4.3.2",
-    "@webstudio-is/jest-config": "workspace:*",
+    "@types/yargs": "^17.0.33",
+    "@vitejs/plugin-react": "^4.3.4",
     "@webstudio-is/tsconfig": "workspace:*",
+    prettier: "3.4.2",
     react: "18.3.0-canary-14898b6a9-20240318",
     "react-dom": "18.3.0-canary-14898b6a9-20240318",
     "ts-expect": "^1.3.0",
-    typescript: "5.5.2",
-    vike: "^0.4.182",
-    vite: "^5.4.8",
+    vike: "^0.4.206",
+    vite: "^5.4.11",
+    vitest: "^2.1.8",
     wrangler: "^3.63.2"
   }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "webstudio",
-  "version": "0.185.0",
+  "version": "0.191.0",
   "description": "Webstudio CLI",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -30,49 +30,48 @@
     "change-case": "^5.4.4",
     "deepmerge": "^4.3.1",
     "env-paths": "^3.0.0",
-    "execa": "^7.2.0",
     "p-limit": "^4.0.0",
     "parse5": "7.1.2",
     "picocolors": "^1.1.0",
     "strip-indent": "^4.0.0",
+    "tinyexec": "^0.3.1",
     "yargs": "^17.7.2",
     "zod": "^3.22.4",
-    "@webstudio-is/http-client": "0.185.0",
-    "@webstudio-is/image": "0.185.0",
-    "@webstudio-is/react-sdk": "0.185.0",
-    "@webstudio-is/sdk-components-react": "0.185.0",
-    "@webstudio-is/sdk": "0.185.0",
-    "@webstudio-is/sdk-components-react-radix": "0.185.0",
-    "@webstudio-is/sdk-components-react-remix": "0.185.0"
+    "@webstudio-is/http-client": "0.191.0",
+    "@webstudio-is/image": "0.191.0",
+    "@webstudio-is/sdk": "0.191.0",
+    "@webstudio-is/sdk-components-react": "0.191.0",
+    "@webstudio-is/react-sdk": "0.191.0",
+    "@webstudio-is/sdk-components-react-remix": "0.191.0",
+    "@webstudio-is/sdk-components-react-radix": "0.191.0"
   },
   "devDependencies": {
-    "@jest/globals": "^29.7.0",
     "@netlify/remix-adapter": "^2.5.1",
     "@netlify/remix-edge-adapter": "3.4.2",
-    "@remix-run/cloudflare": "^2.12.1",
-    "@remix-run/cloudflare-pages": "^2.12.1",
-    "@remix-run/dev": "^2.12.1",
-    "@remix-run/node": "^2.12.1",
-    "@remix-run/react": "^2.12.1",
-    "@remix-run/server-runtime": "^2.12.1",
-    "@types/node": "^22.6.1",
+    "@remix-run/cloudflare": "^2.15.0",
+    "@remix-run/cloudflare-pages": "^2.15.0",
+    "@remix-run/dev": "^2.15.0",
+    "@remix-run/node": "^2.15.0",
+    "@remix-run/react": "^2.15.0",
+    "@remix-run/server-runtime": "^2.15.0",
+    "@types/node": "^22.9.3",
     "@types/react": "^18.2.70",
     "@types/react-dom": "^18.2.25",
-    "@types/yargs": "^17.0.32",
-    "@vitejs/plugin-react": "^4.3.2",
+    "@types/yargs": "^17.0.33",
+    "@vitejs/plugin-react": "^4.3.4",
+    "prettier": "3.4.2",
     "react": "18.3.0-canary-14898b6a9-20240318",
     "react-dom": "18.3.0-canary-14898b6a9-20240318",
     "ts-expect": "^1.3.0",
-    "typescript": "5.5.2",
-    "vike": "^0.4.182",
-    "vite": "^5.4.8",
+    "vike": "^0.4.206",
+    "vite": "^5.4.11",
+    "vitest": "^2.1.8",
     "wrangler": "^3.63.2",
-    "@webstudio-is/jest-config": "1.0.7",
     "@webstudio-is/tsconfig": "1.0.7"
   },
   "scripts": {
     "typecheck": "tsc",
     "build": "rm -rf lib && esbuild src/cli.ts --outdir=lib --bundle --format=esm --packages=external",
-    "test": "NODE_OPTIONS=--experimental-vm-modules jest"
+    "test": "vitest run"
   }
 }

package/templates/cloudflare/package.json

@@ -12,8 +12,8 @@
     "build-cf-types": "wrangler types"
   },
   "dependencies": {
-    "@remix-run/cloudflare": "2.12.1",
-    "@remix-run/cloudflare-pages": "2.12.1"
+    "@remix-run/cloudflare": "2.15.0",
+    "@remix-run/cloudflare-pages": "2.15.0"
   },
   "devDependencies": {
     "@cloudflare/workers-types": "^4.20240620.0",

package/templates/defaults/app/route-templates/html.tsx

@@ -15,7 +15,7 @@ import {
   loadResources,
   formIdFieldName,
   formBotFieldName,
-} from "@webstudio-is/sdk";
+} from "@webstudio-is/sdk/runtime";
 import { ReactSdkContext } from "@webstudio-is/react-sdk/runtime";
 import {
   Page,

package/templates/defaults/app/route-templates/xml.tsx

@@ -1,6 +1,6 @@
 import { renderToString } from "react-dom/server";
 import { type LoaderFunctionArgs, redirect } from "@remix-run/server-runtime";
-import { isLocalResource, loadResources } from "@webstudio-is/sdk";
+import { isLocalResource, loadResources } from "@webstudio-is/sdk/runtime";
 import { ReactSdkContext } from "@webstudio-is/react-sdk/runtime";
 import { Page } from "__CLIENT__";
 import { getPageMeta, getRemixParams, getResources } from "__SERVER__";
@@ -56,7 +56,7 @@ export const loader = async (arg: LoaderFunctionArgs) => {
   // typecheck
   arg.context.EXCLUDE_FROM_SEARCH satisfies boolean;
 
-  const text = renderToString(
+  let text = renderToString(
     <ReactSdkContext.Provider
       value={{
         imageLoader,
@@ -69,6 +69,10 @@ export const loader = async (arg: LoaderFunctionArgs) => {
     </ReactSdkContext.Provider>
   );
 
+  // Xml is wrapped with <svg> to prevent React from hoisting elements like <title>, <meta>, and <link> out of their intended scope during rendering.
+  // More details: https://github.com/facebook/react/blob/7c8e5e7ab8bb63de911637892392c5efd8ce1d0f/packages/react-dom-bindings/src/client/ReactFiberConfigDOM.js#L3083
+  text = text.replace(/^<svg>/g, "").replace(/<\/svg>$/g, "");
+
   return new Response(`<?xml version="1.0" encoding="UTF-8"?>\n${text}`, {
     headers: { "Content-Type": "application/xml" },
   });

package/templates/defaults/package.json

@@ -8,25 +8,25 @@
     "typecheck": "tsc"
   },
   "dependencies": {
-    "@remix-run/node": "2.12.1",
-    "@remix-run/react": "2.12.1",
-    "@remix-run/server-runtime": "2.12.1",
-    "@webstudio-is/react-sdk": "0.185.0",
-    "@webstudio-is/sdk-components-react-radix": "0.185.0",
-    "@webstudio-is/sdk-components-react-remix": "0.185.0",
-    "@webstudio-is/sdk-components-react": "0.185.0",
-    "@webstudio-is/image": "0.185.0",
-    "@webstudio-is/sdk": "0.185.0",
+    "@remix-run/node": "2.15.0",
+    "@remix-run/react": "2.15.0",
+    "@remix-run/server-runtime": "2.15.0",
+    "@webstudio-is/react-sdk": "0.191.0",
+    "@webstudio-is/sdk-components-react-radix": "0.191.0",
+    "@webstudio-is/sdk-components-react-remix": "0.191.0",
+    "@webstudio-is/sdk-components-react": "0.191.0",
+    "@webstudio-is/image": "0.191.0",
+    "@webstudio-is/sdk": "0.191.0",
     "isbot": "^5.1.17",
     "react": "18.3.0-canary-14898b6a9-20240318",
     "react-dom": "18.3.0-canary-14898b6a9-20240318"
   },
   "devDependencies": {
-    "@remix-run/dev": "2.12.1",
+    "@remix-run/dev": "2.15.0",
     "@types/react": "^18.2.70",
     "@types/react-dom": "^18.2.25",
-    "typescript": "5.5.2",
-    "vite": "^5.4.8"
+    "typescript": "5.7.2",
+    "vite": "^5.4.11"
   },
   "engines": {
     "node": ">=20.0.0"

package/templates/netlify-edge-functions/package.json

@@ -3,7 +3,7 @@
     "start": "netlify serve"
   },
   "dependencies": {
-    "@netlify/edge-functions": "^2.11.0",
+    "@netlify/edge-functions": "^2.11.1",
     "@netlify/remix-edge-adapter": "^3.4.2"
   }
 }

package/templates/netlify-functions/package.json

@@ -3,7 +3,7 @@
     "start": "netlify serve"
   },
   "dependencies": {
-    "@netlify/functions": "^2.8.1",
+    "@netlify/functions": "^2.8.2",
     "@netlify/remix-adapter": "^2.5.1"
   }
 }

package/templates/ssg/app/route-templates/html/+data.ts

@@ -1,6 +1,6 @@
 import type { PageContextServer } from "vike/types";
 import { redirect } from "vike/abort";
-import { loadResources } from "@webstudio-is/sdk";
+import { loadResources } from "@webstudio-is/sdk/runtime";
 import { getPageMeta, getResources } from "__SERVER__";
 
 export const data = async (pageContext: PageContextServer) => {

package/templates/ssg/package.json

@@ -8,21 +8,21 @@
     "typecheck": "tsc"
   },
   "dependencies": {
-    "@webstudio-is/react-sdk": "0.185.0",
-    "@webstudio-is/sdk-components-react-radix": "0.185.0",
-    "@webstudio-is/sdk-components-react": "0.185.0",
-    "@webstudio-is/image": "0.185.0",
-    "@webstudio-is/sdk": "0.185.0",
+    "@webstudio-is/react-sdk": "0.191.0",
+    "@webstudio-is/sdk-components-react-radix": "0.191.0",
+    "@webstudio-is/sdk-components-react": "0.191.0",
+    "@webstudio-is/image": "0.191.0",
+    "@webstudio-is/sdk": "0.191.0",
     "react": "18.3.0-canary-14898b6a9-20240318",
     "react-dom": "18.3.0-canary-14898b6a9-20240318",
-    "vike": "^0.4.182"
+    "vike": "^0.4.206"
   },
   "devDependencies": {
     "@types/react": "^18.2.70",
     "@types/react-dom": "^18.2.25",
-    "@vitejs/plugin-react": "^4.3.2",
-    "typescript": "5.5.2",
-    "vite": "^5.4.8"
+    "@vitejs/plugin-react": "^4.3.4",
+    "typescript": "5.7.2",
+    "vite": "^5.4.11"
   },
   "engines": {
     "node": ">=20.0.0"