Skip to content

Conversation

qbzzt
Copy link
Contributor

@qbzzt qbzzt commented May 5, 2025

Description

The main change is making sure the tutorial supports both Supersim and the Devnets.

Tests

None (I did run everything)

Additional context

N/A

Metadata

N/A

@qbzzt qbzzt requested a review from a team as a code owner May 5, 2025 21:38
Copy link

netlify bot commented May 5, 2025

Deploy Preview for docs-optimism ready!

Built without sensitive environment variables

Name Link
🔨 Latest commit e8fcec7
🔍 Latest deploy log https://app.netlify.com/projects/docs-optimism/deploys/682a91fdce77ac0008d519d6
😎 Deploy Preview https://deploy-preview-1600--docs-optimism.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Copy link
Contributor

coderabbitai bot commented May 5, 2025

📝 Walkthrough

Walkthrough

The tutorial for creating a custom Superchain ERC20 token was restructured to replace explicit Solidity code snippets and fragmented stepwise instructions with a modular, prose-driven format. It introduced an expandable "About this tutorial" section summarizing objectives, prerequisites, and environment requirements, consolidating "What you'll do" and "What you'll learn" sections. Deployment instructions were reorganized into clearly labeled, numbered steps covering setup, contract creation, deployment, and verification. A new tabbed interface separates instructions for Supersim and Devnets environments, including specific RPC configurations and commands. Verification steps were updated to reference environment variables and private key sourcing. No changes were made to exported or public entities.

Possibly related PRs

Suggested reviewers

  • bradleycamacho
  • krofax

Note

⚡️ AI Code Reviews for VS Code, Cursor, Windsurf

CodeRabbit now has a plugin for VS Code, Cursor and Windsurf. This brings AI code reviews directly in the code editor. Each commit is reviewed immediately, finding bugs before the PR is raised. Seamless context handoff to your AI code agent ensures that you can easily incorporate review feedback.
Learn more here.


Note

⚡️ Faster reviews with caching

CodeRabbit now supports caching for code and dependencies, helping speed up reviews. This means quicker feedback, reduced wait times, and a smoother review experience overall. Cached data is encrypted and stored securely. This feature will be automatically enabled for all accounts on May 16th. To opt out, configure Review - Disable Cache at either the organization or repository level. If you prefer to disable all data retention across your organization, simply turn off the Data Retention setting under your Organization Settings.
Enjoy the performance boost—your workflow just got faster.


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
🪧 Tips

Chat

There are 3 ways to chat with CodeRabbit:

  • Review comments: Directly reply to a review comment made by CodeRabbit. Example:
    • I pushed a fix in commit <commit_id>, please review it.
    • Explain this complex logic.
    • Open a follow-up GitHub issue for this discussion.
  • Files and specific lines of code (under the "Files changed" tab): Tag @coderabbitai in a new review comment at the desired location with your query. Examples:
    • @coderabbitai explain this code block.
    • @coderabbitai modularize this function.
  • PR comments: Tag @coderabbitai in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
    • @coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.
    • @coderabbitai read src/utils.ts and explain its main purpose.
    • @coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.
    • @coderabbitai help me debug CodeRabbit configuration file.

Support

Need help? Create a ticket on our support page for assistance with any issues or questions.

Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments.

CodeRabbit Commands (Invoked using PR comments)

  • @coderabbitai pause to pause the reviews on a PR.
  • @coderabbitai resume to resume the paused reviews.
  • @coderabbitai review to trigger an incremental review. This is useful when automatic reviews are disabled for the repository.
  • @coderabbitai full review to do a full review from scratch and review all the files again.
  • @coderabbitai summary to regenerate the summary of the PR.
  • @coderabbitai generate docstrings to generate docstrings for this PR.
  • @coderabbitai generate sequence diagram to generate a sequence diagram of the changes in this PR.
  • @coderabbitai resolve resolve all the CodeRabbit review comments.
  • @coderabbitai configuration to show the current CodeRabbit configuration for the repository.
  • @coderabbitai help to get help.

Other keywords and placeholders

  • Add @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.
  • Add @coderabbitai summary to generate the high-level summary at a specific location in the PR description.
  • Add @coderabbitai anywhere in the PR title to generate the title automatically.

Documentation and Community

  • Visit our Documentation for detailed information on how to use CodeRabbit.
  • Join our Discord Community to get help, request features, and share feedback.
  • Follow us on X/Twitter for updates and announcements.

Copy link
Contributor

