3d-pro-flipbook 1.0.0

package/dist/style.css

@@ -0,0 +1 @@
+.pfb-container{position:relative;width:100%;height:100%;background-color:#333;font-family:sans-serif;display:flex;flex-direction:column;align-items:center;overflow:hidden}.pfb-toolbar{background:rgba(0,0,0,.85);min-width:350px;padding:10px 20px;margin-top:10px;border-radius:30px;display:flex;justify-content:center;align-items:center;gap:15px;z-index:100;box-shadow:0 4px 10px #0000004d}.pfb-btn{background:transparent;border:none;color:#ddd;font-size:18px;cursor:pointer;transition:transform .2s,color .2s}.pfb-btn:hover{color:#fff;transform:scale(1.1)}.pfb-btn:active{transform:scale(.95)}.pfb-page-control{display:flex;align-items:center;color:#fff;font-size:14px;font-family:monospace}.pfb-page-input{background:transparent;border:none;border-bottom:1px solid #777;color:#fff;width:50px;text-align:center;font-size:14px;margin-right:5px;outline:none}.pfb-page-input:focus{border-bottom:1px solid #fff}.pfb-book-wrapper{flex-grow:1;width:100%;display:flex;justify-content:center;align-items:center;padding:20px;box-sizing:border-box;overflow:hidden;position:relative}.pfb-book{position:relative;box-shadow:0 0 20px #00000080;transition:transform .6s cubic-bezier(.25,1,.5,1)}.pfb-page{background-color:#343434;overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0}.pfb-branding{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:1;z-index:1;pointer-events:none}.pfb-brand-logo{font-size:40px;color:#e0e0e0;margin-bottom:10px}.pfb-brand-text{font-size:14px;font-weight:700;color:#d0d0d0;text-transform:uppercase;letter-spacing:2px}.pfb-page canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;display:block}.stf__wrapper{overflow:hidden!important;box-shadow:0 0 20px #00000080}.stf__block{overflow:hidden!important}.pfb-loader{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#333;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;z-index:9999;transition:opacity .5s}.pfb-spinner{font-size:40px;margin-bottom:15px;animation:pfb-spin 1s infinite linear;width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff}@keyframes pfb-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "3d-pro-flipbook",
+  "version": "1.0.0",
+  "description": "A professional 3D PDF Flipbook library for the web.",
+  "author": "Sanatan Nayak",
+  "license": "MIT",
+  
+  "// TYPE": "Using module type is standard for modern libs, but optional here",
+  "type": "module",
+
+  "// ENTRY POINTS": "These tell browsers and bundlers which file to use",
+  "main": "./dist/pro-flipbook.umd.js",
+  "module": "./dist/pro-flipbook.es.js",
+  "style": "./dist/style.css",
+
+  "// EXPORTS": "This is the modern way to handle imports",
+  "exports": {
+    ".": {
+      "import": "./dist/pro-flipbook.es.js",
+      "require": "./dist/pro-flipbook.umd.js"
+    },
+    "./style.css": "./dist/style.css"
+  },
+
+  "// FILES": "Only upload the dist folder to NPM (keeps download small)",
+  "files": [
+    "dist"
+  ],
+
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build"
+  },
+
+  "dependencies": {
+    "page-flip": "^2.0.7",
+    "pdfjs-dist": "^2.16.105"
+  },
+  
+  "devDependencies": {
+    "vite": "^4.0.0"
+  },
+
+  "keywords": ["flipbook", "pdf", "3d", "viewer", "library"]
+}