Enhancement/js (#1344)

* Attempt to add package json

* Add initial typescript components

* Convert remaining files

* Remove some null checks

* Reorganize folders

* Add missing js and tests for file paths

* Delete unused babelrc

* Remove unused packages

1 files changed, 59 insertions, 0 deletions

diff --git a/app/src/web/assets/js/menu.ts b/app/src/web/assets/js/menu.ts
new file mode 100644
index 00000000..6f9dbf16
--- /dev/null
+++ b/app/src/web/assets/js/menu.ts
@@ -0,0 +1,59 @@
+// Click menu and move contents to main view
+(function () {
+    const viewport = document.querySelector("#viewport");
+    const root = document.querySelector("#root");
+    const bookmarkJewel = document.querySelector("#bookmarks_jewel");
+    if (!viewport || !root || !bookmarkJewel) {
+        console.log('Menu.js: main elements not found');
+        Frost.emit(0);
+        return
+    }
+    const menuA = bookmarkJewel.querySelector("a");
+    if (!menuA) {
+        console.log('Menu.js: menu links not found');
+        Frost.emit(0);
+        return
+    }
+    const jewel = document.querySelector('#mJewelNav');
+    if (!jewel) {
+        console.log('Menu.js: jewel is null');
+        return
+    }
+
+    const y = new MutationObserver(() => {
+        viewport.removeAttribute('style');
+        root.removeAttribute('style');
+    });
+
+    y.observe(viewport, {
+        attributes: true
+    });
+    y.observe(root, {
+        attributes: true
+    });
+
+    const x = new MutationObserver(() => {
+        const menu = document.querySelector('.mSideMenu');
+        if (menu) {
+            x.disconnect();
+            console.log("Found side menu");
+            // Transfer elements
+            while (root.firstChild) {
+                root.removeChild(root.firstChild);
+            }
+            while (menu.childNodes.length) {
+                viewport.appendChild(menu.childNodes[0]);
+            }
+            Frost.emit(0);
+            setTimeout(() => {
+                y.disconnect();
+                console.log('Unhook styler');
+            }, 500);
+        }
+    });
+    x.observe(jewel, {
+        childList: true,
+        subtree: true
+    });
+    menuA.click();
+}).call(undefined);