github-deploy-action-improve-run-time-display

hazelgrove · Nov 25, 2024 · ebc6541 · ebc6541
1 parent 3e70be5
commit ebc6541
Show file tree

Hide file tree

Showing 36 changed files with 49,342 additions and 0 deletions.
diff --git a/improve-run-time-display/dune b/improve-run-time-display/dune
@@ -0,0 +1,5 @@
+(rule
+ (copy ../main.bc.js hazel.js))
+
+(rule
+ (copy ../worker.bc.js worker.js))
diff --git a/improve-run-time-display/hazel.js b/improve-run-time-display/hazel.js
diff --git a/improve-run-time-display/img/hazelnut.svg b/improve-run-time-display/img/hazelnut.svg
diff --git a/improve-run-time-display/img/loading.gif b/improve-run-time-display/img/loading.gif
diff --git a/improve-run-time-display/img/noun-brochure-16464.svg b/improve-run-time-display/img/noun-brochure-16464.svg
diff --git a/improve-run-time-display/img/noun-brochure-26888.svg b/improve-run-time-display/img/noun-brochure-26888.svg
diff --git a/improve-run-time-display/img/noun-fold-1593402.svg b/improve-run-time-display/img/noun-fold-1593402.svg
diff --git a/improve-run-time-display/img/noun-fold-1593409.svg b/improve-run-time-display/img/noun-fold-1593409.svg
diff --git a/improve-run-time-display/img/noun-map-24173.svg b/improve-run-time-display/img/noun-map-24173.svg
diff --git a/improve-run-time-display/img/noun-map-6188938.svg b/improve-run-time-display/img/noun-map-6188938.svg
diff --git a/improve-run-time-display/img/noun-pa-5383544.svg b/improve-run-time-display/img/noun-pa-5383544.svg
diff --git a/improve-run-time-display/index.html b/improve-run-time-display/index.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html lang="en" translate="no">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
+
+    <title>hazel</title>
+    <link rel="stylesheet" href="style.css">
+    <link rel="icon" type="image/svg" href = "img/hazelnut.svg">
+    <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css?family=Material+Icons&display=swap"
+      rel="stylesheet"
+    />
+
+    <!-- The current version of lit-html is broken so this overwrites it for the ninja-keys import. -->
+    <script type="importmap">
+      {
+          "imports": {
+              "https://unpkg.com/lit-html@latest/directives/ref.js?module": "https://unpkg.com/[email protected]/directives/ref.js?module"
+          }
+      }
+  </script>
+  <script type="module" src="ninja_module.js"></script>
+
+  </head>
+
+  <body spellcheck="false">
+    <div id="container">
+      <div class="loading">
+        <div class="spinner">
+          <img width="100px" height="100px" src="img/loading.gif" />
+          <img class="spinner-nut" width="100px" height="100px" src="img/hazelnut.svg" />
+        </div>
+        loading
+      </div>
+    </div>
+  </body>
+  <ninja-keys id="ninja-keys" placeholder="Find Action" hideBreadcrumbs></ninja-keys>
+
+  <script src="hazel.js"></script>
+</html>
diff --git a/improve-run-time-display/ninja_module.js b/improve-run-time-display/ninja_module.js
@@ -0,0 +1,25 @@
+import {NinjaKeys} from 'https://unpkg.com/ninja-keys?module';
+import hotkeys from "https://unpkg.com/[email protected]?module"
+
+
+// This is the default behavior for the hotkeys module but I'm overriding it for the clipboard-shim
+hotkeys.filter = event => {
+  const target = event.target || event.srcElement;
+  const { tagName, id } = target;
+
+  // Override happening here
+  if(id == "clipboard-shim") {
+    return true;
+  }
+
+  let flag = true;
+  const isInput = tagName === 'INPUT' && !['checkbox', 'radio', 'range', 'button', 'file', 'reset', 'submit', 'color'].includes(target.type);
+  // ignore: isContentEditable === 'true', <input> and <textarea> when readOnly state is false, <select>
+  if (
+    target.isContentEditable
+    || ((isInput || tagName === 'TEXTAREA' || tagName === 'SELECT') && !target.readOnly)
+  ) {
+    flag = false;
+  }
+  return flag;
+  };