@lionrapid/core 0.1.0

package/dist/browser/editor/sidebar.js

@@ -0,0 +1,353 @@
+/**
+ * Sidebar — Translation editing panel
+ * Shows original text, translation textarea, live preview, and page blocks list.
+ */
+import { HTMLSerializer } from '../../content/serializer/HTMLSerializer.js';
+import { applyLivePreview } from './live-preview.js';
+import { BlockExtractor } from '../block-extractor.js';
+const htmlSerializer = new HTMLSerializer();
+export class Sidebar {
+    el;
+    bodyEl;
+    statusEl;
+    api;
+    locale;
+    namespace;
+    defaultLocale;
+    current = null;
+    blockExtractor;
+    onBlockClick;
+    statusMap = new Map();
+    unsavedKeys = new Set();
+    onProgressUpdate = null;
+    lastFetchTime = 0;
+    lastFlushTime = 0;
+    constructor(shadowRoot, api, locale, namespace, defaultLocale, onBlockClick) {
+        this.api = api;
+        this.locale = locale;
+        this.namespace = namespace;
+        this.defaultLocale = defaultLocale;
+        this.onBlockClick = onBlockClick;
+        this.blockExtractor = new BlockExtractor();
+        this.el = document.createElement('div');
+        this.el.className = 'lr-sidebar';
+        // Resize handle
+        const resizeHandle = document.createElement('div');
+        resizeHandle.className = 'lr-sidebar-resize';
+        this.initResize(resizeHandle);
+        this.el.appendChild(resizeHandle);
+        // Header
+        const header = document.createElement('div');
+        header.className = 'lr-sidebar-header';
+        const title = document.createElement('span');
+        title.className = 'lr-sidebar-title';
+        title.textContent = 'Edit Translation';
+        header.appendChild(title);
+        const closeBtn = document.createElement('button');
+        closeBtn.className = 'lr-sidebar-close';
+        closeBtn.innerHTML = '×';
+        closeBtn.addEventListener('click', () => this.close());
+        header.appendChild(closeBtn);
+        this.el.appendChild(header);
+        // Body
+        this.bodyEl = document.createElement('div');
+        this.bodyEl.className = 'lr-sidebar-body';
+        this.el.appendChild(this.bodyEl);
+        // Status bar (rendered inline in renderContent, above preview)
+        this.statusEl = document.createElement('div');
+        this.statusEl.className = 'lr-status';
+        // Wire up API status
+        this.api.setStatusCallback((status, message) => {
+            this.statusEl.textContent = message || status;
+            this.statusEl.className = `lr-status ${status}`;
+        });
+        // After flush, re-fetch status for saved keys and refresh blocks list
+        this.api.setFlushedCallback(async (keys) => {
+            this.lastFlushTime = Date.now();
+            const freshStatuses = await this.api.fetchStatus(keys, this.locale, this.namespace);
+            for (const [key, status] of Object.entries(freshStatuses)) {
+                this.statusMap.set(key, status);
+                this.unsavedKeys.delete(key);
+            }
+            this.refreshBlocksList();
+            this.emitProgress();
+        });
+        shadowRoot.appendChild(this.el);
+    }
+    open(resolved) {
+        this.current = resolved;
+        this.el.classList.add('open');
+        this.renderContent(resolved);
+    }
+    close() {
+        this.current = null;
+        this.el.classList.remove('open');
+    }
+    isOpen() {
+        return this.el.classList.contains('open');
+    }
+    updateLocale(locale) {
+        this.locale = locale;
+        // Clear status on locale change — will be re-fetched
+        this.statusMap.clear();
+        this.unsavedKeys.clear();
+    }
+    setProgressCallback(cb) {
+        this.onProgressUpdate = cb;
+    }
+    /**
+     * Hydrate the status map with server data for all page blocks.
+     * Called once on editor init.
+     */
+    async hydrateStatus() {
+        const blocks = this.blockExtractor.extract(document.body, true);
+        const keys = blocks.map((b) => b.key);
+        if (keys.length === 0)
+            return;
+        const statuses = await this.api.fetchStatus(keys, this.locale, this.namespace);
+        for (const [key, status] of Object.entries(statuses)) {
+            this.statusMap.set(key, status);
+        }
+        // Apply draft translations to page blocks that the edge proxy didn't render
+        // (edge proxy only shows is_ready_for_delivery; editor shows everything)
+        for (const block of blocks) {
+            const status = this.statusMap.get(block.key);
+            if (status && status.text && !status.isReady) {
+                applyLivePreview(block.element, status.text, block.unit.styles, block.key, this.locale, this.namespace);
+            }
+        }
+        this.emitProgress();
+    }
+    getTranslatedCount() {
+        let count = 0;
+        for (const status of this.statusMap.values()) {
+            if (status && status.rowState !== 'empty')
+                count++;
+        }
+        return count;
+    }
+    getTotalCount() {
+        return this.blockExtractor.extract(document.body, true).length;
+    }
+    emitProgress() {
+        if (this.onProgressUpdate) {
+            this.onProgressUpdate(this.getTranslatedCount(), this.getTotalCount());
+        }
+    }
+    destroy() {
+        this.el.remove();
+    }
+    async renderContent(resolved) {
+        const { key, unit, element } = resolved;
+        this.bodyEl.innerHTML = '';
+        // Smart fetch: if no flush since last full fetch, only fetch the clicked key.
+        // Otherwise re-fetch all blocks to pick up server-side changes from our saves.
+        const isStale = this.lastFlushTime > this.lastFetchTime || this.lastFetchTime === 0;
+        if (isStale) {
+            const blocks = this.blockExtractor.extract(document.body, true);
+            const allKeys = blocks.map((b) => b.key);
+            if (!allKeys.includes(key))
+                allKeys.push(key);
+            const freshStatuses = await this.api.fetchStatus(allKeys, this.locale, this.namespace);
+            for (const [k, s] of Object.entries(freshStatuses)) {
+                this.statusMap.set(k, s);
+            }
+            this.lastFetchTime = Date.now();
+        }
+        else {
+            // Fresh — only fetch the clicked key
+            const freshStatus = await this.api.fetchStatus([key], this.locale, this.namespace);
+            if (freshStatus[key] !== undefined) {
+                this.statusMap.set(key, freshStatus[key]);
+            }
+        }
+        const status = this.statusMap.get(key) ?? null;
+        // Key field
+        this.addField('Key', () => {
+            const keyEl = document.createElement('div');
+            keyEl.className = 'lr-field-key';
+            keyEl.textContent = key;
+            return keyEl;
+        });
+        // Original text
+        this.addField('Original', () => {
+            const origEl = document.createElement('div');
+            origEl.className = 'lr-field-original';
+            origEl.innerHTML = this.renderTextWithTags(unit.text);
+            return origEl;
+        });
+        const isSourceLocale = this.locale === this.defaultLocale;
+        const isLocked = isSourceLocale || status?.isLocked || status?.isReady || false;
+        // Translation textarea
+        const textarea = document.createElement('textarea');
+        this.addField('Translation', () => {
+            textarea.className = 'lr-textarea';
+            // Pre-fill: server status > in-DOM translation > empty
+            textarea.value = status?.text || resolved.translatedUnit?.text || '';
+            textarea.placeholder = unit.text; // Show source as placeholder
+            if (isLocked) {
+                textarea.readOnly = true;
+                textarea.classList.add('lr-textarea-locked');
+                textarea.title = isSourceLocale
+                    ? 'Source language — switch to a target language to edit'
+                    : status?.isReady ? 'Approved for delivery — read only' : 'Locked — read only';
+            }
+            return textarea;
+        });
+        // Status bar (above preview)
+        this.bodyEl.appendChild(this.statusEl);
+        // Preview
+        const previewEl = document.createElement('div');
+        this.addField('Preview', () => {
+            previewEl.className = 'lr-preview';
+            if (textarea.value) {
+                previewEl.innerHTML = this.renderPreview(textarea.value, unit.styles);
+            }
+            return previewEl;
+        });
+        // Live preview on input (only if not locked)
+        if (!isLocked) {
+            textarea.addEventListener('input', () => {
+                const text = textarea.value;
+                previewEl.innerHTML = this.renderPreview(text, unit.styles);
+                if (text) {
+                    applyLivePreview(element, text, unit.styles, key, this.locale, this.namespace);
+                }
+                this.unsavedKeys.add(key);
+                this.api.queueSave({
+                    key,
+                    locale: this.locale,
+                    namespace: this.namespace,
+                    text,
+                    styles: unit.styles,
+                });
+            });
+        }
+        // Page blocks list
+        this.renderBlocksList();
+        // Focus textarea (only if editable)
+        if (!isLocked) {
+            setTimeout(() => textarea.focus(), 100);
+        }
+    }
+    addField(label, contentFn) {
+        const field = document.createElement('div');
+        field.className = 'lr-field';
+        const labelEl = document.createElement('span');
+        labelEl.className = 'lr-field-label';
+        labelEl.textContent = label;
+        field.appendChild(labelEl);
+        field.appendChild(contentFn());
+        this.bodyEl.appendChild(field);
+    }
+    /**
+     * Get CSS class for the status dot based on actual row state.
+     */
+    getDotClass(key) {
+        if (this.unsavedKeys.has(key))
+            return 'unsaved';
+        const s = this.statusMap.get(key);
+        if (!s)
+            return 'missing';
+        if (s.isLocked)
+            return 'locked';
+        if (s.isReady)
+            return 'ready';
+        if (s.isConfirmed)
+            return 'confirmed';
+        if (s.rowState === 'edited')
+            return 'edited';
+        if (s.rowState === 'machine_translated')
+            return 'mt';
+        return 'missing';
+    }
+    renderTextWithTags(text) {
+        // Highlight indexed tags like <1>, </1>
+        return text.replace(/<(\/?)?(\d+)(\/)?>/g, (match) => `<span class="lr-field-tag">${match}</span>`);
+    }
+    renderPreview(text, styles) {
+        if (!text)
+            return '';
+        if (Object.keys(styles).length > 0) {
+            const unit = { text, styles };
+            return htmlSerializer.serialize(unit);
+        }
+        return text;
+    }
+    initResize(handle) {
+        let startX = 0;
+        let startWidth = 0;
+        const onMouseMove = (e) => {
+            const newWidth = startWidth + (startX - e.clientX);
+            const clamped = Math.max(280, Math.min(600, newWidth));
+            this.el.style.width = `${clamped}px`;
+        };
+        const onMouseUp = () => {
+            handle.classList.remove('active');
+            document.removeEventListener('mousemove', onMouseMove);
+            document.removeEventListener('mouseup', onMouseUp);
+        };
+        handle.addEventListener('mousedown', (e) => {
+            e.preventDefault();
+            startX = e.clientX;
+            startWidth = this.el.offsetWidth;
+            handle.classList.add('active');
+            document.addEventListener('mousemove', onMouseMove);
+            document.addEventListener('mouseup', onMouseUp);
+        });
+    }
+    refreshBlocksList() {
+        const existing = this.bodyEl.querySelector('.lr-blocks-section');
+        if (existing)
+            existing.remove();
+        this.renderBlocksList();
+    }
+    renderBlocksList() {
+        const section = document.createElement('div');
+        section.className = 'lr-blocks-section';
+        const blocks = this.blockExtractor.extract(document.body, true);
+        const translatedCount = this.getTranslatedCount();
+        const title = document.createElement('div');
+        title.className = 'lr-blocks-title';
+        title.textContent = `Blocks on this page (${translatedCount}/${blocks.length} translated)`;
+        section.appendChild(title);
+        for (const block of blocks) {
+            const item = document.createElement('div');
+            item.className = 'lr-block-item';
+            const isActive = this.current && block.element === this.current.element;
+            if (isActive)
+                item.classList.add('active');
+            // Status dot
+            const dot = document.createElement('span');
+            dot.className = 'lr-status-dot';
+            dot.classList.add(this.getDotClass(block.key));
+            item.appendChild(dot);
+            // Source text
+            const textWrap = document.createElement('div');
+            textWrap.className = 'lr-block-text';
+            const displayText = block.unit.text.replace(/<\/?[0-9]+\/?>/g, '');
+            const sourceSpan = document.createElement('div');
+            sourceSpan.className = 'lr-block-source';
+            sourceSpan.textContent = displayText.length > 60 ? displayText.slice(0, 60) + '...' : displayText;
+            sourceSpan.title = displayText;
+            textWrap.appendChild(sourceSpan);
+            // Translation preview (if exists)
+            const blockStatus = this.statusMap.get(block.key);
+            if (blockStatus && blockStatus.text) {
+                const previewSpan = document.createElement('div');
+                previewSpan.className = 'lr-block-preview';
+                const previewText = blockStatus.text.replace(/<\/?[0-9]+\/?>/g, '');
+                previewSpan.textContent = previewText.length > 50 ? previewText.slice(0, 50) + '...' : previewText;
+                textWrap.appendChild(previewSpan);
+            }
+            item.appendChild(textWrap);
+            item.addEventListener('click', () => {
+                block.element.scrollIntoView({ behavior: 'smooth', block: 'center' });
+                this.onBlockClick({ key: block.key, unit: block.unit, translatedUnit: null, element: block.element });
+            });
+            section.appendChild(item);
+        }
+        this.bodyEl.appendChild(section);
+    }
+}
+//# sourceMappingURL=sidebar.js.map

