@yui540/comimi 0.1.0

package/dist/renderer/renderer-callbacks.d.ts

@@ -0,0 +1,18 @@
+import type { LayoutMode, ViewerSettings, ViewerState } from "../types";
+export interface RendererCallbacks {
+    goToPage(pageIndex: number): void;
+    nextPage(): void;
+    previousPage(): void;
+    commitNextPage(): void;
+    commitPreviousPage(): void;
+    toggleOverlay(force?: boolean): void;
+    toggleAutoPageTurn(): void;
+    updateSettings(settings: Partial<ViewerSettings>): void;
+    setLayoutMode(layoutMode: LayoutMode): void;
+    setTheaterHeight(heightPx: number): void;
+    setPanel(panel: ViewerState["panel"]): void;
+    setZoom(scale: number, panX?: number, panY?: number): void;
+    setPan(panX: number, panY: number): void;
+    resetZoom(): void;
+}
+//# sourceMappingURL=renderer-callbacks.d.ts.map

package/dist/renderer/renderer-callbacks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer-callbacks.d.ts","sourceRoot":"","sources":["../../src/renderer/renderer-callbacks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAExE,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,QAAQ,IAAI,IAAI,CAAC;IACjB,YAAY,IAAI,IAAI,CAAC;IACrB,cAAc,IAAI,IAAI,CAAC;IACvB,kBAAkB,IAAI,IAAI,CAAC;IAC3B,aAAa,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACrC,kBAAkB,IAAI,IAAI,CAAC;IAC3B,cAAc,CAAC,QAAQ,EAAE,OAAO,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC;IACxD,aAAa,CAAC,UAAU,EAAE,UAAU,GAAG,IAAI,CAAC;IAC5C,gBAAgB,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACzC,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;IAC5C,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3D,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACzC,SAAS,IAAI,IAAI,CAAC;CACnB"}

package/dist/renderer/viewer-renderer.d.ts

@@ -0,0 +1,51 @@
+import { AssetLoader } from "../core/asset-loader";
+import { I18n } from "../i18n/i18n";
+import type { ViewerState } from "../types";
+import type { RendererCallbacks } from "./renderer-callbacks";
+export declare class ViewerRenderer {
+    private container;
+    private callbacks;
+    private assetLoader;
+    private i18n;
+    private root;
+    private cleanup;
+    private mouseStart?;
+    private touchStart?;
+    private pinchStart?;
+    private pageStage;
+    private pageTurnTimer?;
+    private splashRemoveTimer?;
+    private splash?;
+    private isPageTurnAnimating;
+    private suppressNextClick;
+    private prevOverlayVisible;
+    private overlayApplyRaf?;
+    private menuPanel?;
+    private viewModeSwitcher?;
+    private controlsDock?;
+    private resizeHandle?;
+    private viewSizeObserver?;
+    constructor(container: HTMLElement, callbacks: RendererCallbacks, assetLoader: AssetLoader, i18n: I18n, className?: string);
+    private observeViewSize;
+    update(state: ViewerState): void;
+    private applyOverlayVisibility;
+    showSplash(): void;
+    destroy(): void;
+    getElement(): HTMLElement;
+    isAnimatingPageTurn(): boolean;
+    animatePageTurn(state: ViewerState, direction: "previous" | "next", onComplete: () => void): boolean;
+    isMobileViewport(): boolean;
+    private clampPan;
+    private clampedZoom;
+    private syncResizeHandle;
+    private createResizeHandle;
+    private bindGestures;
+    private handleSwipeEnd;
+    private requestPageTurn;
+    private constrainDragOffset;
+    private applyEdgeResistance;
+    private setStageDragOffset;
+    private getPageTurnTargetOffset;
+    private isInteractiveTarget;
+}
+//# sourceMappingURL=viewer-renderer.d.ts.map

