Development 2.4 quasar

.github/workflows/ci.yml

@@ -24,7 +24,7 @@ jobs:
       - uses: actions/checkout@v2
       - uses: actions/setup-node@v2
         with:
-          node-version: '16'
+          node-version: '18'
           cache: 'yarn'
       - run: yarn install
       - run: yarn lint

.github/workflows/i18n-missing-keys.yml

@@ -13,7 +13,7 @@ jobs:
       - uses: actions/checkout@v2
       - uses: actions/setup-node@v2
         with:
-          node-version: '16'
+          node-version: '18'
           cache: 'yarn'
       - run: yarn install
       # Run linter and store output.

.github/workflows/playwright.yml

@@ -0,0 +1,42 @@
+name: Playwright Tests
+
+on:
+  push:
+    branches:
+      - main
+      - development
+  pull_request:
+    branches:
+      - main
+      - development
+
+env:
+  # override value from .env.testnet used in CI
+  NEXT_PUBLIC_SITE_URL: http://127.0.0.1:3000
+
+jobs:
+  test:
+    timeout-minutes: 60
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: lts/*
+          cache: yarn
+      - name: Install packages
+        run: yarn install
+      - name: Install Playwright browsers
+        run: yarn playwright install --with-deps
+      - name: Set up testnet environment
+        run: cp apps/dapp/.env.testnet apps/dapp/.env.local
+      - name: Build dApp
+        run: yarn dapp build
+      - name: Run Playwright tests
+        run: yarn test:e2e
+      - uses: actions/upload-artifact@v4
+        if: always()
+        with:
+          name: playwright-report
+          path: apps/dapp/playwright-report/
+          retention-days: 30

.github/workflows/sentry-source-maps.yml

@@ -21,7 +21,7 @@ jobs:
       - uses: actions/checkout@v2
       - uses: actions/setup-node@v2
         with:
-          node-version: '16'
+          node-version: '18'
           cache: 'yarn'
       - run: yarn install
       - run: yarn lint

.gitignore

@@ -15,10 +15,7 @@ node_modules/
 out/
 
 .env
-.env.development.local
-.env.local
-.env.production.local
-.env.test.local
+.env*.local
 
 *.swo
 *.swp
@@ -28,3 +25,9 @@ out/
 \#*\#
 
 .turbo
+
+# playwright
+test-results/
+playwright-report/
+blob-report/
+playwright/.cache/

.vscode/launch.json

@@ -5,10 +5,21 @@
   "version": "0.2.0",
   "configurations": [
     {
-      "name": "Next.js: debug server-side",
-      "type": "node-terminal",
+      "type": "node",
       "request": "launch",
-      "command": "yarn dapp dev"
+      "name": "Next.js: debug server-side",
+      "runtimeExecutable": "${workspaceFolder}/node_modules/next/dist/bin/next",
+      "env": {
+        "NODE_OPTIONS": "--inspect"
+      },
+      "cwd": "${workspaceFolder}/apps/dapp",
+      "console": "integratedTerminal",
+      "sourceMaps": true,
+      "sourceMapPathOverrides": {
+        "webpack:///./~/*": "${workspaceFolder}/node_modules/*",
+        "webpack:///./*": "${workspaceRoot}/apps/dapp/*",
+        "webpack://?:*/*": "${workspaceFolder}/apps/dapp/*"
+      }
     },
     {
       "name": "Next.js: debug client-side",

.vscode/settings.json

@@ -33,6 +33,10 @@
     {
       "pattern": "packages/*",
       "!cwd": false
+    },
+    {
+      "pattern": "node_modules/*",
+      "!cwd": false
     }
   ],
   "eslint.validate": [
@@ -42,5 +46,11 @@
     "typescriptreact"
   ],
   "typescript.tsdk": "node_modules/typescript/lib",
-  "typescript.tsserver.experimental.enableProjectDiagnostics": true
+  "typescript.tsserver.experimental.enableProjectDiagnostics": true,
+  "todo-tree.filtering.excludeGlobs": [
+    "**/dist/**/*",
+    "**/.next/**/*",
+    "**/node_modules/*/**",
+    "**/packages/utils/protobuf/**/*"
+  ]
 }

README.md

@@ -24,6 +24,25 @@ cd dao-dao-ui
 yarn
 ```
 
+### Setup environment variables
+
+To run the server on mainnet, copy `.env.mainnet` to `.env.local` in the app
+folder you care about (likely `apps/dapp`).
+
+Copy `.env.testnet` instead if you want to run testnet.
+
+### Run dev server
+
+If you're here to work on any other part of the app, likely accessing live chain
+data, run the `yarn dev` script (equivalent to running `yarn dev` from the
+[`./apps/dapp`](./apps/dapp) package) to run the main app in development mode.
+
+```bash
+yarn dev
+```
+
+### Storybook
+
 If you're here to work on UI components in isolation, you will likely want to
 run the [Storybook](https://storybook.js.org/) server to mock up components and
 iterate quickly without having to access live chain data. Check out the
@@ -36,14 +55,6 @@ To start the Storybook server, run this command from the root of this monorepo:
 yarn storybook start
 ```
 
