flipbookengine 0.0.1 → 0.1.2

package/dist/flipbook-engine.react.js

@@ -0,0 +1,45 @@
+import b, { forwardRef as d, useRef as o, useImperativeHandle as k, useEffect as f } from "react";
+import { FlipbookEngine as F } from "./flipbook-engine.js";
+const R = d(({
+  className: p,
+  style: s,
+  pdfUrl: m,
+  pages: i,
+  onPageChange: c,
+  ...u
+}, a) => {
+  const l = o(null), e = o(null);
+  return k(a, () => ({
+    get engine() {
+      return e.current;
+    },
+    flipNext: () => {
+      var r, t, n;
+      return (n = (t = (r = e.current) == null ? void 0 : r.ui) == null ? void 0 : t.bkNext) == null ? void 0 : n.click();
+    },
+    flipPrev: () => {
+      var r, t, n;
+      return (n = (t = (r = e.current) == null ? void 0 : r.ui) == null ? void 0 : t.bkPrev) == null ? void 0 : n.click();
+    },
+    turnToPage: (r) => {
+      e.current && e.current.pageFlip && e.current.pageFlip.flip(r);
+    }
+  })), f(() => {
+    if (!l.current) return;
+    const r = new F(l.current, u);
+    e.current = r;
+    const t = r.on("pageChange", (n) => c == null ? void 0 : c(n));
+    return r.init(m, i || []).catch(console.error), () => {
+      t(), r.destroy(), e.current = null;
+    };
+  }, []), f(() => {
+    e.current && e.current.updateOptions(u);
+  }, [u]), f(() => {
+    e.current && e.current.setPages(i || []);
+  }, [i]), /* @__PURE__ */ b.createElement("div", { ref: l, className: p, style: { width: "100%", height: "100%", minHeight: "400px", ...s } });
+});
+R.displayName = "Flipbook";
+export {
+  R as Flipbook
+};
+//# sourceMappingURL=flipbook-engine.react.js.map