@coderabbitai coderabbitai bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 2

🧹 Nitpick comments (2)
pages/interop/tutorials/custom-superchain-erc20.mdx (2)

54-56: Insert blank line after </details>.
Add an empty line between the closing </details> tag and the “### What you’ll do” heading to prevent Markdown rendering issues.

🧰 Tools
🪛 LanguageTool

[uncategorized] ~56-~56: A punctuation mark might be missing here.
Context: ...ion control

### What you'll do * Use the [SuperchainERC20 Starter K...

(AI_EN_LECTOR_MISSING_PUNCTUATION)


98-98: Hyphenate compound modifier in heading.
Change “Blockchain specific setup” to “Blockchain-specific setup” to correctly hyphenate the compound adjective.

🧰 Tools
🪛 LanguageTool

[uncategorized] ~98-~98: When ‘Blockchain-specific’ is used as a modifier, it is usually spelled with a hyphen.
Context: ...ivate key goes here>>> ``` ### Blockchain specific setup <Tabs items={['Supersim', 'Dev...

(SPECIFIC_HYPHEN)

📜 Review details

Configuration used: .coderabbit.yaml
Review profile: CHILL
Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 7c17382 and c6466c8.

📒 Files selected for processing (2)
  • pages/interop/tutorials/custom-superchain-erc20.mdx (3 hunks)
  • words.txt (1 hunks)
🧰 Additional context used
📓 Path-based instructions (1)
`**/*.mdx`: "ALWAYS review Markdown content THOROUGHLY with the following criteria: - First, check the frontmatter section at the top of the file: 1. For regular pages, ensure AL...

**/*.mdx: "ALWAYS review Markdown content THOROUGHLY with the following criteria:

  • First, check the frontmatter section at the top of the file:
    1. For regular pages, ensure ALL these fields are present and not empty:
    ---
    title: [non-empty]
    lang: [non-empty]
    description: [non-empty]
    topic: [non-empty]
    personas: [non-empty array]
    categories: [non-empty array]
    content_type: [valid type]
    ---
    1. For landing pages (index.mdx or files with ), only these fields are required:
    ---
    title: [non-empty]
    lang: [non-empty]
    description: [non-empty]
    topic: [non-empty]
    ---
    1. If any required fields are missing or empty, comment:
      'This file appears to be missing required metadata. Please check keywords.config.yaml for valid options and add the required fields manually. You can validate your changes by running:
    pnpm validate-metadata
    ```'
  • Use proper nouns in place of personal pronouns like 'We' and 'Our' to maintain consistency in communal documentation.
  • Avoid gender-specific language and use the imperative form.
  • Monitor capitalization for emphasis. Avoid using all caps, italics, or bold for emphasis.
  • Ensure proper nouns are capitalized in sentences.
  • Apply the Oxford comma.
  • Use proper title case for buttons, tab names, page names, and links. Sentence case should be used for body content and short phrases, even in links.
  • Use correct spelling and grammar at all times (IMPORTANT).
  • For H1, H2, and H3 headers:
    1. Use sentence case, capitalizing only the first word.
    2. Preserve the capitalization of proper nouns, technical terms, and acronyms as defined in the 'nouns.txt' file located in the root directory of the project.
    3. Do not automatically lowercase words that appear in the 'nouns.txt' file, regardless of their position in the header.
  • Flag any headers that seem to inconsistently apply these rules for manual review.
  • When reviewing capitalization, always refer to the 'nouns.txt' file for the correct capitalization of proper nouns and technical terms specific to the project.
    "
  • pages/interop/tutorials/custom-superchain-erc20.mdx
🪛 LanguageTool
words.txt

[duplication] ~313-~313: Možný preklep: zopakovali ste slovo
Context: ...l Preinstalls preinstalls Prerequisitve Prestate prestate prestates PREVRANDAO PRICEBUMP pricebum...

(WORD_REPEAT_RULE)

pages/interop/tutorials/custom-superchain-erc20.mdx

[uncategorized] ~56-~56: A punctuation mark might be missing here.
Context: ...ion control

### What you'll do * Use the [SuperchainERC20 Starter K...

(AI_EN_LECTOR_MISSING_PUNCTUATION)


[uncategorized] ~98-~98: When ‘Blockchain-specific’ is used as a modifier, it is usually spelled with a hyphen.
Context: ...ivate key goes here>>> ``` ### Blockchain specific setup <Tabs items={['Supersim', 'Dev...

(SPECIFIC_HYPHEN)