package/dist/renderer/viewer-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewer-renderer.d.ts","sourceRoot":"","sources":["../../src/renderer/viewer-renderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAgBnD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAY9D,qBAAa,cAAc;IAqBvB,OAAO,CAAC,SAAS;IACjB,OAAO,CAAC,SAAS;IACjB,OAAO,CAAC,WAAW;IACnB,OAAO,CAAC,IAAI;IAvBd,OAAO,CAAC,IAAI,CAAiB;IAC7B,OAAO,CAAC,OAAO,CAAyB;IACxC,OAAO,CAAC,UAAU,CAAC,CAAY;IAC/B,OAAO,CAAC,UAAU,CAAC,CAAY;IAC/B,OAAO,CAAC,UAAU,CAAC,CAAsC;IACzD,OAAO,CAAC,SAAS,CAAY;IAC7B,OAAO,CAAC,aAAa,CAAC,CAAS;IAC/B,OAAO,CAAC,iBAAiB,CAAC,CAAS;IACnC,OAAO,CAAC,MAAM,CAAC,CAAc;IAC7B,OAAO,CAAC,mBAAmB,CAAS;IACpC,OAAO,CAAC,iBAAiB,CAAS;IAClC,OAAO,CAAC,kBAAkB,CAAS;IACnC,OAAO,CAAC,eAAe,CAAC,CAAS;IACjC,OAAO,CAAC,SAAS,CAAC,CAAY;IAC9B,OAAO,CAAC,gBAAgB,CAAC,CAAmB;IAC5C,OAAO,CAAC,YAAY,CAAC,CAAe;IACpC,OAAO,CAAC,YAAY,CAAC,CAAiB;IACtC,OAAO,CAAC,gBAAgB,CAAC,CAAiB;gBAGhC,SAAS,EAAE,WAAW,EACtB,SAAS,EAAE,iBAAiB,EAC5B,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EAClB,SAAS,CAAC,EAAE,MAAM;IAapB,OAAO,CAAC,eAAe;IAqBvB,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI;IAyGhC,OAAO,CAAC,sBAAsB;IAW9B,UAAU,IAAI,IAAI;IAalB,OAAO,IAAI,IAAI;IAgBf,UAAU,IAAI,WAAW;IAIzB,mBAAmB,IAAI,OAAO;IAI9B,eAAe,CACb,KAAK,EAAE,WAAW,EAClB,SAAS,EAAE,UAAU,GAAG,MAAM,EAC9B,UAAU,EAAE,MAAM,IAAI,GACrB,OAAO;IAqBV,gBAAgB,IAAI,OAAO;IAI3B,OAAO,CAAC,QAAQ;IAwBhB,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,gBAAgB;IAaxB,OAAO,CAAC,kBAAkB;IAmC1B,OAAO,CAAC,YAAY;IA8NpB,OAAO,CAAC,cAAc;IAoCtB,OAAO,CAAC,eAAe;IAWvB,OAAO,CAAC,mBAAmB;IAyB3B,OAAO,CAAC,mBAAmB;IAU3B,OAAO,CAAC,kBAAkB;IAI1B,OAAO,CAAC,uBAAuB;IAQ/B,OAAO,CAAC,mBAAmB;CAuB5B"}

package/dist/storage/indexed-db-storage.d.ts

@@ -0,0 +1,23 @@
+import type { ViewerSettings } from "../types";
+export interface StorageOptions {
+    enabled?: boolean;
+    databaseName?: string;
+}
+export declare class IndexedDbStorage {
+    private enabled;
+    private databaseName;
+    private dbPromise?;
+    constructor(options?: StorageOptions);
+    getSettings(): Promise<ViewerSettings | undefined>;
+    saveSettings(settings: ViewerSettings): Promise<void>;
+    getProgress(mangaId: string): Promise<number | undefined>;
+    saveProgress(mangaId: string, pageIndex: number): Promise<void>;
+    saveLayout(layout: Record<string, unknown>): Promise<void>;
+    getLayout<T extends Record<string, unknown>>(): Promise<T | undefined>;
+    private get;
+    private put;
+    private delete;
+    private store;
+    private open;
+}
+//# sourceMappingURL=indexed-db-storage.d.ts.map

package/dist/storage/indexed-db-storage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"indexed-db-storage.d.ts","sourceRoot":"","sources":["../../src/storage/indexed-db-storage.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAI/C,MAAM,WAAW,cAAc;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,qBAAa,gBAAgB;IAC3B,OAAO,CAAC,OAAO,CAAU;IACzB,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,SAAS,CAAC,CAAuB;gBAE7B,OAAO,GAAE,cAAmB;IAKlC,WAAW,IAAI,OAAO,CAAC,cAAc,GAAG,SAAS,CAAC;IAKlD,YAAY,CAAC,QAAQ,EAAE,cAAc,GAAG,OAAO,CAAC,IAAI,CAAC;IAQrD,WAAW,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC;IAQzD,YAAY,CAAC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAQ/D,UAAU,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;IAQ1D,SAAS,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,OAAO,CAAC,CAAC,GAAG,SAAS,CAAC;YAK9D,GAAG;YAUH,GAAG;YASH,MAAM;YASN,KAAK;IASnB,OAAO,CAAC,IAAI;CAqBb"}

