create-awarizon-app 1.0.0

package/dist/index.js

@@ -0,0 +1,154 @@
+#!/usr/bin/env node
+
+// src/index.ts
+import * as p from "@clack/prompts";
+import chalk from "chalk";
+import { Command } from "commander";
+import fs from "fs-extra";
+import path from "path";
+import { execSync } from "child_process";
+import { fileURLToPath } from "url";
+var __dirname = path.dirname(fileURLToPath(import.meta.url));
+function detectPackageManager() {
+  const ua = process.env.npm_config_user_agent ?? "";
+  if (ua.startsWith("pnpm")) return "pnpm";
+  if (ua.startsWith("yarn")) return "yarn";
+  if (ua.startsWith("bun")) return "bun";
+  return "npm";
+}
+function installCmd(pm) {
+  return pm === "yarn" ? "yarn" : `${pm} install`;
+}
+function devCmd(pm, template) {
+  const script = template === "expo" ? "start" : "dev";
+  if (pm === "yarn") return `yarn ${script}`;
+  if (pm === "pnpm") return `pnpm ${script}`;
+  if (pm === "bun") return `bun run ${script}`;
+  return `npm run ${script}`;
+}
+function toPascalCase(str) {
+  return str.replace(/[-_\s]+(.)/g, (_, c) => c.toUpperCase()).replace(/^(.)/, (c) => c.toUpperCase());
+}
+async function processTemplate(dir, projectName, apiKey) {
+  const pascal = toPascalCase(projectName);
+  const entries = await fs.readdir(dir, { withFileTypes: true });
+  for (const entry of entries) {
+    const full = path.join(dir, entry.name);
+    if (entry.isDirectory()) {
+      await processTemplate(full, projectName, apiKey);
+    } else {
+      const text2 = await fs.readFile(full, "utf-8");
+      const replaced = text2.replaceAll("{{project-name}}", projectName).replaceAll("{{ProjectName}}", pascal).replaceAll("{{API_KEY}}", apiKey);
+      await fs.writeFile(full, replaced, "utf-8");
+    }
+  }
+}
+function resolveTemplateDir(template, lang) {
+  return lang === "js" ? `${template}-js` : template;
+}
+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("");
+  p.intro(chalk.bold.white(" create-awarizon-app ") + chalk.dim(" \u2014 Awarizon Web3 SDK"));
+  let projectName = nameArg;
+  if (!projectName) {
+    const res = await p.text({
+      message: "Project name",
+      placeholder: "my-web3-app",
+      validate: (v) => v.trim() ? void 0 : "Project name is required"
+    });
+    if (p.isCancel(res)) {
+      p.cancel("Cancelled.");
+      process.exit(0);
+    }
+    projectName = res.trim();
+  }
+  let template = opts.template;
+  if (!template) {
+    const res = await p.select({
+      message: "Which template?",
+      options: [
+        { value: "nextjs", label: "Next.js 14", hint: "App Router \xB7 @awarizon/react hooks" },
+        { value: "react", label: "React + Vite", hint: "SPA \xB7 @awarizon/react hooks" },
+        { value: "expo", label: "Expo (React Native)", hint: "iOS + Android \xB7 TypeScript" }
+      ]
+    });
+    if (p.isCancel(res)) {
+      p.cancel("Cancelled.");
+      process.exit(0);
+    }
+    template = res;
+  }
+  let lang = opts.lang ?? "ts";
+  if (!opts.lang) {
+    const res = await p.select({
+      message: "Language",
+      options: [
+        { value: "ts", label: "TypeScript", hint: "Recommended \u2014 full type safety" },
+        { value: "js", label: "JavaScript", hint: "Plain JS with JSDoc hints" }
+      ]
+    });
+    if (p.isCancel(res)) {
+      p.cancel("Cancelled.");
+      process.exit(0);
+    }
+    lang = res;
+  }
+  let apiKey = opts.apiKey ?? "";
+  if (!apiKey) {
+    const res = await p.text({
+      message: "Awarizon API key",
+      placeholder: "awz_live_... (get one at awarizon.com/dashboard)",
+      validate: () => void 0
+      // optional — can skip
+    });
+    if (p.isCancel(res)) {
+      p.cancel("Cancelled.");
+      process.exit(0);
+    }
+    apiKey = (res ?? "").trim();
+  }
+  const pm = opts.pm ?? detectPackageManager();
+  const dest = path.resolve(process.cwd(), projectName);
+  if (await fs.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)) {
+    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 processTemplate(dest, projectName, apiKey);
+  spinner2.stop("Template copied.");
+  if (!opts.skipInstall) {
+    spinner2.start(`Installing dependencies with ${pm}\u2026`);
+    try {
+      execSync(installCmd(pm), { cwd: dest, stdio: "pipe" });
+      spinner2.stop("Dependencies installed.");
+    } catch {
+      spinner2.stop(chalk.yellow("Install failed \u2014 run it manually."));
+    }
+  }
+  const langLabel = lang === "js" ? "JavaScript" : "TypeScript";
+  const templateLabels = {
+    nextjs: "Next.js 14",
+    react: "React + Vite",
+    expo: "Expo (React Native)"
+  };
+  p.outro(
+    chalk.green("\u2713 Project ready!") + "\n\n" + chalk.dim(`  Template: `) + chalk.white(`${templateLabels[template]} \xB7 ${langLabel}`) + "\n" + chalk.bold("\n  Next steps:\n") + chalk.dim(`    cd ${projectName}
+`) + (apiKey ? "" : chalk.dim(`    # Add your API key to ${template === "expo" ? ".env" : ".env.local"}
+`)) + chalk.dim(`    ${devCmd(pm, template)}
+`) + "\n" + chalk.dim("  Docs: ") + chalk.cyan("https://awarizon.com/docs") + "\n" + chalk.dim("  API keys: ") + chalk.cyan("https://awarizon.com/dashboard/api-keys")
+  );
+});
+program.parse(process.argv);

