manga-renderer 1.0.0

package/dist/lib/layeredCanvas/tools/draw/selectionFrame.js

@@ -0,0 +1,63 @@
+import { trapezoidPath } from "../geometry/trapezoid";
+import { extendRect, ensureMinRectSize, scale2D } from '../geometry/geometry';
+import paper from 'paper';
+const SHEET_MARGIN = 16;
+export function drawSelectionFrame(ctx, color, trapezoid, nearLineWidth = 7, farLineWidth = 10, drawsCircles = true) {
+    ctx.save();
+    // まず白で枠を描く
+    ctx.strokeStyle = "rgba(255, 255, 255, 0.8)";
+    ctx.setLineDash([]);
+    ctx.lineWidth = farLineWidth;
+    ctx.beginPath();
+    trapezoidPath(ctx, trapezoid);
+    ctx.stroke();
+    // 指定された色で点線を描く
+    ctx.strokeStyle = color;
+    ctx.lineWidth = nearLineWidth;
+    ctx.setLineDash([20, 20]);
+    ctx.beginPath();
+    trapezoidPath(ctx, trapezoid);
+    ctx.stroke();
+    ctx.setLineDash([]);
+    const drawCircle = (p) => {
+        ctx.beginPath();
+        ctx.arc(p[0], p[1], farLineWidth, 0, Math.PI * 2);
+        ctx.fill();
+        ctx.stroke();
+    };
+    // 四隅に円を書く
+    if (drawsCircles) {
+        ctx.fillStyle = "rgba(255, 255, 255, 1)";
+        drawCircle(trapezoid.topLeft);
+        drawCircle(trapezoid.topRight);
+        drawCircle(trapezoid.bottomLeft);
+        drawCircle(trapezoid.bottomRight);
+    }
+    ctx.restore();
+}
+export function calculateSheetRect(rect, minSize, ymargin, rscale) {
+    const r = extendRect(rect, SHEET_MARGIN * rscale);
+    r[1] -= ymargin * rscale;
+    r[3] += ymargin * rscale * 2;
+    return ensureMinRectSize(scale2D(minSize, rscale), r);
+}
+export function drawSheet(ctx, corners, r, fillStyle) {
+    const paperr = new paper.Rectangle(...r);
+    const path1 = new paper.Path.Rectangle(paperr, [8, 8]);
+    const path2 = new paper.Path();
+    const points = [corners.topLeft, corners.topRight, corners.bottomRight, corners.bottomLeft];
+    for (let i = 0; i < points.length; i++) {
+        const p = points[i];
+        if (i === 0) {
+            path2.moveTo(p);
+        }
+        else {
+            path2.lineTo(p);
+        }
+    }
+    path2.closed = true;
+    const path3 = path1.subtract(path2);
+    ctx.fillStyle = fillStyle;
+    ctx.fill(new Path2D(path3.pathData));
+}
+//# sourceMappingURL=selectionFrame.js.map

package/dist/lib/layeredCanvas/tools/draw/selectionFrame.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectionFrame.js","sourceRoot":"","sources":["../../../../../src/lib/layeredCanvas/tools/draw/selectionFrame.ts"],"names":[],"mappings":"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"}

package/dist/lib/layeredCanvas/tools/draw/typeSetting.d.ts

