rollipop 0.1.0-dev.20260424074146 → 1.0.0-alpha.21

package/dist/runtime.cjs

@@ -26,8 +26,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 //#region src/runtime.ts
 function setCustomHMRHandler(_) {
 	if (__DEV__) {
-		if (__ROLLIPOP_GLOBAL__.__ROLLIPOP_CUSTOM_HMR_HANDLER__ != null) console.warn("Custom HMR handler already set. replacing existing handler.");
-		__ROLLIPOP_GLOBAL__.__ROLLIPOP_CUSTOM_HMR_HANDLER__ = _;
+		if (global.__ROLLIPOP_CUSTOM_HMR_HANDLER__ != null) console.warn("Custom HMR handler already set. replacing existing handler.");
+		global.__ROLLIPOP_CUSTOM_HMR_HANDLER__ = _;
 	}
 }
 //#endregion

package/dist/runtime.js

@@ -2,8 +2,8 @@ import "./chunk-DXpK5_cz.js";
 //#region src/runtime.ts
 function setCustomHMRHandler(_) {
 	if (__DEV__) {
-		if (__ROLLIPOP_GLOBAL__.__ROLLIPOP_CUSTOM_HMR_HANDLER__ != null) console.warn("Custom HMR handler already set. replacing existing handler.");
-		__ROLLIPOP_GLOBAL__.__ROLLIPOP_CUSTOM_HMR_HANDLER__ = _;
+		if (global.__ROLLIPOP_CUSTOM_HMR_HANDLER__ != null) console.warn("Custom HMR handler already set. replacing existing handler.");
+		global.__ROLLIPOP_CUSTOM_HMR_HANDLER__ = _;
 	}
 }
 //#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rollipop",
-  "version": "0.1.0-dev.20260424074146",
+  "version": "1.0.0-alpha.21",
   "homepage": "https://github.com/leegeunhyeok/rollipop#readme",
   "bugs": {
     "url": "https://github.com/leegeunhyeok/rollipop/issues"
@@ -17,7 +17,7 @@
     "client.d.ts",
     "bin",
     "dist",
-    "src/runtime/hmr-client.ts"
+    "src/runtime/**"
   ],
   "type": "module",
   "main": "./dist/index.js",
@@ -41,16 +41,6 @@
       "types": "./dist/pluginutils.d.ts",
       "default": "./dist/pluginutils.js"
     },
-    "./plugins": {
-      "import": {
-        "types": "./dist/plugins.d.ts",
-        "default": "./dist/plugins.js"
-      },
-      "require": {
-        "types": "./dist/plugins.d.cts",
-        "default": "./dist/plugins.cjs"
-      }
-    },
     "./runtime": {
       "import": {
         "types": "./dist/runtime.d.ts",
@@ -89,10 +79,8 @@
     "@react-native-community/cli-types": "^20.1.2",
     "@react-native/babel-plugin-codegen": "^0.84.1",
     "@react-native/dev-middleware": "^0.84.1",
-    "@rollipop/rolldown": "1.0.0-rc.6",
-    "@rollipop/rolldown-pluginutils": "1.0.0-rc.6",
-    "@svgr/core": "^8.1.0",
-    "@svgr/plugin-jsx": "^8.1.0",
+    "@rollipop/rolldown": "1.0.8",
+    "@rollipop/rolldown-pluginutils": "1.0.8",
     "@swc/core": "^1.15.18",
     "@swc/helpers": "^0.5.19",
     "@types/ws": "^8",
@@ -127,8 +115,7 @@
     "@types/babel__core": "^7",
     "@types/babel__generator": "^7",
     "magic-string": "^0.30.21",
-    "typescript": "5.9.3",
+    "typescript": "6.0.3",
     "vite-plus": "latest"
-  },
-  "stableVersion": "0.1.0-alpha.17"
+  }
 }

package/src/runtime/hmr-runtime.ts

