@granite-js/mpack 0.1.23-next.6 → 0.1.24

package/CHANGELOG.md

@@ -1,52 +1,22 @@
 # @granite-js/mpack
 
-## 0.1.23-next.6
+## 0.1.24
 
 ### Patch Changes
 
-- test
-- Updated dependencies
-  - @granite-js/devtools-frontend@0.1.23-next.6
-  - @granite-js/plugin-core@0.1.23-next.6
-  - @granite-js/utils@0.1.23-next.6
+- 6e42c3d: add inspectorProxy options
+- Updated dependencies [6e42c3d]
+  - @granite-js/plugin-core@0.1.24
+  - @granite-js/devtools-frontend@0.1.24
+  - @granite-js/utils@0.1.24
 
-## 0.1.23-next.5
+## 0.1.23
 
 ### Patch Changes
 
-- temp
-- Updated dependencies
-  - @granite-js/devtools-frontend@0.1.23-next.5
-  - @granite-js/plugin-core@0.1.23-next.5
-  - @granite-js/utils@0.1.23-next.5
-
-## 0.1.23-next.4
-
-### Patch Changes
-
-- test
-- Updated dependencies
-  - @granite-js/devtools-frontend@0.1.23-next.4
-  - @granite-js/plugin-core@0.1.23-next.4
-  - @granite-js/utils@0.1.23-next.4
-
-## 0.1.23-next.3
-
-### Patch Changes
-
-- test
-- Updated dependencies
-  - @granite-js/devtools-frontend@0.1.23-next.3
-  - @granite-js/plugin-core@0.1.23-next.3
-  - @granite-js/utils@0.1.23-next.3
-
-## 0.1.23-next.0
-
-### Patch Changes
-
-- @granite-js/devtools-frontend@0.1.23-next.0
-- @granite-js/plugin-core@0.1.23-next.0
-- @granite-js/utils@0.1.23-next.0
+- @granite-js/devtools-frontend@0.1.23
+- @granite-js/plugin-core@0.1.23
+- @granite-js/utils@0.1.23
 
 ## 0.1.22
 

package/dist/bundler/plugins/transformPlugin/steps/createFullyTransformStep.js

