Initial commit: Pezkuwi SDK UI

Comprehensive web interface for interacting with Pezkuwi blockchain. Features: - Blockchain explorer - Wallet management - Staking interface - Governance participation - Developer tools Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-07-24 16:55:41 +00:00 · 2026-01-19 13:55:36 +03:00
commit d949863789
5831 changed files with 327739 additions and 0 deletions
@@ -0,0 +1,86 @@
+// Copyright 2017-2026 @pezkuwi/app-settings authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Option } from '@pezkuwi/apps-config/settings/types';
+import type { SettingsStruct } from '@pezkuwi/ui-settings/types';
+
+import React from 'react';
+
+import { ChainImg, Dropdown, IdentityIcon } from '@pezkuwi/react-components';
+import { settings } from '@pezkuwi/ui-settings';
+
+export function createOption ({ info, isHeader, text, value }: Option, overrides: string[] = [], override = 'empty', extra?: string): Option | React.ReactNode {
+  if (isHeader) {
+    return (
+      <Dropdown.Header
+        content={text}
+        key={text as string}
+      />
+    );
+  }
+
+  return {
+    text: (
+      <div
+        className='ui--Dropdown-item'
+        key={value}
+      >
+        <ChainImg
+          className='ui--Dropdown-icon'
+          logo={
+            info && overrides.includes(info)
+              ? override
+              : info
+          }
+        />
+        <div className='ui--Dropdown-name'>{text}{extra}</div>
+      </div>
+    ),
+    value
+  };
+}
+
+export function createIdenticon ({ info, text, value }: Option, overrides: string[] = [], override = 'empty'): Option {
+  const theme = info && overrides.includes(info)
+    ? override as 'empty'
+    : info as 'bizinikiwi';
+
+  return {
+    text: (
+      <div
+        className='ui--Dropdown-item'
+        key={value}
+      >
+        {theme === 'empty'
+          ? (
+            <ChainImg
+              className='ui--Dropdown-icon'
+              logo='empty'
+            />
+          )
+          : (
+            <IdentityIcon
+              className='ui--Dropdown-icon'
+              size={32}
+              theme={theme}
+              value='5F9999K9UgTUgSsbXZQcEmRMvQqwJoBUHMv9e1k2MdgghuRA'
+            />
+          )}
+        <div className='ui--Dropdown-name'>{text}</div>
+      </div>
+    ),
+    value
+  };
+}
+
+export function save (state: SettingsStruct): void {
+  settings.set(state);
+}
+
+export function saveAndReload (state: SettingsStruct): void {
+  save(state);
+
+  // HACK This is terrible, but since the API needs to re-connect and
+  // the API does not yet handle re-connections properly, it is what it is
+  window.location.reload();
+}