package/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "create-awarizon-app",
+  "version": "1.0.0",
+  "description": "Scaffold a new project with the Awarizon Web3 SDK",
+  "keywords": ["awarizon", "web3", "evm", "create-app", "scaffold"],
+  "homepage": "https://awarizon.com/sdk",
+  "repository": "https://github.com/Awaizon-ltd/awarizon-sdk-core",
+  "license": "MIT",
+  "type": "module",
+  "bin": {
+    "create-awarizon-app": "./dist/index.js"
+  },
+  "files": [
+    "dist",
+    "templates"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "clean": "rimraf dist"
+  },
+  "dependencies": {
+    "@clack/prompts": "^0.9.1",
+    "chalk": "^5.3.0",
+    "commander": "^12.1.0",
+    "fs-extra": "^11.2.0",
+    "ora": "^8.0.1"
+  },
+  "devDependencies": {
+    "@types/fs-extra": "^11.0.4",
+    "@types/node": "^20.0.0",
+    "rimraf": "^5.0.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.5.0"
+  },
+  "engines": {
+    "node": ">=18"
+  }
+}

package/templates/expo/.env

@@ -0,0 +1 @@
+EXPO_PUBLIC_AWARIZON_API_KEY={{API_KEY}}

package/templates/expo/.env.example

@@ -0,0 +1,3 @@
+# Get your API key at https://awarizon.com/dashboard/api-keys
+# Expo Config: use expo-constants or expo-env to access this at runtime
+EXPO_PUBLIC_AWARIZON_API_KEY={{API_KEY}}

package/templates/expo/_gitignore

@@ -0,0 +1,5 @@
+.env
+node_modules/
+.expo/
+dist/
+web-build/

package/templates/expo/app/(tabs)/_layout.tsx

@@ -0,0 +1,24 @@
+import { Tabs } from 'expo-router'
+import { Platform } from 'react-native'
+
+export default function TabLayout() {
+  return (
+    <Tabs
+      screenOptions={{
+        tabBarActiveTintColor:   '#6366f1',
+        tabBarInactiveTintColor: '#6b7280',
+        tabBarStyle: {
+          backgroundColor: '#111',
+          borderTopColor:  '#1f1f1f',
+          height: Platform.OS === 'ios' ? 88 : 60,
+          paddingBottom: Platform.OS === 'ios' ? 28 : 8,
+        },
+        headerStyle:     { backgroundColor: '#000' },
+        headerTintColor: '#fff',
+      }}
+    >
+      <Tabs.Screen name="index" options={{ title: 'Home' }} />
+      <Tabs.Screen name="explorer" options={{ title: 'Explorer' }} />
+    </Tabs>
+  )
+}

package/templates/expo/app/(tabs)/index.tsx

