manga-renderer 1.0.0

package/LICENSE

@@ -0,0 +1,17 @@
+MIT License
+Copyright (c) 2024 manga-renderer
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,118 @@
+# manga-renderer
+
+A JavaScript library for rendering manga/comic pages in browser canvas.
+
+## Features
+
+- Load and render manga pages from envelope file format
+- Automatic font loading (supports both Google Fonts and local fonts)
+- Canvas-based rendering for optimal performance
+- Handles text bubbles and typography
+- TypeScript support
+
+## Installation
+
+```bash
+npm install manga-renderer
+```
+
+## Basic Usage
+
+```javascript
+import { readEnvelope, buildRenderer, listFonts, isLocalFont, loadGoogleFontForCanvas } from "manga-renderer";
+
+// Load your envelope file
+const response = await fetch('your-manga.envelope');
+const fileContent = await response.blob();
+const book = await readEnvelope(fileContent);
+
+// Get canvas element
+const canvas = document.querySelector('canvas');
+
+// Load required fonts
+const fonts = listFonts(book);
+for (const font of fonts) {
+  const { family, weight } = font;
+  
+  if (isLocalFont(family)) {
+    // Load local font
+    const localFile = localFonts[family];
+    const url = `/fonts/${localFile}.woff2`;
+    const font = new FontFace(family, `url(${url}) format('woff2')`, { 
+      style: 'normal', 
+      weight 
+    });
+    document.fonts.add(font);
+    await font.load();
+  } else {
+    // Load Google font
+    await loadGoogleFontForCanvas(family, [weight]);
+  }
+}
+
+// Initialize renderer
+const renderer = buildRenderer(canvas, book);
+```
+
+## API Reference
+
+### `readEnvelope(blob: Blob): Promise<Book>`
+Reads and parses a manga envelope file.
+
+### `buildRenderer(canvas: HTMLCanvasElement, book: Book): Renderer`
+Creates a new renderer instance for the given canvas and book.
+
+### `listFonts(book: Book): Font[]`
+Returns an array of required fonts for the book.
+
+### `isLocalFont(family: string): boolean`
+Checks if the given font family is a local font.
+
+### `loadGoogleFontForCanvas(family: string, weights: string[]): Promise<void>`
+Loads a Google Font for use with canvas.
+
+## License
+
+MIT
+
+## Development Setup
+
+Before building the package, you need to:
+
+1. Clone the FramePlanner2 repository alongside the manga-renderer directory:
+```bash
+# Your workspace directory
+├── manga-renderer/
+└── FramePlanner2/  # clone this repository
+```
+
+2. Clone FramePlanner2:
+```bash
+git clone https://github.com/jonigata/FramePlanner2.git
+```
+
+3. Run the setup script:
+```bash
+cd manga-renderer
+sh setup.sh
+```
+
+This setup process is required because manga-renderer depends on some modules from the FramePlanner2 project.
+
+## Project Structure
+
+```
+manga-renderer-npm/
+├── src/
+│   ├── /lib/layeredCanvas/ -> ../../../FramePlanner/src/lib/layeredCanvas/  (symlink)
+│   └── /lib/book/ -> ../../../FramePlanner/src/lib/book/  (symlink)
+├── setup.sh
+└── package.json
+```
+
+Note: The `src/manga-renderer` directory is a symbolic link to the source code in the FramePlanner repository. Changes made to the files in either location will be reflected in both places.
+
+## Contributing
+
+Contributions are welcome! Please feel free to submit a Pull Request.
+

package/dist/index.d.ts

@@ -0,0 +1,28 @@
+import { LayeredCanvas } from './lib/layeredCanvas/system/layeredCanvas';
+import { ArrayLayer } from './lib/layeredCanvas/layers/arrayLayer';
+import type { Book } from './lib/book/book';
+import { FocusKeeper } from './lib/layeredCanvas/tools/focusKeeper';
+export { readEnvelope } from './lib/book/envelope';
+export { initPaperJs } from './lib/layeredCanvas/tools/draw/bubbleGraphic';
+export declare class Renderer {
+    private arrayLayer;
+    private layeredCanvas;
+    private focusKeeper;
+    private marks;
+    constructor(arrayLayer: ArrayLayer, layeredCanvas: LayeredCanvas, focusKeeper: FocusKeeper, marks: boolean[]);
+    cleanup(): void;
+}
+export declare function buildRenderer(canvas: HTMLCanvasElement, book: Book): Renderer;
+export declare function destroyRenderer(renderer: Renderer): void;
+export declare function listFonts(book: Book): {
+    family: string;
+    weight: string;
+}[];
+export declare const localFonts: {
+    [key: string]: string;
+};
+export declare function isLocalFont(fontFamily: string): boolean;
+export declare function isGoogleFont(fontFamily: string): boolean;
+export declare function loadGoogleFont(family: string, weights?: string[]): Promise<void>;
+export declare function loadGoogleFontForCanvas(family: string, weights?: string[]): Promise<void>;
+export declare function checkCanvasFontAvailable(family: string, weight?: string, maxRetries?: number, interval?: number): Promise<boolean>;

