Merge pull request #4381 from traPtitech/dependabot/npm_and_yarn/non-…

…majors-16cdce6873

build(deps): bump the non-majors group across 1 directory with 40 updates

package.json

@@ -26,78 +26,78 @@
  "postinstall": "patch-package"
  },
  "dependencies": {
- "@mdi/js": "^7.2.96",
- "@sapphi-red/web-noise-suppressor": "^0.3.3",
+ "@mdi/js": "^7.4.47",
+ "@sapphi-red/web-noise-suppressor": "^0.3.5",
  "@traptitech/traq": "^3.17.0-3",
  "@traptitech/traq-markdown-it": "^6.3.0",
  "autosize": "^6.0.1",
- "cropperjs": "^1.5.13",
+ "cropperjs": "^1.6.2",
  "deepmerge": "^4.3.1",
  "dequal": "^2.0.3",
- "firebase": "^10.12.3",
- "highlight.js": "^11.7.0",
+ "firebase": "^10.14.1",
+ "highlight.js": "^11.10.0",
  "idb-keyval": "^6.2.0",
  "mitt": "^3.0.0",
  "pica": "^9.0.1",
  "skyway-js": "^4.4.5",
  "text-field-edit": "^3.2.0",
- "throttle-debounce": "^5.0.0",
- "ts-pattern": "^5.0.5",
- "turndown": "^7.1.1",
+ "throttle-debounce": "^5.0.2",
+ "ts-pattern": "^5.5.0",
+ "turndown": "^7.2.0",
  "turndown-plugin-gfm": "^1.0.2",
- "vue": "^3.3.4",
- "vue-router": "^4.1.5",
+ "vue": "^3.5.12",
+ "vue-router": "^4.4.5",
  "vue-select": "^4.0.0-beta.6",
  "vue-slider-component": "^4.0.0-beta.9",
- "zod": "^3.22.4"
+ "zod": "^3.23.8"
  },
  "devDependencies": {
- "@pinia/testing": "^0.1.3",
+ "@pinia/testing": "^0.1.6",
  "@types/autosize": "^4.0.3",
- "@types/dom-screen-wake-lock": "^1.0.2",
+ "@types/dom-screen-wake-lock": "^1.0.3",
  "@types/katex": "^0.16.7",
  "@types/markdown-it": "^12.2.3",
  "@types/node": "^20.14.10",
- "@types/pica": "^9.0.1",
- "@types/punycode": "^2.1.0",
- "@types/serviceworker": "^0.0.67",
- "@types/throttle-debounce": "^5.0.0",
- "@types/turndown": "^5.0.3",
+ "@types/pica": "^9.0.4",
+ "@types/punycode": "^2.1.4",
+ "@types/serviceworker": "^0.0.99",
+ "@types/throttle-debounce": "^5.0.2",
+ "@types/turndown": "^5.0.5",
  "@types/vue-select": "^3.16.8",
- "@types/webappsec-credential-management": "^0.6.4",
+ "@types/webappsec-credential-management": "^0.6.8",
  "@typescript-eslint/eslint-plugin": "^6.16.0",
  "@typescript-eslint/parser": "^6.16.0",
  "@typescript/lib-dom": "npm:@types/web@^0.0.72",
- "@vitejs/plugin-vue": "^4.4.0",
- "@vitest/coverage-c8": "^0.25.8",
- "@vue/test-utils": "^2.4.1",
- "autoprefixer": "^10.4.16",
- "axios": "^1.7.6",
+ "@vitejs/plugin-vue": "^5.1.4",
+ "@vitest/coverage-v8": "^2.1.3",
+ "@vue/test-utils": "^2.4.6",
+ "autoprefixer": "^10.4.20",
+ "axios": "^1.7.7",
  "browserslist": "^4.21.10",
- "cypress": "^13.3.0",
- "esbuild": "^0.15.18",
- "esbuild-plugin-browserslist": "^0.5.2",
+ "cypress": "^13.15.0",
+ "esbuild": "^0.24.0",
+ "esbuild-plugin-browserslist": "^0.15.0",
  "eslint": "^8.57.0",
- "eslint-config-prettier": "^9.0.0",
+ "eslint-config-prettier": "^9.1.0",
  "eslint-plugin-cypress": "^2.13.2",
  "eslint-plugin-unused-imports": "^3.2.0",
- "eslint-plugin-vue": "^9.14.1",
- "fonteditor-core": "^2.1.11",
+ "eslint-plugin-vue": "^9.29.0",
+ "fonteditor-core": "^2.4.1",
  "jsdom": "^23.0.1",
  "patch-package": "^8.0.0",
  "pinia": "^2.1.7",
  "postcss": "^8.4.39",
  "prettier": "^2.7.1",
  "rollup-plugin-brotli": "^3.1.0",
- "sass": "^1.69.5",
- "start-server-and-test": "^2.0.5",
- "typescript": "^5.0.4",
- "vite": "^4.5.3",
- "vite-plugin-pwa": "^0.16.5",
+ "sass": "^1.79.5",
+ "start-server-and-test": "^2.0.8",
+ "typescript": "^5.6.3",
+ "vite": "^5.4.9",
+ "vite-plugin-pwa": "^0.20.5",
  "vite-svg-loader": "^5.1.0",
- "vitest": "^0.25.8",
- "vitest-github-actions-reporter": "^0.9.0",
- "vue-tsc": "^2.0.26",
+ "vitest": "^2.1.3",
+ "vitest-github-actions-reporter": "^0.11.1",
+ "vue-tsc": "^2.1.6",
  "workbox-cacheable-response": "^6.5.4",
  "workbox-core": "^7.0.0",
  "workbox-expiration": "^6.5.4",

src/components/Main/MainView/ChannelView/ChannelSidebar/ChannelSidebar.vue

@@ -7,7 +7,7 @@
  </template>
  <template #content>
  <channel-sidebar-content
- v-model:isViewersDetailOpen="isViewersDetailOpen"
+ v-model:is-viewers-detail-open="isViewersDetailOpen"
  :channel-id="channelId"
  :viewer-ids="viewingUsers"
  :pinned-messages-count="pinnedMessages.length"

src/components/Main/MainView/ChannelView/ChannelSidebar/ChannelSidebarViewers.vue

@@ -9,7 +9,7 @@
  direction="row"
  transition="fade-right"
  :user-ids="viewerIds"
- @click="toggle"
+ @toggle="toggle"
  />
  </sidebar-content-container>
  <channel-sidebar-viewers-detail

src/components/Main/MainView/ChannelView/ChannelViewContent/ChannelViewContentMain.vue

@@ -11,7 +11,7 @@
  :last-loading-direction="lastLoadingDirection"
  @request-load-former="onLoadFormerMessagesRequest"
  @request-load-latter="onLoadLatterMessagesRequest"
- @scroll.passive="handleScroll"
+ @scroll-passive="handleScroll"
  @reset-is-reached-latest="resetIsReachedLatest"
  >
  <template #default="{ messageId, onChangeHeight, onEntryMessageLoaded }">

src/components/Main/MainView/MessageElement/MessageFileListAudio.vue

@@ -2,7 +2,7 @@
  <router-link :to="fileLink" :class="$style.container">
  <div :class="$style.header">
  <audio-player-play-button
- v-model:isPlaying="isPlaying"
+ v-model:is-playing="isPlaying"
  :class="$style.icon"
  :size="32"
  :disabled="cantPlay"

src/components/Main/MainView/MessageInput/MessageInputTextArea.vue

@@ -13,7 +13,7 @@
  :data-is-mobile="isMobile"
  :data-is-firefox="firefoxFlag"
  data-testid="message-input-textarea"
- @beforeinput="onBeforeInput"
+ @before-input="onBeforeInput"
  @keydown="onKeyDown"
  @keyup="onKeyUp"
  @focus="onFocus"

src/components/Main/MainView/MessagesScroller/MessagesScroller.vue

@@ -2,7 +2,12 @@
  <div
  ref="rootRef"
  :class="$style.root"
- @scroll.passive="handleScroll"
+ @scroll.passive="
+ () => {
+ handleScroll()
+ emit('scrollPassive')
+ }
+ "
  @click="onClick"
  >
  <div
@@ -146,6 +151,7 @@ const emit = defineEmits<{
  (e: 'requestLoadFormer'): void
  (e: 'requestLoadLatter'): void
  (e: 'resetIsReachedLatest'): void
+ (e: 'scrollPassive'): void
 }>()
 
 const { lastScrollPosition } = useMainViewStore()

src/components/UI/ASlider.vue

@@ -1,5 +1,18 @@
 <template>
  <vue-slider
+ v-if="isClickPrevent"
+ v-model="value"
+ :min="min"
+ :max="max"
+ :disabled="disabled"
+ :interval="interval"
+ :tooltip="tooltip"
+ :tooltip-formatter="tooltipFormatter"
+ :dot-size="12"
+ @click.prevent
+ />
+ <vue-slider
+ v-else
  v-model="value"
  :min="min"
  :max="max"
@@ -29,12 +42,14 @@ const props = withDefaults(
  tooltipFormatter?: TooltipFormatter
  tooltip?: TooltipProp
  interval?: number
+ isClickPrevent?: boolean
  }>(),
  {
  disabled: false,
  min: 0,
  max: 100,
- tooltip: 'active'
+ tooltip: 'active',
+ isClickPrevent: false
  }
 )
 

