enhance: embedページではstoreの保存先を完全に分離するように

packages/frontend/src/scripts/embed-page.ts

@@ -0,0 +1,37 @@
+/*
+ * SPDX-FileCopyrightText: syuilo and misskey-project
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+import { miLocalStorage } from "@/local-storage.js";
+import type { Keys } from "@/local-storage.js";
+
+export function isEmbedPage() {
+	return location.pathname.startsWith('/embed');
+}
+
+/**
+ * EmbedページではlocalStorageを使用できないようにしているが、
+ * 動作に必要な値はsafeSessionStorage（miLocalStorage内のやつ）に移動する
+ */
+export function initEmbedPageLocalStorage() {
+	if (!isEmbedPage()) {
+		return;
+	}
+
+	const keysToDuplicate: Keys[] = [
+		'v',
+		'lastVersion',
+		'instance',
+		'instanceCachedAt',
+		'lang',
+		'locale',
+		'localeVersion',
+	];
+
+	keysToDuplicate.forEach(key => {
+		const value = window.localStorage.getItem(key);
+		if (value && !miLocalStorage.getItem(key)) {
+			miLocalStorage.setItem(key, value);
+		}
+	});
+}

packages/frontend/src/scripts/idb-proxy.ts

@@ -10,10 +10,12 @@ import {
 	set as iset,
 	del as idel,
 } from 'idb-keyval';
+import { isEmbedPage } from './embed-page.js';
+import { miLocalStorage } from '@/local-storage.js';
 
-const fallbackName = (key: string) => `idbfallback::${key}`;
+const PREFIX = 'idbfallback::';
 
-let idbAvailable = typeof window !== 'undefined' ? !!(window.indexedDB && window.indexedDB.open) : true;
+let idbAvailable = typeof window !== 'undefined' ? !!(window.indexedDB && typeof window.indexedDB.open === 'function' && !isEmbedPage()) : true;
 
 // iframe.contentWindow.indexedDB.deleteDatabase() がchromeのバグで使用できないため、indexedDBを無効化している。
 // バグが治って再度有効化するのであれば、cypressのコマンド内のコメントアウトを外すこと
@@ -38,15 +40,15 @@ if (idbAvailable) {
 
 export async function get(key: string) {
 	if (idbAvailable) return iget(key);
-	return JSON.parse(window.localStorage.getItem(fallbackName(key)));
+	return miLocalStorage.getItemAsJson(`${PREFIX}${key}`);
 }
 
 export async function set(key: string, val: any) {
 	if (idbAvailable) return iset(key, val);
-	return window.localStorage.setItem(fallbackName(key), JSON.stringify(val));
+	return miLocalStorage.setItemAsJson(`${PREFIX}${key}`, val);
 }
 
 export async function del(key: string) {
 	if (idbAvailable) return idel(key);
-	return window.localStorage.removeItem(fallbackName(key));
+	return miLocalStorage.removeItem(`${PREFIX}${key}`);
 }

packages/frontend/src/scripts/post-message.ts

@@ -5,6 +5,7 @@
 
 export const postMessageEventTypes = [
 	'misskey:shareForm:shareCompleted',
+	'misskey:embed:changeHeight',
 ] as const;
 
 export type PostMessageEventType = typeof postMessageEventTypes[number];
@@ -18,7 +19,7 @@ export type MiPostMessageEvent = {
  * 親フレームにイベントを送信
  */
 export function postMessageToParentWindow(type: PostMessageEventType, payload?: any): void {
-	window.postMessage({
+	window.parent.postMessage({
 		type,
 		payload,
 	}, '*');