⏰ Context from checks skipped due to timeout of 90000ms (3)
  • GitHub Check: Redirect rules - docs-optimism
  • GitHub Check: Header rules - docs-optimism
  • GitHub Check: Pages changed - docs-optimism
🔇 Additional comments (4)
pages/interop/tutorials/custom-superchain-erc20.mdx (4)

21-21: Imports for Nextra components look good.
Pulling in Callout, Steps, and Tabs at the top ensures the MDX components render correctly throughout the tutorial.


37-38: Usage of <details> block is appropriate.
Encapsulating auxiliary information in a collapsible section improves readability by letting readers expand only what they need.


50-53: Development environment section is clear.
The “Development environment” heading and its bullet list correctly outline the required OS and tooling.


60-63: Step-by-step section is well structured.
The “## Step by step” header followed by the <Steps> component aligns with the tutorial’s flow and Nextra conventions.

Copy link
Contributor

@coderabbitai coderabbitai bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 0

🧹 Nitpick comments (6)
pages/interop/tutorials/custom-superchain-erc20.mdx (6)

25-25: Terminology consistency
The term “crosschain messaging” should be hyphenated as “cross-chain messaging” to match other references:

- required for crosschain messaging
+ required for cross-chain messaging

80-85: Remove extraneous empty column in table
The 4th blank column in the table under the [token] section will render as an empty column. Trim it down to three columns:

-| Parameter      | Meaning                  | Example                  |   |
-| -------------- | ------------------------ | ------------------------ | - |
-| owner_address  | Owner of the token       | Your address<sup>1</sup> |   |
-| name           | Token name               | Quick Transfer Token     |   |
-| symbol         | Token symbol             | QTT                      |   |
-| decimals       | Number of decimal places | 18                       |   |
+| Parameter      | Meaning                  | Example                  |
+| -------------- | ------------------------ | ------------------------ |
+| owner_address  | Owner of the token       | Your address<sup>1</sup> |
+| name           | Token name               | Quick Transfer Token     |
+| symbol         | Token symbol             | QTT                      |
+| decimals       | Number of decimal places | 18                       |

98-98: Hyphenate compound modifier in header
Change the H3 from “Blockchain specific setup” to “Blockchain-specific setup” for correct hyphenation:

- ### Blockchain specific setup
+ ### Blockchain-specific setup
🧰 Tools
🪛 LanguageTool

[uncategorized] ~98-~98: When ‘Blockchain-specific’ is used as a modifier, it is usually spelled with a hyphen.
Context: ...ivate key goes here>>> ``` ### Blockchain specific setup <Tabs items={['Supersim', 'Dev...

(SPECIFIC_HYPHEN)


102-107: Use imperative for instructions
Replace the conversational sentence with an imperative:

- All you need to do is start it.
+ Run:

110-113: Clarify Devnets tab introduction
Rephrase for brevity and clarity:

- The SuperchainERC20 Starter Kit is already set up for Supersim.
- If you want to use it with a different set of blockchains, for example the Devnets, follow these steps.
+ By default, the Starter Kit is configured for Supersim. To deploy on Devnets, follow these steps:

220-223: Consistent naming
Tab title is “Devnets” but the text says “For Devnet,”. Align it:

- For Devnet, specify in `PRIVATE_KEY` the private key you used for the setup script and then these parameters.
+ For Devnets, specify in `PRIVATE_KEY` the private key you used for the setup script and then these parameters.
📜 Review details

Configuration used: .coderabbit.yaml
Review profile: CHILL
Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between c6466c8 and 8d6544c.

📒 Files selected for processing (1)
  • pages/interop/tutorials/custom-superchain-erc20.mdx (3 hunks)
🧰 Additional context used
📓 Path-based instructions (1)
`**/*.mdx`: "ALWAYS review Markdown content THOROUGHLY with the following criteria: - First, check the frontmatter section at the top of the file: 1. For regular pages, ensure AL...

**/*.mdx: "ALWAYS review Markdown content THOROUGHLY with the following criteria:

  • First, check the frontmatter section at the top of the file:
    1. For regular pages, ensure ALL these fields are present and not empty:
    ---
    title: [non-empty]
    lang: [non-empty]
    description: [non-empty]
    topic: [non-empty]
    personas: [non-empty array]
    categories: [non-empty array]
    content_type: [valid type]
    ---
    1. For landing pages (index.mdx or files with ), only these fields are required:
    ---
    title: [non-empty]
    lang: [non-empty]
    description: [non-empty]
    topic: [non-empty]
    ---
    1. If any required fields are missing or empty, comment:
      'This file appears to be missing required metadata. Please check keywords.config.yaml for valid options and add the required fields manually. You can validate your changes by running:
    pnpm validate-metadata
    ```'
  • Use proper nouns in place of personal pronouns like 'We' and 'Our' to maintain consistency in communal documentation.
  • Avoid gender-specific language and use the imperative form.
  • Monitor capitalization for emphasis. Avoid using all caps, italics, or bold for emphasis.
  • Ensure proper nouns are capitalized in sentences.
  • Apply the Oxford comma.
  • Use proper title case for buttons, tab names, page names, and links. Sentence case should be used for body content and short phrases, even in links.
  • Use correct spelling and grammar at all times (IMPORTANT).
  • For H1, H2, and H3 headers:
    1. Use sentence case, capitalizing only the first word.
    2. Preserve the capitalization of proper nouns, technical terms, and acronyms as defined in the 'nouns.txt' file located in the root directory of the project.
    3. Do not automatically lowercase words that appear in the 'nouns.txt' file, regardless of their position in the header.
  • Flag any headers that seem to inconsistently apply these rules for manual review.
  • When reviewing capitalization, always refer to the 'nouns.txt' file for the correct capitalization of proper nouns and technical terms specific to the project.
    "
  • pages/interop/tutorials/custom-superchain-erc20.mdx
🪛 LanguageTool
pages/interop/tutorials/custom-superchain-erc20.mdx

[uncategorized] ~56-~56: A punctuation mark might be missing here.
Context: ...ion control

### What you'll do * Use the [SuperchainERC20 Starter K...

(AI_EN_LECTOR_MISSING_PUNCTUATION)


[uncategorized] ~98-~98: When ‘Blockchain-specific’ is used as a modifier, it is usually spelled with a hyphen.
Context: ...ivate key goes here>>> ``` ### Blockchain specific setup <Tabs items={['Supersim', 'Dev...