package/dist/browser/editor/sidebar.js.map

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

package/dist/browser/editor/toolbar.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Toolbar — Draggable FAB that expands to show controls
+ * Collapsed: small circle with "LR" logo
+ * Expanded: horizontal bar with language selector, progress, exit
+ */
+export type OnLanguageChange = (locale: string) => void;
+export type OnExit = () => void;
+export declare class Toolbar {
+    private el;
+    private langBtnEl;
+    private langMenuEl;
+    private progressEl;
+    private expanded;
+    private currentLocale;
+    private onLanguageChange;
+    private onExit;
+    private dragging;
+    private dragOffsetX;
+    private dragOffsetY;
+    constructor(shadowRoot: ShadowRoot, languages: string[], currentLocale: string, onLanguageChange: OnLanguageChange, onExit: OnExit);
+    toggle(): void;
+    updateProgress(translated: number, total: number): void;
+    getCurrentLocale(): string;
+    destroy(): void;
+    private handleMouseDown;
+    private handleMouseMove;
+    private handleMouseUp;
+}
+//# sourceMappingURL=toolbar.d.ts.map

package/dist/browser/editor/toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../../../src/browser/editor/toolbar.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,MAAM,gBAAgB,GAAG,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;AACxD,MAAM,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC;AAEhC,qBAAa,OAAO;IAClB,OAAO,CAAC,EAAE,CAAiB;IAC3B,OAAO,CAAC,SAAS,CAAoB;IACrC,OAAO,CAAC,UAAU,CAAiB;IACnC,OAAO,CAAC,UAAU,CAAkB;IACpC,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,gBAAgB,CAAmB;IAC3C,OAAO,CAAC,MAAM,CAAS;IAGvB,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,WAAW,CAAK;IACxB,OAAO,CAAC,WAAW,CAAK;gBAGtB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,MAAM,EAAE,EACnB,aAAa,EAAE,MAAM,EACrB,gBAAgB,EAAE,gBAAgB,EAClC,MAAM,EAAE,MAAM;IAkFhB,MAAM,IAAI,IAAI;IAKd,cAAc,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAIvD,gBAAgB,IAAI,MAAM;IAI1B,OAAO,IAAI,IAAI;IAMf,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,eAAe;IAUvB,OAAO,CAAC,aAAa;CAQtB"}

