@next2d/text 1.16.0 → 1.17.0

package/dist/TextParser.js

@@ -0,0 +1,300 @@
+import { parseDocument } from "htmlparser2";
+import { TextData } from "./TextData";
+import { $toColorInt } from "@next2d/share";
+/**
+ * @type {OffscreenCanvasRenderingContext2D}
+ * @private
+ */
+const $context = new OffscreenCanvas(1, 1).getContext("2d");
+/**
+ * @type {number}
+ * @private
+ */
+let $currentWidth = 0;
+/**
+ * @param  {string} texts
+ * @param  {TextFormat} text_format
+ * @param  {TextData} text_data
+ * @param  {object} options
+ * @return {void}
+ * @method
+ * @private
+ */
+const _$parseText = (texts, text_format, text_data, options) => {
+    let line = text_data.lineTable.length - 1;
+    const maxWidth = options.width - text_format._$widthMargin() - 4;
+    for (let idx = 0; idx < texts.length; ++idx) {
+        const text = texts[idx];
+        const object = {
+            "mode": "text",
+            "text": text,
+            "x": 0,
+            "y": 0,
+            "w": 0,
+            "h": 0,
+            "line": line,
+            "textFormat": text_format._$clone()
+        };
+        const breakCode = options.multiline
+            && text === "\n"
+            || text === "\r"
+            || text === "\n\r";
+        $context.font = text_format._$generateFontStyle();
+        const mesure = $context.measureText(text || "");
+        let width = mesure.width;
+        if (text_format.letterSpacing) {
+            width += text_format.letterSpacing;
+        }
+        let height = mesure.fontBoundingBoxAscent + mesure.fontBoundingBoxDescent;
+        if (text_format.leading) {
+            height += text_format.leading;
+        }
+        // setup
+        object.x = mesure.actualBoundingBoxLeft;
+        object.y = mesure.actualBoundingBoxAscent;
+        object.w = width;
+        object.h = height;
+        $currentWidth += width;
+        if (breakCode || options.wordWrap && $currentWidth > maxWidth) {
+            $currentWidth = width;
+            // update
+            line++;
+            object.line = line;
+            // break object
+            const wrapObject = {
+                "mode": breakCode ? "break" : "wrap",
+                "text": "",
+                "x": 0,
+                "y": 0,
+                "w": 0,
+                "h": 0,
+                "line": line,
+                "textFormat": text_format._$clone()
+            };
+            // new line
+            text_data.widthTable[line] = 0;
+            text_data.heightTable[line] = 0;
+            text_data.ascentTable[line] = 0;
+            text_data.textTable.push(wrapObject);
+            text_data.lineTable.push(wrapObject);
+        }
+        if (!breakCode) {
+            text_data.widthTable[line] = $currentWidth;
+            text_data.heightTable[line] = Math.max(text_data.heightTable[line], height);
+            text_data.ascentTable[line] = Math.max(text_data.ascentTable[line], object.y);
+            text_data.textTable.push(object);
+        }
+    }
+};
+/**
+ * @param  {array} attributes
+ * @param  {TextFormat} text_format
+ * @param  {object} options
+ * @return {void}
+ * @method
+ * @private
+ */
+const _$setAttributes = (attributes, text_format, options) => {
+    for (let idx = 0; idx < attributes.length; ++idx) {
+        const object = attributes[idx];
+        switch (object.name) {
+            case "align":
+                text_format.align = object.value;
+                break;
+            case "face":
+                text_format.font = object.value;
+                break;
+            case "size":
+                text_format.size = +object.value;
+                if (options.subFontSize) {
+                    text_format.size -= options.subFontSize;
+                    if (1 > text_format.size) {
+                        text_format.size = 1;
+                    }
+                }
+                break;
+            case "color":
+                text_format.color = $toColorInt(object.value);
+                break;
+            case "letterSpacing":
+                text_format.letterSpacing = +object.value;
+                break;
+            case "leading":
+                text_format.leading = +object.value;
+                break;
+            case "leftMargin":
+                text_format.leftMargin = +object.value;
+                break;
+            case "rightMargin":
+                text_format.rightMargin = +object.value;
+                break;
+            default:
+                break;
+        }
+    }
+};
+/**
+ * @param {TextData} text_data
+ * @param {TextFormat} text_format
+ * @return {void}
+ * @method
+ * @private
+ */
+const _$createNewLine = (text_data, text_format) => {
+    $currentWidth = 0;
+    const line = text_data.lineTable.length;
+    $context.font = text_format._$generateFontStyle();
+    const mesure = $context.measureText("");
+    const object = {
+        "mode": "break",
+        "text": "",
+        "x": 0,
+        "y": 0,
+        "w": 0,
+        "h": mesure.fontBoundingBoxAscent + mesure.fontBoundingBoxDescent,
+        "line": line,
+        "textFormat": text_format._$clone()
+    };
+    text_data.heightTable[line] = 0;
+    text_data.ascentTable[line] = 0;
+    text_data.widthTable[line] = 0;
+    // register
+    text_data.lineTable.push(object);
+    text_data.textTable.push(object);
+};
+/**
+ * @param  {object} document
+ * @param  {TextFormat} text_format
+ * @param  {TextData} text_data
+ * @param  {object} options
+ * @return {void}
+ * @method
+ * @private
+ */
+const _$parseTag = (document, text_format, text_data, options) => {
+    for (let idx = 0; idx < document.children.length; ++idx) {
+        const node = document.children[idx];
+        if (node.nodeType === 3) {
+            _$parseText(node.nodeValue || "", text_format, text_data, options);
+            continue;
+        }
+        const tf = text_format._$clone();
+        switch (node.name.toUpperCase()) {
+            case "DIV": // div tag
+            case "P": // p tag
+                _$setAttributes(node.attributes, tf, options);
+                if (options.multiline) {
+                    _$createNewLine(text_data, tf);
+                }
+                _$parseTag(node, tf, text_data, options);
+                if (options.multiline) {
+                    _$createNewLine(text_data, tf);
+                }
+                continue;
+            case "U": // underline
+                tf.underline = true;
+                break;
+            case "B": // bold
+                tf.bold = true;
+                break;
+            case "I": // italic
+                tf.italic = true;
+                break;
+            case "FONT": // FONT tag
+            case "SPAN": // SPAN tag
+                _$setAttributes(node.attributes, tf, options);
+                break;
+            case "BR":
+                if (!options.multiline) {
+                    continue;
+                }
+                _$createNewLine(text_data, tf);
+                break;
+            default:
+                break;
+        }
+        _$parseTag(node, tf, text_data, options);
+    }
+};
+/**
+ * @param  {TextData} text_data
+ * @return {void}
+ * @method
+ * @private
+ */
+const _$adjustmentHeight = (text_data) => {
+    const length = text_data.heightTable.length - 1;
+    for (let idx = 1; idx < length; ++idx) {
+        const height = text_data.heightTable[idx];
+        if (height > 0) {
+            continue;
+        }
+        // 改行があって、高さの設定がなければ前の行の高さを設定する
+        const object = text_data.lineTable[idx];
+        text_data.heightTable[idx] = object.h = text_data.heightTable[idx - 1];
+    }
+};
+/**
+ * @description 文字列のテキストを分解・解析して配列戻す
+ *
+ * @param  {string} text
+ * @param  {object} [options = null]
+ * @return {TextData}
+ * @method
+ * @public
+ */
+export const parsePlainText = (text, text_format, options) => {
+    const lineText = options.multiline
+        ? text.split("\n")
+        : [text.replace("\n", "")];
+    const textData = new TextData();
+    // clone
+    const textFormat = text_format._$clone();
+    if (options.subFontSize
+        && options.subFontSize > 0 && textFormat.size) {
+        textFormat.size -= options.subFontSize;
+        if (1 > textFormat.size) {
+            textFormat.size = 1;
+        }
+    }
+    for (let idx = 0; idx < lineText.length; ++idx) {
+        if (options.wordWrap || options.multiline) {
+            _$createNewLine(textData, textFormat);
+        }
+        const texts = lineText[idx];
+        if (texts) {
+            $currentWidth = 0;
+            _$parseText(texts, textFormat, textData, options);
+        }
+    }
+    _$adjustmentHeight(textData);
+    return textData;
+};
+/**
+ * @description HTMLを分解・解析して配列戻す
+ *
+ * @param  {string} html_text
+ * @param  {object} [options = null]
+ * @return {array}
+ * @method
+ * @public
+ */
+export const parseHtmlText = (html_text, text_format, options) => {
+    const htmlText = html_text
+        .trim()
+        .replace(/\r?\n/g, "")
+        .replace(/\t/g, "");
+    const textData = new TextData();
+    const textFormat = text_format._$clone();
+    if (options.subFontSize && options.subFontSize > 0 && textFormat.size) {
+        textFormat.size -= options.subFontSize;
+        if (1 > textFormat.size) {
+            textFormat.size = 1;
+        }
+    }
+    const document = parseDocument(htmlText);
+    _$createNewLine(textData, textFormat);
+    _$parseTag(document, textFormat, textData, options);
+    _$adjustmentHeight(textData);
+    return textData;
+};

