create-wizze-app 0.1.4 → 0.1.6

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,20 @@ 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 devDependencies = packageJson.devDependencies && typeof packageJson.devDependencies === 'object'
+        ? { ...packageJson.devDependencies }
+        : {};
+    devDependencies.wizze = '^0.1.6';
+    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 +173,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.4",
+  "version": "0.1.6",
   "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/app.json

@@ -8,7 +8,7 @@
     "scheme": "sampleuniversal",
     "userInterfaceStyle": "automatic",
     "ios": {
-      "icon": "./assets/expo.icon"
+      "supportsTablet": true
     },
     "android": {
       "adaptiveIcon": {

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",
@@ -39,7 +39,8 @@
   },
   "devDependencies": {
     "@types/react": "~19.2.2",
-    "typescript": "~5.9.2"
+    "typescript": "~5.9.2",
+    "wizze": "^0.1.6"
   },
   "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';

package/templates/expo-default-sdk55/assets/expo.icon/Assets/expo-symbol 2.svg

@@ -1,3 +0,0 @@
-<svg width="652" height="606" viewBox="0 0 652 606" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M353.554 0H298.446C273.006 0 249.684 14.6347 237.962 37.9539L4.37994 502.646C-1.04325 513.435 -1.45067 526.178 3.2716 537.313L22.6123 582.918C34.6475 611.297 72.5404 614.156 88.4414 587.885L309.863 222.063C313.34 216.317 319.439 212.826 326 212.826C332.561 212.826 338.659 216.317 342.137 222.063L563.559 587.885C579.46 614.156 617.352 611.297 629.388 582.918L648.728 537.313C653.451 526.178 653.043 513.435 647.62 502.646L414.038 37.9539C402.316 14.6347 378.994 0 353.554 0Z" fill="white"/>
-</svg>

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

@@ -1,40 +0,0 @@
-{
-  "fill" : {
-    "automatic-gradient" : "extended-srgb:0.00000,0.47843,1.00000,1.00000"
-  },
-  "groups" : [
-    {
-      "layers" : [
-        {
-          "image-name" : "expo-symbol 2.svg",
-          "name" : "expo-symbol 2",
-          "position" : {
-            "scale" : 1,
-            "translation-in-points" : [
-              1.1008400065293245e-05,
-              -16.046875
-            ]
-          }
-        },
-        {
-          "image-name" : "grid.png",
-          "name" : "grid"
-        }
-      ],
-      "shadow" : {
-        "kind" : "neutral",
-        "opacity" : 0.5
-      },
-      "translucency" : {
-        "enabled" : true,
-        "value" : 0.5
-      }
-    }
-  ],
-  "supported-platforms" : {
-    "circles" : [
-      "watchOS"
-    ],
-    "squares" : "shared"
-  }
-}