Integrated touch infrastructure

.gitignore

@@ -62,3 +62,4 @@ Source Files/Marmolada/clipped.tif.aux.xml
 content/**/ogPreview.*g
 content/**/ogPreview-tmp*.*g
 content/**/ogPreview-overlay.*g
+content/**/manifest-enriched.json

Source Files/Mocks/requirements.txt

@@ -2,3 +2,4 @@ prezi-iiif3
 shapely
 scour
 numpy<2
+rdflib

Source Files/Mocks/touch/assets/js/main.js

@@ -1,9 +1,16 @@
+import touchViewer from "./openseadragon-annotorious3";
+import "@annotorious/openseadragon/annotorious-openseadragon.css";
+
 import { initTouch } from "./image-touch.js";
 
 const image = document.querySelector("#touch-target");
 const status = document.querySelector("#status");
 const heightMapUrl = "/page031-1.json";
 
-//console.log(`Loaded metadata for touch map width: ${map.width}, height: ${map.height}, scale: ${initialScale}`, map);
 initTouch(image, heightMapUrl);
-//image.addEventListener("mousemove", await generateHandler(heightMapUrl));
+
+const containerId = "iiif-container";
+const container = document.querySelector(`#${containerId}`);
+const manifestUrl = "./manifest-enriched.json";
+
+touchViewer(containerId, new URL(manifestUrl, window.location.origin));

Source Files/Mocks/touch/assets/js/manifest-loader.js

@@ -0,0 +1 @@
+../../../../../assets/js/iiif/manifest-loader.js

Source Files/Mocks/touch/assets/js/openseadragon-annotorious3.ts

@@ -0,0 +1 @@
+../../../../../assets/js/iiif/openseadragon-annotorious3.ts

Source Files/Mocks/touch/index.html

@@ -20,7 +20,6 @@ <h1>Touch test</h1>
       <h2>Status</h2>
       <div id="status"></div>
       <a href="https://googlechrome.github.io/samples/vibration/">Testpage</a>
-      <script type="module" src="./assets/js/main.js" type="text/javascript"></script>
     </div>
     <h1>Console</h1>
     <pre id="browserConsole"></pre>
@@ -36,6 +35,6 @@ <h1>IIIF Variant</h1>
     <div class="section-container">
       <div id="iiif-container" class="iiif-container"></div>
     </div>
-    <script type="module" src="./assets/ts/main.ts" type="text/javascript"></script>
   </body>
+  <script type="module" src="./assets/js/main.js" type="text/javascript"></script>
 </html>

Source Files/Mocks/touch/public/page031.jpg

@@ -1 +1 @@
-../../../../content/post/tactile-feedback/page031.jpg
+../../../../content/post/haptic-feedback/page031.jpg