@coraltravelcenter/b2c-landing-builder 2.11.0 → 2.12.0

package/README.md

@@ -30,7 +30,8 @@ b2c-landing-vite update
 ```
 
 - `check` проверяет конфигурацию, `order.json` и контракт JS-блоков.
-- `dev` запускает Vite и userscript для Tampermonkey.
+- `dev` запускает Vite и отдельный userscript с названием проекта для
+  Tampermonkey.
 - `build` создаёт CMS-файлы в `@CMS/` и переписывает пути ассетов на CDN.
 - `deploy` собирает проект, проверяет ассеты на CDN и разворачивает CMS-виджеты.
 - `deploy --section <key>` разворачивает только выбранную CMS-секцию, не изменяя
@@ -144,6 +145,15 @@ Monkey URL, контейнер и CDN prefix не задаются вручну
 - контейнер: `#monkey-app`;
 - CDN prefix: `landing-pages/<project.name>`.
 
+Dev-сервер начинает с `127.0.0.1:5173` и автоматически выбирает следующий
+свободный порт, поэтому несколько проектов можно запускать одновременно. Если
+задан `B2C_PORT`, порт считается обязательным и занятое значение завершает
+команду ошибкой.
+
+Userscript ограничен доменом выбранного бренда и дополнительно проверяет hostname
+перед монтированием. Namespace также содержит бренд, поэтому Coral и Sunmar не
+конфликтуют даже при одинаковом названии проекта.
+
 Для Coral и Sunmar настроены отдельные production CDN. Команда `build`
 автоматически выбирает CDN по `site.preset`.
 
@@ -219,7 +229,8 @@ build; дополнительные контейнеры builder не созда
 }
 ```
 
-В dev пути направляются на `http://127.0.0.1:5173`. При production build они
+В dev пути направляются на фактический origin текущего Vite-сервера. При
+production build они
 преобразуются в `<assetsBase>/landing-pages/<folder>/...`. Builder
 переписывает только изображения `jpg`, `jpeg`, `png`, `webp`, `avif`, `gif` и
 `svg`; остальные root-relative ресурсы не изменяются.

package/npm-shrinkwrap.json

@@ -1,12 +1,12 @@
 {
   "name": "@coraltravelcenter/b2c-landing-builder",
-  "version": "2.11.0",
+  "version": "2.12.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@coraltravelcenter/b2c-landing-builder",
-      "version": "2.11.0",
+      "version": "2.12.0",
       "license": "MIT",
       "dependencies": {
         "@babel/parser": "7.28.6",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coraltravelcenter/b2c-landing-builder",
-  "version": "2.11.0",
+  "version": "2.12.0",
   "description": "CLI and build toolkit for B2C landing projects",
   "type": "module",
   "bin": {

package/src/vite/client.js

@@ -30,6 +30,9 @@ function waitForContainer() {
   });
 }
 
-const container = await waitForContainer();
-mount(container, parts);
-setupLocalCdnAssetRewrite({root: container, cdnBase: "http://127.0.0.1:5173"});
+if (window.location.hostname === __B2C_TARGET_HOST__) {
+  const container = await waitForContainer();
+  mount(container, parts);
+  const devOrigin = new URL("/", import.meta.url).origin;
+  setupLocalCdnAssetRewrite({root: container, cdnBase: devOrigin});
+}

package/src/vite/config.mjs

@@ -18,6 +18,18 @@ export function toViteFsUrl(filePath) {
 const clientEntryUrl = toViteFsUrl(clientEntry);
 let monkeyPlugin;
 
+export function resolveDevServerPort(env = process.env) {
+  const explicitPort = env.B2C_PORT;
+  if (explicitPort === undefined || explicitPort === "") {
+    return {port: 5173, strictPort: false};
+  }
+  const port = Number(explicitPort);
+  if (!Number.isInteger(port) || port < 1 || port > 65535) {
+    throw new Error("B2C_PORT must be an integer between 1 and 65535");
+  }
+  return {port, strictPort: true};
+}
+
 async function loadMonkeyPlugin() {
   if (monkeyPlugin) return monkeyPlugin;
 
@@ -36,6 +48,7 @@ export async function createViteConfig(root = process.cwd()) {
   const preset = resolvePreset(config.site.preset);
   const monkey = await loadMonkeyPlugin();
   const shouldOpen = process.env.B2C_NO_OPEN !== "1";
+  const devPort = resolveDevServerPort();
   const vue = resolveScriptStack(config.stack.script).vue
     ? await loadProjectVuePlugin(root)
     : null;
@@ -45,8 +58,7 @@ export async function createViteConfig(root = process.cwd()) {
     configFile: false,
     server: {
       host: "127.0.0.1",
-      port: Number(process.env.B2C_PORT || 5173),
-      strictPort: true,
+      ...devPort,
       cors: true,
       open: shouldOpen ? "/__vite-plugin-monkey.install.user.js" : false,
       fs: {allow: [root, builderRoot]},
@@ -59,13 +71,16 @@ export async function createViteConfig(root = process.cwd()) {
         server: {open: shouldOpen, prefix: false},
         userscript: {
           name: config.project.name,
-          namespace: "b2c-landing-builder",
+          namespace: `b2c-landing-builder:${preset.id}`,
           match: [`https://${preset.domain}/monkey/*`],
           grant: "none",
           "run-at": "document-idle",
         },
       }),
     ].filter(Boolean),
+    define: {
+      __B2C_TARGET_HOST__: JSON.stringify(preset.domain),
+    },
   };
 }