package/dist/store/reducer.d.ts

@@ -0,0 +1,3 @@
+import type { ViewerAction, ViewerState } from "../types";
+export declare function reducer(state: ViewerState, action: ViewerAction): ViewerState;
+//# sourceMappingURL=reducer.d.ts.map

package/dist/store/reducer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reducer.d.ts","sourceRoot":"","sources":["../../src/store/reducer.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE1D,wBAAgB,OAAO,CAAC,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,GAAG,WAAW,CAyI7E"}

package/dist/store/store.d.ts

@@ -0,0 +1,11 @@
+import type { ViewerAction, ViewerState } from "../types";
+export type StoreListener = (state: ViewerState, previous: ViewerState) => void;
+export declare class ViewerStore {
+    private state;
+    private listeners;
+    constructor(initialState: ViewerState);
+    getState(): ViewerState;
+    dispatch(action: ViewerAction): void;
+    subscribe(listener: StoreListener): () => void;
+}
+//# sourceMappingURL=store.d.ts.map

package/dist/store/store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../src/store/store.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAG1D,MAAM,MAAM,aAAa,GAAG,CAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,KAAK,IAAI,CAAC;AAEhF,qBAAa,WAAW;IACtB,OAAO,CAAC,KAAK,CAAc;IAC3B,OAAO,CAAC,SAAS,CAA4B;gBAEjC,YAAY,EAAE,WAAW;IAIrC,QAAQ,IAAI,WAAW;IAIvB,QAAQ,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI;IAcpC,SAAS,CAAC,QAAQ,EAAE,aAAa,GAAG,MAAM,IAAI;CAM/C"}

package/dist/styles/media.d.ts

@@ -0,0 +1,13 @@
+export declare const maxWidthMediaQuery: (maxWidth: number) => string;
+export declare const minWidthMediaQuery: (minWidth: number) => string;
+export declare const minMaxWidthMediaQuery: (minWidth: number, maxWidth: number) => string;
+export declare const breakPoints: {
+    mediumSmall: number;
+};
+export declare const media: {
+    mediumUp: string;
+    smallDown: string;
+    tablet: string;
+    desktop: string;
+};
+//# sourceMappingURL=media.d.ts.map

package/dist/styles/media.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"media.d.ts","sourceRoot":"","sources":["../../src/styles/media.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB,GAAI,UAAU,MAAM,WACd,CAAC;AAEtC,eAAO,MAAM,kBAAkB,GAAI,UAAU,MAAM,WACd,CAAC;AAEtC,eAAO,MAAM,qBAAqB,GAAI,UAAU,MAAM,EAAE,UAAU,MAAM,WACH,CAAC;AAEtE,eAAO,MAAM,WAAW;;CAEvB,CAAC;AAEF,eAAO,MAAM,KAAK;;;;;CAKjB,CAAC"}

package/dist/styles/style-registry.d.ts

@@ -0,0 +1,2 @@
+export declare function ensureViewerStyles(): void;
+//# sourceMappingURL=style-registry.d.ts.map

package/dist/styles/style-registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-registry.d.ts","sourceRoot":"","sources":["../../src/styles/style-registry.ts"],"names":[],"mappings":"AAsCA,wBAAgB,kBAAkB,IAAI,IAAI,CAUzC"}

package/dist/types.d.ts

