@olddevs/ui 0.0.0-stage → 4.0.1

package/dist/editor/features/code/highlight.js

@@ -0,0 +1,51 @@
+import { normalizeCodeLanguage } from "./codeLanguages.js";
+import { highlightCode } from "./lowlight.js";
+const CODE_BLOCK = /<pre><code class="language-([\w+#-]+)">([^<]*)<\/code><\/pre>/g;
+const NAMED = {
+    amp: "&",
+    lt: "<",
+    gt: ">",
+    quot: '"',
+    apos: "'",
+    nbsp: " ",
+};
+function decode(html) {
+    let unknown = false;
+    const text = html.replace(/&(#x[\da-f]+|#\d+|[a-z][a-z\d]*);/gi, (entity, body) => {
+        if (body[0] === "#") {
+            const code = body[1] === "x" || body[1] === "X" ? parseInt(body.slice(2), 16) : Number(body.slice(1));
+            return code > 0 && code <= 0x10ffff ? String.fromCodePoint(code) : entity;
+        }
+        const named = NAMED[body];
+        if (named === undefined)
+            unknown = true;
+        return named ?? entity;
+    });
+    return unknown ? null : text;
+}
+const escapeText = (text) => text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+const escapeAttribute = (value) => value.replace(/&/g, "&amp;").replace(/"/g, "&quot;");
+function serialize(nodes) {
+    return nodes
+        .map((node) => {
+        if (node.type === "text")
+            return escapeText(node.value);
+        if (node.type !== "element")
+            return "";
+        const className = node.properties.className;
+        const classes = Array.isArray(className) ? className.join(" ") : "";
+        return `<span class="${escapeAttribute(classes)}">${serialize(node.children)}</span>`;
+    })
+        .join("");
+}
+export function highlightCodeBlocks(html) {
+    return html.replace(CODE_BLOCK, (block, name, escaped) => {
+        const language = normalizeCodeLanguage(name);
+        const code = language ? decode(escaped) : null;
+        if (!language || code === null || code === "")
+            return block;
+        const tokens = serialize(highlightCode(language, code).children);
+        return `<pre><code class="language-${language}">${tokens}</code></pre>`;
+    });
+}
+//# sourceMappingURL=highlight.js.map

package/dist/editor/features/code/highlight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"highlight.js","sourceRoot":"","sources":["../../../../src/editor/features/code/highlight.ts"],"names":[],"mappings":"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"}

package/dist/editor/features/code/highlightNodes.d.ts

@@ -0,0 +1,31 @@
+import { type ReactNode } from "react";
+/**
+ * Подсветить код для `CodeView` (ADR-0052) — той же грамматикой и
+ * той же темой, что блок кода Редактора и `RichTextView`.
+ *
+ * ```tsx
+ * <CodeView code={source} title="main.py" copyable>
+ *   {highlightCodeNodes(source, "python")}
+ * </CodeView>
+ * ```
+ *
+ * УЗЛЫ, А НЕ СТРОКА HTML. Код у `CodeView` обычно недоверенный — ответ API,
+ * тело вебхука, — и строка вела бы потребителя к `dangerouslySetInnerHTML`.
+ * Здесь текст кода становится текстовым узлом React и экранируется им же.
+ *
+ * Язык — по правилам Редактора (`codeLanguages.ts`): регистр, пробелы и
+ * псевдонимы не важны. Неизвестный язык и пустой код дают `null`, а не код
+ * строкой: тогда `children` у `CodeView` пуст, и он рисует код как есть — с
+ * нумерацией строк, которой при разметке нет.
+ *
+ * КОРЕНЬ С МАРКЕРОМ И ТЕМОЙ. Токены завёрнуты в один `span` с атрибутом
+ * `data-code-highlight` и классами темы (`codeTheme.ts`). Тема стоит на корне,
+ * а не на `CodeView`: разметку чужого подсветчика — даже с теми же классами
+ * `hljs-…` — она не перекрашивает. Маркер читает `CodeView`, чтобы взять фон
+ * темы подсветки: цвета GitHub не держат контраста на подложке кода кита.
+ *
+ * Хуков и `"use client"` нет: хелпер зовут и в серверном компоненте, и в
+ * клиентском.
+ */
+export declare function highlightCodeNodes(code: string, language: string): ReactNode;
+//# sourceMappingURL=highlightNodes.d.ts.map

package/dist/editor/features/code/highlightNodes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"highlightNodes.d.ts","sourceRoot":"","sources":["../../../../src/editor/features/code/highlightNodes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAyBtD;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,SAAS,CAW5E"}