-If you're here to work on any other part of the app, likely accessing live chain
-data, run the `yarn dev` script (equivalent to running `yarn dev` from the
-[`./apps/dapp`](./apps/dapp) package) to run the main app in development mode.
-
-```bash
-yarn dev
-```
-
 If something is misconfigured, check out the docs for
 [Turborepo](https://turborepo.org/docs), the monorepo build system we use.
 
@@ -60,6 +71,7 @@ If something is misconfigured, check out the docs for
 | Package                             | Summary                                                                                               |
 | ----------------------------------- | ----------------------------------------------------------------------------------------------------- |
 | [`config`](./packages/config)       | Configurations for various dev tools.                                                                 |
+| [`dispatch`](./packages/dispatch)   | DAO DAO Dispatch.                                                                                     |
 | [`email`](./packages/email)         | Email template and generator tools.                                                                   |
 | [`i18n`](./packages/i18n)           | Internationalization/translation system.                                                              |
 | [`state`](./packages/state)         | State retrieval and management for the DAO DAO UI.                                                    |

apps/dapp/.env

@@ -0,0 +1,53 @@
+NEXT_PUBLIC_MAINNET=false
+
+NEXT_PUBLIC_SITE_URL=https://testnet.daodao.zone
+NEXT_PUBLIC_DAO_DAO_DAO_ADDRESS=
+
+# https://dashboard.web3auth.io
+NEXT_PUBLIC_WEB3AUTH_CLIENT_ID=BKloh0zJRJMSnZnro2qr6eDkT2echfshttYXPnCwb7BcAawwYJF9Df_xDoXGD4EE_l2tToFoByp890nl8HTGKMY
+
+# Stargaze
+NEXT_PUBLIC_STARGAZE_GQL_INDEXER_URI=https://galaxy-graphql-testnet.fly.dev/graphql
+NEXT_PUBLIC_STARGAZE_URL_BASE=https://testnet.publicawesome.dev
+NEXT_PUBLIC_STARGAZE_NAMES_CONTRACT=stars1rgn9tuxnl3ju9td3mfxdl2vm4t8xuaztcdakgtyx23c4ffm97cus25fvjs
+
+# Wallet profiles
+NEXT_PUBLIC_PFPK_API_BASE=https://pfpk.daodao.zone
+
+# Search
+NEXT_PUBLIC_SEARCH_HOST=https://search.daodao.zone
+NEXT_PUBLIC_SEARCH_API_KEY=1d599098d24298ffd8b295508eaedccb149163f847b862069cc6de31495dc71b
+
+# Filebase
+FILEBASE_ACCESS_KEY_ID=
+FILEBASE_SECRET_ACCESS_KEY=
+FILEBASE_BUCKET=dao-dao-ui
+
+# Payroll
+NEXT_PUBLIC_RETROACTIVE_COMPENSATION_API_BASE=https://retroactive-compensation.daodao.zone
+
+NEXT_PUBLIC_FAST_AVERAGE_COLOR_API_TEMPLATE=https://fac.withoutdoing.com/URL
+
+# Comma separated list of action keys to disable.
+NEXT_PUBLIC_DISABLED_ACTIONS=
+
+# Discord notifier
+NEXT_PUBLIC_DISCORD_NOTIFIER_CLIENT_ID=1060326264801595402
+NEXT_PUBLIC_DISCORD_NOTIFIER_API_BASE=https://discord-notifier.daodao.zone
+
+# Inbox
+NEXT_PUBLIC_INBOX_API_BASE=https://inbox.daodao.zone
+
+# KVPK
+NEXT_PUBLIC_KVPK_API_BASE=https://kvpk.daodao.zone
+
+# Kado API
+NEXT_PUBLIC_KADO_API_KEY=bcee9402-d79f-427b-bafd-dd111e4ce287
+
+# WebSockets API
+NEXT_PUBLIC_WEB_SOCKET_PUSHER_APP_KEY=daodao
+NEXT_PUBLIC_WEB_SOCKET_PUSHER_HOST=ws.daodao.zone
+NEXT_PUBLIC_WEB_SOCKET_PUSHER_PORT=443
+
+# Web Push
+NEXT_PUBLIC_WEB_PUSH_PUBLIC_KEY=BIB5MGacpO1AsiCWPIKeJo3VUz2c9UPvwNuHyxVT+cROGstU3wJs++GyQFmONZjBN9aqdqFi8j2NSnmTPl/PA2w=

apps/dapp/.env.mainnet

@@ -15,15 +15,14 @@ NEXT_PUBLIC_STARGAZE_NAMES_CONTRACT=stars1fx74nkqkw2748av8j7ew7r3xt9cgjqduwn8m0u
 # Wallet profiles
 NEXT_PUBLIC_PFPK_API_BASE=https://pfpk.daodao.zone
 
-# Indexer
-NEXT_PUBLIC_INDEXER_URL=https://indexer.daodao.zone
-
 # Search
 NEXT_PUBLIC_SEARCH_HOST=https://search.daodao.zone
-NEXT_PUBLIC_SEARCH_API_KEY=613511c001942ea974f72dde06647428d1ae3f42cb13fcf71e88e4317d73f2cf
+NEXT_PUBLIC_SEARCH_API_KEY=1d599098d24298ffd8b295508eaedccb149163f847b862069cc6de31495dc71b
 
-# https://nft.storage/docs/#get-an-api-token
-NFT_STORAGE_API_KEY=
+# Filebase
+FILEBASE_ACCESS_KEY_ID=
+FILEBASE_SECRET_ACCESS_KEY=
+FILEBASE_BUCKET=dao-dao-ui
 
 # Payroll
 NEXT_PUBLIC_RETROACTIVE_COMPENSATION_API_BASE=https://retroactive-compensation.daodao.zone

apps/dapp/.env.testnet

@@ -14,15 +14,14 @@ NEXT_PUBLIC_STARGAZE_NAMES_CONTRACT=stars1rgn9tuxnl3ju9td3mfxdl2vm4t8xuaztcdakgt
 # Wallet profiles
 NEXT_PUBLIC_PFPK_API_BASE=https://pfpk.daodao.zone
 
-# Indexer
-NEXT_PUBLIC_INDEXER_URL=https://indexer.daodao.zone
-
 # Search
 NEXT_PUBLIC_SEARCH_HOST=https://search.daodao.zone
-NEXT_PUBLIC_SEARCH_API_KEY=613511c001942ea974f72dde06647428d1ae3f42cb13fcf71e88e4317d73f2cf
+NEXT_PUBLIC_SEARCH_API_KEY=1d599098d24298ffd8b295508eaedccb149163f847b862069cc6de31495dc71b
 
-# https://nft.storage/docs/#get-an-api-token
-NFT_STORAGE_API_KEY=
+# Filebase
+FILEBASE_ACCESS_KEY_ID=
+FILEBASE_SECRET_ACCESS_KEY=
+FILEBASE_BUCKET=dao-dao-ui
 
 # Payroll
 NEXT_PUBLIC_RETROACTIVE_COMPENSATION_API_BASE=https://retroactive-compensation.daodao.zone

apps/dapp/next.config.js

@@ -32,6 +32,8 @@ const config = {
   // Because @cosmos-kit/web3auth uses a Worker ESM import.
   experimental: {
     esmExternals: 'loose',
+    // Increase (to 1 MB) to allow for react-query pre-fetched hydration.
+    largePageDataBytes: 1 * 1024 * 1024,
   },
   webpack: (config) => {
     // @cosmos-kit/web3auth uses eccrypto, which uses `stream`. This needs to be
@@ -82,6 +84,38 @@ const config = {
         process.env.NEXT_PUBLIC_LEGACY_URL_PREFIX + '/multisig/:slug*',
       permanent: false,
     },
+    {
+      source: '/me/:slug*',
+      destination: '/:slug*',
+      permanent: false,
+    },
+    {
+      source: '/tx',
+      destination: '/actions',
+      permanent: false,
+    },
+    // Redirect all gov subpages to the dao subpage, but leave /gov alone.
+    {
+      source: '/gov/:chain/:slug*',
+      destination: '/dao/:chain/:slug*',
+      permanent: false,
+    },
+    // Rename Neutron proposal IDs from starting with N to A.
+    {
+      source:
+        '/dao/neutron1suhgf5svhu4usrurvxzlgn54ksxmn8gljarjtxqnapv8kjnp4nrstdxvff/proposals/N:slug',
+      destination:
+        '/dao/neutron1suhgf5svhu4usrurvxzlgn54ksxmn8gljarjtxqnapv8kjnp4nrstdxvff/proposals/A:slug',
+      permanent: true,
+    },
+    // Rename Neutron proposal IDs from starting with P to C.
+    {
+      source:
+        '/dao/neutron1suhgf5svhu4usrurvxzlgn54ksxmn8gljarjtxqnapv8kjnp4nrstdxvff/proposals/P:slug',
+      destination:
+        '/dao/neutron1suhgf5svhu4usrurvxzlgn54ksxmn8gljarjtxqnapv8kjnp4nrstdxvff/proposals/C:slug',
+      permanent: true,
+    },
   ],
   // Only upload source maps to Sentry in CI action when token is provided.
   sentry: {
@@ -91,13 +125,14 @@ const config = {
       process.env.CI !== 'true' || !process.env.SENTRY_AUTH_TOKEN,
   },
   images: {
+    unoptimized: true,
     domains: [
       'ipfs.stargaze.zone',
       'ipfs-gw.stargaze-apis.com',
       'i.stargaze-apis.com',
       'nftstorage.link',
       'ipfs.daodao.zone',
-      'img-proxy.ekez.workers.dev',
+      'img-proxy.daodao.zone',
       'raw.githubusercontent.com',
     ],
   },