Many Changes

spaces/pages/printing.vue

@@ -1,8 +1,15 @@
 <script setup>
 import * as JSPM from 'jsprintmanager'
 
-let printers = []
-let scanners = []
+
+let printers = ref([])
+let scanners = ref([])
+
+
+find().then(devices => {
+  console.log(devices)
+})
+
 
 const doScanning = () =>  {
 
@@ -36,16 +43,15 @@ const doPrintZPL = () => {
 
 
 
-const getPrinters = () =>  {
+/*const getPrinters = () =>  {
   return new Promise((ok, err) => {
-    let printers = [];
+    let temp = [];
     if(JSPM.JSPrintManager.websocket_status == JSPM.WSStatus.Open) {
       JSPM.JSPrintManager.getPrinters().then(function (myPrinters) {
-        printers = myPrinters;
-        console.log(printers);
-        ok(printers);
+        temp = myPrinters;
+        ok(temp);
       }).catch((e)=>err(e));
-    } else { console.warn("JSPM WS not open"); ok(printers); }
+    } else { console.warn("JSPM WS not open"); ok(temp); }
   });
 }
 const getScanners = () =>  {
@@ -59,19 +65,28 @@ const getScanners = () =>  {
       }).catch((e)=>err(e));
     } else { console.warn("JSPM WS not open"); ok(printers); }
   });
-}
-const initJSPM = () => {
+}*/
+const initJSPM = async () => {
   JSPM.JSPrintManager.auto_reconnect = true
-  JSPM.JSPrintManager.start();
+  await JSPM.JSPrintManager.start();
 
-  JSPM.JSPrintManager.WS.onStatusChanged = () => {
+  JSPM.JSPrintManager.WS.onStatusChanged = async () => {
     console.log("Status Changed")
-    getPrinters().then(p => printers = p)
-    getScanners().then(s => scanners = s)
+
+    if(JSPM.JSPrintManager.websocket_status === JSPM.WSStatus.Open){
+      printers.value = await JSPM.JSPrintManager.getPrinters()
+      scanners.value = await JSPM.JSPrintManager.getScanners()
+    }
+
 
   }
 }
 initJSPM()
+
+
+
+
+
 </script>
 
 <template>
@@ -81,6 +96,8 @@ initJSPM()
 
   <UButton @click="doPrintZPL">Print</UButton>
 
+  <UButton @click="initJSPM">Init</UButton>
+
 </template>
 
 <style scoped>