@polkahub/proxy 0.2.2 → 0.3.1

package/dist/AddProxy.js

@@ -0,0 +1,202 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useModalContext, usePlugin, usePolkaHubContext, useAvailableAccounts, AddressIdentity } from '@polkahub/context';
+import { defaultSerialize } from '@polkahub/plugin';
+import { InlineAddressInput, Input, Button, AlertBox, AccountPicker } from '@polkahub/ui-components';
+import { AccountId } from 'polkadot-api';
+import { toHex } from 'polkadot-api/utils';
+import { useState, useMemo, useEffect } from 'react';
+import { proxyProviderId } from './provider.js';
+
+const proxyTypeText = {
+  AssetManager: "Asset Manager",
+  AssetOwner: "Asset Owner",
+  CancelProxy: "Cancel Proxy",
+  NominationPools: "Nomination Pools",
+  NonTransfer: "Non-Transfer",
+  ParaRegistration: "Para Registration"
+};
+const AddProxy = ({ blockLength }) => {
+  const { popContent } = useModalContext();
+  const proxyProvider = usePlugin(proxyProviderId);
+  const { polkaHub } = usePolkaHubContext();
+  const [proxyAddress, setProxyAddress] = useState(null);
+  const [name, setName] = useState("");
+  const [selectedAccount, setSelectedAccount] = useState(null);
+  return /* @__PURE__ */ jsxs(
+    "form",
+    {
+      className: "space-y-2",
+      onSubmit: (evt) => {
+        evt.preventDefault();
+        if (!proxyAddress || !selectedAccount) return null;
+        const plugins = polkaHub.plugins$.getValue();
+        const parentProvider = plugins.find(
+          (p) => p.id === selectedAccount.provider
+        );
+        if (!parentProvider)
+          throw new Error(
+            `Parent provider ${selectedAccount.provider} not found`
+          );
+        const serializeFn = parentProvider.serialize ?? defaultSerialize;
+        proxyProvider?.addProxy({
+          real: proxyAddress,
+          parentSigner: serializeFn(selectedAccount),
+          name: name.trim() ? name.trim() : void 0
+        });
+        popContent();
+      },
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx("h3", { className: "font-medium text-muted-foreground", children: "Insert Proxy Address (Delegator)" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+            /* @__PURE__ */ jsx(
+              InlineAddressInput,
+              {
+                value: proxyAddress,
+                onChange: setProxyAddress,
+                className: "max-w-auto shrink-[2]"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                name: "account-name",
+                value: name,
+                onChange: (evt) => setName(evt.target.value),
+                placeholder: "Name (optional)",
+                className: "shrink-[3]"
+              }
+            )
+          ] })
+        ] }),
+        proxyAddress ? /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx("h3", { className: "font-medium text-muted-foreground", children: "Select your signer (Delegate)" }),
+          /* @__PURE__ */ jsx(
+            ProxySignerPicker,
+            {
+              value: selectedAccount,
+              onChange: setSelectedAccount,
+              proxy: proxyAddress
+            }
+          )
+        ] }) : null,
+        selectedAccount?.delegate ? /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h3", { className: "font-medium text-muted-foreground", children: "Permissions" }),
+          /* @__PURE__ */ jsx("ul", { className: "flex flex-wrap gap-2", children: selectedAccount.delegate.map((entry, i) => /* @__PURE__ */ jsxs("li", { className: "border rounded px-2 py-1", children: [
+            proxyTypeText[entry.proxy_type.type] ?? entry.proxy_type.type,
+            entry.delay ? ` (${getDelayLength(entry.delay, blockLength)})` : ""
+          ] }, i)) })
+        ] }) : null,
+        /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx(Button, { disabled: !proxyAddress || !selectedAccount, children: "Add Proxy" }) })
+      ]
+    }
+  );
+};
+const getDelayLength = (blocks, blockLength) => {
+  if (!blockLength) return `delay ${blocks}`;
+  const seconds = blocks * blockLength / 1e3;
+  if (seconds < 120) {
+    return `${Math.round(seconds)}s delay`;
+  }
+  const minutes = Math.round(seconds / 60);
+  const min = minutes % 60;
+  const hours = Math.floor(minutes / 60);
+  const hr = hours % 24;
+  const days = Math.floor(hours / 24);
+  const time = `${hr}:${min.toString().padStart(2, "0")} delay`;
+  if (!days) {
+    return time;
+  }
+  return `${days}d ${time}`;
+};
+const useAsync = (fn, deps) => {
+  const [value, setValue] = useState({
+    type: "loading"
+  });
+  useEffect(() => {
+    let cancelled = false;
+    setValue({ type: "loading" });
+    fn().then(
+      (value2) => {
+        if (cancelled) return;
+        setValue({ type: "result", value: value2 });
+      },
+      (ex) => {
+        if (cancelled) return;
+        console.error(ex);
+        setValue({ type: "error" });
+      }
+    );
+    return () => {
+      cancelled = true;
+    };
+  }, deps);
+  return value;
+};
+const ProxySignerPicker = ({ value, onChange, proxy }) => {
+  const proxyProvider = usePlugin(proxyProviderId);
+  const availableAccounts = useAvailableAccounts();
+  const delegatesResult = useAsync(
+    () => proxyProvider.getDelegates(proxy),
+    [proxy]
+  );
+  const availableSigners = useMemo(
+    () => Object.entries(availableAccounts).map(([name, accounts]) => ({
+      name,
+      accounts: accounts.filter((acc) => !!acc.signer)
+    })).filter(({ accounts }) => accounts.length > 0),
+    [availableAccounts]
+  );
+  const selectableSigners = useMemo(() => {
+    if (delegatesResult.type === "loading") return null;
+    if (delegatesResult.value == null) return availableSigners;
+    const delegates = delegatesResult.value.reduce(
+      (acc, delegate) => {
+        const commonAddr = addrToCommon(delegate.delegate);
+        acc[commonAddr] ?? (acc[commonAddr] = []);
+        acc[commonAddr].push(delegate);
+        return acc;
+      },
+      {}
+    );
+    return availableSigners.map(({ name, accounts }) => ({
+      name,
+      accounts: accounts.map((account) => {
+        const delegate = delegates[addrToCommon(account.address)];
+        if (!delegate) return null;
+        return {
+          ...account,
+          delegate
+        };
+      }).filter((v) => v != null)
+    })).filter(({ accounts }) => accounts.length > 0);
+  }, [delegatesResult, availableSigners]);
+  if (selectableSigners == null) return /* @__PURE__ */ jsx("div", { children: "Loading\u2026" });
+  if (selectableSigners.length === 0 && delegatesResult.type === "result" && delegatesResult.value) {
+    const reason = delegatesResult.value.length === 0 ? `This account doesn't appear to be a proxy.` : `None of your connected signers are recognized as delegates of this proxy. Please configure the real signer account and try again`;
+    return /* @__PURE__ */ jsx(AlertBox, { variant: "error", children: reason });
+  }
+  return /* @__PURE__ */ jsx(
+    AccountPicker,
+    {
+      value,
+      onChange,
+      groups: selectableSigners,
+      className: "max-w-auto",
+      disableClear: true,
+      renderAddress: (account) => /* @__PURE__ */ jsx(
+        AddressIdentity,
+        {
+          addr: account.address,
+          name: account?.name,
+          copyable: false
+        }
+      )
+    }
+  );
+};
+const [ss58ToBin] = AccountId();
+const addrToCommon = (addr) => addr.startsWith("0x") ? "0x" : toHex(ss58ToBin(addr));
+
+export { AddProxy };
+//# sourceMappingURL=AddProxy.js.map