(SPECIFIC_HYPHEN)

⏰ Context from checks skipped due to timeout of 90000ms (3)
  • GitHub Check: Redirect rules - docs-optimism
  • GitHub Check: Header rules - docs-optimism
  • GitHub Check: Pages changed - docs-optimism
🔇 Additional comments (8)
pages/interop/tutorials/custom-superchain-erc20.mdx (8)

1-19: Frontmatter verification
All required metadata fields (title, lang, description, topic, personas, categories, content_type) are present and non-empty. Good to go.


21-21: Imported components usage
The Callout, Steps, and Tabs imports from nextra/components are used correctly for the callout box, step layout, and environment tabs.


37-53: ‘About this tutorial’ details block
The collapsible <details> section is clear, and headings inside use sentence case. No issues found.


56-56: Heading style check
“### What you'll do” follows sentence-case conventions and is appropriate for an H3.

🧰 Tools
🪛 LanguageTool

[uncategorized] ~56-~56: A punctuation mark might be missing here.
Context: ...ion control

### What you'll do * Use the [SuperchainERC20 Starter K...

(AI_EN_LECTOR_MISSING_PUNCTUATION)


58-58: Action phrasing
Good use of the imperative “Use the SuperchainERC20 Starter Kit…” to instruct the reader.


60-60: Heading style check
“## Step by step” adheres to sentence-case rules for H2 headings.


62-63: Component usage
The <Steps> wrapper and nested ### General setup correctly structure the sequence of tutorial steps.


192-192: Heading consistency
“### Verify the installation” follows sentence-case conventions for H3 headings and aligns with the tutorial’s structure.

Copy link
Contributor

@coderabbitai coderabbitai bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 0

♻️ Duplicate comments (2)
pages/interop/tutorials/custom-superchain-erc20.mdx (2)

80-81: Remove extra empty column in table
An extra trailing column with no content remains in the parameter table. A previous reviewer flagged this; please remove the blank column for clarity.
Apply this diff:

-| Parameter      | Meaning                  | Example                  |   |
-| -------------- | ------------------------ | ------------------------ | - |
-| owner_address  | Owner of the token       | Your address<sup>1</sup> |   |
-| name           | Token name               | Quick Transfer Token     |   |
-| symbol         | Token symbol             | QTT                      |   |
-| decimals       | Number of decimal places | 18                       |   |
+| Parameter      | Meaning                  | Example                  |
+| -------------- | ------------------------ | ------------------------ |
+| owner_address  | Owner of the token       | Your address<sup>1</sup> |
+| name           | Token name               | Quick Transfer Token     |
+| symbol         | Token symbol             | QTT                      |
+| decimals       | Number of decimal places | 18                       |

