react-solidity updates

1. Fixing contracts export script that might've failed if one of the
pinned-contracts / deployed-contracts directory was missing
2. Updated terminal instructions for the template

Author: mutantcornholio

src/templateConfigs/react-solidity.ts

@@ -16,15 +16,20 @@ const config: TemplateConfig = {
     /^pnpm-lock\.yaml/,
   ],
   instructions: `
-${c.primary("Step 1: ")}${c.secondary("start remixd environment")}
-${c.code("pnpm remixd")}
+${c.primary("For Remix environment:")}
+${c.primary("1. ")}${c.secondary("start remixd environment: ")}${c.code("pnpm remixd")}
+${c.primary("2. ")}${c.secondary("edit, deploying and pin smart contracts in Remix")}
+${c.primary("3. ")}${c.secondary("export the contracts: ")}${c.code("pnpm contracts:export")}
 
-${c.primary("Step 2: ")}\
-${c.secondary("after deploying and pinning smart contracts in remix, build the contracts")}
-${c.code("pnpm contracts:build")}
+${c.primary("For local environment:")}
+${c.primary("1. ")}${c.secondary("edit and build smart contracts: ")}${c.code("pnpm contracts:build")}
+${c.primary("2. ")}${c.secondary("deploy smart contracts to chain: ")}${c.code("pnpm contracts:deploy")}
+${c.primary("3. ")}${c.secondary("export the contracts: ")}${c.code("pnpm contracts:export")}
 
-${c.primary("Step 3: ")}${c.secondary("start frontend app")}
-${c.code("pnpm frontend:dev")}`,
+${c.primary("Use the contract in the frontend app:")}
+${c.primary("1. ")}${c.secondary("use exported smart contract address in ")}${c.code("frontend/src/App.tsx")}
+${c.primary("2. ")}${c.secondary("start frontend app: ")}${c.code("pnpm frontend:dev")}
+`,
 };
 
 export default config;

templates/react-solidity/contracts/src/exportContracts.ts

@@ -8,35 +8,41 @@ let res = "export const contracts = {";
 let dirEntries: fs.Dirent[] = [];
 
 try {
-  dirEntries.push(...fs.readdirSync(
-    path.join(".deploys", "pinned-contracts"),
-    { recursive: true, withFileTypes: true }
-  ));
-  dirEntries.push(...fs.readdirSync(
-    path.join(".deploys", "deployed-contracts"),
-    { recursive: true, withFileTypes: true }
-  ));
+  dirEntries.push(
+    ...fs.readdirSync(path.join(".deploys", "pinned-contracts"), { recursive: true, withFileTypes: true }),
+  );
+  dirEntries.push(
+    ...fs.readdirSync(path.join(".deploys", "deployed-contracts"), { recursive: true, withFileTypes: true }),
+  );
 } catch (e: unknown) {
-  if (e instanceof Error && "code" in e && e.code === "ENOENT") {
-    console.warn("No contracts found; remember to pin deployed contracts in Remix in order to use them from frontend");
-    process.exit();
+  // One of those dirs can not exist, and it's fine
+  if (!(e instanceof Error && "code" in e && e.code === "ENOENT")) {
+    throw e;
   }
 }
 
+dirEntries = dirEntries.filter(
+  (entry) => entry.isFile() && entry.name.startsWith("0x") && entry.name.endsWith(".json"),
+);
+
+if (dirEntries.length === 0) {
+  console.warn(
+    "No contracts found; remember to pin deployed contracts in Remix or build them locally, in order to use them from frontend",
+  );
+  process.exit();
+}
+
 for (const entry of dirEntries) {
-  if (entry.isFile() && entry.name.startsWith("0x") && entry.name.endsWith(".json")) {
-    const strippedAddress = entry.name.slice(2, entry.name.length - 5);
+  const strippedAddress = entry.name.slice(2, entry.name.length - 5);
 
-    console.log(`Processing contract ${strippedAddress}`);
+  console.log(`Processing contract ${strippedAddress}`);
 
-    const value = fs.readFileSync(path.join(entry.parentPath, entry.name), "utf-8");
-    res += `\n  "${strippedAddress}": ${value},\n`;
-  }
+  const value = fs.readFileSync(path.join(entry.parentPath, entry.name), "utf-8");
+  res += `\n  "${strippedAddress}": ${value},\n`;
 }
 
 res += "};";
 const outPath = path.join("dist", "contracts.js");
 fs.writeFileSync(outPath, res);
 
 console.log(`Exported contracts to ${outPath}`);
-