create-pika-minigame 1.5.0 → 1.7.0

package/bin/cli.js

@@ -197,10 +197,16 @@ ${colors.reset}
   const templatesDir = path.join(__dirname, '..', 'templates');
   const srcTemplateDir = path.join(templatesDir, 'src');
   const devTemplateDir = path.join(templatesDir, 'dev');
+  const scriptsTemplateDir = path.join(templatesDir, 'scripts');
+
+  // Convert project name to snake_case for Module Federation scope
+  const snakeName = projectName.replace(/-/g, '_').toLowerCase();
 
   const replacements = {
     PROJECT_NAME: projectName,
+    PROJECT_NAME_KEBAB: projectName.toLowerCase(),
     PROJECT_NAME_PASCAL: pascalName,
+    PROJECT_NAME_SNAKE: snakeName,
   };
 
   // Copy src folder
@@ -213,11 +219,32 @@ ${colors.reset}
     copyDir(devTemplateDir, path.join(targetDir, 'dev'), replacements);
   }
 
+  // Copy scripts folder
+  if (fs.existsSync(scriptsTemplateDir)) {
+    copyDir(scriptsTemplateDir, path.join(targetDir, 'scripts'), replacements);
+    // Make deploy script executable
+    const deployScript = path.join(targetDir, 'scripts', 'deploy-vercel.sh');
+    if (fs.existsSync(deployScript)) {
+      fs.chmodSync(deployScript, '755');
+    }
+  }
+
+  // Copy Re.Pack config files
+  const repackConfigFiles = ['react-native.config.js', 'rspack.config.mjs'];
+  for (const configFile of repackConfigFiles) {
+    const src = path.join(templatesDir, configFile);
+    if (fs.existsSync(src)) {
+      const content = fs.readFileSync(src, 'utf8');
+      const processed = processTemplate(content, replacements);
+      fs.writeFileSync(path.join(targetDir, configFile), processed);
+    }
+  }
+
   // Step 3: Patch Podfile for fmt compatibility
   log.step(3, 'Patching for Xcode compatibility...');
   patchPodfile(targetDir);
 
-  // Step 4: Update package.json with additional dependencies
+  // Step 4: Update package.json with additional dependencies and scripts
   log.step(4, 'Updating package.json...');
 
   const pkgPath = path.join(targetDir, 'package.json');
@@ -230,7 +257,23 @@ ${colors.reset}
     'react-native-safe-area-context': '4.12.0',
   };
 
-  // No additional scripts needed - fmt fix is automatic in Podfile
+  pkg.devDependencies = {
+    ...pkg.devDependencies,
+    '@callstack/repack': '^5.0.0',
+    'serve': '^14.2.0',
+  };
+
+  // Add build and deploy scripts
+  pkg.scripts = {
+    ...pkg.scripts,
+    'build:ios': `npx react-native webpack-bundle --platform ios --entry-file index.js --dev false --bundle-output build/outputs/ios/remotes/${snakeName}.container.js.bundle`,
+    'build:android': `npx react-native webpack-bundle --platform android --entry-file index.js --dev false --bundle-output build/outputs/android/remotes/${snakeName}.container.js.bundle`,
+    'build:all': 'npm run build:ios && npm run build:android',
+    'serve:ios': 'npx serve build/outputs/ios/remotes -l 9000 --cors',
+    'serve:android': 'npx serve build/outputs/android/remotes -l 9000 --cors',
+    'deploy': './scripts/deploy-vercel.sh',
+    'deploy:prod': './scripts/deploy-vercel.sh --prod',
+  };
 
   fs.writeFileSync(pkgPath, JSON.stringify(pkg, null, 2));
 
@@ -248,14 +291,17 @@ ${colors.bright}Next steps:${colors.reset}
 
 ${colors.bright}Available commands:${colors.reset}
 
-  ${colors.cyan}npm run ios${colors.reset}       Run on iOS simulator
-  ${colors.cyan}npm run android${colors.reset}   Run on Android emulator
-  ${colors.cyan}npm start${colors.reset}         Start Metro bundler
+  ${colors.cyan}npm run ios${colors.reset}         Run on iOS simulator
+  ${colors.cyan}npm run android${colors.reset}     Run on Android emulator
+  ${colors.cyan}npm start${colors.reset}           Start Metro bundler
+  ${colors.cyan}npm run deploy${colors.reset}      Deploy to Vercel (preview)
+  ${colors.cyan}npm run deploy:prod${colors.reset} Deploy to Vercel (production)
 
 ${colors.bright}Project structure:${colors.reset}
 
   src/           Game source code (edit this!)
   dev/           Development helpers (MockHost)
+  scripts/       Deploy scripts
 
 Happy coding! ${colors.yellow}🎮${colors.reset}
 `);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-pika-minigame",
-  "version": "1.5.0",
+  "version": "1.7.0",
   "description": "CLI to scaffold Pika mini-game projects (bare React Native 0.77)",
   "author": "Pika Team",
   "license": "MIT",

package/templates/react-native.config.js

@@ -0,0 +1,5 @@
+const {getCommands} = require('@callstack/repack/commands');
+
+module.exports = {
+  commands: getCommands(),
+};