@next2d/text 1.18.12 → 2.0.0

package/src/TextParser/usecase/TextParserParseTextUseCase.js

@@ -0,0 +1,140 @@
+import { execute as textFormatGetWidthMarginService } from "../../TextFormat/service/TextFormatGetWidthMarginService";
+import { execute as textFormatGenerateFontStyleService } from "../../TextFormat/service/TextFormatGenerateFontStyleService";
+import { $context, $setCurrentWidth, $getCurrentWidth } from "../../TextUtil";
+/**
+ * @description テキストを解析
+ *              Analyze text
+ *
+ * @param  {string} texts
+ * @param  {TextFormat} text_format
+ * @param  {TextData} text_data
+ * @param  {IOptions} options
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = (texts, text_format, text_data, options) => {
+    let line = text_data.lineTable.length - 1;
+    const maxWidth = options.width - textFormatGetWidthMarginService(text_format) - 4;
+    for (let idx = 0; idx < texts.length; ++idx) {
+        const textFormat = options.textFormats
+            ? options.textFormats.shift()
+            : text_format;
+        const text = texts[idx];
+        const object = {
+            "mode": "text",
+            "text": text,
+            "x": 0,
+            "y": 0,
+            "w": 0,
+            "h": 0,
+            "line": line,
+            "textFormat": textFormat.toObject()
+        };
+        $context.font = textFormatGenerateFontStyleService(textFormat);
+        const mesure = $context.measureText(text || "");
+        const width = textFormat.letterSpacing
+            ? mesure.width + textFormat.letterSpacing
+            : mesure.width;
+        const height = textFormat.leading
+            ? mesure.fontBoundingBoxAscent + mesure.fontBoundingBoxDescent + textFormat.leading
+            : mesure.fontBoundingBoxAscent + mesure.fontBoundingBoxDescent;
+        // setup
+        object.x = 0;
+        object.y = mesure.fontBoundingBoxAscent;
+        object.w = width;
+        object.h = height;
+        $setCurrentWidth($getCurrentWidth() + width);
+        if (options.wordWrap && $getCurrentWidth() > maxWidth) {
+            $setCurrentWidth(width);
+            // update
+            line++;
+            object.line = line;
+            // break object
+            const wrapObject = {
+                "mode": "wrap",
+                "text": "",
+                "x": 0,
+                "y": 0,
+                "w": 0,
+                "h": 0,
+                "line": line,
+                "textFormat": textFormat.toObject()
+            };
+            let chunkLength = 1;
+            let isSeparated = true;
+            const pattern = /[0-9a-zA-Z?!;:.,？！。、；：〜]/g;
+            for (;;) {
+                const index = text_data.textTable.length - chunkLength;
+                if (0 >= index) {
+                    isSeparated = false;
+                    chunkLength = 0;
+                    break;
+                }
+                const prevObj = text_data.textTable[index];
+                if (!prevObj) {
+                    isSeparated = false;
+                    chunkLength = 0;
+                    break;
+                }
+                if (prevObj.mode !== "text") {
+                    isSeparated = false;
+                    break;
+                }
+                if (prevObj.text === " ") {
+                    chunkLength--;
+                    break;
+                }
+                if (!prevObj.text.match(pattern)) {
+                    chunkLength--;
+                    break;
+                }
+                chunkLength++;
+            }
+            // new line
+            text_data.widthTable[line] = 0;
+            text_data.heightTable[line] = 0;
+            text_data.ascentTable[line] = 0;
+            if (chunkLength > 0 && isSeparated) {
+                const insertIdx = text_data.textTable.length - chunkLength;
+                text_data.textTable.splice(insertIdx, 0, wrapObject);
+                text_data.lineTable.push(wrapObject);
+                const prevLine = line - 1;
+                // reset
+                text_data.widthTable[prevLine] = 0;
+                text_data.heightTable[prevLine] = 0;
+                text_data.ascentTable[prevLine] = 0;
+                for (let idx = 0; idx < insertIdx; ++idx) {
+                    const textObject = text_data.textTable[idx];
+                    if (!textObject) {
+                        continue;
+                    }
+                    if (textObject.line !== prevLine) {
+                        continue;
+                    }
+                    if (textObject.mode !== "text") {
+                        continue;
+                    }
+                    text_data.widthTable[prevLine] += textObject.w;
+                    text_data.heightTable[prevLine] = Math.max(text_data.heightTable[prevLine], textObject.h);
+                    text_data.ascentTable[prevLine] = Math.max(text_data.ascentTable[prevLine], textObject.y);
+                }
+                // reset
+                $setCurrentWidth(0);
+                for (let idx = insertIdx + 1; idx < text_data.textTable.length; ++idx) {
+                    const textObject = text_data.textTable[idx];
+                    textObject.line = line;
+                    $setCurrentWidth($getCurrentWidth() + textObject.w);
+                }
+            }
+            else {
+                text_data.textTable.push(wrapObject);
+                text_data.lineTable.push(wrapObject);
+            }
+        }
+        text_data.widthTable[line] = $getCurrentWidth();
+        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);
+    }
+};

package/src/TextParser/usecase/TextParserSetAttributesUseCase.d.ts

@@ -0,0 +1,14 @@
+import type { TextFormat } from "../../TextFormat";
+import type { IOptions } from "../../interface/IOptions";
+import type { IAttributeObject } from "../../interface/IAttributeObject";
+/**
+ * @description 属性を TextFormat に設定
+ *              Set attributes to TextFormat
+ *
+ * @param {IAttributeObject[]} attributes
+ * @param {TextFormat} text_format
+ * @param {IOptions} options
+ * @method
+ * @protected
+ */
+export declare const execute: (attributes: IAttributeObject[], text_format: TextFormat, options: IOptions) => void;