package/dist/AddProxy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddProxy.js","sources":["../src/AddProxy.tsx"],"sourcesContent":["import {\n  AddressIdentity,\n  useAvailableAccounts,\n  useModalContext,\n  usePlugin,\n  usePolkaHubContext,\n} from \"@polkahub/context\";\nimport { Account, AccountAddress, defaultSerialize } from \"@polkahub/plugin\";\nimport {\n  AccountPicker,\n  AlertBox,\n  Button,\n  InlineAddressInput,\n  Input,\n} from \"@polkahub/ui-components\";\nimport { AccountId } from \"polkadot-api\";\nimport { toHex } from \"polkadot-api/utils\";\nimport { useEffect, useMemo, useState, type FC } from \"react\";\nimport { ProxyEntry, ProxyProvider, proxyProviderId } from \"./provider\";\n\nconst proxyTypeText: Record<string, string | undefined> = {\n  AssetManager: \"Asset Manager\",\n  AssetOwner: \"Asset Owner\",\n  CancelProxy: \"Cancel Proxy\",\n  NominationPools: \"Nomination Pools\",\n  NonTransfer: \"Non-Transfer\",\n  ParaRegistration: \"Para Registration\",\n};\n\nexport type AddProxyProps = {\n  blockLength?: number;\n};\n\nexport const AddProxy: FC<AddProxyProps> = ({ blockLength }) => {\n  const { popContent } = useModalContext();\n  const proxyProvider = usePlugin<ProxyProvider>(proxyProviderId);\n  const { polkaHub } = usePolkaHubContext();\n\n  const [proxyAddress, setProxyAddress] = useState<AccountAddress | null>(null);\n  const [name, setName] = useState(\"\");\n  const [selectedAccount, setSelectedAccount] =\n    useState<AccountWithProxy | null>(null);\n\n  return (\n    <form\n      className=\"space-y-2\"\n      onSubmit={(evt) => {\n        evt.preventDefault();\n        if (!proxyAddress || !selectedAccount) return null;\n\n        const plugins = polkaHub.plugins$.getValue();\n        const parentProvider = plugins.find(\n          (p) => p.id === selectedAccount.provider\n        );\n        if (!parentProvider)\n          throw new Error(\n            `Parent provider ${selectedAccount.provider} not found`\n          );\n\n        const serializeFn = parentProvider.serialize ?? defaultSerialize;\n        proxyProvider?.addProxy({\n          real: proxyAddress,\n          parentSigner: serializeFn(selectedAccount),\n          name: name.trim() ? name.trim() : undefined,\n        });\n\n        popContent();\n      }}\n    >\n      <div className=\"space-y-2\">\n        <h3 className=\"font-medium text-muted-foreground\">\n          Insert Proxy Address (Delegator)\n        </h3>\n        <div className=\"flex gap-2\">\n          <InlineAddressInput\n            value={proxyAddress}\n            onChange={setProxyAddress}\n            className=\"max-w-auto shrink-[2]\"\n          />\n          <Input\n            name=\"account-name\"\n            value={name}\n            onChange={(evt) => setName(evt.target.value)}\n            placeholder=\"Name (optional)\"\n            className=\"shrink-[3]\"\n          />\n        </div>\n      </div>\n      {proxyAddress ? (\n        <div className=\"space-y-2\">\n          <h3 className=\"font-medium text-muted-foreground\">\n            Select your signer (Delegate)\n          </h3>\n          <ProxySignerPicker\n            value={selectedAccount}\n            onChange={setSelectedAccount}\n            proxy={proxyAddress}\n          />\n        </div>\n      ) : null}\n      {selectedAccount?.delegate ? (\n        <div>\n          <h3 className=\"font-medium text-muted-foreground\">Permissions</h3>\n          <ul className=\"flex flex-wrap gap-2\">\n            {selectedAccount.delegate.map((entry, i) => (\n              <li key={i} className=\"border rounded px-2 py-1\">\n                {proxyTypeText[entry.proxy_type.type] ?? entry.proxy_type.type}\n                {entry.delay\n                  ? ` (${getDelayLength(entry.delay, blockLength)})`\n                  : \"\"}\n              </li>\n            ))}\n          </ul>\n        </div>\n      ) : null}\n      <div className=\"flex justify-end\">\n        <Button disabled={!proxyAddress || !selectedAccount}>Add Proxy</Button>\n      </div>\n    </form>\n  );\n};\n\nconst getDelayLength = (blocks: number, blockLength?: number) => {\n  if (!blockLength) return `delay ${blocks}`;\n\n  const seconds = (blocks * blockLength) / 1000;\n  if (seconds < 120) {\n    return `${Math.round(seconds)}s delay`;\n  }\n  const minutes = Math.round(seconds / 60);\n  const min = minutes % 60;\n  const hours = Math.floor(minutes / 60);\n  const hr = hours % 24;\n  const days = Math.floor(hours / 24);\n\n  const time = `${hr}:${min.toString().padStart(2, \"0\")} delay`;\n  if (!days) {\n    return time;\n  }\n  return `${days}d ${time}`;\n};\n\nconst useAsync = <T,>(fn: () => Promise<T>, deps: unknown[]) => {\n  const [value, setValue] = useState<\n    | {\n        type: \"loading\" | \"error\";\n        value?: never;\n      }\n    | {\n        type: \"result\";\n        value: T;\n      }\n  >({\n    type: \"loading\",\n  });\n\n  useEffect(() => {\n    let cancelled = false;\n\n    setValue({ type: \"loading\" });\n    fn().then(\n      (value) => {\n        if (cancelled) return;\n        setValue({ type: \"result\", value });\n      },\n      (ex) => {\n        if (cancelled) return;\n        console.error(ex);\n        setValue({ type: \"error\" });\n      }\n    );\n\n    return () => {\n      cancelled = true;\n    };\n  }, deps);\n\n  return value;\n};\n\ntype AccountWithProxy = Account & {\n  delegate?: ProxyEntry[];\n};\n\nconst ProxySignerPicker: FC<{\n  value: AccountWithProxy | null;\n  onChange: (value: AccountWithProxy | null) => void;\n  proxy: AccountAddress;\n}> = ({ value, onChange, proxy }) => {\n  const proxyProvider = usePlugin<ProxyProvider>(proxyProviderId)!;\n  const availableAccounts = useAvailableAccounts();\n  const delegatesResult = useAsync(\n    () => proxyProvider.getDelegates(proxy),\n    [proxy]\n  );\n  const availableSigners = useMemo(\n    () =>\n      Object.entries(availableAccounts)\n        .map(([name, accounts]) => ({\n          name,\n          accounts: accounts.filter((acc) => !!acc.signer),\n        }))\n        .filter(({ accounts }) => accounts.length > 0),\n    [availableAccounts]\n  );\n\n  const selectableSigners = useMemo(() => {\n    if (delegatesResult.type === \"loading\") return null;\n    if (delegatesResult.value == null) return availableSigners;\n\n    const delegates = delegatesResult.value.reduce(\n      (acc: Record<string, ProxyEntry[]>, delegate) => {\n        const commonAddr = addrToCommon(delegate.delegate);\n        acc[commonAddr] ??= [];\n        acc[commonAddr].push(delegate);\n        return acc;\n      },\n      {}\n    );\n\n    return availableSigners\n      .map(({ name, accounts }) => ({\n        name,\n        accounts: accounts\n          .map((account): AccountWithProxy | null => {\n            const delegate = delegates[addrToCommon(account.address)];\n            if (!delegate) return null;\n            return {\n              ...account,\n              delegate,\n            };\n          })\n          .filter((v) => v != null),\n      }))\n      .filter(({ accounts }) => accounts.length > 0);\n  }, [delegatesResult, availableSigners]);\n\n  if (selectableSigners == null) return <div>Loading…</div>;\n\n  if (\n    selectableSigners.length === 0 &&\n    delegatesResult.type === \"result\" &&\n    delegatesResult.value\n  ) {\n    const reason =\n      delegatesResult.value.length === 0\n        ? `This account doesn't appear to be a proxy.`\n        : `None of your connected signers are recognized as delegates of this proxy. Please configure the real signer account and try again`;\n\n    return <AlertBox variant=\"error\">{reason}</AlertBox>;\n  }\n\n  return (\n    <AccountPicker\n      value={value}\n      onChange={onChange}\n      groups={selectableSigners}\n      className=\"max-w-auto\"\n      disableClear\n      renderAddress={(account) => (\n        <AddressIdentity\n          addr={account.address}\n          name={account?.name}\n          copyable={false}\n        />\n      )}\n    />\n  );\n};\n\nconst [ss58ToBin] = AccountId();\nconst addrToCommon = (addr: AccountAddress) =>\n  addr.startsWith(\"0x\") ? \"0x\" : toHex(ss58ToBin(addr));\n"],"names":["value"],"mappings":"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"}

