create-wizze-app 0.1.5 → 0.1.7

package/README.md

@@ -9,17 +9,16 @@ Gerador oficial de projetos do Wizze Framework.
 
 ## O que é gerado
 
-- Estrutura base interna equivalente ao template oficial do Expo (SDK 55).
+- Estrutura base oficial do Wizze Go para apps Android, iOS e Web.
 - Suporte universal para Android, iOS e Web.
-- `src/app` com rotas por arquivo (Expo Router).
+- `src/app` com rotas por arquivo.
 - `src/components`, `src/constants` e `src/hooks`.
-- `app.json` configurado para Expo.
+- `app.json` configurado para runtime mobile/web.
 - `wizze.config.ts` com metadados do projeto Wizze Go.
 
 ## Scripts iniciais
 
-- `npm run start`
-- `npm run android`
-- `npm run ios`
-- `npm run web`
-- `npm run prebuild` (gera pastas nativas `android/` e `ios/`)
+- `npm start` (usa `wizze start --dev-client`)
+- `npm run android` (build cloud Android)
+- `npm run ios` (build cloud iOS)
+- `npm run web` (inicia sessão de desenvolvimento)

package/dist/index.js

@@ -17,7 +17,7 @@ const SUPPORTED_TEMPLATES = new Set([
 const TEMPLATE_META = {
     blank: {
         title: 'Wizze Go Base',
-        subtitle: 'Estrutura universal com base oficial Expo para Android, iOS e Web.',
+        subtitle: 'Estrutura universal oficial do Wizze Go para Android, iOS e Web.',
         accentColor: '#208AEF',
     },
     'dashboard-mobile': {
@@ -115,7 +115,7 @@ async function resolveBaseTemplateDir() {
             return candidate;
         }
     }
-    throw new Error('Template base do Expo não encontrado no pacote create-wizze-app.');
+    throw new Error('Template base do Wizze Go não encontrado no pacote create-wizze-app.');
 }
 async function patchProjectMetadata(input) {
     const { appDir, slug, displayName, template, templateMeta } = input;
@@ -126,6 +126,25 @@ async function patchProjectMetadata(input) {
     const templateInfoPath = join(appDir, 'src', 'constants', 'wizze-template.ts');
     const packageJson = JSON.parse(await readFile(packageJsonPath, 'utf8'));
     packageJson.name = slug;
+    const scripts = packageJson.scripts && typeof packageJson.scripts === 'object'
+        ? { ...packageJson.scripts }
+        : {};
+    scripts.start = 'wizze start --dev-client';
+    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.7';
+    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') {
@@ -159,7 +178,7 @@ async function patchProjectMetadata(input) {
         '',
         `Este projeto foi inicializado com o template \`${template}\` do Wizze Go.`,
         '',
-        '- Estrutura base: padrão oficial do Expo (SDK 55).',
+        '- Estrutura base: padrão oficial do Wizze Go.',
         '- Plataformas: Android, iOS e Web.',
         '- Configuração Wizze: `wizze.config.ts`.',
         '',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-wizze-app",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "description": "Gerador oficial de projetos do Wizze Framework.",
   "author": "Master Dev (Taliton Silva)",
   "license": "MIT",

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

@@ -1,3 +1,4 @@
-# Expo HAS CHANGED
+# Wizze Go Template
 
-Read the exact versioned docs at https://docs.expo.dev/versions/v55.0.0/ before writing any code.
+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/README.md

@@ -1,56 +1,41 @@
-# Welcome to your Expo app 👋
+# Wizze Go App
 
-This is an [Expo](https://expo.dev) project created with [`create-expo-app`](https://www.npmjs.com/package/create-expo-app).
+Projeto base oficial para aplicativos Wizze Go com suporte a Android, iOS e Web.
 
-## Get started
+## Início rápido
 
-1. Install dependencies
-
-   ```bash
-   npm install
-   ```
-
-2. Start the app
-
-   ```bash
-   npx expo start
-   ```
-
-In the output, you'll find options to open the app in a
-
-- [development build](https://docs.expo.dev/develop/development-builds/introduction/)
-- [Android emulator](https://docs.expo.dev/workflow/android-studio-emulator/)
-- [iOS simulator](https://docs.expo.dev/workflow/ios-simulator/)
-- [Expo Go](https://expo.dev/go), a limited sandbox for trying out app development with Expo
-
-You can start developing by editing the files inside the **app** directory. This project uses [file-based routing](https://docs.expo.dev/router/introduction).
-
-## Get a fresh project
-
-When you're ready, run:
+1. Instale as dependências
 
 ```bash
-npm run reset-project
+npm install
 ```
 
-This command will move the starter code to the **app-example** directory and create a blank **app** directory where you can start developing.
+2. Inicie o desenvolvimento
 
-### Other setup steps
+```bash
+npm start
+```
 
-- To set up ESLint for linting, run `npx expo lint`, or follow our guide on ["Using ESLint and Prettier"](https://docs.expo.dev/guides/using-eslint/)
-- If you'd like to set up unit testing, follow our guide on ["Unit Testing with Jest"](https://docs.expo.dev/develop/unit-testing/)
-- Learn more about the TypeScript setup in this template in our guide on ["Using TypeScript"](https://docs.expo.dev/guides/typescript/)
+## Fluxo recomendado
 
-## Learn more
+- `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.
 
-To learn more about developing your project with Expo, look at the following resources:
+## Estrutura principal
 
-- [Expo documentation](https://docs.expo.dev/): Learn fundamentals, or go into advanced topics with our [guides](https://docs.expo.dev/guides).
-- [Learn Expo tutorial](https://docs.expo.dev/tutorial/introduction/): Follow a step-by-step tutorial where you'll create a project that runs on Android, iOS, and the web.
+- `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.
 
-## Join the community
+## Reset de base
 
-Join our community of developers creating universal apps.
+Quando quiser limpar o starter e começar do zero:
 
-- [Expo on GitHub](https://github.com/expo/expo): View our open source platform and contribute.
-- [Discord community](https://chat.expo.dev): Chat with Expo users and ask questions.
+```bash
+npm run reset-project
+```

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

@@ -3,12 +3,12 @@
   "main": "expo-router/entry",
   "version": "1.0.0",
   "scripts": {
-    "start": "expo start",
+    "start": "wizze start --dev-client",
     "reset-project": "node ./scripts/reset-project.js",
-    "android": "expo start --android",
-    "ios": "expo start --ios",
-    "web": "expo start --web",
-    "lint": "expo lint"
+    "android": "wizze build android --cloud",
+    "ios": "wizze build ios --cloud",
+    "web": "wizze start",
+    "lint": "wizze doctor"
   },
   "dependencies": {
     "@react-navigation/bottom-tabs": "^7.15.5",
@@ -16,6 +16,7 @@
     "@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",
@@ -39,7 +40,8 @@
   },
   "devDependencies": {
     "@types/react": "~19.2.2",
-    "typescript": "~5.9.2"
+    "typescript": "~5.9.2",
+    "wizze": "^0.1.7"
   },
   "private": true
 }

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

@@ -89,7 +89,7 @@ const moveDirectories = async (userInput) => {
 
     console.log("\n✅ Project reset complete. Next steps:");
     console.log(
-      `1. Run \`npx expo 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.${
+      `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.`
           : ""

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

@@ -45,10 +45,10 @@ export default function TabTwoScreen() {
             This starter app includes example{'\n'}code to help you get started.
           </ThemedText>
 
-          <ExternalLink href="https://docs.expo.dev" asChild>
+          <ExternalLink href="https://dev.wizzepro.com/docs" asChild>
             <Pressable style={({ pressed }) => pressed && styles.pressed}>
               <ThemedView type="backgroundElement" style={styles.linkButton}>
-                <ThemedText type="link">Expo documentation</ThemedText>
+                <ThemedText type="link">Wizze documentation</ThemedText>
                 <SymbolView
                   tintColor={theme.text}
                   name={{ ios: 'arrow.up.right.square', android: 'link', web: 'link' }}
@@ -69,7 +69,7 @@ export default function TabTwoScreen() {
               The layout file in <ThemedText type="code">src/app/_layout.tsx</ThemedText> sets up
               the tab navigator.
             </ThemedText>
-            <ExternalLink href="https://docs.expo.dev/router/introduction">
+            <ExternalLink href="https://dev.wizzepro.com/docs">
               <ThemedText type="linkPrimary">Learn more</ThemedText>
             </ExternalLink>
           </Collapsible>
@@ -106,7 +106,7 @@ export default function TabTwoScreen() {
               <ThemedText type="code">useColorScheme()</ThemedText> hook lets you inspect what the
               user&apos;s current color scheme is, and so you can adjust UI colors accordingly.
             </ThemedText>
-            <ExternalLink href="https://docs.expo.dev/develop/user-interface/color-themes/">
+            <ExternalLink href="https://dev.wizzepro.com/docs">
               <ThemedText type="linkPrimary">Learn more</ThemedText>
             </ExternalLink>
           </Collapsible>

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

@@ -35,7 +35,7 @@ export default function HomeScreen() {
         <ThemedView style={styles.heroSection}>
           <AnimatedIcon />
           <ThemedText type="title" style={styles.title}>
-            Welcome to&nbsp;Expo
+            Welcome to&nbsp;Wizze
           </ThemedText>
         </ThemedView>
 

package/templates/expo-default-sdk55/src/components/animated-icon.module.css

@@ -1,4 +1,4 @@
-.expoLogoBackground {
+.brandLogoBackground {
   background-image: linear-gradient(180deg, #3c9ffe, #0274df);
   border-radius: 40px;
   width: 128px;

package/templates/expo-default-sdk55/src/components/animated-icon.tsx

@@ -89,7 +89,7 @@ export function AnimatedIcon() {
 
       <Animated.View entering={keyframe.duration(DURATION)} style={styles.background} />
       <Animated.View style={styles.imageContainer} entering={logoKeyframe.duration(DURATION)}>
-        <Image style={styles.image} source={require('@/assets/images/expo-logo.png')} />
+        <Image style={styles.image} source={require('@/assets/images/wizze-logo.png')} />
       </Animated.View>
     </View>
   );

package/templates/expo-default-sdk55/src/components/animated-icon.web.tsx

@@ -62,11 +62,11 @@ export function AnimatedIcon() {
       </Animated.View>
 
       <Animated.View style={styles.background} entering={keyframe.duration(DURATION)}>
-        <div className={classes.expoLogoBackground} />
+        <div className={classes.brandLogoBackground} />
       </Animated.View>
 
       <Animated.View style={styles.imageContainer} entering={logoKeyframe.duration(DURATION)}>
-        <Image style={styles.image} source={require('@/assets/images/expo-logo.png')} />
+        <Image style={styles.image} source={require('@/assets/images/wizze-logo.png')} />
       </Animated.View>
     </View>
   );

package/templates/expo-default-sdk55/src/components/app-tabs.web.tsx

@@ -56,12 +56,12 @@ export function CustomTabList(props: TabListProps) {
     <View {...props} style={styles.tabListContainer}>
       <ThemedView type="backgroundElement" style={styles.innerContainer}>
         <ThemedText type="smallBold" style={styles.brandText}>
-          Expo Starter
+          Wizze Starter
         </ThemedText>
 
         {props.children}
 
-        <ExternalLink href="https://docs.expo.dev" asChild>
+        <ExternalLink href="https://dev.wizzepro.com/docs" asChild>
           <Pressable style={styles.externalPressable}>
             <ThemedText type="link">Docs</ThemedText>
             <SymbolView

package/templates/expo-default-sdk55/src/components/web-badge.tsx

@@ -1,4 +1,3 @@
-import { version } from 'expo/package.json';
 import { Image } from 'expo-image';
 import React from 'react';
 import { useColorScheme, StyleSheet } from 'react-native';
@@ -14,13 +13,13 @@ export function WebBadge() {
   return (
     <ThemedView style={styles.container}>
       <ThemedText type="code" themeColor="textSecondary" style={styles.versionText}>
-        v{version}
+        Wizze Go
       </ThemedText>
       <Image
         source={
           scheme === 'dark'
-            ? require('@/assets/images/expo-badge-white.png')
-            : require('@/assets/images/expo-badge.png')
+            ? require('@/assets/images/wizze-badge-white.png')
+            : require('@/assets/images/wizze-badge.png')
         }
         style={styles.badgeImage}
       />

package/templates/expo-default-sdk55/src/hooks/use-theme.ts

@@ -1,6 +1,5 @@
 /**
- * Learn more about light and dark modes:
- * https://docs.expo.dev/guides/color-schemes/
+ * Theme helper for light/dark scheme handling in Wizze Go templates.
  */
 
 import { Colors } from '@/constants/theme';