mirror of
https://github.com/misskey-dev/misskey.git
synced 2025-04-04 14:03:27 +09:00
114 lines
2.8 KiB
TypeScript
114 lines
2.8 KiB
TypeScript
/*
|
||
* 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";
|
||
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内のやつ）に移動する
|
||
*/
|
||
export function initEmbedPageLocalStorage() {
|
||
if (!embedPage) {
|
||
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);
|
||
}
|
||
});
|
||
}
|