updates

.github/workflows/build.yml

@@ -13,16 +13,16 @@ jobs:
       - uses: actions/checkout@v2
       - uses: actions/setup-node@v2
         with:
-          node-version: '16'
-          registry-url: 'https://registry.npmjs.org'
-          cache: 'yarn'
+          node-version: "16"
+          registry-url: "https://registry.npmjs.org"
+          cache: "yarn"
       - run: yarn
       - run: yarn test
       - run: yarn lint
       - run: yarn build
       - uses: actions/upload-artifact@v2
         with:
-          name: 'phala-js-sdk'
+          name: "phala-js-sdk"
           path: |
             packages/sdk/dist/
             packages/sdk/package.json

.github/workflows/publish.yml

@@ -1,19 +1,19 @@
 name: publish
 on:
   release:
-    types: [created, edited]
+    types: [created]
 jobs:
   publish:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v2
       - uses: actions/setup-node@v2
         with:
-          node-version: '16'
-          registry-url: 'https://registry.npmjs.org'
-          cache: 'yarn'
+          node-version: "16"
+          registry-url: "https://registry.npmjs.org"
+          cache: "yarn"
       - run: yarn
       - run: yarn workspace @phala/sdk build
-      - run: yarn workspace @phala/sdk publish
+      - run: yarn workspace @phala/sdk auto-publish
         env:
           NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

.gitignore

@@ -9,3 +9,4 @@ dist
 tsconfig.tsbuildinfo
 .npmrc
 .eslintcache
+browser

.prettierrc

@@ -1,5 +1,4 @@
 {
-  "semi": false,
-  "singleQuote": true,
-  "bracketSpacing": false
+  "proseWrap": "never",
+  "quoteProps": "consistent"
 }

.vscode/settings.json

@@ -1,5 +1,10 @@
 {
-  "eslint.workingDirectories": [{"pattern": "./packages/*/"}],
+  "editor.codeActionsOnSave": {
+    "source.addMissingImports": true,
+    "source.fixAll.eslint": true,
+    "source.sortImports": true
+  },
+  "eslint.workingDirectories": [{ "pattern": "./packages/*/" }],
   "cSpell.ignoreWords": [
     "polkadot",
     "jotai",

.yarnrc.yml

@@ -3,5 +3,7 @@ nodeLinker: node-modules
 plugins:
   - path: .yarn/plugins/@yarnpkg/plugin-workspace-tools.cjs
     spec: "@yarnpkg/plugin-workspace-tools"
+  - path: .yarn/plugins/@yarnpkg/plugin-interactive-tools.cjs
+    spec: "@yarnpkg/plugin-interactive-tools"
 
-yarnPath: .yarn/releases/yarn-3.2.0.cjs
+yarnPath: .yarn/releases/yarn-3.2.3.cjs

README.md

@@ -1,5 +1,9 @@
 # Phala JS SDK
 
+This repository is an archive of Phat Conntract SDK before the move to [main repository](https://github.com/Phala-Network/phala-blockchain/tree/master/frontend/packages/sdk)
+
+So please submit issues & pull requests there, this repository now is archive only.
+
 > ⚠️ This package is under developing, and some features might change in the future.
 
 JavaScript SDK for Phala.

jest.config.cjs

@@ -1,4 +1,4 @@
 /** @type {import('ts-jest/dist/types').InitialOptionsTsJest} */
 module.exports = {
-  preset: 'ts-jest',
-}
+  preset: "ts-jest",
+};

package.json

@@ -15,12 +15,12 @@
     "test": "node --experimental-vm-modules node_modules/.bin/jest"
   },
   "devDependencies": {
-    "@types/jest": "^27.4.1",
+    "@types/jest": "^27.5.2",
     "jest": "^27.5.1",
-    "prettier": "^2.5.1",
-    "ts-jest": "^27.1.3",
-    "ts-node": "^10.7.0",
-    "typescript": "^4.6.2"
+    "prettier": "^2.7.1",
+    "ts-jest": "^27.1.5",
+    "ts-node": "^10.9.1",
+    "typescript": "^4.8.4"
   },
-  "packageManager": "yarn@3.2.0"
+  "packageManager": "yarn@3.2.3"
 }

packages/example/.eslintrc

@@ -7,6 +7,7 @@
   ],
   "parser": "@typescript-eslint/parser",
   "rules": {
-    "no-console": "error"
+    "no-console": "error",
+    "@typescript-eslint/no-explicit-any": 0
   }
 }

packages/example/atoms/account.ts

@@ -1,9 +1,9 @@
-import {atomWithStorage} from 'jotai/utils'
-import type {InjectedAccountWithMeta} from '@polkadot/extension-inject/types'
+import { atomWithStorage } from "jotai/utils";
+import type { InjectedAccountWithMeta } from "@polkadot/extension-inject/types";
 
 const accountAtom = atomWithStorage<InjectedAccountWithMeta | null>(
-  'atom:account',
+  "atom:account",
   null
-)
+);
 
