@coraltravelcenter/b2c-landing-builder 2.11.0 → 2.12.1

package/README.md

@@ -30,9 +30,11 @@ b2c-landing-vite update
 ```
 
 - `check` проверяет конфигурацию, `order.json` и контракт JS-блоков.
-- `dev` запускает Vite и userscript для Tampermonkey.
+- `dev` запускает Vite и отдельный userscript с названием проекта для
+  Tampermonkey.
 - `build` создаёт CMS-файлы в `@CMS/` и переписывает пути ассетов на CDN.
-- `deploy` собирает проект, проверяет ассеты на CDN и разворачивает CMS-виджеты.
+- `deploy` собирает проект, синхронизирует ассеты с CDN и после успешной
+  синхронизации разворачивает CMS-виджеты.
 - `deploy --section <key>` разворачивает только выбранную CMS-секцию, не изменяя
   и не удаляя соседние секции.
 - `deploy assets` собирает проект и синхронизирует ассеты с B2C CDN.
@@ -144,6 +146,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 +230,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 ресурсы не изменяются.
@@ -244,9 +256,11 @@ Deploy-state обновляется атомарно только после у
 В итоговом блоке команда также выводит корневой URL `CDN folder`, например
 `https://b2ccdn.coral.ru/content/landing-pages/uae-promo/`.
 
-Обычный `deploy` не загружает ассеты. Он проверяет наличие всех файлов build
-manifest на CDN и останавливается до изменения CMS, если сначала требуется
-выполнить `deploy assets`.
+Обычный `deploy` выполняет этот же план синхронизации ассетов перед изменением
+CMS. Если нужны новые файлы, он запрашивает подтверждение загрузки и продолжает
+CMS-deploy только после её успешного завершения. При отказе CMS не изменяется.
+Отдельная команда `deploy assets` полезна, когда нужно загрузить файлы заранее,
+не меняя CMS.
 
 Перед изменением CMS команда показывает план добавления, обновления, удаления и
 перестановки управляемых виджетов. Подтверждение и последующее предложение

package/npm-shrinkwrap.json

@@ -1,12 +1,12 @@
 {
   "name": "@coraltravelcenter/b2c-landing-builder",
-  "version": "2.11.0",
+  "version": "2.12.1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@coraltravelcenter/b2c-landing-builder",
-      "version": "2.11.0",
+      "version": "2.12.1",
       "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.1",
   "description": "CLI and build toolkit for B2C landing projects",
   "type": "module",
   "bin": {

package/src/cli/index.mjs

@@ -100,14 +100,24 @@ export async function runCli(args) {
           },
         });
       }
-      await runCli(["build"]);
       const {getBackofficeToken} = await import("../deploy/auth.mjs");
       const token = await getBackofficeToken({brand: preset.id});
+      const {BackofficeClient} = await import("../deploy/backoffice-client.mjs");
+      const client = new BackofficeClient({brand: preset.id, token});
+      const {deployAssetsCommand} = await import("../deploy/assets-command.mjs");
+      const assets = await deployAssetsCommand({
+        config,
+        project,
+        preset,
+        build: () => runCli(["build"]),
+        client,
+      });
+      if (assets.cancelled) return assets;
       const {deployProject} = await import("../deploy/deploy.mjs");
       return deployProject({
         config,
         preset,
-        token,
+        client,
         section: sectionOnly ? rest[1] : null,
       });
     });

package/src/deploy/assets.mjs

@@ -36,16 +36,24 @@ export async function planAssetChanges({manifest, state, listFiles, remoteRoot =
   };
   const upload = [];
   const skip = [];
-  await Promise.all(pending.map(async (asset) => {
+  let unchanged = 0;
+  const pendingPaths = new Set(pending.map((asset) => asset.path));
+  await Promise.all(manifest.assets.map(async (asset) => {
     const remotePath = path.posix.join("/", remoteRoot, manifest.assetsPrefix, asset.path);
     const names = await namesInDirectory(path.posix.dirname(remotePath));
-    (names.has(path.posix.basename(remotePath)) ? skip : upload).push(asset);
+    const exists = names.has(path.posix.basename(remotePath));
+    if (!pendingPaths.has(asset.path)) {
+      if (exists) unchanged += 1;
+      else upload.push(asset);
+      return;
+    }
+    (exists ? skip : upload).push(asset);
   }));
   const byPath = (left, right) => left.path.localeCompare(right.path);
   return {
     upload: upload.sort(byPath),
     skip: skip.sort(byPath),
-    unchanged: manifest.assets.length - pending.length,
+    unchanged,
     remove: prune ? obsoleteAssets(manifest, state) : [],
   };
 }

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),
+    },
   };
 }