webstudio 0.0.0-4f7bf18 → 0.0.0-588fe22

package/lib/cli.js

@@ -28,7 +28,6 @@ import { kebabCase, camelCase } from "change-case";
 import "nanoid";
 import { parseExpressionAt } from "acorn";
 import { simple } from "acorn-walk";
-import warnOnce from "warn-once";
 import reservedIdentifiers from "reserved-identifiers";
 import hash from "@emotion/hash";
 import { x } from "tinyexec";
@@ -77,7 +76,16 @@ const PROJECT_TEMPLATES = [
     label: "Vanilla",
     expand: ["defaults"]
   },
-  { value: "vercel", label: "Vercel", expand: ["defaults", "vercel"] },
+  {
+    value: "docker",
+    label: "Docker",
+    expand: ["react-router-docker"]
+  },
+  {
+    value: "vercel",
+    label: "Vercel",
+    expand: ["defaults", "vercel"]
+  },
   {
     value: "netlify-functions",
     label: "Netlify Functions",
@@ -88,7 +96,10 @@ const PROJECT_TEMPLATES = [
     label: "Netlify Edge Functions",
     expand: ["defaults", "netlify-edge-functions"]
   },
-  { value: "ssg", label: "Static Site Generation (SSG)" },
+  {
+    value: "ssg",
+    label: "Static Site Generation (SSG)"
+  },
   {
     value: "ssg-netlify",
     label: "Static Site Generation (SSG) Netlify",
@@ -105,11 +116,6 @@ const INTERNAL_TEMPLATES = [
     value: "cloudflare",
     label: "Cloudflare",
     expand: ["defaults", "cloudflare"]
-  },
-  {
-    value: "react-router-docker",
-    label: "Dokcer",
-    expand: ["react-router-docker"]
   }
 ];
 const isFileExists = async (filePath) => {
@@ -2490,6 +2496,7 @@ const generateExpression = ({
         usedDataSources == null ? void 0 : usedDataSources.set(dep.id, dep);
         return scope.getName(dep.id, dep.name);
       }
+      return "undefined";
     }
   });
 };