package/src/TextParser/usecase/TextParserSetAttributesUseCase.js

@@ -0,0 +1,63 @@
+import { $toColorInt } from "../../TextUtil";
+import { execute as textParserParseStyleService } from "../service/TextParserParseStyleService";
+/**
+ * @description 属性を TextFormat に設定
+ *              Set attributes to TextFormat
+ *
+ * @param {IAttributeObject[]} attributes
+ * @param {TextFormat} text_format
+ * @param {IOptions} options
+ * @method
+ * @protected
+ */
+export const execute = (attributes, text_format, options) => {
+    for (let idx = 0; idx < attributes.length; ++idx) {
+        const object = attributes[idx];
+        switch (object.name) {
+            case "style":
+                execute(textParserParseStyleService(object.value), text_format, options);
+                break;
+            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 = parseInt(object.value);
+                break;
+            case "leading":
+                text_format.leading = parseInt(object.value);
+                break;
+            case "leftMargin":
+                text_format.leftMargin = parseInt(object.value);
+                break;
+            case "rightMargin":
+                text_format.rightMargin = parseInt(object.value);
+                break;
+            case "underline":
+                text_format.underline = true;
+                break;
+            case "bold":
+                text_format.bold = true;
+                break;
+            case "italic":
+                text_format.italic = true;
+                break;
+            default:
+                break;
+        }
+    }
+};

package/src/TextUtil.d.ts