195-195: 🛠️ Refactor suggestion

Avoid first-person pronoun
Replace the first-person “I created” with neutral phrasing. For example:

- You can also play with the token I created, which is at address [`0xF3Ce…`](…).
+ You can also interact with the deployed token at address [`0xF3Ce…`](…).
🧹 Nitpick comments (1)
pages/interop/tutorials/custom-superchain-erc20.mdx (1)

98-98: Hyphenate compound modifier
When used as a modifier, “Blockchain specific” should be hyphenated.

- ### Blockchain specific setup
+ ### Blockchain-specific setup
🧰 Tools
🪛 LanguageTool

[uncategorized] ~98-~98: When ‘Blockchain-specific’ is used as a modifier, it is usually spelled with a hyphen.
Context: ...ivate key goes here>>> ``` ### Blockchain specific setup <Tabs items={['Supersim', 'Dev...

(SPECIFIC_HYPHEN)

📜 Review details

Configuration used: .coderabbit.yaml
Review profile: CHILL
Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 8d6544c and c492b95.

📒 Files selected for processing (1)
  • pages/interop/tutorials/custom-superchain-erc20.mdx (3 hunks)
🧰 Additional context used
📓 Path-based instructions (1)
`**/*.mdx`: "ALWAYS review Markdown content THOROUGHLY with the following criteria: - First, check the frontmatter section at the top of the file: 1. For regular pages, ensure AL...

**/*.mdx: "ALWAYS review Markdown content THOROUGHLY with the following criteria:

  • First, check the frontmatter section at the top of the file:
    1. For regular pages, ensure ALL these fields are present and not empty:
    ---
    title: [non-empty]
    lang: [non-empty]
    description: [non-empty]
    topic: [non-empty]
    personas: [non-empty array]
    categories: [non-empty array]
    content_type: [valid type]
    ---
    1. For landing pages (index.mdx or files with ), only these fields are required:
    ---
    title: [non-empty]
    lang: [non-empty]
    description: [non-empty]
    topic: [non-empty]
    ---
    1. If any required fields are missing or empty, comment:
      'This file appears to be missing required metadata. Please check keywords.config.yaml for valid options and add the required fields manually. You can validate your changes by running:
    pnpm validate-metadata
    ```'
  • Use proper nouns in place of personal pronouns like 'We' and 'Our' to maintain consistency in communal documentation.
  • Avoid gender-specific language and use the imperative form.
  • Monitor capitalization for emphasis. Avoid using all caps, italics, or bold for emphasis.
  • Ensure proper nouns are capitalized in sentences.
  • Apply the Oxford comma.
  • Use proper title case for buttons, tab names, page names, and links. Sentence case should be used for body content and short phrases, even in links.
  • Use correct spelling and grammar at all times (IMPORTANT).
  • For H1, H2, and H3 headers:
    1. Use sentence case, capitalizing only the first word.
    2. Preserve the capitalization of proper nouns, technical terms, and acronyms as defined in the 'nouns.txt' file located in the root directory of the project.
    3. Do not automatically lowercase words that appear in the 'nouns.txt' file, regardless of their position in the header.
  • Flag any headers that seem to inconsistently apply these rules for manual review.
  • When reviewing capitalization, always refer to the 'nouns.txt' file for the correct capitalization of proper nouns and technical terms specific to the project.
    "
  • pages/interop/tutorials/custom-superchain-erc20.mdx
🪛 LanguageTool
pages/interop/tutorials/custom-superchain-erc20.mdx

[uncategorized] ~56-~56: A punctuation mark might be missing here.
Context: ...ion control

### What you'll do * Use the [SuperchainERC20 starter k...

(AI_EN_LECTOR_MISSING_PUNCTUATION)


[uncategorized] ~98-~98: When ‘Blockchain-specific’ is used as a modifier, it is usually spelled with a hyphen.
Context: ...ivate key goes here>>> ``` ### Blockchain specific setup <Tabs items={['Supersim', 'Dev...

(SPECIFIC_HYPHEN)

⏰ Context from checks skipped due to timeout of 90000ms (3)
  • GitHub Check: Redirect rules - docs-optimism
  • GitHub Check: Header rules - docs-optimism
  • GitHub Check: Pages changed - docs-optimism
