Update AppKit reference examples and align dependencies for wagmi project

[Dargon789]

Summary by Sourcery

Update AppKit reference examples and align dependencies for wagmi project.

Enhancements:

• Simplify Vue multichain example by using Vue's computed helper directly and removing unused providers from the snippet.
• Clarify React Ethers and Solana reference examples with concrete ERC-20 ABI and a placeholder recipient address variable.
• Streamline JavaScript and React Wagmi examples by importing standard ERC-20 ABI from viem and removing unused provider references.
• Clean up Next.js Ethers example by dropping an unused Contract import from ethers.

Build:

• Adjust wagmi-project Vite dev dependency version to 5.2.11 for compatibility with the project setup.

Documentation:

• Refine multiple AppKit reference documentation snippets to provide clearer, more accurate usage patterns for multichain, Ethers, Solana, and Wagmi integrations.

[bolt-new-by-stackblitz]

Run & review this pull request in StackBlitz Codeflow.

[codesandbox]

Review or Edit in CodeSandbox

Open the branch in Web Editor • VS Code • Insiders

Open Preview

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
sequence-js-docs	Ready	Preview	Aug 13, 2026 7:23am
sequence-js-web	Ready	Preview	Aug 13, 2026 7:23am
sequence.js	Ready	Preview	Aug 13, 2026 7:23am
wagmi-project	Ready	Preview	Aug 13, 2026 7:23am

[snyk-io]

✅ Snyk checks have passed. No issues have been found so far.

Status	Scan Engine	Critical	High	Medium	Low	Total (0)
✅	Open Source Security	0	0	0	0	0 issues
✅	Code Security	0	0	0	0	0 issues

💻 Catch issues earlier using the plugins for VS Code, JetBrains IDEs, Visual Studio, and Eclipse.

[sourcery-ai]

Reviewer's guide (collapsed on small PRs)

Reviewer's Guide

Documentation examples for AppKit integrations across Vue, React, Next.js, Wagmi, and Solana are updated for correctness and clarity, while the wagmi-project build tooling is aligned to a compatible Vite version.

File-Level Changes

Change	Details	Files
Update Vue multichain reference to use idiomatic Vue 3 composition API utilities and simplify provider examples.	Import computed directly from vue instead of using Vue.computed Remove unused per-namespace provider variables from the example Clarify that namespace-specific providers are accessed only if needed	.agents/skills/appkit/references/vue-multichain.md
Enhance React Ethers reference with a minimal ERC-20 ABI example for contract interactions.	Define a simple erc20Abi array with balanceOf and transfer function signatures before using ethers Contract Keep existing provider and account usage unchanged	.agents/skills/appkit/references/react-ethers.md
Clarify React Solana transfer example by extracting the recipient address into a named constant.	Introduce recipientAddress constant with a placeholder address and comment Use recipientAddress when constructing the SystemProgram.transfer public key	.agents/skills/appkit/references/react-solana.md
Update JavaScript Wagmi reference to rely on viem’s built-in ERC-20 ABI and clean up imports.	Import erc20Abi from viem at the top of the example Retain wagmi core contract interaction helpers without extra provider handling in this snippet	.agents/skills/appkit/references/javascript-wagmi.md
Simplify Next.js Ethers reference by removing unused Contract import.	Drop Contract from the ethers import list, keeping BrowserProvider and formatEther Leave AppKit provider/account usage examples intact	.agents/skills/appkit/references/nextjs-ethers.md
Align wagmi-project build tooling with a stable Vite 5.x version.	Change Vite dependency version from a 7.x placeholder to ^5.2.11 in package.json	wagmi-project/package.json
Clean up JavaScript multichain reference by removing unused provider variable in the namespace switch example.	Delete unused provider assignment via modal.getWalletProvider in the subscription callback Keep namespace-based switch logic focused on caipNetwork.chainNamespace	.agents/skills/appkit/references/javascript-multichain.md
Update React Wagmi contract interaction example to use viem’s standard ERC-20 ABI.	Import erc20Abi from viem at the top of the Wagmi hooks example Leave Wagmi hooks usage (read, write, wait) unchanged	.agents/skills/appkit/references/react-wagmi.md

---

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.

[sourcery-ai]

Hey - I've left some high level feedback:

• In .agents/skills/appkit/references/javascript-wagmi.md the ```js fence was replaced by an import { erc20Abi } from 'viem' line, which will break code-block formatting; reintroduce the fenced code block and move the import inside it.
• In the React Ethers reference (react-ethers.md), the erc20Abi constant is defined but not used in the example; either wire it into the Contract usage or remove it to keep the snippet concise and consistent.
• In the Solana React example (react-solana.md), the hard-coded recipientAddress of '11111111111111111111111111111111' is likely not a valid Solana public key; consider using a realistic placeholder or explaining the expected format more clearly.

Prompt for AI Agents

Please address the comments from this code review:

## Overall Comments
- In `.agents/skills/appkit/references/javascript-wagmi.md` the ` ```js` fence was replaced by an `import { erc20Abi } from 'viem'` line, which will break code-block formatting; reintroduce the fenced code block and move the import inside it.
- In the React Ethers reference (`react-ethers.md`), the `erc20Abi` constant is defined but not used in the example; either wire it into the `Contract` usage or remove it to keep the snippet concise and consistent.
- In the Solana React example (`react-solana.md`), the hard-coded `recipientAddress` of `'11111111111111111111111111111111'` is likely not a valid Solana public key; consider using a realistic placeholder or explaining the expected format more clearly.

Fix all in Cursor

---

Sourcery is free for open source - if you like our reviews please consider sharing them ✨

• X
• Mastodon
• LinkedIn
• Facebook

_{Help me be more useful! Please click 👍 or 👎 on each comment and I'll use the feedback to improve your reviews.}