Créer une app depuis GitHub

Tu as déjà une app sur GitHub ? Bloxks peut en faire un projet Bloxks en quelques clics. Si elle est écrite en Expo ou React Native, ton code est importé tel quel et reste relié à son dépôt. Si elle est écrite dans un autre langage (Swift, Kotlin, Flutter, React pour le web…), l’IA la lit et la recrée en React Native, au plus près de l’originale.

Avant de commencer

• Un compte GitHub propriétaire du dépôt (ou qui a le droit d’y écrire). Bloxks lit le code avec ce compte et, pour une app Expo / React Native, y enregistre ensuite tes modifications.
• Un forfait Bloxks payant, comme toutes les fonctions de l’atelier.
• Un dépôt de taille raisonnable : jusqu’à 3 000 fichiers et 150 Mo. Les fichiers de plus de 3 Mo sont ignorés.
• Rien à nettoyer avant. Les dossiers de build (node_modules, ios/Pods, dist…), les fichiers cachés et les secrets (.env, clés privées, google-services.json) ne sont jamais importés.

Étape par étape

1. Ouvre la fenêtre d’import. Sur l’accueil de l’atelier, clique sur + dans la zone de message, puis sur Importer depuis GitHub.
2. Colle le lien de ton dépôt dans le champ (https://github.com/toi/ton-app). Si GitHub est déjà connecté, Bloxks le lit aussitôt et t’indique le nombre de fichiers, le type d’app détecté (Expo, React Native, Swift, Kotlin, Flutter, React…) et ce qui va se passer.
3. Clique sur « Importer et lancer ». La première fois, une fenêtre GitHub s’ouvre et te demande d’autoriser Bloxks : accepte avec le compte propriétaire du dépôt. C’est ensuite retenu pour tous tes projets.
4. Laisse Bloxks travailler. Il télécharge le dépôt, crée le projet (au nom du dépôt) et se met au travail.

Si ton app est en Expo ou React Native

Ton code devient le projet, fichier pour fichier. Le premier passage de l’IA ne réécrit pas ton app, il la fait tourner sur Bloxks :

• il aligne tes dépendances sur la version d’Expo utilisée par Bloxks ;
• il corrige ce qui empêche l’aperçu de démarrer ;
• il rebranche les images et polices de ton dépôt là où le code les utilise.

Le projet reste ensuite relié à son dépôt, dans les deux sens :

• chaque changement fait dans Bloxks est enregistré comme un commit dans ton dépôt ;
• chaque changement envoyé d’ailleurs (ton ordinateur, un autre éditeur, un coéquipier) est récupéré quand tu ouvres le projet ou reviens sur l’onglet ;
• si le code a changé des deux côtés, Bloxks n’écrase rien : un bandeau te demande quelle version garder, et l’autre reste dans ton historique.

Les images, polices et autres fichiers qui ne sont pas du code restent toujours dans ton dépôt, même si le projet, lui, ne garde que le code.

Si ton app est dans un autre langage

Swift, Kotlin, Flutter, React pour le web ou autre : Bloxks ne peut pas faire tourner ce code tel quel, donc l’IA recrée l’app en React Native.

1. D’abord l’analyse. L’IA lit tout le dépôt et liste les écrans, les fonctionnalités, les données et les couleurs trouvés, ainsi que ce qui ne pourra pas être repris (widgets de l’écran d’accueil, apps Apple Watch, Live Activities, réalité augmentée, extensions système…).
2. Tu valides le plan. Rien n’est construit avant ton accord.
3. La reconstruction. L’IA reproduit l’app au plus près : même design, même logique, mêmes textes.

Ton dépôt d’origine n’est jamais modifié. Le nouveau projet est une app React Native à part ; tu peux l’enregistrer dans son propre dépôt GitHub quand tu veux, depuis le menu du compte (Sauvegarder sur GitHub).

Bon à savoir

• Dépôt déjà relié à un autre projet : un dépôt ne sert qu’un projet à la fois. Bloxks te prévient avant l’import : déconnecte l’ancien projet (il garde son code, mais ne se sauvegarde plus sur GitHub), ou laisse le nouveau se sauvegarder dans un dépôt à part.
• « Dépôt introuvable » : tu es sans doute connecté avec un autre compte GitHub, ou le dépôt appartient à une organisation qui n’a pas encore autorisé Bloxks. Sur GitHub, va dans Settings → Applications → Authorized OAuth Apps → Bloxks et donne l’accès à l’organisation.
• Importée sans synchronisation : si ton compte peut lire le dépôt mais pas y écrire, l’app est importée mais pas synchronisée. Demande le droit d’écriture au propriétaire, ou crée un fork et importe ton fork.
• Tes secrets ne sont pas importés : ajoute de nouveau tes clés API dans Connexions pour que l’app les utilise en toute sécurité.
• Les monorepos fonctionnent : Bloxks cherche le package.json jusqu’à deux dossiers de profondeur pour reconnaître une app Expo ou React Native.