🔇 Additional comments (15)
pages/interop/tutorials/custom-superchain-erc20.mdx (15)

21-21: Import statement correctness
Importing Callout, Steps, and Tabs from nextra/components is appropriate for rendering the new UI components.


37-38: Details block and summary
The <details> wrapper with a <summary> provides a clean, collapsible section for introductory content. The summary text “About this tutorial” follows sentence-case conventions.


40-40: Subheading formatting
The bold subheading **What you'll learn** is clear and correctly uses sentence case for emphasis within the details block.


42-42: Bullet list clarity
The learning objectives bullet is concise and technically accurate.


44-44: Prerequisite section heading
The bolded heading **Prerequisite technical knowledge** is clear and properly capitalized in sentence case.


46-48: Prerequisite knowledge list
The listed prerequisites are complete and correctly formatted as fragments without terminal punctuation.


50-50: Development environment heading
The bolded **Development environment** heading is clear and follows sentence-case rules.


52-53: Environment requirements list
The OS and Git bullets are accurate and formatted consistently with other lists.


56-56: “What you’ll do” heading
The H3 ### What you'll do uses sentence case correctly and aligns with the tutorial’s style.

🧰 Tools
🪛 LanguageTool

[uncategorized] ~56-~56: A punctuation mark might be missing here.
Context: ...ion control

### What you'll do * Use the [SuperchainERC20 starter k...

(AI_EN_LECTOR_MISSING_PUNCTUATION)


58-58: Actionable first step
The instruction to use the starter kit is clear and uses the imperative form.


62-62: Steps component usage
Wrapping the step-by-step content in <Steps> improves readability and enables consistent styling.


63-63: General setup heading
The H3 ### General setup is properly capitalized and succinct.


67-67: Installation instruction
The numbered step to install Foundry is in imperative voice and properly formatted.


192-192: Installation verification heading
The H3 ### Verify the installation correctly uses sentence case and clearly delineates the verification steps.


255-255: “Next steps” heading
The H2 ## Next steps uses sentence case correctly and aligns with the tutorial flow.

@qbzzt qbzzt requested a review from krofax May 7, 2025 12:17
Copy link
Contributor

@coderabbitai coderabbitai bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 0

🧹 Nitpick comments (4)
pages/interop/tutorials/custom-superchain-erc20.mdx (4)

37-52: Consider using proper heading levels instead of bold for section labels
Inside the <details> block, the labels What you'll learn, Prerequisite technical knowledge, and Development environment are formatted in bold. To improve accessibility and maintain consistency with markdown semantics, you could use heading levels (e.g., ####) rather than bold styling.

Proposed diff:

 <details>
   <summary>About this tutorial</summary>

-  **What you'll learn**
+  #### What you'll learn

   *   How to deploy custom ERC20 tokens across multiple chains ...

-  **Prerequisite technical knowledge**
+  #### Prerequisite technical knowledge

   *   Understanding of smart contract development
   *   Familiarity with blockchain concepts
   *   Familiarity with [standard SuperchainERC20 deployments](/interop/tutorials/deploy-superchain-erc20).

-  **Development environment**
+  #### Development environment

   *   Unix-like operating system (Linux, macOS, or WSL for Windows)
   *   Git for version control
 </details>

56-57: Title case for the starter kit link should match official name
The link text uses lowercase in “[SuperchainERC20 starter kit]” but elsewhere (e.g., in Next steps) it’s capitalized “Starter Kit.” To align with title case for page names and link text, update to “SuperchainERC20 Starter Kit.”

- *   Use the [SuperchainERC20 starter kit](/app-developers/starter-kit) to deploy tokens with your custom code.
+ *   Use the [SuperchainERC20 Starter Kit](/app-developers/starter-kit) to deploy tokens with your custom code.
🧰 Tools
🪛 LanguageTool

[uncategorized] ~56-~56: A punctuation mark might be missing here.
Context: ...ion control

### What you'll do * Use the [SuperchainERC20 starter k...

(AI_EN_LECTOR_MISSING_PUNCTUATION)


98-98: Hyphenate compound modifier
The heading “### Blockchain specific setup” should hyphenate the compound modifier:

- ### Blockchain specific setup
+ ### Blockchain-specific setup
🧰 Tools
🪛 LanguageTool