@@ -0,0 +1,114 @@
+import type { IRGBA } from "./interface/IRGBA";
+import type { IElementPosition } from "./interface/IElementPosition";
+import type { TextField } from "./TextField";
+/**
+ * @description 選択したテキストフィールドをセット
+ *              Set the selected text field
+ *
+ * @param {TextField | null} text_field
+ * @method
+ * @public
+ */
+export declare const $setSelectedTextField: (text_field: TextField | null) => void;
+/**
+ * @description 選択中のテキストフィールドを返却
+ *              Returns the selected text field
+ *
+ * @return {TextField | null}
+ * @method
+ * @public
+ */
+export declare const $getSelectedTextField: () => TextField | null;
+/**
+ * @description テキスト変更用の TextArea Element(hidden)
+ *              TextArea Element(hidden) for changing text
+ *
+ * @type {HTMLTextAreaElement}
+ * @protected
+ */
+export declare const $textArea: HTMLTextAreaElement;
+export declare const $context: CanvasRenderingContext2D;
+/**
+ * @description 分解中のテキストの現在の幅を取得
+ *              Get the current width of the text being decomposed
+ *
+ * @return {number}
+ * @method
+ * @protected
+ */
+export declare const $getCurrentWidth: () => number;
+/**
+ * @description 分解中のテキストの現在の幅をセット
+ *              Set the current width of the text being decomposed
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const $setCurrentWidth: (width: number) => void;
+/**
+ * @description カラー文字列を数値に変換
+ *              Convert color string to number
+ *
+ * @param  {string} value
+ * @return {number}
+ * @method
+ * @protected
+ */
+export declare const $convertColorStringToNumber: (value: string) => number;
+/**
+ * @description カラー文字列を数値に変換
+ *              Convert color string to number
+ *
+ * @param  {*} value
+ * @return {number}
+ * @method
+ * @static
+ */
+export declare const $toColorInt: (value: any) => number;
+/**
+ * @param   {number} color
+ * @param   {number} [alpha=1]
+ * @returns {IRGBA}
+ * @method
+ * @static
+ */
+export declare const $intToRGBA: (color: number, alpha?: number) => IRGBA;
+/**
+ * @description 値が最小値と最大値の間に収まるように調整します。
+ *              Adjust the value so that it falls between the minimum and maximum values.
+ *
+ * @param  {number} value
+ * @param  {number} min
+ * @param  {number} max
+ * @param  {number} [default_value=null]
+ * @return {number}
+ * @method
+ * @protected
+ */
+export declare const $clamp: (value: number, min: number, max: number, default_value?: number | null) => number;
+/**
+ * @description テキスト点滅のタイマーIDを返却
+ *              Returns the timer ID for text blinking
+ *
+ * @return {NodeJS.Timeout}
+ * @protected
+ */
+export declare const $getBlinkingTimerId: () => NodeJS.Timeout | void;
+/**
+ * @description テキスト点滅のタイマーIDをセット
+ *              Set the timer ID for text blinking
+ *
+ * @param  {NodeJS.Timeout} timer_id
+ * @return {void}
+ * @protected
+ */
+export declare const $setBlinkingTimerId: (timer_id: NodeJS.Timeout | void) => void;
+/**
+ * @description canvasの位置をセット
+ *              Set the position of the canvas
+ *
+ * @type {IElementPosition}
+ * @public
+ */
+export declare const $mainCanvasPosition: IElementPosition;

package/src/TextUtil.js

