Sequence diagram for wagmi dApp wallet connection flow

[Dargon789]

Reviewer's Guide

Adds a new wagmi-based React/Vite dApp scaffold along with CI/CD and security tooling configuration for Fortify, CircleCI, Azure Pipelines, and GitHub issue/security templates.

Sequence diagram for wagmi dApp wallet connection flow

sequenceDiagram
  actor User
  participant App
  participant WagmiProvider
  participant Connector

  User->>App: click connector button
  App->>WagmiProvider: useConnect
  WagmiProvider-->>App: connectors
  App->>WagmiProvider: connect
  WagmiProvider->>Connector: connect
  Connector-->>WagmiProvider: [wallet connected]
  WagmiProvider-->>App: useAccount
  App-->>User: show account.status connected
  User->>App: click Disconnect
  App->>WagmiProvider: disconnect
  WagmiProvider-->>App: useAccount (status disconnected)

Loading

File-Level Changes

Change	Details	Files
Introduce wagmi React/Vite frontend application scaffold.	Add React App component using wagmi hooks to display account status and manage wallet connections. Set up React DOM entrypoint with WagmiProvider, React Query, and global Buffer polyfill. Configure wagmi with mainnet/sepolia chains and injected, Coinbase Wallet, and WalletConnect connectors. Add Vite configuration, TypeScript configs, basic styling, and project metadata (package.json, README, env typings, gitignore, npmrc, biome config).	wagmi-project/src/App.tsx wagmi-project/src/main.tsx wagmi-project/src/wagmi.ts wagmi-project/vite.config.ts wagmi-project/tsconfig.json wagmi-project/tsconfig.node.json wagmi-project/src/index.css wagmi-project/src/vite-env.d.ts wagmi-project/index.html wagmi-project/package.json wagmi-project/README.md wagmi-project/.gitignore wagmi-project/.npmrc wagmi-project/biome.json
Add security scanning and CI pipelines across multiple platforms.	Add GitHub Actions workflow to run Fortify AST SAST scans with FoD/SSC integration via fortify/github-action. Add CircleCI pipeline with custom Docker-based executor placeholder job for this repo. Add Azure Pipelines YAML to build a Node.js project with npm install and build steps.	.github/workflows/fortify.yml .circleci/config.yml azure-pipelines.yml
Define GitHub issue templates and security policy documentation.	Add bug report, feature request, and custom issue templates to standardize issue creation. Introduce SECURITY.md outlining supported versions and vulnerability reporting process.	.github/ISSUE_TEMPLATE/bug_report.md .github/ISSUE_TEMPLATE/feature_request.md .github/ISSUE_TEMPLATE/custom.md SECURITY.md
Add ancillary configuration and cached artifacts.	Introduce CNAME and CodeSandbox tasks configuration placeholder (contents not shown). Check in v8-compile-cache artifacts for preconstruct CLI (binary/source map cache files).	.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

• 0xsequence/master #79: The PR delivers the Fortify AST workflow, CircleCI config, and GitHub issue templates specified in the issue.
• Feature/integration #17: They describe the same wagmi integration PR, including new wagmi-project app, SECURITY.md, and Azure pipelines.

---

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

• Contact our support team for questions or feedback.
• Visit our documentation for detailed guides and information.
• Keep in touch with the Sourcery team by following us on X/Twitter, LinkedIn or GitHub.

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