abc-scaffold 1.0.2 → 1.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "abc-scaffold",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "Africa's Blockchain Club — project-agnostic blockchain scaffolding tool",
   "author": "Africa's Blockchain Club",
   "license": "MIT",

package/src/scaffold.js

@@ -295,9 +295,17 @@ export async function scaffold(initialName) {
 
   fs.mkdirSync(targetDir, { recursive: true });
 
-  for (const dir of ['contracts', 'scripts', 'test']) {
-    fs.mkdirSync(path.join(targetDir, dir), { recursive: true });
-    logger.success(`${dir}/`);
+  // Copy starter files — directories are created implicitly by fse.copySync
+  const starterFiles = [
+    ['contracts/MyContract.sol', 'contracts/MyContract.sol'],
+    ['scripts/deploy.js',        'scripts/deploy.js'],
+    ['scripts/upgrade.js',       'scripts/upgrade.js'],
+    ['test/MyContract.test.js',  'test/MyContract.test.js'],
+  ];
+
+  for (const [src, dest] of starterFiles) {
+    fse.copySync(path.join(TEMPLATES, src), path.join(targetDir, dest));
+    logger.success(dest);
   }
 
   // ── Copy configuration files ────────────────────────────────────────────────

package/templates/contracts/MyContract.sol

@@ -0,0 +1,6 @@
+// SPDX-License-Identifier: MIT
+pragma solidity ^0.8.26;
+
+contract MyContract {
+    // Your logic here
+}

package/templates/frontend/src/App.css

@@ -19,7 +19,6 @@ body {
   flex-direction: column;
 }
 
-/* ── Centered content ── */
 .main {
   flex: 1;
   display: flex;
@@ -27,55 +26,20 @@ body {
   justify-content: center;
 }
 
-/* ── Connect button ── */
-.connect-btn {
-  background-color: #e94560;
-  color: #ffffff;
-  border: none;
-  border-radius: 10px;
-  padding: 1rem 2.5rem;
-  font-size: 1.1rem;
-  font-weight: 700;
-  cursor: pointer;
-  transition: background-color 0.18s ease, transform 0.12s ease;
-  letter-spacing: 0.3px;
-}
-
-.connect-btn:hover:not(:disabled) {
-  background-color: #c73652;
-  transform: translateY(-2px);
-}
-
-.connect-btn:active:not(:disabled) {
-  transform: translateY(0);
-}
-
-.connect-btn:disabled {
-  background-color: #555566;
-  cursor: not-allowed;
+.hero {
+  text-align: center;
 }
 
-/* ── Connected state ── */
-.connected {
-  display: flex;
-  align-items: center;
-  gap: 0.6rem;
-  background-color: #1a1a2e;
-  border: 1px solid #e94560;
-  border-radius: 10px;
-  padding: 0.75rem 1.5rem;
-}
-
-.wallet-dot {
-  width: 10px;
-  height: 10px;
-  background-color: #4caf50;
-  border-radius: 50%;
-  flex-shrink: 0;
+.hero h1 {
+  font-size: 3rem;
+  font-weight: 800;
+  color: #ffffff;
+  margin-bottom: 0.75rem;
+  letter-spacing: -0.5px;
 }
 
-.wallet-address {
-  font-family: 'Fira Code', 'Cascadia Code', monospace;
-  font-size: 1rem;
-  color: #e2e2e2;
+.subtitle {
+  font-size: 1.1rem;
+  color: #e94560;
+  font-weight: 500;
 }

package/templates/frontend/src/App.jsx

@@ -1,52 +1,15 @@
-import { useState } from 'react';
-import { BrowserProvider } from 'ethers';
 import Navbar from './components/Navbar.jsx';
 import './App.css';
 
 function App() {
-  const [account, setAccount]       = useState(null);
-  const [connecting, setConnecting] = useState(false);
-
-  async function connectWallet() {
-    if (!window.ethereum) {
-      alert('MetaMask is not installed. Please install it at https://metamask.io');
-      return;
-    }
-
-    setConnecting(true);
-    try {
-      const provider = new BrowserProvider(window.ethereum);
-      const accounts = await provider.send('eth_requestAccounts', []);
-      setAccount(accounts[0]);
-    } catch (err) {
-      console.error('Wallet connection rejected:', err);
-    } finally {
-      setConnecting(false);
-    }
-  }
-
-  function truncate(addr) {
-    return `${addr.slice(0, 6)}…${addr.slice(-4)}`;
-  }
-
   return (
     <div className="app">
       <Navbar />
       <main className="main">
-        {account ? (
-          <div className="connected">
-            <span className="wallet-dot" />
-            <span className="wallet-address">{truncate(account)}</span>
-          </div>
-        ) : (
-          <button
-            className="connect-btn"
-            onClick={connectWallet}
-            disabled={connecting}
-          >
-            {connecting ? 'Connecting…' : 'Connect Wallet'}
-          </button>
-        )}
+        <div className="hero">
+          <h1>Your Blockchain Project</h1>
+          <p className="subtitle">Scaffolded by Africa's Blockchain Club</p>
+        </div>
       </main>
     </div>
   );

package/templates/frontend/src/components/Navbar.css

@@ -1,6 +1,7 @@
 .navbar {
   display: flex;
   align-items: center;
+  justify-content: space-between;
   padding: 1rem 2rem;
   background-color: #1a1a2e;
   border-bottom: 1px solid #2a2a4a;
@@ -26,3 +27,61 @@
   color: #e94560;
   letter-spacing: 0.3px;
 }
+
+.navbar-actions {
+  display: flex;
+  align-items: center;
+}
+
+/* Connect button */
+.connect-btn {
+  background-color: #e94560;
+  color: #ffffff;
+  border: none;
+  border-radius: 8px;
+  padding: 0.55rem 1.3rem;
+  font-size: 0.9rem;
+  font-weight: 600;
+  cursor: pointer;
+  transition: background-color 0.18s ease, transform 0.12s ease;
+  white-space: nowrap;
+}
+
+.connect-btn:hover:not(:disabled) {
+  background-color: #c73652;
+  transform: translateY(-1px);
+}
+
+.connect-btn:active:not(:disabled) {
+  transform: translateY(0);
+}
+
+.connect-btn:disabled {
+  background-color: #555566;
+  cursor: not-allowed;
+}
+
+/* Connected badge */
+.wallet-badge {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  background-color: #0f3460;
+  border: 1px solid #e94560;
+  border-radius: 8px;
+  padding: 0.45rem 1rem;
+}
+
+.wallet-dot {
+  width: 8px;
+  height: 8px;
+  background-color: #4caf50;
+  border-radius: 50%;
+  flex-shrink: 0;
+}
+
+.wallet-address {
+  color: #e2e2e2;
+  font-family: 'Fira Code', 'Cascadia Code', monospace;
+  font-size: 0.875rem;
+}

package/templates/frontend/src/components/Navbar.jsx

@@ -1,12 +1,56 @@
+import { useState } from 'react';
+import { BrowserProvider } from 'ethers';
 import './Navbar.css';
 
 export default function Navbar() {
+  const [account, setAccount]       = useState(null);
+  const [connecting, setConnecting] = useState(false);
+
+  async function connectWallet() {
+    if (!window.ethereum) {
+      alert('MetaMask is not installed. Please install it at https://metamask.io');
+      return;
+    }
+
+    setConnecting(true);
+    try {
+      const provider = new BrowserProvider(window.ethereum);
+      const accounts = await provider.send('eth_requestAccounts', []);
+      setAccount(accounts[0]);
+    } catch (err) {
+      console.error('Wallet connection rejected:', err);
+    } finally {
+      setConnecting(false);
+    }
+  }
+
+  function truncate(addr) {
+    return `${addr.slice(0, 6)}…${addr.slice(-4)}`;
+  }
+
   return (
     <nav className="navbar">
       <div className="navbar-brand">
         <span className="navbar-logo">🔗</span>
         <span className="navbar-title">Africa's Blockchain Club</span>
       </div>
+
+      <div className="navbar-actions">
+        {account ? (
+          <div className="wallet-badge">
+            <span className="wallet-dot" />
+            <span className="wallet-address">{truncate(account)}</span>
+          </div>
+        ) : (
+          <button
+            className="connect-btn"
+            onClick={connectWallet}
+            disabled={connecting}
+          >
+            {connecting ? 'Connecting…' : 'Connect Wallet'}
+          </button>
+        )}
+      </div>
     </nav>
   );
 }

package/templates/scripts/deploy.js

@@ -0,0 +1,18 @@
+const { ethers } = require('hardhat');
+
+async function main() {
+  
+  const [deployer] = await ethers.getSigners();
+  console.log('Deploying from:', deployer.address);
+
+  const MyContract = await ethers.getContractFactory('MyContract');
+  const contract = await MyContract.deploy();
+  await contract.waitForDeployment();
+
+  console.log('MyContract deployed to:', await contract.getAddress());
+}
+
+main().catch((err) => {
+  console.error(err);
+  process.exitCode = 1;
+});

package/templates/scripts/upgrade.js

@@ -0,0 +1,20 @@
+const { ethers, upgrades } = require('hardhat');
+
+// Address of the proxy contract from your initial deployment
+const PROXY_ADDRESS = '0xYOUR_PROXY_ADDRESS_HERE';
+
+async function main() {
+  const [deployer] = await ethers.getSigners();
+  console.log('Upgrading from:', deployer.address);
+
+  const MyContractV2 = await ethers.getContractFactory('MyContractV2');
+  const upgraded = await upgrades.upgradeProxy(PROXY_ADDRESS, MyContractV2);
+  await upgraded.waitForDeployment();
+
+  console.log('Proxy upgraded at:', await upgraded.getAddress());
+}
+
+main().catch((err) => {
+  console.error(err);
+  process.exitCode = 1;
+});

package/templates/test/MyContract.test.js

@@ -0,0 +1,10 @@
+const { expect } = require('chai');
+const { ethers } = require('hardhat');
+
+describe('MyContract', function () {
+  it('should deploy successfully', async function () {
+    const MyContract = await ethers.getContractFactory('MyContract');
+    const contract = await MyContract.deploy();
+    expect(await contract.getAddress()).to.not.equal(ethers.ZeroAddress);
+  });
+});