@@ -0,0 +1,186 @@
+import { execute as textAreaRegisterEventUseCase } from "./TextArea/usecase/TextAreaRegisterEventUseCase";
+/**
+ * @description 選択中のテキストフィールド
+ *              Selected text field
+ *
+ * @type {TextField | null}
+ * @private
+ */
+let $selectedTextField = null;
+/**
+ * @description 選択したテキストフィールドをセット
+ *              Set the selected text field
+ *
+ * @param {TextField | null} text_field
+ * @method
+ * @public
+ */
+export const $setSelectedTextField = (text_field) => {
+    $selectedTextField = text_field;
+};
+/**
+ * @description 選択中のテキストフィールドを返却
+ *              Returns the selected text field
+ *
+ * @return {TextField | null}
+ * @method
+ * @public
+ */
+export const $getSelectedTextField = () => {
+    return $selectedTextField;
+};
+/**
+ * @description テキスト変更用の TextArea Element(hidden)
+ *              TextArea Element(hidden) for changing text
+ *
+ * @type {HTMLTextAreaElement}
+ * @protected
+ */
+export const $textArea = document.createElement("textarea");
+textAreaRegisterEventUseCase($textArea);
+$textArea.tabIndex = -1;
+let style = "";
+style += "position: fixed;";
+style += "top: 0;";
+style += "left: 0;";
+style += "font-size: 16px;";
+style += "border: 0;";
+style += "resize: none;";
+style += "opacity: 0;";
+style += "z-index: -1;";
+style += "pointer-events: none;";
+$textArea.setAttribute("style", style);
+/**
+ * @type {HTMLCanvasElement}
+ * @private
+*/
+const canvas = document.createElement("canvas");
+canvas.width = canvas.height = 1;
+export const $context = canvas.getContext("2d");
+/**
+ * @type {number}
+ * @private
+ */
+let $currentWidth = 0;
+/**
+ * @description 分解中のテキストの現在の幅を取得
+ *              Get the current width of the text being decomposed
+ *
+ * @return {number}
+ * @method
+ * @protected
+ */
+export const $getCurrentWidth = () => {
+    return $currentWidth;
+};
+/**
+ * @description 分解中のテキストの現在の幅をセット
+ *              Set the current width of the text being decomposed
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const $setCurrentWidth = (width) => {
+    $currentWidth = width;
+};
+/**
+ * @description カラー文字列を数値に変換
+ *              Convert color string to number
+ *
+ * @param  {string} value
+ * @return {number}
+ * @method
+ * @protected
+ */
+export const $convertColorStringToNumber = (value) => {
+    if (!$context) {
+        return 0;
+    }
+    $context.fillStyle = value;
+    return +`0x${$context.fillStyle.slice(1)}`;
+};
+/**
+ * @description カラー文字列を数値に変換
+ *              Convert color string to number
+ *
+ * @param  {*} value
+ * @return {number}
+ * @method
+ * @static
+ */
+export const $toColorInt = (value) => {
+    return isNaN(+value)
+        ? $convertColorStringToNumber(`${value}`)
+        : +value;
+};
+/**
+ * @param   {number} color
+ * @param   {number} [alpha=1]
+ * @returns {IRGBA}
+ * @method
+ * @static
+ */
+export const $intToRGBA = (color, alpha = 1) => {
+    return {
+        "R": (color & 0xff0000) >> 16,
+        "G": (color & 0x00ff00) >> 8,
+        "B": color & 0x0000ff,
+        "A": alpha * 255
+    };
+};
+/**
+ * @description 値が最小値と最大値の間に収まるように調整します。
+ *              Adjust the value so that it falls between the minimum and maximum values.
+ *
+ * @param  {number} value
+ * @param  {number} min
+ * @param  {number} max
+ * @param  {number} [default_value=null]
+ * @return {number}
+ * @method
+ * @protected
+ */
+export const $clamp = (value, min, max, default_value = null) => {
+    const number = +value;
+    return isNaN(number) && default_value !== null
+        ? default_value
+        : Math.min(Math.max(min, isNaN(number) ? 0 : number), max);
+};
+/**
+ * @type {NodeJS.Timeout}
+ * @private
+ */
+let $timerId;
+/**
+ * @description テキスト点滅のタイマーIDを返却
+ *              Returns the timer ID for text blinking
+ *
+ * @return {NodeJS.Timeout}
+ * @protected
+ */
+export const $getBlinkingTimerId = () => {
+    return $timerId;
+};
+/**
+ * @description テキスト点滅のタイマーIDをセット
+ *              Set the timer ID for text blinking
+ *
+ * @param  {NodeJS.Timeout} timer_id
+ * @return {void}
+ * @protected
+ */
+export const $setBlinkingTimerId = (timer_id) => {
+    $timerId = timer_id;
+};
+/**
+ * @description canvasの位置をセット
+ *              Set the position of the canvas
+ *
+ * @type {IElementPosition}
+ * @public
+ */
+export const $mainCanvasPosition = {
+    "x": 0,
+    "y": 0
+};

package/src/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./TextField";
+export * from "./TextFormat";
+export { $textArea, $getSelectedTextField, $setSelectedTextField, $mainCanvasPosition } from "./TextUtil";

package/src/index.js

@@ -0,0 +1,3 @@
+export * from "./TextField";
+export * from "./TextFormat";
+export { $textArea, $getSelectedTextField, $setSelectedTextField, $mainCanvasPosition } from "./TextUtil";

package/src/interface/IAttributeObject.d.ts

@@ -0,0 +1,4 @@
+export type IAttributeObject = {
+    name: string;
+    value: string | number | boolean;
+};

package/src/interface/IBlendMode.d.ts

@@ -0,0 +1 @@
+export type IBlendMode = "copy" | "add" | "alpha" | "darken" | "difference" | "erase" | "hardlight" | "invert" | "layer" | "lighten" | "multiply" | "normal" | "overlay" | "screen" | "subtract";

package/src/interface/IBounds.d.ts

@@ -0,0 +1,6 @@
+export interface IBounds {
+    xMin: number;
+    xMax: number;
+    yMin: number;
+    yMax: number;
+}

package/src/interface/ICharacter.d.ts

@@ -0,0 +1,5 @@
+import type { IMovieClipCharacter } from "./IMovieClipCharacter";
+import type { IVideoCharacter } from "./IVideoCharacter";
+import type { IShapeCharacter } from "./IShapeCharacter";
+import type { ITextFieldCharacter } from "./ITextFieldCharacter";
+export type ICharacter = IMovieClipCharacter | IVideoCharacter | IShapeCharacter | ITextFieldCharacter;

