manga-renderer 1.0.0

package/dist/lib/book/book.js

@@ -0,0 +1,329 @@
+import { ulid } from 'ulid';
+import { FrameElement, calculatePhysicalLayout, findLayoutOf, constraintLeaf } from '../layeredCanvas/dataModels/frameTree';
+import { Film, FilmStack, FilmStackTransformer } from '../layeredCanvas/dataModels/film';
+import { ImageMedia } from '../layeredCanvas/dataModels/media';
+import { frameExamples } from '../layeredCanvas/tools/frameExamples';
+import { isPointInTrapezoid, trapezoidBoundingRect } from "../layeredCanvas/tools/geometry/trapezoid";
+import { emptyNotebook } from "./notebook";
+export function incrementRevision(revision) {
+    revision.revision++;
+}
+export function revisionEqual(a, b) {
+    if (!a || !b)
+        return false;
+    return a.id === b.id && a.revision === b.revision;
+}
+export function getHistoryWeight(book) {
+    const h = book.history;
+    const i = h.cursor;
+    return h.entries[i - 1].tag == null ? 'heavy' : 'light';
+}
+export function addBookHistory(book, tag) {
+    const h = book.history;
+    const i = h.entries.length = h.cursor;
+    const newEntry = {
+        pages: book.pages.map(clonePage),
+        tag
+    };
+    if (0 < i && h.entries[i - 1].tag != null && h.entries[i - 1].tag === tag) {
+        h.entries[i - 1] = newEntry;
+    }
+    else {
+        h.entries.push(newEntry);
+    }
+    h.cursor = h.entries.length;
+}
+export function undoBookHistory(book) {
+    const h = book.history;
+    if (h.cursor <= 1) {
+        console.log("history head, skip undo");
+        return;
+    }
+    h.cursor--;
+    // revertしないと実効はない
+}
+export function redoBookHistory(book) {
+    const h = book.history;
+    if (h.entries.length <= h.cursor) {
+        console.log("history tail, skip redo");
+        return;
+    }
+    h.cursor++;
+    // revertしないと実効はない
+}
+export function commitBook(book, tag) {
+    addBookHistory(book, tag);
+    incrementRevision(book.revision);
+}
+export function revertBook(book) {
+    const h = book.history;
+    const i = h.cursor - 1;
+    const entry = h.entries[i];
+    book.pages = entry.pages.map(clonePage);
+    incrementRevision(book.revision);
+}
+export function newPage(frameTree, bubbles) {
+    const page = {
+        id: ulid(),
+        frameTree,
+        bubbles,
+        paperSize: [840, 1188],
+        paperColor: '#ffffff',
+        frameColor: '#000000',
+        frameWidth: 2,
+        source: null,
+    };
+    return page;
+}
+export function newBook(id, prefix, exampleIndex) {
+    const example = frameExamples[exampleIndex];
+    const frameTree = FrameElement.compile(example.frameTree);
+    const page = newPage(frameTree, []);
+    const book = {
+        revision: { id, revision: 1, prefix },
+        pages: [page],
+        history: { entries: [], cursor: 0 },
+        direction: 'right-to-left',
+        wrapMode: 'two-pages',
+        chatLogs: [],
+        notebook: emptyNotebook(),
+    };
+    commitBook(book, null);
+    return book;
+}
+export function newImageBook(id, canvas, prefix) {
+    const frameTree = FrameElement.compile(frameExamples[2].frameTree);
+    const film = new Film(new ImageMedia(canvas));
+    frameTree.children[0].filmStack.films = [film];
+    const page = newPage(frameTree, []);
+    page.paperSize = [canvas.width, canvas.height];
+    const book = {
+        revision: { id, revision: 1, prefix },
+        pages: [page],
+        history: { entries: [], cursor: 0 },
+        direction: 'right-to-left',
+        wrapMode: 'none',
+        chatLogs: [],
+        notebook: emptyNotebook(),
+    };
+    commitBook(book, null);
+    return book;
+}
+export function clonePage(page) {
+    return {
+        id: ulid(),
+        frameTree: page.frameTree.clone(),
+        bubbles: page.bubbles.map(b => b.clone(true)),
+        paperSize: [...page.paperSize],
+        paperColor: page.paperColor,
+        frameColor: page.frameColor,
+        frameWidth: page.frameWidth,
+        source: page.source,
+    };
+}
+export function cloneBook(book) {
+    return {
+        revision: { ...book.revision },
+        pages: book.pages.map(clonePage),
+        history: { entries: book.history.entries.map(e => ({ ...e })), cursor: book.history.cursor },
+        direction: book.direction,
+        wrapMode: book.wrapMode,
+        chatLogs: book.chatLogs.map(l => ({ ...l })),
+        notebook: { ...book.notebook, characters: book.notebook.characters.map(c => ({ ...c })) },
+    };
+}
+export function collectBookContents(book) {
+    const slots = [];
+    const contents = [];
+    let pageNumber = 0;
+    for (const page of book.pages) {
+        const { slots: l, contents: c } = collectPageContents(page, pageNumber, book.direction);
+        slots.push(...l);
+        contents.push(...c);
+        pageNumber++;
+    }
+    return { slots, contents };
+}
+export function collectPageContents(page, pageNumber, dir) {
+    const layout = calculatePhysicalLayout(page.frameTree, page.paperSize, [0, 0]);
+    const bubbles = [...page.bubbles];
+    return collectFrameContents(page, pageNumber, page.frameTree, layout, bubbles, dir);
+}
+function collectFrameContents(page, pageNumber, frameTree, pageLayout, bubbles, dir) {
+    const slots = [];
+    const contents = [];
+    if (frameTree.isLeaf()) {
+        if (frameTree.isAuthentic()) {
+            const layout = findLayoutOf(pageLayout, frameTree);
+            // centerがtrapezoidに含まれるbubbleを抽出
+            const selected = [];
+            const unselected = [];
+            for (let b of bubbles) {
+                const bc = b.getPhysicalCenter(page.paperSize);
+                if (isPointInTrapezoid(bc, layout.corners)) {
+                    selected.push(b);
+                }
+                else {
+                    unselected.push(b);
+                }
+            }
+            bubbles.splice(0, bubbles.length, ...unselected);
+            slots.push({ layout, page, pageNumber });
+            contents.push({
+                sourcePage: page,
+                sourceRect: trapezoidBoundingRect(layout.corners),
+                filmStack: frameTree.filmStack,
+                bubbles: selected,
+                prompt: frameTree.prompt,
+            });
+        }
+    }
+    else {
+        for (let ii = 0; ii < frameTree.children.length; ii++) {
+            const i = dir === 'left-to-right' && frameTree.direction == 'h' ? frameTree.children.length - ii - 1 : ii;
+            const child = frameTree.children[i];
+            const { slots: l, contents: c } = collectFrameContents(page, pageNumber, child, pageLayout, bubbles, dir);
+            slots.push(...l);
+            contents.push(...c);
+        }
+    }
+    return { slots, contents };
+}
+export function dealBookContents(seq, insertElement, spliceElement) {
+    dealPageContents(seq, insertElement, spliceElement);
+}
+function dealPageContents(seq, insertElement, spliceElement) {
+    dealFrameContents(seq, insertElement, spliceElement, false);
+}
+function dealFrameContents(seq, insertElement, spliceElement, tailMode) {
+    const { slots, contents } = seq;
+    if (slots.length === 0)
+        return;
+    const slot = slots.shift();
+    const layout = slot.layout;
+    const frameTree = layout.element;
+    if (frameTree === spliceElement) {
+        tailMode = true;
+        contents.shift();
+    }
+    if (frameTree === insertElement || contents.length === 0) {
+        tailMode = true;
+        frameTree.filmStack = new FilmStack();
+        frameTree.prompt = "";
+    }
+    else {
+        const [sx, sy, sw, sh] = contents[0].sourceRect;
+        const [tx, ty, tw, th] = trapezoidBoundingRect(layout.corners);
+        const content = contents.shift();
+        frameTree.filmStack = new FilmStack();
+        frameTree.filmStack.films = [...content.filmStack.films];
+        frameTree.prompt = content.prompt;
+        for (let b of content.bubbles) {
+            b.pageNumber = slot.pageNumber;
+            if (slot.page !== content.sourcePage) {
+                content.sourcePage.bubbles.splice(content.sourcePage.bubbles.findIndex(e => e === b), 1);
+                slot.page.bubbles.push(b);
+            }
+            const bc = b.getPhysicalCenter(content.sourcePage.paperSize);
+            const cc = [
+                tx + tw * (bc[0] - sx) / sw,
+                ty + th * (bc[1] - sy) / sh,
+            ];
+            b.setPhysicalCenter(slot.page.paperSize, cc);
+        }
+    }
+    if (tailMode) {
+        const transformer = new FilmStackTransformer(slot.page.paperSize, frameTree.filmStack.films);
+        transformer.scale(0.01);
+        constraintLeaf(slot.page.paperSize, layout);
+    }
+    dealFrameContents({ slots, contents }, insertElement, spliceElement, tailMode);
+}
+export function swapBookContents(seq, frameElement0, frameElement1) {
+    const { slots, contents } = seq;
+    let slot0 = null;
+    let content0 = null;
+    let slot1 = null;
+    let content1 = null;
+    for (let i = 0; i < slots.length; i++) {
+        const slot = slots[i];
+        const layout = slot.layout;
+        const frameTree = layout.element;
+        if (frameTree === frameElement0) {
+            slot0 = slot;
+            content0 = contents[i];
+        }
+        else if (frameTree === frameElement1) {
+            slot1 = slot;
+            content1 = contents[i];
+        }
+    }
+    if (!slot0 || !slot1) {
+        console.log("swapBookContents: not found");
+        return;
+    }
+    const element0 = slot0.layout.element;
+    const element1 = slot1.layout.element;
+    const swapFilmStack = element0.filmStack;
+    element0.filmStack = element1.filmStack;
+    element1.filmStack = swapFilmStack;
+    const swapPrompt = element0.prompt;
+    element0.prompt = element1.prompt;
+    element1.prompt = swapPrompt;
+    function fitFilms(paperSize, layout) {
+        const transformer = new FilmStackTransformer(paperSize, layout.element.filmStack.films);
+        transformer.scale(0.01);
+        constraintLeaf(paperSize, layout);
+    }
+    fitFilms(slot0.page.paperSize, slot0.layout);
+    fitFilms(slot1.page.paperSize, slot1.layout);
+    function alignBubbles(targetSlot, sourceContent) {
+        const [sx, sy, sw, sh] = sourceContent.sourceRect;
+        const [tx, ty, tw, th] = trapezoidBoundingRect(targetSlot.layout.corners);
+        for (let b of sourceContent.bubbles) {
+            b.pageNumber = targetSlot.pageNumber;
+            if (targetSlot.page !== sourceContent.sourcePage) {
+                const sourceBubbles = sourceContent.sourcePage.bubbles;
+                sourceBubbles.splice(sourceBubbles.findIndex(e => e === b), 1);
+                targetSlot.page.bubbles.push(b);
+            }
+            const bc = b.getPhysicalCenter(sourceContent.sourcePage.paperSize);
+            const cc = [
+                tx + tw * (bc[0] - sx) / sw,
+                ty + th * (bc[1] - sy) / sh,
+            ];
+            b.setPhysicalCenter(targetSlot.page.paperSize, cc);
+        }
+    }
+    alignBubbles(slot0, content1);
+    alignBubbles(slot1, content0);
+}
+export function collectAllFilms(book) {
+    const films = [];
+    for (let page of book.pages) {
+        collectPageFilms(page, films);
+        collectBubbleFilms(page.bubbles, films);
+    }
+    return films;
+}
+function collectPageFilms(page, films) {
+    collectFrameFilms(page.frameTree, films);
+}
+function collectFrameFilms(frameTree, films) {
+    if (frameTree.isLeaf()) {
+        if (frameTree.isAuthentic()) {
+            films.push(...frameTree.filmStack.films);
+        }
+    }
+    else {
+        for (let child of frameTree.children) {
+            collectFrameFilms(child, films);
+        }
+    }
+}
+function collectBubbleFilms(bubbles, films) {
+    for (let b of bubbles) {
+        films.push(...b.filmStack.films);
+    }
+}
+//# sourceMappingURL=book.js.map