src/components/UI/AudioPlayer/AudioPlayerTimeSlider.vue

@@ -10,7 +10,7 @@
  :min="0"
  :max="roundedDuration"
  tooltip="none"
- @click.prevent
+ is-click-prevent
  />
  </div>
 </template>

src/components/UI/AudioPlayer/AudioPlayerVolumeSlider.vue

@@ -9,7 +9,7 @@
  v-model="roundedVolume"
  :disabled="disabled"
  tooltip="none"
- @click.prevent
+ is-click-prevent
  />
  </div>
  <a-icon

src/components/UI/ChromeAudio.vue

@@ -1,7 +1,7 @@
 <template>
  <div v-if="!cantPlay" :class="$style.container">
  <audio-player-play-button
- v-model:isPlaying="isPlaying"
+ v-model:is-playing="isPlaying"
  :class="$style.icon"
  :size="20"
  />

src/components/UI/FormButton.vue

@@ -40,16 +40,16 @@ type Props = {
  disabled?: boolean
 } & (NonDangerType | DangerType)
 
-const props = withDefaults(defineProps<Props>(), {
- label: '',
- loading: false,
- disabled: false,
- type: 'primary',
- isDanger: false
-})
+const {
+ label = '',
+ loading = false,
+ disabled = false,
+ type = 'primary',
+ isDanger = false
+} = defineProps<Props>()
 
 const spinnerColor = computed(() => {
- return match([props.type, props.isDanger] as const)
+ return match([type, isDanger] as const)
  .with(['primary', P._], () => 'white' as const)
  .with(['secondary', true], () => 'accent-error' as const)
  .with(['secondary', false], () => 'accent-primary' as const)

src/components/UI/TextareaAutosize.vue

@@ -8,6 +8,12 @@
  :rows="rows"
  :name="name"
  @input="onInput"
+ @beforeinput="e => emit('beforeInput', e)"
+ @keydown="e => emit('keydown', e)"
+ @keyup="e => emit('keyup', e)"
+ @focus="emit('focus')"
+ @blur="emit('blur')"
+ @paste="e => emit('paste', e)"
  />
 </template>
 
@@ -27,6 +33,12 @@ const props = defineProps<{
 
 const emit = defineEmits<{
  (e: 'update:modelValue', _val: string): void
+ (e: 'beforeInput', _val: Event): void
+ (e: 'keydown', _val: KeyboardEvent): void
+ (e: 'keyup', _val: KeyboardEvent): void
+ (e: 'focus'): void
+ (e: 'blur'): void
+ (e: 'paste', _val: ClipboardEvent): void
 }>()
 
 const { value, onInput } = useTextModelSyncer(props, emit)

src/components/UI/UserIconEllipsisList.vue

@@ -1,5 +1,9 @@
 <template>
- <div :class="$style.container" :style="styles.container">
+ <div
+ :class="$style.container"
+ :style="styles.container"
+ @click="emit('toggle')"
+ >
  <transition-group :name="transition">
  <span
  v-if="inVisibleCount > 0 && showCount"
@@ -57,6 +61,7 @@ const props = withDefaults(
 
 const emit = defineEmits<{
  (e: 'countClick'): void
+ (e: 'toggle'): void
 }>()
 
 const styles = computed(() => {

src/views/Settings/BrowserTab.vue

@@ -7,8 +7,8 @@
  v-model:open-mode="state.openMode"
  v-model:open-channel-name="state.openChannelName"
  />
- <send-key v-model:sendWithModifierKey="state.sendWithModifierKey" />
- <modifier-keys v-model:modifierKey="state.modifierKey" />
+ <send-key v-model:send-with-modifier-key="state.sendWithModifierKey" />
+ <modifier-keys v-model:modifier-key="state.modifierKey" />
  <cache-manager />
  </section>
 </template>

tests/unit/expectExtends.ts

@@ -1,16 +1,17 @@
+import 'vitest'
+
 interface CustomMatchers {
  /**
  * 順番を無視して配列の内容が一致するかチェックする
  */
  toStrictEqualArrayIgnoringOrder(expected: unknown[]): void
 }
 
-declare global {
- // eslint-disable-next-line @typescript-eslint/no-namespace
- namespace Vi {
- // eslint-disable-next-line @typescript-eslint/no-empty-interface
- interface JestAssertion extends CustomMatchers {}
- }
+declare module 'vitest' {
+ // eslint-disable-next-line @typescript-eslint/no-empty-interface
+ interface AsymmetricMatchersContaining extends CustomMatchers {}
+ // eslint-disable-next-line @typescript-eslint/no-empty-interface
+ interface Assertion extends CustomMatchers {}
 }
 
 expect.extend({