@stonecrop/beam 0.2.49 → 0.2.51

package/dist/composables/mqtt.js

@@ -0,0 +1,29 @@
+import mqtt from 'mqtt';
+import { onMounted, onUnmounted, ref } from 'vue';
+export const useMqttStream = (options) => {
+    const client = ref(null);
+    const messages = ref({});
+    onMounted(() => {
+        client.value = mqtt.connect(options);
+        if (!options.topics) {
+            options.topics = ['#'];
+        }
+        for (const topic of options.topics) {
+            client.value.subscribe(topic, err => {
+                if (err) {
+                    throw err;
+                }
+            });
+        }
+        client.value.on('message', (topic, message) => {
+            if (!messages.value[topic]) {
+                messages.value[topic] = [];
+            }
+            messages.value[topic].push(message.toString());
+        });
+    });
+    onUnmounted(() => {
+        client.value.end();
+    });
+    return { messages };
+};

package/dist/index.js

@@ -1,7 +1,11 @@
 import ActionFooter from '@/components/ActionFooter.vue';
-import BeamMetadata from './components/BeamMetadata.vue';
+import BeamArrow from '@/components/BeamArrow.vue';
+import BeamBtn from '@/components/BeamBtn.vue';
+import BeamHeading from '@/components/BeamHeading.vue';
+import BeamMetadata from '@/components/BeamMetadata.vue';
 import BeamModal from '@/components/BeamModal.vue';
 import BeamModalOutlet from '@/components/BeamModalOutlet.vue';
+import BeamProgress from '@/components/BeamProgress.vue';
 import Confirm from '@/components/Confirm.vue';
 import ItemCheck from '@/components/ItemCheck.vue';
 import ItemCount from '@/components/ItemCount.vue';
@@ -10,11 +14,8 @@ import ListItem from '@/components/ListItem.vue';
 import ListView from '@/components/ListView.vue';
 import Navbar from '@/components/Navbar.vue';
 import ScanInput from '@/components/ScanInput.vue';
