[FIX] - ethersjs snippets (#749)

* fix: ethersjs snippets and rendering

* fix: deployjs script

Author: nhussein11

.snippets/code/develop/smart-contracts/evm-toolkit/ethers-js/compile.js

@@ -30,7 +30,7 @@ const compileContract = async (solidityFilePath, outputDir) => {
         const bytecodePath = join(outputDir, `${name}.polkavm`);
         writeFileSync(
           bytecodePath,
-          Buffer.from(contract.evm.bytecode.object, 'hex')
+          Buffer.from(contract.evm.bytecode.object, 'hex'),
         );
         console.log(`Bytecode saved to ${bytecodePath}`);
       }
@@ -40,7 +40,7 @@ const compileContract = async (solidityFilePath, outputDir) => {
   }
 };
 
-const solidityFilePath = './Storage.sol';
-const outputDir = '.';
+const solidityFilePath = join(__dirname, '../contracts/Storage.sol');
+const outputDir = join(__dirname, '../contracts');
 
 compileContract(solidityFilePath, outputDir);

.snippets/code/develop/smart-contracts/evm-toolkit/ethers-js/deploy.js

@@ -1,3 +1,4 @@
+// Deploy an EVM-compatible smart contract using ethers.js
 const { writeFileSync, existsSync, readFileSync } = require('fs');
 const { join } = require('path');
 const { ethers, JsonRpcProvider } = require('ethers');
