set things up

- need to actually encrypt + save
- update saved note page to load

Author: nexus-uw

.gitignore

@@ -3,6 +3,7 @@
 node_modules
 public/*
 main
-assets
+assets/*
+!assets/manifest.json
 database
 mokintoken

assets/manifest.json

@@ -0,0 +1,27 @@
+{
+  "name": "mokintoken",
+  "icons": [],
+  "start_url": "/",
+  "display": "standalone",
+  "theme_color": "#000000",
+  "background_color": "#ffffff",
+  "serviceworker": {
+    "src": "/assets/service-worker.js"
+  },
+  "share_target": {
+    "action": "/assets/share-target/",
+    "method": "POST",
+    "enctype": "multipart/form-data",
+    "params": {
+      "text": "text",
+      "files": [
+        {
+          "name": "img",
+          "accept": [
+            "image/*"
+          ]
+        }
+      ]
+    }
+  }
+}

mokintoken.go

@@ -249,6 +249,7 @@ func main() {
 
 	http.HandleFunc("/", userViews("home"))
 	http.HandleFunc("/about", userViews("about"))
+	http.HandleFunc("/noteSaved", userViews("noteSaved"))
 	http.HandleFunc("/decrypt/", decryptHandler(db))
 	http.HandleFunc("/api/save-note", saveNoteHandler(db))
 	http.HandleFunc("/ping", ping(db))

package.json

@@ -9,7 +9,7 @@
   },
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
-    "build": "rollup --config && cp node_modules/tachyons/css/tachyons.min.css assets",
+    "build": "rollup --config && rollup --config rollup-serviceworker.config.js && cp node_modules/tachyons/css/tachyons.min.css assets",
     "dev": "rollup --config -w"
   },
   "author": "",

resources/js/index.js

@@ -8,5 +8,32 @@ async function main() {
     const { Decrypt } = await import('./decrypt')
     new Decrypt()
   }
+
+  if (location.pathname.startsWith('/noteSaved')) {
+    const { NoteSaved } = await import('./noteSaved')
+    new NoteSaved()
+  }
 }
 main()
+
+const registerServiceWorker = async () => {
+  if ("serviceWorker" in navigator) {
+    try {
+      const registration = await navigator.serviceWorker.register("/assets/service-worker.js", {
+        scope: "/assets/",
+      })
+      if (registration.installing) {
+        console.log("Service worker installing")
+      } else if (registration.waiting) {
+        console.log("Service worker installed")
+      } else if (registration.active) {
+        console.log("Service worker active")
+      }
+    } catch (error) {
+      console.error(`Registration failed with ${error}`)
+    }
+  }
+}
+
+registerServiceWorker();
+

resources/js/noteSaved.js

@@ -0,0 +1,6 @@
+export class NoteSaved {
+
+  constructor() {
+    console.log('note saved todo')
+  }
+}

resources/js/service-worker.js

@@ -0,0 +1,25 @@
+import nacl from 'tweetnacl'
+import naclUutil from 'tweetnacl-util'
+import { Base64 } from 'js-base64'
+
+console.log("ass" + nacl + naclUutil + Base64)
+
+
+self.addEventListener("fetch", (event) => {
+  // Regular requests not related to Web Share Target.
+  if (event.request.method !== "POST" || new URL(event.request.url).pathname != "/assets/share-target") {
+    event.respondWith(fetch(event.request))
+    return
+  }
+
+  // Requests related to Web Share Target.
+  event.respondWith(
+    (async () => {
+      const formData = await event.request.formData()
+      // encrypt note or image
+      // send to fetch api
+      // respond with saved note page
+      return Response.redirect('/noteSaved#todoshitinthehash', 303)
+    })(),
+  )
+})

resources/js/welcome.js

@@ -17,7 +17,7 @@ async function getImgBase64(ele) {
 
 export class Welcome {
   loadNonceAndKey() {
-    window.location.hash = '' // clear out old key
+    //window.location.hash = '' // clear out old key
     // always generate new nonce
     const nonce = nacl.randomBytes(nacl.secretbox.nonceLength)
     const key = nacl.randomBytes(nacl.secretbox.keyLength)

rollup-serviceworker.config.js

@@ -0,0 +1,19 @@
+import commonjs from '@rollup/plugin-commonjs'
+import resolve from '@rollup/plugin-node-resolve'
+import builtins from 'rollup-plugin-node-builtins'
+import globals from 'rollup-plugin-node-globals'
+module.exports = {
+  input: 'resources/js/service-worker.js',
+  output: {
+    dir: 'assets'
+  },
+  plugins: [
+    commonjs(),
+    resolve({
+      browser: true,
+      preferBuiltins: false
+    }),
+    builtins(),
+    globals()
+  ]
+}

views/noteSaved.html

@@ -0,0 +1,6 @@
+{{define "content"}}
+
+<main>
+  <h1 class="tc f1 pv6">NOTE SAVED TODO/h1>
+</main>
+{{end}}