feat(CRO): CWC-272 add Cronos smart contract (#273)

Author: hank121314

.prettierrc

@@ -3,5 +3,6 @@
   "tabWidth": 2,
   "useTabs": false,
   "singleQuote": true,
+  "jsxSingleQuote": true,
   "semi": true
 }

packages/coin-cro/package.json

@@ -8,18 +8,30 @@
   "scripts": {
     "build:types": "tsc --emitDeclarationOnly",
     "build:ts": "babel src --out-dir lib --extensions \".ts,.tsx\" --source-maps inline",
-    "build": "npm run build:types && npm run build:ts",
-    "test": "jest --verbose"
+    "build": "del-cli lib && npm run build:types && npm run build:ts",
+    "test": "jest"
+  },
+  "dependencies": {
+    "bip32": "^2.0.4",
+    "eth-sig-util": "^3.0.1",
+    "keccak": "^3.0.2",
+    "rlp": "^2.2.7",
+    "web3": "^1.7.0"
+  },
+  "peerDependencies": {
+    "@coolwallet/core": "^1.0.14"
   },
   "devDependencies": {
     "@babel/cli": "^7.16.8",
     "@babel/core": "^7.16.7",
     "@babel/plugin-proposal-class-properties": "^7.7.4",
     "@babel/preset-env": "^7.7.1",
     "@babel/preset-typescript": "^7.7.7",
-    "@coolwallet/core": "file:../core",
+    "@coolwallet/core": "^1.0.14",
     "@types/eth-sig-util": "^2.1.1",
     "@types/node": "^14.0.13",
+    "@types/keccak": "^3.0.1",
+    "del-cli": "^4.0.1",
     "typescript": "^4.4.3"
   },
   "repository": {
@@ -28,13 +40,5 @@
   },
   "bugs": {
     "url": "https://github.com/CoolBitX-Technology/coolwallet3-sdk/issues"
-  },
-  "dependencies": {
-    "@types/keccak": "^3.0.1",
-    "bip32": "^2.0.4",
-    "eth-sig-util": "^3.0.1",
-    "keccak": "^3.0.2",
-    "rlp": "^2.2.7",
-    "web3": "^1.7.0"
   }
 }

packages/coin-cro/src/config/params.ts

@@ -19,9 +19,17 @@ export const ERC20 = {
 };
 
 export const SmartContract = {
-  script: '',
-  signature: ''.padStart(144, '0'),
+  script: `03040601C707000000003CA00700C2ACD70032FFF8C2ACD7001EFFF6C2ACD70028FFF6CC071094CAA02700C2A2D700FFF6C2AC97003ACC0E1019C2E09700CC07C0028080BE0710DC07C00343524FD207C005534D415254D207CC05065052455353425554546F4E`,
+  signature: `3045022072902FD446A0E80824EAEF45ACCA5F800BE52AD3CE9D011AF90C8D85710059D0022100C467A0FE1BF941B4900CB269B80BD2D1999EEB5B8633676AA0383E8EDE863FA3`.padStart(144, '0'),
   get scriptWithSignature(): string {
     return this.script + this.signature;
   },
 };
+
+export const SmartContractSegment = {
+  script: `03050601C707000000003CA00700C2ACD70032FFF8C2ACD7001EFFF6C2ACD70028FFF6CC071094CAA02700C2A2D700FFF6C4ACC7003A04CC0E1019C2E09700CC07C0028080BE0710DC07C00343524FD207C005534D415254D207CC05065052455353425554546F4E`,
+  signature: `3046022100A0188B33A3CCCF98BF055FB82BF621E9D43AFE7DD066D907DD446688E91141C0022100EF67E474862FA59DC5DE49079FD5258CDB6939C41C84E0170132399E1CB96592`.padStart(144, '0'),
+  get scriptWithSignature(): string {
+    return this.script + this.signature;
+  },
+}

packages/coin-cro/src/index.ts