package/dist/editor/features/code/highlightNodes.js

@@ -0,0 +1,25 @@
+import { createElement } from "react";
+import { normalizeCodeLanguage } from "./codeLanguages.js";
+import { CODE_THEME_CLASS } from "../../styles/codeTheme.js";
+import { highlightCode } from "./lowlight.js";
+function toNodes(nodes) {
+    return nodes.map((node) => {
+        if (node.type === "text")
+            return node.value;
+        if (node.type !== "element")
+            return null;
+        const className = node.properties.className;
+        const classes = Array.isArray(className) ? className.join(" ") : undefined;
+        return createElement("span", { className: classes }, ...toNodes(node.children));
+    });
+}
+export function highlightCodeNodes(code, language) {
+    const id = normalizeCodeLanguage(language);
+    if (!id || code === "")
+        return null;
+    return createElement("span", {
+        "data-code-highlight": "",
+        className: `${CODE_THEME_CLASS.trim()} text-(--rte-code-block-foreground)`,
+    }, ...toNodes(highlightCode(id, code).children));
+}
+//# sourceMappingURL=highlightNodes.js.map

package/dist/editor/features/code/highlightNodes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"highlightNodes.js","sourceRoot":"","sources":["../../../../src/editor/features/code/highlightNodes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAkB,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAsB,MAAM,eAAe,CAAC;AAYlE,SAAS,OAAO,CAAC,KAA+B;IAC9C,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QACxB,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM;YAAE,OAAO,IAAI,CAAC,KAAK,CAAC;QAC5C,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS;YAAE,OAAO,IAAI,CAAC;QACzC,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC;QAC5C,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAC3E,OAAO,aAAa,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;IAClF,CAAC,CAAC,CAAC;AACL,CAAC;AA8BD,MAAM,UAAU,kBAAkB,CAAC,IAAY,EAAE,QAAgB;IAC/D,MAAM,EAAE,GAAG,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IAC3C,IAAI,CAAC,EAAE,IAAI,IAAI,KAAK,EAAE;QAAE,OAAO,IAAI,CAAC;IACpC,OAAO,aAAa,CAClB,MAAM,EACN;QACE,qBAAqB,EAAE,EAAE;QACzB,SAAS,EAAE,GAAG,gBAAgB,CAAC,IAAI,EAAE,qCAAqC;KAC3E,EACD,GAAG,OAAO,CAAC,aAAa,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC,QAAQ,CAAC,CAC7C,CAAC;AACJ,CAAC"}

package/dist/editor/features/code/lowlight.d.ts

@@ -0,0 +1,20 @@
+import { type CodeLanguageId } from "./codeLanguages.js";
+export declare const codeLowlight: {
+    highlight: (language: string, value: string, options?: Readonly<import("lowlight").Options> | null | undefined) => import("hast").Root;
+    highlightAuto: (value: string, options?: Readonly<import("lowlight").AutoOptions> | null | undefined) => import("hast").Root;
+    listLanguages: () => Array<string>;
+    register: {
+        (grammars: Readonly<Record<string, import("highlight.js").LanguageFn>>): undefined;
+        (name: string, grammar: import("highlight.js").LanguageFn): undefined;
+    };
+    registerAlias: {
+        (aliases: Readonly<Record<string, ReadonlyArray<string> | string>>): undefined;
+        (language: string, alias: ReadonlyArray<string> | string): undefined;
+    };
+    registered: (aliasOrName: string) => boolean;
+};
+/** Дерево токенов lowlight (hast): корень, `span` с `className` и текст. */
+export type HighlightTree = ReturnType<typeof codeLowlight.highlight>;
+/** Токены кода на языке Документа. Язык обязан быть из `CODE_LANGUAGES`. */
+export declare function highlightCode(language: CodeLanguageId, code: string): HighlightTree;
+//# sourceMappingURL=lowlight.d.ts.map

package/dist/editor/features/code/lowlight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lowlight.d.ts","sourceRoot":"","sources":["../../../../src/editor/features/code/lowlight.ts"],"names":[],"mappings":"AASA,OAAO,EAA4C,KAAK,cAAc,EAAE,MAAM,oBAAoB,CAAC;AA0BnG,eAAO,MAAM,YAAY;wDA9BoC,CAAC;0CAEvB,CAAC;;;;;;;;;;;CA4BY,CAAC;AAErD,4EAA4E;AAC5E,MAAM,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,SAAS,CAAC,CAAC;AAEtE,4EAA4E;AAC5E,wBAAgB,aAAa,CAAC,QAAQ,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,GAAG,aAAa,CAGnF"}

