@polkahub/vault 0.5.0 → 0.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ManageVault.js +1 -1
- package/dist/ManageVault.js.map +1 -1
- package/package.json +11 -11
package/dist/ManageVault.js
CHANGED
|
@@ -50,7 +50,7 @@ const VaultAccounts = () => {
|
|
|
50
50
|
children: /* @__PURE__ */ jsx(Trash2, {})
|
|
51
51
|
}
|
|
52
52
|
),
|
|
53
|
-
/* @__PURE__ */ jsx(AddressIdentity, { addr: acc.address }),
|
|
53
|
+
/* @__PURE__ */ jsx(AddressIdentity, { addr: acc.address, name: acc.name }),
|
|
54
54
|
/* @__PURE__ */ jsx("div", { className: "grow" }),
|
|
55
55
|
/* @__PURE__ */ jsx(AddressBalance, { addr: acc.address }),
|
|
56
56
|
selectAccount && /* @__PURE__ */ jsx(
|
package/dist/ManageVault.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ManageVault.js","sources":["../src/ManageVault.tsx"],"sourcesContent":["import {\n AddressBalance,\n AddressIdentity,\n ModalContext,\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 { Camera, Trash2 } from \"lucide-react\";\nimport { getSs58AddressInfo } from \"polkadot-api\";\nimport { useCallback, useContext, type FC } from \"react\";\nimport vaultImg from \"./assets/vault.webp\";\nimport { PolkadotVaultProvider, polkadotVaultProviderId } from \"./provider\";\nimport { QrCamera } from \"./QrCamera\";\n\nexport const ManageVault: FC = () => {\n const { pushContent } = useContext(ModalContext)!;\n const polkadotVaultProvider = usePlugin<PolkadotVaultProvider>(\n polkadotVaultProviderId\n );\n\n return (\n <SourceButton\n label=\"Vault\"\n onClick={() =>\n pushContent({ title: \"Vault Accounts\", element: <VaultAccounts /> })\n }\n disabled={!polkadotVaultProvider}\n >\n <img src={vaultImg} alt=\"Vault\" className=\"h-10 rounded\" />\n </SourceButton>\n );\n};\n\nconst VaultAccounts = () => {\n const { pushContent, popContent } = useContext(ModalContext)!;\n const polkadotVaultProvider = usePlugin<PolkadotVaultProvider>(\n polkadotVaultProviderId\n )!;\n const vaultAccounts = useStateObservable(polkadotVaultProvider.accounts$);\n const selectAccount = useSetSelectedAccount();\n\n return (\n <div className=\"space-y-4\">\n {vaultAccounts.length ? (\n <div>\n <h3 className=\"font-medium text-muted-foreground\">Added addresses</h3>\n <ul className=\"space-y-2\">\n {vaultAccounts.map((acc) => (\n <li\n key={`${acc.address}-${acc.genesis}`}\n className=\"flex gap-2 items-center\"\n >\n <Button\n variant=\"outline\"\n className=\"text-destructive\"\n type=\"button\"\n onClick={() => polkadotVaultProvider.removeAccount(acc)}\n >\n <Trash2 />\n </Button>\n <AddressIdentity addr={acc.address} />\n <div className=\"grow\" />\n <AddressBalance addr={acc.address} />\n {selectAccount && (\n <Button\n variant=\"secondary\"\n onClick={() => {\n selectAccount(acc);\n }}\n >\n Select\n </Button>\n )}\n </li>\n ))}\n </ul>\n </div>\n ) : (\n <div className=\"text-sm text-muted-foreground text-center\">\n No accounts imported\n </div>\n )}\n <div className=\"flex justify-end\">\n <Button\n type=\"button\"\n onClick={() =>\n pushContent({\n title: \"Scan Account\",\n element: <ScanAccount onScanned={popContent} />,\n })\n }\n >\n <Camera />\n Scan new account\n </Button>\n </div>\n </div>\n );\n};\n\nconst ScanAccount: FC<{ onScanned: () => void }> = ({ onScanned }) => {\n const polkadotVaultProvider = usePlugin<PolkadotVaultProvider>(\n polkadotVaultProviderId\n )!;\n\n return (\n <div className=\"space-y-2\">\n <p>Scan your account QR from the vault app</p>\n <QrCamera\n onRead={useCallback(\n (res) => {\n // Expected format: `substrate:${Addr}:${genesis}`\n const split = res.split(\":\");\n if (\n split[0] !== \"substrate\" ||\n split.length != 3 ||\n !split[2].startsWith(\"0x\")\n ) {\n throw new Error(\"Invalid QR\");\n }\n const [, address, genesis] = split;\n const account = getSs58AddressInfo(address);\n if (!account.isValid) {\n throw new Error(\"Invalid QR\");\n }\n\n polkadotVaultProvider.addAccount({\n address,\n genesis,\n });\n onScanned();\n },\n [onScanned, polkadotVaultProvider]\n )}\n />\n </div>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;AAgBO,MAAM,cAAkB,MAAM;AACnC,EAAA,MAAM,EAAE,WAAA,EAAY,GAAI,UAAA,CAAW,YAAY,CAAA;AAC/C,EAAA,MAAM,qBAAA,GAAwB,SAAA;AAAA,IAC5B;AAAA,GACF;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAM,OAAA;AAAA,MACN,OAAA,EAAS,MACP,WAAA,CAAY,EAAE,KAAA,EAAO,kBAAkB,OAAA,kBAAS,GAAA,CAAC,aAAA,EAAA,EAAc,CAAA,EAAI,CAAA;AAAA,MAErE,UAAU,CAAC,qBAAA;AAAA,MAEX,8BAAC,KAAA,EAAA,EAAI,GAAA,EAAK,UAAU,GAAA,EAAI,OAAA,EAAQ,WAAU,cAAA,EAAe;AAAA;AAAA,GAC3D;AAEJ;AAEA,MAAM,gBAAgB,MAAM;AAC1B,EAAA,MAAM,EAAE,WAAA,EAAa,UAAA,EAAW,GAAI,WAAW,YAAY,CAAA;AAC3D,EAAA,MAAM,qBAAA,GAAwB,SAAA;AAAA,IAC5B;AAAA,GACF;AACA,EAAA,MAAM,aAAA,GAAgB,kBAAA,CAAmB,qBAAA,CAAsB,SAAS,CAAA;AACxE,EAAA,MAAM,gBAAgB,qBAAA,EAAsB;AAE5C,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,WAAA,EACZ,QAAA,EAAA;AAAA,IAAA,aAAA,CAAc,MAAA,wBACZ,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,mCAAA,EAAoC,QAAA,EAAA,iBAAA,EAAe,CAAA;AAAA,0BAChE,IAAA,EAAA,EAAG,SAAA,EAAU,aACX,QAAA,EAAA,aAAA,CAAc,GAAA,CAAI,CAAC,GAAA,qBAClB,IAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UAEC,SAAA,EAAU,yBAAA;AAAA,UAEV,QAAA,EAAA;AAAA,4BAAA,GAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBACC,OAAA,EAAQ,SAAA;AAAA,gBACR,SAAA,EAAU,kBAAA;AAAA,gBACV,IAAA,EAAK,QAAA;AAAA,gBACL,OAAA,EAAS,MAAM,qBAAA,CAAsB,aAAA,CAAc,GAAG,CAAA;AAAA,gBAEtD,8BAAC,MAAA,EAAA,EAAO;AAAA;AAAA,aACV;AAAA,
|
|
1
|
+
{"version":3,"file":"ManageVault.js","sources":["../src/ManageVault.tsx"],"sourcesContent":["import {\n AddressBalance,\n AddressIdentity,\n ModalContext,\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 { Camera, Trash2 } from \"lucide-react\";\nimport { getSs58AddressInfo } from \"polkadot-api\";\nimport { useCallback, useContext, type FC } from \"react\";\nimport vaultImg from \"./assets/vault.webp\";\nimport { PolkadotVaultProvider, polkadotVaultProviderId } from \"./provider\";\nimport { QrCamera } from \"./QrCamera\";\n\nexport const ManageVault: FC = () => {\n const { pushContent } = useContext(ModalContext)!;\n const polkadotVaultProvider = usePlugin<PolkadotVaultProvider>(\n polkadotVaultProviderId\n );\n\n return (\n <SourceButton\n label=\"Vault\"\n onClick={() =>\n pushContent({ title: \"Vault Accounts\", element: <VaultAccounts /> })\n }\n disabled={!polkadotVaultProvider}\n >\n <img src={vaultImg} alt=\"Vault\" className=\"h-10 rounded\" />\n </SourceButton>\n );\n};\n\nconst VaultAccounts = () => {\n const { pushContent, popContent } = useContext(ModalContext)!;\n const polkadotVaultProvider = usePlugin<PolkadotVaultProvider>(\n polkadotVaultProviderId\n )!;\n const vaultAccounts = useStateObservable(polkadotVaultProvider.accounts$);\n const selectAccount = useSetSelectedAccount();\n\n return (\n <div className=\"space-y-4\">\n {vaultAccounts.length ? (\n <div>\n <h3 className=\"font-medium text-muted-foreground\">Added addresses</h3>\n <ul className=\"space-y-2\">\n {vaultAccounts.map((acc) => (\n <li\n key={`${acc.address}-${acc.genesis}`}\n className=\"flex gap-2 items-center\"\n >\n <Button\n variant=\"outline\"\n className=\"text-destructive\"\n type=\"button\"\n onClick={() => polkadotVaultProvider.removeAccount(acc)}\n >\n <Trash2 />\n </Button>\n <AddressIdentity addr={acc.address} name={acc.name} />\n <div className=\"grow\" />\n <AddressBalance addr={acc.address} />\n {selectAccount && (\n <Button\n variant=\"secondary\"\n onClick={() => {\n selectAccount(acc);\n }}\n >\n Select\n </Button>\n )}\n </li>\n ))}\n </ul>\n </div>\n ) : (\n <div className=\"text-sm text-muted-foreground text-center\">\n No accounts imported\n </div>\n )}\n <div className=\"flex justify-end\">\n <Button\n type=\"button\"\n onClick={() =>\n pushContent({\n title: \"Scan Account\",\n element: <ScanAccount onScanned={popContent} />,\n })\n }\n >\n <Camera />\n Scan new account\n </Button>\n </div>\n </div>\n );\n};\n\nconst ScanAccount: FC<{ onScanned: () => void }> = ({ onScanned }) => {\n const polkadotVaultProvider = usePlugin<PolkadotVaultProvider>(\n polkadotVaultProviderId\n )!;\n\n return (\n <div className=\"space-y-2\">\n <p>Scan your account QR from the vault app</p>\n <QrCamera\n onRead={useCallback(\n (res) => {\n // Expected format: `substrate:${Addr}:${genesis}`\n const split = res.split(\":\");\n if (\n split[0] !== \"substrate\" ||\n split.length != 3 ||\n !split[2].startsWith(\"0x\")\n ) {\n throw new Error(\"Invalid QR\");\n }\n const [, address, genesis] = split;\n const account = getSs58AddressInfo(address);\n if (!account.isValid) {\n throw new Error(\"Invalid QR\");\n }\n\n polkadotVaultProvider.addAccount({\n address,\n genesis,\n });\n onScanned();\n },\n [onScanned, polkadotVaultProvider]\n )}\n />\n </div>\n );\n};\n"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@polkahub/vault",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.6.0",
|
|
4
4
|
"author": "Victor Oliva (https://github.com/voliva)",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -28,18 +28,18 @@
|
|
|
28
28
|
"index.css"
|
|
29
29
|
],
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"@polkadot-api/merkleize-metadata": "^1.1
|
|
32
|
-
"@polkadot-api/signers-common": "^0.1
|
|
33
|
-
"@polkadot-api/substrate-bindings": "^0.
|
|
31
|
+
"@polkadot-api/merkleize-metadata": "^1.2.1",
|
|
32
|
+
"@polkadot-api/signers-common": "^0.2.1",
|
|
33
|
+
"@polkadot-api/substrate-bindings": "^0.20.1",
|
|
34
34
|
"@react-rxjs/core": "^0.10.8",
|
|
35
35
|
"@react-rxjs/utils": "^0.9.7",
|
|
36
|
-
"lucide-react": "^
|
|
37
|
-
"polkadot-api": "^2.
|
|
36
|
+
"lucide-react": "^1.14.0",
|
|
37
|
+
"polkadot-api": "^2.1.0",
|
|
38
38
|
"rxjs": "^7.8.2",
|
|
39
|
-
"@polkahub/context": "0.
|
|
40
|
-
"@polkahub/
|
|
41
|
-
"@polkahub/plugin": "0.
|
|
42
|
-
"@polkahub/
|
|
39
|
+
"@polkahub/context": "0.6.0",
|
|
40
|
+
"@polkahub/select-account": "0.6.0",
|
|
41
|
+
"@polkahub/plugin": "0.6.0",
|
|
42
|
+
"@polkahub/ui-components": "0.6.0"
|
|
43
43
|
},
|
|
44
44
|
"peerDependencies": {
|
|
45
45
|
"@types/react": "^19.2.2",
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
},
|
|
48
48
|
"devDependencies": {
|
|
49
49
|
"@types/react": "^19.2.14",
|
|
50
|
-
"react": "^19.2.
|
|
50
|
+
"react": "^19.2.5"
|
|
51
51
|
},
|
|
52
52
|
"scripts": {
|
|
53
53
|
"build": "tsc -b && rollup -c ../../rollup.config.js"
|