stack-orchestrator/app/data/stacks/fixturenet-payments/demo.md

# Demo

## MobyMask Watcher

* Check watcher logs and wait for the payment channel to be created with upstream go-nitro node:

  ```bash
  docker logs -f $(docker ps -aq --filter name="mobymask-watcher-server")

  # Expected output:
  # vulcanize:server Using rpcProviderEndpoint as chain URL for Nitro node +0ms
  # ...
  # ts-nitro:util:nitro Ledger channel created with id 0x65703ccdfacab09ac35367bdbe6c5a337e7a6651aad526807607b1c59b28bc1e
  # ...
  # ts-nitro:util:nitro Virtual payment channel created with id 0x29ff1335d73391a50e8fde3e9b34f00c3d81c39ddc7f89187f44dd51df96140e
  # vulcanize:server Starting server... +0ms
  ```

* Export the payment channel id to a variable:

  ```bash
  export WATCHER_UPSTREAM_PAYMENT_CHANNEL=<PAYMENT_CHANNEL_ID>
  ```

* Check the payment channel status:

  ```bash
  npm exec -c 'nitro-rpc-client get-payment-channel <WATCHER_UPSTREAM_PAYMENT_CHANNEL> -h <hostname> -p <port>'

  # Expected output:
  # {
  #   "jsonrpc": "2.0",
  #   "id": 1,
  #   "result": {
  #     "ID": "0xfe1231722d6c2cd7af8606afe039582ebc438ee5ca2b956f8284cb497597583f",
  #     "Status": "Open",
  #     "Balance": {
  #       "AssetAddress": "0x0000000000000000000000000000000000000000",
  #       "Payee": "0xaaa6628ec44a8a742987ef3a114ddfe2d4f7adce",
  #       "Payer": "0xbbb676f9cff8d242e9eac39d063848807d3d1d94",
  #       "PaidSoFar": "0x0",
  #       "RemainingFunds": "0x3b9aca00"
  #     }
  #   }
  # }
  ```

## MobyMask App

* Track the reverse payment proxy container logs in a terminal:

  ```bash
  docker logs -f $(docker ps -aq --filter name="nitro-reverse-payment-proxy")
  ```

* Get the geth node’s port mapped to host:

  ```bash
  docker port payments-fixturenet-eth-geth-1-1 8545
  ```

* In MetaMask Flask, add a custom network with the following settings:

  ```bash
  # New RPC URL
  http://127.0.0.1:<GETH_PORT>

  # Chain ID
  1212

  # Currency symbol
  ETH
  ```

* Import the faucet account in MetaMask and fund an additional account for usage in the app:

  ```bash
  # Faucet PK
  # 0x570b909da9669b2f35a0b1ac70b8358516d55ae1b5b3710e95e9a94395090597

  # Clear activity tab for the accounts on chain restart
  ```

* Get the generated root invite link for the app from MobyMask contract deployment container logs:

  ```bash
  docker logs -f $(docker ps -aq --filter name="mobymask-1")

  # Expected output:
  # ...
  #   "key": "0x60e706fda4639fe0a8eb102cb0ce81231cf6e819f41cb4eadf72d865ea4c11ad"
  # }
  # http://127.0.0.1:3004/#/members?invitation=<INVITATION>
  ```

* Open app in a browser using the invite link

* Run the following in the browser console to enable logs:

  ```bash
  localStorage.debug = 'ts-nitro:*'
  # Refresh the tab for taking effect
  ```

* In the app’s debug panel, check that the peer gets connected to relay node and watcher peer

* Open the `NITRO` tab in debug panel
  * Click on `Connect Wallet` to connect to MetaMask (make sure that the newly funded account is active)
  * Click on `Connect Snap` to install/connect snap

* Perform `DIRECT FUND` with the preset amount

* Perform `VIRTUAL FUND` with amount set to `10000`

* Perform phisher status check queries now that a payment channel is created:
  * Check the watcher logs for received payments
  * Check the payment proxy server logs for charged RPC requests (`eth_getBlockByHash`, `eth_getStorageAt`) made from watcher to upstream ETH server

* Change the amount besides `PAY` button to `>=100` for phisher reports next

