@stonecrop/beam 0.10.15 → 0.11.0

package/dist/src/composables/mqtt.js

@@ -0,0 +1,85 @@
+import mqtt from 'mqtt';
+import { onMounted, onUnmounted, ref } from 'vue';
+/**
+ * Use MQTT stream
+ * @param options - MQTT stream options
+ * @returns MQTT stream messages
+ * @beta
+ */
+export const useMqttStream = async (options) => {
+    if (options.host && options.port) {
+        const portActive = await isPortActive(options.host, options.port);
+        if (!portActive) {
+            return;
+        }
+    }
+    const client = ref();
+    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 };
+};
+/**
+ * Check if a local port has a service running
+ * @param host the host to check
+ * @param port the port to check
+ * @returns true if the port has a service running, false otherwise
+ *
+ * @beta
+ */
+export const isPortActive = async (host, port) => {
+    try {
+        const controller = new AbortController();
+        // Set a timeout of 2 seconds
+        const timeoutId = setTimeout(() => controller.abort(), 2000);
+        try {
+            await fetch(`${host}:${port}`, {
+                mode: 'no-cors', // This allows checking without CORS issues
+                signal: controller.signal,
+            });
+            clearTimeout(timeoutId);
+            // If we get any response, the port is in use
+            return true;
+        }
+        catch (error) {
+            clearTimeout(timeoutId);
+            if (error instanceof DOMException && error.name === 'AbortError') {
+                // Timeout - port is probably not in use
+                return false;
+            }
+            // For connection refused errors, we need to check the error message
+            // as different browsers handle this differently
+            const errorString = String(error);
+            if (errorString.includes('NetworkError') ||
+                errorString.includes('Failed to fetch') ||
+                errorString.includes('net::ERR_CONNECTION_REFUSED')) {
+                return false;
+            }
+            // If we get here, there might be something running on the port
+            return true;
+        }
+    }
+    catch {
+        return false;
+    }
+};

package/dist/src/index.js

@@ -0,0 +1,56 @@
+import ActionFooter from './components/ActionFooter.vue';
+import BeamArrow from './components/BeamArrow.vue';
+import BeamBtn from './components/BeamBtn.vue';
+import BeamDayDivider from './components/BeamDayDivider.vue';
+import BeamFilter from './components/BeamFilter.vue';
+import BeamFilterOption from './components/BeamFilterOption.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 FixedTop from './components/FixedTop.vue';
+import ItemCheck from './components/ItemCheck.vue';
+import ItemCount from './components/ItemCount.vue';
+import ListAnchor from './components/ListAnchor.vue';
+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 SegmentedDisplay from './components/SegmentedDisplay.vue';
+import SplitColumn from './components/SplitColumn.vue';
+import ToggleArrow from './components/ToggleArrow.vue';
+import { useMqttStream } from './composables/mqtt';
+import '../themes/beam.css';
+/**
+ * Install all Beam components
+ * @param app - Vue app instance
+ * @public
+ */
+function install(app /* options */) {
+    app.component('ActionFooter', ActionFooter);
+    app.component('BeamArrow', BeamArrow);
+    app.component('BeamBtn', BeamBtn);
+    app.component('BeamDayDivider', BeamDayDivider);
+    app.component('BeamFilter', BeamFilter);
+    app.component('BeamFilterOption', BeamFilterOption);
+    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('FixedTop', FixedTop);
+    app.component('ItemCheck', ItemCheck);
+    app.component('ItemCount', ItemCount);
+    app.component('ListAnchor', ListAnchor);
+    app.component('ListItem', ListItem);
+    app.component('ListView', ListView);
+    app.component('Navbar', Navbar);
+    app.component('ScanInput', ScanInput);
+    app.component('SegmentedDisplay', SegmentedDisplay);
+    app.component('SplitColumn', SplitColumn);
+    app.component('ToggleArrow', ToggleArrow);
+}
+export { ActionFooter, BeamArrow, BeamBtn, BeamDayDivider, BeamFilter, BeamFilterOption, BeamHeading, BeamMetadata, BeamModal, BeamModalOutlet, BeamProgress, Confirm, FixedTop, ItemCheck, ItemCount, ListAnchor, ListItem, ListView, Navbar, ScanInput, SegmentedDisplay, SplitColumn, ToggleArrow, install, useMqttStream, };

package/dist/src/tsdoc-metadata.json

@@ -0,0 +1,11 @@
+// This file is read by tools that parse documentation comments conforming to the TSDoc standard.
+// It should be published with your NPM package.  It should not be tracked by Git.
+{
+  "tsdocVersion": "0.12",
+  "toolPackages": [
+    {
+      "packageName": "@microsoft/api-extractor",
+      "packageVersion": "7.57.0"
+    }
+  ]
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stonecrop/beam",
-  "version": "0.10.15",
+  "version": "0.11.0",
   "license": "MIT",
   "type": "module",
   "author": {