@granite-js/mpack 0.1.22 → 0.1.23-next.1

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @granite-js/mpack
 
+## 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
+
 ## 0.1.22
 
 ### Patch Changes

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

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

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

@@ -0,0 +1,62 @@
+"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/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/createTransformCodegenStep.d.ts

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

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

@@ -0,0 +1,70 @@
+"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
+});

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

@@ -1,8 +1,7 @@
 import type { BuildConfig } from '@granite-js/plugin-core';
 import { AsyncTransformStep } from '../../../../transformer/TransformPipeline';
-interface TransformToHermesSyntaxStepConfig {
+export 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,17 +36,6 @@ 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 = {}
@@ -58,7 +47,11 @@ function createTransformToHermesSyntaxStep({
       isModule: true,
       jsc: {
         ...import_swc.swcHelperOptimizationRules.jsc,
-        parser: getParserConfig(args.path),
+        parser: {
+          syntax: "typescript",
+          tsx: true,
+          dynamicImport: true
+        },
         target: "es5",
         keepClassNames: true,
         transform: {
@@ -69,13 +62,6 @@ 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,8 +35,9 @@ 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_createStripFlowStep = require("./steps/createStripFlowStep");
+var import_createTransformCodegenStep = require("./steps/createTransformCodegenStep");
 var import_createTransformToHermesSyntaxStep = require("./steps/createTransformToHermesSyntaxStep");
 var import_performance = require("../../../performance");
 var import_transformer = require("../../../transformer");
@@ -60,10 +61,15 @@ function transformPlugin({ context, ...options }) {
           code = await options.transformAsync(args.path, code);
         }
         return { code };
-      }).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);
+      }).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);
       preludeScript.registerEntryPointMarker(build);
       preludeScript.registerPreludeScriptResolver(build);
       build.onLoad({ filter: sourceRegExp }, async (args) => {

package/dist/transformer/AsyncTransformPipeline.js

@@ -33,19 +33,36 @@ 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 [step, config] of this.steps) {
+    for await (const entry of this.steps) {
       if (result.done) {
         break;
       }
-      if (config?.conditions == null || Array.isArray(config?.conditions) && config.conditions.some((condition) => condition(result.code, args.path))) {
+      if (entry.type === "normal" && entry.step) {
         let trace;
-        if (typeof step.name === "string") {
-          trace = import_performance.Performance.trace(`step-${step.name}`, { detail: { file: args.path } });
+        if (typeof entry.step.name === "string") {
+          trace = import_performance.Performance.trace(`step-${entry.step.name}`, { detail: { file: args.path } });
         }
-        result = await step(result.code, args, context);
+        result = await entry.step(result.code, args, context);
         trace?.stop();
-        if (config?.skipOtherSteps) {
-          break;
+      } 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();
         }
       }
     }

package/dist/transformer/TransformPipeline.d.ts

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

package/dist/transformer/TransformPipeline.js

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

package/dist/vendors/metro/src/lib/ReportableEvent.d.ts

@@ -8,24 +8,24 @@ interface BundleDetails {
 }
 
 type WatcherStatus =
-| {
-    type: 'watchman_slow_command';
-    timeElapsed: number;
-    command: 'watch-project' | 'query';
-}
-| {
-    type: 'watchman_slow_command_complete';
-    timeElapsed: number;
-    command: 'watch-project' | 'query';
-}
-| {
-    type: 'watchman_warning';
-    warning: unknown;
-    command: 'watch-project' | 'query';
-};
+  | {
+      type: 'watchman_slow_command';
+      timeElapsed: number;
+      command: 'watch-project' | 'query';
+    }
+  | {
+      type: 'watchman_slow_command_complete';
+      timeElapsed: number;
+      command: 'watch-project' | 'query';
+    }
+  | {
+      type: 'watchman_warning';
+      warning: unknown;
+      command: 'watch-project' | 'query';
+    };
 
 type HealthCheckResult =
-  | {type: 'error'; timeout: number; error: Error; watcher: string | null}
+  | { type: 'error'; timeout: number; error: Error; watcher: string | null }
   | {
       type: 'success';
       timeout: number;
@@ -80,7 +80,7 @@ export type ReportableEvent =
       type: 'dep_graph_loading';
       hasReducedPerformance: boolean;
     }
-  | {type: 'dep_graph_loaded'}
+  | { type: 'dep_graph_loaded' }
   | {
       buildID: string;
       type: 'bundle_transform_progressed';
@@ -95,7 +95,7 @@ export type ReportableEvent =
       type: 'cache_write_error';
       error: Error;
     }
-  | {type: 'transform_cache_reset'}
+  | { type: 'transform_cache_reset' }
   | {
       type: 'worker_stdout_chunk';
       chunk: string;
@@ -110,15 +110,7 @@ export type ReportableEvent =
     }
   | {
       type: 'client_log';
-      level:
-        | 'trace'
-        | 'info'
-        | 'warn'
-        | 'log'
-        | 'group'
-        | 'groupCollapsed'
-        | 'groupEnd'
-        | 'debug';
+      level: 'trace' | 'info' | 'warn' | 'log' | 'group' | 'groupCollapsed' | 'groupEnd' | 'debug';
       data: Array<unknown>;
       mode: 'BRIDGE' | 'NOBRIDGE';
     }
@@ -149,4 +141,4 @@ export type ReportableEvent =
   | {
       type: 'watcher_status';
       status: WatcherStatus;
-    };
+    };

package/dist/vendors/metro/src/lib/TerminalReporter.d.ts

@@ -1,4 +1,4 @@
-import type { ReportableEvent } from "./ReportableEvent";
+import type { ReportableEvent } from './ReportableEvent';
 type Terminal = any;
 type TerminalReportableEvent =
   | ReportableEvent
@@ -15,4 +15,4 @@ declare class TerminalReporter {
   update(event: TerminalReportableEvent): void;
 }
 
-export default TerminalReporter;
+export default TerminalReporter;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@granite-js/mpack",
-  "version": "0.1.22",
+  "version": "0.1.23-next.1",
   "description": "A bundler for Granite apps",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -62,7 +62,6 @@
     "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",
@@ -76,29 +75,33 @@
     "@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-transform-flow-strip-types": "7.23.3",
+    "@babel/plugin-syntax-typescript": "^7.27.1",
+    "@babel/plugin-transform-flow-strip-types": "npm:7.27.1",
     "@babel/preset-env": "7.23.3",
     "@babel/preset-react": "7.23.3",
-    "@babel/preset-typescript": "7.23.3",
+    "@babel/preset-typescript": "7.27.1",
     "@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.22",
-    "@granite-js/plugin-core": "0.1.22",
-    "@granite-js/utils": "0.1.22",
+    "@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",
     "@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.0",
+    "@react-native/babel-preset": "npm:0.81.0",
     "@react-native/dev-middleware": "0.73.8",
     "@shopify/semaphore": "^3.1.0",
-    "@swc/core": "1.5.24",
-    "@swc/helpers": "0.5.13",
+    "@swc/core": "npm:1.13.3",
+    "@swc/helpers": "npm:0.5.17",
     "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",
@@ -116,10 +119,11 @@
     "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.8.0",
+    "hermes-parser": "0.31.2",
     "https-browserify": "1.0.0",
     "image-size": "^0.6.0",
     "invariant": "^2.2.4",
@@ -143,6 +147,7 @@
     "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,3 +59,93 @@ 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/src/vendors/metro/src/lib/ReportableEvent.d.ts

@@ -8,24 +8,24 @@ interface BundleDetails {
 }
 
 type WatcherStatus =
-| {
-    type: 'watchman_slow_command';
-    timeElapsed: number;
-    command: 'watch-project' | 'query';
-}
-| {
-    type: 'watchman_slow_command_complete';
-    timeElapsed: number;
-    command: 'watch-project' | 'query';
-}
-| {
-    type: 'watchman_warning';
-    warning: unknown;
-    command: 'watch-project' | 'query';
-};
+  | {
+      type: 'watchman_slow_command';
+      timeElapsed: number;
+      command: 'watch-project' | 'query';
+    }
+  | {
+      type: 'watchman_slow_command_complete';
+      timeElapsed: number;
+      command: 'watch-project' | 'query';
+    }
+  | {
+      type: 'watchman_warning';
+      warning: unknown;
+      command: 'watch-project' | 'query';
+    };
 
 type HealthCheckResult =
-  | {type: 'error'; timeout: number; error: Error; watcher: string | null}
+  | { type: 'error'; timeout: number; error: Error; watcher: string | null }
   | {
       type: 'success';
       timeout: number;
@@ -80,7 +80,7 @@ export type ReportableEvent =
       type: 'dep_graph_loading';
       hasReducedPerformance: boolean;
     }
-  | {type: 'dep_graph_loaded'}
+  | { type: 'dep_graph_loaded' }
   | {
       buildID: string;
       type: 'bundle_transform_progressed';
@@ -95,7 +95,7 @@ export type ReportableEvent =
       type: 'cache_write_error';
       error: Error;
     }
-  | {type: 'transform_cache_reset'}
+  | { type: 'transform_cache_reset' }
   | {
       type: 'worker_stdout_chunk';
       chunk: string;
@@ -110,15 +110,7 @@ export type ReportableEvent =
     }
   | {
       type: 'client_log';
-      level:
-        | 'trace'
-        | 'info'
-        | 'warn'
-        | 'log'
-        | 'group'
-        | 'groupCollapsed'
-        | 'groupEnd'
-        | 'debug';
+      level: 'trace' | 'info' | 'warn' | 'log' | 'group' | 'groupCollapsed' | 'groupEnd' | 'debug';
       data: Array<unknown>;
       mode: 'BRIDGE' | 'NOBRIDGE';
     }
@@ -149,4 +141,4 @@ export type ReportableEvent =
   | {
       type: 'watcher_status';
       status: WatcherStatus;
-    };
+    };

package/src/vendors/metro/src/lib/TerminalReporter.d.ts

@@ -1,4 +1,4 @@
-import type { ReportableEvent } from "./ReportableEvent";
+import type { ReportableEvent } from './ReportableEvent';
 type Terminal = any;
 type TerminalReportableEvent =
   | ReportableEvent
@@ -15,4 +15,4 @@ declare class TerminalReporter {
   update(event: TerminalReportableEvent): void;
 }
 
-export default TerminalReporter;
+export default TerminalReporter;

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

@@ -1,6 +0,0 @@
-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

@@ -1,91 +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 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
-});