@maas/vue-equipment 1.0.0-beta.34 → 1.0.0-beta.35

package/dist/nuxt/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@maas/vue-equipment/nuxt",
   "configKey": "vueEquipment",
-  "version": "1.0.0-beta.33",
+  "version": "1.0.0-beta.34",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "unknown"

package/dist/nuxt/module.mjs

@@ -43,6 +43,13 @@ const functions$1 = [
 		docs: "https://maas.egineering/vue-equipment/plugins/MagicEmitter/",
 		description: "MagicEmitter is a wrapper around [mitt](https://github.com/developit/mitt)"
 	},
+	{
+		name: "MagicError",
+		"package": "plugins",
+		lastUpdated: 1754925604000,
+		docs: "https://maas.egineering/vue-equipment/plugins/MagicError/",
+		description: "MagicError is a composable and a class used throughout Vue Equipment for error handling and logging"
+	},
 	{
 		name: "MagicMarquee",
 		"package": "plugins",

package/dist/plugins/.turbo/turbo-lint.log

@@ -1,5 +1,96 @@
 
 
-> plugins@1.0.0-beta.32 lint /Users/robinscholz/Repositories/@maas/vue-equipment/packages/plugins
+> plugins@1.0.0-beta.34 lint /Users/robinscholz/Repositories/@maas/vue-equipment/packages/plugins
 > eslint .
 
+
+/Users/robinscholz/Repositories/@maas/vue-equipment/packages/plugins/MagicAccordion/src/components/MagicAccordionTrigger.vue
+  89:0  error  Parsing error: '}' expected
+
+/Users/robinscholz/Repositories/@maas/vue-equipment/packages/plugins/MagicCommand/src/components/MagicCommandItem.vue
+  130:0  error  Parsing error: '}' expected
+
+/Users/robinscholz/Repositories/@maas/vue-equipment/packages/plugins/MagicCommand/src/components/MagicCommandTrigger.vue
+  120:0  error  Parsing error: '}' expected
+
+/Users/robinscholz/Repositories/@maas/vue-equipment/packages/plugins/MagicCommand/src/composables/private/useCommandView.ts
+  4:8  error  'UseMagicErrorReturn' is defined but never used  @typescript-eslint/no-unused-vars
+
+/Users/robinscholz/Repositories/@maas/vue-equipment/packages/plugins/MagicCommand/src/composables/useMagicCommand.ts
+  10:7  error  'magicError' is assigned a value but never used  @typescript-eslint/no-unused-vars
+
+/Users/robinscholz/Repositories/@maas/vue-equipment/packages/plugins/MagicCookie/src/composables/private/useCookieItem.ts
+  5:8  error  'UseMagicErrorReturn' is defined but never used  @typescript-eslint/no-unused-vars
+
+/Users/robinscholz/Repositories/@maas/vue-equipment/packages/plugins/MagicDraggable/src/components/MagicDraggable.vue
+  114:0  error  Parsing error: '}' expected
+
+/Users/robinscholz/Repositories/@maas/vue-equipment/packages/plugins/MagicDraggable/src/composables/private/useDraggableDrag.ts
+  32:8  error  'UseMagicErrorReturn' is defined but never used  @typescript-eslint/no-unused-vars
+
+/Users/robinscholz/Repositories/@maas/vue-equipment/packages/plugins/MagicDraggable/src/composables/private/useDraggableSnap.ts
+  7:8  error  'UseMagicErrorReturn' is defined but never used  @typescript-eslint/no-unused-vars
+
+/Users/robinscholz/Repositories/@maas/vue-equipment/packages/plugins/MagicDrawer/src/composables/private/useDrawerDrag.ts
+  32:8  error  'UseMagicErrorReturn' is defined but never used  @typescript-eslint/no-unused-vars
+
+/Users/robinscholz/Repositories/@maas/vue-equipment/packages/plugins/MagicDrawer/src/composables/private/useDrawerWheel.ts
+  13:8  error  'UseMagicErrorReturn' is defined but never used  @typescript-eslint/no-unused-vars
+
+/Users/robinscholz/Repositories/@maas/vue-equipment/packages/plugins/MagicMenu/src/components/MagicMenuChannel.vue
+  15:42  error  'MaybeRef' is defined but never used  @typescript-eslint/no-unused-vars
+
+/Users/robinscholz/Repositories/@maas/vue-equipment/packages/plugins/MagicMenu/src/components/MagicMenuItem.vue
+  149:0  error  Parsing error: '}' expected
+
+/Users/robinscholz/Repositories/@maas/vue-equipment/packages/plugins/MagicMenu/src/components/MagicMenuRemote.vue
+  102:0  error  Parsing error: '}' expected
+
+/Users/robinscholz/Repositories/@maas/vue-equipment/packages/plugins/MagicMenu/src/components/MagicMenuTrigger.vue
+  142:0  error  Parsing error: '}' expected
+
+/Users/robinscholz/Repositories/@maas/vue-equipment/packages/plugins/MagicMenu/src/composables/private/useMenuItem.ts
+  24:9  error  'magicError' is assigned a value but never used  @typescript-eslint/no-unused-vars
+
+/Users/robinscholz/Repositories/@maas/vue-equipment/packages/plugins/MagicMenu/src/composables/private/useMenuKeyListener.ts
+  4:8  error  'UseMagicErrorReturn' is defined but never used  @typescript-eslint/no-unused-vars
+
+/Users/robinscholz/Repositories/@maas/vue-equipment/packages/plugins/MagicMenu/src/composables/private/useMenuView.ts
+  4:8  error  'UseMagicErrorReturn' is defined but never used  @typescript-eslint/no-unused-vars
+
+/Users/robinscholz/Repositories/@maas/vue-equipment/packages/plugins/MagicPie/src/components/MagicPie.vue
+  35:7  error  'magicError' is assigned a value but never used  @typescript-eslint/no-unused-vars
+
+/Users/robinscholz/Repositories/@maas/vue-equipment/packages/plugins/MagicPlayer/src/components/MagicPlayerAudio.vue
+  135:0  error  Parsing error: '}' expected
+
+/Users/robinscholz/Repositories/@maas/vue-equipment/packages/plugins/MagicPlayer/src/components/MagicPlayerAudioControls.vue
+  155:0  error  Parsing error: '}' expected
+
+/Users/robinscholz/Repositories/@maas/vue-equipment/packages/plugins/MagicPlayer/src/components/MagicPlayerDisplayTime.vue
+  34:2  error  Parsing error: Declaration or statement expected
+
+/Users/robinscholz/Repositories/@maas/vue-equipment/packages/plugins/MagicPlayer/src/components/MagicPlayerMuxPopover.vue
+  183:0  error  Parsing error: '}' expected
+
+/Users/robinscholz/Repositories/@maas/vue-equipment/packages/plugins/MagicPlayer/src/components/MagicPlayerVideo.vue
+  182:0  error  Parsing error: '}' expected
+
+/Users/robinscholz/Repositories/@maas/vue-equipment/packages/plugins/MagicPlayer/src/components/MagicPlayerVideoControls.vue
+  222:0  error  Parsing error: '}' expected
+
+/Users/robinscholz/Repositories/@maas/vue-equipment/packages/plugins/MagicPlayer/src/composables/private/usePlayerMediaApi.ts
+  18:9  error  'magicError' is assigned a value but never used  @typescript-eslint/no-unused-vars
+
+/Users/robinscholz/Repositories/@maas/vue-equipment/packages/plugins/MagicPlayer/src/composables/private/usePlayerRuntime.ts
+  5:8  error  'UseMagicErrorReturn' is defined but never used  @typescript-eslint/no-unused-vars
+
+/Users/robinscholz/Repositories/@maas/vue-equipment/packages/plugins/MagicPlayer/src/composables/private/usePlayerVideoApi.ts
+  6:8  error  'UseMagicErrorReturn' is defined but never used  @typescript-eslint/no-unused-vars
+
+/Users/robinscholz/Repositories/@maas/vue-equipment/packages/plugins/MagicToast/src/components/MagicToastView.vue
+  56:0  error  Parsing error: Declaration or statement expected
+
+✖ 29 problems (29 errors, 0 warnings)
+
+ ELIFECYCLE  Command failed with exit code 1.

package/dist/plugins/MagicAccordion/src/components/MagicAccordionContent.vue

@@ -32,6 +32,9 @@ import { inject, computed } from "vue";
 import { defu } from "defu";
 import { AutoSize } from "@maas/vue-autosize";
 import { Primitive } from "@maas/vue-primitive";
+import {
+  useMagicError
+} from "@maas/vue-equipment/plugins/MagicError";
 import { useAccordionView } from "../composables/private/useAccordionView";
 import { useAccordionState } from "../composables/private/useAccordionState";
 import { useAccordionCallback } from "../composables/private/useAccordionCallback";
@@ -44,14 +47,20 @@ const { transition, animation } = defineProps({
   transition: { type: String, required: false },
   animation: { type: Object, required: false }
 });
+const magicError = useMagicError({
+  prefix: "MagicAccordion",
+  source: "MagicAccordionContent"
+});
 const instanceId = inject(MagicAccordionInstanceId, void 0);
 const viewId = inject(MagicAccordionViewId, void 0);
-if (!instanceId) {
-  throw new Error("MagicMenuContent must be nested inside MagicMenuProvider");
-}
-if (!viewId) {
-  throw new Error("MagicMenuContent must be nested inside MagicMenuView");
-}
+magicError.assert(instanceId, {
+  message: "MagicAccordionContent must be nested inside MagicAccordionProvider",
+  errorCode: "missing_instance_id"
+});
+magicError.assert(viewId, {
+  message: "MagicAccordionContent must be nested inside MagicAccordionView",
+  errorCode: "missing_view_id"
+});
 const { initializeState } = useAccordionState(instanceId);
 const state = initializeState();
 const { getView } = useAccordionView(instanceId);

package/dist/plugins/MagicAccordion/src/components/MagicAccordionTrigger.vue

@@ -17,6 +17,9 @@
 import { useTemplateRef, inject, computed, toValue } from "vue";
 import { Primitive } from "@maas/vue-primitive";
 import { onKeyStroke } from "@vueuse/core";
+import {
+  useMagicError
+} from "@maas/vue-equipment/plugins/MagicError";
 import { useAccordionTrigger } from "../composables/private/useAccordionTrigger";
 import { useAccordionState } from "../composables/private/useAccordionState";
 import { useAccordionView } from "../composables/private/useAccordionView";
@@ -32,20 +35,22 @@ const {
   trigger: { type: String, required: false },
   asChild: { type: Boolean, required: false }
 });