@@ -0,0 +1,271 @@
+import mitt from 'mitt';
+
+import type {
+  DevRuntime as DefaultDevRuntime,
+  DevRuntimeMessenger,
+  HMRClientMessage,
+  HMRCustomHandler,
+  HMRCustomMessage,
+  HMRServerMessage,
+  HMRContext,
+} from '../types/hmr';
+import { enqueueUpdate, isReactRefreshBoundary } from './react-refresh-utils';
+
+declare global {
+  var __rolldown_runtime__: ReactNativeDevRuntime;
+  var __turboModuleProxy: (moduleName: string) => any;
+  var globalEvalWithSourceUrl: (code: string, sourceURL?: string) => void;
+  var nativeModuleProxy: Record<string, any>;
+  var __ReactRefresh: any;
+}
+
+declare global {
+  var __ROLLIPOP_CUSTOM_HMR_HANDLER__: HMRCustomHandler | undefined;
+}
+
+// DO NOT EDIT THIS CLASS NAME (`DevRuntime`)
+declare const DevRuntime: typeof DefaultDevRuntime;
+
+var BaseDevRuntime = DevRuntime;
+
+class ModuleHotContext implements HMRContext {
+  private readonly removeListeners: (() => void)[] = [];
+  acceptCallbacks: { deps: string[]; fn: (moduleExports: Record<string, any>[]) => void }[] = [];
+
+  constructor(
+    private moduleId: string,
+    private socketHolder: SocketHolder,
+  ) {}
+
+  get refresh() {
+    return globalThis.__ReactRefresh;
+  }
+
+  get refreshUtils() {
+    return {
+      isReactRefreshBoundary,
+      enqueueUpdate,
+    };
+  }
+
+  accept(...args: any[]) {
+    if (args.length === 1) {
+      const [cb] = args;
+      const acceptingPath = this.moduleId;
+      this.acceptCallbacks.push({
+        deps: [acceptingPath],
+        fn: cb,
+      });
+    } else if (args.length === 0) {
+      // noop
+    } else {
+      throw new Error('Invalid arguments for `import.meta.hot.accept`');
+    }
+  }
+
+  invalidate() {
+    this.socketHolder.send(
+      JSON.stringify({
+        type: 'hmr:invalidate',
+        moduleId: this.moduleId,
+      } satisfies HMRClientMessage),
+    );
+  }
+
+  on(event: string, listener: (...args: any[]) => void) {
+    this.socketHolder.on(event, listener);
+    this.removeListeners.push(() => this.socketHolder.off(event, listener));
+  }
+
+  off(event: string, listener: (...args: any[]) => void) {
+    this.socketHolder.off(event, listener);
+  }
+
+  send(type: string, payload?: unknown) {
+    this.socketHolder.send(JSON.stringify({ type, payload }));
+  }
+
+  cleanup() {
+    for (const removeListener of this.removeListeners) {
+      removeListener();
+    }
+    this.removeListeners.length = 0;
+  }
+}
+
+class SocketHolder {
+  private readonly queuedMessages: string[] = [];
+  private readonly emitter = mitt();
+  private _socket: WebSocket | null = null;
+  private _origin: string | null = null;
+
+  get socket() {
+    return this._socket;
+  }
+
+  get origin() {
+    return this._origin;
+  }
+
+  setup(socket: WebSocket, origin: string) {
+    this._socket = socket;
+    this._origin = origin;
+
+    if (socket.readyState !== WebSocket.OPEN) {
+      socket.addEventListener('open', () => this.flushQueuedMessages(), { once: true });
+    } else {
+      this.flushQueuedMessages();
+    }
+  }
+
+  on(event: string, listener: (payload?: unknown) => void) {
+    this.emitter.on(event, listener);
+  }
+
+  off(event: string, listener: (payload?: unknown) => void) {
+    this.emitter.off(event, listener);
+  }
+
+  emit(event: string, payload?: unknown) {
+    this.emitter.emit(event, payload);
+  }
+
+  send(message: string) {
+    if (this._socket == null || this._socket.readyState !== WebSocket.OPEN) {
+      this.queuedMessages.push(message);
+      return;
+    }
+    this.flushQueuedMessages();
+    this._socket.send(message);
+  }
+
+  flushQueuedMessages() {
+    if (this._socket == null) {
+      return;
+    }
+    for (const message of this.queuedMessages) {
+      this._socket.send(message);
+    }
+    this.queuedMessages.length = 0;
+  }
+
+  close() {
+    if (this._socket == null) {
+      return;
+    }
+    this._socket.close();
+  }
+}
+
+class ReactNativeDevRuntime extends BaseDevRuntime {
+  socketHolder: SocketHolder;
+  moduleHotContexts = new Map<string, ModuleHotContext>();
+  moduleHotContextsToBeUpdated = new Map<string, ModuleHotContext>();
+
+  constructor() {
+    const socketHolder = new SocketHolder();
+    const messenger: DevRuntimeMessenger = {
+      send: (message) => socketHolder.send(JSON.stringify(message)),
+    };
+    super(messenger);
+    this.socketHolder = socketHolder;
+  }
+
+  createModuleHotContext(moduleId: string) {
+    const hotContext = new ModuleHotContext(moduleId, this.socketHolder);
+    if (this.moduleHotContexts.has(moduleId)) {
+      this.moduleHotContextsToBeUpdated.set(moduleId, hotContext);
+    } else {
+      this.moduleHotContexts.set(moduleId, hotContext);
+    }
+    return hotContext;
+  }
+
+  applyUpdates(boundaries: [string, string][]) {
+    for (let [moduleId, _acceptedVia] of boundaries) {
+      const hotContext = this.moduleHotContexts.get(moduleId);
+      if (hotContext) {
+        const acceptCallbacks = hotContext.acceptCallbacks;
+        acceptCallbacks.filter((cb) => {
+          cb.fn(this.modules[moduleId].exports);
+        });
+        hotContext.cleanup();
+      }
+    }
+    this.moduleHotContextsToBeUpdated.forEach((hotContext, moduleId) => {
+      this.moduleHotContexts.set(moduleId, hotContext);
+    });
+    this.moduleHotContextsToBeUpdated.clear();
+  }
+
+  setup(socket: WebSocket, origin: string) {
+    if (this.socketHolder.socket != null) {
+      console.warn('[HMR]: ReactNativeDevRuntime already setup');
+      return;
+    }
+
+    this.socketHolder.setup(socket, origin);
+
+    socket.addEventListener('message', (event: MessageEvent) => {
+      const message = JSON.parse(event.data) as HMRServerMessage;
+
+      if (isCustomHMRMessage(message)) {
+        debug(`[HMR]: Custom HMR message received: ${message.type}`);
+        this.socketHolder.emit(message.type, message.payload);
+        globalThis.__ROLLIPOP_CUSTOM_HMR_HANDLER__?.(socket, message);
+        return;
+      }
+
+      switch (message.type) {
+        case 'hmr:update':
+          this.evaluate(message.code);
+          break;
+
+        case 'hmr:reload':
+          this.reload();
+          break;
+      }
+    });
+  }
+
+  private evaluate(code: string, sourceURL?: string) {
+    debug(`[HMR]: Evaluating code\n${code}`);
+    if (globalThis.globalEvalWithSourceUrl) {
+      globalThis.globalEvalWithSourceUrl(code, sourceURL);
+    } else {
+      // oxlint-disable-next-line no-eval
+      eval(code);
+    }
+  }
+
+  private reload() {
+    debug(`[HMR]: Reloading`);
+    const moduleName = 'DevSettings';
+    (globalThis.__turboModuleProxy
+      ? globalThis.__turboModuleProxy(moduleName)
+      : globalThis.nativeModuleProxy[moduleName]
+    ).reload();
+  }
+}
+
+function debug(...args: any[]) {
+  if (process.env.DEBUG_ROLLIPOP) {
+    console.log(...args);
+  }
+}
+
+function isCustomHMRMessage(message: unknown): message is HMRCustomMessage {
+  if (typeof message !== 'object' || message == null) {
+    return false;
+  }
+
+  if ('type' in message && typeof message.type === 'string' && message.type.startsWith('hmr:')) {
+    return false;
+  }
+
+  return true;
+}
+
+globalThis.__rolldown_runtime__ ??= new ReactNativeDevRuntime();
+
+export type { DevRuntime };

