Skip to content

Sequence diagram for wallet connection flow in wagmi App #587

@Dargon789

Description

@Dargon789

Reviewer's Guide

Adds a new wagmi-based Vite demo project for wallet connection (likely for CodeSandbox dev), introduces Fortify AST and Azure Pipelines CI workflows plus GitHub issue/security templates, and updates the indexer changelog for a 2.0.0 release placeholder along with various sandbox/config/cache files.

Sequence diagram for wallet connection flow in wagmi App

sequenceDiagram
  actor User
  participant App
  participant useConnect

  User ->> App: click connector button
  App ->> useConnect: connect(connector)
  alt [connection succeeds]
    useConnect -->> App: status=connected
  else [connection fails]
    useConnect -->> App: error.message
  end
  App -->> User: render account.status and addresses
Loading

Flow diagram for React app bootstrapping with Wagmi and React Query

flowchart LR
  Browser --> ReactDOM_root
  ReactDOM_root --> WagmiProvider
  WagmiProvider --> QueryClientProvider
  QueryClientProvider --> App
  WagmiProvider --> Wagmi_config
  App --> useAccount
  App --> useConnect
  App --> useDisconnect
Loading

File-Level Changes

Change Details Files
Introduce a wagmi-based Vite React demo app for wallet connections (CodeSandbox-style dev environment).
  • Add a Vite React entry point that bootstraps React, WagmiProvider, QueryClientProvider, and polyfills Buffer on globalThis
  • Implement an App component that displays wagmi account status and allows connecting/disconnecting via injected, Coinbase Wallet, and WalletConnect connectors
  • Configure wagmi with mainnet and sepolia chains, HTTP transports, and connectors including WalletConnect with projectId from Vite env
  • Add Vite config, TypeScript configs, basic dark/light CSS, HTML shell, and project metadata (package.json, README, gitignore, npmrc, biome config, vite env types) for the wagmi project
wagmi-project/src/main.tsx
wagmi-project/src/App.tsx
wagmi-project/src/wagmi.ts
wagmi-project/src/index.css
wagmi-project/src/vite-env.d.ts
wagmi-project/index.html
wagmi-project/vite.config.ts
wagmi-project/tsconfig.json
wagmi-project/tsconfig.node.json
wagmi-project/package.json
wagmi-project/README.md
wagmi-project/.gitignore
wagmi-project/.npmrc
wagmi-project/biome.json
Add Fortify Application Security Testing GitHub Actions workflow for SAST scanning.
  • Create a Fortify AST Scan GitHub Actions workflow triggered on pushes, PRs to master, scheduled cron, and manual dispatch
  • Configure job permissions, Java 17 setup, and use fortify/github-action to run SAST scan against Fortify on Demand with secrets-based configuration hooks
.github/workflows/fortify.yml
Add Azure Pipelines definition for basic Node.js build.
  • Configure pipeline trigger on master branch using ubuntu-latest agent
  • Install Node.js 10.x via NodeTool task and run npm install and npm run build
azure-pipelines.yml
Introduce repository governance and security meta-files (issue templates and security policy).
  • Add bug report, feature request, and custom GitHub issue templates
  • Add a SECURITY.md with version support matrix and placeholder instructions for reporting vulnerabilities
.github/ISSUE_TEMPLATE/bug_report.md
.github/ISSUE_TEMPLATE/feature_request.md
.github/ISSUE_TEMPLATE/custom.md
SECURITY.md
Update indexer service changelog with 2.0.0 placeholder entry.
  • Add new 2.0.0 section with a Major Changes heading and a placeholder item indicating a changeset
packages/services/indexer/CHANGELOG.md
Add miscellaneous project/environment artifacts for hosting and tooling.
  • Add CodeSandbox tasks configuration file placeholder
  • Add CNAME and v8-compile-cache artifacts likely from a previous run/environment
.codesandbox/tasks.json
CNAME
v8-compile-cache-0/x64/11.3.244.8-node.19/zSprojectzSsequence.jszSnode_moduleszS.pnpmzS@preconstruct+cli@2.8.7zSnode_moduleszS@preconstructzSclizSbin.js.MAP
v8-compile-cache-0/x64/11.3.244.8-node.19/zSprojectzSworkspacezSnode_moduleszS.pnpmzS@preconstruct+cli@2.8.7zSnode_moduleszS@preconstructzSclizSbin.js.MAP

Possibly linked issues

  • Feature/integration #17: They describe the same wagmi integration and repo setup: wagmi project, SECURITY.md, Azure pipeline, and placeholders.

Tips and commands

Interacting with Sourcery

  • Trigger a new review: Comment @sourcery-ai review on the pull request.
  • Continue discussions: Reply directly to Sourcery's review comments.
  • Generate a GitHub issue from a review comment: Ask Sourcery to create an
    issue from a review comment by replying to it. You can also reply to a
    review comment with @sourcery-ai issue to create an issue from it.
  • Generate a pull request title: Write @sourcery-ai anywhere in the pull
    request title to generate a title at any time. You can also comment
    @sourcery-ai title on the pull request to (re-)generate the title at any time.
  • Generate a pull request summary: Write @sourcery-ai summary anywhere in
    the pull request body to generate a PR summary at any time exactly where you
    want it. You can also comment @sourcery-ai summary on the pull request to
    (re-)generate the summary at any time.
  • Generate reviewer's guide: Comment @sourcery-ai guide on the pull
    request to (re-)generate the reviewer's guide at any time.
  • Resolve all Sourcery comments: Comment @sourcery-ai resolve on the
    pull request to resolve all Sourcery comments. Useful if you've already
    addressed all the comments and don't want to see them anymore.
  • Dismiss all Sourcery reviews: Comment @sourcery-ai dismiss on the pull
    request to dismiss all existing Sourcery reviews. Especially useful if you
    want to start fresh with a new review - don't forget to comment
    @sourcery-ai review to trigger a new review!

Customizing Your Experience

Access your dashboard to:

  • Enable or disable review features such as the Sourcery-generated pull request
    summary, the reviewer's guide, and others.
  • Change the review language.
  • Add, remove or edit custom review instructions.
  • Adjust other review settings.

Getting Help

Originally posted by @sourcery-ai[bot] in #586 (comment)

Metadata

Metadata

Assignees

Labels

bugSomething isn't workingdependenciesPull requests that update a dependency filedocumentationImprovements or additions to documentationduplicateThis issue or pull request already exists

Projects

Status

Backlog

Status

Todo

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions