refactor: merge section 6 into 5, renumber 7 to 6

Author: onmax

astro.config.ts

@@ -1,9 +1,9 @@
+import { readFileSync } from 'node:fs'
+import path from 'node:path'
+import { fileURLToPath } from 'node:url'
 import vue from '@astrojs/vue'
 import tutorialkit from '@tutorialkit/astro'
 import { defineConfig } from 'astro/config'
-import { readFileSync } from 'fs'
-import { fileURLToPath } from 'url'
-import path from 'path'
 
 // Read package version at build time
 const __filename = fileURLToPath(import.meta.url)

public/widget.css

@@ -6,7 +6,7 @@ const USDC_ADDRESS = '0x41E94Eb019C0762f9Bfcf9Fb1E58725BfB0e7582'
 const USDC_ABI = [
   'function transfer(address to, uint256 amount) returns (bool)',
   'function balanceOf(address account) view returns (uint256)',
-  'function decimals() view returns (uint8)'
+  'function decimals() view returns (uint8)',
 ]
 
 // 🔐 WALLET SETUP: Change this to your own unique password!
@@ -56,7 +56,7 @@ async function main() {
 
   // Convert to 24-word mnemonic so you can import into any wallet
   const mnemonic = ethers.Wallet.fromMnemonic(
-    ethers.utils.entropyToMnemonic(ethers.utils.hexZeroPad(wallet.privateKey, 32))
+    ethers.utils.entropyToMnemonic(ethers.utils.hexZeroPad(wallet.privateKey, 32)),
   ).mnemonic.phrase
   console.log('\n📝 Mnemonic (24 words):', mnemonic)
   console.log('💡 You can import this mnemonic into any wallet to check your balances:')
@@ -96,7 +96,7 @@ async function main() {
       to: RECIPIENT,
       value: ethers.utils.parseEther(POL_AMOUNT),
       maxPriorityFeePerGas,
-      maxFeePerGas
+      maxFeePerGas,
     })
     console.log('⏳ Transaction hash:', tx.hash)
 
@@ -109,7 +109,8 @@ async function main() {
     const newPolBalance = await provider.getBalance(wallet.address)
     const spent = polBalance.sub(newPolBalance)
     console.log('📊 Total spent:', ethers.utils.formatEther(spent), 'POL (including gas)')
-  } catch (error) {
+  }
+  catch (error) {
     console.log('❌ Failed:', error.message)
   }
 
