From 8447d6a9c00e0ce0c333d12f96f724aa991a0eec Mon Sep 17 00:00:00 2001
From: syuilo <4439005+syuilo@users.noreply.github.com>
Date: Sun, 12 Jul 2026 11:07:32 +0900
Subject: [PATCH] refactor: rename componet

---
 ...ery.item.fileinfo.vue => MkLightbox.item.fileinfo.vue} | 2 +-
 .../{MkImageGallery.item.vue => MkLightbox.item.vue}      | 8 ++++----
 .../src/components/{MkImageGallery.vue => MkLightbox.vue} | 4 ++--
 packages/frontend/src/components/MkMediaList.vue          | 4 ++--
 packages/frontend/src/components/MkVideoControl.vue       | 2 +-
 packages/frontend/src/di.ts                               | 2 +-
 6 files changed, 11 insertions(+), 11 deletions(-)
 rename packages/frontend/src/components/{MkImageGallery.item.fileinfo.vue => MkLightbox.item.fileinfo.vue} (92%)
 rename packages/frontend/src/components/{MkImageGallery.item.vue => MkLightbox.item.vue} (99%)
 rename packages/frontend/src/components/{MkImageGallery.vue => MkLightbox.vue} (98%)

diff --git a/packages/frontend/src/components/MkImageGallery.item.fileinfo.vue b/packages/frontend/src/components/MkLightbox.item.fileinfo.vue
similarity index 92%
rename from packages/frontend/src/components/MkImageGallery.item.fileinfo.vue
rename to packages/frontend/src/components/MkLightbox.item.fileinfo.vue
index 1a675bef48..a57353e003 100644
--- a/packages/frontend/src/components/MkImageGallery.item.fileinfo.vue
+++ b/packages/frontend/src/components/MkLightbox.item.fileinfo.vue
@@ -21,7 +21,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 <script lang="ts" setup>
 import MkKeyValue from '@/components/MkKeyValue.vue';
 import { i18n } from '@/i18n.js';
