Merge branch 'online-reading'

assets/ReadEbook.vue

@@ -0,0 +1,38 @@
+<template>
+  <div id="area" style="width: 100vw; height: 100vh; min-height: 95vh;">
+    <vue-reader
+        :url="props.file"
+        :showToc="true"
+        :getRendition="getRendition"
+        backgroundColor="#000"
+        @update:location="locationChange"
+        :location="getInitialLocation()"
+    />
+  </div>
+</template>
+
+<script setup>
+const props = defineProps({'file': String})
+import { VueReader } from 'vue-book-reader'
+const initialCfi = new URLSearchParams(window.location.search).get('cfi');
+
+const locationChange = (detail) => {
+  const { fraction } = detail
+  console.log('locationChange', fraction, detail)
+  history.pushState({fraction: fraction, }, document.title, "?cfi=" + encodeURIComponent(detail.cfi) + "#page="+ detail.location.current+"&percent=" + (fraction * 100).toFixed(2));
+}
+
+const getInitialLocation = () => {
+    return initialCfi ?? null
+}
+const getRendition = async (rendition) => {
+  rendition.renderer.setStyles([
+    `
+    html {
+      background: #000;
+      color: #fff;
+    }`,
+  ])
+}
+
+</script>

assets/read-ebook.js

@@ -0,0 +1,7 @@
+import { createApp } from 'vue'
+import ReadEBook from './ReadEbook.vue'
+
+document.addEventListener('DOMContentLoaded', () => {
+    const file = document.getElementById('mount').getAttribute('data-file')
+    createApp(ReadEBook, {file: file}).mount('#mount');
+});

docker-compose.yml

@@ -5,7 +5,8 @@ services:
       target: base
     command: ["/bin/sh", "-c" , "crontab /var/www/html/config/crontab.txt && apache2-foreground" ]
     ports:
-      - "48480:8080"
+      - "48480:8080" # Web
+      - "48181:8181" # NPM
     depends_on:
       - db
     volumes:
@@ -30,6 +31,11 @@ services:
       - 'traefik.http.routers.biblioteca.middlewares=https_redirect'
       - 'traefik.http.middlewares.https_redirect.redirectscheme.scheme=https'
       - 'traefik.http.middlewares.https_redirect.redirectscheme.permanent=true'
+      - 'traefik.http.routers.npm.service=npm'
+      - 'traefik.http.routers.npm.entrypoints=https,http'
+      - 'traefik.http.routers.npm.rule=Host(`biblioteca-npm.docker.test`)'
+      - 'traefik.http.services.npm.loadbalancer.server.port=8181'
+
 
   db:
     image: mariadb:10.10