@@ -143,7 +144,7 @@ async function main() {
     const amountInBaseUnits = ethers.utils.parseUnits(USDC_AMOUNT, decimals)
     const tx = await usdc.transfer(RECIPIENT, amountInBaseUnits, {
       maxPriorityFeePerGas,
-      maxFeePerGas
+      maxFeePerGas,
     })
     console.log('⏳ Transaction hash:', tx.hash)
 
@@ -161,7 +162,8 @@ async function main() {
     // Show POL used for gas (still needed for ERC20!)
     const finalPolBalance = await provider.getBalance(wallet.address)
     console.log('⛽ POL balance:', ethers.utils.formatEther(finalPolBalance), 'POL (gas paid in POL!)')
-  } catch (error) {
+  }
+  catch (error) {
     console.log('❌ Failed:', error.message)
   }
 

public/widget.js

@@ -1 +1 @@
-{"name":"polygon-basics-demo","version":"1.0.0","type":"module","scripts":{"demo":"node --watch index.js"},"dependencies":{"ethers":"^5.7.2"}}
+{ "name": "polygon-basics-demo", "type": "module", "version": "1.0.0", "scripts": { "demo": "node --watch index.js" }, "dependencies": { "ethers": "^5.7.2" } }

src/content/tutorial/5-polygon-basics/1-introduction/_files/index.js

@@ -6,7 +6,7 @@ const USDC_ADDRESS = '0x41E94Eb019C0762f9Bfcf9Fb1E58725BfB0e7582'
 const USDC_ABI = [
   'function transfer(address to, uint256 amount) returns (bool)',
   'function balanceOf(address account) view returns (uint256)',
-  'function decimals() view returns (uint8)'
+  'function decimals() view returns (uint8)',
 ]
 
 // 🔐 WALLET SETUP: Change this to your own unique password!
@@ -56,7 +56,7 @@ async function main() {
 
   // Convert to 24-word mnemonic so you can import into any wallet
   const mnemonic = ethers.Wallet.fromMnemonic(
-    ethers.utils.entropyToMnemonic(ethers.utils.hexZeroPad(wallet.privateKey, 32))
+    ethers.utils.entropyToMnemonic(ethers.utils.hexZeroPad(wallet.privateKey, 32)),
   ).mnemonic.phrase
   console.log('\n📝 Mnemonic (24 words):', mnemonic)
   console.log('💡 You can import this mnemonic into any wallet to check your balances:')
@@ -96,7 +96,7 @@ async function main() {
       to: RECIPIENT,
       value: ethers.utils.parseEther(POL_AMOUNT),
       maxPriorityFeePerGas,
-      maxFeePerGas
+      maxFeePerGas,
     })
     console.log('⏳ Transaction hash:', tx.hash)
 
@@ -109,7 +109,8 @@ async function main() {
     const newPolBalance = await provider.getBalance(wallet.address)
     const spent = polBalance.sub(newPolBalance)
     console.log('📊 Total spent:', ethers.utils.formatEther(spent), 'POL (including gas)')
-  } catch (error) {
+  }
+  catch (error) {
     console.log('❌ Failed:', error.message)
   }
 
@@ -143,7 +144,7 @@ async function main() {
     const amountInBaseUnits = ethers.utils.parseUnits(USDC_AMOUNT, decimals)
     const tx = await usdc.transfer(RECIPIENT, amountInBaseUnits, {
       maxPriorityFeePerGas,
-      maxFeePerGas
+      maxFeePerGas,
     })
     console.log('⏳ Transaction hash:', tx.hash)
 
@@ -161,7 +162,8 @@ async function main() {
     // Show POL used for gas (still needed for ERC20!)
     const finalPolBalance = await provider.getBalance(wallet.address)
     console.log('⛽ POL balance:', ethers.utils.formatEther(finalPolBalance), 'POL (gas paid in POL!)')
-  } catch (error) {
+  }
+  catch (error) {
     console.log('❌ Failed:', error.message)
   }
 

src/content/tutorial/5-polygon-basics/1-introduction/_files/package.json

@@ -1 +1 @@
-{"name":"polygon-basics-demo","version":"1.0.0","type":"module","scripts":{"demo":"node --watch index.js"},"dependencies":{"ethers":"^5.7.2"}}
+{ "name": "polygon-basics-demo", "type": "module", "version": "1.0.0", "scripts": { "demo": "node --watch index.js" }, "dependencies": { "ethers": "^5.7.2" } }

src/content/tutorial/5-polygon-basics/1-introduction/_solution/index.js

@@ -20,6 +20,7 @@ Welcome to Polygon Basics! Over the next three lessons you will assemble a compl
 ## Why Polygon?
 
 **Polygon** is an Ethereum Layer 2 network designed to feel familiar while solving Ethereum's biggest pain points.
+
 - **Same developer experience**: It speaks the Ethereum Virtual Machine (EVM), so tools like ethers.js, Hardhat, or MetaMask work without modification.
 - **Lower transaction costs**: Fees are measured in fractions of a cent instead of whole dollars.
 - **Faster confirmations**: Blocks land roughly every two seconds, keeping interactions snappy.
@@ -33,10 +34,10 @@ Think of Polygon as Ethereum's faster, more affordable sibling that still shares
 
 For this section we use **Polygon Amoy**, the current Polygon testnet. It mirrors mainnet behavior while using valueless tokens, which makes it ideal for experimentation.
 
-- **Network Name**: Polygon Amoy Testnet  
-- **Chain ID**: 80002  
-- **RPC URL**: https://rpc-amoy.polygon.technology  
-- **Block Explorer**: https://amoy.polygonscan.com  
+- **Network Name**: Polygon Amoy Testnet
+- **Chain ID**: 80002
+- **RPC URL**: https://rpc-amoy.polygon.technology
+- **Block Explorer**: https://amoy.polygonscan.com
 - **Native Token**: POL (pays gas fees)
 
 Because every token on Amoy is free, you can try ideas, make mistakes, and rerun scripts without worrying about real money.
@@ -48,17 +49,20 @@ Because every token on Amoy is free, you can try ideas, make mistakes, and rerun
 By the end of this part you will have a working toolkit for everyday Polygon development:
 
 ### Lesson 2: Polygon Wallet Setup & Faucets
+
 - Generate an Ethereum-compatible wallet with ethers.js.
 - Connect that wallet to Polygon Amoy.
 - Collect free POL and USDC from public faucets.
 - Read balances programmatically so you can verify funding.
 
 ### Lesson 3: Sending POL Transactions
+
 - Craft and broadcast native POL transfers.
 - Inspect gas usage and confirmation receipts.
 - Follow the transaction lifecycle on PolygonScan.
 
 ### Lesson 4: ERC20 Tokens & USDC Transfers
+
 - Review the ERC20 interface and why it matters.
 - Interact with token contracts through ABIs.
 - Send USDC and account for its six decimal places.
@@ -70,6 +74,7 @@ Each lesson builds on the previous one, so keep your project files handy as you
 ## Why These Skills Matter
 
 Mastering Polygon translates directly to the broader EVM ecosystem:
+
 - Mainnet Ethereum and Layer 2 networks such as Optimism, Arbitrum, and Base share the same patterns.
 - Sidechains like BNB Chain or Avalanche use identical wallet and contract workflows.
 - Any project that relies on ethers.js or web3.js expects these fundamentals.
@@ -81,11 +86,13 @@ Once you are comfortable on Polygon, you can approach most EVM-based platforms w
 ## The Demo Script
 
 The code bundled with this lesson is a complete end-to-end walkthrough of everything you will build in Lessons 2-4. The demo runs automatically when you open this lesson—just check the terminal output. Treat it as a living reference:
+
 - **Review the terminal** to see the final experience in action.
 - **Copy individual snippets** as you implement each step in the subsequent lessons.
 - **Compare your work** against the finished version if you get stuck.
 
 The script demonstrates how to:
+
 1. Create a wallet and connect to Polygon Amoy.
 2. Check POL and USDC balances.
 3. Send POL to another address.

src/content/tutorial/5-polygon-basics/1-introduction/_solution/package.json

@@ -1 +1 @@
-{"name":"polygon-wallet-setup","version":"1.0.0","type":"module","scripts":{"dev":"node --watch index.js"},"dependencies":{"ethers":"^5.7.2"}}
+{ "name": "polygon-wallet-setup", "type": "module", "version": "1.0.0", "scripts": { "dev": "node --watch index.js" }, "dependencies": { "ethers": "^5.7.2" } }

src/content/tutorial/5-polygon-basics/1-introduction/content.md

@@ -1 +1 @@
-{"name":"polygon-wallet-setup","version":"1.0.0","type":"module","scripts":{"dev":"node --watch index.js"},"dependencies":{"ethers":"^5.7.2"}}
+{ "name": "polygon-wallet-setup", "type": "module", "version": "1.0.0", "scripts": { "dev": "node --watch index.js" }, "dependencies": { "ethers": "^5.7.2" } }