create-du-app 0.1.4 → 0.1.5

package/templates/mobile/rn/src/assets/i18n/fr.json

@@ -1,9 +1,19 @@
 {
   "home": {
     "title": "Accueil",
-    "greeting": "Bonjour, {{name}}",
-    "loadError": "Échec du chargement.",
-    "count": "{{n}} élément(s)"
+    "subtitle": "Votre starter mobile d'entreprise — basé sur le cœur partagé du monorepo.",
+    "features": {
+      "nav": { "title": "Navigation", "desc": "React Navigation — native-stack + onglets typés." },
+      "data": { "title": "Réseau", "desc": "Client Axios + React Query, cache hors-ligne via MMKV." },
+      "i18n": { "title": "i18n", "desc": "react-i18next avec la langue de l'appareil (en / fr)." },
+      "theme": { "title": "Thème", "desc": "Contexte de thème + design tokens (sombre / clair)." },
+      "forms": { "title": "Formulaires", "desc": "react-hook-form sur les champs du design-system." },
+      "ui": { "title": "Kit UI", "desc": "Boutons, champs, modales, onglets, skeletons, etc." },
+      "state": { "title": "State", "desc": "Stores Zustand (auth, loading) + AsyncStorage." },
+      "shared": { "title": "@repo/shared", "desc": "Types, enums et contrats d'API partagés entre apps." }
+    },
+    "footer": "Modifiez src/modules/home pour l'adapter.",
+    "loadError": "Échec du chargement."
   },
   "profile": {
     "title": "Profil",

package/templates/mobile/rn/src/modules/home/home.screen.tsx

@@ -1,33 +1,67 @@
 import React from 'react';
-import { ActivityIndicator, StyleSheet, Text, View } from 'react-native';
+import { ScrollView, StyleSheet, Text, View } from 'react-native';
 import { useTranslation } from 'react-i18next';
-// Example feature API (React Query) — demonstrates the ApiService + @repo/shared
-// ApiEndpoints pattern. Copy core/api/example.api.ts per feature.
-import { useExampleList } from '@src/core/api';
 import { useTheme } from '@src/core/theme';
 
+// What's inside the starter — rendered as the landing screen so a fresh
+// generate is self-documenting. Replace this with your real home feature.
+const FEATURES = [
+  { key: 'nav', icon: '🧭' },
+  { key: 'data', icon: '🔌' },
+  { key: 'i18n', icon: '🌐' },
+  { key: 'theme', icon: '🎨' },
+  { key: 'forms', icon: '📝' },
+  { key: 'ui', icon: '🧩' },
+  { key: 'state', icon: '📦' },
+  { key: 'shared', icon: '🔗' },
+] as const;
+
 export function HomeScreen() {
   const { t } = useTranslation();
   const { colors } = useTheme();
-  const { data, isLoading, isError } = useExampleList();
 
   return (
-    <View style={[styles.container, { backgroundColor: colors.bg_elevation_level_1_normal }]}>
-      <Text style={[styles.title, { color: colors.fg_neutral_normal }]}>
-        {t('home.greeting', { name: '{{PROJECT_NAME}}' })}
-      </Text>
-      {isLoading ? <ActivityIndicator color={colors.fg_primary_normal} /> : null}
-      {isError ? (
-        <Text style={{ color: colors.bd_danger_normal }}>{t('home.loadError')}</Text>
-      ) : null}
-      {data ? (
-        <Text style={{ color: colors.fg_neutral_faded }}>{t('home.count', { n: data.length })}</Text>
-      ) : null}
-    </View>
+    <ScrollView
+      style={{ backgroundColor: colors.bg_elevation_level_1_normal }}
+      contentContainerStyle={styles.container}>
+      <Text style={[styles.title, { color: colors.fg_neutral_normal }]}>{'{{PROJECT_NAME}}'}</Text>
+      <Text style={[styles.subtitle, { color: colors.fg_neutral_faded }]}>{t('home.subtitle')}</Text>
+
+      <View style={styles.list}>
+        {FEATURES.map(f => (
+          <View
+            key={f.key}
+            style={[
+              styles.card,
+              { backgroundColor: colors.bg_elevation_level_2_normal, borderColor: colors.bd_neutral_faded },
+            ]}>
+            <Text style={styles.icon}>{f.icon}</Text>
+            <View style={styles.cardText}>
+              <Text style={[styles.cardTitle, { color: colors.fg_neutral_normal }]}>
+                {t(`home.features.${f.key}.title`)}
+              </Text>
+              <Text style={[styles.cardDesc, { color: colors.fg_neutral_faded }]}>
+                {t(`home.features.${f.key}.desc`)}
+              </Text>
+            </View>
+          </View>
+        ))}
+      </View>
+
+      <Text style={[styles.footer, { color: colors.fg_neutral_faded }]}>{t('home.footer')}</Text>
+    </ScrollView>
   );
 }
 
 const styles = StyleSheet.create({
-  container: { flex: 1, padding: 24, gap: 16 },
-  title: { fontSize: 22, fontWeight: '600' },
+  container: { padding: 20, paddingBottom: 40, gap: 8 },
+  title: { fontSize: 28, fontWeight: '700' },
+  subtitle: { fontSize: 15, marginBottom: 16, lineHeight: 21 },
+  list: { gap: 12 },
+  card: { flexDirection: 'row', gap: 14, padding: 16, borderRadius: 16, borderWidth: 1 },
+  icon: { fontSize: 24 },
+  cardText: { flex: 1, gap: 4 },
+  cardTitle: { fontSize: 16, fontWeight: '600' },
+  cardDesc: { fontSize: 13, lineHeight: 19 },
+  footer: { fontSize: 13, marginTop: 20, textAlign: 'center', fontStyle: 'italic' },
 });