[uncategorized] ~98-~98: When ‘Blockchain-specific’ is used as a modifier, it is usually spelled with a hyphen.
Context: ...ivate key goes here>>> ``` ### Blockchain specific setup <Tabs items={['Supersim', 'Dev...

(SPECIFIC_HYPHEN)


192-238: Unify environment naming and capitalization in verification steps
Within the “Verify the installation” section:

  1. The tab title and earlier references use “Devnets,” but the descriptive text reads “For Devnet.”
  2. The bullet “Repeat the same steps on chain B” should capitalize the technical term Chain B.

Please apply these adjustments for consistency:

- For Devnet, specify in `PRIVATE_KEY` the private key you used for the setup script and then these parameters.
+ For Devnets, specify in `PRIVATE_KEY` the private key you used for the setup script and then these parameters.

- 6.  Repeat the same steps on chain B.
+ 6.  Repeat the same steps on Chain B.
📜 Review details

Configuration used: .coderabbit.yaml
Review profile: CHILL
Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between c492b95 and 38efcfb.

📒 Files selected for processing (1)
  • pages/interop/tutorials/custom-superchain-erc20.mdx (3 hunks)
🧰 Additional context used
📓 Path-based instructions (1)
`**/*.mdx`: "ALWAYS review Markdown content THOROUGHLY with the following criteria: - First, check the frontmatter section at the top of the file: 1. For regular pages, ensure AL...

**/*.mdx: "ALWAYS review Markdown content THOROUGHLY with the following criteria:

  • First, check the frontmatter section at the top of the file:
    1. For regular pages, ensure ALL these fields are present and not empty:
    ---
    title: [non-empty]
    lang: [non-empty]
    description: [non-empty]
    topic: [non-empty]
    personas: [non-empty array]
    categories: [non-empty array]
    content_type: [valid type]
    ---
    1. For landing pages (index.mdx or files with ), only these fields are required:
    ---
    title: [non-empty]
    lang: [non-empty]
    description: [non-empty]
    topic: [non-empty]
    ---
    1. If any required fields are missing or empty, comment:
      'This file appears to be missing required metadata. Please check keywords.config.yaml for valid options and add the required fields manually. You can validate your changes by running:
    pnpm validate-metadata
    ```'
  • Use proper nouns in place of personal pronouns like 'We' and 'Our' to maintain consistency in communal documentation.
  • Avoid gender-specific language and use the imperative form.
  • Monitor capitalization for emphasis. Avoid using all caps, italics, or bold for emphasis.
  • Ensure proper nouns are capitalized in sentences.
  • Apply the Oxford comma.
  • Use proper title case for buttons, tab names, page names, and links. Sentence case should be used for body content and short phrases, even in links.
  • Use correct spelling and grammar at all times (IMPORTANT).
  • For H1, H2, and H3 headers:
    1. Use sentence case, capitalizing only the first word.
    2. Preserve the capitalization of proper nouns, technical terms, and acronyms as defined in the 'nouns.txt' file located in the root directory of the project.
    3. Do not automatically lowercase words that appear in the 'nouns.txt' file, regardless of their position in the header.
  • Flag any headers that seem to inconsistently apply these rules for manual review.
  • When reviewing capitalization, always refer to the 'nouns.txt' file for the correct capitalization of proper nouns and technical terms specific to the project.
    "
  • pages/interop/tutorials/custom-superchain-erc20.mdx
🪛 LanguageTool
pages/interop/tutorials/custom-superchain-erc20.mdx

[uncategorized] ~56-~56: A punctuation mark might be missing here.
Context: ...ion control

### What you'll do * Use the [SuperchainERC20 starter k...

(AI_EN_LECTOR_MISSING_PUNCTUATION)


[uncategorized] ~98-~98: When ‘Blockchain-specific’ is used as a modifier, it is usually spelled with a hyphen.
Context: ...ivate key goes here>>> ``` ### Blockchain specific setup <Tabs items={['Supersim', 'Dev...

(SPECIFIC_HYPHEN)

⏰ Context from checks skipped due to timeout of 90000ms (4)
  • GitHub Check: Redirect rules - docs-optimism
  • GitHub Check: Header rules - docs-optimism
  • GitHub Check: Pages changed - docs-optimism
  • GitHub Check: pr-workflow
🔇 Additional comments (3)
pages/interop/tutorials/custom-superchain-erc20.mdx (3)

21-21: New interactive components import looks good
All three imported components (Callout, Steps, Tabs) are used appropriately throughout the tutorial.


62-62: Good use of the Steps component for structure
The <Steps> wrapper clearly delineates each major phase of the tutorial, improving readability and navigation.


255-255: Next steps link capitalization is correct
The callout “Use the SuperchainERC20 Starter Kit to deploy your token across the Superchain” correctly applies title case to the link text.

