@rngpui/craby-devkit 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Geunhyeok LEE
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,52 @@
+# @rngpui/craby-devkit
+
+Development kit for Craby
+
+## Installation
+
+```bash
+npm install @rngpui/craby-devkit
+# or
+pnpm add @rngpui/craby-devkit
+# or
+yarn add @rngpui/craby-devkit
+```
+
+## Example
+
+### React Native
+
+```js
+// react-native.config.js
+const path = require('node:path');
+const { withWorkspaceModule } = require('@rngpui/craby-devkit');
+
+const modulePackagePath = path.resolve(__dirname, '../craby-test');
+const config = {};
+
+module.exports = withWorkspaceModule(config, modulePackagePath);
+```
+
+### Metro
+
+```js
+// metro.config.js
+const { getMetroConfig } = require('@rngpui/craby-devkit');
+const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config');
+
+/**
+ * Metro configuration
+ * https://reactnative.dev/docs/metro
+ *
+ * @type {import('metro-config').MetroConfig}
+ */
+const config = getMetroConfig(__dirname);
+
+module.exports = mergeConfig(getDefaultConfig(__dirname), config);
+```
+
+Visit [https://craby.rs](https://craby.rs) for full documentation.
+
+## License
+
+[MIT](LICENSE)

package/dist/index.cjs

@@ -0,0 +1,138 @@
+//#region rolldown:runtime
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+			key = keys[i];
+			if (!__hasOwnProp.call(to, key) && key !== except) {
+				__defProp(to, key, {
+					get: ((k) => from[k]).bind(null, key),
+					enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+				});
+			}
+		}
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+
+//#endregion
+let node_fs = require("node:fs");
+node_fs = __toESM(node_fs);
+let node_path = require("node:path");
+node_path = __toESM(node_path);
+let oxc_resolver = require("oxc-resolver");
+
+//#region src/utils.ts
+function getWorkspaceRoot(rootDir) {
+	while (node_path.default.dirname(rootDir) !== rootDir) {
+		const packageJsonPath = node_path.default.join(rootDir, "package.json");
+		if (node_fs.default.existsSync(packageJsonPath)) {
+			const rawPackageJson = node_fs.default.readFileSync(packageJsonPath, "utf8");
+			const packageJson = JSON.parse(rawPackageJson);
+			if (Array.isArray(packageJson.workspaces)) return rootDir;
+		}
+		rootDir = node_path.default.dirname(rootDir);
+	}
+	return null;
+}
+
+//#endregion
+//#region src/metro/resolver.ts
+const DEFAULT_ROOT_MODULES = ["react", "react-native"];
+const resolvers = /* @__PURE__ */ new Map();
+function createResolver(options) {
+	function createResolverImpl(context, platform, rootPath) {
+		const rootModules = options.rootModules ?? DEFAULT_ROOT_MODULES;
+		const baseExtensions = context.sourceExts.map((extension) => `.${extension}`);
+		let finalExtensions = [...baseExtensions];
+		if (context.preferNativePlatform) finalExtensions = [...baseExtensions.map((extension) => `.native${extension}`), ...finalExtensions];
+		if (platform) finalExtensions = [...baseExtensions.map((extension) => `.${platform}${extension}`), ...finalExtensions];
+		const resolver = new oxc_resolver.ResolverFactory({
+			extensions: finalExtensions,
+			conditionNames: [
+				"react-native",
+				"require",
+				"node",
+				"default"
+			],
+			mainFields: [
+				"react-native",
+				"browser",
+				"main"
+			]
+		});
+		function resolveSync(resolveDir, request) {
+			const resolved = resolver.sync(resolveDir, request);
+			if (resolved.path == null) throw new Error(`Failed to resolve '${request}' from '${resolveDir}'`);
+			return resolved.path;
+		}
+		function resolve(context$1, request) {
+			for (const target of rootModules) if (request === target || request.startsWith(`${target}/`)) return {
+				type: "sourceFile",
+				filePath: resolveSync(rootPath, request)
+			};
+			return {
+				type: "sourceFile",
+				filePath: resolveSync(node_path.default.dirname(context$1.originModulePath), request)
+			};
+		}
+		return resolve;
+	}
+	return function resolve(context, request, platform) {
+		let resolver = resolvers.get(platform);
+		if (resolver == null) {
+			resolver = createResolverImpl(context, platform, options.rootPath);
+			resolvers.set(platform, resolver);
+		}
+		return resolver(context, request, platform);
+	};
+}
+
+//#endregion
+//#region src/metro/config.ts
+function getMetroConfig(rootDir, options) {
+	return {
+		projectRoot: rootDir,
+		watchFolders: [getWorkspaceRoot(rootDir)],
+		resolver: {
+			sourceExts: [
+				"ts",
+				"tsx",
+				"js",
+				"jsx",
+				"json"
+			],
+			resolveRequest: createResolver({
+				rootPath: rootDir,
+				...options?.resolverOptions
+			})
+		}
+	};
+}
+
+//#endregion
+//#region src/react-native/config.ts
+function withWorkspaceModule(config, modulePackagePath) {
+	const rawPackageJson = node_fs.default.readFileSync(node_path.default.join(modulePackagePath, "package.json"), "utf8");
+	const name = JSON.parse(rawPackageJson).name;
+	return {
+		...config,
+		dependencies: {
+			...config.dependencies,
+			[name]: { root: modulePackagePath }
+		}
+	};
+}
+
+//#endregion
+exports.getMetroConfig = getMetroConfig;
+exports.withWorkspaceModule = withWorkspaceModule;