package/dist/browser/editor/toolbar.js

@@ -0,0 +1,131 @@
+/**
+ * Toolbar — Draggable FAB that expands to show controls
+ * Collapsed: small circle with "LR" logo
+ * Expanded: horizontal bar with language selector, progress, exit
+ */
+export class Toolbar {
+    el;
+    langBtnEl;
+    langMenuEl;
+    progressEl;
+    expanded = false;
+    currentLocale;
+    onLanguageChange;
+    onExit;
+    // Drag state
+    dragging = false;
+    dragOffsetX = 0;
+    dragOffsetY = 0;
+    constructor(shadowRoot, languages, currentLocale, onLanguageChange, onExit) {
+        this.onLanguageChange = onLanguageChange;
+        this.onExit = onExit;
+        this.currentLocale = currentLocale;
+        this.el = document.createElement('div');
+        this.el.className = 'lr-fab';
+        // FAB button (always visible)
+        const fabBtn = document.createElement('button');
+        fabBtn.className = 'lr-fab-btn';
+        fabBtn.textContent = 'LR';
+        fabBtn.addEventListener('click', (e) => {
+            // Don't toggle if we just finished dragging
+            if (this.dragging)
+                return;
+            e.stopPropagation();
+            this.toggle();
+        });
+        this.el.appendChild(fabBtn);
+        // Expanded panel
+        const panel = document.createElement('div');
+        panel.className = 'lr-fab-panel';
+        // Custom language dropdown
+        const langWrap = document.createElement('div');
+        langWrap.className = 'lr-lang-dropdown';
+        this.langBtnEl = document.createElement('button');
+        this.langBtnEl.className = 'lr-lang-btn';
+        this.langBtnEl.textContent = currentLocale.toUpperCase();
+        this.langBtnEl.addEventListener('click', (e) => {
+            e.stopPropagation();
+            this.langMenuEl.classList.toggle('open');
+        });
+        langWrap.appendChild(this.langBtnEl);
+        this.langMenuEl = document.createElement('div');
+        this.langMenuEl.className = 'lr-lang-menu';
+        for (const lang of languages) {
+            const item = document.createElement('button');
+            item.className = 'lr-lang-item';
+            if (lang === currentLocale)
+                item.classList.add('active');
+            item.textContent = lang.toUpperCase();
+            item.addEventListener('click', (e) => {
+                e.stopPropagation();
+                this.currentLocale = lang;
+                this.langBtnEl.textContent = lang.toUpperCase();
+                this.langMenuEl.classList.remove('open');
+                // Update active state
+                this.langMenuEl.querySelectorAll('.lr-lang-item').forEach((el) => el.classList.remove('active'));
+                item.classList.add('active');
+                this.onLanguageChange(lang);
+            });
+            this.langMenuEl.appendChild(item);
+        }
+        langWrap.appendChild(this.langMenuEl);
+        panel.appendChild(langWrap);
+        // Progress
+        this.progressEl = document.createElement('span');
+        this.progressEl.className = 'lr-fab-progress';
+        panel.appendChild(this.progressEl);
+        // Exit button
+        const exitBtn = document.createElement('button');
+        exitBtn.className = 'lr-fab-exit';
+        exitBtn.textContent = 'Exit';
+        exitBtn.addEventListener('click', () => this.onExit());
+        panel.appendChild(exitBtn);
+        this.el.appendChild(panel);
+        shadowRoot.appendChild(this.el);
+        // Dragging
+        this.handleMouseDown = this.handleMouseDown.bind(this);
+        this.handleMouseMove = this.handleMouseMove.bind(this);
+        this.handleMouseUp = this.handleMouseUp.bind(this);
+        fabBtn.addEventListener('mousedown', this.handleMouseDown);
+    }
+    toggle() {
+        this.expanded = !this.expanded;
+        this.el.classList.toggle('expanded', this.expanded);
+    }
+    updateProgress(translated, total) {
+        this.progressEl.textContent = `${translated}/${total}`;
+    }
+    getCurrentLocale() {
+        return this.currentLocale;
+    }
+    destroy() {
+        document.removeEventListener('mousemove', this.handleMouseMove);
+        document.removeEventListener('mouseup', this.handleMouseUp);
+        this.el.remove();
+    }
+    handleMouseDown(e) {
+        this.dragging = false;
+        this.dragOffsetX = e.clientX - this.el.getBoundingClientRect().left;
+        this.dragOffsetY = e.clientY - this.el.getBoundingClientRect().top;
+        document.addEventListener('mousemove', this.handleMouseMove);
+        document.addEventListener('mouseup', this.handleMouseUp);
+    }
+    handleMouseMove(e) {
+        this.dragging = true;
+        const x = Math.max(0, Math.min(e.clientX - this.dragOffsetX, window.innerWidth - this.el.offsetWidth));
+        const y = Math.max(0, Math.min(e.clientY - this.dragOffsetY, window.innerHeight - this.el.offsetHeight));
+        this.el.style.left = `${x}px`;
+        this.el.style.top = `${y}px`;
+        this.el.style.right = 'auto';
+        this.el.style.bottom = 'auto';
+    }
+    handleMouseUp() {
+        document.removeEventListener('mousemove', this.handleMouseMove);
+        document.removeEventListener('mouseup', this.handleMouseUp);
+        // Reset dragging flag after a tick so the click handler can check it
+        if (this.dragging) {
+            setTimeout(() => { this.dragging = false; }, 0);
+        }
+    }
+}
+//# sourceMappingURL=toolbar.js.map

