feat: initial Pezkuwi Apps rebrand from polkadot-apps

Rebranded terminology: - Polkadot → Pezkuwi - Kusama → Dicle - Westend → Zagros - Rococo → PezkuwiChain - Substrate → Bizinikiwi - parachain → teyrchain Custom logos with Kurdistan brand colors (#e6007a → #86e62a): - bizinikiwi-hexagon.svg - sora-bizinikiwi.svg - hezscanner.svg - heztreasury.svg - pezkuwiscan.svg - pezkuwistats.svg - pezkuwiassembly.svg - pezkuwiholic.svg
2026-06-14 00:31:15 +00:00 · 2026-01-07 13:05:27 +03:00
commit d21bfb1320
5867 changed files with 329019 additions and 0 deletions
@@ -0,0 +1,76 @@
+// Copyright 2017-2025 @pezkuwi/apps authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ThemeDef } from '@pezkuwi/react-components/types';
+import type { KeyringStore } from '@pezkuwi/ui-keyring/types';
+
+import React, { Suspense, useEffect, useState } from 'react';
+import { HashRouter } from 'react-router-dom';
+import { ThemeProvider } from 'styled-components';
+
+import { ApiCtxRoot } from '@pezkuwi/react-api';
+import { ApiStatsCtxRoot, BlockAuthorsCtxRoot, BlockEventsCtxRoot, KeyringCtxRoot, PayWithAssetCtxRoot, QueueCtxRoot, StakingAsyncApisCtxRoot, WindowSizeCtxRoot } from '@pezkuwi/react-hooks';
+import { settings } from '@pezkuwi/ui-settings';
+
+import BeforeApiInit from './overlays/BeforeInit.js';
+import Apps from './Apps.js';
+
+interface Props {
+  isElectron: boolean;
+  store?: KeyringStore;
+}
+
+function createTheme ({ uiTheme }: { uiTheme: string }): ThemeDef {
+  const theme = uiTheme === 'dark'
+    ? 'dark'
+    : 'light';
+
+  document?.documentElement?.setAttribute('data-theme', theme);
+
+  return { theme };
+}
+
+function Root ({ isElectron, store }: Props): React.ReactElement<Props> {
+  const [theme, setTheme] = useState(() => createTheme(settings));
+
+  useEffect((): void => {
+    settings.on('change', (settings) => setTheme(createTheme(settings)));
+  }, []);
+
+  // The ordering here is critical. It defines the hierarchy of dependencies,
+  // i.e. Block* depends on Api. Certainly no cross-deps allowed
+  return (
+    <Suspense fallback='...'>
+      <ThemeProvider theme={theme}>
+        <QueueCtxRoot>
+          <ApiCtxRoot
+            apiUrl={settings.apiUrl}
+            beforeApiInit={<BeforeApiInit />}
+            isElectron={isElectron}
+            store={store}
+          >
+            <KeyringCtxRoot>
+              <ApiStatsCtxRoot>
+                <BlockAuthorsCtxRoot>
+                  <BlockEventsCtxRoot>
+                    <HashRouter>
+                      <WindowSizeCtxRoot>
+                        <PayWithAssetCtxRoot>
+                          <StakingAsyncApisCtxRoot>
+                            <Apps />
+                          </StakingAsyncApisCtxRoot>
+                        </PayWithAssetCtxRoot>
+                      </WindowSizeCtxRoot>
+                    </HashRouter>
+                  </BlockEventsCtxRoot>
+                </BlockAuthorsCtxRoot>
+              </ApiStatsCtxRoot>
+            </KeyringCtxRoot>
+          </ApiCtxRoot>
+        </QueueCtxRoot>
+      </ThemeProvider>
+    </Suspense>
+  );
+}
+
+export default React.memo(Root);