package/dist/index.d.cts

@@ -0,0 +1,43 @@
+//#region src/metro/resolver.d.ts
+interface CreateResolverOptions {
+  rootPath: string;
+  rootModules?: string[];
+}
+/**
+ * @see https://github.com/facebook/metro/blob/v0.83.3/packages/metro-resolver/types/types.d.ts#L195-L199
+ */
+type CustomResolver = (context: CustomResolutionContext, moduleName: string, platform: string | null) => Resolution;
+type SourceFileResolution = Readonly<{
+  type: 'sourceFile';
+  filePath: string;
+}>;
+type AssetFileResolution = ReadonlyArray<string>;
+type AssetResolution = Readonly<{
+  type: 'assetFiles';
+  filePaths: AssetFileResolution;
+}>;
+type Resolution = AssetResolution | SourceFileResolution;
+interface CustomResolutionContext {
+  sourceExts: string[];
+  originModulePath: string;
+  preferNativePlatform?: boolean;
+}
+//#endregion
+//#region src/metro/config.d.ts
+interface GetMetroConfigOptions {
+  resolverOptions?: Omit<CreateResolverOptions, 'rootPath'>;
+}
+declare function getMetroConfig(rootDir: string, options: GetMetroConfigOptions): {
+  projectRoot: string;
+  watchFolders: (string | null)[];
+  resolver: {
+    sourceExts: string[];
+    resolveRequest: CustomResolver;
+  };
+};
+//#endregion
+//#region src/react-native/config.d.ts
+type ReactNativeConfig = any;
+declare function withWorkspaceModule(config: ReactNativeConfig, modulePackagePath: string): any;
+//#endregion
+export { getMetroConfig, withWorkspaceModule };

package/dist/index.d.ts

@@ -0,0 +1,43 @@
+//#region src/metro/resolver.d.ts
+interface CreateResolverOptions {
+  rootPath: string;
+  rootModules?: string[];
+}
+/**
+ * @see https://github.com/facebook/metro/blob/v0.83.3/packages/metro-resolver/types/types.d.ts#L195-L199
+ */
+type CustomResolver = (context: CustomResolutionContext, moduleName: string, platform: string | null) => Resolution;
+type SourceFileResolution = Readonly<{
+  type: 'sourceFile';
+  filePath: string;
+}>;
+type AssetFileResolution = ReadonlyArray<string>;
+type AssetResolution = Readonly<{
+  type: 'assetFiles';
+  filePaths: AssetFileResolution;
+}>;
+type Resolution = AssetResolution | SourceFileResolution;
+interface CustomResolutionContext {
+  sourceExts: string[];
+  originModulePath: string;
+  preferNativePlatform?: boolean;
+}
+//#endregion
+//#region src/metro/config.d.ts
+interface GetMetroConfigOptions {
+  resolverOptions?: Omit<CreateResolverOptions, 'rootPath'>;
+}
+declare function getMetroConfig(rootDir: string, options: GetMetroConfigOptions): {
+  projectRoot: string;
+  watchFolders: (string | null)[];
+  resolver: {
+    sourceExts: string[];
+    resolveRequest: CustomResolver;
+  };
+};
+//#endregion
+//#region src/react-native/config.d.ts
+type ReactNativeConfig = any;
+declare function withWorkspaceModule(config: ReactNativeConfig, modulePackagePath: string): any;
+//#endregion
+export { getMetroConfig, withWorkspaceModule };

package/dist/index.js