@@ -31,9 +32,12 @@ const getAbi = (contractName) => {
 // Reads the compiled bytecode for a given contract
 const getByteCode = (contractName) => {
   try {
-    return `0x${readFileSync(
-      join(codegenDir, `${contractName}.polkavm`),
-    ).toString('hex')}`;
+    const bytecodePath = join(
+      codegenDir,
+      '../contracts',
+      `${contractName}.polkavm`,
+    );
+    return `0x${readFileSync(bytecodePath).toString('hex')}`;
   } catch (error) {
     console.error(
       `Could not find bytecode for contract ${contractName}:`,

develop/smart-contracts/libraries/ethers-js.md

@@ -153,31 +153,31 @@ You can create a `deploy.js` script in the root of your project to achieve this.
 1. Set up the required imports and utilities:
 
     ```js title="scripts/deploy.js"
-    --8<-- 'code/develop/smart-contracts/evm-toolkit/ethers-js/deploy.js:1:5'
+    --8<-- 'code/develop/smart-contracts/evm-toolkit/ethers-js/deploy.js:1:6'
     ```
 
 2. Create a provider to connect to Polkadot Hub:
 
     ```js title="scripts/deploy.js"
-    --8<-- 'code/develop/smart-contracts/evm-toolkit/ethers-js/deploy.js:6:14'
+    --8<-- 'code/develop/smart-contracts/evm-toolkit/ethers-js/deploy.js:7:15'
     ```
- 
+r2 
 3. Set up functions to read contract artifacts:
 
     ```js title="scripts/deploy.js"
-    --8<-- 'code/develop/smart-contracts/evm-toolkit/ethers-js/deploy.js:16:44'
+    --8<-- 'code/develop/smart-contracts/evm-toolkit/ethers-js/deploy.js:17:45'
     ```
 
 4. Create the main deployment function:
 
     ```js title="scripts/deploy.js"
-    --8<-- 'code/develop/smart-contracts/evm-toolkit/ethers-js/deploy.js:46:81'
+    --8<-- 'code/develop/smart-contracts/evm-toolkit/ethers-js/deploy.js:47:82'
     ```
 
 5. Configure and execute the deployment:
 
     ```js title="scripts/deploy.js"
-    --8<-- 'code/develop/smart-contracts/evm-toolkit/ethers-js/deploy.js:83:92'
+    --8<-- 'code/develop/smart-contracts/evm-toolkit/ethers-js/deploy.js:84:92'
     ```
 
     !!! note
@@ -188,7 +188,7 @@ You can create a `deploy.js` script in the root of your project to achieve this.
 ??? code "View complete script"
 
     ```js title="scripts/deploy.js"
-    --8<-- 'code/develop/smart-contracts/evm-toolkit/ethers-js/deploy.js'
+    --8<-- 'code/develop/smart-contracts/evm-toolkit/ethers-js/deploy.js:1'
     ```
 
 To run the script, execute the following command:

llms.txt

@@ -9430,7 +9430,7 @@ const compileContract = async (solidityFilePath, outputDir) => {
         const bytecodePath = join(outputDir, `${name}.polkavm`);
         writeFileSync(
           bytecodePath,
-          Buffer.from(contract.evm.bytecode.object, 'hex')
+          Buffer.from(contract.evm.bytecode.object, 'hex'),
         );
         console.log(`Bytecode saved to ${bytecodePath}`);
       }
@@ -9440,8 +9440,8 @@ const compileContract = async (solidityFilePath, outputDir) => {
   }
 };
 
-const solidityFilePath = './Storage.sol';
-const outputDir = '.';
+const solidityFilePath = join(__dirname, '../contracts/Storage.sol');
+const outputDir = join(__dirname, '../contracts');
 
 compileContract(solidityFilePath, outputDir);
 ```
@@ -9468,7 +9468,8 @@ You can create a `deploy.js` script in the root of your project to achieve this.
 1. Set up the required imports and utilities:
 
     ```js title="scripts/deploy.js"
-    const { join } = require('path');
+    const { writeFileSync, existsSync, readFileSync } = require('fs');
+const { join } = require('path');
 const { ethers, JsonRpcProvider } = require('ethers');
 
 const codegenDir = join(__dirname);
@@ -9486,7 +9487,7 @@ const createProvider = (rpcUrl, chainId, chainName) => {
   return provider;
 };
     ```
- 
+r2 
 3. Set up functions to read contract artifacts:
 
     ```js title="scripts/deploy.js"
@@ -9507,23 +9508,26 @@ const createProvider = (rpcUrl, chainId, chainName) => {
 // Reads the compiled bytecode for a given contract
 const getByteCode = (contractName) => {
   try {
-    return `0x${readFileSync(
-      join(codegenDir, `${contractName}.polkavm`),
-    ).toString('hex')}`;
+    const bytecodePath = join(
+      codegenDir,
+      '../contracts',
+      `${contractName}.polkavm`,
+    );
+    return `0x${readFileSync(bytecodePath).toString('hex')}`;
   } catch (error) {
     console.error(
       `Could not find bytecode for contract ${contractName}:`,
       error.message,
     );
-    throw error;
-  }
-};
     ```
 
 4. Create the main deployment function:
 
     ```js title="scripts/deploy.js"
-    console.log(`Deploying ${contractName}...`);
+    };
+
+const deployContract = async (contractName, mnemonic, providerConfig) => {
+  console.log(`Deploying ${contractName}...`);
 
   try {
     // Step 1: Set up provider and wallet
@@ -9555,22 +9559,18 @@ const getByteCode = (contractName) => {
     addresses[contractName] = address;
     writeFileSync(addressesFile, JSON.stringify(addresses, null, 2), 'utf8');
   } catch (error) {
-    console.error(`Failed to deploy contract ${contractName}:`, error);
-  }
-};
     ```
 
 5. Configure and execute the deployment:
 
     ```js title="scripts/deploy.js"
-    rpc: 'https://testnet-passet-hub-eth-rpc.polkadot.io',
+    };
+
+const providerConfig = {
+  rpc: 'https://testnet-passet-hub-eth-rpc.polkadot.io',
   chainId: 420420422,
   name: 'polkadot-hub-testnet',
 };
-
-const mnemonic = 'INSERT_MNEMONIC';
-
-deployContract('Storage', mnemonic, providerConfig);
     ```
 
     !!! note
@@ -9581,7 +9581,8 @@ deployContract('Storage', mnemonic, providerConfig);
 ??? code "View complete script"
 
     ```js title="scripts/deploy.js"
-    const { writeFileSync, existsSync, readFileSync } = require('fs');
+    // Deploy an EVM-compatible smart contract using ethers.js
+const { writeFileSync, existsSync, readFileSync } = require('fs');
 const { join } = require('path');
 const { ethers, JsonRpcProvider } = require('ethers');
 
@@ -9614,9 +9615,12 @@ const getAbi = (contractName) => {
 // Reads the compiled bytecode for a given contract
 const getByteCode = (contractName) => {
   try {
-    return `0x${readFileSync(
-      join(codegenDir, `${contractName}.polkavm`),
-    ).toString('hex')}`;
+    const bytecodePath = join(
+      codegenDir,
+      '../contracts',
+      `${contractName}.polkavm`,
+    );
+    return `0x${readFileSync(bytecodePath).toString('hex')}`;
   } catch (error) {
     console.error(
       `Could not find bytecode for contract ${contractName}:`,