From 6ab643a16fcc96dfb38e24f7b1ee85add1a64460 Mon Sep 17 00:00:00 2001
From: Justin Georgi <justin.georgi@gmail.com>
Date: Thu, 25 Jul 2024 17:03:32 -0700
Subject: [PATCH] Change vite shared worker to query suffix

Signed-off-by: Justin Georgi <justin.georgi@gmail.com>
---
 src/pages/camera-mixin.js | 5 ++++-
 src/pages/detect.vue      | 9 +++++++--
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/pages/camera-mixin.js b/src/pages/camera-mixin.js
index ad80923..6da4577 100644
--- a/src/pages/camera-mixin.js
+++ b/src/pages/camera-mixin.js
@@ -1,5 +1,7 @@
 import { f7 } from 'framework7-vue'
 
+import detectionWorker from '../assets/detect-worker.js?sharedworker'
+
 export default {
   methods: {
     async openCamera(imContain) {
@@ -42,7 +44,8 @@ export default {
       this.getImage(tempCVS.toDataURL())
     },
     async videoFrameDetect (vidData) {
-      const vidWorker = new SharedWorker(this.detectWorkerURL,{type: 'module'})
+      //const vidWorker = new SharedWorker(this.detectWorkerURL,{type: 'module'})
+      const vidWorker = new detectionWorker()
       vidWorker.port.onmessage = (eVid) => {
         self = this
         if (eVid.data.error) {
diff --git a/src/pages/detect.vue b/src/pages/detect.vue
index daec76b..40ffaf8 100644
--- a/src/pages/detect.vue
+++ b/src/pages/detect.vue
@@ -140,6 +140,8 @@
   import detectionMixin from './detection-mixin'
   import cameraMixin from './camera-mixin'
 
+  import detectionWorker from '../assets/detect-worker.js?sharedworker'
+
   export default {
     mixins: [submitMixin, detectionMixin, cameraMixin],
     props: {
@@ -216,7 +218,9 @@
       this.detectWorkerURL = new URL('../assets/detect-worker.js', import.meta.url)
     },
     mounted () {
-      const mountWorker = new SharedWorker(this.detectWorkerURL,{type: 'module'})
+      console.log(this.detectWorkerURL)
+      //const mountWorker = new SharedWorker(this.detectWorkerURL,{type: 'module'})
+      const mountWorker = new detectionWorker()
       mountWorker.port.onmessage = (eMount) => {
         self = this
         if (eMount.data.error) {
@@ -293,7 +297,8 @@
         return `--chip-media-gradient: conic-gradient(from ${270 - (confFactor * 360 / 2)}deg, hsl(${confFactor * 120}deg, 100%, 50%) ${confFactor}turn, hsl(${confFactor * 120}deg, 50%, 66%) ${confFactor}turn)`
       },
       async setData () {
-        const detectWorker = new SharedWorker(this.detectWorkerURL,{type: 'module'})
+        //const detectWorker = new SharedWorker(this.detectWorkerURL,{type: 'module'})
+        const detectWorker = new detectionWorker()
         detectWorker.port.onmessage = (eDetect) => {
           self = this
           if (eDetect.data.error) {