package/dist/editor/features/code/lowlight.js

@@ -0,0 +1,26 @@
+import go from "highlight.js/lib/languages/go";
+import javascript from "highlight.js/lib/languages/javascript";
+import json from "highlight.js/lib/languages/json";
+import markdown from "highlight.js/lib/languages/markdown";
+import python from "highlight.js/lib/languages/python";
+import typescript from "highlight.js/lib/languages/typescript";
+import xml from "highlight.js/lib/languages/xml";
+import yaml from "highlight.js/lib/languages/yaml";
+import { createLowlight } from "lowlight";
+import { CODE_LANGUAGES } from "./codeLanguages.js";
+const GRAMMARS = {
+    go,
+    javascript,
+    json,
+    markdown,
+    python,
+    typescript,
+    xml,
+    yaml,
+};
+export const codeLowlight = createLowlight(GRAMMARS);
+export function highlightCode(language, code) {
+    const { grammar } = CODE_LANGUAGES.find(({ id }) => id === language);
+    return codeLowlight.highlight(grammar, code);
+}
+//# sourceMappingURL=lowlight.js.map

package/dist/editor/features/code/lowlight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lowlight.js","sourceRoot":"","sources":["../../../../src/editor/features/code/lowlight.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,+BAA+B,CAAC;AAC/C,OAAO,UAAU,MAAM,uCAAuC,CAAC;AAC/D,OAAO,IAAI,MAAM,iCAAiC,CAAC;AACnD,OAAO,QAAQ,MAAM,qCAAqC,CAAC;AAC3D,OAAO,MAAM,MAAM,mCAAmC,CAAC;AACvD,OAAO,UAAU,MAAM,uCAAuC,CAAC;AAC/D,OAAO,GAAG,MAAM,gCAAgC,CAAC;AACjD,OAAO,IAAI,MAAM,iCAAiC,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAiD,MAAM,oBAAoB,CAAC;AAenG,MAAM,QAAQ,GAA+C;IAC3D,EAAE;IACF,UAAU;IACV,IAAI;IACJ,QAAQ;IACR,MAAM;IACN,UAAU;IACV,GAAG;IACH,IAAI;CACL,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;AAMrD,MAAM,UAAU,aAAa,CAAC,QAAwB,EAAE,IAAY;IAClE,MAAM,EAAE,OAAO,EAAE,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,QAAQ,CAAE,CAAC;IACtE,OAAO,YAAY,CAAC,SAAS,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;AAC/C,CAAC"}

package/dist/editor/features/color/CustomColorPopover.d.ts

@@ -0,0 +1,40 @@
+import { type Editor } from "@tiptap/react";
+import { type CustomColorKind } from "./customColor.js";
+export interface CustomColorPopoverProps {
+    editor: Editor;
+    /** Какой цвет выбирается: текст или маркер. */
+    kind: CustomColorKind;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+}
+/**
+ * Поповер произвольного цвета: `ColorPicker` кита, предупреждение о контрасте и
+ * «Применить» / «Отмена».
+ *
+ * ОТДЕЛЬНЫМ МОДУЛЕМ, И `RichTextEditor` ГРУЗИТ ЕГО ЛЕНИВО. `ColorPicker` тянет
+ * цветовую подсистему `react-aria-components` — 61 кБ gzip (ADR-0038), столько
+ * же, сколько весь остальной кит. Большинство редакторов эту возможность не
+ * откроют ни разу, и платить за неё каждому — значит поднять вход
+ * `@olddevs/ui/editor` вдвое ради пункта меню. Поэтому статический импорт
+ * только здесь, а редактор берёт модуль через `React.lazy` при первом «Свой
+ * цвет…».
+ *
+ * ПОПОВЕР ТОЛЬКО У РЕДАКТОРА, НЕ У МЕНЮ. Меню закрывается по выбору пункта, а
+ * плавающая Панель прячется, когда фокус уходит в поповер, — вместе с меню и
+ * поповером, который в нём жил бы. Якорь — выделение, как у ссылки
+ * (`LinkPopover`): так он стоит у текста при любом способе открыть.
+ *
+ * ESCAPE. И `Popover`, и `Dialog` кита — Radix, поэтому стек слоёв ADR-0041
+ * работает без единой строки здесь: выбор цвета внутри (тоже `Popover`) закрывает
+ * первый Escape, этот поповер — второй, окно вокруг — третий.
+ *
+ * КОНТРАСТ — ПРЕДУПРЕЖДЕНИЕ, А НЕ ЗАПРЕТ. Автор вправе взять бледный цвет
+ * намеренно; он должен видеть цену выбора. Меряется по ТЕКУЩЕЙ теме: фон и
+ * основной текст Редактора — `--rte-background` и `--rte-foreground` на
+ * документе (`tokens.ts`). Текст — против фона; маркер — тёмный текст на
+ * подложке маркера (`--marker-text`): текст на маркере тёмный в любой
+ * теме, поэтому меряется он, а не основной текст темы. Не удалось
+ * прочитать тему (нет стилей) — молчание: «не измерено» не то же, что «плохо».
+ */
+export declare function CustomColorPopover({ editor, kind, open, onOpenChange }: CustomColorPopoverProps): import("react").JSX.Element;
+//# sourceMappingURL=CustomColorPopover.d.ts.map