package/dist/ManageProxy.js

@@ -0,0 +1,76 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { ModalContext, usePlugin, useModalContext, AddressIdentity, AddressBalance } from '@polkahub/context';
+import { useSetSelectedAccount } from '@polkahub/select-account';
+import { SourceButton, Button } from '@polkahub/ui-components';
+import { useStateObservable } from '@react-rxjs/core';
+import { UserLock, Trash2 } from 'lucide-react';
+import { useContext } from 'react';
+import { AddProxy } from './AddProxy.js';
+import { proxyProviderId } from './provider.js';
+
+const ManageProxy = () => {
+  const { pushContent } = useContext(ModalContext);
+  const proxyProvider = usePlugin(proxyProviderId);
+  return /* @__PURE__ */ jsx(
+    SourceButton,
+    {
+      label: "Proxy",
+      onClick: () => pushContent({
+        title: "Proxied accounts",
+        element: /* @__PURE__ */ jsx(ManageAddresses, {})
+      }),
+      disabled: !proxyProvider,
+      children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(UserLock, { className: "size-10" }) })
+    }
+  );
+};
+const ManageAddresses = (props) => {
+  const { pushContent } = useModalContext();
+  const proxyProvider = usePlugin(proxyProviderId);
+  const proxyAccounts = useStateObservable(proxyProvider.accounts$);
+  const setAccount = useSetSelectedAccount();
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    proxyAccounts.length ? /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("h3", { className: "font-medium text-muted-foreground", children: "Added addresses" }),
+      /* @__PURE__ */ jsx("ul", { className: "space-y-2", children: proxyAccounts.map((account, i) => /* @__PURE__ */ jsxs("li", { className: "flex gap-2 items-center", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "outline",
+            className: "text-destructive",
+            type: "button",
+            onClick: () => proxyProvider.removeProxy(account.info),
+            children: /* @__PURE__ */ jsx(Trash2, {})
+          }
+        ),
+        /* @__PURE__ */ jsx(AddressIdentity, { addr: account.address }),
+        /* @__PURE__ */ jsx("div", { className: "grow" }),
+        /* @__PURE__ */ jsx(AddressBalance, { addr: account.address }),
+        setAccount ? /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "secondary",
+            onClick: () => {
+              setAccount(account);
+            },
+            children: "Select"
+          }
+        ) : null
+      ] }, i)) })
+    ] }) : null,
+    /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        onClick: () => pushContent({
+          title: "Add Proxy",
+          element: /* @__PURE__ */ jsx(AddProxy, { ...props })
+        }),
+        children: "Add Proxy"
+      }
+    ) })
+  ] });
+};
+
+export { ManageProxy };
+//# sourceMappingURL=ManageProxy.js.map