@@ -3637,47 +3644,6 @@ const generateWebstudioComponent = ({
 `;
   return generatedComponent;
 };
-const imageSizes = [16, 32, 48, 64, 96, 128, 256, 384];
-const deviceSizes = [640, 750, 828, 1080, 1200, 1920, 2048, 3840];
-const allSizes = [...imageSizes, ...deviceSizes];
-const NON_EXISTING_DOMAIN = "https://a3cbcbec-cdb1-4ea4-ad60-43c795308ddc.ddc";
-const joinPath = (...segments) => {
-  return segments.filter((segment) => segment !== "").map((segment) => segment.replace(/(^\/+|\/+$)/g, "")).join("/");
-};
-const encodePathFragment = (fragment) => {
-  return encodeURIComponent(fragment).replace(/%2F/g, "/");
-};
-const wsImageLoader = (props2) => {
-  const width = props2.format === "raw" ? 16 : props2.width;
-  const quality = props2.format === "raw" ? 100 : props2.quality;
-  if (process.env.NODE_ENV !== "production") {
-    warnOnce(
-      allSizes.includes(width) === false,
-      "Width must be only from allowed values"
-    );
-  }
-  let src = props2.src;
-  if (src.startsWith("/cgi/asset")) {
-    src = src.slice("/cgi/asset".length);
-  }
-  const resultUrl = new URL("/cgi/image/", NON_EXISTING_DOMAIN);
-  if (props2.format !== "raw") {
-    resultUrl.searchParams.set("width", width.toString());
-    resultUrl.searchParams.set("quality", quality.toString());
-    if (props2.height != null) {
-      resultUrl.searchParams.set("height", props2.height.toString());
-    }
-    if (props2.fit != null) {
-      resultUrl.searchParams.set("fit", props2.fit);
-    }
-  }
-  resultUrl.searchParams.set("format", props2.format ?? "auto");
-  resultUrl.pathname = joinPath(resultUrl.pathname, encodePathFragment(src));
-  if (resultUrl.href.startsWith(NON_EXISTING_DOMAIN)) {
-    return `${resultUrl.pathname}?${resultUrl.searchParams.toString()}`;
-  }
-  return resultUrl.href;
-};
 const BOOLEAN_ATTRIBUTES = /* @__PURE__ */ new Set([
   "async",
   "autofocus",
@@ -5871,6 +5837,11 @@ const copyTemplates = async (template) => {
 const importFrom = (importee, importer) => {
   return relative(dirname(importer), importee).replaceAll("\\", "/");
 };
+const npmrc = `force=true
+loglevel=error
+audit=false
+fund=false
+`;
 const prebuild = async (options) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
   if (options.template.length === 0) {
@@ -5898,7 +5869,7 @@ Please check webstudio --help for more details`
   await rm(generatedDir, { recursive: true, force: true });
   const routesDir = join(appRoot, "routes");
   await rm(routesDir, { recursive: true, force: true });
-  await writeFile(join(cwd(), ".npmrc"), "force=true");
+  await writeFile(join(cwd(), ".npmrc"), npmrc);
   for (const template of options.template) {
     await copyTemplates(template);
   }
@@ -6021,14 +5992,10 @@ Please check webstudio --help for more details`
     const assetOrigin = siteData.origin;
     for (const asset of siteData.assets) {
       if (asset.type === "image") {
-        const imagePath = wsImageLoader({
-          src: asset.name,
-          format: "raw"
-        });
         assetsToDownload.push(
           limit(
             () => downloadAsset(
-              `${assetOrigin}${imagePath}`,
+              `${assetOrigin}/cgi/image/${asset.name}?format=auto`,
               asset.name,
               assetBaseUrl
             )
@@ -6459,7 +6426,7 @@ const getDeploymentInstructions = (deployTarget) => {
   }
 };
 const name = "webstudio";
-const version = "0.0.0-4f7bf18";
+const version = "0.0.0-588fe22";
 const description = "Webstudio CLI";
 const author = "Webstudio <github@webstudio.is>";
 const homepage = "https://webstudio.is";
@@ -6501,10 +6468,8 @@ const dependencies = {
   "p-limit": "^6.2.0",
   parse5: "7.2.1",
   picocolors: "^1.1.1",
-  react: "18.3.0-canary-14898b6a9-20240318",
   "reserved-identifiers": "^1.0.0",
   tinyexec: "^0.3.2",
-  "warn-once": "^0.1.1",
   yargs: "^17.7.2",
   zod: "^3.22.4"
 };
@@ -6536,10 +6501,11 @@ const devDependencies = {
   h3: "^1.14.0",
   ipx: "^3.0.1",
   prettier: "3.4.2",
+  react: "18.3.0-canary-14898b6a9-20240318",
   "react-dom": "18.3.0-canary-14898b6a9-20240318",
   "react-router": "^7.1.3",
   "ts-expect": "^1.3.0",
-  vike: "^0.4.218",
+  vike: "^0.4.219",
   vite: "^5.4.11",
   vitest: "^3.0.2",
   wrangler: "^3.63.2"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "webstudio",
-  "version": "0.0.0-4f7bf18",
+  "version": "0.0.0-588fe22",
   "description": "Webstudio CLI",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -37,10 +37,8 @@
     "p-limit": "^6.2.0",
     "parse5": "7.2.1",
     "picocolors": "^1.1.1",
-    "react": "18.3.0-canary-14898b6a9-20240318",
     "reserved-identifiers": "^1.0.0",
     "tinyexec": "^0.3.2",
-    "warn-once": "^0.1.1",
     "yargs": "^17.7.2",
     "zod": "^3.22.4"
   },
@@ -62,22 +60,23 @@
     "h3": "^1.14.0",
     "ipx": "^3.0.1",
     "prettier": "3.4.2",
+    "react": "18.3.0-canary-14898b6a9-20240318",
     "react-dom": "18.3.0-canary-14898b6a9-20240318",
     "react-router": "^7.1.3",
     "ts-expect": "^1.3.0",
-    "vike": "^0.4.218",
+    "vike": "^0.4.219",
     "vite": "^5.4.11",
     "vitest": "^3.0.2",
     "wrangler": "^3.63.2",
-    "@webstudio-is/http-client": "0.0.0-4f7bf18",
-    "@webstudio-is/image": "0.0.0-4f7bf18",
-    "@webstudio-is/react-sdk": "0.0.0-4f7bf18",
-    "@webstudio-is/sdk": "0.0.0-4f7bf18",
-    "@webstudio-is/sdk-components-animation": "0.0.0-4f7bf18",
-    "@webstudio-is/sdk-components-react": "0.0.0-4f7bf18",
-    "@webstudio-is/sdk-components-react-radix": "0.0.0-4f7bf18",
-    "@webstudio-is/sdk-components-react-remix": "0.0.0-4f7bf18",
-    "@webstudio-is/sdk-components-react-router": "0.0.0-4f7bf18",
+    "@webstudio-is/http-client": "0.0.0-588fe22",
+    "@webstudio-is/react-sdk": "0.0.0-588fe22",
+    "@webstudio-is/sdk": "0.0.0-588fe22",
+    "@webstudio-is/image": "0.0.0-588fe22",
+    "@webstudio-is/sdk-components-animation": "0.0.0-588fe22",
+    "@webstudio-is/sdk-components-react": "0.0.0-588fe22",
+    "@webstudio-is/sdk-components-react-radix": "0.0.0-588fe22",
+    "@webstudio-is/sdk-components-react-remix": "0.0.0-588fe22",
+    "@webstudio-is/sdk-components-react-router": "0.0.0-588fe22",
     "@webstudio-is/tsconfig": "1.0.7"
   },
   "scripts": {

package/templates/defaults/package.json

@@ -11,14 +11,14 @@
     "@remix-run/node": "2.15.2",
     "@remix-run/react": "2.15.2",
     "@remix-run/server-runtime": "2.15.2",
-    "@webstudio-is/image": "0.0.0-4f7bf18",
-    "@webstudio-is/react-sdk": "0.0.0-4f7bf18",
-    "@webstudio-is/sdk": "0.0.0-4f7bf18",
-    "@webstudio-is/sdk-components-react": "0.0.0-4f7bf18",
-    "@webstudio-is/sdk-components-animation": "0.0.0-4f7bf18",
-    "@webstudio-is/sdk-components-react-radix": "0.0.0-4f7bf18",
-    "@webstudio-is/sdk-components-react-remix": "0.0.0-4f7bf18",
-    "isbot": "^5.1.19",
+    "@webstudio-is/image": "0.0.0-588fe22",
+    "@webstudio-is/react-sdk": "0.0.0-588fe22",
+    "@webstudio-is/sdk": "0.0.0-588fe22",
+    "@webstudio-is/sdk-components-react": "0.0.0-588fe22",
+    "@webstudio-is/sdk-components-animation": "0.0.0-588fe22",
+    "@webstudio-is/sdk-components-react-radix": "0.0.0-588fe22",
+    "@webstudio-is/sdk-components-react-remix": "0.0.0-588fe22",
+    "isbot": "^5.1.21",
     "react": "18.3.0-canary-14898b6a9-20240318",
     "react-dom": "18.3.0-canary-14898b6a9-20240318"
   },

package/templates/react-router-docker/Dockerfile

@@ -1,22 +1,17 @@
-FROM node:22-alpine AS development-dependencies-env
-COPY . /app
-WORKDIR /app
-RUN npm install
-
-FROM node:22-alpine AS production-dependencies-env
-COPY .npmrc ./package.json /app/
+FROM node:22-alpine AS dependencies-env
+COPY .npmrc package.json /app/
 WORKDIR /app
 RUN npm install --omit=dev
 
-FROM node:22-alpine AS build-env
+FROM dependencies-env AS build-env
 COPY . /app/
-COPY --from=development-dependencies-env /app/node_modules /app/node_modules
 WORKDIR /app
+RUN npm install
 RUN npm run build
 
 FROM node:22-alpine
-COPY .npmrc ./package.json /app/
-COPY --from=production-dependencies-env /app/node_modules /app/node_modules
+COPY .npmrc package.json /app/
+COPY --from=dependencies-env /app/node_modules /app/node_modules
 COPY --from=build-env /app/build /app/build
 COPY --from=build-env /app/public /app/public
 WORKDIR /app

package/templates/react-router-docker/package.json

@@ -13,16 +13,16 @@
     "@react-router/fs-routes": "^7.1.3",
     "@react-router/node": "^7.1.3",
     "@react-router/serve": "^7.1.3",
-    "@webstudio-is/image": "0.0.0-4f7bf18",
-    "@webstudio-is/react-sdk": "0.0.0-4f7bf18",
-    "@webstudio-is/sdk": "0.0.0-4f7bf18",
-    "@webstudio-is/sdk-components-animation": "0.0.0-4f7bf18",
-    "@webstudio-is/sdk-components-react-radix": "0.0.0-4f7bf18",
-    "@webstudio-is/sdk-components-react-router": "0.0.0-4f7bf18",
-    "@webstudio-is/sdk-components-react": "0.0.0-4f7bf18",
+    "@webstudio-is/image": "0.0.0-588fe22",
+    "@webstudio-is/react-sdk": "0.0.0-588fe22",
+    "@webstudio-is/sdk": "0.0.0-588fe22",
+    "@webstudio-is/sdk-components-animation": "0.0.0-588fe22",
+    "@webstudio-is/sdk-components-react-radix": "0.0.0-588fe22",
+    "@webstudio-is/sdk-components-react-router": "0.0.0-588fe22",
+    "@webstudio-is/sdk-components-react": "0.0.0-588fe22",
     "h3": "^1.14.0",
     "ipx": "^3.0.1",
-    "isbot": "^5.1.19",
+    "isbot": "^5.1.21",
     "react": "18.3.0-canary-14898b6a9-20240318",
     "react-dom": "18.3.0-canary-14898b6a9-20240318",
     "react-router": "^7.1.3",

package/templates/ssg/package.json

@@ -8,15 +8,15 @@
     "typecheck": "tsc"
   },
   "dependencies": {
-    "@webstudio-is/image": "0.0.0-4f7bf18",
-    "@webstudio-is/react-sdk": "0.0.0-4f7bf18",
-    "@webstudio-is/sdk": "0.0.0-4f7bf18",
-    "@webstudio-is/sdk-components-react": "0.0.0-4f7bf18",
-    "@webstudio-is/sdk-components-animation": "0.0.0-4f7bf18",
-    "@webstudio-is/sdk-components-react-radix": "0.0.0-4f7bf18",
+    "@webstudio-is/image": "0.0.0-588fe22",
+    "@webstudio-is/react-sdk": "0.0.0-588fe22",
+    "@webstudio-is/sdk": "0.0.0-588fe22",
+    "@webstudio-is/sdk-components-react": "0.0.0-588fe22",
+    "@webstudio-is/sdk-components-animation": "0.0.0-588fe22",
+    "@webstudio-is/sdk-components-react-radix": "0.0.0-588fe22",
     "react": "18.3.0-canary-14898b6a9-20240318",
     "react-dom": "18.3.0-canary-14898b6a9-20240318",
-    "vike": "^0.4.218"
+    "vike": "^0.4.219"
   },
   "devDependencies": {
     "@types/react": "^18.2.70",