@@ -0,0 +1,163 @@
+export type ReadingDirection = "rtl" | "ltr";
+export type PageTurnMode = "single" | "spread";
+export type LayoutMode = "inline" | "theater" | "browserFullscreen" | "nativeFullscreen";
+export interface Manga {
+    id: string;
+    title: string;
+    author?: string;
+    pages: MangaPage[];
+    metadata?: Record<string, unknown>;
+}
+export type MangaPage = ImagePage | HtmlPage;
+interface BasePage {
+    id: string;
+    label?: string;
+}
+export interface ImagePage extends BasePage {
+    type: "image";
+    src: string;
+    thumbnailSrc?: string;
+    width?: number;
+    height?: number;
+    alt?: string;
+}
+export interface HtmlPage extends BasePage {
+    type: "html";
+    html: string;
+    sandbox?: string;
+    aspectRatio?: number;
+}
+export interface ViewerSettings {
+    locale: string;
+    hasCover: boolean;
+    readingDirection: ReadingDirection;
+    pageTurnMode: PageTurnMode;
+    layoutMode: LayoutMode;
+    autoPageTurnIntervalMs: number;
+    pageTurnAnimation: boolean;
+    zoom: {
+        min: number;
+        max: number;
+        step: number;
+    };
+}
+export interface ViewerNotification {
+    id: string;
+    message: string;
+    createdAt: number;
+    tone?: "info" | "success" | "error";
+}
+export interface ViewerState {
+    manga: Manga;
+    currentPageIndex: number;
+    visiblePageIndexes: number[];
+    overlayVisible: boolean;
+    autoPageTurnEnabled: boolean;
+    zoomScale: number;
+    panX: number;
+    panY: number;
+    settings: ViewerSettings;
+    layout: {
+        mode: LayoutMode;
+        theaterHeightPx?: number;
+    };
+    notifications: ViewerNotification[];
+    panel: "none" | "settings" | "menu" | "pages" | "shortcuts";
+}
+export type TranslationMap = Record<string, string>;
+export interface MangaViewerOptions {
+    manga: Manga;
+    initialPageIndex?: number;
+    locale?: string;
+    translations?: TranslationMap;
+    settings?: Partial<ViewerSettings>;
+    storage?: {
+        enabled?: boolean;
+        databaseName?: string;
+    };
+    className?: string;
+    events?: Partial<ViewerEventHandlersMap>;
+}
+export interface MangaViewerInstance {
+    destroy(): void;
+    setManga(manga: Manga): Promise<void>;
+    setPages(pages: MangaPage[]): Promise<void>;
+    getState(): Readonly<ViewerState>;
+    updateSettings(settings: Partial<ViewerSettings>): Promise<void>;
+    goToPage(pageIndex: number): void;
+    nextPage(): void;
+    previousPage(): void;
+    toggleOverlay(force?: boolean): void;
+    toggleAutoPageTurn(): void;
+    toggleFullscreen(): Promise<void>;
+    on<T extends ViewerEventName>(eventName: T, handler: ViewerEventHandler<T>): () => void;
+}
+export interface ViewerEventMap {
+    ready: {
+        manga: Manga;
+    };
+    pageChange: {
+        pageIndex: number;
+        page: MangaPage;
+    };
+    settingsChange: {
+        settings: ViewerSettings;
+    };
+    layoutChange: {
+        layoutMode: LayoutMode;
+    };
+    destroy: void;
+}
+export type ViewerEventName = keyof ViewerEventMap;
+export type ViewerEventHandler<T extends ViewerEventName> = (payload: ViewerEventMap[T]) => void;
+export type ViewerEventHandlersMap = {
+    [K in ViewerEventName]: ViewerEventHandler<K>;
+};
+export type ViewerAction = {
+    type: "setManga";
+    manga: Manga;
+    pageIndex?: number;
+} | {
+    type: "goToPage";
+    pageIndex: number;
+} | {
+    type: "nextPage";
+} | {
+    type: "previousPage";
+} | {
+    type: "setOverlayVisible";
+    visible: boolean;
+} | {
+    type: "toggleAutoPageTurn";
+} | {
+    type: "updateSettings";
+    settings: Partial<ViewerSettings>;
+} | {
+    type: "setLayoutMode";
+    layoutMode: LayoutMode;
+} | {
+    type: "setTheaterHeight";
+    heightPx: number;
+} | {
+    type: "setZoom";
+    scale: number;
+    panX?: number;
+    panY?: number;
+} | {
+    type: "setPan";
+    panX: number;
+    panY: number;
+} | {
+    type: "resetZoom";
+} | {
+    type: "setPanel";
+    panel: ViewerState["panel"];
+} | {
+    type: "pushNotification";
+    notification: ViewerNotification;
+} | {
+    type: "removeNotification";
+    id: string;
+};
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

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

package/docs/USAGE.md