package/dist/browser/editor/toolbar.js.map

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

package/dist/browser/exclude-filter.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Exclude Filter
+ * Filters out text that should not be translated
+ * Mirrors PHP's HtmlTranslator logic
+ */
+export interface ExcludePatterns {
+    emails: boolean;
+    urls: boolean;
+    numbers: boolean;
+    phones: boolean;
+}
+export declare class ExcludeFilter {
+    private patterns;
+    private minTextLength;
+    constructor(patterns?: Partial<ExcludePatterns>, minTextLength?: number);
+    /**
+     * Check if text should be excluded from translation
+     */
+    shouldExclude(text: string): boolean;
+}
+//# sourceMappingURL=exclude-filter.d.ts.map

package/dist/browser/exclude-filter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"exclude-filter.d.ts","sourceRoot":"","sources":["../../src/browser/exclude-filter.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;CACjB;AAiBD,qBAAa,aAAa;IACxB,OAAO,CAAC,QAAQ,CAAkB;IAClC,OAAO,CAAC,aAAa,CAAS;gBAElB,QAAQ,GAAE,OAAO,CAAC,eAAe,CAAM,EAAE,aAAa,SAAI;IAKtE;;OAEG;IACH,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;CA2BrC"}

package/dist/browser/exclude-filter.js