package/dist/lib/book/book.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"book.js","sourceRoot":"","sources":["../../../src/lib/book/book.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAE5B,OAAO,EAAE,YAAY,EAA4B,uBAAuB,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AACtJ,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AACzF,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAErE,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,2CAA2C,CAAC;AAEtG,OAAO,EAAE,aAAa,EAAiB,MAAM,YAAY,CAAC;AAkF1D,MAAM,UAAU,iBAAiB,CAAC,QAAkB;IAClD,QAAQ,CAAC,QAAQ,EAAE,CAAC;AACtB,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,CAAW,EAAE,CAAW;IACpD,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC;QAAE,OAAO,KAAK,CAAC;IAC3B,OAAO,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,QAAQ,KAAK,CAAC,CAAC,QAAQ,CAAC;AACpD,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,IAAU;IACzC,MAAM,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC;IACvB,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC;IACnB,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,GAAC,CAAC,CAAC,CAAC,GAAG,IAAI,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;AACxD,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,IAAU,EAAE,GAAe;IACxD,MAAM,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC;IACvB,MAAM,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,MAAM,CAAC;IAEtC,MAAM,QAAQ,GAAiB;QAC7B,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC;QAChC,GAAG;KACJ,CAAC;IAEF,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,GAAC,CAAC,CAAC,CAAC,GAAG,IAAI,IAAI,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,GAAC,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;QACtE,CAAC,CAAC,OAAO,CAAC,CAAC,GAAC,CAAC,CAAC,GAAG,QAAQ,CAAC;IAC5B,CAAC;SAAM,CAAC;QACN,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC3B,CAAC;IACD,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC;AAC9B,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,IAAU;IACxC,MAAM,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC;IACvB,IAAI,CAAC,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC;QAAC,OAAO,CAAC,GAAG,CAAC,yBAAyB,CAAC,CAAC;QAAC,OAAO;IAAC,CAAC;IACtE,CAAC,CAAC,MAAM,EAAE,CAAC;IACX,kBAAkB;AACpB,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,IAAU;IACxC,MAAM,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC;IACvB,IAAI,CAAC,CAAC,OAAO,CAAC,MAAM,IAAI,CAAC,CAAC,MAAM,EAAE,CAAC;QAAC,OAAO,CAAC,GAAG,CAAC,yBAAyB,CAAC,CAAC;QAAC,OAAO;IAAC,CAAC;IACrF,CAAC,CAAC,MAAM,EAAE,CAAC;IACX,kBAAkB;AACpB,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,IAAU,EAAE,GAAe;IACpD,cAAc,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAC1B,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;AACnC,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,IAAU;IACnC,MAAM,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC;IACvB,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,GAAC,CAAC,CAAC;IACrB,MAAM,KAAK,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAC3B,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;IACxC,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;AACnC,CAAC;AAED,MAAM,UAAU,OAAO,CAAC,SAAuB,EAAE,OAAiB;IAChE,MAAM,IAAI,GAAS;QACjB,EAAE,EAAE,IAAI,EAAE;QACV,SAAS;QACT,OAAO;QACP,SAAS,EAAE,CAAC,GAAG,EAAE,IAAI,CAAC;QACtB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,CAAC;QACb,MAAM,EAAE,IAAI;KACb,CAAA;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,MAAM,UAAU,OAAO,CAAC,EAAU,EAAE,MAAc,EAAE,YAAoB;IACtE,MAAM,OAAO,GAAG,aAAa,CAAC,YAAY,CAAC,CAAC;IAC5C,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;IAC1D,MAAM,IAAI,GAAG,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;IACpC,MAAM,IAAI,GAAS;QACjB,QAAQ,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAC,CAAC,EAAE,MAAM,EAAE;QACpC,KAAK,EAAE,CAAC,IAAI,CAAC;QACb,OAAO,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;QACnC,SAAS,EAAE,eAAe;QAC1B,QAAQ,EAAE,WAAW;QACrB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,aAAa,EAAE;KAC1B,CAAA;IACD,UAAU,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACvB,OAAO,IAAI,CAAC;AACd,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,EAAU,EAAE,MAAyB,EAAE,MAAc;IAChF,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IACnE,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,IAAI,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC;IAC9C,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,CAAC;IAE/C,MAAM,IAAI,GAAG,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;IACpC,IAAI,CAAC,SAAS,GAAG,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IAC/C,MAAM,IAAI,GAAS;QACjB,QAAQ,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAC,CAAC,EAAE,MAAM,EAAE;QACpC,KAAK,EAAE,CAAC,IAAI,CAAC;QACb,OAAO,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;QACnC,SAAS,EAAE,eAAe;QAC1B,QAAQ,EAAE,MAAM;QAChB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,aAAa,EAAE;KAC1B,CAAA;IACD,UAAU,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACvB,OAAO,IAAI,CAAC;AACd,CAAC;AA8BD,MAAM,UAAU,SAAS,CAAC,IAAU;IAClC,OAAO;QACL,EAAE,EAAE,IAAI,EAAE;QACV,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE;QACjC,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAC7C,SAAS,EAAE,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC;QAC9B,UAAU,EAAE,IAAI,CAAC,UAAU;QAC3B,UAAU,EAAE,IAAI,CAAC,UAAU;QAC3B,UAAU,EAAE,IAAI,CAAC,UAAU;QAC3B,MAAM,EAAE,IAAI,CAAC,MAAM;KACpB,CAAA;AACH,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,IAAU;IAClC,OAAO;QACL,QAAQ,EAAE,EAAE,GAAG,IAAI,CAAC,QAAQ,EAAE;QAC9B,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC;QAChC,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE;QAC5F,SAAS,EAAE,IAAI,CAAC,SAAS;QACzB,QAAQ,EAAE,IAAI,CAAC,QAAQ;QACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC;QAC5C,QAAQ,EAAE,EAAE,GAAG,IAAI,CAAC,QAAQ,EAAE,UAAU,EAAE,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE;KAC1F,CAAC;AACJ,CAAC;AAqBD,MAAM,UAAU,mBAAmB,CAAC,IAAU;IAC5C,MAAM,KAAK,GAAgB,EAAE,CAAC;IAC9B,MAAM,QAAQ,GAAmB,EAAE,CAAC;IACpC,IAAI,UAAU,GAAG,CAAC,CAAC;IACnB,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;QAC9B,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,GAAG,mBAAmB,CAAC,IAAI,EAAE,UAAU,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;QACxF,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;QACjB,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;QACpB,UAAU,EAAE,CAAC;IACf,CAAC;IACD,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC;AAC7B,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,IAAU,EAAE,UAAkB,EAAE,GAAqB;IACvF,MAAM,MAAM,GAAG,uBAAuB,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,CAAC;IAC9E,MAAM,OAAO,GAAG,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC;IAClC,OAAO,oBAAoB,CAAC,IAAI,EAAE,UAAU,EAAE,IAAI,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC;AACtF,CAAC;AAED,SAAS,oBAAoB,CAAC,IAAU,EAAE,UAAkB,EAAE,SAAuB,EAAE,UAAkB,EAAE,OAAiB,EAAE,GAAqB;IACjJ,MAAM,KAAK,GAAgB,EAAE,CAAC;IAC9B,MAAM,QAAQ,GAAmB,EAAE,CAAC;IACpC,IAAI,SAAS,CAAC,MAAM,EAAE,EAAE,CAAC;QACvB,IAAI,SAAS,CAAC,WAAW,EAAE,EAAE,CAAC;YAC5B,MAAM,MAAM,GAAG,YAAY,CAAC,UAAU,EAAE,SAAS,CAAE,CAAC;YAEpD,iCAAiC;YACjC,MAAM,QAAQ,GAAa,EAAE,CAAC;YAC9B,MAAM,UAAU,GAAa,EAAE,CAAC;YAChC,KAAK,IAAI,CAAC,IAAI,OAAO,EAAE,CAAC;gBACtB,MAAM,EAAE,GAAG,CAAC,CAAC,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;gBAC/C,IAAI,kBAAkB,CAAC,EAAE,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC;oBAC3C,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;gBACnB,CAAC;qBAAM,CAAC;oBACN,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;gBACrB,CAAC;YACH,CAAC;YACD,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,OAAO,CAAC,MAAM,EAAE,GAAG,UAAU,CAAC,CAAA;YAEhD,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;YACzC,QAAQ,CAAC,IAAI,CAAC;gBACZ,UAAU,EAAE,IAAI;gBAChB,UAAU,EAAE,qBAAqB,CAAC,MAAM,CAAC,OAAO,CAAC;gBACjD,SAAS,EAAE,SAAS,CAAC,SAAS;gBAC9B,OAAO,EAAE,QAAQ;gBACjB,MAAM,EAAE,SAAS,CAAC,MAAM;aACzB,CAAC,CAAC;QACL,CAAC;IACH,CAAC;SAAM,CAAC;QACN,KAAK,IAAI,EAAE,GAAG,CAAC,EAAE,EAAE,GAAG,SAAS,CAAC,QAAQ,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC;YACtD,MAAM,CAAC,GAAG,GAAG,KAAK,eAAe,IAAI,SAAS,CAAC,SAAS,IAAI,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;YAC1G,MAAM,KAAK,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;YACpC,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,GAAG,oBAAoB,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC;YAC1G,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;YACjB,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;QACtB,CAAC;IACH,CAAC;IACD,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC;AAC7B,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,GAAkB,EAAE,aAAkC,EAAE,aAAkC;IACzH,gBAAgB,CAAC,GAAG,EAAE,aAAa,EAAE,aAAa,CAAC,CAAC;AACtD,CAAC;AAED,SAAS,gBAAgB,CAAC,GAAkB,EAAE,aAAkC,EAAE,aAAkC;IAClH,iBAAiB,CAAC,GAAG,EAAE,aAAa,EAAE,aAAa,EAAE,KAAK,CAAC,CAAC;AAC9D,CAAC;AAED,SAAS,iBAAiB,CAAC,GAAkB,EAAE,aAAkC,EAAE,aAAkC,EAAE,QAAiB;IACtI,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,GAAG,CAAC;IAEhC,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO;IAC/B,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,EAAG,CAAC;IAC5B,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;IAC3B,MAAM,SAAS,GAAG,MAAM,CAAC,OAAO,CAAC;IAEjC,IAAI,SAAS,KAAK,aAAa,EAAE,CAAC;QAChC,QAAQ,GAAG,IAAI,CAAC;QAChB,QAAQ,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC;IACD,IAAI,SAAS,KAAK,aAAa,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACzD,QAAQ,GAAG,IAAI,CAAC;QAChB,SAAU,CAAC,SAAS,GAAG,IAAI,SAAS,EAAE,CAAC;QACvC,SAAU,CAAC,MAAM,GAAG,EAAE,CAAC;IACzB,CAAC;SAAM,CAAC;QACN,MAAM,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC;QAChD,MAAM,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,qBAAqB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QAE/D,MAAM,OAAO,GAAG,QAAQ,CAAC,KAAK,EAAG,CAAC;QAClC,SAAS,CAAC,SAAS,GAAG,IAAI,SAAS,EAAE,CAAC;QACtC,SAAS,CAAC,SAAS,CAAC,KAAK,GAAG,CAAC,GAAG,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QACzD,SAAS,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;QAElC,KAAK,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;YAC9B,CAAC,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC;YAC/B,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC,UAAU,EAAE,CAAC;gBACrC,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;gBACzF,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;YAC5B,CAAC;YACD,MAAM,EAAE,GAAG,CAAC,CAAC,iBAAiB,CAAC,OAAO,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;YAC7D,MAAM,EAAE,GAAW;gBACjB,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE;gBAC3B,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE;aAC5B,CAAC;YACF,CAAC,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;QAC/C,CAAC;IACH,CAAC;IAED,IAAI,QAAQ,EAAE,CAAC;QACb,MAAM,WAAW,GAAG,IAAI,oBAAoB,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QAC7F,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACxB,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;IAC9C,CAAC;IAED,iBAAiB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,aAAa,EAAE,aAAa,EAAE,QAAQ,CAAC,CAAC;AACjF,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,GAAkB,EAAE,aAA2B,EAAE,aAA2B;IAC3G,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,GAAG,CAAC;IAEhC,IAAI,KAAK,GAAqB,IAAI,CAAC;IACnC,IAAI,QAAQ,GAAwB,IAAI,CAAC;IACzC,IAAI,KAAK,GAAqB,IAAI,CAAC;IACnC,IAAI,QAAQ,GAAwB,IAAI,CAAC;IACzC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACtC,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;QACtB,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;QAC3B,MAAM,SAAS,GAAG,MAAM,CAAC,OAAO,CAAC;QACjC,IAAI,SAAS,KAAK,aAAa,EAAE,CAAC;YAChC,KAAK,GAAG,IAAI,CAAC;YACb,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;QACzB,CAAC;aAAM,IAAI,SAAS,KAAK,aAAa,EAAE,CAAC;YACvC,KAAK,GAAG,IAAI,CAAC;YACb,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;QACzB,CAAC;IACH,CAAC;IAED,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,EAAE,CAAC;QACrB,OAAO,CAAC,GAAG,CAAC,6BAA6B,CAAC,CAAC;QAC3C,OAAO;IACT,CAAC;IAED,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;IACtC,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;IAEtC,MAAM,aAAa,GAAG,QAAQ,CAAC,SAAS,CAAC;IACzC,QAAQ,CAAC,SAAS,GAAG,QAAQ,CAAC,SAAS,CAAC;IACxC,QAAQ,CAAC,SAAS,GAAG,aAAa,CAAC;IAEnC,MAAM,UAAU,GAAG,QAAQ,CAAC,MAAM,CAAC;IACnC,QAAQ,CAAC,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAC;IAClC,QAAQ,CAAC,MAAM,GAAG,UAAU,CAAC;IAE7B,SAAS,QAAQ,CAAC,SAAiB,EAAE,MAAc;QACjD,MAAM,WAAW,GAAG,IAAI,oBAAoB,CAAC,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QACxF,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACxB,cAAc,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;IACpC,CAAC;IACD,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC7C,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAE7C,SAAS,YAAY,CAAC,UAAqB,EAAE,aAA2B;QACtE,MAAM,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,aAAa,CAAC,UAAU,CAAC;QAClD,MAAM,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,qBAAqB,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QAE1E,KAAK,IAAI,CAAC,IAAI,aAAa,CAAC,OAAO,EAAE,CAAC;YACpC,CAAC,CAAC,UAAU,GAAG,UAAU,CAAC,UAAU,CAAC;YACrC,IAAI,UAAU,CAAC,IAAI,KAAK,aAAa,CAAC,UAAU,EAAE,CAAC;gBACjD,MAAM,aAAa,GAAG,aAAa,CAAC,UAAU,CAAC,OAAO,CAAC;gBACvD,aAAa,CAAC,MAAM,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;gBAC/D,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;YAClC,CAAC;YAED,MAAM,EAAE,GAAG,CAAC,CAAC,iBAAiB,CAAC,aAAa,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;YACnE,MAAM,EAAE,GAAW;gBACjB,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE;gBAC3B,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE;aAC5B,CAAC;YACF,CAAC,CAAC,iBAAiB,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;QACrD,CAAC;IACH,CAAC;IACD,YAAY,CAAC,KAAK,EAAE,QAAS,CAAC,CAAC;IAC/B,YAAY,CAAC,KAAK,EAAE,QAAS,CAAC,CAAC;AACjC,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,IAAU;IACxC,MAAM,KAAK,GAAW,EAAE,CAAC;IACzB,KAAK,IAAI,IAAI,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;QAC5B,gBAAgB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QAC9B,kBAAkB,CAAC,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IAC1C,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED,SAAS,gBAAgB,CAAC,IAAU,EAAE,KAAa;IACjD,iBAAiB,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;AAC3C,CAAC;AAED,SAAS,iBAAiB,CAAC,SAAuB,EAAE,KAAa;IAC/D,IAAI,SAAS,CAAC,MAAM,EAAE,EAAE,CAAC;QACvB,IAAI,SAAS,CAAC,WAAW,EAAE,EAAE,CAAC;YAC5B,KAAK,CAAC,IAAI,CAAC,GAAG,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QAC3C,CAAC;IACH,CAAC;SAAM,CAAC;QACN,KAAK,IAAI,KAAK,IAAI,SAAS,CAAC,QAAQ,EAAE,CAAC;YACrC,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAClC,CAAC;IACH,CAAC;AACH,CAAC;AAED,SAAS,kBAAkB,CAAC,OAAiB,EAAE,KAAa;IAC1D,KAAK,IAAI,CAAC,IAAI,OAAO,EAAE,CAAC;QACtB,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC;AACH,CAAC"}

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

