@stonecrop/beam 0.4.36 → 0.4.37

package/dist/composables/mqtt.js

@@ -79,7 +79,7 @@ export const isPortActive = async (host, port) => {
             return true;
         }
     }
-    catch (error) {
+    catch {
         return false;
     }
 };

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

@@ -1,4 +1,5 @@
 import type { IClientOptions } from 'mqtt';
+import { CSSProperties } from 'vue';
 /**
  * @public
  */
@@ -21,7 +22,7 @@ export type ListViewItem = {
 /**
  * @public
  */
-export type BeamColor = RGB | RGBA | HEX | HSL | HSLA | string;
+export type BeamColor = RGB | RGBA | HEX | HSL | HSLA | CSSProperties['color'];
 /**
  * @public
  */

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,MAAM,CAAA;AAE1C;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAA;QACb,EAAE,EAAE,MAAM,CAAA;QACV,GAAG,CAAC,EAAE,MAAM,CAAA;KACZ,CAAA;IACD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAID;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,MAAM,CAAA;AAE9D;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACb,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,GAAG,GAAG,OAAO,MAAM,KAAK,MAAM,KAAK,MAAM,GAAG,CAAA;AAExD;;;GAGG;AACH,MAAM,MAAM,IAAI,GAAG,QAAQ,MAAM,KAAK,MAAM,KAAK,MAAM,KAAK,MAAM,GAAG,CAAA;AAErE;;;GAGG;AACH,MAAM,MAAM,GAAG,GAAG,OAAO,MAAM,KAAK,MAAM,MAAM,MAAM,IAAI,CAAA;AAE1D;;;GAGG;AACH,MAAM,MAAM,IAAI,GAAG,OAAO,MAAM,KAAK,MAAM,MAAM,MAAM,OAAO,MAAM,EAAE,CAAA;AAEtE;;;GAGG;AACH,MAAM,MAAM,GAAG,GAAG,IAAI,MAAM,EAAE,CAAA;AAE9B;;;GAGG;AACH,MAAM,WAAW,WAAY,SAAQ,cAAc;IAClD,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;CACjB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,MAAM,CAAA;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,KAAK,CAAA;AAEnC;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAA;QACb,EAAE,EAAE,MAAM,CAAA;QACV,GAAG,CAAC,EAAE,MAAM,CAAA;KACZ,CAAA;IACD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,aAAa,CAAC,OAAO,CAAC,CAAA;AAE9E;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACb,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,GAAG,GAAG,OAAO,MAAM,KAAK,MAAM,KAAK,MAAM,GAAG,CAAA;AAExD;;;GAGG;AACH,MAAM,MAAM,IAAI,GAAG,QAAQ,MAAM,KAAK,MAAM,KAAK,MAAM,KAAK,MAAM,GAAG,CAAA;AAErE;;;GAGG;AACH,MAAM,MAAM,GAAG,GAAG,OAAO,MAAM,KAAK,MAAM,MAAM,MAAM,IAAI,CAAA;AAE1D;;;GAGG;AACH,MAAM,MAAM,IAAI,GAAG,OAAO,MAAM,KAAK,MAAM,MAAM,MAAM,OAAO,MAAM,EAAE,CAAA;AAEtE;;;GAGG;AACH,MAAM,MAAM,GAAG,GAAG,IAAI,MAAM,EAAE,CAAA;AAE9B;;;GAGG;AACH,MAAM,WAAW,WAAY,SAAQ,cAAc;IAClD,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;CACjB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stonecrop/beam",
-  "version": "0.4.36",
+  "version": "0.4.37",
   "license": "MIT",
   "type": "module",
   "author": {
@@ -37,30 +37,30 @@
     "src/*"
   ],
   "dependencies": {
-    "@vueuse/components": "^13.6.0",
-    "@vueuse/core": "^13.6.0",
+    "@vueuse/components": "^14.0.0",
+    "@vueuse/core": "^14.0.0",
     "mqtt": "^5.13.1",
     "onscan.js": "^1.5.2",
     "vue": "^3.5.22"
   },
   "devDependencies": {
-    "@microsoft/api-documenter": "^7.26.31",
-    "@rushstack/heft": "^0.74.2",
-    "@typescript-eslint/eslint-plugin": "^7.18.0",
-    "@typescript-eslint/parser": "^7.18.0",
+    "@eslint/js": "^9.38.0",
+    "@microsoft/api-documenter": "^7.27.3",
+    "@rushstack/heft": "^1.1.3",
     "@vitejs/plugin-vue": "^6.0.1",
-    "@vitest/coverage-istanbul": "^3.2.4",
-    "@vitest/ui": "^3.2.4",
+    "@vitest/coverage-istanbul": "^4.0.5",
+    "@vitest/ui": "^4.0.5",
     "@vue/test-utils": "^2.4.6",
-    "cypress": "^14.5.3",
-    "eslint": "^8.57.1",
-    "eslint-config-prettier": "^8.10.0",
-    "eslint-plugin-vue": "^9.33.0",
+    "eslint": "^9.38.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-vue": "^10.5.1",
+    "globals": "^16.4.0",
     "sass": "^1.89.2",
     "typescript": "^5.9.3",
+    "typescript-eslint": "^8.46.2",
     "vite-plugin-lib-inject-css": "^2.2.2",
     "vite": "^7.1.1",
-    "vitest": "^3.2.4",
+    "vitest": "^4.0.5",
     "vue-router": "^4.6.3",
     "stonecrop-rig": "0.2.22"
   },
@@ -76,7 +76,7 @@
     "build": "heft build && vite build && rushx docs",
     "dev": "vite",
     "docs": "cd ../common/autoinstallers/doc-tools && node generate-docs.mjs beam",
-    "lint": "eslint . --ext .ts,.vue",
+    "lint": "eslint .",
     "preview": "vite preview",
     "test": "vitest run --coverage.enabled false",
     "test:watch": "vitest watch",

package/src/components/BeamArrow.vue

@@ -1,16 +1,16 @@
 <template>
 	<div class="beam_metadata_arrow">
-		<div class="beam_metadata_arrow-body" :style="{ background: color || '#c4c4c4' }"></div>
+		<div class="beam_metadata_arrow-body" :style="{ background: color }"></div>
 		<div class="beam_metadata_arrow-head">
 			<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6.74 7.78">
-				<polygon points="6.74 3.89 0 0 0 7.78 6.74 3.89" style="fill: #c4c4c4" :style="{ fill: color || '#c4c4c4' }" />
+				<polygon points="6.74 3.89 0 0 0 7.78 6.74 3.89" style="fill: #c4c4c4" :style="{ fill: color }" />
 			</svg>
 		</div>
 	</div>
 </template>
 
 <script setup lang="ts">
-const { color } = defineProps<{ color?: string }>()
+const { color = '#c4c4c4' } = defineProps<{ color?: string }>()
 </script>
 
 <style scoped>

package/src/components/BeamFilter.vue

@@ -1,6 +1,6 @@
 <template>
 	<div class="beam_filters">
-		<div @click="isFilterExpanded = !isFilterExpanded" class="beam_filters-heading">
+		<div class="beam_filters-heading" @click="isFilterExpanded = !isFilterExpanded">
 			<ToggleArrow :open="isFilterExpanded" />
 			<BeamHeading>Filter</BeamHeading>
 		</div>

package/src/components/BeamFilterOption.vue

@@ -1,7 +1,7 @@
 <template>
 	<div v-on-click-outside="() => (isMenuOpen = false)" class="beam_filter-container">
 		<BeamHeading class="beam_filter-option-heading">{{ title }}</BeamHeading>
-		<div @click="isMenuOpen = !isMenuOpen" class="beam_filter-option">
+		<div class="beam_filter-option" @click="isMenuOpen = !isMenuOpen">
 			<div class="beam_filter-option-select">
 				<div class="beam_filter-arrow">
 					<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.36 70.71">
@@ -13,12 +13,12 @@
 				</div>
 			</div>
 
-			<ul ref="menu" v-if="isMenuOpen" class="beam_filter-select-menu">
+			<ul v-if="isMenuOpen" ref="menu" class="beam_filter-select-menu">
 				<li
 					v-for="choice in choices"
+					:key="choice.value"
 					:class="{ selected: label == choice.label }"
 					:data-value="choice.value"
-					:key="choice.value"
 					class="beam_filter-select-option"
 					@click="selectChoice(choice)">
 					{{ choice.label }}
@@ -36,7 +36,7 @@ import { BeamFilterChoice } from '../types'
 
 const emit = defineEmits<{ select: [choice: BeamFilterChoice] }>()
 
-const { title = 'title', choices = [] } = defineProps<{
+const { choices, title = 'title' } = defineProps<{
 	choices: BeamFilterChoice[]
 	title?: string
 }>()

package/src/components/BeamModal.vue

@@ -1,6 +1,6 @@
 <template>
 	<portal to="beam_modal_outlet">
-		<div class="beam_modal" v-show="showModal">
+		<div v-show="showModal" class="beam_modal">
 			<BeamBtn @click="$emit('closemodal')">Close Modal</BeamBtn>
 			<slot @closemodal="$emit('closemodal')" @confirmmodal="$emit('confirmmodal')"></slot>
 		</div>
@@ -8,6 +8,7 @@
 </template>
 
 <script setup lang="ts">
+defineEmits<{ closemodal: []; confirmmodal: [] }>()
 defineProps<{ showModal: boolean }>()
 </script>
 

package/src/components/ItemCheck.vue

@@ -1,6 +1,6 @@
 <template>
 	<label class="container">
-		<input type="checkbox" v-model="value" tabindex="-1" />
+		<input v-model="value" type="checkbox" tabindex="-1" />
 		<div class="checkmark" tabindex="0"></div>
 	</label>
 </template>

package/src/components/ItemCount.vue

@@ -24,7 +24,7 @@ const {
 	editable = true,
 	uom = '',
 } = defineProps<{
-	denominator: number
+	denominator?: number
 	debounce?: number
 	editable?: HTMLAttributes['contenteditable']
 	uom?: string

package/src/components/SegmentedDisplay.vue

@@ -27,7 +27,7 @@ const getOutput = computed(() => {
 })
 
 const getColor = (color: BeamColor) => {
-	return color.substr(0, 2) == '--' ? `var(${color})` : color
+	return color?.substring(0, 2) == '--' ? `var(${color})` : color
 }
 </script>
 

package/src/components/SplitColumn.vue

@@ -1,7 +1,5 @@
 <template>
-	<div
-		class="two-column"
-		:style="{ justifyContent: justifyContent || 'space-between', alignItems: alignItems || 'flex-start' }">
+	<div class="two-column" :style="{ justifyContent, alignItems }">
 		<div class="column column-left">
 			<slot name="left"></slot>
 		</div>
@@ -12,9 +10,11 @@
 </template>
 
 <script setup lang="ts">
-const { justifyContent, alignItems } = defineProps<{
-	justifyContent?: string
-	alignItems?: string
+import type { CSSProperties } from 'vue'
+
+const { justifyContent = 'space-between', alignItems = 'flex-start' } = defineProps<{
+	justifyContent?: CSSProperties['justifyContent']
+	alignItems?: CSSProperties['alignItems']
 }>()
 </script>
 

package/src/composables/mqtt.ts

@@ -95,7 +95,7 @@ export const isPortActive = async (host: string, port: number) => {
 			// If we get here, there might be something running on the port
 			return true
 		}
-	} catch (error) {
+	} catch {
 		return false
 	}
 }

package/src/types/index.ts

@@ -1,4 +1,5 @@
 import type { IClientOptions } from 'mqtt'
+import { CSSProperties } from 'vue'
 
 /**
  * @public
@@ -20,12 +21,10 @@ export type ListViewItem = {
 	route?: string
 }
 
-// TODO: the `string` at the end should be replaced by `DataType.Color`
-// in the `csstype` lib but import seems to be missing
 /**
  * @public
  */
-export type BeamColor = RGB | RGBA | HEX | HSL | HSLA | string
+export type BeamColor = RGB | RGBA | HEX | HSL | HSLA | CSSProperties['color']
 
 /**
  * @public