Add Pezkuwi SDK UI - Polkadot.js Apps clone

- Clone Polkadot.js Apps repository - Update package.json with Pezkuwi branding - Add Pezkuwi endpoint to production chains (wss://pezkuwichain.app:9944) - Create comprehensive README for SDK UI - Set up project structure with all packages Next steps: - Apply Kurdistan colors (Kesk, Sor, Zer, Spi + Black) to UI theme - Replace logos with Pezkuwi branding - Test build and deployment
2026-08-11 14:41:06 +00:00 · 2025-11-14 00:55:17 +00:00
parent c48ded7ff2
commit c71ddb6e0d
5836 changed files with 324981 additions and 17 deletions
@@ -0,0 +1,5 @@
+// Copyright 2017-2025 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+export { keyOptions } from './key.js';
+export { sectionOptions } from './section.js';
@@ -0,0 +1,67 @@
+// Copyright 2017-2025 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ApiPromise } from '@polkadot/api';
+import type { StorageEntry } from '@polkadot/types/primitive/types';
+import type { DropdownOption, DropdownOptions } from '../../util/types.js';
+
+import React from 'react';
+
+import { getSiName } from '@polkadot/types/metadata/util';
+import { unwrapStorageType } from '@polkadot/types/util';
+
+export function keyOptions (api: ApiPromise, sectionName: string): DropdownOptions {
+  const section = api.query[sectionName];
+
+  if (!section || Object.keys(section).length === 0) {
+    return [];
+  }
+
+  return Object
+    .keys(section)
+    .filter((s) => !s.startsWith('$'))
+    .sort()
+    .map((value): DropdownOption => {
+      const { meta: { docs, modifier, name, type } } = section[value] as unknown as StorageEntry;
+      const output = unwrapStorageType(api.registry, type, modifier.isOptional);
+      let input = '';
+
+      if (type.isMap) {
+        const { hashers, key } = type.asMap;
+
+        if (hashers.length === 1) {
+          input = getSiName(api.registry.lookup, key);
+        } else {
+          const si = api.registry.lookup.getSiType(key).def;
+
+          if (si.isTuple) {
+            input = si.asTuple
+              .map((t) => getSiName(api.registry.lookup, t))
+              .join(', ');
+          } else {
+            input = si.asHistoricMetaCompat.toString();
+          }
+        }
+      }
+
+      return {
+        className: 'ui--DropdownLinked-Item',
+        key: `${sectionName}_${value}`,
+        text: [
+          <div
+            className='ui--DropdownLinked-Item-call'
+            key={`${sectionName}_${value}:call`}
+          >
+            {value}({input}): {output}
+          </div>,
+          <div
+            className='ui--DropdownLinked-Item-text'
+            key={`${sectionName}_${value}:text`}
+          >
+            {(docs[0] || name).toString()}
+          </div>
+        ],
+        value
+      };
+    });
+}
@@ -0,0 +1,17 @@
+// Copyright 2017-2025 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ApiPromise } from '@polkadot/api';
+import type { DropdownOption, DropdownOptions } from '../../util/types.js';
+
+export function sectionOptions (api: ApiPromise): DropdownOptions {
+  return Object
+    .keys(api.query)
+    .filter((s) => !s.startsWith('$'))
+    .sort()
+    .filter((n) => Object.keys(api.query[n]).length)
+    .map((value): DropdownOption => ({
+      text: value,
+      value
+    }));
+}