chore(Deps): Update deps

Author: Kruptein

.oxlintrc.json

@@ -10,6 +10,7 @@
         "eslint-plugin-unicorn/no-array-sort": "off",
         "eslint-plugin-unicorn/prefer-add-event-listener": "off",
         "eslint/no-debugger": "warn",
+        "eslint/no-shadow": ["error", { "ignoreOnInitialization": true }],
         "eslint/prefer-const": "warn",
         "import/no-unassigned-import": ["error", { "allow": ["**/*.css"] }],
         "no-map-spread": "off",

client/package-lock.json

@@ -34,30 +34,29 @@
         "socket.io-client": "^4.8.3",
         "swiper": "^7.3.1",
         "tinycolor2": "^1.6.0",
-        "vue": "^3.5.28",
+        "vue": "^3.5.29",
         "vue-draggable-plus": "^0.6.1",
         "vue-i18n": "11.2.8",
         "vue-markdown-render": "^2.3.0",
-        "vue-router": "^5.0.2",
+        "vue-router": "^5.0.3",
         "vue-toastification": "^2.0.0-rc.5"
     },
     "devDependencies": {
         "@esbuild-plugins/esm-externals": "^0.1.2",
-        "@intlify/unplugin-vue-i18n": "^11.0.3",
-        "@types/lodash": "^4.17.23",
+        "@intlify/unplugin-vue-i18n": "^11.0.7",
+        "@types/lodash": "^4.17.24",
         "@types/markdown-it": "^14.1.2",
         "@types/swiper": "^5.4.3",
         "@types/tinycolor2": "^1.4.6",
         "@vitejs/plugin-vue": "^6.0.4",
         "@vitest/coverage-v8": "^4.0.18",
         "bufferutil": "^4.1.0",
         "c8": "^10.1.3",
-        "happy-dom": "^20.6.1",
+        "happy-dom": "^20.7.0",
         "json-schema-to-typescript": "^15.0.4",
-        "oxfmt": "^0.32.0",
-        "oxlint": "^1.47.0",
-        "oxlint-tsgolint": "^0.12.2",
-        "rollup-plugin-visualizer": "^6.0.5",
+        "oxfmt": "^0.35.0",
+        "oxlint": "^1.50.0",
+        "oxlint-tsgolint": "^0.15.0",
         "sass": "^1.97.3",
         "typescript": "^5.9.3",
         "upath": "^2.0.1",
@@ -66,6 +65,6 @@
         "vite-plugin-ejs": "^1.7.0",
         "vite-plugin-vue-devtools": "^8.0.6",
         "vitest": "^4.0.18",
-        "vue-tsc": "^3.2.4"
+        "vue-tsc": "^3.2.5"
     }
 }

client/package.json

@@ -41,13 +41,13 @@ export function useAssetSearch(searchBar: Ref<HTMLInputElement | null>): AssetSe
 
     const debouncedSearch = debounce(search, 300);
 
-    watch([filter, includeSharedAssets], async ([filter]) => {
-        if (filter.length < 3) {
+    watch([filter, includeSharedAssets], async ([newFilter]) => {
+        if (newFilter.length < 3) {
             results.value = [];
             return;
         }
 
-        await debouncedSearch(filter);
+        await debouncedSearch(newFilter);
     });
 
     return { clear, filter, results, loading, includeSharedAssets };

client/src/assets/search.ts

@@ -223,6 +223,7 @@ function onSaturationUp(event: PointerEvent): void {
 }
 
 function setRgba(options: { r?: number; g?: number; b?: number; a?: number }): void {
+    // oxlint-disable-next-line no-shadow
     const rgb = tc.value.toRgb();
     tc.value = tinycolor({
         ...rgb,
@@ -237,6 +238,7 @@ function setRgbaString(rgba: string): void {
 }
 
 function setHsla(options: { h?: number; s?: string; l?: string; a?: number }): void {
+    // oxlint-disable-next-line no-shadow
     const hsl = tc.value.toHsl();
 
     tc.value = tinycolor({
@@ -248,8 +250,8 @@ function setHsla(options: { h?: number; s?: string; l?: string; a?: number }): v
     emit("update:colour", rgbaString.value);
 }
 
-function setHex(hex: string): void {
-    tc.value = tinycolor(hex);
+function setHex(newHex: string): void {
+    tc.value = tinycolor(newHex);
     emit("update:colour", rgbaString.value);
 }
 </script>

client/src/core/components/ColourPicker.vue

@@ -22,7 +22,7 @@ const props = withDefaults(
 );
 const emit = defineEmits<(e: "update:modelValue", s: MS extends true ? T[] : T) => void>();
 
-const data = computed(() => (props.multiSelect ? props.modelValue : [props.modelValue]) as T[]);
+const toggleData = computed(() => (props.multiSelect ? props.modelValue : [props.modelValue]) as T[]);
 
 function toggle(option: T): void {
     if (props.disabled) return;
@@ -48,7 +48,7 @@ function toggle(option: T): void {
         <div
             v-for="option of options"
             :key="option.label"
-            :class="{ selected: data.includes(option.value) }"
+            :class="{ selected: toggleData.includes(option.value) }"
             @click="toggle(option.value)"
         >
             {{ option.label }}

client/src/core/components/ToggleGroup.vue

@@ -47,7 +47,7 @@ watch(
 
 function isVisible(section: Section): boolean {
     if (Array.isArray(section)) return section.some((item) => isVisible(item));
-    else if ("subitems" in section) return section.subitems.some((section) => isVisible(section));
+    else if ("subitems" in section) return section.subitems.some((s) => isVisible(s));
     return !(section.disabled ?? false);
 }
 

client/src/core/components/contextMenu/ContextMenu.vue

@@ -21,7 +21,7 @@ const selection = defineModel<string | undefined>("selection", { required: true
 const { t } = useI18n();
 
 const activeTab = computed(() => {
-    const tab = tabs.find((t) => t.id === selection.value);
+    const tab = tabs.find((tab) => tab.id === selection.value);
     if (tab === undefined) return undefined;
     return {
         ...tab,

client/src/core/components/modals/PanelModal.vue

@@ -14,9 +14,9 @@ export function* filter<T>(iterable: Iterable<T>, predicate: Predicate<T>): Iter
     }
 }
 
-export function* guard<T, Y extends T>(iterable: Iterable<T>, guard: (a: T) => a is Y): Iterable<Y> {
+export function* guard<T, Y extends T>(iterable: Iterable<T>, guardFn: (a: T) => a is Y): Iterable<Y> {
     for (const value of iterable) {
-        if (guard(value)) {
+        if (guardFn(value)) {
             yield value;
         }
     }

client/src/core/iter.ts

@@ -109,13 +109,13 @@ export class Layer implements ILayer {
 
         for (i = sectorLeft; i <= sectorRight; i += SECTOR_SIZE) {
             for (j = sectorTop; j <= sectorBot; j += SECTOR_SIZE) {
-                const x = this.xSectors.get(i);
-                const y = this.ySectors.get(j);
-                if (x !== undefined && y !== undefined) {
-                    for (const id of filter(x, (x) => y.has(x))) {
+                const xShapes = this.xSectors.get(i);
+                const yShapes = this.ySectors.get(j);
+                if (xShapes !== undefined && yShapes !== undefined) {
+                    for (const id of filter(xShapes, (x) => yShapes.has(x))) {
                         this.shapeIdsInSector.add(id);
                     }
-                    for (const id of filter(y, (y) => x.has(y))) {
+                    for (const id of filter(yShapes, (y) => xShapes.has(y))) {
                         this.shapeIdsInSector.add(id);
                     }
                 }