pogoba · pogoba · Jul 16, 2022 · Jul 16, 2022 · Jul 16, 2022 · Jul 16, 2022
diff --git a/.eslintrc.json b/.eslintrc.json
@@ -0,0 +1,15 @@
+{
+    "env": {
+        "browser": true,
+        "node": true,
+        "es2021": true,
+        "mocha": true
+    },
+    "extends": "eslint:recommended",
+    "parserOptions": {
+        "ecmaVersion": "latest",
+        "sourceType": "module"
+    },
+    "rules": {
+    }
+}
diff --git a/.gitignore b/.gitignore
@@ -1,2 +1,4 @@
 test-screenshots/
 apps-script/build/
+node_modules/
+dist/
diff --git a/LICENSE b/LICENSE
diff --git a/README.md b/README.md
@@ -79,11 +79,13 @@ This repo contains two sub-projects: A standalone statically served website (`./
 
 ## Standalone Website
 
-Clone this repository with all submodules: `git clone --recurse-submodules [repourl]`
+1. Clone this repository with all submodules: `git clone --recurse-submodules [repourl]`
 
-Pull to fetch updates: `git pull && git submodule update`
+2. Pull to fetch updates: `git pull && git submodule update`
 
-Run a debugging server: `make debug`
+3. Build the javascript bundle: `npm run build`
+
+4. Run a debugging server: `make debug`
 
 The webpage has no backend, so just shove the files into some webroot or so which has its files statically served (i.e. `make install`).
 
@@ -92,6 +94,13 @@ The webpage has no backend, so just shove the files into some webroot or so whic
 
 Use `make appsscript` to package the files (`./apps-script/build`). Those files will be pushed to google via googles `clasp`. You can just as well copy and paste the build files to the `Apps Script` area of your spreadsheet to incorporate the sidebar, for example if you don't have clasp installed.
 
+# License
+
+Mozilla Public License 2.0 ([MPL](./LICENSE)): 
+
+- This allows, for example, programs using MPL-licensed code to be statically linked to and distributed as part of a larger proprietary piece of software [[1]](https://www.mozilla.org/en-US/MPL/2.0/FAQ/)
+- All modified files containing MPL'd code must be disclosed under the MPL. [[2]](https://tldrlegal.com/license/mozilla-public-license-2.0-(mpl-2))
+
 # Conribute
 
 This project can use some work on the front-end. The frontend could be set up with proper compilation steps (react).

diff --git a/flake.lock b/flake.lock
diff --git a/flake.nix b/flake.nix
@@ -0,0 +1,19 @@
+{
+  description = "A very basic flake";
+
+  inputs = {
+    nixpkgs.url = "github:Nixos/nixpkgs/nixos-22.05";
+  };
+
+  outputs = { self, nixpkgs }: let 
+    system = "x86_64-linux";
+    pkgs = nixpkgs.legacyPackages.${system};
+  in {
+    devShells.${system} = {
+      default = pkgs.callPackage ./shell.nix { inherit pkgs; };
+    };
+
+    packages.${system}.hello = pkgs.hello;
+    packages.${system}.default = pkgs.hello;
+  };
+}
diff --git a/index.html b/index.html
@@ -3,16 +3,9 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <script src="https://docs.opencv.org/4.1.1/opencv.js" type="text/javascript"></script>
-    <script src="https://unpkg.com/tesseract.js@2.1.5/dist/tesseract.min.js" type="text/javascript"></script>
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
-    <script src="items.js" type="text/javascript"></script>
-    <script src="main.js" type="text/javascript"></script>
-    <script src="ocr.js" type="text/javascript"></script>
-    <script src="image.js" type="text/javascript"></script>
-    <script src="itemcounter.js" type="text/javascript"></script>
-    <script src="icons.js" type="text/javascript"></script>
+    <script src="./dist/browser.js" type="text/javascript"></script>
     <style>
       #imageSrc, #imageTempl {
         max-width: 300px;
@@ -91,8 +84,8 @@ <h5 class="card-title">Analyze your screenshot</h5>
             </select>
             <br/>
             <br/>
-            <button id="run" onclick="run();" type="button" class="btn btn-primary">Run it</button>    
-            <button id="run" onclick="abort();" type="button" class="btn btn-danger">Abort</button>    
+            <button id="run" onclick="sp.run();" type="button" class="btn btn-primary">Run it</button>    
+            <button id="run" onclick="sp.abort();" type="button" class="btn btn-danger">Abort</button>    
           </div>
         </div>
       </div>
@@ -163,7 +156,7 @@ <h5 class="card-title">Analyze your screenshot</h5>
       <a href="https://github.com/pogobanane/foxhole-screenparse" target="_blank" class="text-muted">sources</a> via git
     </footer>
     <script>
-      loaded()
+      sp.loaded()
     </script>
   </body>
 </html>