package/dist/index.js

@@ -0,0 +1,184 @@
+import { LayeredCanvas, Paper, Viewport } from './lib/layeredCanvas/system/layeredCanvas';
+import { FloorLayer } from './lib/layeredCanvas/layers/floorLayer';
+import { ArrayLayer } from './lib/layeredCanvas/layers/arrayLayer';
+import { PaperRendererLayer } from './lib/layeredCanvas/layers/paperRendererLayer';
+import { FocusKeeper } from './lib/layeredCanvas/tools/focusKeeper';
+export { readEnvelope } from './lib/book/envelope';
+export { initPaperJs } from './lib/layeredCanvas/tools/draw/bubbleGraphic';
+export class Renderer {
+    arrayLayer;
+    layeredCanvas;
+    focusKeeper;
+    marks;
+    constructor(arrayLayer, layeredCanvas, focusKeeper, marks) {
+        this.arrayLayer = arrayLayer;
+        this.layeredCanvas = layeredCanvas;
+        this.focusKeeper = focusKeeper;
+        this.marks = marks;
+    }
+    cleanup() {
+        this.layeredCanvas.cleanup();
+    }
+}
+export function buildRenderer(canvas, book) {
+    const viewport = new Viewport(canvas, () => { });
+    const focusKeeper = new FocusKeeper();
+    const layeredCanvas = new LayeredCanvas(viewport, true);
+    const floorLayer = new FloorLayer(layeredCanvas.viewport, () => { }, focusKeeper);
+    layeredCanvas.rootPaper.addLayer(floorLayer);
+    let papers = [];
+    // pages.push(pages[0]);
+    let pageNumber = 0;
+    for (const page of book.pages) {
+        for (const bubble of page.bubbles) {
+            bubble.pageNumber = pageNumber;
+        }
+        papers.push(buildPaper(page));
+        pageNumber++;
+    }
+    const direction = getDirectionFromReadingDirection(book.direction);
+    const { fold, gapX, gapY } = getFoldAndGapFromWrapMode(book.wrapMode);
+    const marks = [];
+    const arrayLayer = new ArrayLayer(papers, marks, fold, gapX, gapY, direction, () => { }, () => { }, () => { }, () => { }, () => { }, () => { }, () => { });
+    layeredCanvas.rootPaper.addLayer(arrayLayer);
+    return new Renderer(arrayLayer, layeredCanvas, focusKeeper, marks);
+}
+export function destroyRenderer(renderer) {
+    renderer.cleanup();
+}
+function buildPaper(page) {
+    const paper = new Paper(page.paperSize, false);
+    // renderer
+    const paperRendererLayer = new PaperRendererLayer();
+    paperRendererLayer.setFrameTree(page.frameTree);
+    paperRendererLayer.setBubbles(page.bubbles);
+    paper.addLayer(paperRendererLayer);
+    // frame
+    page.frameTree.bgColor = page.paperColor;
+    page.frameTree.borderColor = page.frameColor;
+    page.frameTree.borderWidth = page.frameWidth;
+    return paper;
+}
+function getFoldAndGapFromWrapMode(wrapMode) {
+    switch (wrapMode) {
+        case "none":
+            return { fold: 0, gapX: 100, gapY: 0 };
+        case "two-pages":
+            return { fold: 2, gapX: 100, gapY: 200 };
+        case "one-page":
+            return { fold: 1, gapX: 0, gapY: 0 };
+    }
+}
+function getDirectionFromReadingDirection(readingDirection) {
+    switch (readingDirection) {
+        case "left-to-right":
+            return 1;
+        case "right-to-left":
+            return -1;
+    }
+}
+export function listFonts(book) {
+    const fonts = new Set();
+    for (let page of book.pages) {
+        for (let bubble of page.bubbles) {
+            fonts.add(JSON.stringify({ family: bubble.fontFamily, weight: bubble.fontWeight }));
+        }
+    }
+    return [...fonts].map(font => JSON.parse(font));
+}
+export const localFonts = {
+    '源暎アンチック': 'GenEiAntiqueNv5-M',
+    '源暎エムゴ': 'GenEiMGothic2-Black',
+    '源暎ぽっぷる': 'GenEiPOPle-Bk',
+    '源暎ラテゴ': 'GenEiLateMinN_v2',
+    '源暎ラテミン': 'GenEiLateMinN_v2',
+    "ふい字": 'HuiFont29',
+    "まきばフォント": 'MakibaFont13',
+};
+export function isLocalFont(fontFamily) {
+    return localFonts[fontFamily] !== undefined;
+}
+export function isGoogleFont(fontFamily) {
+    return !isLocalFont(fontFamily);
+}
+// Googleフォントの読み込みチェック用のキャッシュ
+const loadedGoogleFonts = new Set();
+export async function loadGoogleFont(family, weights = ['400']) {
+    try {
+        const key = `${family}-${weights.join('-')}`;
+        if (loadedGoogleFonts.has(key))
+            return;
+        const familyParam = family.replace(/\s+/g, '+');
+        const weightsParam = weights.join(';');
+        const url = `https://fonts.googleapis.com/css2?family=${familyParam}:wght@${weightsParam}&display=swap`;
+        const response = await fetch(url, {
+            headers: { 'User-Agent': navigator.userAgent }
+        });
+        const css = await response.text();
+        const fontUrlMatches = Array.from(css.matchAll(/src: url\((.+?)\) format\('woff2'\)/g));
+        if (!fontUrlMatches.length) {
+            throw new Error('No font URLs found in CSS');
+        }
+        const loadPromises = fontUrlMatches.map(match => {
+            const fontUrl = match[1];
+            const cssBlock = css.substring(0, match.index).split('}').slice(-1)[0];
+            const weightMatch = cssBlock.match(/font-weight: (\d+)/);
+            const weight = weightMatch ? weightMatch[1] : '400';
+            const font = new FontFace(family, `url(${fontUrl})`, {
+                weight,
+                style: 'normal'
+            });
+            return font.load().then(loadedFace => {
+                document.fonts.add(loadedFace);
+                return loadedFace;
+            });
+        });
+        await Promise.all(loadPromises);
+        await document.fonts.ready;
+        loadedGoogleFonts.add(key);
+    }
+    catch (error) {
+        console.error(`Failed to load font "${family}":`, error);
+        throw error;
+    }
+}
+export async function loadGoogleFontForCanvas(family, weights = ['400']) {
+    try {
+        // 既存のフォント読み込み処理
+        await loadGoogleFont(family, weights);
+        // document.fonts.readyで待機
+        await document.fonts.ready;
+        // 各ウェイトについてCanvas対応を確認
+        const checks = weights.map(weight => checkCanvasFontAvailable(family, weight));
+        await Promise.all(checks);
+        console.log(`Font "${family}" is fully loaded and ready for Canvas use`);
+    }
+    catch (error) {
+        console.error(`Failed to load font "${family}" for Canvas:`, error);
+        throw error;
+    }
+}
+export async function checkCanvasFontAvailable(family, weight = '400', maxRetries = 20, interval = 50) {
+    const testString = 'あいうえおABCDE12345';
+    const fontSize = '24px';
+    function measureWidth() {
+        const canvas = document.createElement('canvas');
+        const ctx = canvas.getContext('2d');
+        // テスト対象のフォントで描画
+        ctx.font = `${weight} ${fontSize} "${family}"`;
+        const targetWidth = ctx.measureText(testString).width;
+        // フォールバックフォントで描画
+        ctx.font = `${weight} ${fontSize} serif`;
+        const fallbackWidth = ctx.measureText(testString).width;
+        return targetWidth !== fallbackWidth;
+    }
+    for (let i = 0; i < maxRetries; i++) {
+        if (measureWidth()) {
+            console.log(`Font "${family}" ${weight} is ready for Canvas`);
+            return true;
+        }
+        await new Promise(resolve => setTimeout(resolve, interval));
+    }
+    throw new Error(`Timeout waiting for font "${family}" ${weight} to be ready for Canvas`);
+}
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

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

