owncast

これはOwncast v0.2.5自体の既知のバグで、faviconのアップロードとリセット機能の両方に影響します。バックエンドがこれらのエンドポイントに対して誤って401 Unauthorizedの非JSONレスポンスを返すため、フロントエンドでJSONパースエラーが発生し、有効なログイン情報を入力しても管理者認証情報のプロンプトが繰り返し表示されます。修正はプルリクエスト#4879にマージされています。この問題を解決するには、v0.2.5より新しい公式Owncastリリースにアップグレードしてください。

これは Owncast 0.3.0+ と next-export-i18n 2.4.3 までに影響します。その useSelectedLanguage() は、languageDataStore: 'query' が設定されていても、ガードなしで window.localStorage.getItem("next-export-i18n-lang") を読み取ります。したがって、Android WebView での null の localStorage や、サードパーティ iframe での SecurityError が React ツリーをクラッシュさせます。

Android WebView の回避策:

webView.settings.domStorageEnabled = true

webView.getSettings().setDomStorageEnabled(true);

恒久的な Owncast の修正: React がレンダリングする前に、インメモリの Storage シムをインストールします。たとえば、pages/_app.tsx の先頭や、最初にインポートされるモジュール内で行います:

if (typeof window !== 'undefined') {
  const createMemoryStorage = (): Storage => {
    let data: Record<string, string> = {};
    return {
      getItem: key =>
        Object.prototype.hasOwnProperty.call(data, key) ? data[key] : null,
      setItem: (key, value) => {
        data[key] = String(value);
      },
      removeItem: key => {
        delete data[key];
      },
      clear: () => {
        data = {};
      },
      key: index => Object.keys(data)[index] ?? null,
      get length() {
        return Object.keys(data).length;
      },
    };
  };

  try {
    if (!window.localStorage) throw new Error('localStorage is unavailable');
    window.localStorage.getItem('__owncast_storage_test__');
  } catch {
    Object.defineProperty(window, 'localStorage', {
      configurable: true,
      value: createMemoryStorage(),
    });
  }
}