package/dist/editor/features/color/CustomColorPopover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomColorPopover.d.ts","sourceRoot":"","sources":["../../../../src/editor/features/color/CustomColorPopover.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAgB,KAAK,MAAM,EAAE,MAAM,eAAe,CAAC;AAO1D,OAAO,EAAwB,KAAK,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAI9E,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,MAAM,CAAC;IACf,+CAA+C;IAC/C,IAAI,EAAE,eAAe,CAAC;IACtB,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC;AAeD;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,uBAAuB,+BAuC/F"}

package/dist/editor/features/color/CustomColorPopover.js

@@ -0,0 +1,70 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { posToDOMRect } from "@tiptap/react";
+import { useMemo, useRef, useState } from "react";
+import { Button } from "../../../components/actions/Button.js";
+import { ColorPicker } from "../../../components/inputs/ColorPicker.js";
+import { Popover, PopoverAnchor, PopoverContent } from "../../../components/overlays/Popover.js";
+import { useMessages } from "../../../i18n/useMessages.js";
+import { CONTRAST_TEXT, contrastRatio, formatRatio } from "./contrast.js";
+import { normalizeCustomColor } from "./customColor.js";
+import { cn } from "../../../lib/cn.js";
+import { GLASS_PANEL_CLASS } from "../../styles/glass.js";
+const START = { text: "#d92d20", highlight: "#ffe066" };
+const MARK = {
+    text: "textStyle",
+    highlight: "highlight",
+};
+export function CustomColorPopover({ editor, kind, open, onOpenChange }) {
+    const messages = useMessages().editor;
+    const anchorRef = useRef({
+        getBoundingClientRect: () => {
+            const { from, to } = editor.state.selection;
+            return posToDOMRect(editor.view, from, to);
+        },
+    });
+    const interactedOutside = useRef(false);
+    return (_jsxs(Popover, { open: open, onOpenChange: onOpenChange, children: [_jsx(PopoverAnchor, { virtualRef: anchorRef }), _jsx(PopoverContent, { "aria-label": kind === "text" ? messages.customColorText : messages.customColorHighlight, className: cn(GLASS_PANEL_CLASS, "w-80 p-3"), onOpenAutoFocus: () => {
+                    interactedOutside.current = false;
+                }, onInteractOutside: () => {
+                    interactedOutside.current = true;
+                }, onCloseAutoFocus: (event) => {
+                    event.preventDefault();
+                    if (!interactedOutside.current && !editor.isDestroyed)
+                        editor.commands.focus();
+                }, children: _jsx(CustomColorForm, { editor: editor, kind: kind, onDone: () => onOpenChange(false) }) })] }));
+}
+function themeColor(editor, property) {
+    if (typeof getComputedStyle === "undefined")
+        return null;
+    const value = getComputedStyle(editor.view.dom).getPropertyValue(property).trim();
+    return value || null;
+}
+function CustomColorForm({ editor, kind, onDone, }) {
+    const messages = useMessages().editor;
+    const [draft, setDraft] = useState(() => normalizeCustomColor(editor.getAttributes(MARK[kind]).color) ?? START[kind]);
+    const color = normalizeCustomColor(draft);
+    const warning = useMemo(() => {
+        if (!color)
+            return "";
+        const background = themeColor(editor, "--rte-background");
+        const markerText = themeColor(editor, "--marker-text");
+        const ratio = kind === "text"
+            ? contrastRatio(color, background ?? "")
+            : contrastRatio(markerText ?? "", color);
+        if (Number.isNaN(ratio) || ratio >= CONTRAST_TEXT)
+            return "";
+        return kind === "text"
+            ? messages.customColorLowContrastText({ ratio: formatRatio(ratio) })
+            : messages.customColorLowContrastHighlight({ ratio: formatRatio(ratio) });
+    }, [color, editor, kind, messages]);
+    const apply = () => {
+        if (!color)
+            return;
+        const chain = editor.chain().focus();
+        (kind === "text" ? chain.setColor(color) : chain.setHighlight({ color })).run();
+        onDone();
+    };
+    return (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("div", { role: "status", className: "text-warning-strong text-caption min-h-4", children: warning }), _jsx("p", { className: "text-fg-2 text-caption", children: messages.customColorThemeNote }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(ColorPicker, { value: draft, onChange: setDraft, label: messages.customColorValue({ hex: draft.toLowerCase() }), outputFormat: "hex", className: "min-w-0 flex-1" }), _jsx(Button, { type: "button", size: "sm", variant: "ghost", onClick: onDone, children: messages.customColorCancel }), _jsx(Button, { type: "button", size: "sm", variant: "solid", tone: "accent", onClick: apply, children: messages.customColorApply })] })] }));
+}
+//# sourceMappingURL=CustomColorPopover.js.map