@@ -0,0 +1,79 @@
+import { ScrollView, View, Text, StyleSheet, ActivityIndicator } from 'react-native'
+import { useReadContract } from '@awarizon/react-native'
+
+const USDC_BASE = '0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913'
+const ERC20_ABI = [
+  { name: 'name',        type: 'function', inputs: [], outputs: [{ type: 'string' }],  stateMutability: 'view' },
+  { name: 'symbol',      type: 'function', inputs: [], outputs: [{ type: 'string' }],  stateMutability: 'view' },
+  { name: 'decimals',    type: 'function', inputs: [], outputs: [{ type: 'uint8' }],   stateMutability: 'view' },
+  { name: 'totalSupply', type: 'function', inputs: [], outputs: [{ type: 'uint256' }], stateMutability: 'view' },
+] as const
+
+function usdc(fn: string) {
+  return useReadContract({ address: USDC_BASE, abi: ERC20_ABI, method: fn as never })
+}
+
+function Row({ label, value }: { label: string; value?: string }) {
+  return (
+    <View style={s.row}>
+      <Text style={s.label}>{label}</Text>
+      {value === undefined
+        ? <ActivityIndicator size="small" color="#6366f1" />
+        : <Text style={s.value}>{value}</Text>}
+    </View>
+  )
+}
+
+export default function HomeScreen() {
+  const { data: name }        = usdc('name')
+  const { data: symbol }      = usdc('symbol')
+  const { data: decimals }    = usdc('decimals')
+  const { data: totalSupply } = usdc('totalSupply')
+
+  const formatted =
+    totalSupply !== undefined && decimals !== undefined
+      ? (Number(totalSupply) / 10 ** Number(decimals)).toLocaleString(undefined, { maximumFractionDigits: 2 })
+      : undefined
+
+  return (
+    <ScrollView style={s.bg} contentContainerStyle={s.container}>
+      <View style={s.hero}>
+        <Text style={s.badge}>{{ProjectName}}</Text>
+        <Text style={s.heading}>Live on-chain data</Text>
+        <Text style={s.sub}>Reading USDC on Base — no backend required.</Text>
+      </View>
+
+      <View style={s.card}>
+        <Text style={s.cardTitle}>USDC — Base</Text>
+        <Row label="Name"         value={name        as string | undefined} />
+        <Row label="Symbol"       value={symbol      as string | undefined} />
+        <Row label="Decimals"     value={decimals    !== undefined ? String(decimals) : undefined} />
+        <Row label="Total Supply" value={formatted} />
+      </View>
+
+      <View style={s.card}>
+        <Text style={s.cardTitle}>Next steps</Text>
+        <Text style={s.step}>1. Replace USDC_BASE with your contract address</Text>
+        <Text style={s.step}>2. Swap ERC20_ABI for your contract ABI</Text>
+        <Text style={s.step}>3. Change the chain in app/_layout.tsx</Text>
+        <Text style={s.step}>4. Use <Text style={s.code}>useWriteContract</Text> for transactions</Text>
+      </View>
+    </ScrollView>
+  )
+}
+
+const s = StyleSheet.create({
+  bg:        { flex: 1, backgroundColor: '#0a0a0a' },
+  container: { padding: 20, paddingBottom: 40 },
+  hero:      { marginBottom: 24 },
+  badge:     { color: '#6366f1', fontSize: 12, fontWeight: '700', textTransform: 'uppercase', letterSpacing: 1.5, marginBottom: 8 },
+  heading:   { color: '#fff', fontSize: 28, fontWeight: '800', marginBottom: 6 },
+  sub:       { color: '#9ca3af', fontSize: 15, lineHeight: 22 },
+  card:      { backgroundColor: '#111', borderWidth: 1, borderColor: '#1f1f1f', borderRadius: 12, padding: 16, marginBottom: 16 },
+  cardTitle: { color: '#fff', fontWeight: '700', fontSize: 15, marginBottom: 12 },
+  row:       { flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center', paddingVertical: 8, borderBottomWidth: 1, borderBottomColor: '#1f1f1f' },
+  label:     { color: '#9ca3af', fontSize: 13 },
+  value:     { color: '#e5e7eb', fontSize: 13, fontWeight: '500', fontFamily: 'monospace' },
+  step:      { color: '#9ca3af', fontSize: 13, lineHeight: 22, marginBottom: 4 },
+  code:      { color: '#6366f1', fontFamily: 'monospace' },
+})

package/templates/expo/app/_layout.tsx

@@ -0,0 +1,24 @@
+import { Stack } from 'expo-router'
+import { AwarizonProvider } from '@awarizon/react-native'
+
+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!}
+    >
+      <Stack
+        screenOptions={{
+          headerStyle:     { backgroundColor: '#000' },
+          headerTintColor: '#fff',
+          contentStyle:    { backgroundColor: '#0a0a0a' },
+        }}
+      />
+    </AwarizonProvider>
+  )
+}

