Seo & AltFee

[DannyFi]

Summary by CodeRabbit

Release Notes

• New Features

  • Added interactive Alt Fee transaction demo with recipient auto-fill and gas payment options
  • Added token registry query interface for viewing supported tokens by network
  • Added chain configuration viewer displaying RPC endpoints and network details

• Documentation

  • Updated RPC endpoint URLs across examples and configuration
  • Updated function naming in SDK documentation and examples
  • Updated token IDs and transaction values in code samples

• Bug Fixes

  • Fixed SVG attribute compatibility in UI components
  • Removed incorrect social media preview metadata

• Chores

  • Added new package dependencies
  • Enhanced SEO configuration with metadata tags

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[cloudflare-workers-and-pages]

Deploying with    Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

Status	Name	Latest Commit	Updated (UTC)
❌ Deployment failed View logs	pre-rail	8d39d5d	Jan 26 2026, 02:44 PM

[coderabbitai]

Caution

Review failed

The pull request is closed.

📝 Walkthrough

Walkthrough

This PR introduces interactive Alt Fee demo components for transaction submission and token registry queries, updates documentation and SDK examples to reflect API changes (numeric() → numericCore()), migrates RPC endpoints from morphl2.io to morph.network domain, adds viem dependencies, refactors SEO configuration with metadata constants, and extends styling for the Alt Fee UI module.

Changes

Cohort / File(s)	Summary
Configuration & SEO Overhaul config.json, docusaurus.config.js	Removed trailing slash from docs URL; introduced SEO constants (SITE_URL, SITE_NAME, DEFAULT_TITLE, DEFAULT_DESCRIPTION, DEFAULT_OG_IMAGE, TWITTER_HANDLE) and refactored metadata/headTags arrays with Open Graph, Twitter, and canonical link tags for standardized social sharing.
Dependency Updates package.json	Added @morph-network/viem@0.1.0 and viem@^2.44.4 to dependencies.
Documentation & SDK Examples docs/build-on-morph/sdk/js-sdk.mdx	Added three new demo component imports; updated Alt Fee transaction examples (value: 0.01 → 0.001 ETH; feeTokenID: 6 → 4); renamed numeric() → numericCore() across examples; updated RPC URL from https://rpc-hoodi.morphl2.io to https://rpc-hoodi.morph.network; refreshed code samples with new token ID and value adjustments.
Alt Fee Interactive Components src/components/AltFee/AltFeeQuickStartDemo.tsx, src/components/AltFee/ChainConfigDemo.tsx, src/components/AltFee/QuerySupportedTokensDemo.tsx	Added three new React components: AltFeeQuickStartDemo (interactive form for Alt Fee transactions with validation and confirmation modal), ChainConfigDemo (network selector with chain config display), and QuerySupportedTokensDemo (token registry query with explorer links).
Alt Fee Styling src/css/figma-overrides.scss	Introduced comprehensive Alt Fee design system: modal, form, field, toolbar, table, and button styling with dark/light theme variants, responsive behavior, and interaction states; minor blockquote padding adjustment.
Network Configuration src/components/ApiExplorer/configs/networks.ts, src/components/ApiExplorer/supported.json	Updated MORPH_MAINNET and MORPH_HOODI RPC URLs from https://rpc\{-hoodi\}.morphl2.io to https://rpc\{-hoodi\}.morph.network for both HTTP and WebSocket endpoints.
UI & Metadata Fixes src/components/MarkdownActionsDropdown/index.js, src/theme/SearchBar/index.js	Fixed JSX attribute naming (fill-rule → fillRule, class → className) in Claude icon SVG; removed og:image, twitter:card, and twitter:image meta tags from DocSearch.

Sequence Diagram(s)

sequenceDiagram
    actor User
    participant Form as AltFeeQuickStartDemo
    participant Viem as Viem Client
    participant Signer as Wallet Client
    participant Network as Morph Network
    
    User->>Form: Enter private key & transaction details
    Form->>Form: Validate inputs & derive account
    User->>Form: Confirm transaction in modal
    Form->>Signer: Create wallet client for Morph Hoodi
    Form->>Viem: Fetch current nonce
    Viem->>Network: Query nonce
    Network-->>Viem: Return nonce
    Viem-->>Form: Provide nonce
    Form->>Signer: Send transaction with alt-fee params<br/>(value, feeTokenID, gasLimit)
    Signer->>Network: Submit signed transaction
    Network-->>Signer: Confirm & return tx hash
    Signer-->>Form: Transaction successful
    Form-->>User: Display tx hash & explorer link

Loading

sequenceDiagram
    actor User
    participant Component as QuerySupportedTokensDemo
    participant Client as Viem Public Client
    participant Registry as Token Registry Contract
    participant Network as Morph Network
    
    User->>Component: Select network (testnet/mainnet)
    User->>Component: Click "Query Tokens"
    Component->>Client: Initialize public client
    Client->>Network: Connect to RPC endpoint
    Network-->>Client: Connected
    Component->>Client: Call readContract<br/>getSupportedTokenList()
    Client->>Registry: Query supported tokens
    Registry->>Network: Fetch token data
    Network-->>Registry: Return token list
    Registry-->>Client: Provide normalized token array
    Client-->>Component: Return tokens
    Component->>Component: Format results & build explorer links
    Component-->>User: Display token table with links

Loading

Estimated code review effort

🎯 4 (Complex) | ⏱️ ~50 minutes

Possibly related PRs

• Narrative change + more Holesky to Hoodi changes #97 — Performs overlapping documentation and network endpoint updates (Holesky → Hoodi testnet transitions and RPC/explorer URL migrations).
• Playground #116 — Directly related: adds initial MORPH_MAINNET and MORPH_HOODI configs that this PR updates (rpcUrl/wsUrl changes from morphl2.io to morph.network).
• fix: fix code example error #128 — Related SDK documentation changes: updates the same Alt Fee examples (value 0.01→0.001, feeTokenID 6→4) and viem/chain usages.

Suggested reviewers

• panos-xyz
• MarvelFisher

---

🐰 Hopping through endpoints and fees so swift,
New components demo the Alt Fee gift,
SEO tags gleam, tokens now query clear,
From morphl2 to morph.network we steer! ✨

✨ Finishing touches

• 📝 Generate docstrings

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}