@escapenavigator/utils 1.10.143 → 1.10.145

package/dist/quill-clipboard-matchers.d.ts

@@ -22,6 +22,23 @@
  */
 import Delta from 'quill-delta';
 export type ClipboardMatcher = [number | string, (node: Node, delta: Delta) => Delta];
+/**
+ * Убирает неразрывные пробелы из Quill-HTML: и литеральные сущности
+ * (` `/` `/` `), и сам символ U+00A0.
+ *
+ * ВАЖНО: не вешать на `onChange` контролируемого ReactQuill. Редактор
+ * сравнивает `value`-проп со своей внутренней сериализацией (она хранит
+ * ` `); если на каждый change подсовывать очищенное значение, оно
+ * никогда не совпадёт — ReactQuill бесконечно вызывает `setEditorContents`
+ * → `onChange` → `setState` и страница виснет («Maximum update depth»).
+ *
+ * Правильные места: (1) нормализация при ЗАГРУЗКЕ/сохранении (см.
+ * `normalizeIfTags`, `sanitizeQuillHtml`), (2) clipboard-matcher на вставку
+ * (`normalizeWhitespaceInDelta` ниже), (3) рендер письма (`transformText`).
+ * nbsp вреден тем, что запрещает перенос строки (абзацы рвутся посреди
+ * слова) и ломает разбор `{{#if X}}` (нужен обычный пробел после `#if`).
+ */
+export declare function stripNonBreakingSpaces(html?: string | null): string;
 /**
  * Полный набор matcher-ов: и color-strip, и nbsp-normalize. Подключается там,
  * где редактор не должен принимать цветную раскраску из буфера (waiver, AGB,

package/dist/quill-clipboard-matchers.js

@@ -26,9 +26,31 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.stripColorQuillModules = void 0;
+exports.stripNonBreakingSpaces = stripNonBreakingSpaces;
 exports.getStripColorClipboardMatchers = getStripColorClipboardMatchers;
 exports.getNormalizeWhitespaceClipboardMatchers = getNormalizeWhitespaceClipboardMatchers;
 const quill_delta_1 = __importDefault(require("quill-delta"));
+/**
+ * Убирает неразрывные пробелы из Quill-HTML: и литеральные сущности
+ * (` `/` `/` `), и сам символ U+00A0.
+ *
+ * ВАЖНО: не вешать на `onChange` контролируемого ReactQuill. Редактор
+ * сравнивает `value`-проп со своей внутренней сериализацией (она хранит
+ * ` `); если на каждый change подсовывать очищенное значение, оно
+ * никогда не совпадёт — ReactQuill бесконечно вызывает `setEditorContents`
+ * → `onChange` → `setState` и страница виснет («Maximum update depth»).
+ *
+ * Правильные места: (1) нормализация при ЗАГРУЗКЕ/сохранении (см.
+ * `normalizeIfTags`, `sanitizeQuillHtml`), (2) clipboard-matcher на вставку
+ * (`normalizeWhitespaceInDelta` ниже), (3) рендер письма (`transformText`).
+ * nbsp вреден тем, что запрещает перенос строки (абзацы рвутся посреди
+ * слова) и ломает разбор `{{#if X}}` (нужен обычный пробел после `#if`).
+ */
+function stripNonBreakingSpaces(html) {
+    if (!html)
+        return html ?? '';
+    return html.replace(/ | | |\u00A0/gi, ' ');
+}
 const stripColorFromDelta = (_node, delta) => delta.compose(new quill_delta_1.default().retain(delta.length(), {
     color: false,
     background: false,

package/dist/transform-text.js

@@ -25,6 +25,18 @@ const BOOKING_BUTTON_STYLE = `
     .trim();
 const transformText = (text, obj) => {
     let res = text || '';
+    // Quill-сохранённый HTML (особенно вставленный из Word/Docs или старого
+    // редактора) приходит с неразрывными пробелами (` `/U+00A0) между
+    // словами. Они ломают два места ниже:
+    //   1) разбор `{{#if X}}`-блоков — regex ждёт обычный `\s` после `#if`,
+    //      а в тексте стоит литеральная сущность ` ` (`{{#if X}}`),
+    //      из-за чего блок не матчится и теги печатаются в письмо как есть;
+    //   2) перенос строки — nbsp браузер/почтовый клиент не считают точкой
+    //      переноса, поэтому длинные абзацы не переносятся и вылезают за
+    //      контейнер (рвутся посреди слова).
+    // Нормализуем в обычный пробел — тот же контракт, что у `sanitizeQuillHtml`
+    // на фронте и у clipboard-matcher'ов редактора.
+    res = res.replace(/ | | |\u00A0/gi, ' ');
     const bookingButtonRegex = /\{\{#manageBooking\}\}([\s\S]*?)\{\{\/manageBooking\}\}/g;
     res = res.replace(bookingButtonRegex, (_match, buttonText) => {
         const link = obj.bookingManagementLink;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@escapenavigator/utils",
-  "version": "1.10.143",
+  "version": "1.10.145",
   "publishConfig": {
     "access": "public"
   },
@@ -14,7 +14,7 @@
     "test": "jest"
   },
   "dependencies": {
-    "@escapenavigator/types": "^1.10.139",
+    "@escapenavigator/types": "^1.10.141",
     "axios": "^0.21.4",
     "class-transformer": "^0.5.1",
     "class-validator": "^0.13.2",
@@ -28,5 +28,5 @@
     "ts-jest": "^29.1.1",
     "typescript": "^5.6"
   },
-  "gitHead": "c1bf866b6192e757b79dad2334450054429f9be4"
+  "gitHead": "059625444023e0ba8978903b33ac18e9503f2f9d"
 }

package/dist/profile-logo-url.d.ts

@@ -1,8 +0,0 @@
-/**
- * Email clients (Gmail и др.) плохо переваривают WebP — PNG лежит рядом
- * с тем же basename. В БД храним только WebP URL; при отправке письма
- * подменяем расширение.
- */
-export declare function profileLogoUrlForEmail(logoUrl: string | null | undefined): string;
-/** TipTap/Maily doc: image-ноды с profile logo WebP → PNG перед send-render. */
-export declare function replaceProfileLogoUrlsInDoc<T>(doc: T): T;

package/dist/profile-logo-url.js

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.profileLogoUrlForEmail = profileLogoUrlForEmail;
-exports.replaceProfileLogoUrlsInDoc = replaceProfileLogoUrlsInDoc;
-const PROFILE_LOGO_PATH = 'profile_logos/';
-/**
- * Email clients (Gmail и др.) плохо переваривают WebP — PNG лежит рядом
- * с тем же basename. В БД храним только WebP URL; при отправке письма
- * подменяем расширение.
- */
-function profileLogoUrlForEmail(logoUrl) {
-    if (!logoUrl)
-        return logoUrl ?? '';
-    if (!logoUrl.includes(PROFILE_LOGO_PATH) || !/\.webp(\?.*)?$/i.test(logoUrl)) {
-        return logoUrl;
-    }
-    return logoUrl.replace(/\.webp(\?.*)?$/i, '.png$1');
-}
-/** TipTap/Maily doc: image-ноды с profile logo WebP → PNG перед send-render. */
-function replaceProfileLogoUrlsInDoc(doc) {
-    if (!doc || typeof doc !== 'object')
-        return doc;
-    if (Array.isArray(doc)) {
-        return doc.map((item) => replaceProfileLogoUrlsInDoc(item));
-    }
-    const node = { ...doc };
-    if (node.type === 'image' && node.attrs && typeof node.attrs === 'object') {
-        const attrs = { ...node.attrs };
-        if (typeof attrs.src === 'string') {
-            attrs.src = profileLogoUrlForEmail(attrs.src);
-        }
-        node.attrs = attrs;
-    }
-    if (Array.isArray(node.content)) {
-        node.content = node.content.map((child) => replaceProfileLogoUrlsInDoc(child));
-    }
-    return node;
-}

package/dist/profile-logo-url.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/profile-logo-url.test.js

@@ -1,34 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const profile_logo_url_1 = require("./profile-logo-url");
-describe('profileLogoUrlForEmail', () => {
-    it('replaces webp with png for profile logos', () => {
-        const url = 'https://escapenavigator-images.s3.eu-central-1.amazonaws.com/dev/profile_logos/123-imgABC.webp';
-        expect((0, profile_logo_url_1.profileLogoUrlForEmail)(url)).toBe('https://escapenavigator-images.s3.eu-central-1.amazonaws.com/dev/profile_logos/123-imgABC.png');
-    });
-    it('preserves query string', () => {
-        const url = 'https://cdn.example.com/profile_logos/x.webp?v=1';
-        expect((0, profile_logo_url_1.profileLogoUrlForEmail)(url)).toBe('https://cdn.example.com/profile_logos/x.png?v=1');
-    });
-    it('leaves non-profile and non-webp URLs unchanged', () => {
-        expect((0, profile_logo_url_1.profileLogoUrlForEmail)('https://cdn.example.com/inside/logo.png')).toBe('https://cdn.example.com/inside/logo.png');
-        expect((0, profile_logo_url_1.profileLogoUrlForEmail)(null)).toBe('');
-    });
-});
-describe('replaceProfileLogoUrlsInDoc', () => {
-    it('walks nested image nodes', () => {
-        const doc = {
-            type: 'doc',
-            content: [
-                {
-                    type: 'image',
-                    attrs: {
-                        src: 'https://cdn.example.com/profile_logos/a.webp',
-                    },
-                },
-            ],
-        };
-        const result = (0, profile_logo_url_1.replaceProfileLogoUrlsInDoc)(doc);
-        expect(result.content[0].attrs.src).toBe('https://cdn.example.com/profile_logos/a.png');
-    });
-});