-import type { Content } from '@/components/MkImageGallery.item.vue';
+import type { Content } from '@/components/MkLightbox.item.vue';
 
 const props = defineProps<{
 	content: Content;
diff --git a/packages/frontend/src/components/MkImageGallery.item.vue b/packages/frontend/src/components/MkLightbox.item.vue
similarity index 99%
rename from packages/frontend/src/components/MkImageGallery.item.vue
rename to packages/frontend/src/components/MkLightbox.item.vue
index c8f470014c..51c880ce65 100644
--- a/packages/frontend/src/components/MkImageGallery.item.vue
+++ b/packages/frontend/src/components/MkLightbox.item.vue
@@ -179,9 +179,10 @@ export function calculateSourceTransform({
 
 <script lang="ts" setup>
 import { computed, nextTick, ref, useTemplateRef, markRaw, watch, provide } from 'vue';
-import { DI } from '@/di.js';
 import MkVideoControl from './MkVideoControl.vue';
-import XFileInfo from './MkImageGallery.item.fileinfo.vue';
+import XFileInfo from './MkLightbox.item.fileinfo.vue';
+import type { MenuItem } from '@/types/menu.js';
+import { DI } from '@/di.js';
 import * as os from '@/os.js';
 import { prefer } from '@/preferences.js';
 import { i18n } from '@/i18n.js';
@@ -190,7 +191,6 @@ import { makeDoubleTapDetector } from '@/utility/double-tap.js';
 import { deviceKind } from '@/utility/device-kind.js';
 import { isTouchUsing } from '@/utility/touch.js';
 import { getFileMenu } from '@/utility/get-file-menu.js';
-import type { MenuItem } from '@/types/menu.js';
 
 const props = withDefaults(defineProps<{
 	content: Content;
@@ -213,7 +213,7 @@ const mainEl = useTemplateRef('mainEl');
 const videoEl = useTemplateRef('videoEl');
 const videoControl = useTemplateRef('videoControl');
 
-provide(DI.mkImageGalleryItemVideoEl, videoEl);
+provide(DI.mkLightboxItemVideoEl, videoEl);
 
 const originalContentLoaded = ref(false);
 const thumbnailContentLoaded = ref(false);
diff --git a/packages/frontend/src/components/MkImageGallery.vue b/packages/frontend/src/components/MkLightbox.vue
similarity index 98%
rename from packages/frontend/src/components/MkImageGallery.vue
rename to packages/frontend/src/components/MkLightbox.vue
index f771651ac2..41c86d9b23 100644
--- a/packages/frontend/src/components/MkImageGallery.vue
+++ b/packages/frontend/src/components/MkLightbox.vue
@@ -49,8 +49,8 @@ SPDX-License-Identifier: AGPL-3.0-only
 
 <script lang="ts" setup>
 import { ref, watch, nextTick, onBeforeUnmount, onMounted } from 'vue';
-import XItem from './MkImageGallery.item.vue';
-import type { Content } from './MkImageGallery.item.vue';
+import XItem from './MkLightbox.item.vue';
+import type { Content } from './MkLightbox.item.vue';
 import type { Keymap } from '@/utility/hotkey.js';
 import * as os from '@/os.js';
 import { prefer } from '@/preferences.js';
diff --git a/packages/frontend/src/components/MkMediaList.vue b/packages/frontend/src/components/MkMediaList.vue
index 512025b267..a0ae2c2bca 100644
--- a/packages/frontend/src/components/MkMediaList.vue
+++ b/packages/frontend/src/components/MkMediaList.vue
@@ -47,13 +47,13 @@ SPDX-License-Identifier: AGPL-3.0-only
 import { computed, markRaw, onMounted, onUnmounted, useTemplateRef } from 'vue';
 import * as Misskey from 'misskey-js';
 import { FILE_TYPE_BROWSERSAFE } from '@@/js/const.js';
+import type { Content } from '@/components/MkLightbox.item.vue';
 import XBanner from '@/components/MkMediaBanner.vue';
 import XImage from '@/components/MkMediaImage.vue';
 import XVideo from '@/components/MkMediaVideo.vue';
 import * as os from '@/os.js';
 import { prefer } from '@/preferences.js';
 import { genId } from '@/utility/id.js';
-import type { Content } from '@/components/MkImageGallery.item.vue';
 
 const props = defineProps<{
 	mediaList: Misskey.entities.DriveFile[];
@@ -144,7 +144,7 @@ async function openGallery(id?: string) {
 		sourceElement: getElementByMarker(`${markerId}:${media.id}`),
 	}));
 
-	const { dispose } = await os.popupAsyncWithDialog(import('@/components/MkImageGallery.vue').then(x => x.default), {
+	const { dispose } = await os.popupAsyncWithDialog(import('@/components/MkLightbox.vue').then(x => x.default), {
 		defaultIndex: contents.findIndex(conten => conten.id === id),
 		contents: contents,
 	}, {
diff --git a/packages/frontend/src/components/MkVideoControl.vue b/packages/frontend/src/components/MkVideoControl.vue
index 24d9fecb91..15ef900332 100644
--- a/packages/frontend/src/components/MkVideoControl.vue
+++ b/packages/frontend/src/components/MkVideoControl.vue
@@ -48,7 +48,7 @@ import * as os from '@/os.js';
 import hasAudio from '@/utility/media-has-audio.js';
 import MkMediaRange from '@/components/MkMediaRange.vue';
 
-const videoEl = inject(DI.mkImageGalleryItemVideoEl, shallowRef<HTMLVideoElement | null>(null));
+const videoEl = inject(DI.mkLightboxItemVideoEl, shallowRef<HTMLVideoElement | null>(null));
 
 // Menu
 const menuShowing = ref(false);
diff --git a/packages/frontend/src/di.ts b/packages/frontend/src/di.ts
index 777a7623ee..b029451e92 100644
--- a/packages/frontend/src/di.ts
+++ b/packages/frontend/src/di.ts
@@ -19,5 +19,5 @@ export const DI = {
 	inModal: Symbol() as InjectionKey<boolean>,
 	inAppSearchMarkerId: Symbol() as InjectionKey<Ref<string | null>>,
 	inChannel: Symbol() as InjectionKey<ComputedRef<string | null> | null>, // 現在開いているチャンネルのID
-	mkImageGalleryItemVideoEl: Symbol() as InjectionKey<Ref<HTMLVideoElement | null>>,
+	mkLightboxItemVideoEl: Symbol() as InjectionKey<Ref<HTMLVideoElement | null>>,
 };