TEST: Readme, stylesheet update; eBook sidebar fix

Author: way5

package.json

@@ -69,6 +69,7 @@
  "sass-embedded": "^1.77.8",
  "tailwindcss": "^3.4.10",
  "tailwindcss-animated": "^1.1.2",
+ "terser": "^5.34.1",
  "util": "^0.12.5",
  "vite": "^5.4.0",
  "vite-plugin-sass-dts": "^1.3.25",

src/ReactDocumentViewer.tsx

@@ -4,7 +4,7 @@ import _PdfViewer from './plugins/pdf';
 import _SheetViewer from './plugins/msexcel';
 import _DocxViewer from './plugins/msdocx';
 import _ImgViewer from './plugins/img';
-import _EbookViewer from './plugins/epub';
+import _EbookViewer from './plugins/ebook';
 import { getfileTypeExtesions, getFileType } from './utils.js';
 import { useTranslation } from 'react-i18next';
 import i18nInit from './locales';

src/index.js

@@ -1,13 +1,15 @@
 import "./scss/index.scss";
 import ReactDocumentViewer from "./ReactDocumentViewer";
 
+window.ReactDocumentViewer = ReactDocumentViewer;
+
 if (process.env.NODE_ENV !== "production") {
  window.addEventListener("load", () => {
  window.ReactDocumentViewer = new ReactDocumentViewer({
  rootElement: document.getElementById("root"),
  // files: [],
  files: [
- { src: "/docs/test.mobi", fileName: "Image #1" },
+ { src: "/docs/test.epub", fileName: "Image #1" },
  { src: "/docs/test.webp", fileName: "Image #2" },
  ],
  downloadInNewWindow: false,

src/plugins/epub/index.tsx renamed to src/plugins/ebook/index.tsx

@@ -227,7 +227,7 @@ export default (props: ViewerPluginProps) => {
  };
 
  const showSidebar = (show: boolean) => {
- const sidebar = document.querySelector('div.sidebar');
+ const sidebar = document.querySelector('div.doc-viewer .sidebar');
  if (show) {
  sidebar?.classList.add('visible');
  setSidebarShown(true);

src/plugins/epub/marker.tsx renamed to src/plugins/ebook/marker.tsx

@@ -903,7 +903,7 @@ div:not(span):where(.doc-viewer),
  }
 
  .sidebar {
- @apply w-52 absolute -left-56 top-11 bottom-0 z-20
+ @apply w-52 h-full absolute -left-56 top-11 bottom-0 z-20
  bg-black opacity-90 transition-all duration-300 p-0
  flex flex-col items-center text-gray-300
  overflow-hidden px-1 shadow-lg;

src/plugins/epub/section.tsx renamed to src/plugins/ebook/section.tsx

@@ -14,6 +14,6 @@
  "skipLibCheck": true,
  "target": "ES2015",
  "types": ["node"],
- "allowJs": true,
+ "allowJs": true
  }
 }