package/dist/editor/features/color/CustomColorPopover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomColorPopover.js","sourceRoot":"","sources":["../../../../src/editor/features/color/CustomColorPopover.tsx"],"names":[],"mappings":"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"}

package/dist/editor/features/color/contrast.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Контраст WCAG 2.x для предупреждения о произвольном цвете.
+ *
+ * ЗАЧЕМ СВОЯ ФОРМУЛА, КОГДА В ПАКЕТЕ ЕСТЬ `scripts/contrast.mjs`. Скрипт — гейт
+ * сборки над токенами темы, он живёт в Node и в пакет не входит. Здесь тот же
+ * расчёт нужен в браузере, над ОДНИМ цветом автора, поэтому две функции — разбор
+ * шестнадцатеричной записи и отношение яркостей — без зависимостей. `react-aria`
+ * умеет то же, но это цветовая подсистема на 61 кБ gzip (ADR-0038), и тащить её
+ * в Редактор ради двух умножений незачем.
+ *
+ * Принимает только `#rgb` и `#rrggbb` (значения токенов темы — всегда
+ * шестнадцатеричные и непрозрачные). Остальное — `NaN`: «измерить нельзя»,
+ * а не «контраст плохой», и предупреждение тогда не показывается.
+ *
+ * Модуль серверно-безопасен: чистые функции, без импортов.
+ */
+/** Порог WCAG 1.4.3 для обычного текста. */
+export declare const CONTRAST_TEXT = 4.5;
+/** Отношение контраста двух цветов, от 1 до 21; `NaN`, если цвет не разобран. */
+export declare function contrastRatio(first: string, second: string): number;
+/**
+ * Отношение для показа человеку: усечено, а не округлено. «4.5:1 — ниже 4.5:1»
+ * читалось бы как ошибка, а 4.49 при округлении именно так и выглядит.
+ */
+export declare function formatRatio(ratio: number): string;
+//# sourceMappingURL=contrast.d.ts.map

package/dist/editor/features/color/contrast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"contrast.d.ts","sourceRoot":"","sources":["../../../../src/editor/features/color/contrast.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,4CAA4C;AAC5C,eAAO,MAAM,aAAa,MAAM,CAAC;AAkBjC,iFAAiF;AACjF,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAMnE;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAEjD"}

package/dist/editor/features/color/contrast.js

@@ -0,0 +1,27 @@
+export const CONTRAST_TEXT = 4.5;
+function channels(color) {
+    const hex = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i.exec(color.trim());
+    if (!hex)
+        return null;
+    const digits = hex[1].length === 3 ? [...hex[1]].map((d) => d + d).join("") : hex[1];
+    return [0, 2, 4].map((i) => parseInt(digits.slice(i, i + 2), 16));
+}
+function luminance([r, g, b]) {
+    const linear = (value) => {
+        const c = value / 255;
+        return c <= 0.03928 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4;
+    };
+    return 0.2126 * linear(r) + 0.7152 * linear(g) + 0.0722 * linear(b);
+}
+export function contrastRatio(first, second) {
+    const a = channels(first);
+    const b = channels(second);
+    if (!a || !b)
+        return NaN;
+    const [light, dark] = [luminance(a), luminance(b)].sort((x, y) => y - x);
+    return (light + 0.05) / (dark + 0.05);
+}
+export function formatRatio(ratio) {
+    return (Math.floor(ratio * 10) / 10).toFixed(1);
+}
+//# sourceMappingURL=contrast.js.map