package/src/runtime/react-native-core.d.ts

@@ -0,0 +1,37 @@
+declare module '*/LogBox' {
+  const LogBox: { clearAllLogs: () => void };
+
+  export default LogBox;
+}
+
+declare module '*/NativeRedBox' {
+  const NativeRedBox: { dismiss?: () => void };
+
+  export default NativeRedBox;
+}
+
+declare module '*/DevLoadingView' {
+  const DevLoadingView: {
+    showMessage: (message: string, type: string, options?: { dismissButton?: boolean }) => void;
+    hide: () => void;
+  };
+
+  export default DevLoadingView;
+}
+
+declare module '*/Platform' {
+  const Platform: { OS: string };
+
+  export default Platform;
+}
+
+declare module 'pretty-format' {
+  const prettyFormat: {
+    format: (value: any, options?: any) => string;
+    plugins: {
+      ReactElement: any;
+    };
+  };
+
+  export default prettyFormat;
+}

package/src/runtime/react-refresh-utils.ts

@@ -0,0 +1,37 @@
+export function isReactRefreshBoundary(moduleExports: Record<string, unknown>) {
+  if (globalThis.__ReactRefresh.isLikelyComponentType(moduleExports)) {
+    return true;
+  }
+
+  if (moduleExports === undefined || moduleExports === null || typeof moduleExports !== 'object') {
+    return false;
+  }
+
+  var hasExports = false;
+  var areAllExportsComponents = true;
+  for (var key in moduleExports) {
+    hasExports = true;
+
+    if (key === '__esModule') {
+      continue;
+    }
+
+    var exportValue = moduleExports[key];
+    if (!globalThis.__ReactRefresh.isLikelyComponentType(exportValue)) {
+      areAllExportsComponents = false;
+    }
+  }
+
+  return hasExports && areAllExportsComponents;
+}
+
+let timer: NodeJS.Timeout | null = null;
+export function enqueueUpdate() {
+  if (timer) {
+    return;
+  }
+  timer = setTimeout(() => {
+    globalThis.__ReactRefresh.performReactRefresh();
+    timer = null;
+  }, 50);
+}