@@ -0,0 +1,51 @@
+/**
+ * Exclude Filter
+ * Filters out text that should not be translated
+ * Mirrors PHP's HtmlTranslator logic
+ */
+const DEFAULT_PATTERNS = {
+    emails: true,
+    urls: true,
+    numbers: true,
+    phones: true,
+};
+// Regex patterns matching PHP's HtmlTranslator
+const PATTERNS = {
+    email: /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/,
+    url: /^(https?:\/\/|www\.)[^\s]+$/i,
+    number: /^[\d\s.,+-]+$/,
+    phone: /^[+\d][\d\s().-]{6,}$/,
+};
+export class ExcludeFilter {
+    patterns;
+    minTextLength;
+    constructor(patterns = {}, minTextLength = 2) {
+        this.patterns = { ...DEFAULT_PATTERNS, ...patterns };
+        this.minTextLength = minTextLength;
+    }
+    /**
+     * Check if text should be excluded from translation
+     */
+    shouldExclude(text) {
+        const trimmed = text.trim();
+        // Too short
+        if (trimmed.length < this.minTextLength) {
+            return true;
+        }
+        // Check auto-exclude patterns
+        if (this.patterns.emails && PATTERNS.email.test(trimmed)) {
+            return true;
+        }
+        if (this.patterns.urls && PATTERNS.url.test(trimmed)) {
+            return true;
+        }
+        if (this.patterns.numbers && PATTERNS.number.test(trimmed)) {
+            return true;
+        }
+        if (this.patterns.phones && PATTERNS.phone.test(trimmed)) {
+            return true;
+        }
+        return false;
+    }
+}
+//# sourceMappingURL=exclude-filter.js.map

