a89003b57a
* update stream.ts * https://github.com/misskey-dev/misskey/pull/7769#issuecomment-917542339 * fix lint * clean up? * add app * fix * nanka iroiro * wip * wip * fix lint * fix loginId * fix * refactor * refactor * remove follow action * clean up * Revert "remove follow action" This reverts commit defbb416480905af2150d1c92f10d8e1d1288c0a. * Revert "clean up" This reverts commit f94919cb9cff41e274044fc69c56ad36a33974f2. * remove fetch specification * renoteの条件追加 * apiFetch => cli * bypass fetch? * fix * refactor: use path alias * temp: add submodule * remove submodule * enhane: unison-reloadに指定したパスに移動できるように * null * null * feat: ログインするアカウントのIDをクエリ文字列で指定する機能 * null * await? * rename * rename * Update read.ts * merge * get-note-summary * fix * swパッケージに * add missing packages * fix getNoteSummary * add webpack-cli * ✌️ * remove plugins * sw-inject分離したがテストしてない * fix notification.vue * remove a blank line * disconnect intersection observer * disconnect2 * fix notification.vue * remove a blank line * disconnect intersection observer * disconnect2 * fix * ✌️ * clean up config * typesを戻した * Update packages/client/src/components/notification.vue Co-authored-by: Acid Chicken (硫酸鶏) <root@acid-chicken.com> * disconnect * oops * Failed to load the script unexpectedly回避 sw.jsとlib.tsを分離してみた * truncate notification * Update packages/client/src/ui/_common_/common.vue Co-authored-by: syuilo <Syuilotan@yahoo.co.jp> * clean up * clean up * キャッシュ対策 * Truncate push notification message * クライアントがあったらストリームに接続しているということなので通知しない判定の位置を修正 * components/drive-file-thumbnail.vue * components/drive-select-dialog.vue * components/drive-window.vue * merge * fix * Service Workerのビルドにesbuildを使うようにする * return createEmptyNotification() * fix * i18n.ts * update * ✌️ * remove ts-loader * fix * fix * enhance: Service Workerを常に登録するように * pollEnded * URLをsw.jsに戻す * clean up * wip * wip * wip * wip * wip * wip * ✌️ * use import * fix * install rollup * use defineAsyncComponent. * fix emojilist * wip use defineAsyncComponent * popup(import -> popup(defineAsyncComponent(() => import * draggable? * fix init import * clean up * fix router * add comment * ✌️ * ✌️ * ✌️ * remove webpack * update vite * fix boot sequence * Revert "fix boot sequence" This reverts commit e893dbf37aed83bf9f12e427d98c78a7065b4a39. * revert boot import * never make two app div * ; * remove console.log * change clientEntry sequence * fix * Revert "fix" This reverts commit 12741b3d89950a31dbb1bb81477ddb27b0e9951a. * fix * add comment https://github.com/misskey-dev/misskey/pull/8575#issuecomment-1114239210 * add log * add comment Co-authored-by: Acid Chicken (硫酸鶏) <root@acid-chicken.com> Co-authored-by: syuilo <Syuilotan@yahoo.co.jp>
161 lines
4.8 KiB
JavaScript
161 lines
4.8 KiB
JavaScript
/**
|
|
* BOOT LOADER
|
|
* サーバーからレスポンスされるHTMLに埋め込まれるスクリプトで、以下の役割を持ちます。
|
|
* - 翻訳ファイルをフェッチする。
|
|
* - バージョンに基づいて適切なメインスクリプトを読み込む。
|
|
* - キャッシュされたコンパイル済みテーマを適用する。
|
|
* - クライアントの設定値に基づいて対応するHTMLクラス等を設定する。
|
|
* テーマをこの段階で設定するのは、メインスクリプトが読み込まれる間もテーマを適用したいためです。
|
|
* 注: webpackは介さないため、このファイルではrequireやimportは使えません。
|
|
*/
|
|
|
|
'use strict';
|
|
|
|
// ブロックの中に入れないと、定義した変数がブラウザのグローバルスコープに登録されてしまい邪魔なので
|
|
(async () => {
|
|
window.onerror = (e) => {
|
|
renderError('SOMETHING_HAPPENED', e.toString());
|
|
};
|
|
window.onunhandledrejection = (e) => {
|
|
renderError('SOMETHING_HAPPENED_IN_PROMISE', e.toString());
|
|
};
|
|
|
|
const v = localStorage.getItem('v') || VERSION;
|
|
|
|
//#region Detect language & fetch translations
|
|
const localeVersion = localStorage.getItem('localeVersion');
|
|
const localeOutdated = (localeVersion == null || localeVersion !== v);
|
|
|
|
if (!localStorage.hasOwnProperty('locale') || localeOutdated) {
|
|
const supportedLangs = LANGS;
|
|
let lang = localStorage.getItem('lang');
|
|
if (lang == null || !supportedLangs.includes(lang)) {
|
|
if (supportedLangs.includes(navigator.language)) {
|
|
lang = navigator.language;
|
|
} else {
|
|
lang = supportedLangs.find(x => x.split('-')[0] === navigator.language);
|
|
|
|
// Fallback
|
|
if (lang == null) lang = 'en-US';
|
|
}
|
|
}
|
|
|
|
const res = await fetch(`/assets/locales/${lang}.${v}.json`);
|
|
if (res.status === 200) {
|
|
localStorage.setItem('lang', lang);
|
|
localStorage.setItem('locale', await res.text());
|
|
localStorage.setItem('localeVersion', v);
|
|
} else {
|
|
await checkUpdate();
|
|
renderError('LOCALE_FETCH_FAILED');
|
|
return;
|
|
}
|
|
}
|
|
//#endregion
|
|
|
|
//#region Script
|
|
const salt = localStorage.getItem('salt')
|
|
? `?salt=${localStorage.getItem('salt')}`
|
|
: '';
|
|
|
|
import(`/assets/${CLIENT_ENTRY}${salt}`)
|
|
.catch(async () => {
|
|
await checkUpdate();
|
|
renderError('APP_FETCH_FAILED');
|
|
})
|
|
//#endregion
|
|
|
|
//#region Theme
|
|
const theme = localStorage.getItem('theme');
|
|
if (theme) {
|
|
for (const [k, v] of Object.entries(JSON.parse(theme))) {
|
|
document.documentElement.style.setProperty(`--${k}`, v.toString());
|
|
|
|
// HTMLの theme-color 適用
|
|
if (k === 'htmlThemeColor') {
|
|
for (const tag of document.head.children) {
|
|
if (tag.tagName === 'META' && tag.getAttribute('name') === 'theme-color') {
|
|
tag.setAttribute('content', v);
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
//#endregion
|
|
|
|
const fontSize = localStorage.getItem('fontSize');
|
|
if (fontSize) {
|
|
document.documentElement.classList.add('f-' + fontSize);
|
|
}
|
|
|
|
const useSystemFont = localStorage.getItem('useSystemFont');
|
|
if (useSystemFont) {
|
|
document.documentElement.classList.add('useSystemFont');
|
|
}
|
|
|
|
const wallpaper = localStorage.getItem('wallpaper');
|
|
if (wallpaper) {
|
|
document.documentElement.style.backgroundImage = `url(${wallpaper})`;
|
|
}
|
|
|
|
const customCss = localStorage.getItem('customCss');
|
|
if (customCss && customCss.length > 0) {
|
|
const style = document.createElement('style');
|
|
style.innerHTML = customCss;
|
|
document.head.appendChild(style);
|
|
}
|
|
|
|
// eslint-disable-next-line no-inner-declarations
|
|
function renderError(code, details) {
|
|
document.documentElement.innerHTML = `
|
|
<h1>⚠エラーが発生しました</h1>
|
|
<p>問題が解決しない場合は管理者までお問い合わせください。以下のオプションを試すこともできます:</p>
|
|
<ul>
|
|
<li><a href="/cli">簡易クライアント</a>を起動</li>
|
|
<li><a href="/bios">BIOS</a>で修復を試みる</li>
|
|
<li><a href="/flush">キャッシュをクリア</a>する</li>
|
|
</ul>
|
|
<hr>
|
|
<code>ERROR CODE: ${code}</code>
|
|
<details>
|
|
${details}
|
|
</details>
|
|
`;
|
|
}
|
|
|
|
// eslint-disable-next-line no-inner-declarations
|
|
async function checkUpdate() {
|
|
// TODO: サーバーが落ちている場合などのエラーハンドリング
|
|
const res = await fetch('/api/meta', {
|
|
method: 'POST',
|
|
cache: 'no-cache'
|
|
});
|
|
|
|
const meta = await res.json();
|
|
|
|
if (meta.version != v) {
|
|
localStorage.setItem('v', meta.version);
|
|
refresh();
|
|
}
|
|
}
|
|
|
|
// eslint-disable-next-line no-inner-declarations
|
|
function refresh() {
|
|
// Random
|
|
localStorage.setItem('salt', Math.random().toString().substr(2, 8));
|
|
|
|
// Clear cache (service worker)
|
|
try {
|
|
navigator.serviceWorker.controller.postMessage('clear');
|
|
navigator.serviceWorker.getRegistrations().then(registrations => {
|
|
registrations.forEach(registration => registration.unregister());
|
|
});
|
|
} catch (e) {
|
|
console.error(e);
|
|
}
|
|
|
|
location.reload();
|
|
}
|
|
})();
|