@@ -0,0 +1,16 @@
+import { type RichFragment } from "./richText";
+export interface Rectangle {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+export interface RenderingText {
+    height: number;
+    width: number;
+    verticalLines?: RichFragment[][];
+    horizontalLines?: {
+        text: string;
+    }[];
+}
+export type DrawMethod = "fill" | "stroke";

package/dist/lib/layeredCanvas/tools/draw/typeSetting.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=typeSetting.js.map

package/dist/lib/layeredCanvas/tools/draw/typeSetting.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typeSetting.js","sourceRoot":"","sources":["../../../../../src/lib/layeredCanvas/tools/draw/typeSetting.ts"],"names":[],"mappings":""}

package/dist/lib/layeredCanvas/tools/draw/verticalText.d.ts

@@ -0,0 +1,3 @@
+import type { Rectangle, RenderingText, DrawMethod } from "./typeSetting";
+export declare function drawVerticalText(context: CanvasRenderingContext2D, method: DrawMethod, r: Rectangle, text: string, baselineSkip: number, charSkip: number, rubySize: number, rubyDistance: number, m?: RenderingText, autoNewline?: boolean): void;
+export declare function measureVerticalText(context: CanvasRenderingContext2D, maxHeight: number, text: string, baselineSkip: number, charSkip: number, autoNewline?: boolean): RenderingText;

package/dist/lib/layeredCanvas/tools/draw/verticalText.js

@@ -0,0 +1,230 @@
+import { kinsokuGenerator, isEmojiAt, leaderChars, trailerChars } from "../kinsoku";
+import { parseMarkdownToJson, richTextIterator } from "./richText";
+export function drawVerticalText(context, method, r, text, baselineSkip, charSkip, rubySize, rubyDistance, m, autoNewline) {
+    if (!m) {
+        m = measureVerticalText(context, r.height, text, baselineSkip, charSkip, autoNewline);
+    }
+    let cursorX = r.x + r.width - baselineSkip * 0.5; // center of the text
+    for (const line of m.verticalLines) {
+        let lineH = 0;
+        let prev = null;
+        for (const frag of line) {
+            let startH, endH;
+            ({ lineH, prev, startH, endH } = drawFragment(context, r, cursorX, lineH, charSkip, method, frag, 1, false, prev));
+            if (frag.ruby) {
+                /*
+                context.strokeStyle = "red";
+                context.beginPath();
+                context.moveTo(cursorX - baselineSkip * 0.5, r.y + startH);
+                context.lineTo(cursorX + baselineSkip * 0.5, r.y + startH);
+                context.stroke();
+                context.strokeStyle = "green";
+                context.beginPath();
+                context.moveTo(cursorX - baselineSkip * 0.5, r.y + endH);
+                context.lineTo(cursorX + baselineSkip * 0.5, r.y + endH);
+                context.stroke();
+                */
+                const region = endH - startH;
+                const rubyCharSkip = region / frag.ruby.length;
+                const rubyX = cursorX + baselineSkip * rubyDistance;
+                const rubyFragment = {
+                    chars: frag.ruby,
+                    color: frag.color
+                };
+                drawFragment(context, r, rubyX, startH, rubyCharSkip, method, rubyFragment, rubySize, true, null);
+            }
+        }
+        cursorX -= baselineSkip;
+    }
+}
+function drawLine(context, x, y, w, color) {
+    ;
+    context.strokeStyle = color;
+    context.beginPath();
+    context.moveTo(x, y);
+    context.lineTo(x + w, y);
+    context.stroke();
+}
+function drawFragment(context, r, cursorX, lineH, charSkip, method, frag, charScale, justify, prev) {
+    let startH = null;
+    let endH = null;
+    if (frag.romanHanging) {
+        const s = frag.chars.join('');
+        const tm = context.measureText(s);
+        const cw = tm.width;
+        const ch = tm.actualBoundingBoxAscent + tm.actualBoundingBoxDescent;
+        const adjustDown = charSkip * 0.15; // 日本語文字の平均的なdescent分のヒューリスティック;
+        if (startH === null) {
+            startH = lineH;
+        }
+        endH = lineH + cw;
+        context.save();
+        context.translate(cursorX - ch * 0.5, r.y + lineH + adjustDown);
+        context.rotate(90 * Math.PI / 180);
+        context.scale(charScale, charScale);
+        if (method === "fill") {
+            if (frag.color) {
+                context.fillStyle = frag.color;
+            }
+            context.fillText(s, 0, 0);
+        }
+        else if (method === "stroke") {
+            if (frag.color) {
+                context.strokeStyle = frag.color;
+            }
+            context.strokeText(s, 0, 0);
+        }
+        context.restore();
+        return { lineH: lineH + cw, prev, startH, endH };
+    }
+    function drawRotatedChar(angle, ax, ay, xscale, yscale, s) {
+        const tm = context.measureText(s);
+        const cw = tm.width;
+        const ch = tm.actualBoundingBoxAscent + tm.actualBoundingBoxDescent;
+        if (startH === null) {
+            startH = lineH + charSkip - tm.actualBoundingBoxAscent;
+        }
+        endH = lineH + charSkip + tm.actualBoundingBoxDescent;
+        const pivotX = cursorX;
+        const pivotY = r.y + lineH + charSkip * 0.5; // 空間の中央
+        context.save();
+        context.translate(pivotX, pivotY);
+        /*
+        drawLine(context, -charSkip * 0.5, 0, charSkip, "blue"); // 空間の中心
+        drawLine(context, -charSkip * 0.5, charSkip * 0.5, charSkip, "green");
+        */
+        context.scale(charScale, charScale);
+        context.translate(ax * charSkip, ay * charSkip); // オフセット
+        context.rotate(angle * Math.PI / 180);
+        context.scale(xscale, yscale);
+        // フォントAPIは左下から始まるので、文字の中心に合わせるために調整
+        context.translate(-cw * 0.5, charSkip * 0.5);
+        if (method === "fill") {
+            if (frag.color) {
+                context.fillStyle = frag.color;
+            }
+            context.fillText(s, 0, 0);
+        }
+        else if (method === "stroke") {
+            if (frag.color) {
+                context.strokeStyle = frag.color;
+            }
+            context.strokeText(s, 0, 0);
+        }
+        context.restore();
+    }
+    function drawChar(ax, ay, s) {
+        drawRotatedChar(0, ax, ay, 1, 1, s);
+    }
+    for (const c of frag.chars) {
+        // ヒューリスティック、源暎アンチックを基準にしているが、
+        // 源暎エムゴなどでは合わないこともあるので若干緩和している
+        lineH += limitedKerning(prev, c) * charSkip;
+        switch (true) {
+            case /[、。]/.test(c):
+                drawChar(0.6, -0.6, c);
+                break;
+            case /[“]/.test(c):
+                drawRotatedChar(0, 0.5, 0.5, -1, 1, "〝");
+                break;
+            case /[”]/.test(c):
+                drawRotatedChar(0, -0.4, -0.4, -1, 1, "〟");
+                break;
+            case /[ぁぃぅぇぉっゃゅょゎァィゥェォッャュョヵヶ]/.test(c):
+                drawChar(0.1, -0.1, c);
+                break;
+            case /[「『：；]/.test(c):
+                drawRotatedChar(90, 0.2, 0.1, 1, 1, c);
+                break;
+            case /[」』]/.test(c):
+                drawRotatedChar(90, 0.1, 0.3, 1, 1, c);
+                break;
+            case /[＜（【〔≪｛]/.test(c):
+                drawRotatedChar(90, 0.15, 0.15, 1, 1, c);
+                break;
+            case /[＞）】〕≫｝]/.test(c):
+                drawRotatedChar(90, 0.15, 0.15, 1, 1, c);
+                break;
+            case /[ー…―〰]/.test(c):
+                drawRotatedChar(90, -0.1, 0.1, 1, -1, c);
+                break;
+            case /[～]/.test(c):
+                drawRotatedChar(90, 0.1, 0.1, 1, 1, c);
+                break;
+            case isEmojiAt(c, 0):
+                drawChar(0, 0, c);
+                break;
+            default:
+                drawChar(0, 0, c);
+                break;
+        }
+        lineH += charSkip;
+        prev = c;
+    }
+    return { lineH, prev, startH: startH, endH: endH };
+}
+export function measureVerticalText(context, maxHeight, text, baselineSkip, charSkip, autoNewline) {
+    if (!autoNewline) {
+        maxHeight = Infinity;
+    }
+    function calcHeight(ca) {
+        let h = 0;
+        let prev = null;
+        for (const frag of ca) {
+            if (frag.romanHanging) {
+                const m = context.measureText(frag.chars.join(''));
+                h += m.width;
+            }
+            else {
+                for (const c of frag.chars) {
+                    h += limitedKerning(prev, c);
+                    h += charSkip;
+                    prev = c;
+                }
+            }
+        }
+        return h;
+    }
+    const textLines = text.split('\n');
+    const a = [];
+    for (const line of textLines) {
+        const segments = parseMarkdownToJson(line);
+        const richIterator = richTextIterator(segments);
+        const iterator = kinsokuGenerator((s) => {
+            const h = calcHeight(s);
+            return { size: h, wrap: maxHeight < h };
+        }, maxHeight, richIterator, 0, (c) => c.chars.length == 1 && leaderChars.has(c.chars[0]), (c) => c.chars.length == 1 && trailerChars.has(c.chars[0]));
+        for (const result of iterator) {
+            a.push({ size: result.size, text: result.buffer });
+        }
+    }
+    return {
+        height: a.reduce((max, item) => Math.max(max, item.size), 0),
+        width: baselineSkip * a.length,
+        verticalLines: a.map(item => item.text)
+    };
+}
+function limitedKerning(c0, c1) {
+    if (!c0) {
+        if (/[「『（【〔“]/.test(c1)) {
+            return -0.3;
+        }
+        return 0;
+    }
+    if (/[、。」』）】〕”]/.test(c0)) {
+        if (/[「『（【〔“]/.test(c1)) {
+            return -0.5;
+        }
+        else if (/[、。]/.test(c1)) {
+            return -0.5;
+        }
+        return -0.4;
+    }
+    else {
+        if (/[「『（【〔“]/.test(c1)) {
+            return -0.4;
+        }
+    }
+    return 0;
+}
+//# sourceMappingURL=verticalText.js.map

package/dist/lib/layeredCanvas/tools/draw/verticalText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"verticalText.js","sourceRoot":"","sources":["../../../../../src/lib/layeredCanvas/tools/draw/verticalText.ts"],"names":[],"mappings":"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"}

