Replace js by ts

2026-04-01 01:27:51 +02:00
parent 4613b8e5dd
commit 6306c73f26
291 changed files with 501210 additions and 525 deletions
--- a/src-tauri/assets/viewer/index.html
+++ b/src-tauri/assets/viewer/index.html
@@ -102,6 +102,60 @@
    .page-wrapper canvas {
      display: block;
    }
+
+    /* Text layer — transparent spans matching PDF text positions for selection.
+       pointer-events must NOT be none on the container: WebKit does not allow
+       text selection through a pointer-events:none parent, even when child
+       spans have pointer-events:all. */
+    .text-layer {
+      position: absolute;
+      top: 0;
+      left: 0;
+      overflow: hidden;
+      line-height: 1;
+      cursor: text;
+      user-select: text;
+      -webkit-user-select: text;
+    }
+
+    .text-layer span,
+    .text-layer div,
+    .text-layer br {
+      color: transparent;
+      position: absolute;
+      white-space: pre;
+      cursor: text;
+      transform-origin: 0% 0%;
+    }
+
+    .text-layer ::selection {
+      background: rgba(100, 160, 255, 0.3);
+    }
+
+    /* Annotation overlay — SVG with highlight polygons */
+    .annot-layer {
+      position: absolute;
+      top: 0;
+      left: 0;
+      pointer-events: none;
+      overflow: visible;
+    }
+
+    .annot-layer polygon.highlight {
+      fill: rgba(255, 220, 0, 0.38);
+      pointer-events: all;
+      cursor: pointer;
+    }
+
+    .annot-layer polygon.highlight:hover {
+      fill: rgba(255, 180, 0, 0.55);
+    }
+
+    .annot-layer polygon.highlight.selected {
+      fill: rgba(255, 140, 0, 0.55);
+      stroke: #e07000;
+      stroke-width: 1.5;
+    }
  </style>
 </head>
 <body>
@@ -123,6 +177,11 @@
  </div>

  <script src="brittle://app/pdfjs/build/pdf.min.js"></script>
+  <script type="module" src="brittle://app/viewer/performance-manager.js"></script>
+  <script type="module" src="brittle://app/viewer/render-system.js"></script>
+  <script type="module" src="brittle://app/viewer/visibility-manager.js"></script>
+  <script type="module" src="brittle://app/viewer/zoom-controller-enhanced.js"></script>
+  <script type="module" src="brittle://app/viewer/page-manager-enhanced.js"></script>
  <script type="module" src="brittle://app/viewer/viewer.js"></script>
 </body>
 </html>