package/src/runtime/runtime-utils.ts

@@ -0,0 +1,57 @@
+/* oxlint-disable */
+/**
+ * Ported from:
+ * @see https://github.com/rolldown/rolldown/blob/feae112db77bf01e886b859e347ce3256944d360/crates/rolldown/src/runtime/runtime-base.js
+ */
+
+export const __create$ = Object.create;
+export const __defProp$ = Object.defineProperty;
+export const __hasOwnProp$ = Object.prototype.hasOwnProperty;
+export const __getProtoOf$ = Object.getPrototypeOf;
+export const __getOwnPropNames$ = Object.getOwnPropertyNames;
+export const __getOwnPropDesc$ = Object.getOwnPropertyDescriptor;
+
+export const __copyProps$ = (to: any, from: any, except?: string, desc?: PropertyDescriptor) => {
+  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: string) => from[k]).bind(null, key),
+          enumerable: !(desc = __getOwnPropDesc$(from, key)) || desc.enumerable,
+        });
+      }
+    }
+  }
+  return to;
+};
+
+export const __toESM$ = (mod: any, isNodeMode: boolean, target?: any) => (
+  (target = mod != null ? __create$(__getProtoOf$(mod)) : {}),
+  __copyProps$(
+    isNodeMode || !mod || !mod.__esModule$
+      ? __defProp$(target, 'default', { value: mod, enumerable: true })
+      : target,
+    mod,
+  )
+);
+
+export const __toCommonJS$ = (mod: any) =>
+  __hasOwnProp$.call(mod, 'module.exports')
+    ? mod['module.exports']
+    : __copyProps$(__defProp$({}, '__esModule', { value: true }), mod);
+
+export const __exportAll$ = (all: any, symbols: boolean) => {
+  let target = {};
+  for (var name in all) {
+    __defProp$(target, name, { get: all[name], enumerable: true });
+  }
+  if (symbols) {
+    __defProp$(target, Symbol.toStringTag, { value: 'Module' });
+  }
+  return target;
+};
+
+export const __reExport$ = (target: any, mod: any, secondTarget: any) => (
+  __copyProps$(target, mod, 'default'), secondTarget && __copyProps$(secondTarget, mod, 'default')
+);

package/dist/plugins.cjs

