Time locking treasury

cypress/integration/treasuries_spec.ts

@@ -14,9 +14,6 @@ describe('Create a new treasury', () => {
 
     cy.url()
       .should('eq', 'http://localhost:3000/treasuries/new')
-
-    cy.contains('New Signer (min. 2)')
-      .should('be.visible')
   })
 
   it('Should fill title and description', () => {
@@ -30,40 +27,41 @@ describe('Create a new treasury', () => {
   })
 
   it('Should add signers', () => {
-    cy.contains('Add')
-      .should('be.disabled')
+    addresses.forEach((address) => {
+      cy.contains('Add signer').click()
 
-    cy.get('textarea[placeholder="Add signer address and press enter"]')
-      .type("abcdefghijk")
-
-    cy.contains('Add')
-      .should('be.disabled')
+      cy.contains('New Signer')
+        .should('be.visible')
 
-    cy.get('textarea[placeholder="Add signer address and press enter"]')
-      .type('{selectall}{backspace}')
-
-    var signers = 0
-    addresses.map((address) => {
       cy.get('textarea[placeholder="Add signer address and press enter"]')
         .type(address)
         .should("have.value", address)
 
-      cy.contains('Add')
+      cy.contains('Add Address')
         .should('be.enabled')
 
-      cy.contains('Add')
+      cy.contains('Add Address')
         .click()
+    })
 
-      cy.contains('Add')
-        .should('be.disabled')
+    cy.contains('Signers')
+      .parent()
+      .find('ul')
+      .children()
+      .should('have.length', 2)
 
-      signers++;
-      cy.contains('Signers')
-        .parent()
-        .find('ul')
-        .children()
-        .should('have.length', signers)
-    })
+    cy.contains('Add signer').click()
+
+    cy.contains('Add Address')
+      .should('be.disabled')
+
+    cy.get('textarea[placeholder="Add signer address and press enter"]')
+      .type("abcdefghijk")
+
+    cy.contains('Add Address')
+      .should('be.disabled')
+
+    cy.contains('Cancel').click()
   })
   //TODO: add test to check if add button is disabled when using wrong address
 
@@ -124,8 +122,6 @@ describe('Create a new treasury', () => {
     cy.contains('Edit Info')
       .click()
 
-    cy.wait(1500)
-
     cy.get('input[placeholder="Write Name"]')
       .type(addedName)
       .should("have.value", editedName);
@@ -137,8 +133,6 @@ describe('Create a new treasury', () => {
     cy.contains('Save Treasury')
       .click()
 
-    cy.wait(1500)
-
     cy.contains(editedName)
       .should('be.visible')
 
@@ -187,4 +181,4 @@ describe('Create a new treasury', () => {
 
     cy.url().should('eq', 'http://localhost:3000/treasuries/gwMCgoIAWBz2v%2FtCURgnKF2D4mFnXqjUTGnZS54dlZQ1d90KggBYHOHZFcEMhAAXvTkIioJQeycVCkOOiQd4QiFJEwk%3D')
   })
-})
+})

src/cardano/multiplatform-lib.ts

@@ -1,11 +1,34 @@
 import type { ShelleyProtocolParams, TransactionOutput } from '@cardano-graphql/client-ts'
-import type { Address, BaseAddress, BigNum, Ed25519KeyHash, NativeScript, NativeScripts, NetworkInfo, ScriptHash, Transaction, TransactionBuilder, TransactionHash, TransactionUnspentOutputs, Value as CardanoValue, Vkeywitness } from '@dcspark/cardano-multiplatform-lib-browser'
+import type { Address, BaseAddress, BigNum, Ed25519KeyHash, NativeScript, NetworkInfo, ScriptHash, Transaction, TransactionBuilder, TransactionHash, TransactionOutput as CardanoTransactionOutput, TransactionUnspentOutputs, Value as CardanoValue, Vkeywitness } from '@dcspark/cardano-multiplatform-lib-browser'
+import { nanoid } from 'nanoid'
 import { useEffect, useState } from 'react'
+import type { Config } from './config'
 import type { Value } from './query-api'
 import { getAssetName, getPolicyId } from './query-api'
 
 type CardanoWASM = typeof import('@dcspark/cardano-multiplatform-lib-browser')
 type MultiSigType = 'all' | 'any' | 'atLeast'
+type Recipient = {
+  id: string
+  address: string
+  value: Value
+}
+
+const newRecipient = (): Recipient => {
+  return {
+    id: nanoid(),
+    address: '',
+    value: {
+      lovelace: BigInt(0),
+      assets: new Map()
+    }
+  }
+}
+
+const isAddressNetworkCorrect = (config: Config, address: Address): boolean => {
+  const networkId = address.network_id()
+  return config.isMainnet ? networkId === 1 : networkId === 0
+}
 
 type Result<T> =
   | { isOk: true, data: T }
@@ -78,6 +101,19 @@ class Cardano {
     return this._wasm
   }
 
+  public buildTxOutput(recipient: Recipient): Result<CardanoTransactionOutput> {
+    const { Address, TransactionOutputBuilder } = this.lib
+    return getResult(() => {
+      const address = Address.from_bech32(recipient.address)
+      const builder = TransactionOutputBuilder
+        .new()
+        .with_address(address)
+        .next()
+      const value = this.getCardanoValue(recipient.value)
+      return builder.with_value(value).build()
+    })
+  }
+
   public getMinLovelace(value: Value, hasDataHash: boolean, coinsPerUtxoWord: number): bigint {
     const minimum = this.lib.min_ada_required(
       this.getCardanoValue(value),
@@ -173,16 +209,6 @@ class Cardano {
     })
   }
 
-  public buildMultiSigScript(keyHashes: Ed25519KeyHash[], type: MultiSigType, required: number): NativeScript {
-    const publicKeyScripts = keyHashes.map((keyHash) => this.buildPublicKeyScript(keyHash))
-
-    switch (type) {
-      case 'all': return this.buildAllScript(publicKeyScripts)
-      case 'any': return this.buildAnyScript(publicKeyScripts)
-      case 'atLeast': return this.buildAtLeastScript(publicKeyScripts, required)
-    }
-  }
-
   public createTxBuilder(protocolParameters: ShelleyProtocolParams): TransactionBuilder {
     const { BigNum, TransactionBuilder, TransactionBuilderConfigBuilder, LinearFee } = this.lib
     const { minFeeA, minFeeB, poolDeposit, keyDeposit,
@@ -267,35 +293,6 @@ class Cardano {
     return utxosSet
   }
 
-  private buildPublicKeyScript(keyHash: Ed25519KeyHash): NativeScript {
-    const { ScriptPubkey, NativeScript } = this.lib
-    return NativeScript.new_script_pubkey(ScriptPubkey.new(keyHash))
-  }
-
-  private buildAllScript(scripts: NativeScript[]): NativeScript {
-    const { ScriptAll, NativeScript } = this.lib
-    return NativeScript.new_script_all(ScriptAll.new(this.buildNativeScripts(scripts)))
-  }
-
-  private buildAnyScript(scripts: NativeScript[]): NativeScript {
-    const { ScriptAny, NativeScript } = this.lib
-    return NativeScript.new_script_any(ScriptAny.new(this.buildNativeScripts(scripts)))
-  }
-
-  private buildAtLeastScript(scripts: NativeScript[], required: number): NativeScript {
-    const { ScriptNOfK, NativeScript } = this.lib
-    return NativeScript.new_script_n_of_k(ScriptNOfK.new(required, this.buildNativeScripts(scripts)))
-  }
-
-  private buildNativeScripts(scripts: NativeScript[]): NativeScripts {
-    const { NativeScripts } = this.lib
-    const nativeScripts = NativeScripts.new()
-    scripts.forEach((script) => {
-      nativeScripts.add(script)
-    })
-    return nativeScripts
-  }
-
   private getScriptHashBaseAddress(scriptHash: ScriptHash, networkInfo: NetworkInfo): BaseAddress {
     const { BaseAddress, StakeCredential } = this.lib
     const networkId = networkInfo.network_id()
@@ -338,5 +335,5 @@ const useCardanoMultiplatformLib = () => {
   return cardano
 }
 
-export type { Cardano, CardanoIterable, Result, MultiSigType }
-export { encodeCardanoData, getResult, toIter, toHex, useCardanoMultiplatformLib, verifySignature, Loader }
+export type { Cardano, CardanoIterable, Result, MultiSigType, Recipient }
+export { encodeCardanoData, getResult, toIter, toHex, useCardanoMultiplatformLib, verifySignature, Loader, newRecipient, isAddressNetworkCorrect }

src/cardano/query-api.ts

@@ -5,6 +5,9 @@ import { Config } from './config'
 
 const getPolicyId = (assetId: string) => assetId.slice(0, 56)
 const getAssetName = (assetId: string) => assetId.slice(56)
+const decodeASCII = (assetName: string): string => {
+  return Buffer.from(assetName, 'hex').toString('ascii')
+}
 
 type Assets = Map<string, bigint>
 
@@ -30,7 +33,19 @@ const getBalanceByUTxOs = (utxos: TransactionOutput[]): Value => {
   }
 }
 
+const createApolloClient = (config: Config) => new ApolloClient({
+  uri: config.queryAPI.URI,
+  cache: new InMemoryCache({
+    typePolicies: {
+      PaymentAddress: {
+        keyFields: ['address']
+      }
+    }
+  })
+})
+
 type Query<D, V> = (options: QueryHookOptions<D, V>) => QueryResult<D, V>;
+type OptionalQuery<D, V> = (options?: QueryHookOptions<D, V>) => QueryResult<D, V>;
 
 const GetUTxOsToSpendQuery = gql`
 query getUTxOsToSpend($addresses: [String]!) {
@@ -110,16 +125,5 @@ function getBalanceByPaymentAddresses(paymentAddresses: PaymentAddress[]): Value
   return balance
 }
 
-const createApolloClient = (config: Config) => new ApolloClient({
-  uri: config.queryAPI.URI,
-  cache: new InMemoryCache({
-    typePolicies: {
-      PaymentAddress: {
-        keyFields: ['address']
-      }
-    }
-  })
-})
-
 export type { Value }
-export { createApolloClient, getBalanceByUTxOs, getPolicyId, getAssetName, getBalanceByPaymentAddresses, useGetUTxOsToSpendQuery, usePaymentAddressesQuery }
+export { createApolloClient, decodeASCII, getBalanceByUTxOs, getPolicyId, getAssetName, getBalanceByPaymentAddresses, useGetUTxOsToSpendQuery, usePaymentAddressesQuery }

src/cardano/utils.test.ts

@@ -0,0 +1,26 @@
+import { estimateDateBySlot, estimateSlotByDate, getEpochBySlot, getSlotInEpochBySlot } from "./utils"
+
+test('estimateSlotByDate', () => {
+  expect(estimateSlotByDate(new Date('2022-04-21T22:26:39.000Z'), true)).toBe(59013708)
+  expect(estimateSlotByDate(new Date('2022-04-21T22:28:04.000Z'), false)).toBe(56210868)
+  expect(estimateSlotByDate(new Date('2022-04-28T01:56:00.000Z'), false)).toBe(56741744)
+})
+
+test('estimateDateBySlot', () => {
+  expect(estimateDateBySlot(59013708, true).toISOString()).toBe('2022-04-21T22:26:39.000Z')
+  expect(estimateDateBySlot(56210868, false).toISOString()).toBe('2022-04-21T22:28:04.000Z')
+  expect(estimateDateBySlot(56741744, false).toISOString()).toBe('2022-04-28T01:56:00.000Z')
+})
+
+test('estimateDateBySlot', () => {
+  expect(getEpochBySlot(59013708, true)).toBe(334)
+  expect(getEpochBySlot(59016575, true)).toBe(334)
+  expect(getEpochBySlot(56210868, false)).toBe(200)
+  expect(getEpochBySlot(56211570, false)).toBe(200)
+  expect(getEpochBySlot(56213638, false)).toBe(200)
+})
+
+test('getSlotInEpochBySlot', () => {
+  expect(getSlotInEpochBySlot(59016575, true)).toBe(91775)
+  expect(getSlotInEpochBySlot(56213638, false)).toBe(183238)
+})

src/cardano/utils.ts

@@ -0,0 +1,10 @@
+const SlotLength = 432000
+const shelleyStart = (isMainnet: boolean): number => isMainnet ? 4924800 : 4924800 + 129600 - SlotLength
+const networkOffset = (isMainnet: boolean): number => isMainnet ? 1596491091 : 1599294016 + 129600 - SlotLength
+const estimateDateBySlot = (slot: number, isMainnet: boolean): Date => new Date((slot - shelleyStart(isMainnet) + networkOffset(isMainnet)) * 1000)
+const estimateSlotByDate = (date: Date, isMainnet: boolean): number => Math.floor(date.getTime() / 1000) + shelleyStart(isMainnet) - networkOffset(isMainnet)
+const slotSinceShelley = (slot: number, isMainnet: boolean): number => slot - shelleyStart(isMainnet)
+const getEpochBySlot = (slot: number, isMainnet: boolean) => Math.floor(slotSinceShelley(slot, isMainnet) / SlotLength) + (isMainnet ? 208 : 80) + 1
+const getSlotInEpochBySlot = (slot: number, isMainnet: boolean) => slotSinceShelley(slot, isMainnet) % SlotLength
+
+export { estimateDateBySlot, estimateSlotByDate, getEpochBySlot, getSlotInEpochBySlot, SlotLength }

src/components/currency.tsx

@@ -71,4 +71,45 @@ const ADAAmount: NextPage<{
   return <AssetAmount quantity={lovelace} decimals={6} symbol={getADASymbol(config)} className={className} />
 }
 
-export { getADASymbol, removeTrailingZero, toDecimal, ADAAmount, AssetAmount, CurrencyInput }
+const LabeledCurrencyInput: NextPage<{
+  symbol: string
+  decimal: number
+  value: bigint
+  min?: bigint
+  max: bigint
+  maxButton?: boolean
+  onChange: (_: bigint) => void
+  placeholder?: string
+}> = (props) => {
+  const { decimal, value, onChange, min, max, maxButton, symbol, placeholder } = props
+  const changeHandle = (value: bigint) => {
+    const min = value > max ? max : value
+    onChange(min)
+  }
+  const isValid = value > 0 && value <= max && (min ? value >= min : true)
+
+  return (
+    <label className='flex grow border rounded overflow-hidden'>
+      <CurrencyInput
+        className={['p-2 block w-full outline-none', isValid ? '' : 'text-red-500'].join(' ')}
+        decimals={decimal}
+        value={value}
+        onChange={changeHandle}
+        placeholder={placeholder} />
+      <div className='p-2 space-x-1'>
+        <span>of</span>
+        <span>{toDecimal(max, decimal)}</span>
+        <span>{symbol}</span>
+      </div>
+      {maxButton &&
+        <button
+          onClick={() => onChange(max)}
+          className='bg-gray-100 border-l py-2 px-4 group text-sky-700'>
+          Max
+        </button>
+      }
+    </label>
+  )
+}
+
+export { getADASymbol, removeTrailingZero, toDecimal, ADAAmount, AssetAmount, CurrencyInput, LabeledCurrencyInput }