package/templates/expo/app.json

@@ -0,0 +1,36 @@
+{
+  "expo": {
+    "name": "{{ProjectName}}",
+    "slug": "{{project-name}}",
+    "version": "1.0.0",
+    "orientation": "portrait",
+    "icon": "./assets/images/icon.png",
+    "scheme": "{{project-name}}",
+    "userInterfaceStyle": "automatic",
+    "splash": {
+      "image": "./assets/images/splash.png",
+      "resizeMode": "contain",
+      "backgroundColor": "#000000"
+    },
+    "ios": {
+      "supportsTablet": true,
+      "bundleIdentifier": "com.awarizon.{{project-name}}"
+    },
+    "android": {
+      "adaptiveIcon": {
+        "foregroundImage": "./assets/images/adaptive-icon.png",
+        "backgroundColor": "#000000"
+      },
+      "package": "com.awarizon.{{project-name}}"
+    },
+    "web": {
+      "bundler": "metro",
+      "output": "static",
+      "favicon": "./assets/images/favicon.png"
+    },
+    "plugins": ["expo-router", "expo-secure-store"],
+    "experiments": {
+      "typedRoutes": true
+    }
+  }
+}

package/templates/expo/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "{{project-name}}",
+  "version": "1.0.0",
+  "main": "expo-router/entry",
+  "scripts": {
+    "start":   "expo start",
+    "android": "expo start --android",
+    "ios":     "expo start --ios",
+    "web":     "expo start --web"
+  },
+  "dependencies": {
+    "@awarizon/react-native":         "latest",
+    "@awarizon/web3":                 "latest",
+    "@expo/vector-icons":             "^14.0.2",
+    "expo":                           "~51.0.0",
+    "expo-constants":                 "~16.0.2",
+    "expo-font":                      "~12.0.9",
+    "expo-linking":                   "~6.3.1",
+    "expo-router":                    "~3.5.17",
+    "expo-secure-store":              "~13.0.2",
+    "expo-splash-screen":             "~0.27.5",
+    "expo-status-bar":                "~1.12.1",
+    "expo-system-ui":                 "~3.0.7",
+    "react":                          "18.2.0",
+    "react-dom":                      "18.2.0",
+    "react-native":                   "0.74.5",
+    "react-native-safe-area-context": "4.10.5",
+    "react-native-screens":           "3.31.1"
+  },
+  "devDependencies": {
+    "@babel/core":    "^7.24.0",
+    "@types/react":   "~18.2.45",
+    "typescript":     "^5.3.3"
+  }
+}

package/templates/expo/tsconfig.json

@@ -0,0 +1,8 @@
+{
+  "extends": "expo/tsconfig.base",
+  "compilerOptions": {
+    "strict": true,
+    "paths": { "@/*": ["./*"] }
+  },
+  "include": ["**/*.ts", "**/*.tsx", ".expo/types/**/*.ts", "expo-env.d.ts"]
+}

package/templates/expo-js/.env

@@ -0,0 +1 @@
+EXPO_PUBLIC_AWARIZON_API_KEY={{API_KEY}}

package/templates/expo-js/.env.example

@@ -0,0 +1,3 @@
+# Get your API key at https://awarizon.com/dashboard/api-keys
+# Expo Config: use expo-constants or expo-env to access this at runtime
+EXPO_PUBLIC_AWARIZON_API_KEY={{API_KEY}}

package/templates/expo-js/_gitignore

@@ -0,0 +1,5 @@
+.env
+node_modules/
+.expo/
+dist/
+web-build/

package/templates/expo-js/app/(tabs)/_layout.jsx