Copy link
Contributor

@coderabbitai coderabbitai bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 1

📜 Review details

Configuration used: .coderabbit.yaml
Review profile: CHILL
Plan: Pro
Cache: Disabled due to data retention organization setting
Knowledge Base: Disabled due to data retention organization setting

📥 Commits

Reviewing files that changed from the base of the PR and between 38efcfb and e8fcec7.

📒 Files selected for processing (1)
  • pages/interop/tutorials/custom-superchain-erc20.mdx (3 hunks)
🧰 Additional context used
📓 Path-based instructions (1)
`**/*.mdx`: "ALWAYS review Markdown content THOROUGHLY with the following criteria: - First, check the frontmatter section at the top of the file: 1. For regular pages, ensure AL...

**/*.mdx: "ALWAYS review Markdown content THOROUGHLY with the following criteria:

  • First, check the frontmatter section at the top of the file:
    1. For regular pages, ensure ALL these fields are present and not empty:
    ---
    title: [non-empty]
    lang: [non-empty]
    description: [non-empty]
    topic: [non-empty]
    personas: [non-empty array]
    categories: [non-empty array]
    content_type: [valid type]
    ---
    1. For landing pages (index.mdx or files with ), only these fields are required:
    ---
    title: [non-empty]
    lang: [non-empty]
    description: [non-empty]
    topic: [non-empty]
    ---
    1. If any required fields are missing or empty, comment:
      'This file appears to be missing required metadata. Please check keywords.config.yaml for valid options and add the required fields manually. You can validate your changes by running:
    pnpm validate-metadata
    ```'
  • Use proper nouns in place of personal pronouns like 'We' and 'Our' to maintain consistency in communal documentation.
  • Avoid gender-specific language and use the imperative form.
  • Monitor capitalization for emphasis. Avoid using all caps, italics, or bold for emphasis.
  • Ensure proper nouns are capitalized in sentences.
  • Apply the Oxford comma.
  • Use proper title case for buttons, tab names, page names, and links. Sentence case should be used for body content and short phrases, even in links.
  • Use correct spelling and grammar at all times (IMPORTANT).
  • For H1, H2, and H3 headers:
    1. Use sentence case, capitalizing only the first word.
    2. Preserve the capitalization of proper nouns, technical terms, and acronyms as defined in the 'nouns.txt' file located in the root directory of the project.
    3. Do not automatically lowercase words that appear in the 'nouns.txt' file, regardless of their position in the header.
  • Flag any headers that seem to inconsistently apply these rules for manual review.
  • When reviewing capitalization, always refer to the 'nouns.txt' file for the correct capitalization of proper nouns and technical terms specific to the project.
    "
  • pages/interop/tutorials/custom-superchain-erc20.mdx
🪛 LanguageTool
pages/interop/tutorials/custom-superchain-erc20.mdx

[uncategorized] ~56-~56: A punctuation mark might be missing here.
Context: ...ion control

### What you'll do * Use the [SuperchainERC20 starter k...

(AI_EN_LECTOR_MISSING_PUNCTUATION)

⏰ Context from checks skipped due to timeout of 90000ms (3)
  • GitHub Check: Redirect rules - docs-optimism
  • GitHub Check: Header rules - docs-optimism
  • GitHub Check: Pages changed - docs-optimism
🔇 Additional comments (5)
pages/interop/tutorials/custom-superchain-erc20.mdx (5)

21-21: Imported UI components correctly
The Callout, Steps, and Tabs imports match their usage in this tutorial.


37-52: Well-structured collapsible "About this tutorial" section
The new <details> block cleanly groups learning objectives, prerequisites, and environment requirements, improving readability and scannability.


56-56: Consistent sentence-case heading
The ### What you'll do header follows sentence-case conventions (capitalizing only the first word and proper nouns).

🧰 Tools
🪛 LanguageTool

[uncategorized] ~56-~56: A punctuation mark might be missing here.
Context: ...ion control

### What you'll do * Use the [SuperchainERC20 starter k...

(AI_EN_LECTOR_MISSING_PUNCTUATION)


100-103: Supersim tab content is accurate
The Supersim-specific instructions correctly reference the starter kit setup and launch command.


192-193: Approve updated token reference phrasing
The phrasing "a previously created token" is clearer and resolves the earlier ambiguity.

@krofax krofax merged commit fe89c1a into ethereum-optimism:main May 19, 2025
12 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants