embedのURLパラメータの初期化を共通化

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

@@ -6,6 +6,85 @@ import { miLocalStorage } from "@/local-storage.js";
 import type { Keys } from "@/local-storage.js";
 import { embedPage } from "@/config.js";
 
+//#region Embed関連の定義
+
+/** 埋め込みの対象となるエンティティ（/embed/xxx の xxx の部分と対応させる） */
+const embeddableEntities = [
+	'notes',
+	'user-timeline',
+	'clips',
+	'tags',
+] as const;
+
+/** 埋め込みの対象となるエンティティ */
+export type EmbeddableEntity = typeof embeddableEntities[number];
+
+/** 内部でスクロールがあるページ */
+export const embedRouteWithScrollbar: EmbeddableEntity[] = [
+	'clips',
+	'tags',
+	'user-timeline'
+];
+
+/** 埋め込みコードのパラメータ */
+export type EmbedParams = {
+	maxHeight?: number;
+	colorMode?: 'light' | 'dark';
+	rounded?: boolean;
+	border?: boolean;
+	autoload?: boolean;
+	header?: boolean;
+};
+
+export type ParsedEmbedParams = Required<Omit<EmbedParams, 'maxHeight' | 'colorMode'>> & Pick<EmbedParams, 'maxHeight' | 'colorMode'>;
+
+/** パラメータのデフォルトの値 */
+export const defaultEmbedParams = {
+	maxHeight: undefined,
+	colorMode: undefined,
+	rounded: true,
+	border: true,
+	autoload: false,
+	header: true,
+} as const;
+
+/**
+ * パラメータを正規化する（埋め込みページ初期化用）
+ * @param searchParams URLSearchParamsもしくはクエリ文字列
+ * @returns 正規化されたパラメータ
+ */
+export function parseEmbedParams(searchParams: URLSearchParams | string): ParsedEmbedParams {
+	let _searchParams: URLSearchParams;
+	if (typeof searchParams === 'string') {
+		_searchParams = new URLSearchParams(searchParams);
+	} else {
+		_searchParams = searchParams;
+	}
+
+	const params: EmbedParams = {};
+	for (const key in defaultEmbedParams) {
+		const value = _searchParams.get(key);
+		if (value != null) {
+			if (value === 'true') {
+				params[key] = true;
+			} else if (value === 'false') {
+				params[key] = false;
+			} else if (!isNaN(Number(value))) {
+				params[key] = Number(value);
+			} else if (key === 'colorMode' && ['light', 'dark'].includes(value)) {
+				params[key] = value as 'light' | 'dark';
+			} else {
+				params[key] = value;
+			}
+		}
+	}
+
+	return {
+		...defaultEmbedParams,
+		...params,
+	};
+}
+
 /**
  * EmbedページではlocalStorageを使用できないようにしているが、
  * 動作に必要な値はsafeSessionStorage（miLocalStorage内のやつ）に移動する

packages/frontend/src/scripts/get-embed-code.ts

@@ -7,44 +7,15 @@ import { url } from '@/config.js';
 import { MOBILE_THRESHOLD } from '@/const.js';
 import * as os from '@/os.js';
 import copy from '@/scripts/copy-to-clipboard.js';
+import type { EmbedParams, EmbeddableEntity } from '@/scripts/embed-page.js';
+import { defaultEmbedParams, embedRouteWithScrollbar } from '@/scripts/embed-page.js';
 import MkEmbedCodeGenDialog from '@/components/MkEmbedCodeGenDialog.vue';
 
-// 埋め込みの対象となるエンティティ（/embed/xxx の xxx の部分と対応させる）
-const embeddableEntities = [
-	'notes',
-	'user-timeline',
-	'clips',
-	'tags',
-] as const;
-
-export type EmbeddableEntity = typeof embeddableEntities[number];
-
-// 内部でスクロールがあるページ
-export const embedRouteWithScrollbar: EmbeddableEntity[] = [
-	'clips',
-	'tags',
-	'user-timeline'
-];
-
-export type EmbedParams = {
-	maxHeight?: number;
-	colorMode?: 'light' | 'dark';
-	rounded?: boolean;
-	border?: boolean;
-	autoload?: boolean;
-	header?: boolean;
-};
-
-// パラメータのデフォルトの値
-export const defaultEmbedParams: EmbedParams = {
-	maxHeight: undefined,
-	colorMode: undefined,
-	rounded: true,
-	border: true,
-	autoload: false,
-	header: true,
-};
-
+/**
+ * パラメータを正規化する（埋め込みコード作成用）
+ * @param params パラメータ
+ * @returns 正規化されたパラメータ
+ */
 export function normalizeEmbedParams(params: EmbedParams): Record<string, string> {
 	// paramsのvalueをすべてstringに変換。undefinedやnullはプロパティごと消す
 	const normalizedParams: Record<string, string> = {};