+const magicError = useMagicError({
+  prefix: "MagicAccordion",
+  source: "MagicAccordion"
+});
 const elRef = useTemplateRef("el");
 const instanceId = inject(MagicAccordionInstanceId, void 0);
 const injectedViewId = inject(MagicAccordionViewId, void 0);
 const mappedViewId = computed(() => viewId ?? injectedViewId);
-if (!instanceId) {
-  throw new Error(
-    "MagicAccordionTrigger must be nested inside MagicAccordionProvider"
-  );
-}
-if (!mappedViewId.value) {
-  throw new Error(
-    "MagicAccordionTrigger must be nested inside MagicAccordionView or a viewId must be provided"
-  );
-}
+magicError.assert(instanceId, {
+  message: "MagicAccordionTrigger must be nested inside MagicAccordionProvider",
+  errorCode: "missing_instance_id"
+});
+magicError.assert(mappedViewId.value, {
+  message: "MagicAccordionTrigger must be nested inside MagicAccordionView or a viewId must be provided",
+  errorCode: "missing_view_id"
+});
 const { initializeState } = useAccordionState(instanceId);
 const state = initializeState();
 const { getView } = useAccordionView(instanceId);

package/dist/plugins/MagicAccordion/src/components/MagicAccordionView.vue

@@ -12,6 +12,9 @@
 <script setup>
 import { computed, inject, onBeforeUnmount, provide, useId } from "vue";
 import { Primitive } from "@maas/vue-primitive";