package/dist/ManageProxy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ManageProxy.js","sources":["../src/ManageProxy.tsx"],"sourcesContent":["import {\n  AddressBalance,\n  AddressIdentity,\n  ModalContext,\n  useModalContext,\n  usePlugin,\n} from \"@polkahub/context\";\nimport { useSetSelectedAccount } from \"@polkahub/select-account\";\nimport { Button, SourceButton } from \"@polkahub/ui-components\";\nimport { useStateObservable } from \"@react-rxjs/core\";\nimport { Trash2, UserLock } from \"lucide-react\";\nimport { useContext, type FC } from \"react\";\nimport { AddProxy, AddProxyProps } from \"./AddProxy\";\nimport { ProxyProvider, proxyProviderId } from \"./provider\";\n\nexport const ManageProxy: FC = () => {\n  const { pushContent } = useContext(ModalContext)!;\n  const proxyProvider = usePlugin<ProxyProvider>(proxyProviderId);\n\n  return (\n    <SourceButton\n      label=\"Proxy\"\n      onClick={() =>\n        pushContent({\n          title: \"Proxied accounts\",\n          element: <ManageAddresses />,\n        })\n      }\n      disabled={!proxyProvider}\n    >\n      <div>\n        <UserLock className=\"size-10\" />\n      </div>\n    </SourceButton>\n  );\n};\n\nconst ManageAddresses: FC<AddProxyProps> = (props) => {\n  const { pushContent } = useModalContext();\n  const proxyProvider = usePlugin<ProxyProvider>(proxyProviderId)!;\n  const proxyAccounts = useStateObservable(proxyProvider.accounts$);\n  const setAccount = useSetSelectedAccount();\n\n  return (\n    <div className=\"space-y-4\">\n      {proxyAccounts.length ? (\n        <div>\n          <h3 className=\"font-medium text-muted-foreground\">Added addresses</h3>\n          <ul className=\"space-y-2\">\n            {proxyAccounts.map((account, i) => (\n              <li key={i} className=\"flex gap-2 items-center\">\n                <Button\n                  variant=\"outline\"\n                  className=\"text-destructive\"\n                  type=\"button\"\n                  onClick={() => proxyProvider.removeProxy(account.info)}\n                >\n                  <Trash2 />\n                </Button>\n                <AddressIdentity addr={account.address} />\n                <div className=\"grow\" />\n                <AddressBalance addr={account.address} />\n                {setAccount ? (\n                  <Button\n                    variant=\"secondary\"\n                    onClick={() => {\n                      setAccount(account);\n                    }}\n                  >\n                    Select\n                  </Button>\n                ) : null}\n              </li>\n            ))}\n          </ul>\n        </div>\n      ) : null}\n      <div className=\"flex justify-end\">\n        <Button\n          type=\"button\"\n          onClick={() =>\n            pushContent({\n              title: \"Add Proxy\",\n              element: <AddProxy {...props} />,\n            })\n          }\n        >\n          Add Proxy\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -1,2 +1,3 @@
-export { createProxyProvider } from './provider.js';
+export { createProxyProvider, proxyProviderId } from './provider.js';
+export { ManageProxy } from './ManageProxy.js';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/provider.js