-export default accountAtom
+export default accountAtom;

packages/example/components/AccountSelect.tsx

@@ -1,56 +1,56 @@
-import {useState, useEffect} from 'react'
-import type {InjectedAccountWithMeta} from '@polkadot/extension-inject/types'
-import {useAtom} from 'jotai'
-import {Select} from 'baseui/select'
-import {LabelSmall, MonoParagraphXSmall} from 'baseui/typography'
-import {Block} from 'baseui/block'
-import {FormControl} from 'baseui/form-control'
-import accountAtom from '../atoms/account'
-import {enablePolkadotExtension} from '../lib/polkadotExtension'
+import { useState, useEffect } from "react";
+import type { InjectedAccountWithMeta } from "@polkadot/extension-inject/types";
+import { useAtom } from "jotai";
+import { Select } from "baseui/select";
+import { LabelSmall, MonoParagraphXSmall } from "baseui/typography";
+import { Block } from "baseui/block";
+import { FormControl } from "baseui/form-control";
+import accountAtom from "../atoms/account";
+import { enablePolkadotExtension } from "../lib/polkadotExtension";
 
 const trimAddress = (address: string) =>
-  `${address.slice(0, 6)}…${address.slice(-6)}`
+  `${address.slice(0, 6)}…${address.slice(-6)}`;
 
 const AccountSelect = (): JSX.Element => {
-  const [error, setError] = useState(false)
-  const [account, setAccount] = useAtom(accountAtom)
-  const [options, setOptions] = useState<InjectedAccountWithMeta[]>([])
+  const [error, setError] = useState(false);
+  const [account, setAccount] = useAtom(accountAtom);
+  const [options, setOptions] = useState<InjectedAccountWithMeta[]>([]);
 
   useEffect(() => {
-    let unsubscribe: () => void
+    let unsubscribe: () => void;
 
     const subscribeAccounts = async () => {
-      await enablePolkadotExtension()
+      await enablePolkadotExtension();
       const handleAccounts = (accounts: InjectedAccountWithMeta[]): void => {
-        setOptions(accounts)
-      }
-      const {web3Accounts, web3AccountsSubscribe} = await import(
-        '@polkadot/extension-dapp'
-      )
-      const accounts = await web3Accounts()
-      handleAccounts(accounts)
-      unsubscribe = await web3AccountsSubscribe(handleAccounts)
-    }
+        setOptions(accounts);
+      };
+      const { web3Accounts, web3AccountsSubscribe } = await import(
+        "@polkadot/extension-dapp"
+      );
+      const accounts = await web3Accounts();
+      handleAccounts(accounts);
+      unsubscribe = await web3AccountsSubscribe(handleAccounts);
+    };
 
     try {
-      subscribeAccounts()
+      subscribeAccounts();
     } catch (err) {
-      setError(true)
-      throw err
+      setError(true);
+      throw err;
     }
 
-    return () => unsubscribe?.()
-  }, [])
+    return () => unsubscribe?.();
+  }, []);
 
   useEffect(() => {
     if (
       account &&
       options.length &&
-      !options.find(({address}) => address === account.address)
+      !options.find(({ address }) => address === account.address)
     ) {
-      setAccount(null)
+      setAccount(null);
     }
-  }, [options, account, setAccount])
+  }, [options, account, setAccount]);
 
   return (
     <Block padding="0 20px" flex="0">
@@ -63,23 +63,23 @@ const AccountSelect = (): JSX.Element => {
             },
           },
         }}
-        {...(error && {error: 'Polkadot{.js} extension error'})}
+        {...(error && { error: "Polkadot{.js} extension error" })}
       >
         <Select
           size="compact"
           placeholder="Select Account"
           options={options}
-          getOptionLabel={({option}) =>
+          getOptionLabel={({ option }) =>
             option && (
               <>
-                <LabelSmall>{option.meta.name || 'Unknown'}</LabelSmall>
+                <LabelSmall>{option.meta.name || "Unknown"}</LabelSmall>
                 <MonoParagraphXSmall as="div">
                   {trimAddress(option.address)}
                 </MonoParagraphXSmall>
               </>
             )
           }
-          getValueLabel={({option}) => (
+          getValueLabel={({ option }) => (
             <>
               <LabelSmall>{option.meta.name}</LabelSmall>
               <MonoParagraphXSmall as="div">
@@ -90,14 +90,14 @@ const AccountSelect = (): JSX.Element => {
           searchable={false}
           valueKey="address"
           value={account ? [account] : []}
-          onChange={({value}) =>
+          onChange={({ value }) =>
             setAccount((value[0] as InjectedAccountWithMeta) || null)
           }
-          overrides={{Root: {style: {width: '200px'}}}}
+          overrides={{ Root: { style: { width: "200px" } } }}
         ></Select>
       </FormControl>
     </Block>
-  )
-}
+  );
+};
 
-export default AccountSelect
+export default AccountSelect;