From db37ad6bbd571f3e8184d5bffe5f9592c80d73a4 Mon Sep 17 00:00:00 2001
From: syuilo <4439005+syuilo@users.noreply.github.com>
Date: Mon, 2 Sep 2024 16:13:57 +0900
Subject: [PATCH] wip

---
 packages/frontend-embed/src/boot.ts | 10 +++++++---
 packages/frontend-embed/src/di.ts   | 13 +++++++++++++
 2 files changed, 20 insertions(+), 3 deletions(-)
 create mode 100644 packages/frontend-embed/src/di.ts

diff --git a/packages/frontend-embed/src/boot.ts b/packages/frontend-embed/src/boot.ts
index cb1c3dd541..09052ddda0 100644
--- a/packages/frontend-embed/src/boot.ts
+++ b/packages/frontend-embed/src/boot.ts
@@ -12,10 +12,14 @@ import '@/style.scss';
 import { createApp, defineAsyncComponent } from 'vue';
 import lightTheme from '@@/themes/l-light.json5';
 import darkTheme from '@@/themes/d-dark.json5';
+import { MediaProxy } from '@@/js/media-proxy.js';
 import { applyTheme } from './theme.js';
 import { fetchCustomEmojis } from './custom-emojis.js';
-import { setIframeId } from '@/post-message.js';
+import { DI } from './di.js';
+import { serverMetadata } from './server-metadata.js';
+import { url } from './config.js';
 import { parseEmbedParams } from '@/embed-page.js';
+import { setIframeId } from '@/post-message.js';
 
 console.info('Misskey Embed');
 
@@ -64,9 +68,9 @@ const app = createApp(
 	defineAsyncComponent(() => import('@/ui.vue')),
 );
 
-//#region Embed Provide
+app.provide(DI.mediaProxy, new MediaProxy(serverMetadata, url));
+
 app.provide('embedParams', embedParams);
-//#endregion
 
 // https://github.com/misskey-dev/misskey/pull/8575#issuecomment-1114239210
 // なぜか2回実行されることがあるため、mountするdivを1つに制限する
diff --git a/packages/frontend-embed/src/di.ts b/packages/frontend-embed/src/di.ts
new file mode 100644
index 0000000000..ce7ae5fa65
--- /dev/null
+++ b/packages/frontend-embed/src/di.ts
@@ -0,0 +1,13 @@
+/*
+ * SPDX-FileCopyrightText: syuilo and misskey-project
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+import { InjectionKey } from 'vue';
+import * as Misskey from 'misskey-js';
+import { MediaProxy } from '@@/js/media-proxy.js';
+
+export const DI = {
+	serverMetadata: Symbol() as InjectionKey<Misskey.entities.MetaDetailed>,
+	mediaProxy: Symbol() as InjectionKey<MediaProxy>,
+};