package/dist/index.d.ts

@@ -1,2 +1,3 @@
-export * from "./TextField";
 export * from "./TextFormat";
+export * from "./TextParser";
+export * from "./TextData";

package/dist/index.js

@@ -1,2 +1,3 @@
-export * from "./TextField";
 export * from "./TextFormat";
+export * from "./TextParser";
+export * from "./TextData";

package/dist/interface/OptionsImpl.d.ts

@@ -0,0 +1,6 @@
+export interface OptionsImpl {
+    width: number;
+    multiline: boolean;
+    wordWrap: boolean;
+    subFontSize?: number;
+}

package/dist/interface/OptionsImpl.js

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

package/dist/interface/TextObjectImpl.d.ts

@@ -0,0 +1,12 @@
+import { TextFormat } from "../TextFormat";
+import { TextObjectModeImpl } from "./TextObjectModeImpl";
+export interface TextObjectImpl {
+    mode: TextObjectModeImpl;
+    text: string;
+    textFormat: TextFormat;
+    x: number;
+    y: number;
+    w: number;
+    h: number;
+    line: number;
+}

package/dist/interface/TextObjectImpl.js

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

package/dist/interface/TextObjectModeImpl.d.ts

@@ -0,0 +1 @@
+export type TextObjectModeImpl = "break" | "wrap" | "image" | "text";

package/dist/interface/TextObjectModeImpl.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next2d/text",
-  "version": "1.16.0",
+  "version": "1.17.0",
   "description": "Next2D Text Packages",
   "author": "Toshiyuki Ienaga<ienaga@tvon.jp> (https://github.com/ienaga/)",
   "license": "MIT",
@@ -32,12 +32,6 @@
     "url": "git+https://github.com/Next2D/Player.git"
   },
   "peerDependencies": {
-    "@next2d/display": "1.16.0",
-    "@next2d/events": "1.16.0",
-    "@next2d/ui": "1.16.0",
-    "@next2d/geom": "1.16.0",
-    "@next2d/interface": "1.16.0",
-    "@next2d/core": "1.16.0",
-    "@next2d/webgl": "1.16.0"
+    "@next2d/share": "1.17.0"
   }
 }