@@ -0,0 +1,108 @@
+import fs from "node:fs";
+import path from "node:path";
+import { ResolverFactory } from "oxc-resolver";
+
+//#region src/utils.ts
+function getWorkspaceRoot(rootDir) {
+	while (path.dirname(rootDir) !== rootDir) {
+		const packageJsonPath = path.join(rootDir, "package.json");
+		if (fs.existsSync(packageJsonPath)) {
+			const rawPackageJson = fs.readFileSync(packageJsonPath, "utf8");
+			const packageJson = JSON.parse(rawPackageJson);
+			if (Array.isArray(packageJson.workspaces)) return rootDir;
+		}
+		rootDir = path.dirname(rootDir);
+	}
+	return null;
+}
+
+//#endregion
+//#region src/metro/resolver.ts
+const DEFAULT_ROOT_MODULES = ["react", "react-native"];
+const resolvers = /* @__PURE__ */ new Map();
+function createResolver(options) {
+	function createResolverImpl(context, platform, rootPath) {
+		const rootModules = options.rootModules ?? DEFAULT_ROOT_MODULES;
+		const baseExtensions = context.sourceExts.map((extension) => `.${extension}`);
+		let finalExtensions = [...baseExtensions];
+		if (context.preferNativePlatform) finalExtensions = [...baseExtensions.map((extension) => `.native${extension}`), ...finalExtensions];
+		if (platform) finalExtensions = [...baseExtensions.map((extension) => `.${platform}${extension}`), ...finalExtensions];
+		const resolver = new ResolverFactory({
+			extensions: finalExtensions,
+			conditionNames: [
+				"react-native",
+				"require",
+				"node",
+				"default"
+			],
+			mainFields: [
+				"react-native",
+				"browser",
+				"main"
+			]
+		});
+		function resolveSync(resolveDir, request) {
+			const resolved = resolver.sync(resolveDir, request);
+			if (resolved.path == null) throw new Error(`Failed to resolve '${request}' from '${resolveDir}'`);
+			return resolved.path;
+		}
+		function resolve(context$1, request) {
+			for (const target of rootModules) if (request === target || request.startsWith(`${target}/`)) return {
+				type: "sourceFile",
+				filePath: resolveSync(rootPath, request)
+			};
+			return {
+				type: "sourceFile",
+				filePath: resolveSync(path.dirname(context$1.originModulePath), request)
+			};
+		}
+		return resolve;
+	}
+	return function resolve(context, request, platform) {
+		let resolver = resolvers.get(platform);
+		if (resolver == null) {
+			resolver = createResolverImpl(context, platform, options.rootPath);
+			resolvers.set(platform, resolver);
+		}
+		return resolver(context, request, platform);
+	};
+}
+
+//#endregion
+//#region src/metro/config.ts
+function getMetroConfig(rootDir, options) {
+	return {
+		projectRoot: rootDir,
+		watchFolders: [getWorkspaceRoot(rootDir)],
+		resolver: {
+			sourceExts: [
+				"ts",
+				"tsx",
+				"js",
+				"jsx",
+				"json"
+			],
+			resolveRequest: createResolver({
+				rootPath: rootDir,
+				...options?.resolverOptions
+			})
+		}
+	};
+}
+
+//#endregion
+//#region src/react-native/config.ts
+function withWorkspaceModule(config, modulePackagePath) {
+	const rawPackageJson = fs.readFileSync(path.join(modulePackagePath, "package.json"), "utf8");
+	const name = JSON.parse(rawPackageJson).name;
+	return {
+		...config,
+		dependencies: {
+			...config.dependencies,
+			[name]: { root: modulePackagePath }
+		}
+	};
+}
+
+//#endregion
+export { getMetroConfig, withWorkspaceModule };

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@rngpui/craby-devkit",
+  "version": "0.1.0",
+  "description": "Development kit for Craby",
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    },
+    "./package.json": "./package.json"
+  },
+  "scripts": {
+    "prepack": "yarn build",
+    "typecheck": "tsc --noEmit",
+    "build": "tsdown"
+  },
+  "files": [
+    "dist"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/rngpui/craby.git",
+    "directory": "packages/craby-devkit"
+  },
+  "author": "leegeunhyeok <dev.ghlee@gmail.com> (https://github.com/leegeunhyeok)",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/rngpui/craby/issues"
+  },
+  "homepage": "https://github.com/rngpui/craby#readme",
+  "dependencies": {
+    "oxc-resolver": "^11.11.1"
+  },
+  "devDependencies": {
+    "tsdown": "^0.17.0-beta.4",
+    "typescript": "^5.9.3"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}