+import {
+  useMagicError
+} from "@maas/vue-equipment/plugins/MagicError";
 import {
   MagicAccordionInstanceId,
   MagicAccordionViewActive,
@@ -23,12 +26,15 @@ const { id, active } = defineProps({
   asChild: { type: Boolean, required: false },
   active: { type: Boolean, required: false }
 });
+const magicError = useMagicError({
+  prefix: "MagicAccordion",
+  source: "MagicAccordionView"
+});
 const instanceId = inject(MagicAccordionInstanceId, void 0);
-if (!instanceId) {
-  throw new Error(
-    "MagicAccordionView must be nested inside MagicAccordionProvider"
-  );
-}
+magicError.assert(instanceId, {
+  message: "MagicAccordionView must be nested inside MagicAccordionProvider",
+  errorCode: "missing_instance_id"
+});
 const mappedId = computed(() => id ?? `magic-accordion-view-${useId()}`);
 const mappedActive = computed(() => view.active);
 const { initializeView, deleteView } = useAccordionView(instanceId);

package/dist/plugins/MagicCommand/src/components/MagicCommandContent.vue

@@ -36,6 +36,9 @@ import {
   useTemplateRef
 } from "vue";
 import { useMagicKeys } from "@vueuse/core";
+import {
+  useMagicError
+} from "@maas/vue-equipment/plugins/MagicError";
 import { useCommandItem } from "../composables/private/useCommandItem";
 import { useCommandScroll } from "../composables/private/useCommandScroll";
 import { useCommandCallback } from "../composables/private/useCommandCallback";
@@ -52,17 +55,21 @@ import "@maas/vue-equipment/utils/css/keyframes/fade-out.css";
 defineOptions({
   inheritAttrs: false
 });
+const magicError = useMagicError({
+  prefix: "MagicCommand",
+  source: "MagicCommandContent"
+});
 const instanceId = inject(MagicCommandInstanceId, void 0);
 const viewId = inject(MagicCommandViewId, void 0);
 const elRef = useTemplateRef("el");
-if (!instanceId) {
-  throw new Error(
-    "MagicCommandContent must be nested inside MagicCommandProvider"
-  );
-}
-if (!viewId) {
-  throw new Error("MagicCommandContent must be nested inside MagicCommandView");
-}
+magicError.assert(instanceId, {
+  message: "MagicCommandContent must be nested inside MagicCommandProvider",
+  errorCode: "missing_instance_id"
+});
+magicError.assert(viewId, {
+  message: "MagicCommandContent must be nested inside MagicCommandView",
+  errorCode: "missing_view_id"
+});
 const { getView } = useCommandView(instanceId);
 const view = getView(viewId);
 const { initializeState } = useCommandState(instanceId);

package/dist/plugins/MagicCommand/src/components/MagicCommandDrawer.vue

@@ -15,6 +15,9 @@ import { useMagicDrawer } from "@maas/vue-equipment/plugins/MagicDrawer";
 import {
   useMagicEmitter
 } from "@maas/vue-equipment/plugins/MagicEmitter";
+import {
+  useMagicError
+} from "@maas/vue-equipment/plugins/MagicError";
 import { useMagicCommand } from "../composables/useMagicCommand";
 import { MagicCommandInstanceId } from "../symbols";
 defineOptions({
@@ -23,13 +26,16 @@ defineOptions({
 defineProps({
   options: { type: null, required: false }
 });
+const magicError = useMagicError({
+  prefix: "MagicCommand",
+  source: "MagicCommandDrawer"
+});
 const instanceId = inject(MagicCommandInstanceId, "");
 const emitter = useMagicEmitter();
-if (!instanceId) {
-  throw new Error(
-    "MagicCommandDrawer must be nested inside MagicCommandProvider"
-  );
-}
+magicError.assert(instanceId, {
+  message: "MagicCommandDrawer must be nested inside MagicCommandProvider",
+  errorCode: "missing_instance_id"
+});
 function afterLeaveCallback(payload) {
   if (typeof payload === "string" && payload === instanceId) {
     close();

package/dist/plugins/MagicCommand/src/components/MagicCommandItem.vue

@@ -24,6 +24,9 @@ import {
   useId,
   onMounted
 } from "vue";
+import {
+  useMagicError
+} from "@maas/vue-equipment/plugins/MagicError";
 import { useCommandItem } from "../composables/private/useCommandItem";
 import { useCommandState } from "../composables/private/useCommandState";
 import {
@@ -44,18 +47,25 @@ const {
   disabled: { type: Boolean, required: false }
 });
 const emit = defineEmits(["click"]);
+const magicError = useMagicError({
+  prefix: "MagicCommand",
+  source: "MagicCommand"
+});
 const instanceId = inject(MagicCommandInstanceId, void 0);
 const viewId = inject(MagicCommandViewId, void 0);
 const contentId = inject(MagicCommandContentId, void 0);
-if (!instanceId) {
-  throw new Error("MagicCommandItem must be nested inside MagicCommandProvider");
-}
-if (!viewId) {
-  throw new Error("MagicCommandItem must be nested inside MagicCommandView");
-}
-if (!contentId) {
-  throw new Error("MagicCommandItem must be nested inside MagicCommandContent");
-}
+magicError.assert(instanceId, {
+  message: "MagicCommandItem must be nested inside MagicCommandProvider",
+  errorCode: "missing_instance_id"
+});
+magicError.assert(viewId, {
+  message: "MagicCommandItem must be nested inside MagicCommandView",
+  errorCode: "missing_view_id"
+});
+magicError.assert(contentId, {
+  message: "MagicCommandItem must be nested inside MagicCommandContent",
+  errorCode: "missing_content_id"
+});
 const mappedId = computed(() => id ?? `magic-command-item-${useId()}`);
 const { initializeItem, deleteItem, selectItem } = useCommandItem({
   instanceId,

package/dist/plugins/MagicCommand/src/components/MagicCommandRenderer.vue

@@ -4,18 +4,24 @@
 
 <script setup>
 import { inject, onBeforeUnmount, useTemplateRef } from "vue";
+import {
+  useMagicError
+} from "@maas/vue-equipment/plugins/MagicError";
 import {
   useMagicEmitter
 } from "@maas/vue-equipment/plugins/MagicEmitter";
 import { MagicCommandInstanceId } from "./../symbols";
 import { useCommandState } from "../composables/private/useCommandState";
+const magicError = useMagicError({
+  prefix: "MagicCommand",
+  source: "MagicCommand"
+});
 const instanceId = inject(MagicCommandInstanceId, "");
 const emitter = useMagicEmitter();
-if (!instanceId) {
-  throw new Error(
-    "MagicCommandRenderer must be nested inside MagicCommandProvider"
-  );
-}
+magicError.assert(instanceId, {
+  message: "MagicCommandRenderer must be nested inside MagicCommandProvider",
+  errorCode: "missing_instance_id"
+});
 const elRef = useTemplateRef("el");
 const { initializeState } = useCommandState(instanceId);
 const state = initializeState();

package/dist/plugins/MagicCommand/src/components/MagicCommandTrigger.vue

@@ -16,6 +16,9 @@
 <script setup>
 import { computed, inject, useTemplateRef, toValue, watch } from "vue";
 import { Primitive } from "@maas/vue-primitive";
+import {
+  useMagicError
+} from "@maas/vue-equipment/plugins/MagicError";
 import { useCommandView } from "../composables/private/useCommandView";
 import { useCommandTrigger } from "../composables/private/useCommandTrigger";
 import {
@@ -40,22 +43,24 @@ const {
   trigger: { type: Array, required: false },
   asChild: { type: Boolean, required: false }
 });
+const magicError = useMagicError({
+  prefix: "MagicCommand",
+  source: "MagicCommandTrigger"
+});
 const elRef = useTemplateRef("el");
 const instanceId = inject(MagicCommandInstanceId, void 0);
 const itemActive = inject(MagicCommandItemActive, void 0);
 const itemDisabled = inject(MagicCommandItemDisabled, void 0);
 const injectedViewId = inject(MagicCommandViewId, void 0);
 const mappedViewId = computed(() => viewId ?? injectedViewId);
-if (!instanceId) {
-  throw new Error(
-    "MagicCommandTrigger must be nested inside MagicCommandProvider"
-  );
-}
-if (!mappedViewId.value) {
-  throw new Error(
-    "MagicCommandTrigger must be nested inside MagicCommandView or a viewId must be provided"
-  );
-}
+magicError.assert(instanceId, {
+  message: "MagicCommandTrigger must be nested inside MagicCommandProvider",
+  errorCode: "missing_instance_id"
+});
+magicError.assert(mappedViewId.value, {
+  message: "MagicCommandTrigger must be nested inside MagicCommandView or a viewId must be provided",
+  errorCode: "missing_view_id"
+});
 const { getView } = useCommandView(instanceId);
 const view = getView(mappedViewId.value);
 const mappedActive = computed(() => active ?? toValue(itemActive) ?? false);

package/dist/plugins/MagicCommand/src/components/MagicCommandView.vue

@@ -6,6 +6,9 @@
 
 <script setup>
 import { computed, inject, onBeforeUnmount, provide, useId, watch } from "vue";
+import {
+  useMagicError
+} from "@maas/vue-equipment/plugins/MagicError";
 import { useCommandView } from "../composables/private/useCommandView";
 import {
   MagicCommandInstanceId,
@@ -18,12 +21,17 @@ const { id, initial = false } = defineProps({
   id: { type: String, required: false },
   initial: { type: Boolean, required: false }
 });
+const magicError = useMagicError({
+  prefix: "MagicCommand",
+  source: "MagicCommandView"
+});
 const parentTree = inject(MagicCommandParentTree, []);
 const instanceId = inject(MagicCommandInstanceId, void 0);
 const itemId = inject(MagicCommandItemId, void 0);
-if (!instanceId) {
-  throw new Error("MagicCommandView must be nested inside MagicCommandProvider");
-}
+magicError.assert(instanceId, {
+  message: "MagicCommandView must be nested inside MagicCommandProvider",
+  errorCode: "missing_instance_id"
+});
 const mappedId = computed(() => id ?? `magic-command-view-${useId()}`);
 const mappedParentTree = computed(() => [...parentTree, mappedId.value]);
 const mappedActive = computed(() => view.active);

package/dist/plugins/MagicCommand/src/composables/private/useCommandView.d.ts

@@ -1,7 +1,7 @@
 import { type MaybeRef } from 'vue';
 import type { CommandView } from '../../types/index.js';
 type InitializeViewArgs = Pick<CommandView, 'id' | 'parent' | 'initial'>;
-export declare function useCommandView(instanceId: MaybeRef<string>): {
+export declare function useCommandView(id: MaybeRef<string>): {
     currentView: import("vue").ComputedRef<CommandView | undefined>;
     initializeView: (args: InitializeViewArgs) => CommandView;
     deleteView: (id: string) => void;

package/dist/plugins/MagicCommand/src/composables/private/useCommandView.mjs

@@ -1,12 +1,17 @@
 import { reactive, computed, toValue } from "vue";
+import { useMagicError } from "@maas/vue-equipment/plugins/MagicError";
 import { useCommandState } from "./useCommandState.mjs";
 function isAbortError(error) {
   return error instanceof DOMException && error.name === "AbortError";
 }
-export function useCommandView(instanceId) {
-  const { initializeState } = useCommandState(instanceId);
+export function useCommandView(id) {
+  const { initializeState } = useCommandState(id);
+  const { logWarning } = useMagicError({
+    prefix: "MagicCommand",
+    source: "useCommandView"
+  });
   const state = initializeState();
-  const currentInstanceId = toValue(instanceId);
+  const currentInstanceId = toValue(id);
   const currentView = computed(() => {
     const activeViews = state.views.filter((view) => view.active);
     if (activeViews.length === 0) return void 0;
@@ -17,12 +22,12 @@ export function useCommandView(instanceId) {
   });
   const viewMap = /* @__PURE__ */ new Map();
   function createView(args) {
-    const { id, parent, initial } = args;
+    const { id: id2, parent, initial } = args;
     if (parent.views.length === 0) {
       parent.views.push(currentInstanceId);
     }
     const view = reactive({
-      id,
+      id: id2,
       parent,
       initial,
       active: false,
@@ -33,7 +38,7 @@ export function useCommandView(instanceId) {
         unselectAbortController: new AbortController()
       }
     });
-    viewMap.set(id, view);
+    viewMap.set(id2, view);
     return view;
   }
   function addView(args) {
@@ -55,35 +60,35 @@ export function useCommandView(instanceId) {
     const view = state?.views.findLast((view2) => view2.active)?.id;
     state.input.view = view;
   }
-  function getView(id) {
-    let view = viewMap.get(id);
+  function getView(id2) {
+    let view = viewMap.get(id2);
     if (!view) {
-      view = state.views.find((v) => v.id === id);
-      if (view) viewMap.set(id, view);
+      view = state.views.find((v) => v.id === id2);
+      if (view) viewMap.set(id2, view);
     }
     return view;
   }
-  function deleteView(id) {
-    const index = state.views.findIndex((view) => view.id === id);
+  function deleteView(id2) {
+    const index = state.views.findIndex((view) => view.id === id2);
     if (index !== -1) {
       state.views.splice(index, 1);
-      viewMap.delete(id);
+      viewMap.delete(id2);
     }
   }
-  function getRelativeViewIndex(id) {
-    const view = getView(id);
+  function getRelativeViewIndex(id2) {
+    const view = getView(id2);
     if (!view) return -1;
     const nestingLevel = view.parent.views.length;
     return state.views.findIndex(
-      (v) => v.parent.views.length === nestingLevel && v.id === id
+      (v) => v.parent.views.length === nestingLevel && v.id === id2
     );
   }
-  function getNextView(id) {
-    const index = state.views.findIndex((view) => view.id === id);
+  function getNextView(id2) {
+    const index = state.views.findIndex((view) => view.id === id2);
     return index !== -1 ? state.views[index + 1] : void 0;
   }
-  function getPreviousView(id) {
-    const index = state.views.findIndex((view) => view.id === id);
+  function getPreviousView(id2) {
+    const index = state.views.findIndex((view) => view.id === id2);
     return index > 0 ? state.views[index - 1] : void 0;
   }
   function getTopLevelView() {
@@ -92,20 +97,20 @@ export function useCommandView(instanceId) {
   function getNestedView(itemId) {
     return state.views.find((view) => view.parent.item === itemId);
   }
-  function getParentView(id) {
-    const view = getView(id);
+  function getParentView(id2) {
+    const view = getView(id2);
     if (!view) return void 0;
     const parentId = view.parent.views[view.parent.views.length - 1];
     return parentId ? getView(parentId) : void 0;
   }
-  function getUnrelatedViews(id) {
-    const view = getView(id);
+  function getUnrelatedViews(id2) {
+    const view = getView(id2);
     if (!view) return [];
     const parentViewsSet = new Set(view.parent.views);
-    return state.views.filter((v) => v.id !== id && !parentViewsSet.has(v.id));
+    return state.views.filter((v) => v.id !== id2 && !parentViewsSet.has(v.id));
   }
-  async function selectView(id, delayMs = 0) {
-    const view = getView(id);
+  async function selectView(id2, delayMs = 0) {
+    const view = getView(id2);
     if (!view) return;
     if (view.state.unselectAbortController) {
       view.state.unselectAbortController.abort();
@@ -120,7 +125,7 @@ export function useCommandView(instanceId) {
       activateView();
     } catch (error) {
       if (isAbortError(error) && state.options.debug) {
-        console.log("selectView() was interrupted by a call to unselectView()");
+        logWarning("selectView() was interrupted by a call to unselectView()");
       }
     }
   }
@@ -131,8 +136,8 @@ export function useCommandView(instanceId) {
       activateView();
     }
   }
-  async function unselectView(id, delayMs = 0) {
-    const view = getView(id);
+  async function unselectView(id2, delayMs = 0) {
+    const view = getView(id2);
     if (!view) return;
     if (view.state.selectAbortController) {
       view.state.selectAbortController.abort();
@@ -147,12 +152,12 @@ export function useCommandView(instanceId) {
       activateView();
     } catch (error) {
       if (isAbortError(error) && state.options.debug) {
-        console.log("unselectView() was interrupted by a call to selectView()");
+        logWarning("unselectView() was interrupted by a call to selectView()");
       }
     }
   }
-  function unselectUnrelatedViews(id) {
-    const views = getUnrelatedViews(id);
+  function unselectUnrelatedViews(id2) {
+    const views = getUnrelatedViews(id2);
     for (const view of views) {
       view.active = false;
     }
@@ -163,8 +168,8 @@ export function useCommandView(instanceId) {
     }
   }
   function initializeView(args) {
-    const { id } = args;
-    const view = getView(id) ?? addView(args);
+    const { id: id2 } = args;
+    const view = getView(id2) ?? addView(args);
     return view;
   }
   function sortViewItems(viewId) {
@@ -173,8 +178,8 @@ export function useCommandView(instanceId) {
     const elements = Array.from(
       parent?.querySelectorAll(".magic-command-item") ?? []
     );
-    function getIndex(id) {
-      return elements.findIndex((el) => el.dataset.id === id);
+    function getIndex(id2) {
+      return elements.findIndex((el) => el.dataset.id === id2);
     }
     view?.items?.sort((a, b) => getIndex(a.id) - getIndex(b.id));
   }