package/dist/editor/features/color/contrast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contrast.js","sourceRoot":"","sources":["../../../../src/editor/features/color/contrast.ts"],"names":[],"mappings":"AAkBA,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAC;AAEjC,SAAS,QAAQ,CAAC,KAAa;IAC7B,MAAM,GAAG,GAAG,+BAA+B,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC;IAC/D,IAAI,CAAC,GAAG;QAAE,OAAO,IAAI,CAAC;IACtB,MAAM,MAAM,GAAG,GAAG,CAAC,CAAC,CAAE,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAE,CAAC;IACxF,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,CAA6B,CAAC;AAChG,CAAC;AAGD,SAAS,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAA2B;IACpD,MAAM,MAAM,GAAG,CAAC,KAAa,EAAE,EAAE;QAC/B,MAAM,CAAC,GAAG,KAAK,GAAG,GAAG,CAAC;QACtB,OAAO,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,KAAK,CAAC,IAAI,GAAG,CAAC;IACjE,CAAC,CAAC;IACF,OAAO,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;AACtE,CAAC;AAGD,MAAM,UAAU,aAAa,CAAC,KAAa,EAAE,MAAc;IACzD,MAAM,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1B,MAAM,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC;IAC3B,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC;QAAE,OAAO,GAAG,CAAC;IACzB,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAqB,CAAC;IAC7F,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;AACxC,CAAC;AAMD,MAAM,UAAU,WAAW,CAAC,KAAa;IACvC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;AAClD,CAAC"}

package/dist/editor/features/color/customColor.d.ts

@@ -0,0 +1,65 @@
+/**
+ * Произвольный цвет Редактора ДАННЫМИ: единственная форма, в которой он
+ * существует в документе, и разбор, который её сторожит.
+ *
+ * ЗАЧЕМ `style`, КОГДА ВЕЗДЕ ИМЕНА. Палитры (`palette.ts`) — имена, и
+ * значение подставляет тема. Произвольный цвет — это значение автора, и имени у
+ * него нет; единственный носитель значения в HTML, который понимают и браузер,
+ * и письмо, и экспорт, — `style`. Исключение из правила «`style` в документе
+ * нет» УЗКОЕ и утверждено владельцем: одно объявление, один
+ * шестнадцатеричный цвет, два тега.
+ *
+ *   - `<span style="color:#rrggbb">` — цвет текста;
+ *   - `<mark style="background-color:#rrggbb">` — маркер.
+ *
+ * Строчные буквы, ровно шесть цифр, ничего больше в `style` и никогда вместе с
+ * `data-color` на одном элементе: цвет у метки один, палитры или произвольный.
+ *
+ * ЧТО ПРИНИМАЕТСЯ ИЗ ЧУЖОГО HTML (загрузка и вставка). Только это объявление —
+ * без учёта регистра и пробелов, с необязательной точкой с запятой; регистр
+ * приводится к нижнему. Всё остальное — `#abc`, `rgb()`, `red`, `var(--x)`,
+ * `!important`, второе объявление рядом — отбрасывается вместе с обёрткой,
+ * текст остаётся. Перевод `rgb(255, 0, 0)` в `#ff0000` (так пишут Word и
+ * Google Docs) технически прост, но расширил бы поверхность разбора форматами,
+ * которые санитайзер на сервере потребителя обязан был бы знать тоже, а
+ * угадывание за автора кит отверг уже для палитры (`styleExtensions.ts`).
+ * Строгая форма — это ещё и то, что очистка `sanitizeRichText` проверяет одним
+ * регулярным выражением (`RICH_TEXT_SCHEMA.customColor`).
+ *
+ * Модуль серверно-безопасен: данные и чистые функции, без импортов.
+ */
+/** Свойство CSS, которое несёт цвет, по тегу метки. */
+export declare const CUSTOM_COLOR_PROPERTY: {
+    readonly span: "color";
+    readonly mark: "background-color";
+};
+/** Вид произвольного цвета: текст или маркер. */
+export type CustomColorKind = "text" | "highlight";
+/** Свойство CSS по виду цвета. */
+export declare const CUSTOM_COLOR_PROPERTY_BY_KIND: Record<CustomColorKind, string>;
+/** Шестнадцатеричный цвет в каноничной записи: `#rrggbb`, строчные. */
+export declare const CUSTOM_COLOR_PATTERN: RegExp;
+/**
+ * `#RRGGBB` → `#rrggbb`; всё остальное — `null`. Входит и в команды, и в разбор,
+ * так что значение с другим регистром не создаёт двух записей одного цвета.
+ */
+export declare function normalizeCustomColor(value: unknown): string | null;
+/**
+ * Цвет из значения `style` — только если это ОДНО объявление нужного свойства
+ * с `#rrggbb`. Пробелы вокруг и хвостовая `;` терпятся: так браузер сам пишет
+ * `style` после правки через DOM.
+ */
+export declare function customColorFromStyle(style: string | null, property: (typeof CUSTOM_COLOR_PROPERTY)[keyof typeof CUSTOM_COLOR_PROPERTY]): string | null;
+/** Значение `style`, как его пишет Редактор: `color:#ff0000`, без пробелов и `;`. */
+export declare function customColorStyle(property: (typeof CUSTOM_COLOR_PROPERTY)[keyof typeof CUSTOM_COLOR_PROPERTY], color: string): string;
+/**
+ * Допустимое значение `style` по тегу — регулярным выражением СТРОКОЙ, как его
+ * публикует Схема (`RICH_TEXT_SCHEMA.customColor.styles`): строка не зависит от
+ * движка регулярных выражений санитайзера и переносится в конфиг как есть.
+ * Значение без пробелов и без `;` — именно так его пишет Редактор.
+ */
+export declare const CUSTOM_COLOR_STYLE_PATTERN: {
+    readonly span: "^color:#[0-9a-f]{6}$";
+    readonly mark: "^background-color:#[0-9a-f]{6}$";
+};
+//# sourceMappingURL=customColor.d.ts.map