@@ -1,9 +1,10 @@
 import { getProxySigner } from '@polkadot-api/meta-signers';
 import { localStorageProvider, persistedState, addrEq } from '@polkahub/plugin';
 import { state } from '@react-rxjs/core';
-import { BehaviorSubject, combineLatest, switchMap, map } from 'rxjs';
+import { BehaviorSubject, combineLatest, switchMap, firstValueFrom, map, filter, timeout } from 'rxjs';
 
-const createProxyProvider = (opts) => {
+const proxyProviderId = "proxy";
+const createProxyProvider = (getDelegates, opts) => {
   const { persist } = {
     persist: localStorageProvider("proxies"),
     ...opts
@@ -14,28 +15,41 @@ const createProxyProvider = (opts) => {
   );
   const plugins$ = new BehaviorSubject([]);
   const getAccount = (info, parentSigner) => ({
-    provider: "proxy",
+    provider: proxyProviderId,
     address: info.real,
-    signer: getProxySigner(info, parentSigner),
+    signer: parentSigner ? getProxySigner(info, parentSigner) : void 0,
+    name: info.name,
     info
   });
   const proxyInfoToAccount = async (info) => {
-    const plugins = plugins$.getValue();
-    const plugin = plugins.find((p) => info.parentSigner?.provider === p.id);
-    if (!plugin) return null;
-    const parentSigner = await plugin.deserialize(info.parentSigner);
-    if (!parentSigner?.signer) return null;
-    return getAccount(info, parentSigner.signer);
+    try {
+      const plugin = await firstValueFrom(
+        plugins$.pipe(
+          map(
+            (plugins) => plugins.find((p) => info.parentSigner?.provider === p.id)
+          ),
+          filter((v) => v != null),
+          timeout({
+            first: 3e3
+          })
+        )
+      );
+      if (!plugin) return getAccount(info);
+      const parentSigner = await plugin.deserialize(info.parentSigner);
+      return getAccount(info, parentSigner?.signer);
+    } catch (ex) {
+      console.error(ex);
+      return getAccount(info);
+    }
   };
   const accounts$ = state(
     combineLatest([persistedAccounts$, plugins$]).pipe(
-      switchMap(([accounts]) => Promise.all(accounts.map(proxyInfoToAccount))),
-      map((v) => v.filter((v2) => v2 !== null))
+      switchMap(([accounts]) => Promise.all(accounts.map(proxyInfoToAccount)))
     ),
     []
   );
   return {
-    id: "proxy",
+    id: proxyProviderId,
     deserialize: (account) => {
       const extra = account.extra;
       return proxyInfoToAccount(extra);
@@ -64,9 +78,10 @@ const createProxyProvider = (opts) => {
       (prev) => prev.filter(
         (v) => !(addrEq(v.real, proxy.real) && addrEq(v.parentSigner.address, proxy.parentSigner.address))
       )
-    )
+    ),
+    getDelegates
   };
 };
 
-export { createProxyProvider };
+export { createProxyProvider, proxyProviderId };
 //# sourceMappingURL=provider.js.map

package/dist/provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"provider.js","sources":["../src/provider.ts"],"sourcesContent":["import { getProxySigner } from \"@polkadot-api/meta-signers\";\nimport {\n  Account,\n  AccountAddress,\n  addrEq,\n  localStorageProvider,\n  persistedState,\n  PersistenceProvider,\n  Plugin,\n  SerializableAccount,\n} from \"@polkahub/plugin\";\nimport { DefaultedStateObservable, state } from \"@react-rxjs/core\";\nimport { PolkadotSigner } from \"polkadot-api\";\nimport { BehaviorSubject, combineLatest, map, switchMap } from \"rxjs\";\n\nexport interface ProxyInfo {\n  real: AccountAddress;\n  type?: {\n    type: string;\n    value?: unknown;\n  };\n  parentSigner: SerializableAccount;\n}\n\nexport interface ProxyAccount extends Account {\n  provider: \"proxy\";\n  info: ProxyInfo;\n}\n\nexport interface ProxyProvider extends Plugin<ProxyAccount> {\n  id: \"proxy\";\n  accounts$: DefaultedStateObservable<ProxyAccount[]>;\n\n  setProxies: (proxies: ProxyInfo[]) => void;\n  addProxy: (proxy: ProxyInfo) => Promise<ProxyAccount | null>;\n  removeProxy: (proxy: ProxyInfo) => void;\n}\n\nexport const createProxyProvider = (\n  opts?: Partial<{\n    persist: PersistenceProvider;\n  }>\n): ProxyProvider => {\n  const { persist } = {\n    persist: localStorageProvider(\"proxies\"),\n    ...opts,\n  };\n\n  const [persistedAccounts$, setPersistedAccounts] = persistedState(\n    persist,\n    [] as ProxyInfo[]\n  );\n  const plugins$ = new BehaviorSubject<Plugin[]>([]);\n\n  const getAccount = (\n    info: ProxyInfo,\n    parentSigner: PolkadotSigner\n  ): ProxyAccount => ({\n    provider: \"proxy\",\n    address: info.real,\n    signer: getProxySigner(info, parentSigner),\n    info,\n  });\n\n  const proxyInfoToAccount = async (info: ProxyInfo) => {\n    const plugins = plugins$.getValue();\n    const plugin = plugins.find((p) => info.parentSigner?.provider === p.id);\n    if (!plugin) return null;\n    const parentSigner = await plugin.deserialize(info.parentSigner);\n    if (!parentSigner?.signer) return null;\n    return getAccount(info, parentSigner.signer);\n  };\n\n  const accounts$ = state(\n    combineLatest([persistedAccounts$, plugins$]).pipe(\n      switchMap(([accounts]) => Promise.all(accounts.map(proxyInfoToAccount))),\n      map((v) => v.filter((v) => v !== null))\n    ),\n    []\n  );\n\n  return {\n    id: \"proxy\",\n    deserialize: (account) => {\n      const extra = account.extra as ProxyInfo;\n      return proxyInfoToAccount(extra);\n    },\n    serialize: ({ address, info, provider }) => ({\n      address,\n      provider,\n      extra: info,\n    }),\n    eq: (a, b) =>\n      addrEq(a.address, b.address) &&\n      addrEq(a.info.parentSigner?.address, b.info.parentSigner?.address),\n    accounts$,\n    receiveContext: (ctx) => plugins$.next(ctx.plugins),\n    subscription$: accounts$,\n    setProxies: setPersistedAccounts,\n    addProxy: (proxy) => {\n      setPersistedAccounts((prev) => {\n        if (\n          prev.some(\n            (v) =>\n              addrEq(v.real, proxy.real) &&\n              addrEq(v.parentSigner.address, proxy.parentSigner.address)\n          )\n        )\n          return prev;\n        return [...prev, proxy];\n      });\n      return proxyInfoToAccount(proxy);\n    },\n    removeProxy: (proxy) =>\n      setPersistedAccounts((prev) =>\n        prev.filter(\n          (v) =>\n            !(\n              addrEq(v.real, proxy.real) &&\n              addrEq(v.parentSigner.address, proxy.parentSigner.address)\n            )\n        )\n      ),\n  };\n};\n"],"names":["v"],"mappings":"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"}
+{"version":3,"file":"provider.js","sources":["../src/provider.ts"],"sourcesContent":["import { getProxySigner } from \"@polkadot-api/meta-signers\";\nimport {\n  Account,\n  AccountAddress,\n  addrEq,\n  localStorageProvider,\n  persistedState,\n  PersistenceProvider,\n  Plugin,\n  SerializableAccount,\n} from \"@polkahub/plugin\";\nimport { DefaultedStateObservable, state } from \"@react-rxjs/core\";\nimport { PolkadotSigner } from \"polkadot-api\";\nimport {\n  BehaviorSubject,\n  combineLatest,\n  filter,\n  firstValueFrom,\n  map,\n  switchMap,\n  timeout,\n} from \"rxjs\";\n\nexport interface ProxyInfo {\n  real: AccountAddress;\n  parentSigner: SerializableAccount;\n  name?: string;\n}\n\nexport const proxyProviderId = \"proxy\";\nexport interface ProxyAccount extends Account {\n  provider: \"proxy\";\n  info: ProxyInfo;\n}\n\nexport type ProxyEntry = {\n  delegate: AccountAddress;\n  proxy_type: {\n    type: string;\n  };\n  delay: number;\n};\n\nexport type GetDelegates = (\n  address: AccountAddress\n) => Promise<Array<ProxyEntry> | null>;\n\nexport interface ProxyProvider extends Plugin<ProxyAccount> {\n  id: \"proxy\";\n  accounts$: DefaultedStateObservable<ProxyAccount[]>;\n\n  setProxies: (proxies: ProxyInfo[]) => void;\n  addProxy: (proxy: ProxyInfo) => Promise<ProxyAccount | null>;\n  removeProxy: (proxy: ProxyInfo) => void;\n\n  getDelegates: GetDelegates;\n}\n\nexport const createProxyProvider = (\n  getDelegates: GetDelegates,\n  opts?: Partial<{\n    persist: PersistenceProvider;\n  }>\n): ProxyProvider => {\n  const { persist } = {\n    persist: localStorageProvider(\"proxies\"),\n    ...opts,\n  };\n\n  const [persistedAccounts$, setPersistedAccounts] = persistedState(\n    persist,\n    [] as ProxyInfo[]\n  );\n  const plugins$ = new BehaviorSubject<Plugin[]>([]);\n\n  const getAccount = (\n    info: ProxyInfo,\n    parentSigner?: PolkadotSigner\n  ): ProxyAccount => ({\n    provider: proxyProviderId,\n    address: info.real,\n    signer: parentSigner ? getProxySigner(info, parentSigner) : undefined,\n    name: info.name,\n    info,\n  });\n\n  const proxyInfoToAccount = async (info: ProxyInfo) => {\n    try {\n      const plugin = await firstValueFrom(\n        plugins$.pipe(\n          map((plugins) =>\n            plugins.find((p) => info.parentSigner?.provider === p.id)\n          ),\n          filter((v) => v != null),\n          timeout({\n            first: 3000,\n          })\n        )\n      );\n\n      if (!plugin) return getAccount(info);\n      const parentSigner = await plugin.deserialize(info.parentSigner);\n      return getAccount(info, parentSigner?.signer);\n    } catch (ex) {\n      console.error(ex);\n      return getAccount(info);\n    }\n  };\n\n  const accounts$ = state(\n    combineLatest([persistedAccounts$, plugins$]).pipe(\n      switchMap(([accounts]) => Promise.all(accounts.map(proxyInfoToAccount)))\n    ),\n    []\n  );\n\n  return {\n    id: proxyProviderId,\n    deserialize: (account) => {\n      const extra = account.extra as ProxyInfo;\n      return proxyInfoToAccount(extra);\n    },\n    serialize: ({ address, info, provider }) => ({\n      address,\n      provider,\n      extra: info,\n    }),\n    eq: (a, b) =>\n      addrEq(a.address, b.address) &&\n      addrEq(a.info.parentSigner?.address, b.info.parentSigner?.address),\n    accounts$,\n    receiveContext: (ctx) => plugins$.next(ctx.plugins),\n    subscription$: accounts$,\n    setProxies: setPersistedAccounts,\n    addProxy: (proxy) => {\n      setPersistedAccounts((prev) => {\n        if (\n          prev.some(\n            (v) =>\n              addrEq(v.real, proxy.real) &&\n              addrEq(v.parentSigner.address, proxy.parentSigner.address)\n          )\n        )\n          return prev;\n        return [...prev, proxy];\n      });\n      return proxyInfoToAccount(proxy);\n    },\n    removeProxy: (proxy) =>\n      setPersistedAccounts((prev) =>\n        prev.filter(\n          (v) =>\n            !(\n              addrEq(v.real, proxy.real) &&\n              addrEq(v.parentSigner.address, proxy.parentSigner.address)\n            )\n        )\n      ),\n    getDelegates,\n  };\n};\n"],"names":[],"mappings":"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"}

package/dist/src/index.d.ts

@@ -1,28 +1,38 @@
 import { AccountAddress, SerializableAccount, Account, Plugin, PersistenceProvider } from '@polkahub/plugin';
 import { DefaultedStateObservable } from '@react-rxjs/core';
+import { FC } from 'react';
 
 interface ProxyInfo {
     real: AccountAddress;
-    type?: {
-        type: string;
-        value?: unknown;
-    };
     parentSigner: SerializableAccount;
+    name?: string;
 }
+declare const proxyProviderId = "proxy";
 interface ProxyAccount extends Account {
     provider: "proxy";
     info: ProxyInfo;
 }
+type ProxyEntry = {
+    delegate: AccountAddress;
+    proxy_type: {
+        type: string;
+    };
+    delay: number;
+};
+type GetDelegates = (address: AccountAddress) => Promise<Array<ProxyEntry> | null>;
 interface ProxyProvider extends Plugin<ProxyAccount> {
     id: "proxy";
     accounts$: DefaultedStateObservable<ProxyAccount[]>;
     setProxies: (proxies: ProxyInfo[]) => void;
     addProxy: (proxy: ProxyInfo) => Promise<ProxyAccount | null>;
     removeProxy: (proxy: ProxyInfo) => void;
+    getDelegates: GetDelegates;
 }
-declare const createProxyProvider: (opts?: Partial<{
+declare const createProxyProvider: (getDelegates: GetDelegates, opts?: Partial<{
     persist: PersistenceProvider;
 }>) => ProxyProvider;
 
-export { createProxyProvider };
-export type { ProxyAccount, ProxyInfo, ProxyProvider };
+declare const ManageProxy: FC;
+
+export { ManageProxy, createProxyProvider, proxyProviderId };
+export type { GetDelegates, ProxyAccount, ProxyEntry, ProxyInfo, ProxyProvider };

package/index.css

@@ -0,0 +1,2 @@
+@import "@polkahub/ui-components";
+@source "./dist";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@polkahub/proxy",
-  "version": "0.2.2",
+  "version": "0.3.1",
   "license": "MIT",
   "sideEffects": false,
   "type": "module",
@@ -9,6 +9,7 @@
       "types": "./dist/src/index.d.ts",
       "module": "./dist/index.js",
       "import": "./dist/index.js",
+      "style": "./index.css",
       "default": "./dist/index.js"
     },
     "./package.json": "./package.json"
@@ -17,16 +18,22 @@
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "browser": "./dist/index.js",
+  "style": "./index.css",
   "files": [
-    "dist"
+    "dist",
+    "index.css"
   ],
   "dependencies": {
     "@polkadot-api/meta-signers": "^0.1.17",
     "@react-rxjs/core": "^0.10.8",
     "@react-rxjs/utils": "^0.9.7",
-    "polkadot-api": "^1.20.1",
+    "lucide-react": "^0.553.0",
+    "polkadot-api": "^1.20.2",
     "rxjs": "^7.8.2",
-    "@polkahub/plugin": "0.2.2"
+    "@polkahub/context": "0.3.1",
+    "@polkahub/select-account": "0.3.1",
+    "@polkahub/ui-components": "0.3.1",
+    "@polkahub/plugin": "0.3.1"
   },
   "peerDependencies": {
     "@types/react": "^19.2.2",