feat: Migrate from default Quasar cli to use Quasar-Vite cli, impleme…

…nt TIDO instance for Embed into other projects and code refactors.
subugoe · Nov 23, 2022 · ce613aa · ce613aa
1 parent 2dab9df
commit ce613aa
Show file tree

Hide file tree

Showing 35 changed files with 3,103 additions and 25,604 deletions.
diff --git a/examples/ahiqar-arabic-karshuni-local.html b/examples/ahiqar-arabic-karshuni-local.html
@@ -12,8 +12,13 @@
 <body>
 <noscript><strong>We're sorry but TIDO doesn't work properly without JavaScript enabled. Please enable it to
   continue.</strong></noscript>
-<script id="tido-config" type="application/json">
-  {
+
+<div id="app"></div>
+<script src="dist/tido.js"></script>
+<script src="config-menu/config-menu.js"></script>
+<script>
+window.addEventListener('load', function () {
+  window.tido = new window.Tido({
     "collection": "http://localhost:8181/ahiqar/arabic-karshuni/collection.json",
     "labels": {
       "item": "Sheet",
@@ -140,9 +145,8 @@
         "contents_and_metadata": "Contents & Metadata"
       }
     }
-  }</script>
-<div id="q-app"></div>
-<script src="dist/tido.js"></script>
-<script src="config-menu/config-menu.js"></script>
+  });
+});
+</script>
 </body>
 </html>
diff --git a/examples/ahiqar-arabic-karshuni.html b/examples/ahiqar-arabic-karshuni.html
@@ -12,8 +12,15 @@
 <body>
 <noscript><strong>We're sorry but TIDO doesn't work properly without JavaScript enabled. Please enable it to
   continue.</strong></noscript>
-<script id="tido-config" type="application/json">
-  {
+
+<div id="config-menu"></div>
+<div id="app"></div>
+<script src="dist/tido.js"></script>
+<script src="config-menu/config-menu.js"></script>
+
+<script>
+window.addEventListener('load', function () {
+  window.tido = new window.Tido({
     "collection": "https://ahiqar.uni-goettingen.de/api/textapi/ahikar/arabic-karshuni/collection.json",
     "labels": {
       "item": "Sheet",
@@ -140,11 +147,8 @@
         "contents_and_metadata": "Contents & Metadata"
       }
     }
-  }
+  });
+});
 </script>
-<div id="config-menu"></div>
-<div id="q-app"></div>
-<script src="../dist/tido.js"></script>
-<script src="config-menu/config-menu.js"></script>
 </body>
 </html>
diff --git a/examples/ahiqar-syriac.html b/examples/ahiqar-syriac.html
@@ -12,8 +12,13 @@
 <body>
 <noscript><strong>We're sorry but TIDO doesn't work properly without JavaScript enabled. Please enable it to
   continue.</strong></noscript>
-<script id="tido-config" type="application/json">
-  {
+
+<div id="app"></div>
+<script src="dist/tido.js"></script>
+<script src="config-menu/config-menu.js"></script>
+<script>
+window.addEventListener('load', function () {
+  window.tido = new window.Tido({
     "collection": "https://ahiqar.uni-goettingen.de/api/textapi/ahikar/syriac/collection.json",
     "labels": {
       "item": "Sheet",
@@ -140,11 +145,8 @@
         "contents_and_metadata": "Contents & Metadata"
       }
     }
-  }
+  });
+});
 </script>
-<div id="config-menu"></div>
-<div id="q-app"></div>
-<script src="dist/tido.js"></script>
-<script src="config-menu/config-menu.js"></script>
 </body>
 </html>
diff --git a/examples/gfl.html b/examples/gfl.html
@@ -12,9 +12,13 @@
 <body>
 <noscript><strong>We're sorry but TIDO doesn't work properly without JavaScript enabled. Please enable it to
   continue.</strong></noscript>
-<script id="tido-config" type="application/json">
-  {
-    "manifest": "https://dev.gfl.sub.uni-goettingen.de/tido/gfl/sample/manifest.json",
+<div id="app"></div>
+<script src="dist/tido.js"></script>
+<script src="config-menu/config-menu.js"></script>
+<script>
+window.addEventListener('load', function () {
+  window.tido = new window.Tido({
+  "manifest": "https://dev.gfl.sub.uni-goettingen.de/tido/gfl/sample/manifest.json",
     "labels": {
       "item": "Seite",
       "manifest": "Dokument"
@@ -145,11 +149,8 @@
       }
     ],
     "lang": "de"
-  }
+  });
+});
 </script>
-<div id="config-menu"></div>
-<div id="q-app"></div>
-<script src="dist/tido.js"></script>
-<script src="config-menu/config-menu.js"></script>
 </body>
 </html>
diff --git a/examples/zero-config.html b/examples/zero-config.html
@@ -13,8 +13,14 @@
 <noscript><strong>We're sorry but TIDO doesn't work properly without JavaScript enabled. Please enable it to
   continue.</strong></noscript>
 <div id="config-menu"></div>
-<div id="q-app"></div>
+<div id="app"></div>
 <script src="dist/tido.js"></script>
 <script src="config-menu/config-menu.js"></script>
+
+<script>
+window.addEventListener('load', function () {
+  window.tido = new window.Tido();
+});
+</script>
 </body>
 </html>
diff --git a/index.html b/index.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title><%= title %></title>
+
+  <meta charset="utf-8">
+  <meta name="description" content="<%= htmlWebpackPlugin.options.productDescription %>">
+  <meta name="format-detection" content="telephone=no">
+  <meta name="msapplication-tap-highlight" content="no">
+  <meta name="viewport" content="initial-scale=1, maximum-scale=5, minimum-scale=1, width=device-width<% if (ctx.mode.cordova || ctx.mode.capacitor) { %>, viewport-fit=cover<% } %>">
+
+  <link rel="icon" type="image/x-icon" href="favicon.ico">
+</head>
+
+<body>
+<noscript>
+  <strong>We're sorry but <%= title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
+</noscript>
+
+<script type="module" src="/src/main.js">
+
+</script>
+<script>
+window.addEventListener('load', function () {
+  window.tido = new window.Tido();
+});
+</script>
+
+<div id="app"></div>
+</body>
+</html>