package/dist/editor/features/color/customColor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"customColor.d.ts","sourceRoot":"","sources":["../../../../src/editor/features/color/customColor.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAEH,uDAAuD;AACvD,eAAO,MAAM,qBAAqB;;;CAGxB,CAAC;AAEX,iDAAiD;AACjD,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,WAAW,CAAC;AAEnD,kCAAkC;AAClC,eAAO,MAAM,6BAA6B,EAAE,MAAM,CAAC,eAAe,EAAE,MAAM,CAGzE,CAAC;AAEF,uEAAuE;AACvE,eAAO,MAAM,oBAAoB,QAAmB,CAAC;AAErD;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAIlE;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,MAAM,GAAG,IAAI,EACpB,QAAQ,EAAE,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,OAAO,qBAAqB,CAAC,GAC3E,MAAM,GAAG,IAAI,CAIf;AAED,qFAAqF;AACrF,wBAAgB,gBAAgB,CAC9B,QAAQ,EAAE,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,OAAO,qBAAqB,CAAC,EAC5E,KAAK,EAAE,MAAM,GACZ,MAAM,CAER;AAED;;;;;GAKG;AACH,eAAO,MAAM,0BAA0B;;;CAG7B,CAAC"}

package/dist/editor/features/color/customColor.js

@@ -0,0 +1,29 @@
+export const CUSTOM_COLOR_PROPERTY = {
+    span: "color",
+    mark: "background-color",
+};
+export const CUSTOM_COLOR_PROPERTY_BY_KIND = {
+    text: CUSTOM_COLOR_PROPERTY.span,
+    highlight: CUSTOM_COLOR_PROPERTY.mark,
+};
+export const CUSTOM_COLOR_PATTERN = /^#[0-9a-f]{6}$/;
+export function normalizeCustomColor(value) {
+    if (typeof value !== "string")
+        return null;
+    const lower = value.toLowerCase();
+    return CUSTOM_COLOR_PATTERN.test(lower) ? lower : null;
+}
+export function customColorFromStyle(style, property) {
+    if (style === null)
+        return null;
+    const match = /^\s*([a-z-]+)\s*:\s*(#[0-9a-f]{6})\s*;?\s*$/i.exec(style);
+    return match && match[1].toLowerCase() === property ? normalizeCustomColor(match[2]) : null;
+}
+export function customColorStyle(property, color) {
+    return `${property}:${color}`;
+}
+export const CUSTOM_COLOR_STYLE_PATTERN = {
+    span: `^${CUSTOM_COLOR_PROPERTY.span}:#[0-9a-f]{6}$`,
+    mark: `^${CUSTOM_COLOR_PROPERTY.mark}:#[0-9a-f]{6}$`,
+};
+//# sourceMappingURL=customColor.js.map

package/dist/editor/features/color/customColor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"customColor.js","sourceRoot":"","sources":["../../../../src/editor/features/color/customColor.ts"],"names":[],"mappings":"AAgCA,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,kBAAkB;CAChB,CAAC;AAMX,MAAM,CAAC,MAAM,6BAA6B,GAAoC;IAC5E,IAAI,EAAE,qBAAqB,CAAC,IAAI;IAChC,SAAS,EAAE,qBAAqB,CAAC,IAAI;CACtC,CAAC;AAGF,MAAM,CAAC,MAAM,oBAAoB,GAAG,gBAAgB,CAAC;AAMrD,MAAM,UAAU,oBAAoB,CAAC,KAAc;IACjD,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,IAAI,CAAC;IAC3C,MAAM,KAAK,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC;IAClC,OAAO,oBAAoB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;AACzD,CAAC;AAOD,MAAM,UAAU,oBAAoB,CAClC,KAAoB,EACpB,QAA4E;IAE5E,IAAI,KAAK,KAAK,IAAI;QAAE,OAAO,IAAI,CAAC;IAChC,MAAM,KAAK,GAAG,8CAA8C,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACzE,OAAO,KAAK,IAAI,KAAK,CAAC,CAAC,CAAE,CAAC,WAAW,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AAC/F,CAAC;AAGD,MAAM,UAAU,gBAAgB,CAC9B,QAA4E,EAC5E,KAAa;IAEb,OAAO,GAAG,QAAQ,IAAI,KAAK,EAAE,CAAC;AAChC,CAAC;AAQD,MAAM,CAAC,MAAM,0BAA0B,GAAG;IACxC,IAAI,EAAE,IAAI,qBAAqB,CAAC,IAAI,gBAAgB;IACpD,IAAI,EAAE,IAAI,qBAAqB,CAAC,IAAI,gBAAgB;CAC5C,CAAC"}

