X-Git-Url: https://git.kianting.info/?a=blobdiff_plain;f=src%2Flibclo%2Findex.js;h=927c0af15dec3cee3cd8ef2cced87751286834b3;hb=a4f79a3761539f45ac7d86fe919bdc32cf290db0;hp=944aba2b1304c564dc166874f12915ca0acd2834;hpb=c3dc58d74afa6b298d84bad90d63c027a32a954a;p=clo diff --git a/src/libclo/index.js b/src/libclo/index.js index 944aba2..927c0af 100644 --- a/src/libclo/index.js +++ b/src/libclo/index.js @@ -1,8 +1,42 @@ "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.Clo = 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; +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 jsdom_1 = require("jsdom"); +const fontkit = __importStar(require("fontkit")); +const util = __importStar(require("node:util")); +const breakLines = __importStar(require("./breakLines")); /** * TYPES */ @@ -145,7 +179,8 @@ function spacesToBreakpoint(arr, clo) { for (let i = 0; i < arr.length; i++) { var item = arr[i]; if (!Array.isArray(item) && item.match(spacePattern)) { - result.push(['bp', item, ""]); // push a newline command to the result `tkTree` + // push a breakpoint command to the result `tkTree` + result.push(['bp', [["hglue", "0.1"], item], ""]); } else { result.push(item); @@ -206,38 +241,78 @@ exports.hyphenTkTree = hyphenTkTree; * @param preprocessed * @param defaultFontStyle */ -function calculateTextWidthHeight(preprocessed, style) { - var dom = new jsdom_1.JSDOM(` -

`); - try { - let canvas = dom.window.document.getElementById("canvas"); - console.log(canvas); - /*if (!(canvas instanceof HTMLElement)){ - throw new Error('the in the jsdom\'s DOM is not found.'); - - }*/ - let context = canvas.getContext("2d"); - console.log(context); - if (context == null) { - throw new Error('`canvas.getContext("2d");` can\'t be executed.'); +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)); } - context.font = `normal normal 10pt ${style.family}`; - console.log(context.font); - let txt = `Hello john`; - console.log(txt); - let measured = context.measureText(txt); - let width = measured.width; - let height = measured.actualBoundingBoxAscent; - let depth = measured.actualBoundingBoxDescent; - console.log("width: " + width); - console.log("height: " + height); - console.log("depth: " + depth); - } - catch (error) { - console.log("Exception " + error); - } + 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 */ @@ -276,16 +351,19 @@ class Clo { this.preprocessors.push(f); } generatePdf() { - // 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; - calculateTextWidthHeight(preprocessed, defaultFontStyle); - // TODO - console.log(preprocessed); + 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;