package/src/interface/ICharacter.js

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

package/src/interface/IDictionaryTag.d.ts

@@ -0,0 +1,8 @@
+export interface IDictionaryTag {
+    characterId: number;
+    name: string;
+    startFrame: number;
+    endFrame: number;
+    depth: number;
+    clipDepth: number;
+}

package/src/interface/IDictionaryTag.js

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

package/src/interface/IElementPosition.d.ts

@@ -0,0 +1,4 @@
+export interface IElementPosition {
+    x: number;
+    y: number;
+}

package/src/interface/IElementPosition.js

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

package/src/interface/IFilterArray.d.ts

@@ -0,0 +1,2 @@
+import type { BlurFilter, BevelFilter, ColorMatrixFilter, ConvolutionFilter, DisplacementMapFilter, DropShadowFilter, GlowFilter, GradientBevelFilter, GradientGlowFilter } from "@next2d/filters";
+export type IFilterArray = Array<BlurFilter | BevelFilter | ColorMatrixFilter | ConvolutionFilter | DisplacementMapFilter | DropShadowFilter | GlowFilter | GradientBevelFilter | GradientGlowFilter>;

package/src/interface/IFilterArray.js

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

package/src/interface/IGrid.d.ts

@@ -0,0 +1,6 @@
+export interface IGrid {
+    x: number;
+    y: number;
+    w: number;
+    h: number;
+}

package/src/interface/IGrid.js

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

package/src/interface/ILoopConfig.d.ts

@@ -0,0 +1,8 @@
+import type { ILoopType } from "./ILoopType";
+export interface ILoopConfig {
+    type: ILoopType;
+    frame: number;
+    start: number;
+    end: number;
+    tweenFrame?: number;
+}

package/src/interface/ILoopConfig.js

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

package/src/interface/ILoopType.d.ts

@@ -0,0 +1 @@
+export type ILoopType = 0 | 1 | 2 | 3 | 4;

package/src/interface/ILoopType.js

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

package/src/interface/IMovieClipActionObject.d.ts

@@ -0,0 +1,5 @@
+export interface IMovieClipActionObject {
+    frame: number;
+    action: string;
+    script?: Function;
+}

package/src/interface/IMovieClipActionObject.js

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

package/src/interface/IMovieClipCharacter.d.ts

@@ -0,0 +1,17 @@
+import type { IMovieClipSoundObject } from "./IMovieClipSoundObject";
+import type { IMovieClipActionObject } from "./IMovieClipActionObject";
+import type { IMovieClipLabelObject } from "./IMovieClipLabelObject";
+import type { IPlaceObject } from "./IPlaceObject";
+import type { IDictionaryTag } from "./IDictionaryTag";
+export interface IMovieClipCharacter {
+    symbol?: string;
+    extends: string;
+    totalFrame: number;
+    controller: Array<Array<number>>;
+    dictionary: IDictionaryTag[];
+    placeMap: Array<Array<number>>;
+    placeObjects: IPlaceObject[];
+    labels?: IMovieClipLabelObject[];
+    actions?: IMovieClipActionObject[];
+    sounds?: IMovieClipSoundObject[];
+}

package/src/interface/IMovieClipCharacter.js

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

package/src/interface/IMovieClipLabelObject.d.ts

@@ -0,0 +1,4 @@
+export interface IMovieClipLabelObject {
+    name: string;
+    frame: number;
+}

package/src/interface/IMovieClipLabelObject.js

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

package/src/interface/IMovieClipSoundObject.d.ts

@@ -0,0 +1,5 @@
+import type { ISoundTag } from "./ISoundTag";
+export interface IMovieClipSoundObject {
+    frame: number;
+    sound: ISoundTag[];
+}

package/src/interface/IMovieClipSoundObject.js

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

package/src/interface/IOptions.d.ts

@@ -0,0 +1,8 @@
+import type { TextFormat } from "../TextFormat";
+export interface IOptions {
+    width: number;
+    multiline: boolean;
+    wordWrap: boolean;
+    textFormats?: TextFormat[] | null;
+    subFontSize?: number;
+}