create-wizze-app 0.1.9 → 0.1.10

package/README.md

@@ -18,7 +18,7 @@ Gerador oficial de projetos do Wizze Framework.
 
 ## Scripts iniciais
 
-- `npm start` (usa `wizze start --dev-client`)
+- `npm start` (usa `wizze start`)
 - `npm run android` (build cloud Android)
 - `npm run ios` (build cloud iOS)
 - `npm run web` (inicia sessão de desenvolvimento)

package/dist/index.js

@@ -107,15 +107,15 @@ async function ensureDirectoryReady(appDir) {
 async function resolveBaseTemplateDir() {
     const currentFilePath = fileURLToPath(import.meta.url);
     const candidates = [
-        join(currentFilePath, '..', '..', 'templates', 'expo-default-sdk55'),
-        join(currentFilePath, '..', '..', '..', '..', 'packages', 'create-wizze-app', 'templates', 'expo-default-sdk55'),
+        join(currentFilePath, '..', '..', 'templates', 'wizze-native'),
+        join(currentFilePath, '..', '..', '..', '..', 'packages', 'create-wizze-app', 'templates', 'wizze-native'),
     ];
     for (const candidate of candidates) {
         if (await pathExists(candidate)) {
             return candidate;
         }
     }
-    throw new Error('Template base do Wizze Go não encontrado no pacote create-wizze-app.');
+    throw new Error('Template base nativo do Wizze Go não encontrado no pacote create-wizze-app.');
 }
 async function patchProjectMetadata(input) {
     const { appDir, slug, displayName, template, templateMeta } = input;
@@ -129,40 +129,35 @@ async function patchProjectMetadata(input) {
     const scripts = packageJson.scripts && typeof packageJson.scripts === 'object'
         ? { ...packageJson.scripts }
         : {};
-    scripts.start = 'wizze start --dev-client';
+    scripts.start = 'wizze start';
     scripts.android = 'wizze build android --cloud';
     scripts.ios = 'wizze build ios --cloud';
     scripts.web = 'wizze start';
     scripts.lint = 'wizze doctor';
     packageJson.scripts = scripts;
-    const dependencies = packageJson.dependencies && typeof packageJson.dependencies === 'object'
-        ? { ...packageJson.dependencies }
-        : {};
-    dependencies['expo-dev-client'] = dependencies['expo-dev-client'] || '^5.2.4';
-    packageJson.dependencies = dependencies;
     const devDependencies = packageJson.devDependencies && typeof packageJson.devDependencies === 'object'
         ? { ...packageJson.devDependencies }
         : {};
-    devDependencies.wizze = '^0.1.9';
+    devDependencies.wizze = '^0.1.10';
     packageJson.devDependencies = devDependencies;
     await writeFile(packageJsonPath, `${JSON.stringify(packageJson, null, 2)}\n`, 'utf8');
     const appJson = JSON.parse(await readFile(appJsonPath, 'utf8'));
-    if (!appJson.expo || typeof appJson.expo !== 'object') {
-        throw new Error('app.json inválido no template base.');
-    }
-    const expoConfig = appJson.expo;
-    expoConfig.name = displayName;
-    expoConfig.slug = slug;
-    expoConfig.scheme = slug.replace(/-/g, '');
-    const plugins = expoConfig.plugins;
-    if (Array.isArray(plugins)) {
-        for (const plugin of plugins) {
-            if (Array.isArray(plugin) && plugin[0] === 'expo-splash-screen' && typeof plugin[1] === 'object' && plugin[1]) {
-                const config = plugin[1];
-                config.backgroundColor = templateMeta.accentColor;
-            }
-        }
-    }
+    appJson.name = displayName;
+    appJson.slug = slug;
+    appJson.scheme = slug.replace(/-/g, '');
+    appJson.platforms = ['android', 'ios', 'web'];
+    const splash = appJson.splash && typeof appJson.splash === 'object'
+        ? { ...appJson.splash }
+        : {};
+    splash.backgroundColor = templateMeta.accentColor;
+    appJson.splash = splash;
+    const wizze = appJson.wizze && typeof appJson.wizze === 'object'
+        ? { ...appJson.wizze }
+        : {};
+    wizze.runtime = 'native';
+    wizze.entry = 'src/dev.ts';
+    wizze.template = template;
+    appJson.wizze = wizze;
     await writeFile(appJsonPath, `${JSON.stringify(appJson, null, 2)}\n`, 'utf8');
     const wizzeConfigPayload = {
         name: displayName,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-wizze-app",
-  "version": "0.1.9",
+  "version": "0.1.10",
   "description": "Gerador oficial de projetos do Wizze Framework.",
   "author": "Master Dev (Taliton Silva)",
   "license": "MIT",
@@ -10,7 +10,7 @@
   "files": [
     "dist",
     "README.md",
-    "templates"
+    "templates/wizze-native"
   ],
   "publishConfig": {
     "access": "public"

package/templates/wizze-native/README.md

@@ -0,0 +1,17 @@
+# Wizze Native App
+
+Base oficial para iniciar um app nativo no ecossistema Wizze.
+
+## Scripts
+
+- `pnpm dev`: executa bootstrap local em watch.
+- `pnpm start`: inicia sessão de desenvolvimento via Wizze runtime.
+- `pnpm test`: roda testes locais.
+- `pnpm build`: valida tipos do projeto.
+
+## Estrutura
+
+- `app.json`: metadados nativos do app e runtime Wizze.
+- `wizze.config.ts`: configuração de projeto usada pela CLI.
+- `src/main.ts`: bootstrap do app.
+- `src/dev.ts`: entrada de desenvolvimento local.

package/templates/wizze-native/app.json

@@ -0,0 +1,14 @@
+{
+  "name": "Wizze Native App",
+  "slug": "wizze-native-app",
+  "version": "1.0.0",
+  "scheme": "wizzenativeapp",
+  "platforms": ["android", "ios", "web"],
+  "splash": {
+    "backgroundColor": "#208AEF"
+  },
+  "wizze": {
+    "runtime": "native",
+    "entry": "src/dev.ts"
+  }
+}

package/templates/wizze-native/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "wizze-native-app",
+  "version": "0.1.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "tsx watch src/dev.ts",
+    "start": "wizze start",
+    "build": "pnpm typecheck",
+    "test": "tsx --test src/**/*.test.ts",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "clean": "rm -rf dist"
+  },
+  "dependencies": {
+    "@wizze/wizze-sdk": "^0.1.10"
+  },
+  "devDependencies": {
+    "tsx": "^4.20.6",
+    "typescript": "^5.9.3",
+    "wizze": "^0.1.10"
+  }
+}

package/templates/wizze-native/src/constants/wizze-template.ts

@@ -0,0 +1,4 @@
+export const wizzeTemplate = 'blank';
+export const wizzeTemplateTitle = 'Wizze Go Base';
+export const wizzeTemplateSubtitle = 'Estrutura universal oficial do Wizze Go para Android, iOS e Web.';
+export const wizzeTemplateAccent = '#208AEF';

package/templates/wizze-native/src/dev.ts

@@ -0,0 +1,4 @@
+import { bootstrapApp } from './main.js';
+
+const boot = bootstrapApp();
+console.log(`[wizze] ${boot.app} pronto (${boot.status})`);

package/templates/wizze-native/src/main.test.ts

@@ -0,0 +1,12 @@
+import { strict as assert } from 'node:assert';
+import { test } from 'node:test';
+
+import { bootstrapApp } from './main.js';
+
+test('bootstrapApp returns app capabilities', () => {
+  const boot = bootstrapApp();
+
+  assert.equal(boot.app, 'Wizze Native App');
+  assert.equal(boot.status, 'ready');
+  assert.ok(Array.isArray(boot.capabilities));
+});

package/templates/wizze-native/src/main.ts

@@ -0,0 +1,8 @@
+export function bootstrapApp() {
+  return {
+    app: 'Wizze Native App',
+    status: 'ready',
+    startedAt: new Date().toISOString(),
+    capabilities: ['runtime-session', 'native-modules', 'cloud-build']
+  };
+}

package/templates/wizze-native/tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "module": "NodeNext",
+    "moduleResolution": "NodeNext",
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "strict": true,
+    "skipLibCheck": true,
+    "outDir": "dist",
+    "rootDir": "src"
+  },
+  "include": ["src/**/*"]
+}

package/templates/expo-default-sdk55/.claude/settings.json

@@ -1,5 +0,0 @@
-{
-  "enabledPlugins": {
-    "expo@claude-plugins-official": true
-  }
-}

package/templates/expo-default-sdk55/.vscode/extensions.json

@@ -1 +0,0 @@
-{ "recommendations": ["expo.vscode-expo-tools"] }

package/templates/expo-default-sdk55/.vscode/settings.json

@@ -1,7 +0,0 @@
-{
-  "editor.codeActionsOnSave": {
-    "source.fixAll": "explicit",
-    "source.organizeImports": "explicit",
-    "source.sortMembers": "explicit"
-  }
-}

package/templates/expo-default-sdk55/AGENTS.md

@@ -1,4 +0,0 @@
-# Wizze Go Template
-
-Use este template como base oficial do Wizze Go.
-Mantenha foco em experiência de cliente, sem expor dados internos, segredos ou caminhos privados.

package/templates/expo-default-sdk55/CLAUDE.md

@@ -1 +0,0 @@
-@AGENTS.md

package/templates/expo-default-sdk55/README.md

@@ -1,41 +0,0 @@
-# Wizze Go App
-
-Projeto base oficial para aplicativos Wizze Go com suporte a Android, iOS e Web.
-
-## Início rápido
-
-1. Instale as dependências
-
-```bash
-npm install
-```
-
-2. Inicie o desenvolvimento
-
-```bash
-npm start
-```
-
-## Fluxo recomendado
-
-- `npm start`: inicia o modo desenvolvimento.
-- `npm run android`: envia build Android para a fila cloud.
-- `npm run ios`: envia build iOS para a fila cloud.
-- `npm run web`: inicia a sessão de desenvolvimento.
-- `npm run lint`: executa diagnóstico rápido do ambiente.
-
-## Estrutura principal
-
-- `src/app`: telas e layout por rotas.
-- `src/components`: componentes reutilizáveis.
-- `src/constants`: tema e constantes de UI.
-- `src/hooks`: hooks utilitários.
-- `wizze.config.ts`: configuração do projeto Wizze Go.
-
-## Reset de base
-
-Quando quiser limpar o starter e começar do zero:
-
-```bash
-npm run reset-project
-```

package/templates/expo-default-sdk55/app.json

@@ -1,44 +0,0 @@
-{
-  "expo": {
-    "name": "sample-universal",
-    "slug": "sample-universal",
-    "version": "1.0.0",
-    "orientation": "portrait",
-    "icon": "./assets/images/icon.png",
-    "scheme": "sampleuniversal",
-    "userInterfaceStyle": "automatic",
-    "ios": {
-      "supportsTablet": true
-    },
-    "android": {
-      "adaptiveIcon": {
-        "backgroundColor": "#E6F4FE",
-        "foregroundImage": "./assets/images/android-icon-foreground.png",
-        "backgroundImage": "./assets/images/android-icon-background.png",
-        "monochromeImage": "./assets/images/android-icon-monochrome.png"
-      },
-      "predictiveBackGestureEnabled": false
-    },
-    "web": {
-      "output": "static",
-      "favicon": "./assets/images/favicon.png"
-    },
-    "plugins": [
-      "expo-router",
-      [
-        "expo-splash-screen",
-        {
-          "backgroundColor": "#208AEF",
-          "android": {
-            "image": "./assets/images/splash-icon.png",
-            "imageWidth": 76
-          }
-        }
-      ]
-    ],
-    "experiments": {
-      "typedRoutes": true,
-      "reactCompiler": true
-    }
-  }
-}

package/templates/expo-default-sdk55/package.json

@@ -1,47 +0,0 @@
-{
-  "name": "sample-universal",
-  "main": "expo-router/entry",
-  "version": "1.0.0",
-  "scripts": {
-    "start": "wizze start --dev-client",
-    "reset-project": "node ./scripts/reset-project.js",
-    "android": "wizze build android --cloud",
-    "ios": "wizze build ios --cloud",
-    "web": "wizze start",
-    "lint": "wizze doctor"
-  },
-  "dependencies": {
-    "@react-navigation/bottom-tabs": "^7.15.5",
-    "@react-navigation/elements": "^2.9.10",
-    "@react-navigation/native": "^7.1.33",
-    "expo": "~55.0.24",
-    "expo-constants": "~55.0.16",
-    "expo-dev-client": "^5.2.4",
-    "expo-device": "~55.0.17",
-    "expo-font": "~55.0.7",
-    "expo-glass-effect": "~55.0.11",
-    "expo-image": "~55.0.10",
-    "expo-linking": "~55.0.15",
-    "expo-router": "~55.0.14",
-    "expo-splash-screen": "~55.0.21",
-    "expo-status-bar": "~55.0.6",
-    "expo-symbols": "~55.0.8",
-    "expo-system-ui": "~55.0.18",
-    "expo-web-browser": "~55.0.16",
-    "react": "19.2.0",
-    "react-dom": "19.2.0",
-    "react-native": "0.83.6",
-    "react-native-gesture-handler": "~2.30.0",
-    "react-native-worklets": "0.7.4",
-    "react-native-reanimated": "4.2.1",
-    "react-native-safe-area-context": "~5.6.2",
-    "react-native-screens": "~4.23.0",
-    "react-native-web": "~0.21.0"
-  },
-  "devDependencies": {
-    "@types/react": "~19.2.2",
-    "typescript": "~5.9.2",
-    "wizze": "^0.1.9"
-  },
-  "private": true
-}

package/templates/expo-default-sdk55/scripts/reset-project.js

@@ -1,114 +0,0 @@
-#!/usr/bin/env node
-
-/**
- * This script is used to reset the project to a blank state.
- * It deletes or moves the /src and /scripts directories to /example based on user input and creates a new /src/app directory with an index.tsx and _layout.tsx file.
- * You can remove the `reset-project` script from package.json and safely delete this file after running it.
- */
-
-const fs = require("fs");
-const path = require("path");
-const readline = require("readline");
-
-const root = process.cwd();
-const oldDirs = ["src", "scripts"];
-const exampleDir = "example";
-const newAppDir = "src/app";
-const exampleDirPath = path.join(root, exampleDir);
-
-const indexContent = `import { Text, View, StyleSheet } from "react-native";
-
-export default function Index() {
-  return (
-    <View style={styles.container}>
-      <Text>Edit src/app/index.tsx to edit this screen.</Text>
-    </View>
-  );
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    alignItems: "center",
-    justifyContent: "center",
-  },
-});
-`;
-
-const layoutContent = `import { Stack } from "expo-router";
-
-export default function RootLayout() {
-  return <Stack />;
-}
-`;
-
-const rl = readline.createInterface({
-  input: process.stdin,
-  output: process.stdout,
-});
-
-const moveDirectories = async (userInput) => {
-  try {
-    if (userInput === "y") {
-      // Create the app-example directory
-      await fs.promises.mkdir(exampleDirPath, { recursive: true });
-      console.log(`📁 /${exampleDir} directory created.`);
-    }
-
-    // Move old directories to new app-example directory or delete them
-    for (const dir of oldDirs) {
-      const oldDirPath = path.join(root, dir);
-      if (fs.existsSync(oldDirPath)) {
-        if (userInput === "y") {
-          const newDirPath = path.join(root, exampleDir, dir);
-          await fs.promises.rename(oldDirPath, newDirPath);
-          console.log(`➡️ /${dir} moved to /${exampleDir}/${dir}.`);
-        } else {
-          await fs.promises.rm(oldDirPath, { recursive: true, force: true });
-          console.log(`❌ /${dir} deleted.`);
-        }
-      } else {
-        console.log(`➡️ /${dir} does not exist, skipping.`);
-      }
-    }
-
-    // Create new /src/app directory
-    const newAppDirPath = path.join(root, newAppDir);
-    await fs.promises.mkdir(newAppDirPath, { recursive: true });
-    console.log("\n📁 New /src/app directory created.");
-
-    // Create index.tsx
-    const indexPath = path.join(newAppDirPath, "index.tsx");
-    await fs.promises.writeFile(indexPath, indexContent);
-    console.log("📄 src/app/index.tsx created.");
-
-    // Create _layout.tsx
-    const layoutPath = path.join(newAppDirPath, "_layout.tsx");
-    await fs.promises.writeFile(layoutPath, layoutContent);
-    console.log("📄 src/app/_layout.tsx created.");
-
-    console.log("\n✅ Project reset complete. Next steps:");
-    console.log(
-      `1. Run \`npm start\` to start a development server.\n2. Edit src/app/index.tsx to edit the main screen.\n3. Put all your application code in /src, only screens and layout files should be in /src/app.${
-        userInput === "y"
-          ? `\n4. Delete the /${exampleDir} directory when you're done referencing it.`
-          : ""
-      }`
-    );
-  } catch (error) {
-    console.error(`❌ Error during script execution: ${error.message}`);
-  }
-};
-
-rl.question(
-  "Do you want to move existing files to /example instead of deleting them? (Y/n): ",
-  (answer) => {
-    const userInput = answer.trim().toLowerCase() || "y";
-    if (userInput === "y" || userInput === "n") {
-      moveDirectories(userInput).finally(() => rl.close());
-    } else {
-      console.log("❌ Invalid input. Please enter 'Y' or 'N'.");
-      rl.close();
-    }
-  }
-);

package/templates/expo-default-sdk55/src/app/_layout.tsx

@@ -1,16 +0,0 @@
-import { DarkTheme, DefaultTheme, ThemeProvider } from '@react-navigation/native';
-import React from 'react';
-import { useColorScheme } from 'react-native';
-
-import { AnimatedSplashOverlay } from '@/components/animated-icon';
-import AppTabs from '@/components/app-tabs';
-
-export default function TabLayout() {
-  const colorScheme = useColorScheme();
-  return (
-    <ThemeProvider value={colorScheme === 'dark' ? DarkTheme : DefaultTheme}>
-      <AnimatedSplashOverlay />
-      <AppTabs />
-    </ThemeProvider>
-  );
-}