create-awarizon-app 1.0.4 → 1.0.6

package/dist/index.js

@@ -4,11 +4,14 @@
 import * as p from "@clack/prompts";
 import chalk from "chalk";
 import { Command } from "commander";
-import fs from "fs-extra";
-import path from "path";
+import fs2 from "fs-extra";
+import path2 from "path";
 import { execSync } from "child_process";
 import { fileURLToPath } from "url";
-var __dirname = path.dirname(fileURLToPath(import.meta.url));
+
+// src/helpers.ts
+import fs from "fs-extra";
+import path from "path";
 function detectPackageManager() {
   const ua = process.env.npm_config_user_agent ?? "";
   if (ua.startsWith("pnpm")) return "pnpm";
@@ -29,6 +32,9 @@ function devCmd(pm, template) {
 function toPascalCase(str) {
   return str.replace(/[-_\s]+(.)/g, (_, c) => c.toUpperCase()).replace(/^(.)/, (c) => c.toUpperCase());
 }
+function resolveTemplateDir(template, lang) {
+  return lang === "js" ? `${template}-js` : template;
+}
 async function processTemplate(dir, projectName, apiKey) {
   const pascal = toPascalCase(projectName);
   const entries = await fs.readdir(dir, { withFileTypes: true });
@@ -43,9 +49,9 @@ async function processTemplate(dir, projectName, apiKey) {
     }
   }
 }
-function resolveTemplateDir(template, lang) {
-  return lang === "js" ? `${template}-js` : template;
-}
+
+// src/index.ts
+var __dirname = path2.dirname(fileURLToPath(import.meta.url));
 var program = new Command();
 program.name("create-awarizon-app").description("Scaffold a new project with the Awarizon Web3 SDK").version("1.0.0").argument("[project-name]", "Directory name for the new project").option("-t, --template <template>", "Template: nextjs | react | expo").option("-l, --lang <lang>", "Language: ts | js  (default: ts, expo always ts)").option("-k, --api-key <key>", "Your Awarizon API key (awz_live_...)").option("--skip-install", "Skip running npm install after scaffolding").option("--pm <pm>", "Package manager: npm | pnpm | yarn | bun").action(async (nameArg, opts) => {
   console.log("");
@@ -109,23 +115,23 @@ program.name("create-awarizon-app").description("Scaffold a new project with the
     apiKey = (res ?? "").trim();
   }
   const pm = opts.pm ?? detectPackageManager();
-  const dest = path.resolve(process.cwd(), projectName);
-  if (await fs.pathExists(dest)) {
+  const dest = path2.resolve(process.cwd(), projectName);
+  if (await fs2.pathExists(dest)) {
     p.log.error(`Directory "${projectName}" already exists.`);
     process.exit(1);
   }
   const templateKey = resolveTemplateDir(template, lang);
-  const templateDir = path.join(__dirname, "..", "templates", templateKey);
-  if (!await fs.pathExists(templateDir)) {
+  const templateDir = path2.join(__dirname, "..", "templates", templateKey);
+  if (!await fs2.pathExists(templateDir)) {
     p.log.error(`Template "${templateKey}" not found. This is a bug \u2014 please report it.`);
     process.exit(1);
   }
   const spinner2 = p.spinner();
   spinner2.start("Copying template\u2026");
-  await fs.copy(templateDir, dest);
-  const gitignoreSrc = path.join(dest, "_gitignore");
-  if (await fs.pathExists(gitignoreSrc)) {
-    await fs.rename(gitignoreSrc, path.join(dest, ".gitignore"));
+  await fs2.copy(templateDir, dest);
+  const gitignoreSrc = path2.join(dest, "_gitignore");
+  if (await fs2.pathExists(gitignoreSrc)) {
+    await fs2.rename(gitignoreSrc, path2.join(dest, ".gitignore"));
   }
   await processTemplate(dest, projectName, apiKey);
   spinner2.stop("Template copied.");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-awarizon-app",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "description": "Scaffold a new project with the Awarizon Web3 SDK",
   "keywords": [
     "awarizon",
@@ -20,11 +20,6 @@
     "dist",
     "templates"
   ],
-  "scripts": {
-    "build": "tsup",
-    "dev": "tsup --watch",
-    "clean": "rimraf dist"
-  },
   "dependencies": {
     "@clack/prompts": "^0.9.1",
     "chalk": "^5.3.0",
@@ -37,9 +32,16 @@
     "@types/node": "^20.0.0",
     "rimraf": "^5.0.0",
     "tsup": "^8.0.0",
-    "typescript": "^5.5.0"
+    "typescript": "^5.5.0",
+    "vitest": "^2.0.0"
   },
   "engines": {
     "node": ">=18"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "test": "vitest run",
+    "clean": "rimraf dist"
   }
-}
+}

package/templates/expo/app/_layout.tsx

@@ -1,17 +1,17 @@
 import { Stack } from 'expo-router'
+import { AwarizonWeb3 } from '@awarizon/web3'
 import { AwarizonProvider } from '@awarizon/react-native'
 
+// Create the SDK instance once at the module level.
+// apiKey: from EXPO_PUBLIC_AWARIZON_API_KEY in .env
+const awarizon = new AwarizonWeb3({
+  chain:  'base',
+  apiKey: process.env.EXPO_PUBLIC_AWARIZON_API_KEY!,
+})
+
 export default function RootLayout() {
   return (
-    /*
-      AwarizonProvider makes the SDK available throughout the app.
-      chain:  EVM network — base, ethereum, polygon, etc.
-      apiKey: from EXPO_PUBLIC_AWARIZON_API_KEY in .env
-    */
-    <AwarizonProvider
-      chain="base"
-      apiKey={process.env.EXPO_PUBLIC_AWARIZON_API_KEY!}
-    >
+    <AwarizonProvider awarizon={awarizon}>
       <Stack
         screenOptions={{
           headerStyle:     { backgroundColor: '#000' },

package/templates/expo/package.json

@@ -1,4 +1,4 @@
-{
+{
   "name": "{{project-name}}",
   "version": "1.0.0",
   "main": "expo-router/entry",
@@ -9,7 +9,7 @@
     "web":     "expo start --web"
   },
   "dependencies": {
-    "@awarizon/react-native":         "^1.0.2",
+    "@awarizon/react-native": "^1.2.0",
     "@awarizon/web3":                 "^1.3.1",
     "@expo/vector-icons":             "^14.0.2",
     "expo":                           "~51.0.0",
@@ -33,3 +33,4 @@
     "typescript":     "^5.3.3"
   }
 }
+

package/templates/expo-js/app/_layout.jsx

@@ -1,17 +1,17 @@
 import { Stack } from 'expo-router'
+import { AwarizonWeb3 } from '@awarizon/web3'
 import { AwarizonProvider } from '@awarizon/react-native'
 
+// Create the SDK instance once at the module level.
+// apiKey: from EXPO_PUBLIC_AWARIZON_API_KEY in .env
+const awarizon = new AwarizonWeb3({
+  chain:  'base',
+  apiKey: process.env.EXPO_PUBLIC_AWARIZON_API_KEY,
+})
+
 export default function RootLayout() {
   return (
-    /*
-      AwarizonProvider makes the SDK available throughout the app.
-      chain:  EVM network — base, ethereum, polygon, etc.
-      apiKey: from EXPO_PUBLIC_AWARIZON_API_KEY in .env
-    */
-    <AwarizonProvider
-      chain="base"
-      apiKey={process.env.EXPO_PUBLIC_AWARIZON_API_KEY}
-    >
+    <AwarizonProvider awarizon={awarizon}>
       <Stack
         screenOptions={{
           headerStyle:     { backgroundColor: '#000' },

package/templates/expo-js/package.json

@@ -1,4 +1,4 @@
-{
+{
   "name": "{{project-name}}",
   "version": "1.0.0",
   "main": "expo-router/entry",
@@ -9,7 +9,7 @@
     "web":     "expo start --web"
   },
   "dependencies": {
-    "@awarizon/react-native":         "^1.0.2",
+    "@awarizon/react-native": "^1.2.0",
     "@awarizon/web3":                 "^1.3.1",
     "@expo/vector-icons":             "^14.0.2",
     "expo":                           "~51.0.0",
@@ -31,3 +31,4 @@
     "@babel/core": "^7.24.0"
   }
 }
+

package/templates/nextjs/app/layout.tsx

@@ -1,5 +1,5 @@
 import type { Metadata } from 'next'
-import { AwarizonProvider } from '@awarizon/react'
+import { Providers } from '@/components/Providers'
 import './globals.css'
 
 export const metadata: Metadata = {
@@ -11,18 +11,7 @@ export default function RootLayout({ children }: { children: React.ReactNode })
   return (
     <html lang="en">
       <body>
-        {/*
-          AwarizonProvider makes the SDK available to all Client Components.
-          chain: the EVM network to connect to (base, ethereum, polygon, etc.)
-          apiKey: your Awarizon API key — get one at awarizon.com/dashboard/api-keys
-        */}
-        <AwarizonProvider
-          chain="base"
-          apiKey={process.env.NEXT_PUBLIC_AWARIZON_API_KEY!}
-          walletConnectProjectId={process.env.NEXT_PUBLIC_WALLETCONNECT_PROJECT_ID}
-        >
-          {children}
-        </AwarizonProvider>
+        <Providers>{children}</Providers>
       </body>
     </html>
   )

package/templates/nextjs/components/Providers.tsx

@@ -0,0 +1,18 @@
+'use client'
+
+import type { ReactNode } from 'react'
+import { AwarizonWeb3 } from '@awarizon/web3'
+import { AwarizonProvider } from '@awarizon/react'
+
+// Created once at module level — survives across re-renders without re-instantiation.
+// chain: EVM network — base, ethereum, polygon, etc.
+// apiKey: from NEXT_PUBLIC_AWARIZON_API_KEY in .env.local
+const awarizon = new AwarizonWeb3({
+  chain:  'base',
+  apiKey: process.env.NEXT_PUBLIC_AWARIZON_API_KEY!,
+  walletConnectProjectId: process.env.NEXT_PUBLIC_WALLETCONNECT_PROJECT_ID,
+})
+
+export function Providers({ children }: { children: ReactNode }) {
+  return <AwarizonProvider awarizon={awarizon}>{children}</AwarizonProvider>
+}

package/templates/nextjs/package.json

@@ -1,4 +1,4 @@
-{
+{
   "name": "{{project-name}}",
   "version": "0.1.0",
   "private": true,
@@ -9,7 +9,7 @@
     "lint":  "next lint"
   },
   "dependencies": {
-    "@awarizon/react":    "^1.4.1",
+    "@awarizon/react": "^1.6.0",
     "@awarizon/web3":     "^1.3.1",
     "next":               "14.2.5",
     "react":              "^18",
@@ -27,3 +27,4 @@
     "tailwindcss":        "^3.4.4"
   }
 }
+

package/templates/nextjs-js/app/layout.jsx

@@ -1,4 +1,4 @@
-import { AwarizonProvider } from '@awarizon/react'
+import { Providers } from '@/components/Providers'
 import './globals.css'
 
 /** @type {import('next').Metadata} */
@@ -11,18 +11,7 @@ export default function RootLayout({ children }) {
   return (
     <html lang="en">
       <body>
-        {/*
-          AwarizonProvider makes the SDK available to all Client Components.
-          chain: the EVM network to connect to (base, ethereum, polygon, etc.)
-          apiKey: your Awarizon API key — get one at awarizon.com/dashboard/api-keys
-        */}
-        <AwarizonProvider
-          chain="base"
-          apiKey={process.env.NEXT_PUBLIC_AWARIZON_API_KEY}
-          walletConnectProjectId={process.env.NEXT_PUBLIC_WALLETCONNECT_PROJECT_ID}
-        >
-          {children}
-        </AwarizonProvider>
+        <Providers>{children}</Providers>
       </body>
     </html>
   )

package/templates/nextjs-js/components/Providers.jsx

@@ -0,0 +1,18 @@
+'use client'
+
+import { AwarizonWeb3 } from '@awarizon/web3'
+import { AwarizonProvider } from '@awarizon/react'
+
+// Created once at module level — survives across re-renders without re-instantiation.
+// chain: EVM network — base, ethereum, polygon, etc.
+// apiKey: from NEXT_PUBLIC_AWARIZON_API_KEY in .env.local
+const awarizon = new AwarizonWeb3({
+  chain:  'base',
+  apiKey: process.env.NEXT_PUBLIC_AWARIZON_API_KEY,
+  walletConnectProjectId: process.env.NEXT_PUBLIC_WALLETCONNECT_PROJECT_ID,
+})
+
+/** @param {{ children: import('react').ReactNode }} props */
+export function Providers({ children }) {
+  return <AwarizonProvider awarizon={awarizon}>{children}</AwarizonProvider>
+}

package/templates/nextjs-js/package.json

@@ -1,4 +1,4 @@
-{
+{
   "name": "{{project-name}}",
   "version": "0.1.0",
   "private": true,
@@ -9,7 +9,7 @@
     "lint":  "next lint"
   },
   "dependencies": {
-    "@awarizon/react":    "^1.4.1",
+    "@awarizon/react": "^1.6.0",
     "@awarizon/web3":     "^1.3.1",
     "next":               "14.2.5",
     "react":              "^18",
@@ -23,3 +23,4 @@
     "tailwindcss":        "^3.4.4"
   }
 }
+

package/templates/react/package.json

@@ -1,4 +1,4 @@
-{
+{
   "name": "{{project-name}}",
   "version": "0.1.0",
   "private": true,
@@ -10,7 +10,7 @@
     "lint":    "eslint ."
   },
   "dependencies": {
-    "@awarizon/react": "^1.4.1",
+    "@awarizon/react": "^1.6.0",
     "@awarizon/web3":  "^1.3.1",
     "react":           "^18.3.1",
     "react-dom":       "^18.3.1"
@@ -26,3 +26,4 @@
     "tailwindcss":          "^3.4.4"
   }
 }
+

package/templates/react/src/main.tsx

@@ -1,21 +1,22 @@
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
+import { AwarizonWeb3 } from '@awarizon/web3'
 import { AwarizonProvider } from '@awarizon/react'
 import App from './App'
 import './index.css'
 
+// Create the SDK instance once at the module level.
+// chain: EVM network — base, ethereum, polygon, arbitrum, etc.
+// apiKey: from VITE_AWARIZON_API_KEY in .env
+const awarizon = new AwarizonWeb3({
+  chain:  'base',
+  apiKey: import.meta.env.VITE_AWARIZON_API_KEY,
+  walletConnectProjectId: import.meta.env.VITE_WALLETCONNECT_PROJECT_ID,
+})
+
 createRoot(document.getElementById('root')!).render(
   <StrictMode>
-    {/*
-      AwarizonProvider wraps your app once.
-      chain: EVM network — base, ethereum, polygon, arbitrum, etc.
-      apiKey: from VITE_AWARIZON_API_KEY in .env
-    */}
-    <AwarizonProvider
-      chain="base"
-      apiKey={import.meta.env.VITE_AWARIZON_API_KEY}
-      walletConnectProjectId={import.meta.env.VITE_WALLETCONNECT_PROJECT_ID}
-    >
+    <AwarizonProvider awarizon={awarizon}>
       <App />
     </AwarizonProvider>
   </StrictMode>,

package/templates/react-js/package.json

@@ -1,4 +1,4 @@
-{
+{
   "name": "{{project-name}}",
   "version": "0.1.0",
   "private": true,
@@ -10,7 +10,7 @@
     "lint":    "eslint ."
   },
   "dependencies": {
-    "@awarizon/react": "^1.4.1",
+    "@awarizon/react": "^1.6.0",
     "@awarizon/web3":  "^1.3.1",
     "react":           "^18.3.1",
     "react-dom":       "^18.3.1"
@@ -23,3 +23,4 @@
     "tailwindcss":          "^3.4.4"
   }
 }
+

package/templates/react-js/src/main.jsx

@@ -1,21 +1,22 @@
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
+import { AwarizonWeb3 } from '@awarizon/web3'
 import { AwarizonProvider } from '@awarizon/react'
 import App from './App'
 import './index.css'
 
+// Create the SDK instance once at the module level.
+// chain: EVM network — base, ethereum, polygon, arbitrum, etc.
+// apiKey: from VITE_AWARIZON_API_KEY in .env
+const awarizon = new AwarizonWeb3({
+  chain:  'base',
+  apiKey: import.meta.env.VITE_AWARIZON_API_KEY,
+  walletConnectProjectId: import.meta.env.VITE_WALLETCONNECT_PROJECT_ID,
+})
+
 createRoot(document.getElementById('root')).render(
   <StrictMode>
-    {/*
-      AwarizonProvider wraps your app once.
-      chain: EVM network — base, ethereum, polygon, arbitrum, etc.
-      apiKey: from VITE_AWARIZON_API_KEY in .env
-    */}
-    <AwarizonProvider
-      chain="base"
-      apiKey={import.meta.env.VITE_AWARIZON_API_KEY}
-      walletConnectProjectId={import.meta.env.VITE_WALLETCONNECT_PROJECT_ID}
-    >
+    <AwarizonProvider awarizon={awarizon}>
       <App />
     </AwarizonProvider>
   </StrictMode>,