@chenyomi/leafer-htmltext-editor 1.0.7 → 1.0.10

package/dist/fonts/utils.js

@@ -1,180 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.fetchFontAsBase64 = fetchFontAsBase64;
-exports.addCustomFonts = addCustomFonts;
-exports.getCustomFontsStyle = getCustomFontsStyle;
-exports.addCustomFont = addCustomFont;
-exports.batchLoadFont = batchLoadFont;
-exports.addCustomFontBase64 = addCustomFontBase64;
-exports.getBase64CustomFontsStyle = getBase64CustomFontsStyle;
-exports.loadFont = loadFont;
-const FONT_CSS_TAG = "data-fonts";
-const FONT_CSS_TAG_BASE64 = "base64-fonts";
-async function fetchFontAsBase64(url) {
-    const response = await fetch(url);
-    if (!response.ok) {
-        throw new Error(`Failed to fetch font from ${url}`);
-    }
-    const contentType = response.headers.get('Content-Type');
-    let mimeType;
-    if (contentType?.includes('font/woff2')) {
-        mimeType = 'font/woff2';
-    }
-    else if (contentType?.includes('font/woff')) {
-        mimeType = 'font/woff';
-    }
-    else if (contentType?.includes('font/ttf') || contentType?.includes('font/sfnt')) {
-        mimeType = 'font/ttf';
-    }
-    else if (contentType?.includes('application/octet-stream')) {
-        const extension = url.split('.').pop()?.toLowerCase();
-        if (extension === 'woff2') {
-            mimeType = 'font/woff2';
-        }
-        else if (extension === 'woff') {
-            mimeType = 'font/woff';
-        }
-        else if (extension === 'ttf') {
-            mimeType = 'font/ttf';
-        }
-        else {
-            throw new Error(`Unsupported font file type: ${extension}`);
-        }
-    }
-    else {
-        throw new Error(`Unsupported Content-Type: ${contentType}`);
-    }
-    const arrayBuffer = await response.arrayBuffer();
-    const base64String = arrayBufferToBase64(arrayBuffer);
-    return `data:${mimeType};charset=utf-8;base64,${base64String}`;
-}
-function arrayBufferToBase64(buffer) {
-    let binary = '';
-    const bytes = new Uint8Array(buffer);
-    const len = bytes.byteLength;
-    for (let i = 0; i < len; i++) {
-        binary += String.fromCharCode(bytes[i]);
-    }
-    return window.btoa(binary);
-}
-function addCustomFonts(fontList = []) {
-    let styleTag = document.createElement('style');
-    styleTag.setAttribute(FONT_CSS_TAG, 'true');
-    let fontRules = fontList.map((font) => `@font-face {
-        font-family: "${font.name}";
-        src: local("${font.name}"), url("${font.download}")
-    }`).join('\n');
-    styleTag.textContent = fontRules;
-    document.head.appendChild(styleTag);
-}
-function getCustomFontsStyle() {
-    const styleTag = document.querySelector('style[data-fonts]');
-    return styleTag?.textContent || '';
-}
-function addCustomFont(font) {
-    let styleTag = document.querySelector('style[data-fonts]');
-    if (!styleTag) {
-        styleTag = document.createElement('style');
-        styleTag.setAttribute(FONT_CSS_TAG, 'true');
-        document.head.appendChild(styleTag);
-    }
-    if (!styleTag.sheet)
-        return;
-    let existingFonts = [];
-    existingFonts = Array.from(styleTag.sheet.cssRules).map((rule) => {
-        const match = rule.cssText.match(/font-family: "([^"]+)"/);
-        return match ? match[1] : null;
-    }).filter((font) => font !== null);
-    if (!existingFonts.includes(font.name)) {
-        const newFontRule = `@font-face {
-          font-family: "${font.name}";
-          src: url("${font.download}");
-        }`;
-        try {
-            styleTag.sheet.insertRule(newFontRule, styleTag.sheet.cssRules.length);
-        }
-        catch (e) {
-            console.error('Failed to insert font rule:', e);
-        }
-    }
-}
-async function batchLoadFont(fontNameList = []) {
-    try {
-        for (const fontFamily of fontNameList) {
-            await document.fonts.load(`16px ${fontFamily}`);
-        }
-    }
-    catch (e) {
-        console.warn('Font loading failed:', e);
-    }
-}
-function getFontUrlFromCSS(selectors, fontFamilyName) {
-    const styleTags = document.querySelectorAll(selectors);
-    for (let i = 0; i < styleTags.length; i++) {
-        const styleTag = styleTags[i];
-        const cssText = styleTag.textContent || '';
-        const fontFaceRules = cssText.match(/@font-face\s*\{[^}]+\}/g);
-        if (fontFaceRules) {
-            for (const rule of fontFaceRules) {
-                const fontFamilyMatch = rule.match(/font-family:\s*(["'])(.*?)\1/);
-                if (fontFamilyMatch && fontFamilyMatch[2] === fontFamilyName) {
-                    const srcMatch = rule.match(/src:\s*url\((["'])(.*?)\1\)/);
-                    if (srcMatch) {
-                        return srcMatch[2];
-                    }
-                    else {
-                        const srcMatch2 = rule.match(/src:\s*(?:local\([^)]+\)\s*,\s*)?url\((["'])(.*?)\1\)/);
-                        if (srcMatch2) {
-                            return srcMatch2[2];
-                        }
-                    }
-                }
-            }
-        }
-    }
-    return null;
-}
-async function addCustomFontBase64(font) {
-    const fontUrl = getFontUrlFromCSS(`style[${FONT_CSS_TAG}]`, font);
-    if (!fontUrl) {
-        console.warn('Font URL not found for:', font);
-        return;
-    }
-    console.log('fontUrl=', fontUrl);
-    let styleTag = document.querySelector(`style[${FONT_CSS_TAG_BASE64}]`);
-    if (!styleTag) {
-        styleTag = document.createElement('style');
-        styleTag.setAttribute(FONT_CSS_TAG_BASE64, 'true');
-        document.head.appendChild(styleTag);
-    }
-    if (!styleTag.sheet) {
-        await new Promise(resolve => setTimeout(resolve, 10));
-    }
-    if (!styleTag.sheet)
-        return;
-    let existingFonts = Array.from(styleTag.sheet.cssRules).map((rule) => {
-        const match = rule.cssText.match(/font-family: "([^"]+)"/);
-        return match ? match[1] : null;
-    }).filter((font) => font !== null);
-    if (!existingFonts.includes(font)) {
-        const base64Url = await fetchFontAsBase64(fontUrl);
-        const newFontRule = `@font-face {
-          font-family: "${font}";
-          src: local("${font}"), url("${base64Url}");
-        }`;
-        try {
-            styleTag.sheet.insertRule(newFontRule, styleTag.sheet.cssRules.length);
-            styleTag.textContent += newFontRule;
-        }
-        catch (e) {
-            console.error('Failed to insert font rule:', e);
-        }
-    }
-}
-function getBase64CustomFontsStyle() {
-    const styleTag = document.querySelector(`style[${FONT_CSS_TAG_BASE64}]`);
-    return styleTag?.textContent || '';
-}
-async function loadFont(font) {
-    await addCustomFontBase64(font);
-}

package/dist/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAC;AACrC,OAAO,2BAA2B,CAAC;AAEnC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,cAAM,YAAY;IAChB,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAe;IACtC,OAAO,CAAC,KAAK,CAAsB;IAC5B,IAAI,EAAE,GAAG,GAAG,IAAI,CAAQ;IAE/B,OAAO;IAEP,MAAM,CAAC,WAAW;IAOZ,IAAI,CAAC,GAAG,EAAE,GAAG;IAwDnB,QAAQ;IAOR,SAAS;IAOT,OAAO,CAAC,aAAa;IA+Bd,aAAa,IAAI,OAAO;IAQxB,QAAQ,CACb,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,EAC7B,KAAK,SAAI,EACT,OAAO,CAAC,EAAE,GAAG,GACZ,IAAI;CA4BR;AAED,eAAO,MAAM,YAAY,cAA6B,CAAC"}

package/dist/index.esm.js

@@ -1,141 +0,0 @@
-import Quill, { Delta } from "quill";
-import "quill/dist/quill.core.css";
-export { TextEditTool } from "./TextEditTool";
-export { TextEditor } from "./TextEditor";
-class QuillManager {
-    constructor() {
-        this.quill = null;
-        this.app_ = null;
-    }
-    static getInstance() {
-        if (!QuillManager.instance) {
-            QuillManager.instance = new QuillManager();
-        }
-        return QuillManager.instance;
-    }
-    async init(app) {
-        this.app_ = app;
-        if (this.quill)
-            return this.quill;
-        let el = document.getElementById("textInnerEditor");
-        if (!el) {
-            el = document.createElement("div");
-            el.id = "textInnerEditor";
-            el.style.position = "fixed";
-            el.style.transformOrigin = "left top";
-            el.style.overflowWrap = "break-word";
-            el.style.wordBreak = "break-all";
-            el.style.visibility = "hidden";
-            document.body.appendChild(el);
-            this.quill = new Quill("#textInnerEditor", {
-                theme: undefined,
-                modules: {
-                    toolbar: false,
-                    keyboard: {
-                        bindings: {
-                            enter: {
-                                key: "Enter",
-                                handler: (range) => {
-                                    const [line] = this.quill.getLine(range.index);
-                                    const BlockBlot = Quill.import("blots/block");
-                                    if (!BlockBlot?.bubbleFormats)
-                                        return true;
-                                    const lineFormats = BlockBlot.bubbleFormats(line);
-                                    const delta = new Delta()
-                                        .retain(range.index)
-                                        .delete(range.length)
-                                        .insert("\n", lineFormats);
-                                    this.quill.updateContents(delta, Quill.sources.USER);
-                                    this.quill.setSelection(range.index + 1, Quill.sources.SILENT);
-                                    return false;
-                                },
-                            },
-                        },
-                    },
-                },
-            });
-            this.app_.editor.quill = this.quill;
-            this.registerFonts();
-            return this.quill;
-        }
-        else {
-            this.quill = this.app_.editor.quill;
-        }
-    }
-    getQuill() {
-        if (!this.quill) {
-            throw new Error("Quill editor not initialized. Call init() first.");
-        }
-        return this.quill;
-    }
-    getCanvas() {
-        if (!this.app_) {
-            throw new Error("app_ editor not initialized. Call init() first.");
-        }
-        return this.app_;
-    }
-    registerFonts() {
-        const FontAttributor = Quill.import("attributors/class/font");
-        FontAttributor.whitelist = [
-            "Roboto",
-            "RobotoMono",
-            "Inter",
-            "OpenSans",
-            "Montserrat",
-            "RobotoCondensed",
-            "Arimo",
-            "NotoSans",
-            "NotoSansSymbols",
-            "Merriweather",
-            "PlayfairDisplay",
-            "NotoSerif",
-            "Lato",
-            "Spectral",
-            "DancingScript",
-            "NotoSansSimplifiedChinese",
-            "NotoSerifSimplifiedChinese",
-            "NotoSansTraditionalChinese",
-            "NotoSansHongKong",
-            "NotoSerifTraditionalChinese",
-            "NotoSerifHongKong",
-            "NotoSansJapanese",
-            "NotoSansKorean",
-            "Poppins",
-        ];
-        Quill.register(FontAttributor, true);
-    }
-    isMultiSelect() {
-        if (!this.app_.editor)
-            return false;
-        if (this.app_.editor.multiple === true) {
-            return true;
-        }
-        else {
-            return false;
-        }
-    }
-    dateEdit(callback, level = 0, listNew) {
-        const { editor } = this.app_;
-        const list = listNew ? listNew : editor.leafList.list;
-        const applyCallback = (leaf) => {
-            if (level && (leaf.tag === "Box" || leaf.name === "Text")) {
-                callback(leaf.children?.[0] || leaf);
-            }
-            else {
-                callback(leaf);
-            }
-        };
-        if (!list.length)
-            return;
-        if (Array.isArray(list) && list.length > 1) {
-            this.app_.lockLayout();
-            list.forEach(applyCallback);
-            this.app_.unlockLayout();
-            editor.updateEditBox();
-        }
-        else {
-            applyCallback(list[0]);
-        }
-    }
-}
-export const quillManager = QuillManager.getInstance();

package/dist/index.js

@@ -1,179 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.quillManager = exports.TextEditor = exports.TextEditTool = void 0;
-const quill_1 = __importStar(require("quill"));
-require("quill/dist/quill.core.css");
-var TextEditTool_1 = require("./TextEditTool");
-Object.defineProperty(exports, "TextEditTool", { enumerable: true, get: function () { return TextEditTool_1.TextEditTool; } });
-var TextEditor_1 = require("./TextEditor");
-Object.defineProperty(exports, "TextEditor", { enumerable: true, get: function () { return TextEditor_1.TextEditor; } });
-class QuillManager {
-    constructor() {
-        this.quill = null;
-        this.app_ = null;
-    }
-    static getInstance() {
-        if (!QuillManager.instance) {
-            QuillManager.instance = new QuillManager();
-        }
-        return QuillManager.instance;
-    }
-    async init(app) {
-        this.app_ = app;
-        if (this.quill)
-            return this.quill;
-        let el = document.getElementById("textInnerEditor");
-        if (!el) {
-            el = document.createElement("div");
-            el.id = "textInnerEditor";
-            el.style.position = "fixed";
-            el.style.transformOrigin = "left top";
-            el.style.overflowWrap = "break-word";
-            el.style.wordBreak = "break-all";
-            el.style.visibility = "hidden";
-            document.body.appendChild(el);
-            this.quill = new quill_1.default("#textInnerEditor", {
-                theme: undefined,
-                modules: {
-                    toolbar: false,
-                    keyboard: {
-                        bindings: {
-                            enter: {
-                                key: "Enter",
-                                handler: (range) => {
-                                    const [line] = this.quill.getLine(range.index);
-                                    const BlockBlot = quill_1.default.import("blots/block");
-                                    if (!BlockBlot?.bubbleFormats)
-                                        return true;
-                                    const lineFormats = BlockBlot.bubbleFormats(line);
-                                    const delta = new quill_1.Delta()
-                                        .retain(range.index)
-                                        .delete(range.length)
-                                        .insert("\n", lineFormats);
-                                    this.quill.updateContents(delta, quill_1.default.sources.USER);
-                                    this.quill.setSelection(range.index + 1, quill_1.default.sources.SILENT);
-                                    return false;
-                                },
-                            },
-                        },
-                    },
-                },
-            });
-            this.app_.editor.quill = this.quill;
-            this.registerFonts();
-            return this.quill;
-        }
-        else {
-            this.quill = this.app_.editor.quill;
-        }
-    }
-    getQuill() {
-        if (!this.quill) {
-            throw new Error("Quill editor not initialized. Call init() first.");
-        }
-        return this.quill;
-    }
-    getCanvas() {
-        if (!this.app_) {
-            throw new Error("app_ editor not initialized. Call init() first.");
-        }
-        return this.app_;
-    }
-    registerFonts() {
-        const FontAttributor = quill_1.default.import("attributors/class/font");
-        FontAttributor.whitelist = [
-            "Roboto",
-            "RobotoMono",
-            "Inter",
-            "OpenSans",
-            "Montserrat",
-            "RobotoCondensed",
-            "Arimo",
-            "NotoSans",
-            "NotoSansSymbols",
-            "Merriweather",
-            "PlayfairDisplay",
-            "NotoSerif",
-            "Lato",
-            "Spectral",
-            "DancingScript",
-            "NotoSansSimplifiedChinese",
-            "NotoSerifSimplifiedChinese",
-            "NotoSansTraditionalChinese",
-            "NotoSansHongKong",
-            "NotoSerifTraditionalChinese",
-            "NotoSerifHongKong",
-            "NotoSansJapanese",
-            "NotoSansKorean",
-            "Poppins",
-        ];
-        quill_1.default.register(FontAttributor, true);
-    }
-    isMultiSelect() {
-        if (!this.app_.editor)
-            return false;
-        if (this.app_.editor.multiple === true) {
-            return true;
-        }
-        else {
-            return false;
-        }
-    }
-    dateEdit(callback, level = 0, listNew) {
-        const { editor } = this.app_;
-        const list = listNew ? listNew : editor.leafList.list;
-        const applyCallback = (leaf) => {
-            if (level && (leaf.tag === "Box" || leaf.name === "Text")) {
-                callback(leaf.children?.[0] || leaf);
-            }
-            else {
-                callback(leaf);
-            }
-        };
-        if (!list.length)
-            return;
-        if (Array.isArray(list) && list.length > 1) {
-            this.app_.lockLayout();
-            list.forEach(applyCallback);
-            this.app_.unlockLayout();
-            editor.updateEditBox();
-        }
-        else {
-            applyCallback(list[0]);
-        }
-    }
-}
-exports.quillManager = QuillManager.getInstance();

package/dist/utils.d.ts

@@ -1,3 +0,0 @@
-export declare const updataHtmlText: (e?: any, base64font?: any, fontObj?: any) => Promise<void>;
-export declare const setHTMLText: (key: string, value?: any, base64font?: any) => void;
-//# sourceMappingURL=utils.d.ts.map

package/dist/utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,GAAU,IAAI,GAAG,EAAE,aAAa,GAAG,EAAE,UAAU,GAAG,kBAgG5E,CAAA;AAoED,eAAO,MAAM,WAAW,GAAI,KAAK,MAAM,EAAE,QAAQ,GAAG,EAAE,aAAa,GAAG,SA+HrE,CAAA"}