@@ -0,0 +1,248 @@
+# comimi — 使い方
+
+`@yui540/comimi` のフルリファレンスです。簡単な概要はリポジトリトップの `README.md` を参照してください。
+
+## インストール
+
+```sh
+npm install @yui540/comimi
+```
+
+```ts
+import { createMangaViewer } from "@yui540/comimi";
+```
+
+CDN 利用時は `dist/manga-viewer.global.js` を読み込み、`window.MangaViewer.createMangaViewer(...)` を呼び出してください。
+
+## クイックスタート
+
+```ts
+import { createMangaViewer } from "@yui540/comimi";
+
+const viewer = createMangaViewer(document.querySelector("#viewer")!, {
+  manga: {
+    id: "sample",
+    title: "モノクロ世界にようこそ",
+    author: "yui540",
+    pages: [
+      { id: "p0", type: "image", src: "/pages/0.webp" },
+      { id: "p1", type: "image", src: "/pages/1.webp" },
+      { id: "p2", type: "image", src: "/pages/2.webp" }
+    ]
+  },
+  locale: "ja",
+  settings: {
+    layoutMode: "inline",
+    readingDirection: "rtl",
+    hasCover: true
+  },
+  events: {
+    pageChange: ({ pageIndex }) => console.log("page", pageIndex + 1)
+  }
+});
+
+viewer.nextPage();
+viewer.goToPage(10);
+viewer.destroy();
+```
+
+## API
+
+### `createMangaViewer(container, options)`
+
+`container` 内にビューワーをマウントして `MangaViewerInstance` を返します。`container` の既存の子要素はライブラリが生成するDOMに置き換えられます。
+
+```ts
+interface MangaViewerInstance {
+  destroy(): void;
+  setManga(manga: Manga): Promise<void>;
+  setPages(pages: MangaPage[]): Promise<void>;
+  getState(): Readonly<ViewerState>;
+  updateSettings(settings: Partial<ViewerSettings>): Promise<void>;
+  goToPage(pageIndex: number): void;
+  nextPage(): void;
+  previousPage(): void;
+  toggleOverlay(force?: boolean): void;
+  toggleAutoPageTurn(): void;
+  toggleFullscreen(): Promise<void>;
+  on<T extends ViewerEventName>(
+    eventName: T,
+    handler: ViewerEventHandler<T>
+  ): () => void;
+}
+```
+
+### オプション
+
+```ts
+interface MangaViewerOptions {
+  manga: Manga;
+  initialPageIndex?: number;
+  locale?: string;          // "ja" | "en"、または独自キー（translations と併用）
+  translations?: TranslationMap;
+  settings?: Partial<ViewerSettings>;
+  storage?: { enabled?: boolean; databaseName?: string };
+  className?: string;
+  events?: Partial<{
+    ready: (e: { manga: Manga }) => void;
+    pageChange: (e: { pageIndex: number; page: MangaPage }) => void;
+    settingsChange: (e: { settings: ViewerSettings }) => void;
+    layoutChange: (e: { layoutMode: LayoutMode }) => void;
+    destroy: () => void;
+  }>;
+}
+```
+
+## ページ
+
+```ts
+type MangaPage = ImagePage | HtmlPage;
+
+interface ImagePage {
+  id: string;
+  type: "image";
+  src: string;
+  thumbnailSrc?: string;
+  width?: number;
+  height?: number;
+  alt?: string;
+  label?: string;
+}
+
+interface HtmlPage {
+  id: string;
+  type: "html";
+  html: string;       // 文字列。innerHTML としてそのまま挿入される
+  sandbox?: string;   // iframe を含む場合に指定推奨
+  aspectRatio?: number;
+  label?: string;
+}
+```
+
+`id` は画像要素のキャッシュと進捗保存のキーに使われるので、安定した値を渡してください。
+
+## 設定
+
+| フィールド | デフォルト | 説明 |
+|---|---|---|
+| `locale` | `"ja"` | UI言語 |
+| `hasCover` | `true` | 表紙ありモード（見開き時、1ページ目を単独表示） |
+| `readingDirection` | `"rtl"` | `"rtl"`（右→左、日本語漫画）/ `"ltr"` |
+| `pageTurnMode` | `"single"` | `"single"` / `"spread"`（2ページ見開き） |
+| `layoutMode` | `"inline"` | `"inline"`, `"theater"`, `"browserFullscreen"`, `"nativeFullscreen"` |
+| `autoPageTurnIntervalMs` | `5000` | 自動再生の間隔 (ms) |
+| `pageTurnAnimation` | `true` | ページめくり時のスライドアニメ |
+| `zoom.min` / `.max` / `.step` | `1` / `4` / `0.25` | ズームの範囲とステップ |
+
+## レイアウトモード
+
+| モード | 挙動 |
+|---|---|
+| `inline` | 親要素内に収まる（デスクトップ max 900px / モバイル max 500px）。アスペクト比固定・角丸・薄影あり |
+| `theater` | 横幅100%、下のハンドルをドラッグして高さ可変 |
+| `browserFullscreen` | `position: fixed; inset: 0` — Fullscreen API を使わずブラウザいっぱいに表示 |
+| `nativeFullscreen` | Fullscreen API を使用。失敗時は `browserFullscreen` にフォールバック |
+
+## キーボードショートカット
+
+ビューワーのルート要素にフォーカスがある時のみ有効です。
+
+| キー | 動作 |
+|---|---|
+| `←` / `Space` | 左に移動（`readingDirection` に応じて前/次ページ） |
+| `→` / `Shift+Space` | 右に移動 |
+| `A` | 自動再生のトグル |
+| `N` | レイアウト: 標準 (inline) |
+| `W` | レイアウト: ワイド (theater) |
+| `F` | レイアウト: 全画面 (browserFullscreen) |
+| `P` | 1ページ ↔ 見開きの切替 |
+| `M` | メニューパネルのトグル |
+| `S` | 設定パネルのトグル |
+| `Escape` | 開いているパネルを閉じる / フルスクリーンを解除 |
+
+## ジェスチャー
+
+- 背景クリック / タップ: オーバーレイの表示切替
+- 左右端のクリック: 前 / 次ページ（`readingDirection` に応じて向きが変わる）
+- スワイプ: ページ移動。端では弾性的に抵抗あり
+- ピンチ: ズーム（`zoom.min`〜`zoom.max` でクランプ）
+- ズーム中のドラッグ: パン（ページの範囲内にクランプ）
+- ダブルクリック / ダブルタップ: 1x ↔ 2x の切替
+
+## 永続化 (IndexedDB)
+
+`storage.enabled` を `false` にしない限り、`indexedDB` が利用可能な環境では以下を自動で保存します。
+
+- 全体設定（locale, readingDirection, hasCover, pageTurnMode, animation, autoPageTurnIntervalMs）
+- 現在のレイアウトモードと theater の高さ
+- 漫画ごとの現在ページ（`manga.id` をキーに保存）
+
+データベース名は既定で `manga-viewer`。`storage.databaseName` で上書きできます。
+
+## i18n
+
+ビルトインのロケールは `ja` と `en` です。`translations` オプションでキーを上書き／追加できます。
+
+```ts
+createMangaViewer(container, {
+  manga,
+  locale: "fr",
+  translations: {
+    "overlay.settings": "Réglages",
+    "settings.cover": "Couverture"
+    // 上書きしたいキーだけでOK
+  }
+});
+```
+
+全キーは `locales/ja.json` を参照してください。未定義キーは `ja` → キー文字列自体、の順でフォールバックします。
+
+## イベント
+
+```ts
+interface ViewerEventMap {
+  ready: { manga: Manga };
+  pageChange: { pageIndex: number; page: MangaPage };
+  settingsChange: { settings: ViewerSettings };
+  layoutChange: { layoutMode: LayoutMode };
+  destroy: void;
+}
+```
+
+初期登録は `options.events`、後付け／解除は以下：
+
+```ts
+const off = viewer.on("layoutChange", ({ layoutMode }) => { ... });
+off(); // 解除
+```
+
+## ディレクトリ構成
+
+```
+src/
+├── index.ts                       公開エントリ (createMangaViewer + 型)
+├── types.ts                       公開する型定義
+├── defaults.ts                    デフォルト設定 / 派生stateの計算
+├── core/                          ライフサイクル / イベント / アセットローダ
+├── store/                         Flux 風の store + reducer
+├── renderer/                      DOM を所有する単一の ViewerRenderer
+├── components/                    各 UI コンポーネント (dock, menu, settings, ...)
+├── i18n/                          翻訳ルックアップ
+├── storage/                       IndexedDB ラッパ
+└── styles/                        CSS レジストリ / media query ヘルパ
+locales/
+├── ja.json
+└── en.json
+examples/preview/                  Vite ベースのローカルプレビュー
+```
+
+## 開発
+
+```sh
+npm install
+npm run dev        # examples/preview を Vite dev server で起動
+npm run typecheck  # tsc --noEmit
+npm run build      # bundle + .d.ts を dist/ に出力
+```
+
+プレビューは `examples/preview/` にあり、`examples/preview/sample-comic/*.webp` を `import.meta.glob` 経由で読み込みます。

