upgrade to scaffold 0.3.15

Author: Dalongcoder0522

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ss-2",
-  "version": "0.3.13",
+  "version": "0.3.15",
   "author": "Q3 Labs",
   "license": "MIT",
   "private": true,

packages/nextjs/app/debug/_components/contract/TxReceipt.tsx

@@ -27,7 +27,7 @@ export const TxReceipt = (
             aria-hidden="true"
           />
         ) : (
-          //@ts-ignore coponent works but some typing issue came up, ts-expect-error does not work
+          //@ts-ignore component works but some typing issue came up, ts-expect-error does not work
           <CopyToClipboard
             text={
               decodeContractResponse({

packages/nextjs/components/scaffold-stark/Address.tsx

@@ -52,6 +52,11 @@ export const Address = ({
 
   const checkSumAddress = useMemo(() => {
     if (!address) return undefined;
+
+    if (address.toLowerCase() === "0x") {
+      return "0x0";
+    }
+
     return getChecksumAddress(address);
   }, [address]);
 
@@ -60,6 +65,19 @@ export const Address = ({
     checkSumAddress || address || "",
   );
 
+  const isValidHexAddress = (value: string): boolean => {
+    if (value.toLowerCase() === "0x") {
+      value = "0x0";
+    }
+
+    if (value.toLowerCase() === "0x0x0") {
+      return false;
+    }
+
+    const hexAddressRegex = /^0x[0-9a-fA-F]+$/;
+    return hexAddressRegex.test(value);
+  };
+
   const [displayAddress, setDisplayAddress] = useState(
     checkSumAddress?.slice(0, 6) + "..." + checkSumAddress?.slice(-4),
   );
@@ -96,8 +114,8 @@ export const Address = ({
     );
   }
 
-  if (!validateChecksumAddress(checkSumAddress)) {
-    return <span className="text-error">Wrong address</span>;
+  if (!checkSumAddress) {
+    return <span className="text-error">Invalid address format</span>;
   }
 
   return (

packages/nextjs/components/scaffold-stark/CustomConnectButton/index.tsx

@@ -45,8 +45,8 @@ export const CustomConnectButton = () => {
   }, [account]);
 
   if (status === "disconnected") return <ConnectModal />;
-  // Skip wrong network check if using a fork
-  if (!scaffoldConfig.isFork && accountChainId !== targetNetwork.id) {
+
+  if (accountChainId !== targetNetwork.id) {
     return <WrongNetworkDropdown />;
   }
 

packages/nextjs/components/scaffold-stark/Input/AddressInput.tsx

@@ -21,7 +21,24 @@ export const AddressInput = ({
 
   const handleChange = useCallback(
     (newValue: Address) => {
-      //setEnteredEnsName(undefined);
+      const sanitizedValue = newValue.toLowerCase();
+
+      if (sanitizedValue === "0x") {
+        onChange("0x0" as Address);
+        return;
+      }
+
+      const isValid =
+        /^(0x)([a-fA-F0-9]{40})$/.test(sanitizedValue) &&
+        !/0x.*0x/.test(sanitizedValue);
+      if (!isValid) {
+        return;
+      }
+
+      if (sanitizedValue.length !== 42) {
+        return;
+      }
+
       onChange(newValue);
     },
     [onChange],

packages/nextjs/next.config.mjs

@@ -1,4 +1,6 @@
 /** @type {import('next').NextConfig} */
+import webpack from "webpack";
+
 const nextConfig = {
   reactStrictMode: true,
   images: {
@@ -62,6 +64,11 @@ const nextConfig = {
       });
     }
     config.externals.push("pino-pretty", "lokijs", "encoding");
+    config.plugins.push(
+      new webpack.NormalModuleReplacementPlugin(/^node:(.*)$/, (resource) => {
+        resource.request = resource.request.replace(/^node:/, "");
+      }),
+    );
     return config;
   },
 };

packages/nextjs/package.json

@@ -81,6 +81,8 @@
     "typescript": "^5",
     "url": "^0.11.4",
     "vercel": "^33.7.1",
-    "vitest": "^2.1.1"
+    "vitest": "^2.1.1",
+    "webpack": "^5.97.1",
+    "webpack-cli": "^6.0.1"
   }
 }

packages/nextjs/scaffold.config.ts

@@ -8,12 +8,6 @@ export type ScaffoldConfig = {
   rpcProviderUrl: string;
   walletAutoConnect: boolean;
   autoConnectTTL: number;
-  /**
-   * Flag to indicate if the network is a fork of another network
-   * This is used to handle network validation differently for forked networks
-   * since they share the same chain ID as their parent network
-   */
-  isFork?: boolean;
 };
 
 const scaffoldConfig = {
@@ -31,12 +25,6 @@ const scaffoldConfig = {
    */
   autoConnectTTL: 60000,
   walletAutoConnect: true,
-  /**
-   * Set to true when using a fork of a network
-   * This will prevent showing the wrong network dropdown when the chainId matches
-   * but the RPC URL is different (e.g., when using a local fork of mainnet)
-   */
-  isFork: false,
 } as const satisfies ScaffoldConfig;
 
 export default scaffoldConfig;

packages/nextjs/services/web3/provider.ts

@@ -7,7 +7,9 @@ import {
 import * as chains from "@starknet-react/chains";
 
 const containsDevnet = (networks: readonly chains.Chain[]) => {
-  return networks.filter((it) => it.id == chains.devnet.id).length > 0;
+  return (
+    networks.filter((it) => it.network == chains.devnet.network).length > 0
+  );
 };
 
 const provider =

packages/nextjs/supportedChains.ts

@@ -1,5 +1,6 @@
 import * as chains from "@starknet-react/chains";
 
+// devnet with mainnet network ID
 const mainnetFork = {
   id: BigInt("0x534e5f4d41494e"),
   network: "devnet",