@@ -71,13 +71,13 @@ function createFullyTransformStep({
        * @babel/preset-react 포함 필요
        */
       [require.resolve("@babel/preset-react"), { runtime: "automatic" }],
-      [require.resolve("@react-native/babel-preset")],
       ...additionalBabelOptions?.presets ?? []
     ],
     plugins: [
       /**
        * react-native에서 직접 export 하는 flow 파일 대응을 위해 strip types 추가 필요
        */
+      require.resolve("@babel/plugin-transform-flow-strip-types"),
       [require.resolve("@babel/plugin-proposal-class-properties"), { loose: true }],
       [require.resolve("@babel/plugin-proposal-private-property-in-object"), { loose: true }],
       [require.resolve("@babel/plugin-proposal-private-methods"), { loose: true }],

package/dist/bundler/plugins/transformPlugin/steps/createStripFlowStep.d.ts

@@ -0,0 +1,6 @@
+import { AsyncTransformStep } from '../../../../transformer/TransformPipeline';
+interface StripFlowStepConfig {
+    dev: boolean;
+}
+export declare function createStripFlowStep(config: StripFlowStepConfig): AsyncTransformStep;
+export {};

package/dist/bundler/plugins/transformPlugin/steps/createStripFlowStep.js

@@ -0,0 +1,91 @@
+"use strict";
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var createStripFlowStep_exports = {};
+__export(createStripFlowStep_exports, {
+  createStripFlowStep: () => createStripFlowStep
+});
+module.exports = __toCommonJS(createStripFlowStep_exports);
+var import_path = __toESM(require("path"));
+var babel = __toESM(require("@babel/core"));
+var sucrase = __toESM(require("sucrase"));
+var import_defineStepName = require("../../../../utils/defineStepName");
+function createStripFlowStep(config) {
+  const stripImportTypeofStatements = (code) => {
+    return code.split("\n").filter((line) => !line.startsWith("import typeof ")).join("\n");
+  };
+  const stripFlowStep = async function stripFlow(code, args) {
+    const shouldTransform = args.path.endsWith(".js");
+    if (!shouldTransform) {
+      return { code };
+    }
+    try {
+      const result = sucrase.transform(code, {
+        transforms: ["flow", "jsx"],
+        jsxRuntime: "preserve",
+        disableESTransforms: true
+      });
+      return { code: stripImportTypeofStatements(result.code) };
+    } catch {
+      const result = await babel.transformAsync(code, {
+        configFile: false,
+        minified: false,
+        compact: false,
+        babelrc: false,
+        envName: config.dev ? "development" : "production",
+        caller: {
+          name: "mpack-strip-flow-plugin",
+          supportsStaticESM: true
+        },
+        presets: [
+          /**
+           * flow 구문과 jsx 구문이 함께 존재하는 경우가 있기에 preset-react 사용
+           */
+          [require.resolve("@babel/preset-react"), { runtime: "automatic" }]
+        ],
+        plugins: [
+          /**
+           * flow 구문 변환을 위해 flow-strip-types 사용
+           */
+          require.resolve("@babel/plugin-transform-flow-strip-types")
+        ],
+        filename: import_path.default.basename(args.path)
+      });
+      if (result?.code != null) {
+        return { code: result.code };
+      }
+      throw new Error("babel transform result is null");
+    }
+  };
+  (0, import_defineStepName.defineStepName)(stripFlowStep, "strip-flow");
+  return stripFlowStep;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createStripFlowStep
+});

package/dist/bundler/plugins/transformPlugin/steps/createTransformToHermesSyntaxStep.d.ts

@@ -1,7 +1,8 @@
 import type { BuildConfig } from '@granite-js/plugin-core';
 import { AsyncTransformStep } from '../../../../transformer/TransformPipeline';
-export interface TransformToHermesSyntaxStepConfig {
+interface TransformToHermesSyntaxStepConfig {
     dev: boolean;
     additionalSwcOptions?: BuildConfig['swc'];
 }
 export declare function createTransformToHermesSyntaxStep({ dev, additionalSwcOptions, }: TransformToHermesSyntaxStepConfig): AsyncTransformStep;
+export {};

package/dist/bundler/plugins/transformPlugin/steps/createTransformToHermesSyntaxStep.js

@@ -36,6 +36,17 @@ var swc = __toESM(require("@swc/core"));
 var import_es_toolkit = require("es-toolkit");
 var import_defineStepName = require("../../../../utils/defineStepName");
 var import_swc = require("../../shared/swc");
+function getParserConfig(filepath) {
+  return /\.tsx?$/.test(filepath) ? {
+    syntax: "typescript",
+    tsx: true,
+    dynamicImport: true
+  } : {
+    syntax: "ecmascript",
+    jsx: true,
+    exportDefaultFrom: true
+  };
+}
 function createTransformToHermesSyntaxStep({
   dev,
   additionalSwcOptions = {}
@@ -47,11 +58,7 @@ function createTransformToHermesSyntaxStep({
       isModule: true,
       jsc: {
         ...import_swc.swcHelperOptimizationRules.jsc,
-        parser: {
-          syntax: "typescript",
-          tsx: true,
-          dynamicImport: true
-        },
+        parser: getParserConfig(args.path),
         target: "es5",
         keepClassNames: true,
         transform: {
@@ -62,6 +69,13 @@ function createTransformToHermesSyntaxStep({
         },
         experimental: { plugins },
         loose: false,
+        /**
+         * 타입정의가 없지만 실제로는 동작하는 것이 스펙
+         *
+         * @see {@link https://github.com/swc-project/swc/blob/v1.4.10/crates/swc_ecma_transforms_base/src/assumptions.rs#L11}
+         */
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
         assumptions: {
           setPublicClassFields: true,
           privateFieldsAsProperties: true

package/dist/bundler/plugins/transformPlugin/transformPlugin.js

@@ -35,9 +35,8 @@ var import_assert = __toESM(require("assert"));
 var fs = __toESM(require("fs/promises"));
 var preludeScript = __toESM(require("./helpers/preludeScript"));
 var import_createCacheSteps = require("./steps/createCacheSteps");
-var import_createFlowStripStep = require("./steps/createFlowStripStep");
 var import_createFullyTransformStep = require("./steps/createFullyTransformStep");
-var import_createTransformCodegenStep = require("./steps/createTransformCodegenStep");
+var import_createStripFlowStep = require("./steps/createStripFlowStep");
 var import_createTransformToHermesSyntaxStep = require("./steps/createTransformToHermesSyntaxStep");
 var import_performance = require("../../../performance");
 var import_transformer = require("../../../transformer");
@@ -61,15 +60,10 @@ function transformPlugin({ context, ...options }) {
           code = await options.transformAsync(args.path, code);
         }
         return { code };
-      }).addStep({
-        if: ({ path, code }) => babel?.conditions?.some((cond) => cond(code, path)) ?? false,
-        then: (0, import_createFullyTransformStep.createFullyTransformStep)({ dev, additionalBabelOptions: babel }),
-        stopAfter: true
-      }).addStep({
-        if: ({ path }) => /(?:^|[\\/])(?:Native\w+|(\w+)NativeComponent)\.[jt]sx?$/.test(path),
-        then: (0, import_createTransformCodegenStep.createTransformCodegenStep)(),
-        else: (0, import_createFlowStripStep.createFlowStripStep)()
-      }).addStep((0, import_createTransformToHermesSyntaxStep.createTransformToHermesSyntaxStep)({ dev, additionalSwcOptions: swc })).afterStep(cacheSteps.afterTransform);
+      }).addStep((0, import_createFullyTransformStep.createFullyTransformStep)({ dev, additionalBabelOptions: babel }), {
+        conditions: babel?.conditions,
+        skipOtherSteps: true
+      }).addStep((0, import_createStripFlowStep.createStripFlowStep)({ dev })).addStep((0, import_createTransformToHermesSyntaxStep.createTransformToHermesSyntaxStep)({ dev, additionalSwcOptions: swc })).afterStep(cacheSteps.afterTransform);
       preludeScript.registerEntryPointMarker(build);
       preludeScript.registerPreludeScriptResolver(build);
       build.onLoad({ filter: sourceRegExp }, async (args) => {

package/dist/operations/serve.js

@@ -80,7 +80,7 @@ async function runServer({
     }
   };
   const resolvedConfig = await (0, import_plugin_core.resolveConfig)(config);
-  const { middlewares = [], ...additionalMetroConfig } = resolvedConfig?.metro ?? {};
+  const { middlewares = [], inspectorProxy, ...additionalMetroConfig } = resolvedConfig?.metro ?? {};
   const baseConfig = await (0, import_getMetroConfig.getMetroConfig)({ rootPath: config.cwd }, additionalMetroConfig);
   const metroConfig = mergeConfig(baseConfig, {
     server: { port },
@@ -126,7 +126,8 @@ async function runServer({
   await driver.devServer.pre({ host, port });
   const serverInstance = await Metro.runServer(metroConfig, {
     host,
-    websocketEndpoints
+    websocketEndpoints,
+    inspectorProxyDelegate: inspectorProxy?.delegate
   });
   serverInstance.keepAliveTimeout = 3e4;
 }

package/dist/server/DevServer.js

@@ -99,7 +99,7 @@ class DevServer {
   async setup(app) {
     const baseRoot = this.devServerOptions.rootDir;
     const serverBaseUrl = this.getBaseUrl();
-    const debuggerEventHandler = new import_DebuggerEventHandler.DebuggerEventHandler();
+    const debuggerEventHandler = new import_DebuggerEventHandler.DebuggerEventHandler(this.devServerOptions.inspectorProxy?.delegate);
     const inspectorProxy = new import_dev_middleware.InspectorProxy({ root: baseRoot, serverBaseUrl });
     const inspectorProxyWss = inspectorProxy.createWebSocketServers({
       onDeviceWebSocketConnected: (socket) => {

package/dist/server/debugger/DebuggerEventHandler.d.ts

@@ -1,6 +1,9 @@
+import type { InspectorProxyConfig } from '@granite-js/plugin-core';
 import * as ws from 'ws';
 export declare class DebuggerEventHandler {
+    private delegate?;
     private networkResponseData;
+    constructor(delegate?: InspectorProxyConfig['delegate']);
     setDeviceWebSocketHandler(socket: ws.WebSocket): void;
     setDebuggerWebSocketHandler(socket: ws.WebSocket): void;
     /**

package/dist/server/debugger/DebuggerEventHandler.js

@@ -35,6 +35,9 @@ var import_debug = __toESM(require("debug"));
 var import_parseDomain = require("./parseDomain");
 const debug = (0, import_debug.default)("dev-server:debugger");
 class DebuggerEventHandler {
+  constructor(delegate) {
+    this.delegate = delegate;
+  }
   networkResponseData = /* @__PURE__ */ new Map();
   setDeviceWebSocketHandler(socket) {
     socket.on("message", (message) => this.handleDeviceMessage(socket, message));
@@ -92,12 +95,15 @@ class DebuggerEventHandler {
       return null;
     }
   }
-  handleDeviceMessage(_socket, message) {
+  handleDeviceMessage(socket, message) {
     const customEvent = this.safetyParseCustomEvent(message);
     if (customEvent == null) {
       return;
     }
     debug("handleDeviceMessage", customEvent);
+    if (this.delegate?.onDeviceMessage?.(customEvent, socket)) {
+      return;
+    }
     switch (customEvent.method) {
       case "Bedrock.networkResponseData":
       case "Granite.networkResponseData":
@@ -106,17 +112,22 @@ class DebuggerEventHandler {
     }
   }
   handleDebuggerMessage(socket, message) {
-    let handled = true;
+    let handled;
     const debuggerEvent = this.safetyParseDebuggerEvent(message);
     if (debuggerEvent == null) {
       return;
     }
-    switch (debuggerEvent.method) {
-      case "Network.getResponseBody":
-        this.handleGetResponseBody(socket, debuggerEvent);
-        break;
-      default:
-        handled = false;
+    if (this.delegate?.onDebuggerMessage?.(debuggerEvent, socket)) {
+      handled = true;
+    } else {
+      switch (debuggerEvent.method) {
+        case "Network.getResponseBody":
+          this.handleGetResponseBody(socket, debuggerEvent);
+          handled = true;
+          break;
+        default:
+          handled = false;
+      }
     }
     if (handled) {
       debug("handleDebuggerMessage", debuggerEvent);

package/dist/server/types.d.ts

@@ -1,4 +1,4 @@
-import type { Middleware, BuildConfig } from '@granite-js/plugin-core';
+import type { Middleware, BuildConfig, InspectorProxyConfig } from '@granite-js/plugin-core';
 import type { Bundler } from '../bundler';
 import type { BuildStatusProgressBar } from '../utils/progressBar';
 export type Platform = 'android' | 'ios';
@@ -8,6 +8,7 @@ export interface DevServerOptions {
     port?: number;
     buildConfig: Omit<BuildConfig, 'platform' | 'outfile'>;
     middlewares?: Middleware[];
+    inspectorProxy?: InspectorProxyConfig;
 }
 export interface DevServerContext {
     rootDir: string;

package/dist/transformer/AsyncTransformPipeline.js

@@ -33,36 +33,19 @@ class AsyncTransformPipeline extends import_TransformPipeline.TransformPipeline
       return this._afterStep ? this._afterStep(code2, args2, context2) : Promise.resolve({ code: code2, done: true });
     };
     let result = await before(code, args, context);
-    for await (const entry of this.steps) {
+    for await (const [step, config] of this.steps) {
       if (result.done) {
         break;
       }
-      if (entry.type === "normal" && entry.step) {
+      if (config?.conditions == null || Array.isArray(config?.conditions) && config.conditions.some((condition) => condition(result.code, args.path))) {
         let trace;
-        if (typeof entry.step.name === "string") {
-          trace = import_performance.Performance.trace(`step-${entry.step.name}`, { detail: { file: args.path } });
+        if (typeof step.name === "string") {
+          trace = import_performance.Performance.trace(`step-${step.name}`, { detail: { file: args.path } });
         }
-        result = await entry.step(result.code, args, context);
+        result = await step(result.code, args, context);
         trace?.stop();
-      } else if (entry.type === "conditional" && entry.condition) {
-        const condition = entry.condition;
-        if (condition.if({ path: args.path, code: result.code })) {
-          let trace;
-          if (typeof condition.then.name === "string") {
-            trace = import_performance.Performance.trace(`step-${condition.then.name}`, { detail: { file: args.path } });
-          }
-          result = await condition.then(result.code, args, context);
-          trace?.stop();
-          if (condition.stopAfter) {
-            break;
-          }
-        } else if (condition.else) {
-          let trace;
-          if (typeof condition.else.name === "string") {
-            trace = import_performance.Performance.trace(`step-${condition.else.name}`, { detail: { file: args.path } });
-          }
-          result = await condition.else(result.code, args, context);
-          trace?.stop();
+        if (config?.skipOtherSteps) {
+          break;
         }
       }
     }

package/dist/transformer/TransformPipeline.d.ts

@@ -13,29 +13,24 @@ interface TransformStep<TransformResult> {
     (code: string, args: TransformStepArgs, context: TransformStepContext): TransformResult;
     name?: string;
 }
-export type AsyncTransformStep = TransformStep<Promise<TransformStepResult>>;
-export interface ConditionalStep {
-    if: (args: {
-        path: string;
-        code: string;
-    }) => boolean;
-    then: AsyncTransformStep;
-    else?: AsyncTransformStep;
-    stopAfter?: boolean;
-}
-export type StepInput = AsyncTransformStep | ConditionalStep;
-interface StepEntry {
-    type: 'normal' | 'conditional';
-    step?: AsyncTransformStep;
-    condition?: ConditionalStep;
+interface TransformStepConfig {
+    /**
+     * step 을 실행하기 위한 조건 (기본값: 항상 실행)
+     */
+    conditions?: Array<(code: string, path: string) => boolean>;
+    /**
+     * 현재 step 이 실행된 경우 done 처리 여부 (기본값: false)
+     */
+    skipOtherSteps?: boolean;
 }
+export type AsyncTransformStep = TransformStep<Promise<TransformStepResult>>;
 export declare abstract class TransformPipeline<Step extends TransformStep<unknown>> {
     protected _beforeStep?: Step;
     protected _afterStep?: Step;
-    protected steps: StepEntry[];
+    protected steps: Array<[Step, TransformStepConfig | null]>;
     beforeStep(step: Step): this;
     afterStep(step: Step): this;
-    addStep(step: StepInput): this;
+    addStep(step: Step, config?: TransformStepConfig): this;
     getStepContext(args: TransformStepArgs): Promise<TransformStepContext>;
     abstract transform(code: string, args: TransformStepArgs): ReturnType<Step>;
 }

package/dist/transformer/TransformPipeline.js

@@ -46,12 +46,8 @@ class TransformPipeline {
     this._afterStep = step;
     return this;
   }
-  addStep(step) {
-    if (typeof step === "function") {
-      this.steps.push({ type: "normal", step });
-    } else {
-      this.steps.push({ type: "conditional", condition: step });
-    }
+  addStep(step, config) {
+    this.steps.push([step, config ?? null]);
     return this;
   }
   async getStepContext(args) {

package/dist/vendors/metro/src/index.flow.js

@@ -94,6 +94,8 @@ exports.runServer = async (config, {
   // deprecated
   secureKey,
   // deprecated
+  inspectorProxyDelegate,
+  // MARK: - GRANITE
   waitForBundler = false,
   websocketEndpoints = {}
 }) => {
@@ -113,7 +115,7 @@ exports.runServer = async (config, {
   serverApp.use(middleware);
   let inspectorProxy = null;
   if (config.server.runInspectorProxy) {
-    inspectorProxy = new InspectorProxy(config.projectRoot);
+    inspectorProxy = new InspectorProxy(config.projectRoot, inspectorProxyDelegate);
   }
   let httpServer;
   if (secure || secureServerOptions != null) {

package/dist/vendors/metro-inspector-proxy/src/Device.js

@@ -55,15 +55,18 @@ class Device {
   // Root of the project used for relative to absolute source path conversion.
   _projectRoot;
   // MARK: - GRANITE
+  _delegate;
+  // MARK: - GRANITE
   // 네트워크 응답 데이터 저장하기 위한 변수 (key: requestId, value: { data: string, base64Encoded: bool })
   _networkResponseData = /* @__PURE__ */ new Map();
-  constructor(id, name, app, socket, projectRoot) {
+  constructor(id, name, app, socket, projectRoot, delegate) {
     this._id = id;
     this._name = name;
     this._app = app;
     this._pages = [];
     this._deviceSocket = socket;
     this._projectRoot = projectRoot;
+    this._delegate = delegate;
     this._deviceSocket.on("message", (message) => {
       const parsedMessage = JSON.parse(message);
       if (parsedMessage.event === "getPages") {
@@ -254,6 +257,9 @@ class Device {
   }
   // Allows to make changes in incoming message from device.
   _processMessageFromDevice(payload, debuggerInfo) {
+    if (this._delegate?.onDeviceMessage?.(payload, debuggerInfo.socket)) {
+      return;
+    }
     if (payload.method === "Debugger.scriptParsed") {
       const params = payload.params || {};
       if ("sourceMapURL" in params) {
@@ -314,6 +320,9 @@ class Device {
   // Allows to make changes in incoming messages from debugger.
   _interceptMessageFromDebugger(req, debuggerInfo) {
     let response = null;
+    if (this._delegate?.onDebuggerMessage?.(req, debuggerInfo.socket)) {
+      return null;
+    }
     if (req.method === "Debugger.setBreakpointByUrl") {
       this._processDebuggerSetBreakpointByUrl(req, debuggerInfo);
     } else if (req.method === "Debugger.getScriptSource") {
@@ -322,25 +331,22 @@ class Device {
         result: this._processDebuggerGetScriptSource(req)
       };
     } else if (req.method === "Network.getResponseBody") {
-      return this._processDebuggerGetResponseBody(req, debuggerInfo.socket);
+      response = this._processDebuggerGetResponseBody(req, debuggerInfo.socket);
     }
     return response;
   }
   // MARK: - GRANITE
-  _processDebuggerGetResponseBody(req, socket) {
+  _processDebuggerGetResponseBody(req) {
     const { requestId } = req.params;
     if (this._networkResponseData.has(requestId)) {
       const responseData = this._networkResponseData.get(requestId);
       this._networkResponseData.delete(requestId);
-      socket.send(
-        JSON.stringify({
-          id: req.id,
-          result: this._createNetworkResponseData(responseData)
-        })
-      );
-      return true;
+      return {
+        id: req.id,
+        result: this._createNetworkResponseData(responseData)
+      };
     }
-    return false;
+    return null;
   }
   // MARK: - GRANITE
   _createNetworkResponseData(responseData) {

package/dist/vendors/metro-inspector-proxy/src/InspectorProxy.js

@@ -12,6 +12,8 @@ const INTERNAL_ERROR_CODE = 1011;
 class InspectorProxy {
   // MARK: - GRANITE
   static devices;
+  // MARK: - GRANITE
+  _delegate;
   // Root of the project used for relative to absolute source path conversion.
   _projectRoot;
   // MARK: - GRANITE
@@ -24,8 +26,9 @@ class InspectorProxy {
   // (devtoolsFrontendUrl and webSocketDebuggerUrl) for page descriptions. These URLs are used
   // by debugger to know where to connect.
   _serverAddressWithPort = "";
-  constructor(projectRoot) {
+  constructor(projectRoot, delegate) {
     this._projectRoot = projectRoot;
+    this._delegate = delegate;
     InspectorProxy.devices = /* @__PURE__ */ new Map();
   }
   // Process HTTP request sent to server. We only respond to 2 HTTP requests:
@@ -106,7 +109,10 @@ class InspectorProxy {
         const deviceName = query.name || "Unknown";
         const appName = query.app || "Unknown";
         const deviceId = this._deviceCounter++;
-        InspectorProxy.devices.set(deviceId, new Device(deviceId, deviceName, appName, socket, this._projectRoot));
+        InspectorProxy.devices.set(
+          deviceId,
+          new Device(deviceId, deviceName, appName, socket, this._projectRoot, this._delegate)
+        );
         debug(`Got new connection: device=${deviceName}, app=${appName}`);
         socket.on("close", () => {
           InspectorProxy.devices.delete(deviceId);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@granite-js/mpack",
-  "version": "0.1.23-next.6",
+  "version": "0.1.24",
   "description": "A bundler for Granite apps",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -62,6 +62,7 @@
     "eslint": "9.7.0",
     "execa": "^5.0.0",
     "fast-glob": "^3.3.2",
+    "flow-remove-types": "^2.251.1",
     "prettier-2": "npm:prettier@^2",
     "ts-prune": "^0.10.3",
     "typescript": "5.8.3",
@@ -75,33 +76,29 @@
     "@babel/plugin-proposal-class-properties": "7.18.6",
     "@babel/plugin-proposal-private-methods": "7.18.6",
     "@babel/plugin-proposal-private-property-in-object": "7.21.11",
-    "@babel/plugin-syntax-typescript": "^7.27.1",
-    "@babel/plugin-transform-flow-strip-types": "npm:7.27.1",
+    "@babel/plugin-transform-flow-strip-types": "7.23.3",
     "@babel/preset-env": "7.23.3",
     "@babel/preset-react": "7.23.3",
-    "@babel/preset-typescript": "7.27.1",
+    "@babel/preset-typescript": "7.23.3",
     "@babel/template": "^7.0.0",
     "@babel/traverse": "^7.14.0",
     "@babel/types": "^7.0.0",
     "@fastify/static": "7.0.1",
-    "@granite-js/devtools-frontend": "0.1.23-next.6",
-    "@granite-js/plugin-core": "0.1.23-next.6",
-    "@granite-js/utils": "0.1.23-next.6",
+    "@granite-js/devtools-frontend": "0.1.24",
+    "@granite-js/plugin-core": "0.1.24",
+    "@granite-js/utils": "0.1.24",
     "@inquirer/prompts": "^7.2.3",
     "@react-native-community/cli-plugin-metro": "11.3.7",
     "@react-native-community/cli-server-api": "11.3.7",
     "@react-native-community/cli-tools": "11.3.7",
-    "@react-native/babel-plugin-codegen": "npm:0.81.3",
-    "@react-native/babel-preset": "npm:0.81.3",
     "@react-native/dev-middleware": "0.73.8",
     "@shopify/semaphore": "^3.1.0",
-    "@swc/core": "npm:1.5.24",
-    "@swc/helpers": "npm:0.5.17",
+    "@swc/core": "1.5.24",
+    "@swc/helpers": "0.5.13",
     "absolute-path": "^0.0.0",
     "accepts": "^1.3.7",
     "assert": "2.1.0",
     "async": "^3.2.2",
-    "babel-plugin-syntax-hermes-parser": "^0.31.0",
     "babel-preset-fbjs": "^3.4.0",
     "browserify-zlib": "0.2.0",
     "buffer": "6.0.3",
@@ -119,11 +116,10 @@
     "events": "3.3.0",
     "fastify": "4.14.0",
     "fastify-plugin": "4.5.1",
-    "flow-remove-types": "^2.279.0",
     "frogress-bar": "^0.1.0",
     "fs-extra": "^1.0.0",
     "graceful-fs": "^4.2.4",
-    "hermes-parser": "0.31.2",
+    "hermes-parser": "0.8.0",
     "https-browserify": "1.0.0",
     "image-size": "^0.6.0",
     "invariant": "^2.2.4",
@@ -147,7 +143,6 @@
     "mime-types": "^2.1.27",
     "node-fetch": "^2.2.0",
     "nullthrows": "^1.1.1",
-    "oxc-transform": "^0.82.1",
     "path-browserify": "1.0.1",
     "react-native-devtools-standalone": "^0.4.1",
     "rimraf": "^2.5.4",

package/src/lib.d.ts

@@ -59,93 +59,3 @@ declare module 'metro-react-native-babel-transformer' {
 
   export default babelTransformer;
 }
-
-declare module 'flow-remove-types' {
-  declare const removeTypes: (
-    code: string,
-    options: {
-      all?: boolean;
-      ignoreUninitializedFields?: boolean;
-      pretty?: boolean;
-      removeEmptyImports?: boolean;
-    }
-  ) => {
-    toString(): string;
-    generateMap(): {
-      version: number;
-      sources: string[];
-      names: string[];
-      mappings: string;
-    };
-  };
-  export = removeTypes;
-}
-
-declare module 'hermes-parser' {
-  export type ParserOptions = {
-    allowReturnOutsideFunction?: boolean;
-    babel?: boolean;
-    flow?: 'all' | 'detect';
-    enableExperimentalComponentSyntax?: boolean;
-    enableExperimentalFlowMatchSyntax?: boolean;
-    reactRuntimeTarget?: '18' | '19';
-    sourceFilename?: string;
-    sourceType?: 'module' | 'script' | 'unambiguous';
-    tokens?: boolean;
-  };
-
-  export const ParserOptionsKeys: ReadonlySet<keyof ParserOptions>;
-
-  export type HermesPosition = {
-    /** >= 1 */
-    line: number;
-    /** >= 0 */
-    column: number;
-  };
-
-  export type HermesSourceLocation = {
-    start?: HermesPosition;
-    end?: HermesPosition;
-    rangeStart?: number;
-    rangeEnd?: number;
-  };
-
-  export type HermesNode = {
-    type: string;
-    [key: string]: any;
-  };
-
-  export type HermesToken = {
-    type:
-      | 'Boolean'
-      | 'Identifier'
-      | 'Keyword'
-      | 'Null'
-      | 'Numeric'
-      | 'BigInt'
-      | 'Punctuator'
-      | 'String'
-      | 'RegularExpression'
-      | 'Template'
-      | 'JSXText';
-    loc: HermesSourceLocation;
-    value?: string | null;
-  };
-
-  export type HermesComment = {
-    type: 'CommentLine' | 'CommentBlock' | 'InterpreterDirective';
-    loc: HermesSourceLocation;
-    value?: string | null;
-  };
-
-  export type HermesProgram = {
-    type: 'Program';
-    loc: HermesSourceLocation;
-    body: Array<HermesNode | null>;
-    comments: Array<HermesComment>;
-    tokens?: Array<HermesToken>;
-    interpreter?: HermesComment | null;
-  };
-
-  export function parse(code: string, options?: ParserOptions): HermesProgram;
-}

package/dist/bundler/plugins/transformPlugin/steps/createFlowStripStep.d.ts

@@ -1,2 +0,0 @@
-import { AsyncTransformStep } from '../../../../transformer/TransformPipeline';
-export declare function createFlowStripStep(): AsyncTransformStep;

package/dist/bundler/plugins/transformPlugin/steps/createFlowStripStep.js

@@ -1,62 +0,0 @@
-"use strict";
-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 __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var createFlowStripStep_exports = {};
-__export(createFlowStripStep_exports, {
-  createFlowStripStep: () => createFlowStripStep
-});
-module.exports = __toCommonJS(createFlowStripStep_exports);
-var import_generator = require("@babel/generator");
-var import_flow_remove_types = __toESM(require("flow-remove-types"));
-var HermesParser = __toESM(require("hermes-parser"));
-var import_defineStepName = require("../../../../utils/defineStepName");
-function createFlowStripStep() {
-  const flowStripStep = async function flowStrip(code, args) {
-    const shouldTransform = args.path.endsWith(".js") || args.path.endsWith(".jsx");
-    if (!shouldTransform) {
-      return { code };
-    }
-    try {
-      const transformedCode = (0, import_flow_remove_types.default)(code, {});
-      const parsedAst = HermesParser.parse(transformedCode.toString(), {
-        flow: "all",
-        babel: true
-      });
-      const transformedResult = (0, import_generator.generate)(parsedAst);
-      return { code: transformedResult?.code ?? code };
-    } catch {
-      return { code };
-    }
-  };
-  (0, import_defineStepName.defineStepName)(flowStripStep, "flow-strip");
-  return flowStripStep;
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  createFlowStripStep
-});

package/dist/bundler/plugins/transformPlugin/steps/createTransformCodegenStep.d.ts

@@ -1,2 +0,0 @@
-import { AsyncTransformStep } from '../../../../transformer/TransformPipeline';
-export declare function createTransformCodegenStep(): AsyncTransformStep;

package/dist/bundler/plugins/transformPlugin/steps/createTransformCodegenStep.js

@@ -1,70 +0,0 @@
-"use strict";
-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 __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var createTransformCodegenStep_exports = {};
-__export(createTransformCodegenStep_exports, {
-  createTransformCodegenStep: () => createTransformCodegenStep
-});
-module.exports = __toCommonJS(createTransformCodegenStep_exports);
-var import_core = require("@babel/core");
-var import_defineStepName = require("../../../../utils/defineStepName");
-function createTransformCodegenStep() {
-  const codegenStep = async function codegen(code, args) {
-    const transformedResult = await (0, import_core.transformAsync)(code, {
-      test: /(?:^|[\\/])(?:Native\w+|(\w+)NativeComponent)\.[jt]sx?$/,
-      filename: args.path,
-      minified: false,
-      compact: false,
-      babelrc: false,
-      configFile: false,
-      plugins: [
-        require.resolve("babel-plugin-syntax-hermes-parser"),
-        require.resolve("@babel/plugin-transform-flow-strip-types"),
-        [require.resolve("@babel/plugin-syntax-typescript"), false],
-        require.resolve("@react-native/babel-plugin-codegen")
-      ],
-      overrides: [
-        {
-          test: /\.ts$/,
-          plugins: [[require.resolve("@babel/plugin-syntax-typescript"), { isTSX: false, allowNamespaces: true }]]
-        },
-        {
-          test: /\.tsx$/,
-          plugins: [[require.resolve("@babel/plugin-syntax-typescript"), { isTSX: true, allowNamespaces: true }]]
-        }
-      ]
-    });
-    return { code: transformedResult?.code ?? code };
-  };
-  (0, import_defineStepName.defineStepName)(codegenStep, "transform-codegen");
-  return codegenStep;
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  createTransformCodegenStep
-});