package/locales/en.json

@@ -0,0 +1,37 @@
+{
+  "overlay.autoPageTurn": "Auto play",
+  "overlay.layout": "Layout",
+  "overlay.settings": "Settings",
+  "overlay.menu": "Menu",
+  "overlay.centerHint.desktop": "Click the center to close",
+  "overlay.centerHint.mobile": "Tap the center to close",
+  "splash.loading": "Starting viewer",
+  "autoplay.start": "Auto play started",
+  "autoplay.stop": "Auto play stopped",
+  "pageMode.single": "Single",
+  "pageMode.spread": "Spread",
+  "layout.inline": "Standard",
+  "layout.theater": "Wide",
+  "layout.browserFullscreen": "Fullscreen",
+  "settings.title": "Settings",
+  "settings.cover": "Has cover",
+  "settings.direction": "Page turn direction",
+  "settings.interval": "Auto play interval",
+  "settings.interval.unit": "s",
+  "settings.animation": "Page turn animation",
+  "settings.direction.rtl": "Right to left",
+  "settings.direction.ltr": "Left to right",
+  "menu.openShortcuts": "Keyboard shortcuts",
+  "menu.openPages": "Page list",
+  "menu.back": "Back",
+  "shortcut.section.page": "Page navigation",
+  "shortcut.section.viewMode": "View mode",
+  "shortcut.section.general": "General",
+  "shortcut.moveLeft": "Move left",
+  "shortcut.moveRight": "Move right",
+  "shortcut.autoPageTurnLabel": "Auto play",
+  "shortcut.pageModeToggle": "Toggle spread",
+  "seek.previewAlt": "Preview of page {{page}}",
+  "loading": "Loading",
+  "error.pageRequestFailed": "Request failed for page {{page}}"
+}