@@ -0,0 +1,24 @@
+import { Tabs } from 'expo-router'
+import { Platform } from 'react-native'
+
+export default function TabLayout() {
+  return (
+    <Tabs
+      screenOptions={{
+        tabBarActiveTintColor:   '#6366f1',
+        tabBarInactiveTintColor: '#6b7280',
+        tabBarStyle: {
+          backgroundColor: '#111',
+          borderTopColor:  '#1f1f1f',
+          height: Platform.OS === 'ios' ? 88 : 60,
+          paddingBottom: Platform.OS === 'ios' ? 28 : 8,
+        },
+        headerStyle:     { backgroundColor: '#000' },
+        headerTintColor: '#fff',
+      }}
+    >
+      <Tabs.Screen name="index" options={{ title: 'Home' }} />
+      <Tabs.Screen name="explorer" options={{ title: 'Explorer' }} />
+    </Tabs>
+  )
+}

package/templates/expo-js/app/(tabs)/index.jsx

@@ -0,0 +1,81 @@
+import { ScrollView, View, Text, StyleSheet, ActivityIndicator } from 'react-native'
+import { useReadContract } from '@awarizon/react-native'
+
+const USDC_BASE = '0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913'
+
+/** @type {readonly object[]} */
+const ERC20_ABI = [
+  { name: 'name',        type: 'function', inputs: [], outputs: [{ type: 'string' }],  stateMutability: 'view' },
+  { name: 'symbol',      type: 'function', inputs: [], outputs: [{ type: 'string' }],  stateMutability: 'view' },
+  { name: 'decimals',    type: 'function', inputs: [], outputs: [{ type: 'uint8' }],   stateMutability: 'view' },
+  { name: 'totalSupply', type: 'function', inputs: [], outputs: [{ type: 'uint256' }], stateMutability: 'view' },
+]
+
+function usdc(fn) {
+  return useReadContract({ address: USDC_BASE, abi: ERC20_ABI, method: fn })
+}
+
+function Row({ label, value }) {
+  return (
+    <View style={s.row}>
+      <Text style={s.label}>{label}</Text>
+      {value === undefined
+        ? <ActivityIndicator size="small" color="#6366f1" />
+        : <Text style={s.value}>{value}</Text>}
+    </View>
+  )
+}
+
+export default function HomeScreen() {
+  const { data: name }        = usdc('name')
+  const { data: symbol }      = usdc('symbol')
+  const { data: decimals }    = usdc('decimals')
+  const { data: totalSupply } = usdc('totalSupply')
+
+  const formatted =
+    totalSupply !== undefined && decimals !== undefined
+      ? (Number(totalSupply) / 10 ** Number(decimals)).toLocaleString(undefined, { maximumFractionDigits: 2 })
+      : undefined
+
+  return (
+    <ScrollView style={s.bg} contentContainerStyle={s.container}>
+      <View style={s.hero}>
+        <Text style={s.badge}>{{ProjectName}}</Text>
+        <Text style={s.heading}>Live on-chain data</Text>
+        <Text style={s.sub}>Reading USDC on Base — no backend required.</Text>
+      </View>
+
+      <View style={s.card}>
+        <Text style={s.cardTitle}>USDC — Base</Text>
+        <Row label="Name"         value={name !== undefined ? String(name) : undefined} />
+        <Row label="Symbol"       value={symbol !== undefined ? String(symbol) : undefined} />
+        <Row label="Decimals"     value={decimals !== undefined ? String(decimals) : undefined} />
+        <Row label="Total Supply" value={formatted} />
+      </View>
+
+      <View style={s.card}>
+        <Text style={s.cardTitle}>Next steps</Text>
+        <Text style={s.step}>1. Replace USDC_BASE with your contract address</Text>
+        <Text style={s.step}>2. Swap ERC20_ABI for your contract ABI</Text>
+        <Text style={s.step}>3. Change the chain in app/_layout.jsx</Text>
+        <Text style={s.step}>4. Use <Text style={s.code}>useWriteContract</Text> for transactions</Text>
+      </View>
+    </ScrollView>
+  )
+}
+
+const s = StyleSheet.create({
+  bg:        { flex: 1, backgroundColor: '#0a0a0a' },
+  container: { padding: 20, paddingBottom: 40 },
+  hero:      { marginBottom: 24 },
+  badge:     { color: '#6366f1', fontSize: 12, fontWeight: '700', textTransform: 'uppercase', letterSpacing: 1.5, marginBottom: 8 },
+  heading:   { color: '#fff', fontSize: 28, fontWeight: '800', marginBottom: 6 },
+  sub:       { color: '#9ca3af', fontSize: 15, lineHeight: 22 },
+  card:      { backgroundColor: '#111', borderWidth: 1, borderColor: '#1f1f1f', borderRadius: 12, padding: 16, marginBottom: 16 },
+  cardTitle: { color: '#fff', fontWeight: '700', fontSize: 15, marginBottom: 12 },
+  row:       { flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center', paddingVertical: 8, borderBottomWidth: 1, borderBottomColor: '#1f1f1f' },
+  label:     { color: '#9ca3af', fontSize: 13 },
+  value:     { color: '#e5e7eb', fontSize: 13, fontWeight: '500', fontFamily: 'monospace' },
+  step:      { color: '#9ca3af', fontSize: 13, lineHeight: 22, marginBottom: 4 },
+  code:      { color: '#6366f1', fontFamily: 'monospace' },
+})

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

@@ -0,0 +1,24 @@
+import { Stack } from 'expo-router'
+import { AwarizonProvider } from '@awarizon/react-native'
+
+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}
+    >
+      <Stack
+        screenOptions={{
+          headerStyle:     { backgroundColor: '#000' },
+          headerTintColor: '#fff',
+          contentStyle:    { backgroundColor: '#0a0a0a' },
+        }}
+      />
+    </AwarizonProvider>
+  )
+}