@@ -0,0 +1,26 @@
+import type { Book, WrapMode, ReadingDirection, SerializedPage } from "./book";
+import { type Notebook } from "./notebook";
+export type EnvelopedBook = {
+    pages: SerializedPage[];
+    direction: ReadingDirection;
+    wrapMode: WrapMode;
+    images: {
+        [fileId: string]: Uint8Array;
+    };
+    notebook: Notebook | null;
+};
+export type CanvasBag = {
+    [fileId: string]: HTMLCanvasElement;
+};
+export declare function readEnvelope(blob: Blob): Promise<Book>;
+export declare function writeEnvelope(book: Book): Promise<Blob>;
+export type OldEnvelopedBook = {
+    pages: SerializedPage[];
+    direction: ReadingDirection;
+    wrapMode: WrapMode;
+    images: {
+        [fileId: string]: string;
+    };
+    notebook: Notebook | null;
+};
+export declare function readOldEnvelope(json: string): Promise<Book>;

package/dist/lib/book/envelope.js

@@ -0,0 +1,158 @@
+import { decode, encode } from 'cbor-x';
+import { ulid } from 'ulid';
+import { unpackFrameImages, unpackBubbleImages, packFilms } from "./imagePacking";
+import { emptyNotebook } from "./notebook";
+import { Bubble } from "../layeredCanvas/dataModels/bubble";
+import { FrameElement } from "../layeredCanvas/dataModels/frameTree";
+import { createCanvasFromImage } from "../layeredCanvas/tools/imageUtil";
+// TODO: revision.idは受けた側で設定する
+export async function readEnvelope(blob) {
+    const uint8Array = new Uint8Array(await blob.arrayBuffer());
+    const envelopedBook = decode(uint8Array);
+    const bag = {};
+    for (const imageId in envelopedBook.images) {
+        const blob = new Blob([envelopedBook.images[imageId]], { type: 'image/png' });
+        const url = URL.createObjectURL(blob);
+        const image = new Image();
+        image.src = url;
+        await image.decode();
+        URL.revokeObjectURL(url);
+        const canvas = createCanvasFromImage(image);
+        canvas["envelopeFileId"] = imageId;
+        bag[imageId] = canvas;
+    }
+    const book = {
+        revision: { id: 'not visited', revision: 1, prefix: 'envelope-' },
+        pages: [],
+        history: { entries: [], cursor: 0 },
+        direction: envelopedBook.direction,
+        wrapMode: envelopedBook.wrapMode,
+        chatLogs: [],
+        notebook: envelopedBook.notebook ?? emptyNotebook(),
+    };
+    const getCanvas = async (imageId) => bag[imageId];
+    for (const envelopedPage of envelopedBook.pages) {
+        const frameTree = await unpackFrameImages(envelopedPage.paperSize, envelopedPage.frameTree, getCanvas);
+        const bubbles = await unpackBubbleImages(envelopedPage.paperSize, envelopedPage.bubbles, getCanvas);
+        const page = {
+            id: envelopedPage.id ?? ulid(),
+            frameTree: frameTree,
+            bubbles: bubbles,
+            paperSize: envelopedPage.paperSize,
+            paperColor: envelopedPage.paperColor,
+            frameColor: envelopedPage.frameColor,
+            frameWidth: envelopedPage.frameWidth,
+            source: null,
+        };
+        book.pages.push(page);
+    }
+    return book;
+}
+export async function writeEnvelope(book) {
+    const envelopedBook = {
+        pages: [],
+        direction: book.direction,
+        wrapMode: book.wrapMode,
+        notebook: book.notebook,
+        images: {},
+    };
+    for (const page of book.pages) {
+        const markUp = await putFrameImages(page.frameTree, envelopedBook.images, 'v');
+        const bubbles = await putBubbleImages(page.bubbles, envelopedBook.images);
+        const serializedPage = {
+            id: page.id,
+            frameTree: markUp,
+            bubbles: bubbles,
+            paperSize: page.paperSize,
+            paperColor: page.paperColor,
+            frameColor: page.frameColor,
+            frameWidth: page.frameWidth,
+        };
+        envelopedBook.pages.push(serializedPage);
+    }
+    const encoded = encode(envelopedBook);
+    return new Blob([encoded], { type: 'application/cbor' });
+}
+async function putFrameImages(frameTree, images, parentDirection) {
+    const f = async (canvas) => {
+        const array = await canvasToUint8Array(canvas);
+        const fileId = ulid();
+        images[fileId] = array;
+        return fileId;
+    };
+    const markUp = FrameElement.decompileNode(frameTree, parentDirection);
+    markUp.films = await packFilms(frameTree.filmStack.films, f);
+    const children = [];
+    for (const child of frameTree.children) {
+        children.push(await putFrameImages(child, images, frameTree.direction));
+    }
+    if (0 < children.length) {
+        if (frameTree.direction === 'h') {
+            markUp.row = children;
+        }
+        else {
+            markUp.column = children;
+        }
+    }
+    return markUp;
+}
+async function putBubbleImages(bubbles, images) {
+    const f = async (canvas) => {
+        const array = await canvasToUint8Array(canvas);
+        const fileId = ulid();
+        images[fileId] = array;
+        return fileId;
+    };
+    const packedBubbles = [];
+    for (const bubble of bubbles) {
+        const markUp = Bubble.decompile(bubble);
+        markUp.films = await packFilms(bubble.filmStack.films, f);
+        packedBubbles.push(markUp);
+    }
+    return packedBubbles;
+}
+async function canvasToUint8Array(canvas) {
+    const blob = await new Promise((resolve) => canvas.toBlob(resolve, "image/png"));
+    if (!blob)
+        throw new Error("Canvas toBlob failed");
+    const arrayBuffer = await blob.arrayBuffer();
+    return new Uint8Array(arrayBuffer);
+}
+export async function readOldEnvelope(json) {
+    // この中で作られたimage等はセーブ後捨てられるので、キャッシュなどは一切無視する
+    const envelopedBook = JSON.parse(json);
+    const bag = {};
+    for (const imageId in envelopedBook.images) {
+        const image = new Image();
+        image.src = envelopedBook.images[imageId];
+        await image.decode();
+        bag[imageId] = createCanvasFromImage(image);
+    }
+    const book = {
+        revision: { id: 'not visited', revision: 1, prefix: 'envelope-' },
+        pages: [],
+        history: { entries: [], cursor: 0 },
+        direction: envelopedBook.direction,
+        wrapMode: envelopedBook.wrapMode,
+        chatLogs: [],
+        notebook: envelopedBook.notebook ?? emptyNotebook(),
+    };
+    const getCanvas = async (imageId) => bag[imageId];
+    for (const envelopedPage of envelopedBook.pages) {
+        const frameTree = await unpackFrameImages(envelopedPage.paperSize, envelopedPage.frameTree, getCanvas);
+        const bubbles = await unpackBubbleImages(envelopedPage.paperSize, envelopedPage.bubbles, getCanvas);
+        const page = {
+            id: envelopedPage.id ?? ulid(),
+            frameTree: frameTree,
+            bubbles: bubbles,
+            paperSize: envelopedPage.paperSize,
+            paperColor: envelopedPage.paperColor,
+            frameColor: envelopedPage.frameColor,
+            frameWidth: envelopedPage.frameWidth,
+            source: null,
+        };
+        book.pages.push(page);
+    }
+    return book;
+}
+//# sourceMappingURL=envelope.js.map