package/locales/ja.json

@@ -0,0 +1,37 @@
+{
+  "overlay.autoPageTurn": "自動再生",
+  "overlay.layout": "表示モード",
+  "overlay.settings": "設定",
+  "overlay.menu": "メニュー",
+  "overlay.centerHint.desktop": "閉じるには画面中央をクリック",
+  "overlay.centerHint.mobile": "閉じるには画面中央をタップ",
+  "splash.loading": "ビューワーを起動中",
+  "autoplay.start": "自動再生を開始",
+  "autoplay.stop": "自動再生を停止",
+  "pageMode.single": "1ページ",
+  "pageMode.spread": "見開き",
+  "layout.inline": "標準",
+  "layout.theater": "ワイド",
+  "layout.browserFullscreen": "全画面",
+  "settings.title": "設定",
+  "settings.cover": "表紙あり",
+  "settings.direction": "ページ移動方向",
+  "settings.interval": "自動再生の秒数",
+  "settings.interval.unit": "秒",
+  "settings.animation": "ページ移動アニメーション",
+  "settings.direction.rtl": "右",
+  "settings.direction.ltr": "左",
+  "menu.openShortcuts": "キーボードショートカット",
+  "menu.openPages": "ページ一覧",
+  "menu.back": "もどる",
+  "shortcut.section.page": "ページ移動",
+  "shortcut.section.viewMode": "表示モード",
+  "shortcut.section.general": "全般",
+  "shortcut.moveLeft": "左に移動",
+  "shortcut.moveRight": "右に移動",
+  "shortcut.autoPageTurnLabel": "自動再生",
+  "shortcut.pageModeToggle": "見開き切り替え",
+  "seek.previewAlt": "{{page}}ページのプレビュー",
+  "loading": "読み込み中",
+  "error.pageRequestFailed": "{{page}}ページのリクエストに失敗しました"
+}