-import SplitColumn from './components/SplitColumn.vue';
-import BeamHeading from './components/BeamHeading.vue';
-import BeamArrow from './components/BeamArrow.vue';
-import BeamBtn from './components/BeamBtn.vue';
-import BeamProgress from './components/BeamProgress.vue';
+import SplitColumn from '@/components/SplitColumn.vue';
+import { useMqttStream } from '@/composables/mqtt';
 import 'themes/beam.css';
 /**
  * Install all Beam components
@@ -23,9 +24,13 @@ import 'themes/beam.css';
  */
 function install(app /* options */) {
     app.component('ActionFooter', ActionFooter);
+    app.component('BeamArrow', BeamArrow);
+    app.component('BeamBtn', BeamBtn);
+    app.component('BeamHeading', BeamHeading);
     app.component('BeamMetadata', BeamMetadata);
     app.component('BeamModal', BeamModal);
     app.component('BeamModalOutlet', BeamModalOutlet);
+    app.component('BeamProgress', BeamProgress);
     app.component('Confirm', Confirm);
     app.component('ItemCheck', ItemCheck);
     app.component('ItemCount', ItemCount);
@@ -35,9 +40,5 @@ function install(app /* options */) {
     app.component('Navbar', Navbar);
     app.component('ScanInput', ScanInput);
     app.component('SplitColumn', SplitColumn);
-    app.component('BeamHeading', BeamHeading);
-    app.component('BeamArrow', BeamArrow);
-    app.component('BeamBtn', BeamBtn);
-    app.component('BeamProgress', BeamProgress);
 }
-export { ActionFooter, BeamMetadata, BeamModal, BeamModalOutlet, Confirm, ItemCheck, ItemCount, ListAnchor, ListItem, ListView, Navbar, ScanInput, install, };
+export { ActionFooter, BeamArrow, BeamBtn, BeamHeading, BeamMetadata, BeamModal, BeamModalOutlet, BeamProgress, Confirm, ItemCheck, ItemCount, ListAnchor, ListItem, ListView, Navbar, ScanInput, SplitColumn, install, useMqttStream, };

package/dist/src/composables/mqtt.d.ts

@@ -0,0 +1,9 @@
+import { type IClientOptions } from 'mqtt';
+interface IMqttStream extends IClientOptions {
+    topics?: string[];
+}
+export declare const useMqttStream: (options?: IMqttStream) => {
+    messages: import("vue").Ref<Record<string, string[]>, Record<string, string[]>>;
+};
+export {};
+//# sourceMappingURL=mqtt.d.ts.map

package/dist/src/composables/mqtt.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mqtt.d.ts","sourceRoot":"","sources":["../../../src/composables/mqtt.ts"],"names":[],"mappings":"AAAA,OAAa,EAAmB,KAAK,cAAc,EAAE,MAAM,MAAM,CAAA;AAGjE,UAAU,WAAY,SAAQ,cAAc;IAC3C,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;CACjB;AAED,eAAO,MAAM,aAAa,aAAc,WAAW;;CAiClD,CAAA"}

package/dist/src/index.d.ts

@@ -1,8 +1,12 @@
 import { App } from 'vue';
 import ActionFooter from '@/components/ActionFooter.vue';
-import BeamMetadata from './components/BeamMetadata.vue';
+import BeamArrow from '@/components/BeamArrow.vue';
+import BeamBtn from '@/components/BeamBtn.vue';
+import BeamHeading from '@/components/BeamHeading.vue';
+import BeamMetadata from '@/components/BeamMetadata.vue';
 import BeamModal from '@/components/BeamModal.vue';
 import BeamModalOutlet from '@/components/BeamModalOutlet.vue';
+import BeamProgress from '@/components/BeamProgress.vue';
 import Confirm from '@/components/Confirm.vue';
 import ItemCheck from '@/components/ItemCheck.vue';
 import ItemCount from '@/components/ItemCount.vue';
@@ -11,6 +15,8 @@ import ListItem from '@/components/ListItem.vue';
 import ListView from '@/components/ListView.vue';
 import Navbar from '@/components/Navbar.vue';
 import ScanInput from '@/components/ScanInput.vue';
+import SplitColumn from '@/components/SplitColumn.vue';
+import { useMqttStream } from '@/composables/mqtt';
 import 'themes/beam.css';
 /**
  * Install all Beam components
@@ -18,5 +24,5 @@ import 'themes/beam.css';
  * @public
  */
 declare function install(app: App): void;
-export { ActionFooter, BeamMetadata, BeamModal, BeamModalOutlet, Confirm, ItemCheck, ItemCount, ListAnchor, ListItem, ListView, Navbar, ScanInput, install, };
+export { ActionFooter, BeamArrow, BeamBtn, BeamHeading, BeamMetadata, BeamModal, BeamModalOutlet, BeamProgress, Confirm, ItemCheck, ItemCount, ListAnchor, ListItem, ListView, Navbar, ScanInput, SplitColumn, install, useMqttStream, };
 //# sourceMappingURL=index.d.ts.map

package/dist/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,OAAO,YAAY,MAAM,+BAA+B,CAAA;AACxD,OAAO,YAAY,MAAM,+BAA+B,CAAA;AACxD,OAAO,SAAS,MAAM,4BAA4B,CAAA;AAClD,OAAO,eAAe,MAAM,kCAAkC,CAAA;AAC9D,OAAO,OAAO,MAAM,0BAA0B,CAAA;AAC9C,OAAO,SAAS,MAAM,4BAA4B,CAAA;AAClD,OAAO,SAAS,MAAM,4BAA4B,CAAA;AAClD,OAAO,UAAU,MAAM,6BAA6B,CAAA;AACpD,OAAO,QAAQ,MAAM,2BAA2B,CAAA;AAChD,OAAO,QAAQ,MAAM,2BAA2B,CAAA;AAChD,OAAO,MAAM,MAAM,yBAAyB,CAAA;AAC5C,OAAO,SAAS,MAAM,4BAA4B,CAAA;AAMlD,OAAO,iBAAiB,CAAA;AAExB;;;;GAIG;AACH,iBAAS,OAAO,CAAC,GAAG,EAAE,GAAG,QAkBxB;AAED,OAAO,EACN,YAAY,EACZ,YAAY,EACZ,SAAS,EACT,eAAe,EACf,OAAO,EACP,SAAS,EACT,SAAS,EACT,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,SAAS,EACT,OAAO,GACP,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,OAAO,YAAY,MAAM,+BAA+B,CAAA;AACxD,OAAO,SAAS,MAAM,4BAA4B,CAAA;AAClD,OAAO,OAAO,MAAM,0BAA0B,CAAA;AAC9C,OAAO,WAAW,MAAM,8BAA8B,CAAA;AACtD,OAAO,YAAY,MAAM,+BAA+B,CAAA;AACxD,OAAO,SAAS,MAAM,4BAA4B,CAAA;AAClD,OAAO,eAAe,MAAM,kCAAkC,CAAA;AAC9D,OAAO,YAAY,MAAM,+BAA+B,CAAA;AACxD,OAAO,OAAO,MAAM,0BAA0B,CAAA;AAC9C,OAAO,SAAS,MAAM,4BAA4B,CAAA;AAClD,OAAO,SAAS,MAAM,4BAA4B,CAAA;AAClD,OAAO,UAAU,MAAM,6BAA6B,CAAA;AACpD,OAAO,QAAQ,MAAM,2BAA2B,CAAA;AAChD,OAAO,QAAQ,MAAM,2BAA2B,CAAA;AAChD,OAAO,MAAM,MAAM,yBAAyB,CAAA;AAC5C,OAAO,SAAS,MAAM,4BAA4B,CAAA;AAClD,OAAO,WAAW,MAAM,8BAA8B,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAClD,OAAO,iBAAiB,CAAA;AAExB;;;;GAIG;AACH,iBAAS,OAAO,CAAC,GAAG,EAAE,GAAG,QAkBxB;AAED,OAAO,EACN,YAAY,EACZ,SAAS,EACT,OAAO,EACP,WAAW,EACX,YAAY,EACZ,SAAS,EACT,eAAe,EACf,YAAY,EACZ,OAAO,EACP,SAAS,EACT,SAAS,EACT,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,SAAS,EACT,WAAW,EACX,OAAO,EACP,aAAa,GACb,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stonecrop/beam",
-  "version": "0.2.49",
+  "version": "0.2.51",
   "license": "MIT",
   "type": "module",
   "author": {
@@ -29,6 +29,7 @@
     "src/*"
   ],
   "dependencies": {
+    "mqtt": "^5.10.1",
     "onscan.js": "^1.5.2",
     "vue": "^3.5.6"
   },

package/src/composables/mqtt.ts

@@ -0,0 +1,41 @@
+import mqtt, { type MqttClient, type IClientOptions } from 'mqtt'
+import { onMounted, onUnmounted, ref } from 'vue'
+
+interface IMqttStream extends IClientOptions {
+	topics?: string[]
+}
+
+export const useMqttStream = (options?: IMqttStream) => {
+	const client = ref<MqttClient>(null)
+	const messages = ref<Record<string, string[]>>({})
+
+	onMounted(() => {
+		client.value = mqtt.connect(options)
+
+		if (!options.topics) {
+			options.topics = ['#']
+		}
+
+		for (const topic of options.topics) {
+			client.value.subscribe(topic, err => {
+				if (err) {
+					throw err
+				}
+			})
+		}
+
+		client.value.on('message', (topic, message) => {
+			if (!messages.value[topic]) {
+				messages.value[topic] = []
+			}
+
+			messages.value[topic].push(message.toString())
+		})
+	})
+
+	onUnmounted(() => {
+		client.value.end()
+	})
+
+	return { messages }
+}

package/src/index.ts

@@ -1,9 +1,13 @@
 import { App } from 'vue'
 
 import ActionFooter from '@/components/ActionFooter.vue'
-import BeamMetadata from './components/BeamMetadata.vue'
+import BeamArrow from '@/components/BeamArrow.vue'
+import BeamBtn from '@/components/BeamBtn.vue'
+import BeamHeading from '@/components/BeamHeading.vue'
+import BeamMetadata from '@/components/BeamMetadata.vue'
 import BeamModal from '@/components/BeamModal.vue'
 import BeamModalOutlet from '@/components/BeamModalOutlet.vue'
+import BeamProgress from '@/components/BeamProgress.vue'
 import Confirm from '@/components/Confirm.vue'
 import ItemCheck from '@/components/ItemCheck.vue'
 import ItemCount from '@/components/ItemCount.vue'
@@ -12,11 +16,8 @@ import ListItem from '@/components/ListItem.vue'
 import ListView from '@/components/ListView.vue'
 import Navbar from '@/components/Navbar.vue'
 import ScanInput from '@/components/ScanInput.vue'
-import SplitColumn from './components/SplitColumn.vue'
-import BeamHeading from './components/BeamHeading.vue'
-import BeamArrow from './components/BeamArrow.vue'
-import BeamBtn from './components/BeamBtn.vue'
-import BeamProgress from './components/BeamProgress.vue'
+import SplitColumn from '@/components/SplitColumn.vue'
+import { useMqttStream } from '@/composables/mqtt'
 import 'themes/beam.css'
 
 /**
@@ -26,9 +27,13 @@ import 'themes/beam.css'
  */
 function install(app: App /* options */) {
 	app.component('ActionFooter', ActionFooter)
+	app.component('BeamArrow', BeamArrow)
+	app.component('BeamBtn', BeamBtn)
+	app.component('BeamHeading', BeamHeading)
 	app.component('BeamMetadata', BeamMetadata)
 	app.component('BeamModal', BeamModal)
 	app.component('BeamModalOutlet', BeamModalOutlet)
+	app.component('BeamProgress', BeamProgress)
 	app.component('Confirm', Confirm)
 	app.component('ItemCheck', ItemCheck)
 	app.component('ItemCount', ItemCount)
@@ -38,17 +43,17 @@ function install(app: App /* options */) {
 	app.component('Navbar', Navbar)
 	app.component('ScanInput', ScanInput)
 	app.component('SplitColumn', SplitColumn)
-	app.component('BeamHeading', BeamHeading)
-	app.component('BeamArrow', BeamArrow)
-	app.component('BeamBtn', BeamBtn)
-	app.component('BeamProgress', BeamProgress)
 }
 
 export {
 	ActionFooter,
+	BeamArrow,
+	BeamBtn,
+	BeamHeading,
 	BeamMetadata,
 	BeamModal,
 	BeamModalOutlet,
+	BeamProgress,
 	Confirm,
 	ItemCheck,
 	ItemCount,
@@ -57,5 +62,7 @@ export {
 	ListView,
 	Navbar,
 	ScanInput,
+	SplitColumn,
 	install,
+	useMqttStream,
 }