create-bch-dapp 0.2.0 → 0.2.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-bch-dapp",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "private": false,
   "type": "module",
   "bin": {

package/templates/nextjs/app/BCHConnectWrapper.tsx

@@ -1,35 +1,35 @@
 "use client";
 
-import type { ReactNode } from "react";
-import { useEffect, useState } from "react";
-import { BCHConnectProvider, createConfig, CreatedConfig } from "bch-connect";
+import { useEffect, useMemo, useState, type ReactNode } from "react";
+import { BCHConnectProvider, createConfig } from "bch-connect";
 
 export function BCHConnectWrapper({ children }: { children: ReactNode }) {
-  const [config, setConfig] = useState<CreatedConfig | null>(null);
+  const [mounted, setMounted] = useState<boolean>(false);
 
   useEffect(() => {
-    if (config) return;
-    const network =
-      process.env.NEXT_PUBLIC_BCH_NETWORK === "testnet" ? "testnet" : "mainnet";
+    setMounted(true);
+  }, []);
 
-    const projectId = process.env.NEXT_PUBLIC_REOWN_PROJECT_ID || "";
+  const config = useMemo(() => {
+    if (!mounted) return null;
 
-    const cfg = createConfig({
-      projectId,
-      network,
+    return createConfig({
+      projectId: process.env.NEXT_PUBLIC_REOWN_PROJECT_ID || "",
+      network:
+        process.env.NEXT_PUBLIC_BCH_NETWORK === "testnet"
+          ? "testnet"
+          : "mainnet",
       metadata: {
         name: "BCH Connect Starter",
-        description:
-          "You can change this metadata in the app/BCHConnectWrapper.tsx file.",
-        url: "http://localhost:3000",
-        icons: ["http://localhost:3000/bch.svg"],
+        description: "Change this metadata in app/BCHConnectWrapper.tsx ",
+        url: window.location.origin,
+        icons: [`${window.location.origin}/bch.svg`],
       },
     });
+  }, [mounted]);
 
-    setConfig(cfg);
-  }, []);
-
-  if (!config) return null;
-
+  if (!config) {
+    return null;
+  }
   return <BCHConnectProvider config={config}>{children}</BCHConnectProvider>;
 }

package/templates/react-ts-vite/public/bch.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.1.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 788 788" style="enable-background:new 0 0 788 788;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#0AC18E;}
+	.st1{fill:#FFFFFF;}
+</style>
+<circle class="st0" cx="394" cy="394" r="394"/>
+<path id="symbol_1_" class="st1" d="M516.9,261.7c-19.8-44.9-65.3-54.5-121-45.2L378,147.1l-42.2,10.9l17.6,69.2
+	c-11.1,2.8-22.5,5.2-33.8,8.4L302,166.8l-42.2,10.9l17.9,69.4c-9.1,2.6-85.2,22.1-85.2,22.1l11.6,45.2c0,0,31-8.7,30.7-8
+	c17.2-4.5,25.3,4.1,29.1,12.2l49.2,190.2c0.6,5.5-0.4,14.9-12.2,18.1c0.7,0.4-30.7,7.9-30.7,7.9l4.6,52.7c0,0,75.4-19.3,85.3-21.8
+	l18.1,70.2l42.2-10.9l-18.1-70.7c11.6-2.7,22.9-5.5,33.9-8.4l18,70.3l42.2-10.9l-18.1-70.1c65-15.8,110.9-56.8,101.5-119.5
+	c-6-37.8-47.3-68.8-81.6-72.3C519.3,324.7,530,297.4,516.9,261.7L516.9,261.7z M496.6,427.2c8.4,62.1-77.9,69.7-106.4,77.2
+	l-24.8-92.9C394,404,482.4,372.5,496.6,427.2z M444.6,300.7c8.9,55.2-64.9,61.6-88.7,67.7l-22.6-84.3
+	C357.2,278.2,426.5,249.6,444.6,300.7z"/>
+</svg>

package/templates/react-ts-vite/src/bchConnect.ts

@@ -6,8 +6,8 @@ export const config = createConfig({
   metadata: {
     name: "BCH Connect Starter",
     description: "You can change this metadata in the src/bchConnect.ts file.",
-    url: "http://localhost:5173",
-    icons: ["https://bitcoincash.org/img/green/bitcoin-cash-circle.svg"],
+    url: window.location.origin,
+    icons: [`${window.location.origin}/bch.svg`],
   },
   debug: true,
 });