package/dist/flipbook-engine.react.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flipbook-engine.react.js","sources":["../src/react/index.tsx"],"sourcesContent":["/**\n * FlipbookEngine\n * Copyright (c) 2026 Murat Dogan\n * SPDX-License-Identifier: AGPL-3.0-or-later\n * https://flipbookengine.com\n */\n\nimport React, { forwardRef, useEffect, useImperativeHandle, useRef } from 'react';\nimport { FlipbookEngine, FlipbookEngineOptions, FlipbookPageAsset } from '../index';\n\nexport interface FlipbookProps extends Omit<FlipbookEngineOptions, 'theme'> {\n    className?: string;\n    style?: React.CSSProperties;\n    pdfUrl: string;\n    pages?: FlipbookPageAsset[];\n    theme?: 'auto' | 'light' | 'dark';\n    onPageChange?: (e: { currentPage: number; totalPages: number }) => void;\n}\n\nexport interface FlipbookRef {\n    engine: FlipbookEngine | null;\n    flipNext: () => void;\n    flipPrev: () => void;\n    turnToPage: (pageIndex: number) => void;\n}\n\nexport const Flipbook = forwardRef<FlipbookRef, FlipbookProps>(({\n    className,\n    style,\n    pdfUrl,\n    pages,\n    onPageChange,\n    ...options\n}, ref) => {\n    const containerRef = useRef<HTMLDivElement>(null);\n    const engineRef = useRef<FlipbookEngine | null>(null);\n\n    useImperativeHandle(ref, () => ({\n        get engine() { return engineRef.current; },\n        flipNext: () => (engineRef.current as any)?.ui?.bkNext?.click(),\n        flipPrev: () => (engineRef.current as any)?.ui?.bkPrev?.click(),\n        turnToPage: (idx: number) => {\n            if (engineRef.current && (engineRef.current as any).pageFlip) {\n                (engineRef.current as any).pageFlip.flip(idx);\n            }\n        }\n    }));\n\n    useEffect(() => {\n        if (!containerRef.current) return;\n\n        const engine = new FlipbookEngine(containerRef.current, options);\n        engineRef.current = engine;\n\n        const unsubscribeChange = engine.on('pageChange', (e: any) => onPageChange?.(e));\n\n        engine.init(pdfUrl, pages || []).catch(console.error);\n\n        return () => {\n            unsubscribeChange();\n            engine.destroy();\n            engineRef.current = null;\n        };\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []); // Run once on mount\n\n    useEffect(() => {\n        if (engineRef.current) {\n            engineRef.current.updateOptions(options);\n        }\n    }, [options]);\n\n    useEffect(() => {\n        if (engineRef.current) {\n            engineRef.current.setPages(pages || []);\n        }\n    }, [pages]);\n\n    return <div ref={containerRef} className={className} style={{ width: '100%', height: '100%', minHeight: '400px', ...style }} />;\n});\n\nFlipbook.displayName = 'Flipbook';\n"],"names":["Flipbook","forwardRef","className","style","pdfUrl","pages","onPageChange","options","ref","containerRef","useRef","engineRef","useImperativeHandle","_c","_b","_a","idx","useEffect","engine","FlipbookEngine","unsubscribeChange","e","React"],"mappings":";;AA0BO,MAAMA,IAAWC,EAAuC,CAAC;AAAA,EAC5D,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,GAAGC;AACP,GAAGC,MAAQ;AACP,QAAMC,IAAeC,EAAuB,IAAI,GAC1CC,IAAYD,EAA8B,IAAI;AAEpD,SAAAE,EAAoBJ,GAAK,OAAO;AAAA,IAC5B,IAAI,SAAS;AAAE,aAAOG,EAAU;AAAA,IAAS;AAAA,IACzC,UAAU,MAAA;;AAAO,cAAAE,KAAAC,KAAAC,IAAAJ,EAAU,YAAV,gBAAAI,EAA2B,OAA3B,gBAAAD,EAA+B,WAA/B,gBAAAD,EAAuC;AAAA;AAAA,IACxD,UAAU,MAAA;;AAAO,cAAAA,KAAAC,KAAAC,IAAAJ,EAAU,YAAV,gBAAAI,EAA2B,OAA3B,gBAAAD,EAA+B,WAA/B,gBAAAD,EAAuC;AAAA;AAAA,IACxD,YAAY,CAACG,MAAgB;AACzB,MAAIL,EAAU,WAAYA,EAAU,QAAgB,YAC/CA,EAAU,QAAgB,SAAS,KAAKK,CAAG;AAAA,IAEpD;AAAA,EAAA,EACF,GAEFC,EAAU,MAAM;AACZ,QAAI,CAACR,EAAa,QAAS;AAE3B,UAAMS,IAAS,IAAIC,EAAeV,EAAa,SAASF,CAAO;AAC/D,IAAAI,EAAU,UAAUO;AAEpB,UAAME,IAAoBF,EAAO,GAAG,cAAc,CAACG,MAAWf,KAAA,gBAAAA,EAAee,EAAE;AAE/E,WAAAH,EAAO,KAAKd,GAAQC,KAAS,CAAA,CAAE,EAAE,MAAM,QAAQ,KAAK,GAE7C,MAAM;AACT,MAAAe,EAAA,GACAF,EAAO,QAAA,GACPP,EAAU,UAAU;AAAA,IACxB;AAAA,EAEJ,GAAG,CAAA,CAAE,GAELM,EAAU,MAAM;AACZ,IAAIN,EAAU,WACVA,EAAU,QAAQ,cAAcJ,CAAO;AAAA,EAE/C,GAAG,CAACA,CAAO,CAAC,GAEZU,EAAU,MAAM;AACZ,IAAIN,EAAU,WACVA,EAAU,QAAQ,SAASN,KAAS,CAAA,CAAE;AAAA,EAE9C,GAAG,CAACA,CAAK,CAAC,GAEH,gBAAAiB,EAAA,cAAC,OAAA,EAAI,KAAKb,GAAc,WAAAP,GAAsB,OAAO,EAAE,OAAO,QAAQ,QAAQ,QAAQ,WAAW,SAAS,GAAGC,KAAS;AACjI,CAAC;AAEDH,EAAS,cAAc;"}

package/dist/flipbook-engine.vue.js

@@ -0,0 +1,54 @@
+import { defineComponent as u, ref as f, onMounted as g, onBeforeUnmount as s, watch as p, h as d } from "vue";
+import { FlipbookEngine as c } from "./flipbook-engine.js";
+const b = u({
+  name: "Flipbook",
+  props: {
+    pdfUrl: {
+      type: String,
+      required: !0
+    },
+    pages: {
+      type: Array,
+      required: !1,
+      default: () => []
+    },
+    options: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  emits: ["pageChange"],
+  setup(i, { emit: l, expose: a }) {
+    const o = f(null);
+    let e = null, r;
+    return g(() => {
+      o.value && (e = new c(o.value, i.options), r = e.on("pageChange", (t) => l("pageChange", t)), e.init(i.pdfUrl, i.pages || []).catch(console.error));
+    }), s(() => {
+      r && r(), e && (e.destroy(), e = null);
+    }), p(() => i.options, (t) => {
+      e && e.updateOptions(t);
+    }, { deep: !0 }), p(() => i.pages, (t) => {
+      e && e.setPages(t || []);
+    }, { deep: !0 }), a({
+      getEngine: () => e,
+      flipNext: () => {
+        var t, n;
+        return (n = (t = e == null ? void 0 : e.ui) == null ? void 0 : t.bkNext) == null ? void 0 : n.click();
+      },
+      flipPrev: () => {
+        var t, n;
+        return (n = (t = e == null ? void 0 : e.ui) == null ? void 0 : t.bkPrev) == null ? void 0 : n.click();
+      },
+      turnToPage: (t) => {
+        e && e.pageFlip && e.pageFlip.flip(t);
+      }
+    }), () => d("div", {
+      ref: o,
+      style: { width: "100%", height: "100%", minHeight: "400px" }
+    });
+  }
+});
+export {
+  b as Flipbook
+};
+//# sourceMappingURL=flipbook-engine.vue.js.map

package/dist/flipbook-engine.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flipbook-engine.vue.js","sources":["../src/vue/index.ts"],"sourcesContent":["/**\n * FlipbookEngine\n * Copyright (c) 2026 Murat Dogan\n * SPDX-License-Identifier: AGPL-3.0-or-later\n * https://flipbookengine.com\n */\n\nimport { defineComponent, h, ref, onMounted, onBeforeUnmount, watch, PropType } from 'vue';\nimport { FlipbookEngine, FlipbookEngineOptions, FlipbookPageAsset } from '../index';\n\nexport const Flipbook = defineComponent({\n    name: 'Flipbook',\n    props: {\n        pdfUrl: {\n            type: String,\n            required: true\n        },\n        pages: {\n            type: Array as PropType<FlipbookPageAsset[]>,\n            required: false,\n            default: () => []\n        },\n        options: {\n            type: Object as PropType<Omit<FlipbookEngineOptions, 'theme'> & { theme?: 'auto' | 'light' | 'dark' }>,\n            default: () => ({})\n        }\n    },\n    emits: ['pageChange'],\n    setup(props, { emit, expose }) {\n        const containerRef = ref<HTMLElement | null>(null);\n        let engine: FlipbookEngine | null = null;\n        let unsubscribeChange: () => void;\n \n        onMounted(() => {\n            if (!containerRef.value) return;\n \n            engine = new FlipbookEngine(containerRef.value, props.options as any);\n \n            unsubscribeChange = engine.on('pageChange', (e: any) => emit('pageChange', e));\n \n            engine.init(props.pdfUrl, props.pages || []).catch(console.error);\n        });\n \n        onBeforeUnmount(() => {\n            if (unsubscribeChange) unsubscribeChange();\n            if (engine) {\n                engine.destroy();\n                engine = null;\n            }\n        });\n \n        watch(() => props.options, (newOptions) => {\n            if (engine) {\n                engine.updateOptions(newOptions as any);\n            }\n        }, { deep: true });\n \n        watch(() => props.pages, (newPages) => {\n            if (engine) {\n                engine.setPages(newPages || []);\n            }\n        }, { deep: true });\n\n        expose({\n            getEngine: () => engine,\n            flipNext: () => (engine as any)?.ui?.bkNext?.click(),\n            flipPrev: () => (engine as any)?.ui?.bkPrev?.click(),\n            turnToPage: (idx: number) => {\n                if (engine && (engine as any).pageFlip) {\n                    (engine as any).pageFlip.flip(idx);\n                }\n            }\n        });\n\n        return () => h('div', {\n            ref: containerRef,\n            style: { width: '100%', height: '100%', minHeight: '400px' }\n        });\n    }\n});\n"],"names":["Flipbook","defineComponent","props","emit","expose","containerRef","ref","engine","unsubscribeChange","onMounted","FlipbookEngine","e","onBeforeUnmount","watch","newOptions","newPages","_b","_a","idx","h"],"mappings":";;AAUO,MAAMA,IAAWC,EAAgB;AAAA,EACpC,MAAM;AAAA,EACN,OAAO;AAAA,IACH,QAAQ;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA,IAAA;AAAA,IAEd,OAAO;AAAA,MACH,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS,MAAM,CAAA;AAAA,IAAC;AAAA,IAEpB,SAAS;AAAA,MACL,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA,IAAC;AAAA,EACrB;AAAA,EAEJ,OAAO,CAAC,YAAY;AAAA,EACpB,MAAMC,GAAO,EAAE,MAAAC,GAAM,QAAAC,KAAU;AAC3B,UAAMC,IAAeC,EAAwB,IAAI;AACjD,QAAIC,IAAgC,MAChCC;AAEJ,WAAAC,EAAU,MAAM;AACZ,MAAKJ,EAAa,UAElBE,IAAS,IAAIG,EAAeL,EAAa,OAAOH,EAAM,OAAc,GAEpEM,IAAoBD,EAAO,GAAG,cAAc,CAACI,MAAWR,EAAK,cAAcQ,CAAC,CAAC,GAE7EJ,EAAO,KAAKL,EAAM,QAAQA,EAAM,SAAS,CAAA,CAAE,EAAE,MAAM,QAAQ,KAAK;AAAA,IACpE,CAAC,GAEDU,EAAgB,MAAM;AAClB,MAAIJ,KAAmBA,EAAA,GACnBD,MACAA,EAAO,QAAA,GACPA,IAAS;AAAA,IAEjB,CAAC,GAEDM,EAAM,MAAMX,EAAM,SAAS,CAACY,MAAe;AACvC,MAAIP,KACAA,EAAO,cAAcO,CAAiB;AAAA,IAE9C,GAAG,EAAE,MAAM,IAAM,GAEjBD,EAAM,MAAMX,EAAM,OAAO,CAACa,MAAa;AACnC,MAAIR,KACAA,EAAO,SAASQ,KAAY,EAAE;AAAA,IAEtC,GAAG,EAAE,MAAM,IAAM,GAEjBX,EAAO;AAAA,MACH,WAAW,MAAMG;AAAA,MACjB,UAAU,MAAA;;AAAO,gBAAAS,KAAAC,IAAAV,KAAA,gBAAAA,EAAgB,OAAhB,gBAAAU,EAAoB,WAApB,gBAAAD,EAA4B;AAAA;AAAA,MAC7C,UAAU,MAAA;;AAAO,gBAAAA,KAAAC,IAAAV,KAAA,gBAAAA,EAAgB,OAAhB,gBAAAU,EAAoB,WAApB,gBAAAD,EAA4B;AAAA;AAAA,MAC7C,YAAY,CAACE,MAAgB;AACzB,QAAIX,KAAWA,EAAe,YACzBA,EAAe,SAAS,KAAKW,CAAG;AAAA,MAEzC;AAAA,IAAA,CACH,GAEM,MAAMC,EAAE,OAAO;AAAA,MAClB,KAAKd;AAAA,MACL,OAAO,EAAE,OAAO,QAAQ,QAAQ,QAAQ,WAAW,QAAA;AAAA,IAAQ,CAC9D;AAAA,EACL;AACJ,CAAC;"}

package/dist/i18n/locales/en.d.ts

@@ -0,0 +1,19 @@
+/**
+ * FlipbookEngine
+ * Copyright (c) 2026 Murat Dogan
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ * https://flipbookengine.com
+ */
+export declare const enMessages: {
+    readonly emptyStateTitle: "No data available.";
+    readonly thumbnails: "Thumbnails";
+    readonly singlePageMode: "Single Page Mode";
+    readonly pages: "Pages";
+    readonly previous: "Previous";
+    readonly next: "Next";
+    readonly zoomOut: "Zoom Out";
+    readonly zoomIn: "Zoom In";
+    readonly fullscreen: "Fullscreen";
+    readonly settings: "Settings";
+    readonly downloadCatalog: "Download Catalog";
+};

package/dist/i18n/locales/tr.d.ts

@@ -0,0 +1,19 @@
+/**
+ * FlipbookEngine
+ * Copyright (c) 2026 Murat Dogan
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ * https://flipbookengine.com
+ */
+export declare const trMessages: {
+    readonly emptyStateTitle: "Veri bulunamadi.";
+    readonly thumbnails: "Küçük Resimler";
+    readonly singlePageMode: "Tek Sayfa Modu";
+    readonly pages: "Sayfalar";
+    readonly previous: "Önceki";
+    readonly next: "Sonraki";
+    readonly zoomOut: "Uzaklaş";
+    readonly zoomIn: "Yaklaş";
+    readonly fullscreen: "Tam Ekran";
+    readonly settings: "Ayarlar";
+    readonly downloadCatalog: "Katalogu Indir";
+};

package/dist/i18n/service.d.ts

@@ -0,0 +1,54 @@
+/**
+ * FlipbookEngine
+ * Copyright (c) 2026 Murat Dogan
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ * https://flipbookengine.com
+ */
+export interface FlipbookMessages {
+    emptyStateTitle: string;
+    thumbnails: string;
+    singlePageMode: string;
+    pages: string;
+    previous: string;
+    next: string;
+    zoomOut: string;
+    zoomIn: string;
+    fullscreen: string;
+    settings: string;
+    downloadCatalog: string;
+}
+export declare const builtInMessages: {
+    readonly en: {
+        readonly emptyStateTitle: "No data available.";
+        readonly thumbnails: "Thumbnails";
+        readonly singlePageMode: "Single Page Mode";
+        readonly pages: "Pages";
+        readonly previous: "Previous";
+        readonly next: "Next";
+        readonly zoomOut: "Zoom Out";
+        readonly zoomIn: "Zoom In";
+        readonly fullscreen: "Fullscreen";
+        readonly settings: "Settings";
+        readonly downloadCatalog: "Download Catalog";
+    };
+    readonly tr: {
+        readonly emptyStateTitle: "Veri bulunamadi.";
+        readonly thumbnails: "Küçük Resimler";
+        readonly singlePageMode: "Tek Sayfa Modu";
+        readonly pages: "Sayfalar";
+        readonly previous: "Önceki";
+        readonly next: "Sonraki";
+        readonly zoomOut: "Uzaklaş";
+        readonly zoomIn: "Yaklaş";
+        readonly fullscreen: "Tam Ekran";
+        readonly settings: "Ayarlar";
+        readonly downloadCatalog: "Katalogu Indir";
+    };
+};
+export type FlipbookLocale = keyof typeof builtInMessages;
+export type PartialFlipbookMessages = Partial<FlipbookMessages>;
+export interface I18nConfiguration {
+    locale?: FlipbookLocale | string;
+    messages?: Partial<Record<string, PartialFlipbookMessages>>;
+}
+export declare function resolveMessages(config?: I18nConfiguration): FlipbookMessages;

package/dist/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * FlipbookEngine
+ * Copyright (c) 2026 Murat Dogan
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ * https://flipbookengine.com
+ */
+export { FlipbookEngine, type FlipbookEngineOptions, type PageImages, type FlipbookEngineEventMap, type FlipbookEngineEventName } from './engine';
+export type { FlipbookPageAsset, FlipbookPageKind, FlipbookCropMode, FlipbookSplitDirection, NormalizedFlipbookPage } from './model/pages';
+export { normalizeFlipbookPages, isFlipbookPageAsset } from './model/pages';
+export type { FlipbookLocale, FlipbookMessages, PartialFlipbookMessages } from './i18n/service';
+export type { FlipbookThemeMode } from './theme/theme';

package/dist/model/pages.d.ts

@@ -0,0 +1,30 @@
+/**
+ * FlipbookEngine
+ * Copyright (c) 2026 Murat Dogan
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ * https://flipbookengine.com
+ */
+export type FlipbookPageKind = 'single' | 'spread' | 'cover';
+export type FlipbookCropMode = 'full' | 'left' | 'right';
+export type FlipbookSplitDirection = 'ltr' | 'rtl';
+export interface FlipbookPageAsset {
+    id?: string;
+    pageNumber?: number;
+    pageNumbers?: number[];
+    kind?: FlipbookPageKind;
+    splitDirection?: FlipbookSplitDirection;
+    normal: string;
+    low: string;
+    thumb: string;
+}
+export interface NormalizedFlipbookPage {
+    index: number;
+    assetId: string;
+    pageNumber: number;
+    cropMode: FlipbookCropMode;
+    normal: string;
+    low: string;
+    thumb: string;
+}
+export declare function isFlipbookPageAsset(value: unknown): value is FlipbookPageAsset;
+export declare function normalizeFlipbookPages(assets: FlipbookPageAsset[]): NormalizedFlipbookPage[];

package/dist/react/index.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+import { FlipbookEngine, FlipbookEngineOptions, FlipbookPageAsset } from '../index';
+
+export interface FlipbookProps extends Omit<FlipbookEngineOptions, 'theme'> {
+    className?: string;
+    style?: React.CSSProperties;
+    pdfUrl: string;
+    pages?: FlipbookPageAsset[];
+    theme?: 'auto' | 'light' | 'dark';
+    onPageChange?: (e: {
+        currentPage: number;
+        totalPages: number;
+    }) => void;
+}
+export interface FlipbookRef {
+    engine: FlipbookEngine | null;
+    flipNext: () => void;
+    flipPrev: () => void;
+    turnToPage: (pageIndex: number) => void;
+}
+export declare const Flipbook: React.ForwardRefExoticComponent<FlipbookProps & React.RefAttributes<FlipbookRef>>;

package/dist/react.d.ts

@@ -0,0 +1 @@
+export * from './react/index'

package/dist/theme/theme.d.ts

@@ -0,0 +1,14 @@
+/**
+ * FlipbookEngine
+ * Copyright (c) 2026 Murat Dogan
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ * https://flipbookengine.com
+ */
+export type FlipbookThemeMode = 'auto' | 'light' | 'dark';
+export interface ThemeConfiguration {
+    theme?: FlipbookThemeMode;
+    primaryColor?: string;
+    cssVariables?: Record<string, string>;
+}
+export declare function ensureRuntimeStyles(): void;
+export declare function applyThemeConfiguration(container: HTMLElement, config: ThemeConfiguration): void;

package/dist/ui/template.d.ts

@@ -0,0 +1,39 @@
+import { FlipbookMessages } from '../i18n/service';
+
+export interface FlipbookUiState {
+    showThumbs: boolean;
+}
+export interface FlipbookUiOptions {
+    allowDownload: boolean;
+    hasDownloadUrl: boolean;
+    totalPages: number;
+    className?: string;
+    whiteLabel: boolean;
+    watermarkUrl?: string;
+    messages: FlipbookMessages;
+}
+export interface FlipbookUiElements {
+    wrapper: HTMLElement;
+    area: HTMLElement;
+    navPrev: HTMLElement;
+    navNext: HTMLElement;
+    bookWrapper: HTMLElement;
+    book: HTMLElement;
+    singleView: HTMLElement;
+    singleImg: HTMLImageElement;
+    settingsPanel: HTMLElement;
+    toggleThumbs: HTMLInputElement;
+    toggleSingle: HTMLInputElement;
+    btnToggleThumbs: HTMLElement;
+    bkPrev: HTMLElement;
+    bkNext: HTMLElement;
+    pageInfo: HTMLElement;
+    zoomOut: HTMLElement;
+    zoomIn: HTMLElement;
+    fullscreen: HTMLElement;
+    btnSettings: HTMLElement;
+    downloadBtn?: HTMLElement;
+    thumbs: HTMLElement;
+}
+export declare function buildFlipbookUi(state: FlipbookUiState, options: FlipbookUiOptions): FlipbookUiElements;
+export declare function buildEmptyStateUi(message: string): HTMLDivElement;

package/dist/utils/dom.d.ts

@@ -0,0 +1,7 @@
+/**
+ * FlipbookEngine
+ * Copyright (c) 2026 Murat Dogan
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ * https://flipbookengine.com
+ */
+export declare function el<K extends keyof HTMLElementTagNameMap>(tag: K, attrs?: Record<string, any> | null, children?: (string | Node | boolean | undefined | null)[] | string | Node | boolean): HTMLElementTagNameMap[K];

package/dist/vue/index.d.ts

@@ -0,0 +1,45 @@
+import { PropType } from 'vue';
+import { FlipbookEngineOptions, FlipbookPageAsset } from '../index';
+
+export declare const Flipbook: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    pdfUrl: {
+        type: StringConstructor;
+        required: true;
+    };
+    pages: {
+        type: PropType<FlipbookPageAsset[]>;
+        required: false;
+        default: () => never[];
+    };
+    options: {
+        type: PropType<Omit<FlipbookEngineOptions, "theme"> & {
+            theme?: "auto" | "light" | "dark";
+        }>;
+        default: () => {};
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "pageChange"[], "pageChange", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    pdfUrl: {
+        type: StringConstructor;
+        required: true;
+    };
+    pages: {
+        type: PropType<FlipbookPageAsset[]>;
+        required: false;
+        default: () => never[];
+    };
+    options: {
+        type: PropType<Omit<FlipbookEngineOptions, "theme"> & {
+            theme?: "auto" | "light" | "dark";
+        }>;
+        default: () => {};
+    };
+}>> & Readonly<{
+    onPageChange?: ((...args: any[]) => any) | undefined;
+}>, {
+    pages: FlipbookPageAsset[];
+    options: Omit<FlipbookEngineOptions, "theme"> & {
+        theme?: "auto" | "light" | "dark";
+    };
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/vue.d.ts

@@ -0,0 +1 @@
+export * from './vue/index'

package/package.json

@@ -1,13 +1,103 @@
-{
-  "name": "flipbookengine",
-  "version": "0.0.1",
-  "description": "This package name is reserved for an upcoming project.",
-  "main": "index.js",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
-  },
-  "author": "Murat Dogan",
-  "license": "ISC",
-  "keywords": [],
-  "type": "commonjs"
-}
+{
+  "name": "flipbookengine",
+  "version": "0.1.2",
+  "description": "A modern, embeddable HTML flipbook engine for PDF-backed catalogs and digital publications.",
+  "private": false,
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build && vite build --config vite.config.iife.js",
+    "test": "tsx --loader ./tests/css-loader.js --test tests/*.test.ts",
+    "typecheck": "tsc --noEmit",
+    "clean": "rimraf dist"
+  },
+  "keywords": [
+    "flipbook",
+    "catalog",
+    "pdf",
+    "viewer",
+    "publication",
+    "pageflip",
+    "digital-catalog",
+    "page-flip",
+    "typescript"
+  ],
+  "author": "Murat Dogan",
+  "license": "AGPL-3.0-or-later",
+  "homepage": "https://flipbookengine.com",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Bizeka/flipbook-engine.git"
+  },
+  "bugs": {
+    "url": "https://github.com/Bizeka/flipbook-engine/issues"
+  },
+  "engines": {
+    "node": ">=18"
+  },
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "files": [
+    "dist",
+    "react",
+    "vue",
+    "README.md",
+    "LICENSE",
+    "CHANGELOG.md",
+    "COMMERCIAL_LICENSE.md",
+    "TRADEMARK_POLICY.md",
+    "THIRD-PARTY-NOTICES.md"
+  ],
+  "main": "./dist/flipbook-engine.js",
+  "module": "./dist/flipbook-engine.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/flipbook-engine.js",
+      "default": "./dist/flipbook-engine.js"
+    },
+    "./styles.css": {
+      "default": "./dist/flipbook-engine.css"
+    },
+    "./react": {
+      "types": "./dist/react/index.d.ts",
+      "import": "./dist/flipbook-engine.react.js",
+      "default": "./dist/flipbook-engine.react.js"
+    },
+    "./vue": {
+      "types": "./dist/vue/index.d.ts",
+      "import": "./dist/flipbook-engine.vue.js",
+      "default": "./dist/flipbook-engine.vue.js"
+    }
+  },
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "vue": ">=3.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "vue": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@types/node": "^25.0.10",
+    "@types/page-flip": "^2.0.4",
+    "@types/react": "^19.2.14",
+    "react": "^19.2.6",
+    "rimraf": "^6.0.0",
+    "tsx": "^4.22.4",
+    "typescript": "^5.0.0",
+    "vite": "^5.0.0",
+    "vite-plugin-dts": "^3.0.0",
+    "vue": "^3.5.34"
+  },
+  "type": "module",
+  "dependencies": {
+    "page-flip": "^2.0.7",
+    "pdfjs-dist": "^5.4.530"
+  }
+}

package/react/package.json

@@ -0,0 +1,5 @@
+{
+  "main": "../dist/flipbook-engine.react.js",
+  "module": "../dist/flipbook-engine.react.js",
+  "types": "../dist/react/index.d.ts"
+}

package/vue/package.json

@@ -0,0 +1,5 @@
+{
+  "main": "../dist/flipbook-engine.vue.js",
+  "module": "../dist/flipbook-engine.vue.js",
+  "types": "../dist/vue/index.d.ts"
+}