package/dist/editor/features/color/styleExtensions.d.ts

@@ -0,0 +1,28 @@
+import { type Extension, type Mark } from "@tiptap/core";
+/** Инструмент `color`: метка и её значение вместе. */
+export declare const TEXT_COLOR_EXTENSIONS: (Extension<any, any> | Mark<any, any>)[];
+/**
+ * Маркер: `<mark data-color="yellow">`. Маркер без цвета из палитры не
+ * существует: голый `<mark>` браузер красит жёлтым с чёрным текстом, и в
+ * тёмной теме это светящаяся плашка поверх всего документа. Поэтому разбор
+ * берёт только `mark[data-color]` с известным именем, а команда без цвета
+ * ничего не ставит.
+ *
+ * Выключены и всё, что ставило маркер без цвета: `Mod-Shift-H`, правило ввода
+ * и вставки `==текст==`, разбор Markdown. Последнее ещё и закрывает утечку
+ * между Редакторами: правила Markdown живут в общем `marked`, и маркер одного
+ * Редактора разбирал бы `==` у другого — без инструмента.
+ */
+export declare const HighlightExtension: Mark;
+/**
+ * Выравнивание Блока: `<p data-align="center">`.
+ *
+ * `left` — умолчание, и в разметку не пишется: документ без выравнивания
+ * остаётся прежним, а `setTextAlign("left")` снимает атрибут, а не ставит
+ * «явно слева». Читается `left` из чужого HTML как отсутствие атрибута.
+ *
+ * Типы — абзац и заголовок. Заголовков Схема знает четыре уровня (первый — с `heading1`),
+ * поэтому выравниваются `p` и `h1`–`h4`; абзац внутри списка или цитаты — тоже `p`.
+ */
+export declare const TextAlignExtension: Extension;
+//# sourceMappingURL=styleExtensions.d.ts.map

package/dist/editor/features/color/styleExtensions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styleExtensions.d.ts","sourceRoot":"","sources":["../../../../src/editor/features/color/styleExtensions.ts"],"names":[],"mappings":"AAGA,OAAO,EAAmB,KAAK,SAAS,EAAE,KAAK,IAAI,EAAE,MAAM,cAAc,CAAC;AAqL1E,sDAAsD;AACtD,eAAO,MAAM,qBAAqB,0CAAkC,CAAC;AAErE;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,kBAAkB,EAAE,IA4D/B,CAAC;AAEH;;;;;;;;;GASG;AACH,eAAO,MAAM,kBAAkB,EAAE,SA4CoD,CAAC"}