package/dist/lib/book/envelope.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"envelope.js","sourceRoot":"","sources":["../../../src/lib/book/envelope.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAC5B,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAElF,OAAO,EAAiB,aAAa,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAC;AACrE,OAAO,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AAYzE,8BAA8B;AAC9B,MAAM,CAAC,KAAK,UAAU,YAAY,CAAC,IAAU;IAC3C,MAAM,UAAU,GAAG,IAAI,UAAU,CAAC,MAAM,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC;IAC5D,MAAM,aAAa,GAAkB,MAAM,CAAC,UAAU,CAAC,CAAC;IAExD,MAAM,GAAG,GAAc,EAAE,CAAC;IAC1B,KAAK,MAAM,OAAO,IAAI,aAAa,CAAC,MAAM,EAAE,CAAC;QAC3C,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,CAAC,aAAa,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAC;QAC9E,MAAM,GAAG,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;QACtC,MAAM,KAAK,GAAG,IAAI,KAAK,EAAE,CAAC;QAC1B,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC;QAChB,MAAM,KAAK,CAAC,MAAM,EAAE,CAAC;QACrB,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC;QACzB,MAAM,MAAM,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;QAC3C,MAAc,CAAC,gBAAgB,CAAC,GAAG,OAAO,CAAC;QAC5C,GAAG,CAAC,OAAO,CAAC,GAAG,MAAM,CAAC;IACxB,CAAC;IAED,MAAM,IAAI,GAAS;QACjB,QAAQ,EAAE,EAAE,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE;QACjE,KAAK,EAAE,EAAE;QACT,OAAO,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;QACnC,SAAS,EAAE,aAAa,CAAC,SAAS;QAClC,QAAQ,EAAE,aAAa,CAAC,QAAQ;QAChC,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,aAAa,CAAC,QAAQ,IAAI,aAAa,EAAE;KACpD,CAAC;IAEF,MAAM,SAAS,GAAG,KAAK,EAAE,OAAe,EAAE,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IAE1D,KAAK,MAAM,aAAa,IAAI,aAAa,CAAC,KAAK,EAAE,CAAC;QAChD,MAAM,SAAS,GAAG,MAAM,iBAAiB,CAAC,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QACvG,MAAM,OAAO,GAAG,MAAM,kBAAkB,CAAC,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;QAEpG,MAAM,IAAI,GAAS;YACjB,EAAE,EAAE,aAAa,CAAC,EAAE,IAAI,IAAI,EAAE;YAC9B,SAAS,EAAE,SAAS;YACpB,OAAO,EAAE,OAAO;YAChB,SAAS,EAAE,aAAa,CAAC,SAAS;YAClC,UAAU,EAAE,aAAa,CAAC,UAAU;YACpC,UAAU,EAAE,aAAa,CAAC,UAAU;YACpC,UAAU,EAAE,aAAa,CAAC,UAAU;YACpC,MAAM,EAAE,IAAI;SACb,CAAA;QACD,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,aAAa,CAAC,IAAU;IAC5C,MAAM,aAAa,GAAkB;QACnC,KAAK,EAAE,EAAE;QACT,SAAS,EAAE,IAAI,CAAC,SAAS;QACzB,QAAQ,EAAE,IAAI,CAAC,QAAQ;QACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ;QACvB,MAAM,EAAE,EAAE;KACX,CAAC;IACF,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;QAC9B,MAAM,MAAM,GAAG,MAAM,cAAc,CAAC,IAAI,CAAC,SAAS,EAAE,aAAa,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QAC/E,MAAM,OAAO,GAAG,MAAM,eAAe,CAAC,IAAI,CAAC,OAAO,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;QAE1E,MAAM,cAAc,GAAmB;YACrC,EAAE,EAAE,IAAI,CAAC,EAAE;YACX,SAAS,EAAE,MAAM;YACjB,OAAO,EAAE,OAAO;YAChB,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,UAAU,EAAE,IAAI,CAAC,UAAU;YAC3B,UAAU,EAAE,IAAI,CAAC,UAAU;YAC3B,UAAU,EAAE,IAAI,CAAC,UAAU;SAC5B,CAAA;QACD,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IAC3C,CAAC;IAED,MAAM,OAAO,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC;IACtC,OAAO,IAAI,IAAI,CAAC,CAAC,OAAO,CAAC,EAAE,EAAE,IAAI,EAAE,kBAAkB,EAAE,CAAC,CAAC;AAC3D,CAAC;AAGD,KAAK,UAAU,cAAc,CAAC,SAAuB,EAAE,MAAwC,EAAE,eAA0B;IACzH,MAAM,CAAC,GAAG,KAAK,EAAE,MAAyB,EAAE,EAAE;QAC5C,MAAM,KAAK,GAAG,MAAM,kBAAkB,CAAC,MAAM,CAAC,CAAC;QAC/C,MAAM,MAAM,GAAG,IAAI,EAAE,CAAC;QACtB,MAAM,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC;QACvB,OAAO,MAAM,CAAC;IAChB,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,YAAY,CAAC,aAAa,CAAC,SAAS,EAAE,eAAe,CAAC,CAAC;IACtE,MAAM,CAAC,KAAK,GAAG,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;IAE7D,MAAM,QAAQ,GAAG,EAAE,CAAC;IACpB,KAAK,MAAM,KAAK,IAAI,SAAS,CAAC,QAAQ,EAAE,CAAC;QACvC,QAAQ,CAAC,IAAI,CAAC,MAAM,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,SAAU,CAAC,CAAC,CAAC;IAC3E,CAAC;IACD,IAAI,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC;QACxB,IAAI,SAAS,CAAC,SAAS,KAAK,GAAG,EAAE,CAAC;YAChC,MAAM,CAAC,GAAG,GAAG,QAAQ,CAAC;QACxB,CAAC;aAAM,CAAC;YACN,MAAM,CAAC,MAAM,GAAG,QAAQ,CAAC;QAC3B,CAAC;IACH,CAAC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,KAAK,UAAU,eAAe,CAAC,OAAiB,EAAE,MAAwC;IACxF,MAAM,CAAC,GAAG,KAAK,EAAE,MAAyB,EAAE,EAAE;QAC5C,MAAM,KAAK,GAAG,MAAM,kBAAkB,CAAC,MAAM,CAAC,CAAC;QAC/C,MAAM,MAAM,GAAG,IAAI,EAAE,CAAC;QACtB,MAAM,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC;QACvB,OAAO,MAAM,CAAC;IAChB,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,EAAE,CAAC;IACzB,KAAK,MAAM,MAAM,IAAI,OAAO,EAAE,CAAC;QAC7B,MAAM,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;QACxC,MAAM,CAAC,KAAK,GAAG,MAAM,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QAC1D,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAC7B,CAAC;IACD,OAAO,aAAa,CAAC;AACvB,CAAC;AAED,KAAK,UAAU,kBAAkB,CAAC,MAAyB;IACzD,MAAM,IAAI,GAAG,MAAM,IAAI,OAAO,CAAc,CAAC,OAAO,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC;IAC9F,IAAI,CAAC,IAAI;QAAE,MAAM,IAAI,KAAK,CAAC,sBAAsB,CAAC,CAAC;IACnD,MAAM,WAAW,GAAG,MAAM,IAAI,CAAC,WAAW,EAAE,CAAC;IAC7C,OAAO,IAAI,UAAU,CAAC,WAAW,CAAC,CAAC;AACrC,CAAC;AAUD,MAAM,CAAC,KAAK,UAAU,eAAe,CAAC,IAAY;IAChD,4CAA4C;IAC5C,MAAM,aAAa,GAAqB,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAEzD,MAAM,GAAG,GAAc,EAAE,CAAC;IAC1B,KAAK,MAAM,OAAO,IAAI,aAAa,CAAC,MAAM,EAAE,CAAC;QAC3C,MAAM,KAAK,GAAG,IAAI,KAAK,EAAE,CAAC;QAC1B,KAAK,CAAC,GAAG,GAAG,aAAa,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QAC1C,MAAM,KAAK,CAAC,MAAM,EAAE,CAAC;QACrB,GAAG,CAAC,OAAO,CAAC,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;IAC9C,CAAC;IAED,MAAM,IAAI,GAAS;QACjB,QAAQ,EAAE,EAAE,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE;QACjE,KAAK,EAAE,EAAE;QACT,OAAO,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;QACnC,SAAS,EAAE,aAAa,CAAC,SAAS;QAClC,QAAQ,EAAE,aAAa,CAAC,QAAQ;QAChC,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,aAAa,CAAC,QAAQ,IAAI,aAAa,EAAE;KACpD,CAAC;IAEF,MAAM,SAAS,GAAG,KAAK,EAAE,OAAe,EAAE,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IAE1D,KAAK,MAAM,aAAa,IAAI,aAAa,CAAC,KAAK,EAAE,CAAC;QAChD,MAAM,SAAS,GAAG,MAAM,iBAAiB,CAAC,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QACvG,MAAM,OAAO,GAAG,MAAM,kBAAkB,CAAC,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;QAEpG,MAAM,IAAI,GAAS;YACjB,EAAE,EAAE,aAAa,CAAC,EAAE,IAAI,IAAI,EAAE;YAC9B,SAAS,EAAE,SAAS;YACpB,OAAO,EAAE,OAAO;YAChB,SAAS,EAAE,aAAa,CAAC,SAAS;YAClC,UAAU,EAAE,aAAa,CAAC,UAAU;YACpC,UAAU,EAAE,aAAa,CAAC,UAAU;YACpC,UAAU,EAAE,aAAa,CAAC,UAAU;YACpC,MAAM,EAAE,IAAI;SACb,CAAA;QACD,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC"}

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

@@ -0,0 +1,10 @@
+import type { Vector } from "../layeredCanvas/tools/geometry/geometry";
+import { FrameElement } from "../layeredCanvas/dataModels/frameTree";
+import { Bubble } from "../layeredCanvas/dataModels/bubble";
+import { Film } from "../layeredCanvas/dataModels/film";
+export declare function dryUnpackFrameImages(paperSize: Vector, markUp: any, images: string[]): Promise<void>;
+export declare function dryUnpackBubbleImages(paperSize: Vector, markUps: any[], images: string[]): Promise<void>;
+export declare function unpackFrameImages(paperSize: Vector, markUp: any, loadCanvasFunc: (imageId: string) => Promise<HTMLCanvasElement | null>): Promise<FrameElement>;
+export declare function unpackBubbleImages(paperSize: Vector, markUps: any[], loadImageFunc: (imageId: string) => Promise<HTMLCanvasElement | null>): Promise<Bubble[]>;
+export declare function packFilms(films: Film[], saveCanvasFunc: (canvas: HTMLCanvasElement) => Promise<string>): Promise<any[]>;
+export declare function unpackFilms(markUp: any, loadImageFunc: (imageId: string) => Promise<HTMLCanvasElement | null>): Promise<Film[]>;