added pnpm, lit, manually load runtime on frontend

2025-03-27 17:43:51 -05:00
parent 078bd726f0
commit 30683d268d
19 changed files with 219 additions and 2918 deletions
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <!-- manually including wails runtime -->
+    <meta name="wails-options" content="noautoinject" />
+    <script src="/wails/ipc.js"></script>
+    <script src="/wails/runtime.js"></script>
+
+    <meta charset="UTF-8" />
+    <meta content="width=device-width, initial-scale=1.0" name="viewport" />
+    <link rel="stylesheet" type="text/css" href="/node_modules/@picocss/pico/css/pico.css">
+    <title>yellowjacket - config</title>
+</head>
+<script src="./config.js" type="module"></script>
+
+<body>
+    <header class="container">
+        <nav>
+            <ul>
+                <li>
+                    <hgroup>
+                        <a href="/index.html">
+                            <h1>YellowJacket</h1>
+                        </a>
+                        <p>Config</p>
+                    </hgroup>
+                </li>
+            </ul>
+            <ul>
+                <li>
+                    <details class="dropdown">
+                        <summary role="button" class="outline">
+                            YJ
+                        </summary>
+                        <ul>
+                            <li>
+                                <a href="/src/pages/config/config.html">
+                                    <img src="/src/assets/images/icons/ui/settings.svg" />
+                                </a>
+                            </li>
+                        </ul>
+                    </details>
+                </li>
+            </ul>
+        </nav>
+    </header>
+    <hr />
+    <main class="container">
+        <section id="library-selector">
+            <label id="library-directory-label">No Library Directory Selected</label>
+            <button onclick="dirPicker()">Choose Directory...</button>
+        </section>
+    </main>
+</body>
+
+</html>
@@ -0,0 +1,31 @@
+import { DirectoryPicker } from '/wailsjs/go/frontendbindings/FrontendBindings.js';
+import { GetDir as GetLibraryDir } from '/wailsjs/go/library/Library.js';
+
+let libraryDirectoryLabel = document.getElementById("library-directory-label");
+
+window.updateLibraryDirLabel = function(value) {
+  libraryDirectoryLabel.innerText = value;
+}
+
+// on load update the library dir label
+GetLibraryDir().
+  then((result) => {
+    if (result.length === 0) { return; }
+    window.updateLibraryDirLabel(result);
+  }).catch((err) => { console.error(err) })
+
+
+window.dirPicker = function() {
+  try {
+    DirectoryPicker()
+      .then((result) => { 
+        if (result.length === 0 ) { };
+        window.updateLibraryDirLabel(result); })
+      .catch((err) => {
+        console.error("There is an error with directory picker: " + err);
+      });
+  }
+  catch (err) {
+    console.error(err);
+  }
+}