zksync dapp checkout

zkCheckout — trustable permissionless DeFi payment gateway. Fast & cheap transfers / simple & quick withdrawal

matter-labs
126
71
Vue

zkSync Lite Checkout · zkSync.io GitHub license GitHub license

zkSync Lite Checkout — trustable permissionless DeFi payment gateway

zkSync Lite Checkout helps anyone permission-less adopt checkout backed by zkSync, receive payments automatically and benefit from all the advantage of zkSync Lite Rollup: speed of the transaction, times lower cost of a single transaction, simplicity of withdrawal fund to the onchain-wallet.

Deployment

zkSync Checkout uses firebase hosting.
Resource targets for the zkCheckout are:

Available Hosts

Initial Setup / Static version generation

# install dependencies
$ sh cli-dev.sh ci

# Populate .env file as of goerli connection && serve with hot reload at localhost:3000
$ yarn dev

# static version generation
$ yarn ci:build:goerli
# afterward you'll have prepared distributive in /public folder

# generate static for the mainnet release
$ sh cli-dev.sh ci
$ yarn ci:build:mainnet
# afterward you'll have prepared distributive in /public folder

Dev toolset

cli-dev.sh

This helper-script is used to simplify regular tasks when developing or using the package:

# removes all generated directories & run package installation with the yarn2.* based on stored yarn.lock with the modifier --check-cache
$ sh cli-dev.sh ci

# drops node_modules, .yarn/cache .yarn/build-state.yml .yarn/install-state.gz & trigger cache flushing (yarn cache clean --all)
$ sh cli-dev.sh clean yarn

# drops .nuxt and clear public directory
$ sh cli-dev.sh clean nuxt

Linting & checking

# Run stylelint with --fix modifier
$ yarn run lint-style:fix

# Run eslint with --fix modifier
$ yarn run lint-ts:fix

# Formats all of the code w/t stored style rules by running prettier
$ yarn format:prettier

# Check spelling in src files
$ yarn spell-check

For detailed explanation on how things work, check out Nuxt.js docs.

Release CI

This sharable configuration conforms to angular standard

  • Using @semantic-release/commit-analyzer ensures that commits are conformed to the conventional commits specification.
    • PATCH version created if any of build, ci, chore, docs, refactor, style, test commit types pushed to master
    • MINOR version created if fix commit type pushed MAJOR version created if feat commit type pushed
    • MAJOR version created if feat commit type pushed
  • By default, config used publishes the new version to NPM. But in zkSync’s case release flow differs from the deployment flow.
    • Bumps a version in package.json.
    • Generates or updates a changelog file including all PATCH keywords (not included in default angular package).
    • Releases new release for the GitHub repo

Solutions used

Libraries used