bok-reader 0.1.10 → 0.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bok.es.js +2465 -2493
- package/dist/bok.umd.js +29 -29
- package/dist/main.css +1 -1
- package/package.json +6 -6
package/dist/main.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._loading-
|
|
1
|
+
._loading-screen_13vxc_1,._loading-screen-gon_13vxc_2{height:100%;width:100%;position:absolute;top:0;left:0;background-color:#000;display:flex;align-items:center;justify-content:center;z-index:9999;will-change:opacity}._loading-screen_13vxc_1{opacity:1;transition:opacity .5s cubic-bezier(.65,0,.35,1);pointer-events:all}._loading-screen-gon_13vxc_2{opacity:0;transition:opacity .8s cubic-bezier(.65,0,.35,1);pointer-events:none}._spinner_13vxc_32{--loader-color: red;--loader-size: 80px;position:relative;width:var(--loader-size);height:var(--loader-size);display:flex;align-items:center;justify-content:center}._spinner_13vxc_32:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid transparent;border-top-color:var(--loader-color);border-right-color:var(--loader-color);border-bottom-color:transparent;box-shadow:0 0 10px #0000;animation:_spin-outer_13vxc_1 2s cubic-bezier(.77,0,.175,1) infinite}._spinner_13vxc_32:after{content:"";position:absolute;width:70%;height:70%;border-radius:50%;border:2px solid transparent;border-bottom-color:var(--loader-color);border-left-color:var(--loader-color);box-shadow:0 0 5px #0000;animation:_spin-inner_13vxc_1 1.2s cubic-bezier(.55,.055,.675,.19) infinite}._core_13vxc_82{width:15%;height:15%;background-color:var(--loader-color);border-radius:50%;box-shadow:0 0 15px var(--loader-color);animation:_pulse_13vxc_1 1.5s ease-in-out infinite alternate}@keyframes _spin-outer_13vxc_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes _spin-inner_13vxc_1{0%{transform:rotate(0) scale(1)}50%{transform:rotate(-180deg) scale(.9)}to{transform:rotate(-360deg) scale(1)}}@keyframes _pulse_13vxc_1{0%{opacity:.3;transform:scale(.8)}to{opacity:1;transform:scale(1.1)}}.options-menu-overlay{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;z-index:9999;opacity:1;container-type:size;container-name:options-overlay;transition:opacity .4s cubic-bezier(.32,.72,0,1),backdrop-filter .4s ease;overflow:hidden}.options-menu-overlay.fade-out{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.options-menu{position:absolute;bottom:20px;left:50%;width:calc(100% - 40px);max-width:400px;background:#1e1e1ef2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:24px;box-sizing:border-box;border-radius:24px;border:1px solid rgba(255,255,255,.1);color:#fff;max-height:80%;overflow-y:auto;transform:translate(-50%) translateY(120%);transition:transform .5s cubic-bezier(.19,1,.22,1);box-shadow:0 10px 40px #00000080}.options-menu.visible{transform:translate(-50%) translateY(0)}.options-menu.slide-down{transform:translate(-50%) translateY(120%)}.options-menu h2{margin:0 0 24px;font-size:1.25rem;font-weight:600;text-align:center;color:#ffffffe6;letter-spacing:-.02em}.close-button{position:absolute;top:20px;right:20px;width:32px;height:32px;background:#ffffff1a;border:none;border-radius:50%;font-size:16px;color:#fffc;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-button:hover{background:#fff3;color:#fff;transform:rotate(90deg)}.options-buttons{display:flex;flex-direction:column;gap:16px}.font-family-buttons,.padding-buttons,.font-buttons{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background:#0000004d;padding:8px 12px;border-radius:16px;gap:12px;border:1px solid rgba(255,255,255,.05)}.option-label{font-size:.9rem;color:#ffffffb3;font-weight:500;margin-right:auto;padding-left:4px}.options-buttons button:not(.close-button){height:36px;min-width:36px;padding:0 12px;font-size:16px;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.05);border-radius:10px;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-weight:500}.options-buttons button:not(.close-button):hover{background-color:#fff3;transform:translateY(-1px)}.options-buttons button:not(.close-button):active{transform:translateY(1px)}.options-buttons>button:last-child{width:100%;margin-top:8px;background-color:#ffffff14;height:44px}.font-family-buttons select{height:36px;border-radius:10px;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.05);color:#fff;padding:0 32px 0 12px;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:.9rem;transition:background .2s;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 12px top 50%;background-size:10px auto}.font-family-buttons select:hover{background-color:#fff3}.option-value{font-variant-numeric:tabular-nums;font-weight:600;min-width:24px;text-align:center;transition:transform .3s cubic-bezier(.34,1.56,.64,1),color .3s;display:inline-block;color:#fff}.option-value.value-changed{transform:scale(1.3);color:#4facfe}.padding-buttons,.font-buttons{justify-content:space-between}.padding-buttons>div,.font-buttons>div{display:flex;align-items:center;gap:8px}.options-menu::-webkit-scrollbar{width:6px}.options-menu::-webkit-scrollbar-track{background:transparent}.options-menu::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:20px}@keyframes _fadeIn_1cqa3_1{0%{opacity:0}to{opacity:1}}@keyframes _pulse_1cqa3_1{0%{box-shadow:0 0 0 0 var(--accent-color)}70%{box-shadow:0 0 0 20px transparent}to{box-shadow:0 0 0 0 transparent}}@keyframes _float_1cqa3_1{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}@keyframes _bounce_1cqa3_169{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}60%{transform:translateY(-3px)}}._overlay_1cqa3_53{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2000;background:radial-gradient(circle at center,#0006,#000000d9);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto;pointer-events:auto;opacity:1;transition:opacity .4s cubic-bezier(.25,.1,.25,1);animation:_fadeIn_1cqa3_1 .5s ease-out}._overlay_1cqa3_53._fadeOut_1cqa3_80{opacity:0;pointer-events:none}._interactionZone_1cqa3_86{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;color:#fff;cursor:pointer}._centerZone_1cqa3_96{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:100px;pointer-events:none}._iconWrapper_1cqa3_107{width:64px;height:64px;border-radius:50%;background-color:#ffffff1a;border:1px solid var(--accent-color);display:flex;align-items:center;justify-content:center;margin-bottom:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:_pulse_1cqa3_1 2s infinite}._iconWrapper_1cqa3_107 svg{width:32px;height:32px;fill:var(--accent-color);filter:drop-shadow(0 0 5px var(--accent-color))}._label_1cqa3_131{font-family:Inter,system-ui,sans-serif;font-size:1.1rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;text-shadow:0 2px 10px rgba(0,0,0,.8);opacity:.9;text-align:center}._bottomIconGroup_1cqa3_143{display:flex;flex-direction:column;align-items:center;margin-bottom:40px}._bottomIconWrapper_1cqa3_150{width:48px;height:48px;border-radius:50%;background-color:#ffffff1a;border:1px solid var(--accent-color);display:flex;align-items:center;justify-content:center;margin-bottom:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}._bottomIconWrapper_1cqa3_150 svg{width:24px;height:24px;fill:var(--accent-color)}._bounceArrow_1cqa3_169{margin-top:8px;animation:_bounce_1cqa3_169 2s infinite}._bounceArrow_1cqa3_169 svg{opacity:.8;fill:var(--accent-color)}._dismissButton_1cqa3_179{margin-top:20px;background:var(--accent-color);color:#000;font-weight:700;border:none;padding:12px 32px;border-radius:30px;font-size:1rem;cursor:pointer;pointer-events:auto;box-shadow:0 4px 20px #0000004d;transition:transform .2s,box-shadow .2s;animation:_float_1cqa3_1 3s ease-in-out infinite}._dismissButton_1cqa3_179:hover{transform:scale(1.05);box-shadow:0 6px 25px #00000080}._dismissButton_1cqa3_179:active{transform:scale(.95)}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "bok-reader",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "0.1
|
|
4
|
+
"version": "0.2.1",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/bok.umd.js",
|
|
7
7
|
"module": "dist/bok.es.js",
|
|
@@ -18,12 +18,11 @@
|
|
|
18
18
|
},
|
|
19
19
|
"dependencies": {
|
|
20
20
|
"jszip": "^3.10.1",
|
|
21
|
-
"react-spinners": "^0.13.8",
|
|
22
21
|
"styled-components": "^6.1.8"
|
|
23
22
|
},
|
|
24
23
|
"peerDependencies": {
|
|
25
|
-
"react": "
|
|
26
|
-
"react-dom": "
|
|
24
|
+
"react": "19.2.0",
|
|
25
|
+
"react-dom": "19.2.0"
|
|
27
26
|
},
|
|
28
27
|
"devDependencies": {
|
|
29
28
|
"@types/node": "^22.14.0",
|
|
@@ -34,11 +33,12 @@
|
|
|
34
33
|
"@typescript-eslint/parser": "^7.0.2",
|
|
35
34
|
"@vitejs/plugin-react": "^4.2.1",
|
|
36
35
|
"ajv": "^8.17.1",
|
|
36
|
+
"babel-plugin-react-compiler": "^1.0.0",
|
|
37
37
|
"eslint": "^8.56.0",
|
|
38
38
|
"eslint-plugin-react-hooks": "^4.6.0",
|
|
39
39
|
"eslint-plugin-react-refresh": "^0.4.5",
|
|
40
|
-
"react": "
|
|
41
|
-
"react-dom": "
|
|
40
|
+
"react": "19.2.0",
|
|
41
|
+
"react-dom": "19.2.0",
|
|
42
42
|
"rimraf": "^6.0.1",
|
|
43
43
|
"styled-components": "^6.1.8",
|
|
44
44
|
"typescript": "^5.2.2",
|