package/dist/lib/layeredCanvas/tools/focusKeeper.d.ts

@@ -0,0 +1,8 @@
+import type { Layer } from "../system/layeredCanvas";
+export declare class FocusKeeper {
+    subscribers: ((layer: Layer | null) => void)[];
+    constructor();
+    subscribe(f: (layer: Layer | null) => void): void;
+    unsubscribe(f: (layer: Layer) => void): void;
+    setFocus(layer: Layer | null): void;
+}

package/dist/lib/layeredCanvas/tools/focusKeeper.js

@@ -0,0 +1,15 @@
+export class FocusKeeper {
+    subscribers = [];
+    constructor() {
+    }
+    subscribe(f) {
+        this.subscribers.push(f);
+    }
+    unsubscribe(f) {
+        this.subscribers = this.subscribers.filter((s) => s !== f);
+    }
+    setFocus(layer) {
+        this.subscribers.forEach((s) => s(layer));
+    }
+}
+//# sourceMappingURL=focusKeeper.js.map

package/dist/lib/layeredCanvas/tools/focusKeeper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"focusKeeper.js","sourceRoot":"","sources":["../../../../src/lib/layeredCanvas/tools/focusKeeper.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,WAAW;IACtB,WAAW,GAAsC,EAAE,CAAC;IAEpD;IAEA,CAAC;IAED,SAAS,CAAC,CAAgC;QACxC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAC3B,CAAC;IAED,WAAW,CAAC,CAAyB;QACnC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;IAC7D,CAAC;IAED,QAAQ,CAAC,KAAmB;QAC1B,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;IAC5C,CAAC;CACF"}