package/dist/lib/book/book.d.ts

@@ -0,0 +1,133 @@
+import type { Bubble } from '../layeredCanvas/dataModels/bubble';
+import { FrameElement, type Layout, type Border } from '../layeredCanvas/dataModels/frameTree';
+import { Film, FilmStack } from '../layeredCanvas/dataModels/film';
+import type { Rect, Vector } from "../layeredCanvas/tools/geometry/geometry";
+import type { RichChatLog, ProtocolChatLog } from './richChat';
+import { type Notebook } from "./notebook";
+export type Prefix = 'shortcut-' | 'paste-' | 'drop-' | 'add-in-folder-' | 'shared-' | 'initial-' | 'hiruma-' | 'weaved-' | 'envelope-';
+export type Revision = {
+    id: string;
+    revision: number;
+    prefix: Prefix;
+};
+export type Page = {
+    id: string;
+    frameTree: FrameElement;
+    bubbles: Bubble[];
+    paperSize: [number, number];
+    paperColor: string;
+    frameColor: string;
+    frameWidth: number;
+    source: any;
+};
+export type HistoryTag = 'bubble' | 'page-attribute' | "effect" | null;
+export type HistoryWeight = "light" | "heavy";
+export type HistoryEntry = {
+    pages: Page[];
+    tag: HistoryTag;
+};
+export type History = {
+    entries: HistoryEntry[];
+    cursor: number;
+};
+export type ReadingDirection = 'left-to-right' | 'right-to-left';
+export type WrapMode = 'none' | 'two-pages' | 'one-page';
+export type VideoSettings = {
+    width: number;
+    height: number;
+    moveDuration: number;
+    standardWait: number;
+    standardScale: number;
+};
+export type Book = {
+    revision: Revision;
+    pages: Page[];
+    history: History;
+    direction: ReadingDirection;
+    wrapMode: WrapMode;
+    chatLogs: RichChatLog[];
+    notebook: Notebook;
+    video?: VideoSettings;
+};
+export type SerializedPage = {
+    id: string;
+    frameTree: any;
+    bubbles: any[];
+    paperSize: [number, number];
+    paperColor: string;
+    frameColor: string;
+    frameWidth: number;
+};
+export type SerializedBook = {
+    revision: {
+        id: string;
+        revision: number;
+        prefix: Prefix;
+    };
+    pages: SerializedPage[];
+    direction: ReadingDirection;
+    wrapMode: WrapMode;
+    chatLogs: ProtocolChatLog[];
+    notebook: Notebook;
+};
+export declare function incrementRevision(revision: Revision): void;
+export declare function revisionEqual(a: Revision, b: Revision): boolean;
+export declare function getHistoryWeight(book: Book): HistoryWeight;
+export declare function addBookHistory(book: Book, tag: HistoryTag): void;
+export declare function undoBookHistory(book: Book): void;
+export declare function redoBookHistory(book: Book): void;
+export declare function commitBook(book: Book, tag: HistoryTag): void;
+export declare function revertBook(book: Book): void;
+export declare function newPage(frameTree: FrameElement, bubbles: Bubble[]): Page;
+export declare function newBook(id: string, prefix: Prefix, exampleIndex: number): Book;
+export declare function newImageBook(id: string, canvas: HTMLCanvasElement, prefix: Prefix): Book;
+export interface BookOperators {
+    hint: (r: [number, number, number, number], s: string | null) => void;
+    commit: (tag: HistoryTag) => void;
+    forceDelayedCommit(): void;
+    cancelDelayedCommit(): void;
+    revert: () => void;
+    undo: () => void;
+    redo: () => void;
+    shift: (page: Page, frameElement: FrameElement) => void;
+    unshift: (page: Page, frameElement: FrameElement) => void;
+    swap: (page: Page, frameElement0: FrameElement, frameElement1: FrameElement) => void;
+    insert: (page: Page, border: Border) => void;
+    focusFrame: (page: Page, frame: FrameElement | null, p: Vector | null) => void;
+    focusBubble: (page: Page, bubble: Bubble | null) => void;
+    viewportChanged: () => void;
+    insertPage: (index: number) => void;
+    deletePage: (index: number) => void;
+    movePages: (from: number[], to: number) => void;
+    copyPageToClipboard: (index: number) => void;
+    batchImaging: (index: number) => void;
+    editBubbles: (index: number) => void;
+    tweak: (index: number) => void;
+    chase: () => void;
+    getMarks: () => boolean[];
+    setMarks: (marks: boolean[]) => void;
+    getFocusedPage: () => Page;
+}
+export declare function clonePage(page: Page): Page;
+export declare function cloneBook(book: Book): Book;
+export type FrameContent = {
+    sourcePage: Page;
+    sourceRect: Rect;
+    filmStack: FilmStack;
+    bubbles: Bubble[];
+    prompt: string | null;
+};
+export type FrameSlot = {
+    layout: Layout;
+    page: Page;
+    pageNumber: number;
+};
+export type FrameSequence = {
+    slots: FrameSlot[];
+    contents: FrameContent[];
+};
+export declare function collectBookContents(book: Book): FrameSequence;
+export declare function collectPageContents(page: Page, pageNumber: number, dir: ReadingDirection): FrameSequence;
+export declare function dealBookContents(seq: FrameSequence, insertElement: FrameElement | null, spliceElement: FrameElement | null): void;
+export declare function swapBookContents(seq: FrameSequence, frameElement0: FrameElement, frameElement1: FrameElement): void;
+export declare function collectAllFilms(book: Book): Film[];