@rollipop/init 1.0.0-beta.1 → 1.0.0-beta.3

package/README.md

@@ -1 +1,13 @@
 # @rollipop/init
+
+Run from a React Native or Expo project root:
+
+```bash
+yarn dlx @rollipop/init@beta
+yarn install
+```
+
+- Bare projects: logs `bare project detected`, adds the matching `rollipop` version, and configures `react-native.config.js` and `ios/.xcode.env` for Xcode bundle builds. The Xcode setup resolves local or hoisted `node_modules` without running Node before `.xcode.env.local` loads, preserves existing Node settings, and reports custom `CLI_PATH` configurations for manual setup. Projects without `ios` are skipped.
+- Expo projects: logs `expo project detected`, adds matching `rollipop` and `@rollipop/expo` versions, and registers the config plugin in `app.json` or `app.config.json` while preserving existing plugins. Dynamic JS/TS configuration is left unchanged with manual setup instructions.
+
+Expo detection uses the `expo` dependency in `package.json`, including prebuilt projects with native directories. See [Quick Start](https://rollipop.dev/docs/get-started/quick-start) or the [Expo guide](https://rollipop.dev/docs/experimental/expo) for setup and limitations.

package/dist/index.js

@@ -2,12 +2,93 @@ import pc from "picocolors";
 import fs from "node:fs";
 import path from "node:path";
 import { Visitor, parseSync } from "oxc-parser";
-//#region package.json
-var version = "1.0.0-beta.1";
 //#endregion
 //#region src/init.ts
+const { version } = {
+	name: "@rollipop/init",
+	version: "1.0.0-beta.3",
+	homepage: "https://github.com/rollipop-dev/rollipop#readme",
+	bugs: { "url": "https://github.com/rollipop-dev/rollipop/issues" },
+	license: "MIT",
+	author: "leegeunhyeok <dev.ghlee@gmail.com> (https://github.com/leegeunhyeok)",
+	repository: {
+		"type": "git",
+		"url": "git+https://github.com/rollipop-dev/rollipop.git",
+		"directory": "packages/core"
+	},
+	bin: "./bin/index.js",
+	files: ["bin", "dist"],
+	type: "module",
+	scripts: {
+		"execute": "node --import @oxc-node/core/register src/index.ts",
+		"prepack": "yarn build",
+		"typecheck": "tsc --noEmit",
+		"test": "vp test --run --passWithNoTests",
+		"build": "vp pack"
+	},
+	dependencies: {
+		"oxc-parser": "0.151.0",
+		"picocolors": "1.1.1"
+	},
+	devDependencies: {
+		"@oxc-node/core": "^0.1.3",
+		"typescript": "catalog:",
+		"vite-plus": "catalog:vp"
+	},
+	installConfig: { "hoistingLimits": "none" }
+};
 const RN_CONFIG_FILE = "react-native.config.js";
 const COMMANDS_REQUIRE = "require('rollipop/commands')";
+const XCODE_CLI_PATH = "export CLI_PATH=\"$PROJECT_DIR/../node_modules/rollipop/bin/index.js\"";
+const XCODE_ENV_SETUP = [
+	"# Resolve Rollipop without running Node before .xcode.env.local is loaded.",
+	"if [ -z \"${CLI_PATH:-}\" ]; then",
+	"  ROLLIPOP_CLI_ROOT=\"$(cd \"$PROJECT_DIR/..\" && pwd)\"",
+	"  while [ ! -f \"$ROLLIPOP_CLI_ROOT/node_modules/rollipop/bin/index.js\" ] && [ \"$ROLLIPOP_CLI_ROOT\" != / ]; do",
+	"    ROLLIPOP_CLI_ROOT=\"${ROLLIPOP_CLI_ROOT%/*}\"",
+	"    ROLLIPOP_CLI_ROOT=\"${ROLLIPOP_CLI_ROOT:-/}\"",
+	"  done",
+	"  export CLI_PATH=\"$ROLLIPOP_CLI_ROOT/node_modules/rollipop/bin/index.js\"",
+	"  unset ROLLIPOP_CLI_ROOT",
+	"fi"
+].join("\n");
+function detectProject(cwd) {
+	const packageJson = JSON.parse(fs.readFileSync(path.join(cwd, "package.json"), "utf8"));
+	return packageJson.dependencies?.expo || packageJson.devDependencies?.expo ? "expo" : "bare";
+}
+function setupExpoConfig(cwd) {
+	const dynamicConfig = [
+		"ts",
+		"mts",
+		"cts",
+		"mjs",
+		"cjs",
+		"js"
+	].map((extension) => `app.config.${extension}`).find((filename) => fs.existsSync(path.join(cwd, filename)));
+	if (dynamicConfig) return {
+		status: "manual-required",
+		filename: dynamicConfig
+	};
+	const filename = ["app.config.json", "app.json"].find((name) => fs.existsSync(path.join(cwd, name))) ?? "app.json";
+	const configPath = path.join(cwd, filename);
+	const exists = fs.existsSync(configPath);
+	const root = exists ? JSON.parse(fs.readFileSync(configPath, "utf8")) : { expo: {} };
+	if (!root || typeof root !== "object" || Array.isArray(root)) throw new Error(`${filename} must contain an Expo configuration object`);
+	const config = "expo" in root ? root.expo : root;
+	if (!config || typeof config !== "object" || Array.isArray(config)) throw new Error(`${filename}: 'expo' must be an object`);
+	const plugins = config.plugins ?? [];
+	if (!Array.isArray(plugins)) throw new Error(`${filename}: 'plugins' must be an array`);
+	if (plugins.some((plugin) => (Array.isArray(plugin) ? plugin[0] : plugin) === "@rollipop/expo")) return {
+		status: "already-configured",
+		filename
+	};
+	config.plugins = [...plugins, "@rollipop/expo"];
+	fs.writeFileSync(configPath, JSON.stringify(root, null, 2) + "\n");
+	return {
+		status: exists ? "updated" : "created",
+		filename
+	};
+}
 function setupReactNativeConfig(cwd) {
 	const configPath = path.join(cwd, RN_CONFIG_FILE);
 	if (!fs.existsSync(configPath)) {
@@ -27,6 +108,27 @@ function setupReactNativeConfig(cwd) {
 		}
 	}
 }
+function setupXcodeEnv(cwd) {
+	const iosDir = path.join(cwd, "ios");
+	if (!fs.existsSync(iosDir)) return "skipped";
+	const filename = path.join(iosDir, ".xcode.env");
+	const exists = fs.existsSync(filename);
+	const content = exists ? fs.readFileSync(filename, "utf8") : "";
+	const localFilename = `${filename}.local`;
+	const local = fs.existsSync(localFilename) ? fs.readFileSync(localFilename, "utf8") : "";
+	const hasCliPath = (source) => source.split(/\r?\n/).some((line) => !line.trimStart().startsWith("#") && /\bCLI_PATH\b/.test(line));
+	const hasProjectOverride = fs.readdirSync(iosDir).some((entry) => {
+		const projectFile = path.join(iosDir, entry, "project.pbxproj");
+		return entry.endsWith(".xcodeproj") && fs.existsSync(projectFile) && /\bCLI_PATH\b/.test(fs.readFileSync(projectFile, "utf8"));
+	});
+	if (hasCliPath(local) || hasProjectOverride) return "manual-required";
+	const configured = content.includes(XCODE_ENV_SETUP) || content.split(/\r?\n/).includes(XCODE_CLI_PATH);
+	if (hasCliPath(content.replace(XCODE_ENV_SETUP, "").replace(XCODE_CLI_PATH, ""))) return "manual-required";
+	if (configured) return "already-configured";
+	const separator = content.length > 0 && !content.endsWith("\n") ? "\n" : "";
+	fs.writeFileSync(filename, `${content}${separator}${XCODE_ENV_SETUP}\n`);
+	return exists ? "updated" : "created";
+}
 function analyzeConfig(content) {
 	const { program, comments } = parseSync("react-native.config.js", content);
 	let moduleExportsAssignment = null;
@@ -90,11 +192,16 @@ function applyInjection(content, insertOffset, needsComma) {
 function setupPackage(cwd) {
 	const packageJsonPath = path.join(cwd, "package.json");
 	const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, "utf8"));
+	const dependencies = {
+		rollipop: version,
+		...detectProject(cwd) === "expo" ? { "@rollipop/expo": version } : {}
+	};
 	packageJson.devDependencies = {
 		...packageJson.devDependencies,
-		rollipop: version
+		...dependencies
 	};
 	fs.writeFileSync(packageJsonPath, JSON.stringify(packageJson, null, 2) + "\n");
+	return Object.keys(dependencies);
 }
 //#endregion
 //#region src/index.ts
@@ -114,43 +221,84 @@ const logger = {
 };
 console.log(`\n${pc.bold(pc.cyan("rollipop"))} ${pc.dim("— Modern build toolkit for React Native")}\n`);
 const cwd = process.cwd();
+let projectType;
+try {
+	projectType = detectProject(cwd);
+} catch (error) {
+	logger.error("Project detection failed", error);
+	process.exit(1);
+}
+logger.info(`${projectType} project detected`);
 let failed = false;
 let hasWarning = false;
+const guideUrl = projectType === "expo" ? "https://rollipop.dev/docs/experimental/expo" : "https://rollipop.dev/docs/get-started/quick-start";
 try {
-	switch (setupReactNativeConfig(cwd)) {
+	const { status, filename } = projectType === "expo" ? setupExpoConfig(cwd) : {
+		status: setupReactNativeConfig(cwd),
+		filename: "react-native.config.js"
+	};
+	switch (status) {
 		case "created":
-			logger.success(`Created ${pc.bold("react-native.config.js")}`);
+			logger.success(`Created ${pc.bold(filename)}`);
 			break;
 		case "updated":
-			logger.success(`Updated ${pc.bold("react-native.config.js")}`);
+			logger.success(`Updated ${pc.bold(filename)}`);
 			break;
 		case "already-configured":
-			logger.info(`${pc.bold("react-native.config.js")} already configured`);
+			logger.info(`${pc.bold(filename)} already configured`);
+			break;
+		case "manual-required":
+			hasWarning = true;
+			if (projectType === "expo") {
+				logger.warn(`Could not auto-configure dynamic Expo config: ${pc.bold(filename)}`);
+				console.log(`  Add ${pc.green("'@rollipop/expo'")} to the exported config's ${pc.bold("plugins")} array, keeping existing entries.`);
+			} else {
+				logger.warn(`Could not auto-configure: ${pc.bold("module.exports")} is not a plain object`);
+				console.log(`  ${pc.dim("Add the following to your")} ${pc.bold(filename)}${pc.dim(":")}\n  ${pc.green("commands: require('rollipop/commands')")}`);
+			}
+	}
+} catch (error) {
+	logger.error(projectType === "expo" ? "Expo setup failed" : "React Native CLI setup failed", error);
+	failed ||= true;
+}
+if (projectType === "bare") try {
+	const status = setupXcodeEnv(cwd);
+	switch (status) {
+		case "created":
+		case "updated":
+			logger.success(`${status === "created" ? "Created" : "Updated"} ${pc.bold("ios/.xcode.env")}`);
+			break;
+		case "already-configured":
+			logger.info(`${pc.bold("ios/.xcode.env")} already configured`);
+			break;
+		case "skipped":
+			logger.info("No ios directory; skipped Xcode bundle setup");
 			break;
 		case "manual-required":
 			hasWarning = true;
-			logger.warn(`Could not auto-configure: ${pc.bold("module.exports")} is not a plain object`);
-			console.log(`  ${pc.dim("Add the following to your")} ${pc.bold("react-native.config.js")}${pc.dim(":")}\n  ${pc.green("commands: require('rollipop/commands'")})`);
+			logger.warn("Existing CLI_PATH configuration requires manual Xcode bundle setup");
+			console.log(`  Point ${pc.bold("CLI_PATH")} to ${pc.green("rollipop/bin/index.js")} in your Xcode environment or bundle phase, keeping your Node setup.`);
 	}
 } catch (error) {
-	logger.error("React Native CLI setup failed", error);
+	logger.error("Xcode bundle setup failed", error);
 	failed ||= true;
 }
 if (hasWarning || failed) console.log();
 try {
-	setupPackage(cwd);
-	logger.success(`Added ${pc.bold("rollipop")} to ${pc.bold("devDependencies")}`);
+	const dependencies = setupPackage(cwd);
+	logger.success(`Added ${dependencies.map((dependency) => pc.bold(dependency)).join(", ")} to ${pc.bold("devDependencies")}`);
 } catch (error) {
 	logger.error("Package setup failed", error);
 	failed ||= true;
 }
 if (failed) {
-	console.log("\n" + pc.red("Setup failed.") + ` Follow the manual guide: ${pc.underline(pc.cyan("https://rollipop.dev/docs/get-started/quick-start"))}`);
+	console.log("\n" + pc.red("Setup failed.") + ` Follow the manual guide: ${pc.underline(pc.cyan(guideUrl))}`);
 	process.exit(1);
 }
-logger.success(pc.bold("Setup completed!"));
+if (hasWarning) logger.warn("Manual configuration is required to finish setup.");
+else logger.success(pc.bold("Setup completed!"));
 console.log();
 console.log(`  ${pc.dim("Install dependencies manually to finish setup.")}`);
-console.log(`  ${pc.dim("See")} ${pc.underline(pc.cyan("https://rollipop.dev"))} ${pc.dim("for configuration details.")}`);
+console.log(`  ${pc.dim("See")} ${pc.underline(pc.cyan(guideUrl))} ${pc.dim("for configuration details.")}`);
 //#endregion
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rollipop/init",
-  "version": "1.0.0-beta.1",
+  "version": "1.0.0-beta.3",
   "homepage": "https://github.com/rollipop-dev/rollipop#readme",
   "bugs": {
     "url": "https://github.com/rollipop-dev/rollipop/issues"
@@ -32,7 +32,7 @@
   "devDependencies": {
     "@oxc-node/core": "^0.1.3",
     "typescript": "7.0.2",
-    "vite-plus": "0.3.3"
+    "vite-plus": "1.3.0"
   },
   "installConfig": {
     "hoistingLimits": "none"