package/dist/browser/exclude-filter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"exclude-filter.js","sourceRoot":"","sources":["../../src/browser/exclude-filter.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AASH,MAAM,gBAAgB,GAAoB;IACxC,MAAM,EAAE,IAAI;IACZ,IAAI,EAAE,IAAI;IACV,OAAO,EAAE,IAAI;IACb,MAAM,EAAE,IAAI;CACb,CAAC;AAEF,+CAA+C;AAC/C,MAAM,QAAQ,GAAG;IACf,KAAK,EAAE,kDAAkD;IACzD,GAAG,EAAE,8BAA8B;IACnC,MAAM,EAAE,eAAe;IACvB,KAAK,EAAE,uBAAuB;CAC/B,CAAC;AAEF,MAAM,OAAO,aAAa;IAChB,QAAQ,CAAkB;IAC1B,aAAa,CAAS;IAE9B,YAAY,WAAqC,EAAE,EAAE,aAAa,GAAG,CAAC;QACpE,IAAI,CAAC,QAAQ,GAAG,EAAE,GAAG,gBAAgB,EAAE,GAAG,QAAQ,EAAE,CAAC;QACrD,IAAI,CAAC,aAAa,GAAG,aAAa,CAAC;IACrC,CAAC;IAED;;OAEG;IACH,aAAa,CAAC,IAAY;QACxB,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;QAE5B,YAAY;QACZ,IAAI,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;YACxC,OAAO,IAAI,CAAC;QACd,CAAC;QAED,8BAA8B;QAC9B,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,IAAI,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;YACzD,OAAO,IAAI,CAAC;QACd,CAAC;QAED,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;YACrD,OAAO,IAAI,CAAC;QACd,CAAC;QAED,IAAI,IAAI,CAAC,QAAQ,CAAC,OAAO,IAAI,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;YAC3D,OAAO,IAAI,CAAC;QACd,CAAC;QAED,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,IAAI,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;YACzD,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,KAAK,CAAC;IACf,CAAC;CACF"}