* Perform a phisher report and check the watcher logs for received payments; the RPC mutation request is sent to geth node and is not charged

* Check the watcher - eth-server payment channel status after a few requests:

  ```bash
  npm exec -c 'nitro-rpc-client get-payment-channel <WATCHER_UPSTREAM_PAYMENT_CHANNEL> -h <hostname> -p <port>'

  # Expected output ('PaidSoFar' should be non zero):
  # {
  #   "jsonrpc": "2.0",
  #   "id": 1,
  #   "result": {
  #     "ID": "0xfe1231722d6c2cd7af8606afe039582ebc438ee5ca2b956f8284cb497597583f",
  #     "Status": "Open",
  #     "Balance": {
  #       "AssetAddress": "0x0000000000000000000000000000000000000000",
  #       "Payee": "0xaaa6628ec44a8a742987ef3a114ddfe2d4f7adce",
  #       "Payer": "0xbbb676f9cff8d242e9eac39d063848807d3d1d94",
  #       "PaidSoFar": "0x2710",
  #       "RemainingFunds": "0x3b9aa2f0"
  #     }
  #   }
  # }
  ```

## Ponder App

* Run the ponder app in it's container:

  ```bash
  docker exec -it payments-ponder-app-1 bash -c "pnpm start"

  # Expected output:
  # 09:58:54.288 INFO  payment    Creating ledger channel with nitro node 0xAAA6628Ec44A8a742987EF3A114dDFE2D4F7aDCE
  # ...
  # 09:59:14.230 INFO  payment    Creating payment channel with nitro node 0xAAA6628Ec44A8a742987EF3A114dDFE2D4F7aDCE
  # ...
  # 09:59:14.329 INFO  payment    Using payment channel 0x10f049519bc3f862e2b26e974be8666886228f30ea54aab06e2f23718afffab0
  ```

* Export the payment channel id to a variable:

  ```bash
  export PONDER_UPSTREAM_PAYMENT_CHANNEL=<PAYMENT_CHANNEL_ID>
  ```

* Check the ponder - eth-server payment channel status:

  ```bash
  npm exec -c 'nitro-rpc-client get-payment-channel <PONDER_UPSTREAM_PAYMENT_CHANNEL> -h <hostname> -p <port>'

  # Expected output ('PaidSoFar' is non zero):
  # {
  #   "jsonrpc": "2.0",
  #   "id": 1,
  #   "result": {
  #     "ID": "0x53ef192359e2f23b3b9b26d51380562ffc012c9ea858e50a5948c47eaf0a9ff2",
  #     "Status": "Open",
  #     "Balance": {
  #       "AssetAddress": "0x0000000000000000000000000000000000000000",
  #       "Payee": "0xaaa6628ec44a8a742987ef3a114ddfe2d4f7adce",
  #       "Payer": "0x67d5b55604d1af90074fcb69b8c51838fff84f8d",
  #       "PaidSoFar": "0xfde8",
  #       "RemainingFunds": "0x3b99cc18"
  #     }
  #   }
  # }
  ```

* Check reverse payment proxy server logs for charged RPC requests made from ponder app to upstream ETH server:

  ```bash
  # Expected output:
  # ...
  # {"time":"2023-09-28T09:59:14.499841999Z","level":"DEBUG","msg":"Request cost","cost-per-byte":1,"response-length":61,"cost":61}
  # {"time":"2023-09-28T09:59:14.500060006Z","level":"DEBUG","msg":"sent message","address":"0xAAA6628Ec44A8a742987EF3A114dDFE2D4F7aDCE","method":"receive_voucher"}
  # {"time":"2023-09-28T09:59:14.501221898Z","level":"DEBUG","msg":"Received voucher","delta":5000}
  # {"time":"2023-09-28T09:59:14.501245984Z","level":"DEBUG","msg":"Destination request","url":"http://ipld-eth-server:8081/?method=eth_getLogs"}
  ```

## Clean Up

* In the MobyMask app, perform `VIRTUAL DEFUND` and `DIRECT DEFUND` (in this order) for closing the payment channel created with watcher

* Run the following in the browser console to delete the Nitro node's data:

  ```bash
  await clearNodeStorage()
  ```