@@ -1,166 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-//#region \0rolldown/runtime.js
-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 _rollipop_rolldown_experimental = require("@rollipop/rolldown/experimental");
-let es_toolkit = require("es-toolkit");
-let chalk = require("chalk");
-chalk = __toESM(chalk);
-let dayjs = require("dayjs");
-dayjs = __toESM(dayjs);
-//#endregion
-//#region src/common/env.ts
-const TRUTHY_VALUES = [
-	"yes",
-	"on",
-	"true",
-	"enabled"
-];
-const FALSY_VALUES = [
-	"no",
-	"off",
-	"false",
-	"disabled"
-];
-function parseDebugKeys() {
-	return Object.keys(process.env).filter((key) => /^debug_/i.test(key)).reduce((acc, key) => {
-		const prop = key.slice(6).toLowerCase().replace(/_([a-z])/g, (_, key) => key.toUpperCase());
-		let value = process.env[key];
-		const lowerCase = typeof value === "string" ? value.toLowerCase() : value.toString();
-		if (TRUTHY_VALUES.includes(lowerCase)) value = true;
-		else if (FALSY_VALUES.includes(lowerCase)) value = false;
-		else value = Boolean(Number(value));
-		acc[prop] = value;
-		return acc;
-	}, {});
-}
-let debugKeys = null;
-function isDebugEnabled() {
-	if (debugKeys == null) debugKeys = parseDebugKeys();
-	return debugKeys["rollipop"] ?? false;
-}
-//#endregion
-//#region src/plugins/logger.ts
-const logger = new class Logger {
-	static blocked = false;
-	static queuedMessages = [];
-	static Colors = {
-		trace: chalk.default.gray,
-		debug: chalk.default.blue,
-		log: chalk.default.green,
-		info: chalk.default.cyan,
-		warn: chalk.default.yellow,
-		error: chalk.default.red
-	};
-	format = "HH:mm:ss.SSS";
-	debugEnabled;
-	static block() {
-		this.blocked = true;
-	}
-	static unblock(flush = true) {
-		this.blocked = false;
-		if (flush) for (const args of Logger.queuedMessages) console.log(...args);
-		Logger.queuedMessages.length = 0;
-	}
-	constructor(scope) {
-		this.scope = scope;
-		this.debugEnabled = isDebugEnabled();
-	}
-	getFormat() {
-		return this.format;
-	}
-	setFormat(format) {
-		this.format = format;
-	}
-	getTimestamp() {
-		return (0, dayjs.default)().format(this.getFormat());
-	}
-	print(logLevel, ...args) {
-		const timestamp = chalk.default.gray(this.getTimestamp());
-		const level = Logger.Colors[logLevel](logLevel);
-		if (this.scope) args = [
-			timestamp,
-			level,
-			chalk.default.magenta(this.scope),
-			...args
-		];
-		else args = [
-			timestamp,
-			level,
-			...args
-		];
-		if (Logger.blocked) Logger.queuedMessages.push(args);
-		else console.log(...args);
-	}
-	trace(...args) {
-		this.debugEnabled && this.print("trace", ...args);
-	}
-	debug(...args) {
-		this.debugEnabled && this.print("debug", ...args);
-	}
-	log(...args) {
-		this.print("log", ...args);
-	}
-	info(...args) {
-		this.print("info", ...args);
-	}
-	warn(...args) {
-		this.print("warn", ...args);
-	}
-	error(...args) {
-		this.print("error", ...args);
-	}
-	child(scope) {
-		(0, es_toolkit.invariant)(this.scope, "Logger must have a scope to create a child logger");
-		return new Logger(`${this.scope}:${scope}`);
-	}
-}("plugin:builtin");
-//#endregion
-//#region src/plugins/worklets.ts
-function worklets() {
-	const builtinPlugin = (0, _rollipop_rolldown_experimental.rollipopWorkletsPlugin)({
-		root: "/",
-		pluginVersion: "0.0.0",
-		isRelease: false
-	});
-	return [{
-		name: "rollipop:worklets:plugin-initializer",
-		configResolved(config) {
-			builtinPlugin._options = {
-				root: config.root,
-				isRelease: config.mode === "production",
-				pluginVersion: resolveReactNativeWorkletsVersion(config.root)
-			};
-			logger.debug("[worklets] builtin plugin", builtinPlugin);
-		}
-	}, builtinPlugin];
-}
-function resolveReactNativeWorkletsVersion(projectRoot) {
-	const packageJsonPath = require.resolve("react-native-worklets/package.json", { paths: [projectRoot] });
-	const { version } = JSON.parse(node_fs.readFileSync(packageJsonPath, "utf-8"));
-	(0, es_toolkit.invariant)(version, "could not find version in react-native-worklets package.json");
-	return version;
-}
-//#endregion
-exports.worklets = worklets;