moved to a working tree and 2 folders

billythemusical · Dec 9, 2022 · c0e7c48 · c0e7c48
1 parent a0beec4
commit c0e7c48
Show file tree

Hide file tree

Showing 22 changed files with 176 additions and 0 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,6 @@
+{
+    "cSpell.words": [
+        "beforeinstallprompt"
+    ],
+    "liveServer.settings.CustomBrowser": "chrome",
+}
diff --git a/a2hs b/a2hs
diff --git a/.gitignore → misc/.gitignore b/.gitignore → misc/.gitignore
diff --git a/index.html → misc/a2hs-index.html b/index.html → misc/a2hs-index.html
diff --git a/misc/dynamiccally-load-favicon.js b/misc/dynamiccally-load-favicon.js
@@ -0,0 +1,10 @@
+const setFavicon = (iconUrl) => {
+    // From https://stackoverflow.com/questions/260857/changing-website-favicon-dynamically
+    var link = document.querySelector("link[rel~='icon']");
+    if (!link) {
+        link = document.createElement('link');
+        link.rel = 'icon';
+        document.getElementsByTagName('head')[0].appendChild(link);
+    }
+    // link.href = iconUrl;  // http could be effecting the PWA install
+}
diff --git a/misc/get-json.js b/misc/get-json.js
@@ -0,0 +1,5 @@
+var fs = require('fs');
+var obj = JSON.parse(fs.readFileSync('manifest.json', 'utf8'));
+
+console.log(obj.short_name)
+process.exit()
diff --git a/images/apple-touch-icon.png → misc/images/apple-touch-icon.png b/images/apple-touch-icon.png → misc/images/apple-touch-icon.png
diff --git a/images/favicon.ico → misc/images/favicon.ico b/images/favicon.ico → misc/images/favicon.ico
diff --git a/images/recode-icon-192x192.png → misc/images/recode-icon-192x192.png b/images/recode-icon-192x192.png → misc/images/recode-icon-192x192.png
diff --git a/images/recode-icon-512x512.png → misc/images/recode-icon-512x512.png b/images/recode-icon-512x512.png → misc/images/recode-icon-512x512.png
diff --git a/misc/index.html b/misc/index.html
@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="description" content="Boilerplate code for a PWA with p5.js."/>
+
+    <link rel="icon" type="image/x-icon" href="/images/favicon.ico">
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
+
+    <link rel="stylesheet" href="/styles/style.css">
+    <link rel="manifest" href="/js/manifest.json">
+    <base href="./">
+
+    <title>ReCode PWA Boilerplate</title>
+
+    <script src="/js/a2hs-installer.js"></script>
+</head>
+
+  <script>
+        // register service worker
+        if ('serviceWorker' in navigator) {
+            navigator.serviceWorker
+                .register('sw.js')
+                .then(function (reg) {
+                    if (reg.installing) {
+                        console.log('Service worker installing');
+                    } else if (reg.waiting) {
+                        console.log('Service worker installed');
+                    } else if (reg.active) {
+                        console.log('Service worker active');
+                    }
+                })
+                .catch(function (error) {
+                    // registration failed
+                    console.log('Registration failed with ' + error);
+                });
+        }
+    </script>
+    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/lib/p5.min.js"></script>
+    <script type="text/javascript" src="/js/sketch.js"></script>
+
+  <body>
+
+    <div id="app">
+      <div id="installer">
+        <div class="app-icon">
+          <img width="90px" height="90px" src="/images/apple-touch-icon.png" alt="A boilerplate app for a Progressive Web App">
+        </div>
+        <div>
+          <input id="a2hs-button" value="Install this app!" type="button"></input>
+        </div>
+      <div id="sketch-holder"></div>
+    </div>
+
+
+  </body>
+</html>
diff --git a/js/a2hs-installer.js → misc/js/a2hs-installer.js b/js/a2hs-installer.js → misc/js/a2hs-installer.js
diff --git a/js/manifest.json → misc/js/manifest.json b/js/manifest.json → misc/js/manifest.json
diff --git a/js/sketch.js → misc/js/sketch.js b/js/sketch.js → misc/js/sketch.js
diff --git a/misc/localhost.crt b/misc/localhost.crt
@@ -0,0 +1,18 @@
+-----BEGIN CERTIFICATE-----
+MIIC5TCCAc2gAwIBAgIJALJ9WgJLLP+sMA0GCSqGSIb3DQEBCwUAMBQxEjAQBgNV
+BAMMCWxvY2FsaG9zdDAeFw0yMjA1MjUwNTM3MjBaFw0yMjA2MjQwNTM3MjBaMBQx
+EjAQBgNVBAMMCWxvY2FsaG9zdDCCASIwDQYJKoZIhvcNAQEBBQADggEPADCCAQoC
+ggEBANXZjPNR7VTYSaIiNtRROK/bonwEKD+Eb3OTuAgBZFd6fJck5y0GFx04l/cI
+p4TSjYan4e5ig6kMk8H2pmogAZVPPfRXeusHoJrVkPA/TTeuR0ynpO6r7UWRbUGd
+g15HtbxUg0LJRFQhTfyl7yXiaBT+hmOcE/29cX55wbM5+yYUo4IbwMvxtI2OxJBo
+HD0NhxBPi6d6tRre16rO6Btb9buBwQcLW0hXj5ZElPdB49jTsXjJsEvyn0nQpQsQ
+kwA/QFg3B4i/oAh6uS9cljNZvsaJo+xN9ABHbhflwJ6uM/K/9KYwNzywbkC6MEZ2
+qR8v3EqGh1WQjA45m7RebKYXJQ0CAwEAAaM6MDgwFAYDVR0RBA0wC4IJbG9jYWxo
+b3N0MAsGA1UdDwQEAwIHgDATBgNVHSUEDDAKBggrBgEFBQcDATANBgkqhkiG9w0B
+AQsFAAOCAQEANejUn63OqBV4xQ3aXoPhFjgz8OaD81S/b4L/KeUE66QRUPQArvbG
+KEV9NBaIgvjk7EvfBj10C3/T7VVZLmeyIsJmqUYsXzyJDc4SiYtSAS8199R0xLCh
+Xaw+TYcT7XlZXyPFtpKX+V2LJDQAIDTZjgnA3Bl9//oVyzM3CiFXwSQzo9LopinA
+qM6oONi/41XRTHSyPGDGW+2aJccT3MlgXOSLkZBMMFXYW5v02Wdx9Vz7XYQ2eQZo
+OZUgQnG9fM7bId5491BuNAGZ8SopDczBazUDSjnkm0x7+ROLRrVuRUaSEA2BigU0
+SXrS9GO1X/IAbCWqhf5jVFdDPu4QaMm+Aw==
+-----END CERTIFICATE-----
diff --git a/misc/localhost.key b/misc/localhost.key
@@ -0,0 +1,28 @@
+-----BEGIN PRIVATE KEY-----
+MIIEvgIBADANBgkqhkiG9w0BAQEFAASCBKgwggSkAgEAAoIBAQDV2YzzUe1U2Emi
+IjbUUTiv26J8BCg/hG9zk7gIAWRXenyXJOctBhcdOJf3CKeE0o2Gp+HuYoOpDJPB
+9qZqIAGVTz30V3rrB6Ca1ZDwP003rkdMp6Tuq+1FkW1BnYNeR7W8VINCyURUIU38
+pe8l4mgU/oZjnBP9vXF+ecGzOfsmFKOCG8DL8bSNjsSQaBw9DYcQT4unerUa3teq
+zugbW/W7gcEHC1tIV4+WRJT3QePY07F4ybBL8p9J0KULEJMAP0BYNweIv6AIerkv
+XJYzWb7GiaPsTfQAR24X5cCerjPyv/SmMDc8sG5AujBGdqkfL9xKhodVkIwOOZu0
+XmymFyUNAgMBAAECggEBAI1xZiPt1U8f+5vsi11lF1xhphfm3AQfAWRtmPRaj1a4
+4j1KIEmMVK90JjczlzFn3knpMqtsp26hrf1FuY5J+yIZln3NerSHh/fBOCtfgyBH
++kq+O33NY5N2+8/Bcgli3tZhA6yh2LrYiG+KBSKGnJb+Pj8WFbbnnXCs8awstmvZ
+VwYpAjXALbghCneVsaEWMiz06a2ku3jEzTF94ABDPi7hCWBUybqgiL8Sn/YbaRDA
+ZQBt3n3BwwpWkFymS0h38D8GXa+WVwO/oyYz16jnMpQ7XIAbNgbcEaR7t/rq5Y/x
+Ixz2IaozU6bD5A74l7rCXE6Qn/H0I1YxQ8Rd7XzPjtUCgYEA82+/xkbJNHKpC2Fx
+XkmOfEZJiQzdfgUJ66QVAcBlPdG8c4ALOL1izLUoAdwU5RrGEoUngj66ZQpSWac0
+bizago9DF36uvYHArdVJ+IMIZeyolVdALZEXnToPtXL8icbsf8U8tq+Q+1984Von
+LUB1sg/5D+HNqu6PhM4hZUbKYK8CgYEA4OLn36rygy+j2iVmvqrEWfY44RXIn1H5
+nvulfIKetQTCUaK4taACQoAwWN7PYXmgI90J3/qRSeRYWGxIn14CCHJaIkNFCSNY
+cfj1EeY1lLdIez8qwpncmw4mShBi3EPw97jHPXuSHgGx2VzKAIfVjkkldL5wohIz
+k9DU4V6q7QMCgYA/fthgmToF6hpZk5MEat81XwfzLV3gbuQFiIjKKiq+EyS6Y52J
+sSxCBMZopcT1dSRQ1FZXzJDFpgmQxOISErTz9PYk/LALUfq13LosjdD09OOMAHQG
+7p9gLTLHuzRPo4kwUnvhkq2YQ3HJPcCWNwf759qo39bLTOo2U6W2St6ilQKBgQCe
+N4WjGwYbvbytkXrD0ijqkgxab5UCYg4ZCDrZapx2Bq8f+DezsKtmVgGtxLRqg8Ni
+9/QmnIbzUa/GJgjB9sW/Y5R+Xo2HbFKhfOIOgcRYqMpZy4st9kn63O2bVgP3q+Uw
+o9OpMfMPIWoa3ulPjkF1JYkwpXtgyyV2bYoYNR5UOQKBgBuzl+MpYek7NDfcsOnu
+OvM39/yUKZhvkYuTYxmpjZXWPUGMHMWcUW7GUGlrGCjHsM5KFUl59y8oTpSxeq9p
+5GSDwYCZX0vIQVBd7P18282V3ze6WcY7DUNGdeg1Xlt7Sue9z3twhq4rrNjlvvrF
+LgdOIjPApgLjK0ao2r+QFJ54
+-----END PRIVATE KEY-----
diff --git a/misc/manifest.json b/misc/manifest.json
@@ -0,0 +1,24 @@
+{
+    "lang": "en",
+    "dir": "ltr",
+    "name": "ReCode PWA Boilerplate",
+    "short_name": "recode",
+    "description": "A p5 PWA Boilerplate app!",
+    "start_url": "/",
+    "background_color": "rgb(255,192,203)",
+    "theme-color": "#c8c8c8",
+    "display": "fullscreen",
+    "icons": [
+        {
+            "src": "/images/recode-icon-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        },
+        {
+            "src": "/images/recode-icon-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        }
+    ],
+    "id": "recode"
+}
diff --git a/misc/manifest.webmanifest b/misc/manifest.webmanifest
@@ -0,0 +1,24 @@
+{
+  "lang": "en",
+  "dir": "ltr",
+  "name": "PWA Boilerplate",
+  "short_name": "dev-d4w",
+  "description": "PWA - Boilerplate",
+  "start_url": "/",
+  "background_color": "rgb(200, 200, 200)",
+  "theme-color": "rgb(200, 200, 200)",
+  "display": "fullscreen",
+  "icons": [
+    {
+      "src": "/images/maskable-icon-512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    },
+    {
+      "src": "/images/maskable-icon.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    }
+  ],
+  "id": "pwa-bp"
+}
diff --git a/styles/style.css → misc/styles/style.css b/styles/style.css → misc/styles/style.css
diff --git a/sw.js → misc/sw.js b/sw.js → misc/sw.js
diff --git a/simple b/simple