first release

valsteen · Feb 20, 2024 · ade84ed · ade84ed
1 parent a1c7ed5
commit ade84ed
Show file tree

Hide file tree

Showing 10 changed files with 55 additions and 0 deletions.
diff --git a/beat-detector-b18dcb86af51dca2.js b/beat-detector-b18dcb86af51dca2.js
diff --git a/beat-detector-b18dcb86af51dca2_bg.wasm b/beat-detector-b18dcb86af51dca2_bg.wasm
diff --git a/favicon-f402c8741ce815ec.ico b/favicon-f402c8741ce815ec.ico
diff --git a/icon-1024.png b/icon-1024.png
diff --git a/icon-256.png b/icon-256.png
diff --git a/icon_ios_touch_192.png b/icon_ios_touch_192.png
diff --git a/index.html b/index.html
@@ -0,0 +1 @@
+<!doctype html><meta content="text/html; charset=utf-8" http-equiv=Content-Type><meta content="width=device-width,initial-scale=1.0,user-scalable=no" name=viewport><title>Midi beat detector</title><script type=module>import a,*as b from"/midi_bpm_detection/beat-detector-b18dcb86af51dca2.js";a(`/midi_bpm_detection/beat-detector-b18dcb86af51dca2_bg.wasm`);window.wasmBindings=b</script><base href=/midi_bpm_detection/><link href=/midi_bpm_detection/favicon-f402c8741ce815ec.ico integrity=sha384-jNOAE6jgE03LznIulCTVP6BH4NrTuROFjP9wj8bV1UUMJKtZAvstFpIAP3PDcFpx rel=icon><link href=manifest.json rel=manifest><link href=icon_ios_touch_192.png rel=apple-touch-icon><meta media="(prefers-color-scheme: light)" content=white name=theme-color><meta media="(prefers-color-scheme: dark)" content=#404040 name=theme-color><style>html{touch-action:manipulation}body{background:#909090}@media (prefers-color-scheme:dark){body{background:#404040}}html,body{width:100%;height:100%;overflow:hidden;margin:0!important;padding:0!important}p{text-align:center;color:#fff;z-index:100;width:100%;margin:0;padding:4px;font-family:sans-serif;position:fixed}canvas{margin-left:auto;margin-right:auto;display:block;position:absolute;top:0%;left:50%;transform:translate(-50%)}.centered{color:#f0f0f0;text-align:center;margin-left:auto;margin-right:auto;font-family:Ubuntu-Light,Helvetica,sans-serif;font-size:24px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lds-dual-ring{width:24px;height:24px;display:inline-block}.lds-dual-ring:after{content:" ";border:3px solid #fff;border-color:#fff #0000;border-radius:50%;width:24px;height:24px;margin:0;animation:1.2s linear infinite lds-dual-ring;display:block}@keyframes lds-dual-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}</style><script>var start=(a=>{_guiRemote=a});var _guiRemote</script><link as=fetch crossorigin href=/midi_bpm_detection/beat-detector-b18dcb86af51dca2_bg.wasm integrity=sha384-sph_zOJhHEzvgSyUJf1vsLPEqcJdo5XRhPq29mFNEL_hkez47sgthQsRReiL8-4C rel=preload type=application/wasm><link crossorigin href=/midi_bpm_detection/beat-detector-b18dcb86af51dca2.js integrity=sha384-CZs9jT_fvbIDwSNp_MagrNu5RsBtrDguwxd294RpPCoElc3hYmTsYtWBzSh0-BHj rel=modulepreload></head><body><p>Beat detector demo. Just tap some keys on your computer keyboard or MIDI device. Pitch and velocity related parameters won't have any effect with computer keyboard.</p><canvas id=the_canvas_id></canvas><script>if(`serviceWorker` in navigator&&window.location.hash!==`#dev`){window.addEventListener(`load`,(()=>{navigator.serviceWorker.register(`sw.js`)}))}</script><script>`use strict`;(()=>{let g=`0`,f=`div`;const a=`{{__TRUNK_ADDRESS__}}`;let b=``;b=b?b:window.location.protocol===`https:`?`wss`:`ws`;const c=b+ `://`+ a+ `/_trunk/ws`;class d{constructor(){this._overlay=document.createElement(f);const a=this._overlay.style;a.height=`100vh`;a.width=`100vw`;a.position=`fixed`;a.top=g;a.left=g;a.backgroundColor=`rgba(222, 222, 222, 0.5)`;a.fontFamily=`sans-serif`;a.zIndex=`1000000`;a.backdropFilter=`blur(1rem)`;const b=document.createElement(f);b.style.position=`absolute`;b.style.top=`30%`;b.style.left=`15%`;b.style.maxWidth=`85%`;this._title=document.createElement(f);this._title.innerText=`Build failure`;this._title.style.paddingBottom=`2rem`;this._title.style.fontSize=`2.5rem`;this._message=document.createElement(f);this._message.style.whiteSpace=`pre-wrap`;const c=document.createElement(f);c.innerHTML=`<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" fill="#dc3545" viewBox="0 0 16 16"><path d="M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"/></svg>`;this._title.prepend(c);b.append(this._title,this._message);this._overlay.append(b);this._inject();window.setInterval(()=>{this._inject()},250)}reason(a){this._message.textContent=a}_inject(){if(!this._overlay.isConnected){document.body?.prepend(this._overlay)}}}class e{constructor(a){this.url=a;this.poll_interval=5000;this._overlay=null}start(){const a=new WebSocket(this.url);a.onmessage=a=>{const b=JSON.parse(a.data);switch(b.type){case `reload`:this.reload();break;case `buildFailure`:this.buildFailure(b.data);break}};a.onclose=this.onclose}onclose(){window.setTimeout(()=>{const a=new WebSocket(this.url);a.onopen=()=>window.location.reload();a.onclose=this.onclose},this.poll_interval)}reload(){window.location.reload()}buildFailure({reason:a}){console.error(`Build failed:`,a);console.debug(`Overlay`,this._overlay);if(!this._overlay){this._overlay=new d()};this._overlay.reason=a}}new e(c).start()})()</script></body></html>
diff --git a/manifest.json b/manifest.json
@@ -0,0 +1,28 @@
+{
+  "name": "egui Template PWA",
+  "short_name": "egui-template-pwa",
+  "icons": [
+    {
+      "src": "./icon-256.png",
+      "sizes": "256x256",
+      "type": "image/png"
+    },
+    {
+      "src": "./maskable_icon_x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "any maskable"
+    },
+    {
+      "src": "./icon-1024.png",
+      "sizes": "1024x1024",
+      "type": "image/png"
+    }
+  ],
+  "lang": "en-US",
+  "id": "/index.html",
+  "start_url": "./index.html",
+  "display": "standalone",
+  "background_color": "white",
+  "theme_color": "white"
+}
diff --git a/maskable_icon_x512.png b/maskable_icon_x512.png
diff --git a/sw.js b/sw.js
@@ -0,0 +1,25 @@
+var cacheName = 'egui-template-pwa';
+var filesToCache = [
+  './',
+  './index.html',
+  './beat-detector-wasm.js',
+  './beat-detector-wasm_bg.wasm',
+];
+
+/* Start the service worker and cache all of the app's content */
+self.addEventListener('install', function (e) {
+  e.waitUntil(
+    caches.open(cacheName).then(function (cache) {
+      return cache.addAll(filesToCache);
+    })
+  );
+});
+
+/* Serve cached content when offline */
+self.addEventListener('fetch', function (e) {
+  e.respondWith(
+    caches.match(e.request).then(function (response) {
+      return response || fetch(e.request);
+    })
+  );
+});
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		<!doctype html><meta content="text/html; charset=utf-8" http-equiv=Content-Type><meta content="width=device-width,initial-scale=1.0,user-scalable=no" name=viewport><title>Midi beat detector</title><script type=module>import a,*as b from"/midi_bpm_detection/beat-detector-b18dcb86af51dca2.js";a(`/midi_bpm_detection/beat-detector-b18dcb86af51dca2_bg.wasm`);window.wasmBindings=b</script><base href=/midi_bpm_detection/><link href=/midi_bpm_detection/favicon-f402c8741ce815ec.ico integrity=sha384-jNOAE6jgE03LznIulCTVP6BH4NrTuROFjP9wj8bV1UUMJKtZAvstFpIAP3PDcFpx rel=icon><link href=manifest.json rel=manifest><link href=icon_ios_touch_192.png rel=apple-touch-icon><meta media="(prefers-color-scheme: light)" content=white name=theme-color><meta media="(prefers-color-scheme: dark)" content=#404040 name=theme-color><style>html{touch-action:manipulation}body{background:#909090}@media (prefers-color-scheme:dark){body{background:#404040}}html,body{width:100%;height:100%;overflow:hidden;margin:0!important;padding:0!important}p{text-align:center;color:#fff;z-index:100;width:100%;margin:0;padding:4px;font-family:sans-serif;position:fixed}canvas{margin-left:auto;margin-right:auto;display:block;position:absolute;top:0%;left:50%;transform:translate(-50%)}.centered{color:#f0f0f0;text-align:center;margin-left:auto;margin-right:auto;font-family:Ubuntu-Light,Helvetica,sans-serif;font-size:24px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lds-dual-ring{width:24px;height:24px;display:inline-block}.lds-dual-ring:after{content:" ";border:3px solid #fff;border-color:#fff #0000;border-radius:50%;width:24px;height:24px;margin:0;animation:1.2s linear infinite lds-dual-ring;display:block}@keyframes lds-dual-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}</style><script>var start=(a=>{_guiRemote=a});var _guiRemote</script><link as=fetch crossorigin href=/midi_bpm_detection/beat-detector-b18dcb86af51dca2_bg.wasm integrity=sha384-sph_zOJhHEzvgSyUJf1vsLPEqcJdo5XRhPq29mFNEL_hkez47sgthQsRReiL8-4C rel=preload type=application/wasm><link crossorigin href=/midi_bpm_detection/beat-detector-b18dcb86af51dca2.js integrity=sha384-CZs9jT_fvbIDwSNp_MagrNu5RsBtrDguwxd294RpPCoElc3hYmTsYtWBzSh0-BHj rel=modulepreload></head><body><p>Beat detector demo. Just tap some keys on your computer keyboard or MIDI device. Pitch and velocity related parameters won't have any effect with computer keyboard.</p><canvas id=the_canvas_id></canvas><script>if(`serviceWorker` in navigator&&window.location.hash!==`#dev`){window.addEventListener(`load`,(()=>{navigator.serviceWorker.register(`sw.js`)}))}</script><script>`use strict`;(()=>{let g=`0`,f=`div`;const a=`{{__TRUNK_ADDRESS__}}`;let b=``;b=b?b:window.location.protocol===`https:`?`wss`:`ws`;const c=b+ `://`+ a+ `/_trunk/ws`;class d{constructor(){this._overlay=document.createElement(f);const a=this._overlay.style;a.height=`100vh`;a.width=`100vw`;a.position=`fixed`;a.top=g;a.left=g;a.backgroundColor=`rgba(222, 222, 222, 0.5)`;a.fontFamily=`sans-serif`;a.zIndex=`1000000`;a.backdropFilter=`blur(1rem)`;const b=document.createElement(f);b.style.position=`absolute`;b.style.top=`30%`;b.style.left=`15%`;b.style.maxWidth=`85%`;this._title=document.createElement(f);this._title.innerText=`Build failure`;this._title.style.paddingBottom=`2rem`;this._title.style.fontSize=`2.5rem`;this._message=document.createElement(f);this._message.style.whiteSpace=`pre-wrap`;const c=document.createElement(f);c.innerHTML=`<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" fill="#dc3545" viewBox="0 0 16 16"><path d="M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"/></svg>`;this._title.prepend(c);b.append(this._title,this._message);this._overlay.append(b);this._inject();window.setInterval(()=>{this._inject()},250)}reason(a){this._message.textContent=a}_inject(){if(!this._overlay.isConnected){document.body?.prepend(this._overlay)}}}class e{constructor(a){this.url=a;this.poll_interval=5000;this._overlay=null}start(){const a=new WebSocket(this.url);a.onmessage=a=>{const b=JSON.parse(a.data);switch(b.type){case `reload`:this.reload();break;case `buildFailure`:this.buildFailure(b.data);break}};a.onclose=this.onclose}onclose(){window.setTimeout(()=>{const a=new WebSocket(this.url);a.onopen=()=>window.location.reload();a.onclose=this.onclose},this.poll_interval)}reload(){window.location.reload()}buildFailure({reason:a}){console.error(`Build failed:`,a);console.debug(`Overlay`,this._overlay);if(!this._overlay){this._overlay=new d()};this._overlay.reason=a}}new e(c).start()})()</script></body></html>