X-Git-Url: https://git.kianting.info/?a=blobdiff_plain;f=src%2Flibclo%2Findex.js;h=927c0af15dec3cee3cd8ef2cced87751286834b3;hb=a4f79a3761539f45ac7d86fe919bdc32cf290db0;hp=5bcc3f1347e0783647066875446686bf9def5988;hpb=d8b33fabf7ffab673f4cd6a8201aadacf3624b41;p=clo diff --git a/src/libclo/index.js b/src/libclo/index.js index 5bcc3f1..927c0af 100644 --- a/src/libclo/index.js +++ b/src/libclo/index.js @@ -1,20 +1,347 @@ "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 (mod) { + if (mod && mod.__esModule) return mod; + var result = {}; + if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k); + __setModuleDefault(result, mod); + return result; +}; +var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) { + function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); } + return new (P || (P = Promise))(function (resolve, reject) { + function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } } + function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } } + function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); } + step((generator = generator.apply(thisArg, _arguments || [])).next()); + }); +}; Object.defineProperty(exports, "__esModule", { value: true }); -exports.a = exports.Clo = void 0; -function foo(arr) { +exports.Clo = exports.calculateTextWidthHeightAux = exports.calculateTextWidthHeight = exports.hyphenTkTree = exports.filterEmptyString = exports.spacesToBreakpoint = exports.hyphenForClo = exports.splitCJKV = exports.twoReturnsToNewline = exports.ptToPx = exports.cjkvRegexPattern = exports.cjkvBlocksInRegex = exports.defaultFrameStyle = exports.defaultTextStyle = exports.A4_IN_PX = exports.Direction = void 0; +const canva_1 = require("../canva"); +const fontkit = __importStar(require("fontkit")); +const util = __importStar(require("node:util")); +const breakLines = __importStar(require("./breakLines")); +/** + * TYPES + */ +/** + * text direction + * LTR - left to right + * TTB - top to bottom + * etc. + */ +var Direction; +(function (Direction) { + Direction[Direction["LTR"] = 0] = "LTR"; + Direction[Direction["RTL"] = 1] = "RTL"; + Direction[Direction["TTB"] = 2] = "TTB"; + Direction[Direction["BTT"] = 3] = "BTT"; +})(Direction || (exports.Direction = Direction = {})); +/** + * DEFAULT CONST PART + */ +exports.A4_IN_PX = { "width": 793.7, + "height": 1122.5 }; +exports.defaultTextStyle = { + family: "FreeSerif", + size: ptToPx(12), + textWeight: canva_1.TextWeight.REGULAR, + fontStyle: canva_1.FontStyle.ITALIC, +}; +exports.defaultFrameStyle = { + directionInsideLine: Direction.LTR, + direction: Direction.TTB, + baseLineskip: ptToPx(15), + textStyle: exports.defaultTextStyle, + x: exports.A4_IN_PX.width * 0.10, + y: exports.A4_IN_PX.height * 0.10, + width: exports.A4_IN_PX.width * 0.80, + height: exports.A4_IN_PX.height * 0.80, + content: null, +}; +/** + * definition for cjk scripts + * - Hani : Han Character + * - Hang : Hangul + * - Bopo : Bopomofo + * - Kana : Katakana + * - Hira : Hiragana +*/ +exports.cjkvBlocksInRegex = ["Hani", "Hang", "Bopo", "Kana", "Hira"]; +exports.cjkvRegexPattern = new RegExp("((?:" + + exports.cjkvBlocksInRegex.map((x) => "\\p{Script_Extensions=" + x + "}").join("|") + ")+)", "gu"); +/** + * FUNCTION PART + */ +/** + * convert from ptToPx + * @param pt pt size value + * @returns the corresponding px value + */ +function ptToPx(pt) { + return pt * 4.0 / 3.0; +} +exports.ptToPx = ptToPx; +/** + * REGISTER PART + */ +/** + * convert '\n\n' to newline command ["nl"] + * @param arr the input `tkTree` + * @param clo the `Clo` object + * @returns the input tktree + */ +function twoReturnsToNewline(arr, clo) { + var middle = []; for (let i = 0; i < arr.length; i++) { + var item = arr[i]; + if (!Array.isArray(item)) { + middle = middle.concat(item.split(/(\n\n)/g)); + } + else { + middle.push(item); + } + } + var result = []; + for (let j = 0; j < middle.length; j++) { + var item = middle[j]; + if (!Array.isArray(item) && item == "\n\n") { + result.push(["nl"]); // push a newline command to the result `tkTree` + } + else { + result.push(middle[j]); + } } + return result; +} +exports.twoReturnsToNewline = twoReturnsToNewline; +/** + * split CJKV and non-CJKV + * + * @param arr : input tkTree + * @returns a splitted tkTree (by CJK and NonCJK) + * - Examples: + * ``` + * [`many臺中daylight`] => [`many`, `臺中`, `dahylight`] + * ``` + */ +function splitCJKV(arr, clo) { + var result = []; + for (let i = 0; i < arr.length; i++) { + var item = arr[i]; + if (!Array.isArray(item)) { + result = result.concat(item.split(exports.cjkvRegexPattern)); + } + else { + result.push(item); + } + } + return result; +} +exports.splitCJKV = splitCJKV; +/** + * hyphenation for a clo document + * @param arr the array for a `tkTree` + * @param clo the Clo object + */ +function hyphenForClo(arr, clo) { + let hyphenLanguage = clo.attrs["hyphenLanguage"]; + let res = hyphenTkTree(arr, hyphenLanguage); + return res; +} +exports.hyphenForClo = hyphenForClo; +/** + * convert spaces to Breakpoint + * \s+ => ["bp" [\s+] ""] + * @param arr the tkTree input text stream + * @param clo the Clo object + * @returns the converted object + */ +function spacesToBreakpoint(arr, clo) { + let spacePattern = /^([ \t]+)$/g; + var result = []; + for (let i = 0; i < arr.length; i++) { + var item = arr[i]; + if (!Array.isArray(item) && item.match(spacePattern)) { + // push a breakpoint command to the result `tkTree` + result.push(['bp', [["hglue", "0.1"], item], ""]); + } + else { + result.push(item); + } + } + return result; +} +exports.spacesToBreakpoint = spacesToBreakpoint; +/** + * remove all the `` (empty string) in the arr + * @param arr the tkTree to be filtered + * @param clo the Clo file + */ +function filterEmptyString(arr, clo) { if (Array.isArray(arr)) { - arr.push("balabala"); + arr.filter((x) => { return x != ``; }); } return arr; } +exports.filterEmptyString = filterEmptyString; +/** + * OTHER FUNCTIONS + */ +/** + * hyphenate for a tkTree + * - hyphenation => ["bp", "", "-"] + * @param arr the tkTree array + * @param lang ISO 639 code for the language + */ +function hyphenTkTree(arr, lang) { + // import corresponding hyphen language data and function + let hyphen = require("hyphen/" + lang); + let result = []; + for (let i = 0; i < arr.length; i++) { + let element = arr[i]; + let splitter = "分"; // a CJKV + if (!Array.isArray(element)) { + let hyphenatedElement = hyphen.hyphenateSync(element, { hyphenChar: splitter }); + let hyphenatedSplitted = hyphenatedElement.split(splitter); + var newSplitted = []; + for (var j = 0; j < hyphenatedSplitted.length - 1; j++) { + newSplitted.push(hyphenatedSplitted[j]); + // "bp" for breakpoint + newSplitted.push(["bp", "", "-"]); //insert a breakable point (bp) mark + } + newSplitted.push(hyphenatedSplitted[hyphenatedSplitted.length - 1]); + result = result.concat(newSplitted); + } + else { + result.push(element); + } + } + return result; +} +exports.hyphenTkTree = hyphenTkTree; +/** + * calculate the text width and Height with a given `TextStyle` + * @param preprocessed + * @param defaultFontStyle + */ +function calculateTextWidthHeight(element, style) { + return __awaiter(this, void 0, void 0, function* () { + var res = []; + for (var i = 0; i < element.length; i++) { + res.push(yield calculateTextWidthHeightAux(element[i], style)); + } + res = res.flat(); + return res; + }); +} +exports.calculateTextWidthHeight = calculateTextWidthHeight; +/** + * calculate the text width and Height with a given `TextStyle` + * @param preprocessed + * @param defaultFontStyle + */ +function calculateTextWidthHeightAux(element, style) { + return __awaiter(this, void 0, void 0, function* () { + var result = []; + let fontPair = (0, canva_1.fontStyleTofont)(style); + if (fontPair.path.match(/\.ttc$/)) { + var font = yield fontkit.openSync(fontPair.path, fontPair.psName); + } + else { + var font = yield fontkit.openSync(fontPair.path); + } + if (!Array.isArray(element)) { + var run = font.layout(element, undefined, undefined, undefined, "ltr"); + for (var j = 0; j < run.glyphs.length; j++) { + let runGlyphsItem = run.glyphs[j]; + let item = { + x: null, + y: null, + textStyle: style, + direction: Direction.LTR, + width: (runGlyphsItem.advanceWidth) * (style.size) / 1000, + height: (runGlyphsItem.bbox.maxY - runGlyphsItem.bbox.minY) * (style.size) / 1000, + content: element[j], + minX: runGlyphsItem.bbox.minX, + maxX: runGlyphsItem.bbox.maxX, + minY: runGlyphsItem.bbox.minY, + maxY: runGlyphsItem.bbox.maxY + }; + result.push(item); + } + return result; + } + else if (element[0] == "bp") { + var beforeNewLine = yield calculateTextWidthHeightAux(element[1], style); + if (Array.isArray(beforeNewLine)) { + beforeNewLine = beforeNewLine.flat(); + } + let afterNewLine = yield calculateTextWidthHeightAux(element[2], style); + if (Array.isArray(afterNewLine)) { + afterNewLine = afterNewLine.flat(); + } + let breakPointNode = { + original: beforeNewLine, + newLined: afterNewLine, + }; + return breakPointNode; + } + else if (element[0] == "hglue" && !Array.isArray(element[1])) { + let hGlue = { stretchFactor: parseFloat(element[1]) }; + return hGlue; + } + else { + return calculateTextWidthHeight(element, style); + } + }); +} +exports.calculateTextWidthHeightAux = calculateTextWidthHeightAux; +/** + * whole document-representing class + */ class Clo { constructor() { this.preprocessors = []; this.mainStream = []; - this.attributes = { "page": [793.7, 1122.5] }; - this.preprocessorRegister(foo); + this.attrs = { + "page": exports.A4_IN_PX, + "defaultFrameStyle": exports.defaultFrameStyle, + "hyphenLanguage": 'en' // hyphenated in the language (in ISO 639) + }; + // register the precessor functions + this.preprocessorRegister(splitCJKV); + this.preprocessorRegister(hyphenForClo); + this.preprocessorRegister(twoReturnsToNewline); + this.preprocessorRegister(spacesToBreakpoint); + this.preprocessorRegister(filterEmptyString); + } + setAttr(attr, val) { + Object.assign(this.attrs, attr, val); + } + getAttr(attr) { + if (Object.keys(this.attrs).length === 0) { + return this.attrs[attr]; + } + else { + return undefined; + } } /** * register a function of preprocessor @@ -24,15 +351,22 @@ class Clo { this.preprocessors.push(f); } generatePdf() { - // preprocessed - var prepro = this.mainStream; - for (var i = 0; i < this.preprocessors.length; i++) { - prepro = this.preprocessors[i](prepro); - } - // TODO - console.log("test" + prepro); + return __awaiter(this, void 0, void 0, function* () { + // preprocessed + var preprocessed = this.mainStream; + for (var i = 0; i < this.preprocessors.length; i++) { + preprocessed = this.preprocessors[i](preprocessed, this); + } + // generate the width and height of the stream + let defaultFontStyle = this.attrs["defaultFrameStyle"].textStyle; + let a = yield calculateTextWidthHeight(preprocessed, defaultFontStyle); + // TODO + console.log(util.inspect(a, true, 100)); + console.log(breakLines.totalCost(a, 3, 100)); + }); } } exports.Clo = Clo; -exports.a = new Clo(); -exports.default = exports.a; +/* +export let a = new Clo(); +export default a; */