package/templates/expo-js/app.json

@@ -0,0 +1,33 @@
+{
+  "expo": {
+    "name": "{{ProjectName}}",
+    "slug": "{{project-name}}",
+    "version": "1.0.0",
+    "orientation": "portrait",
+    "icon": "./assets/images/icon.png",
+    "scheme": "{{project-name}}",
+    "userInterfaceStyle": "automatic",
+    "splash": {
+      "image": "./assets/images/splash.png",
+      "resizeMode": "contain",
+      "backgroundColor": "#000000"
+    },
+    "ios": {
+      "supportsTablet": true,
+      "bundleIdentifier": "com.awarizon.{{project-name}}"
+    },
+    "android": {
+      "adaptiveIcon": {
+        "foregroundImage": "./assets/images/adaptive-icon.png",
+        "backgroundColor": "#000000"
+      },
+      "package": "com.awarizon.{{project-name}}"
+    },
+    "web": {
+      "bundler": "metro",
+      "output": "static",
+      "favicon": "./assets/images/favicon.png"
+    },
+    "plugins": ["expo-router", "expo-secure-store"]
+  }
+}

package/templates/expo-js/babel.config.js

@@ -0,0 +1,6 @@
+module.exports = function (api) {
+  api.cache(true)
+  return {
+    presets: ['babel-preset-expo'],
+  }
+}

package/templates/expo-js/jsconfig.json

@@ -0,0 +1,12 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "lib": ["ES2020"],
+    "allowJs": true,
+    "checkJs": false,
+    "jsx": "react-native",
+    "paths": { "@/*": ["./*"] }
+  },
+  "include": ["**/*.js", "**/*.jsx"],
+  "exclude": ["node_modules", ".expo"]
+}

package/templates/expo-js/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "{{project-name}}",
+  "version": "1.0.0",
+  "main": "expo-router/entry",
+  "scripts": {
+    "start":   "expo start",
+    "android": "expo start --android",
+    "ios":     "expo start --ios",
+    "web":     "expo start --web"
+  },
+  "dependencies": {
+    "@awarizon/react-native":         "latest",
+    "@awarizon/web3":                 "latest",
+    "@expo/vector-icons":             "^14.0.2",
+    "expo":                           "~51.0.0",
+    "expo-constants":                 "~16.0.2",
+    "expo-font":                      "~12.0.9",
+    "expo-linking":                   "~6.3.1",
+    "expo-router":                    "~3.5.17",
+    "expo-secure-store":              "~13.0.2",
+    "expo-splash-screen":             "~0.27.5",
+    "expo-status-bar":                "~1.12.1",
+    "expo-system-ui":                 "~3.0.7",
+    "react":                          "18.2.0",
+    "react-dom":                      "18.2.0",
+    "react-native":                   "0.74.5",
+    "react-native-safe-area-context": "4.10.5",
+    "react-native-screens":           "3.31.1"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.24.0"
+  }
+}