@@ -83,6 +83,13 @@ export default class CRO extends COIN.ECDSACoin implements COIN.Coin {
   async signSmartContractTransaction(signTxData: types.signTx): Promise<string> {
     const { transport, appPrivateKey, appId, addressIndex, transaction } = signTxData;
     const publicKey = await this.getPublicKey(transport, appPrivateKey, appId, addressIndex);
+    // if data bytes is larger than 8192 sign it segmentally.
+    if (transaction.data.length > 8192 * 2) {
+      const argument = await scriptUtils.getSmartContractSegmentArgument(transaction, addressIndex);
+      const script = params.SmartContractSegment.scriptWithSignature;
+
+      return ethSign.signSegmentSmartContractTransaction(signTxData, script, argument, publicKey);
+    }
     const argument = await scriptUtils.getSmartContractArgument(transaction, addressIndex);
     const script = params.SmartContract.scriptWithSignature;
 

packages/coin-cro/src/sign.ts

@@ -60,8 +60,44 @@ export const signTransaction = async (
   }
 };
 
+export const signSmartContractTransaction = async (
+  signTxData: signTx,
+  script: string,
+  argument: string,
+  publicKey: string
+): Promise<string> => {
+  const { transport, transaction } = signTxData;
+
+  const rawPayload = ethUtil.getRawHex(transaction);
+
+  const preActions = [];
+
+  preActions.push(() => apdu.tx.sendScript(transport, script));
+
+  const action = () => apdu.tx.executeScript(transport, signTxData.appId, signTxData.appPrivateKey, argument);
+
+  const canonicalSignature = await tx.flow.getSingleSignatureFromCoolWallet(
+    transport,
+    preActions,
+    action,
+    false,
+    signTxData.confirmCB,
+    signTxData.authorizedCB,
+    true
+  );
+
+  if (!Buffer.isBuffer(canonicalSignature)) {
+    const { v, r, s } = await ethUtil.genEthSigFromSESig(canonicalSignature, rlp.encode(rawPayload), publicKey);
+    const serializedTx = ethUtil.composeSignedTransacton(rawPayload, v, r, s, CHAIN_ID);
+    return serializedTx;
+  } else {
+    throw new error.SDKError(signTransaction.name, 'canonicalSignature type error');
+  }
+};
+
 /**
- * sign ETH Smart Contract Transaction
+ * sign ETH Smart Contract Transaction segmentally
+ *
  * @param {Transport} transport
  * @param {string} appId
  * @param {String} appPrivateKey
@@ -74,7 +110,7 @@ export const signTransaction = async (
  * @param {Function} authorizedCB
  * @return {Promise<string>}
  */
-export const signSmartContractTransaction = async (
+export const signSegmentSmartContractTransaction = async (
   signTxData: signTx,
   script: string,
   argument: string,

packages/coin-cro/src/utils/scriptUtils.ts

@@ -52,9 +52,27 @@ export const getERC20Argument = async (transaction: Transaction, tokenSignature:
 
 /**
  * [contractAddress(20B)] [value(10B)] [gasPrice(10B)] [gasLimit(10B)] [nonce(8B)] [chainId(2B)] [contractData(Variety)]
+ *
  * @param transaction
  */
 export const getSmartContractArgument = async (transaction: Transaction, addressIndex: number) => {
+  const argument =
+    handleHex(transaction.to) + // contractAddress : 81bb32e4A7e4d0500d11A52F3a5F60c9A6Ef126C
+    handleHex(transaction.value).padStart(20, '0') + // 000000b1a2bc2ec50000
+    handleHex(transaction.gasPrice).padStart(20, '0') + // 0000000000020c855800
+    handleHex(transaction.gasLimit).padStart(20, '0') + // 0000000000000000520c
+    handleHex(transaction.nonce).padStart(16, '0') + // 0000000000000289
+    handleHex(transaction.data); // variant data
+
+  return '15' + (await utils.getPath(COIN_TYPE, addressIndex)) + argument;
+};
+
+/**
+ * [contractAddress(20B)] [value(10B)] [gasPrice(10B)] [gasLimit(10B)] [nonce(8B)] [chainId(2B)] [dataLength(4B)]
+ *
+ * @param transaction
+ */
+export const getSmartContractSegmentArgument = async (transaction: Transaction, addressIndex: number) => {
   const argument =
     handleHex(transaction.to) + // contractAddress : 81bb32e4A7e4d0500d11A52F3a5F60c9A6Ef126C
     handleHex(transaction.value).padStart(20, '0') + // 000000b1a2bc2ec50000

packages/coin-cro/webpack.config.js

@@ -0,0 +1,26 @@
+.inputs-component {
+  width: 100%;
+  font-size: 1.25rem;
+  line-height: 1.75rem;
+  margin-top: 1rem;
+  flex-wrap: nowrap;
+}
+
+.inputs-component .text-area {
+  display: flex;
+  width: 100%;
+  justify-items: center;
+  border-radius: 0.25rem;
+  background-color: #808080;
+  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
+    'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+}
+
+.inputs-component .input-col {
+  padding: 0;
+  margin-right: 1rem;
+}
+
+.inputs-component .button-group {
+  display: flex;
+}

packages/coin-tester/src/components/Inputs.css

@@ -0,0 +1,61 @@
+import React, { memo, FC } from 'react';
+import { Row, Col, ButtonGroup, Button as BootStrapButton, Form } from 'react-bootstrap';
+import './Inputs.css'
+
+const row = 'inputs-component';
+
+const textArea = 'text-area';
+
+const inputCol = 'input-col';
+
+const buttonGroup = 'button-group';
+
+const button = 'button';
+
+interface Input {
+  xs?: number;
+  value: string;
+  placeholder: string;
+  onChange(value: string): void;
+}
+
+interface Props {
+  title: string;
+  inputs: Input[];
+  content: string;
+  onClick(): void;
+  btnTitle?: string;
+  variant?: string;
+  disabled?: boolean;
+}
+
+const ButtonInputs: FC<Props> = (props: Props) => {
+  return (
+    <Row className={row}>
+      <Col xs={2}>{props.title}</Col>
+      {props.inputs.map((input, i) => (
+        <Col xs={input.xs ?? 2} key={'' + i + ''} className={inputCol}>
+          <Form.Control
+            value={input.value}
+            onChange={(event) => {
+              input.onChange(event.target.value);
+            }}
+            placeholder={input.placeholder}
+          />
+        </Col>
+      ))}
+      <Col className={textArea}>{props.content}</Col>
+      <Col xs={2}>
+        <ButtonGroup className={buttonGroup}>
+          <BootStrapButton className={button} variant={props.variant} disabled={props.disabled} onClick={props.onClick}>
+            {props.btnTitle}
+          </BootStrapButton>
+        </ButtonGroup>
+      </Col>
+    </Row>
+  );
+};
+
+ButtonInputs.defaultProps = { disabled: false, variant: 'outline-light', btnTitle: 'Get' };
+
+export default memo(ButtonInputs);