@granite-js/cli 0.1.6 → 0.1.8

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @granite-js/cli
 
+## 0.1.8
+
+### Patch Changes
+
+- b69366c: improve config structure
+- Updated dependencies [b69366c]
+  - @granite-js/plugin-core@0.1.8
+  - @granite-js/mpack@0.1.8
+  - @granite-js/utils@0.1.8
+
+## 0.1.7
+
+### Patch Changes
+
+- Updated dependencies [208c053]
+  - @granite-js/mpack@0.1.7
+  - @granite-js/plugin-core@0.1.7
+  - @granite-js/utils@0.1.7
+
 ## 0.1.6
 
 ### Patch Changes

package/dist/index.cjs

@@ -30,60 +30,18 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
-  commonResolver: () => commonResolver,
   defineConfig: () => defineConfig,
-  getGlobalVariables: () => getGlobalVariables,
   initialize: () => initialize,
-  loadConfig: () => loadConfig,
-  service: () => service
+  loadConfig: () => loadConfig
 });
 module.exports = __toCommonJS(index_exports);
 var import_clipanion4 = require("clipanion");
 var import_cosmiconfig2 = require("cosmiconfig");
 
 // src/commands/BuildCommand/BuildCommand.ts
-var import_clipanion = require("clipanion");
-
-// src/build.ts
 var import_mpack = require("@granite-js/mpack");
 var import_plugins = require("@granite-js/mpack/plugins");
-var import_plugin_core = require("@granite-js/plugin-core");
-async function build(config, {
-  tag,
-  cache
-}) {
-  const resolvedPlugins = await (0, import_plugin_core.resolvePlugins)(config.plugins);
-  const pluginContext = {
-    meta: /* @__PURE__ */ Object.create(null)
-  };
-  for (const preHandler of resolvedPlugins.build.preHandlers) {
-    await preHandler?.call(pluginContext, {
-      cwd: config.cwd,
-      entryFile: config.entryFile,
-      appName: config.appName,
-      outdir: config.outdir,
-      buildResults: []
-    });
-  }
-  const results = await (0, import_mpack.runBundle)({
-    tag,
-    rootDir: config.cwd,
-    dev: false,
-    cache,
-    metafile: true,
-    plugins: [import_plugins.statusPlugin],
-    config: config.mpack.build.config
-  });
-  for (const postHandler of resolvedPlugins.build.postHandlers) {
-    await postHandler?.call(pluginContext, {
-      cwd: config.cwd,
-      entryFile: config.entryFile,
-      appName: config.appName,
-      outdir: config.outdir,
-      buildResults: results
-    });
-  }
-}
+var import_clipanion = require("clipanion");
 
 // src/config/loadConfig.ts
 var import_utils = require("@granite-js/utils");
@@ -113,26 +71,30 @@ var BuildCommand = class extends import_clipanion.Command {
   static paths = [[`build`]];
   static usage = import_clipanion.Command.Usage({
     category: "Build",
-    description: "Granite App \uBC88\uB4E4\uC744 \uC0DD\uC131\uD569\uB2C8\uB2E4",
-    examples: [
-      ["\uBE4C\uB4DC\uD558\uAE30", "granite build"],
-      ["\uC9C0\uC815\uB41C \uB300\uC0C1\uB9CC \uBE4C\uB4DC\uD558\uAE30", "granite build --id service-ios"]
-    ]
+    description: "Build Granite App",
+    examples: [["Build Granite App", "granite build"]]
   });
-  tag = import_clipanion.Option.String("--tag", {
-    description: "\uAD6C\uC131 \uD30C\uC77C\uC5D0\uC11C \uC9C0\uC815\uD55C \uD0DC\uADF8\uC5D0 \uD574\uB2F9\uD558\uB294 \uB300\uC0C1\uB9CC \uBC88\uB4E4\uB9C1 \uD569\uB2C8\uB2E4"
+  dev = import_clipanion.Option.Boolean("--dev", {
+    description: "Build in development mode"
   });
-  disableCache = import_clipanion.Option.Boolean("--disable-cache", {
-    description: "\uCE90\uC2DC\uB97C \uBE44\uD65C\uC131\uD654 \uD569\uB2C8\uB2E4"
+  metafile = import_clipanion.Option.Boolean("--metafile", {
+    description: "Generate metafile"
+  });
+  cache = import_clipanion.Option.Boolean("--cache", {
+    description: "Enable cache"
   });
   async execute() {
     try {
-      const { tag, disableCache = false } = this;
+      const { cache = true, metafile = false, dev = false } = this;
       const config = await loadConfig();
-      await build(config, {
-        tag,
-        cache: !disableCache
-      });
+      const options = ["android", "ios"].map((platform) => ({
+        dev,
+        cache,
+        metafile,
+        platform,
+        outfile: `bundle.${platform}.js`
+      }));
+      await import_mpack.BuildUtils.buildAll(options, { config, plugins: [import_plugins.statusPlugin] });
       return 0;
     } catch (error) {
       console.error(error);
@@ -225,130 +187,42 @@ var HermesCommand = class extends import_clipanion2.Command {
 };
 
 // src/commands/DevCommand/DevCommand.ts
-var import_assert2 = __toESM(require("assert"), 1);
-var mpack = __toESM(require("@granite-js/mpack"), 1);
-var import_plugin_core2 = require("@granite-js/plugin-core");
+var import_mpack2 = require("@granite-js/mpack");
 var import_clipanion3 = require("clipanion");
 var import_debug = __toESM(require("debug"), 1);
-
-// src/config/mergeTransformFromPlugins.ts
-async function mergeTransformFromPlugins(plugins) {
-  const mergedTransformFunctions = plugins.reduce(
-    (acc, plugin) => {
-      if (plugin.transformSync) {
-        acc.transformSync.push(plugin.transformSync);
-      }
-      if (plugin.transformAsync) {
-        acc.transformAsync.push(plugin.transformAsync);
-      }
-      return acc;
-    },
-    {
-      transformSync: [],
-      transformAsync: []
-    }
-  );
-  if (mergedTransformFunctions.transformSync.length === 0 && mergedTransformFunctions.transformAsync.length > 0) {
-    console.warn(
-      `Metro is only supported 'transformSync', but ${mergedTransformFunctions.transformAsync.length} 'transformAsync' are detected and it will be ignored.`
-    );
-  }
-  return {
-    transformSync: (id, code) => {
-      return mergedTransformFunctions.transformSync.reduce((acc, transform) => transform?.(id, acc) ?? acc, code);
-    },
-    transformAsync: async (id, code) => {
-      return mergedTransformFunctions.transformAsync.reduce(async (acc, transform) => {
-        return await transform?.(id, await acc) ?? acc;
-      }, Promise.resolve(code));
-    }
-  };
-}
-
-// src/commands/DevCommand/DevCommand.ts
 var debug = (0, import_debug.default)("cli");
-var DEFAULT_HOST = "0.0.0.0";
-var DEFAULT_LOCALHOST_PORT = 8081;
 var DevCommand = class extends import_clipanion3.Command {
   static paths = [[`dev`]];
   static usage = import_clipanion3.Command.Usage({
     category: "Development",
-    description: "Granite \uAC1C\uBC1C \uC11C\uBC84\uB97C \uC2E4\uD589\uD569\uB2C8\uB2E4",
-    examples: [["\uAC1C\uBC1C \uC11C\uBC84 \uC2E4\uD589\uD558\uAE30", "granite dev"]]
+    description: "Run Granite development server",
+    examples: [["Run Granite development server", "granite dev"]]
   });
   host = import_clipanion3.Option.String("--host");
   port = import_clipanion3.Option.String("--port");
   disableEmbeddedReactDevTools = import_clipanion3.Option.Boolean("--disable-embedded-react-devtools", false);
   // mpack dev-server
   experimentalMode = import_clipanion3.Option.Boolean("--experimental-mode");
-  preloadBundle = import_clipanion3.Option.String("--preload-bundle", {
-    description: "Preload \uD560 \uBC88\uB4E4 \uD30C\uC77C\uC758 \uACBD\uB85C"
-  });
   async execute() {
     try {
+      process.env.MPACK_DEV_SERVER = "true";
       const config = await loadConfig();
       const serverOptions = {
         host: this.host,
         port: this.port ? parseInt(this.port, 10) : void 0
       };
-      (0, import_assert2.default)(config?.appName, "\uC571 \uC774\uB984\uC744 \uCC3E\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4");
       debug("StartCommand", {
         ...serverOptions,
         disableEmbeddedReactDevTools: this.disableEmbeddedReactDevTools,
-        experimentalMode: this.experimentalMode,
-        preloadBundle: this.preloadBundle
+        experimentalMode: this.experimentalMode
       });
       if (this.experimentalMode) {
-        const mpackConfig = config.mpack.devServer.config;
-        const mpackDevServerConfig = mpackConfig?.devServer;
-        (0, import_assert2.default)(mpackDevServerConfig, "mpack dev server \uC124\uC815\uC744 \uCC3E\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4");
-        await mpack.experimental_runServer({
-          appName: config.appName,
-          scheme: config.scheme,
-          devServerConfig: mpackDevServerConfig,
-          host: serverOptions.host,
-          port: serverOptions.port,
-          preloadBundle: this.preloadBundle
-        });
+        await (0, import_mpack2.EXPERIMENTAL__server)({ config, ...serverOptions });
       } else {
-        const resolvedPlugins = await (0, import_plugin_core2.resolvePlugins)(config.plugins);
-        const mergedTransform = await mergeTransformFromPlugins(resolvedPlugins.plugins);
-        const additionalMetroConfig = {
-          ...config.metro,
-          transformSync: mergedTransform?.transformSync
-        };
-        for (const preHandler of resolvedPlugins.devServer.preHandlers) {
-          debug("preHandler", preHandler);
-          await preHandler?.({
-            host: serverOptions.host || DEFAULT_HOST,
-            port: serverOptions.port || DEFAULT_LOCALHOST_PORT,
-            appName: config.appName,
-            outdir: config.outdir,
-            cwd: config.cwd,
-            entryFile: config.entryFile
-          });
-        }
-        await mpack.runServer({
-          cwd: config.cwd,
-          host: serverOptions.host,
-          port: serverOptions.port,
-          middlewares: config.mpack.devServer.middlewares,
-          config: config.mpack.devServer.config,
-          onServerReady: async () => {
-            for (const postHandler of resolvedPlugins.devServer.postHandlers) {
-              debug("postHandler", postHandler);
-              await postHandler?.({
-                host: serverOptions.host || DEFAULT_HOST,
-                port: serverOptions.port || DEFAULT_LOCALHOST_PORT,
-                appName: config.appName,
-                outdir: config.outdir,
-                cwd: config.cwd,
-                entryFile: config.entryFile
-              });
-            }
-          },
+        await (0, import_mpack2.runServer)({
+          config,
           enableEmbeddedReactDevTools: !this.disableEmbeddedReactDevTools,
-          additionalConfig: additionalMetroConfig
+          ...serverOptions
         });
       }
     } catch (error) {
@@ -363,334 +237,77 @@ var DevCommand = class extends import_clipanion3.Command {
 
 // src/config/defineConfig.ts
 var import_path4 = __toESM(require("path"), 1);
-var import_mpack2 = require("@granite-js/mpack");
-var import_plugin_core4 = require("@granite-js/plugin-core");
-var import_utils2 = require("@granite-js/utils");
-var import_es_toolkit4 = require("es-toolkit");
-var import_zod = require("zod");
-
-// src/config/mergeConfigFromPlugins.ts
-var import_plugin_core3 = require("@granite-js/plugin-core");
+var import_plugin_core = require("@granite-js/plugin-core");
+var import_utils3 = require("@granite-js/utils");
 var import_es_toolkit2 = require("es-toolkit");
-function concatArray(objValue, srcValue) {
-  if (Array.isArray(objValue) && Array.isArray(srcValue)) {
-    return objValue.concat(srcValue);
-  }
-  return;
-}
-function mergeMetroConfig(objValue, srcValue, key) {
-  if (key === "getPolyfills" && typeof objValue === "function" && typeof srcValue === "function") {
-    return () => [...objValue(), ...srcValue()];
-  }
-  return void 0;
-}
-function mergeEsbuildConfig(objValue, srcValue, key) {
-  if (key === "banner" && typeof objValue === "object" && typeof srcValue === "object") {
-    return Object.entries(srcValue ?? {}).reduce(
-      (acc, [key2, value]) => ({
-        ...acc,
-        [key2]: [acc[key2], value].join("\n")
-      }),
-      objValue ?? {}
-    );
-  }
-  if (key === "footer" && typeof objValue === "object" && typeof srcValue === "object") {
-    return Object.entries(srcValue ?? {}).reduce(
-      (acc, [key2, value]) => ({
-        ...acc,
-        [key2]: [acc[key2], value].join("\n")
-      }),
-      objValue ?? {}
-    );
-  }
-  return void 0;
-}
-function combineComparers(...fns) {
-  return (targetValue, sourceValue, key, target, source) => {
-    for (const fn of fns) {
-      const result = fn(targetValue, sourceValue, key, target, source);
-      if (result !== void 0) {
-        return result;
-      }
-    }
-    return void 0;
-  };
-}
-async function mergeConfigFromPlugins(plugins) {
-  const pluginsResolved = await (0, import_plugin_core3.flattenPlugins)(plugins);
-  return pluginsResolved.reduce(
-    (acc, plugin) => (0, import_es_toolkit2.mergeWith)(acc, plugin.config ?? {}, combineComparers(concatArray, mergeMetroConfig, mergeEsbuildConfig)),
-    {}
-  );
-}
-
-// src/presets/service.ts
-var import_es_toolkit3 = require("es-toolkit");
-
-// src/presets/common/graniteRequireProtocol.ts
-var graniteRequireProtocol = {
-  load: (args) => {
-    return { loader: "js", contents: `module.exports = __granite_require__('${args.path}');` };
-  }
-};
-
-// src/presets/common/optimizations.ts
-var resolveTslibEsm = () => ({
-  from: "tslib",
-  to: async ({ resolve, args }) => {
-    const result = await resolve(args.path, {
-      kind: args.kind,
-      resolveDir: args.resolveDir
-    });
-    if (result.errors.length) {
-      throw new Error(`resolveTslibEsm: ${args.path}`);
-    }
-    return result.path.replace(/(tslib\.js|modules\/index\.js)$/, "tslib.es6.js");
-  },
-  exact: true
-});
-var optimizations = { resolveTslibEsm };
 
-// src/presets/common/preludeScripts.ts
+// src/config/graniteGlobals.ts
+var import_fs = __toESM(require("fs"), 1);
 var import_path3 = __toESM(require("path"), 1);
-function getReactNativeSetupScripts(rootDir) {
-  const reactNativePath = import_path3.default.dirname(
-    require.resolve("react-native/package.json", {
-      paths: [rootDir]
-    })
-  );
-  return [
-    ...require(import_path3.default.join(reactNativePath, "rn-get-polyfills"))(),
-    import_path3.default.join(reactNativePath, "Libraries/Core/InitializeCore.js")
-  ];
-}
-function getGlobalVariables({ dev = true }) {
-  return {
-    global: "window",
-    __DEV__: JSON.stringify(dev),
-    "process.env.NODE_ENV": JSON.stringify(dev ? "development" : "production")
-  };
-}
-var preludePresets = {
-  globalVariables: ({ dev }) => {
-    return [
-      "var __BUNDLE_START_TIME__=this.nativePerformanceNow?nativePerformanceNow():Date.now();",
-      `var __DEV__=${JSON.stringify(dev)};`,
-      `var window=typeof globalThis!=='undefined'?globalThis:typeof global!=='undefined'?global:typeof window!=='undefined'?window:this;`
-    ].join("\n");
-  },
-  graniteSharedEnvironment: ({ buildNumber }) => {
-    return [
-      "window.__granite = window.__granite || {};",
-      `window.__granite.shared = { buildNumber: ${JSON.stringify(buildNumber)} };`
-    ].join("\n");
-  },
-  graniteAppEnvironment: ({
-    appName,
-    scheme,
-    buildNumber
-  }) => {
-    return [
-      "window.__granite = window.__granite || {};",
-      `window.__granite.app = { name: ${JSON.stringify(appName)}, scheme: ${JSON.stringify(scheme)}, buildNumber: ${JSON.stringify(buildNumber)} };`
-    ].join("\n");
-  }
-};
-
-// src/presets/common/babelConditions.ts
-var babelConditions = [
-  /**
-   * @TODO
-   * zod 에서 hermes 가 지원하지 않는 RegExp 를 사용 중이며,
-   * 대응 가능한 swc 구성/플러그인이 존재하지 않기에 babel 로 트랜스파일하도록 합니다
-   *
-   * @see zod {@link https://github.com/colinhacks/zod/issues/2302}
-   */
-  (_code, path5) => path5.includes("node_modules/zod")
-];
-
-// src/presets/utils/getBuildNumber.ts
-function getBuildNumber() {
-  const date = /* @__PURE__ */ new Date();
-  const year = date.getFullYear();
-  const month = String(date.getMonth() + 1).padStart(2, "0");
-  const day = String(date.getDate()).padStart(2, "0");
-  const hours = String(date.getHours()).padStart(2, "0");
-  const minutes = String(date.getMinutes()).padStart(2, "0");
-  const seconds = String(date.getSeconds()).padStart(2, "0");
-  return `${year}${month}${day}${hours}${minutes}${seconds}`;
-}
-
-// src/presets/service.ts
-var DEFAULT_OPTIMIZATION_OPTIONS = {
-  "tslib-esm": false
-};
-function commonResolver({ optimization = DEFAULT_OPTIMIZATION_OPTIONS }) {
-  return {
-    alias: [
-      ...[
-        "@react-navigation/native-stack",
-        "@react-navigation/native",
-        "@react-native-async-storage/async-storage",
-        "@shopify/flash-list",
-        "lottie-react-native",
-        "react-native-safe-area-context",
-        "react-native-screens",
-        "react-native-fast-image",
-        "react-native-svg",
-        "react-native-webview",
-        "react-native-video",
-        "react-native",
-        "react",
-        "react-native-gesture-handler",
-        "react-native-pager-view",
-        "@react-native-community/blur"
-      ].map((module2) => ({ from: module2, to: `granite-require:${module2}`, exact: true })),
-      optimization["tslib-esm"] ? optimizations.resolveTslibEsm() : null
-    ].filter(import_es_toolkit3.isNotNil),
-    protocols: {
-      "granite-require": graniteRequireProtocol
-    }
-  };
-}
-function getCommonServicePreset(context, { optimization = DEFAULT_OPTIMIZATION_OPTIONS }) {
-  const { dev } = context;
-  const buildNumber = getBuildNumber();
+var import_utils2 = require("@granite-js/utils");
+function prepareGraniteGlobalsScript(config) {
+  const filePath = writeGraniteGlobalsScript(config);
   return {
-    resolver: commonResolver({ optimization }),
     esbuild: {
-      /**
-       * React Native 및 Granite 앱에서 사용되는 전역변수
-       */
-      define: getGlobalVariables({ dev }),
-      banner: {
-        js: [
-          preludePresets.graniteAppEnvironment({
-            appName: context.appName,
-            scheme: context.scheme,
-            buildNumber
-          }),
-          // symbol-asynciterator polyfill (ES5)
-          `(function(){if(typeof Symbol!=="undefined"&&!Symbol.asyncIterator){Symbol.asyncIterator=Symbol.for("@@asyncIterator")}})();`
-        ].join("\n")
-      }
+      prelude: [filePath]
     },
-    babel: {
-      conditions: babelConditions
+    metro: {
+      serializer: {
+        getPolyfills: () => [filePath]
+      }
     }
   };
 }
-var service = (options = {}) => (context) => {
-  return getCommonServicePreset(context, options);
-};
-
-// src/presets/shared.ts
-function getCommonSharedPreset(context) {
-  const { rootDir, dev } = context;
-  const buildNumber = getBuildNumber();
-  return {
-    esbuild: {
-      define: getGlobalVariables({ dev }),
-      banner: {
-        js: [preludePresets.globalVariables({ dev }), preludePresets.graniteSharedEnvironment({ buildNumber })].join(
-          "\n"
-        )
-      },
-      prelude: [...getReactNativeSetupScripts(rootDir)]
-    },
-    babel: {
-      conditions: babelConditions
-    }
-  };
+function writeGraniteGlobalsScript(config) {
+  const script = getGraniteGlobalScript(config);
+  const filePath = import_path3.default.join((0, import_utils2.getLocalTempDirectoryPath)(config.rootDir), "granite-globals.js");
+  (0, import_utils2.prepareLocalDirectory)(config.rootDir);
+  import_fs.default.writeFileSync(filePath, script, "utf-8");
+  return filePath;
+}
+function getGraniteGlobalScript({ appName, scheme }) {
+  return [
+    "global.__granite = global.__granite || {};",
+    `global.__granite.app = { name: ${JSON.stringify(appName)}, scheme: ${JSON.stringify(scheme)} };`
+  ].join("\n");
 }
-var shared = () => (context) => {
-  return getCommonSharedPreset(context);
-};
 
 // src/config/defineConfig.ts
-var graniteConfigSchema = import_zod.z.object({
-  appName: import_zod.z.string(),
-  scheme: import_zod.z.string(),
-  plugins: import_zod.z.custom(),
-  outdir: import_zod.z.string().default("dist"),
-  entryFile: import_zod.z.string().default("./src/_app.tsx"),
-  cwd: import_zod.z.string().default(process.cwd()),
-  mpack: import_plugin_core4.mpackConfigScheme.optional(),
-  babel: import_mpack2.babelConfigSchema.optional(),
-  esbuild: import_mpack2.esbuildConfigSchema.optional(),
-  metro: import_zod.z.custom().optional(),
-  INTERNAL__useSharedPreset: import_zod.z.boolean().optional()
-});
 var defineConfig = async (config) => {
-  const parsedConfig = graniteConfigSchema.parse(config);
-  const appName = parsedConfig.appName;
-  const scheme = parsedConfig.scheme;
-  const outdir = import_path4.default.join((0, import_utils2.getPackageRoot)(), parsedConfig.outdir);
-  const entryFile = parsedConfig.entryFile;
-  const plugins = await (0, import_plugin_core4.flattenPlugins)(parsedConfig.plugins);
-  const mergedConfig = await mergeConfigFromPlugins(plugins);
-  const mergedTransform = await mergeTransformFromPlugins(plugins);
-  const esbuild = mergedConfig?.esbuild ? (0, import_es_toolkit4.merge)(mergedConfig.esbuild, parsedConfig?.esbuild ?? {}) : void 0;
-  const metro = mergedConfig?.metro ? (0, import_es_toolkit4.merge)(mergedConfig.metro, parsedConfig?.metro ?? {}) : void 0;
-  const babel = mergedConfig?.babel ? (0, import_es_toolkit4.merge)(mergedConfig.babel, parsedConfig?.babel ?? {}) : void 0;
-  const mpackDevServer = mergedConfig?.mpack?.devServer ? (0, import_es_toolkit4.merge)(mergedConfig?.mpack?.devServer ?? {}, parsedConfig?.mpack?.devServer ?? {}) : void 0;
-  const buildPreset = config.INTERNAL__useSharedPreset ? shared : service;
-  const createTask = (platform) => ({
-    tag: `${appName}-${platform}`,
-    presets: [buildPreset()],
-    build: {
-      esbuild,
-      babel,
-      platform,
-      entry: entryFile,
-      outfile: import_path4.default.join(outdir, `bundle.${platform}.js`),
-      transformSync: mergedTransform?.transformSync,
-      transformAsync: mergedTransform?.transformAsync
-    }
-  });
+  const parsed = import_plugin_core.pluginConfigSchema.parse(config);
+  const cwd = parsed.cwd ?? (0, import_utils3.getPackageRoot)();
+  const appName = parsed.appName;
+  const scheme = parsed.scheme;
+  const entryFile = import_path4.default.resolve(cwd, parsed.entryFile);
+  const outdir = import_path4.default.join(cwd, parsed.outdir);
+  const parsedBuildConfig = parsed.build;
+  const parsedDevServerConfig = parsed.devServer;
+  const parsedMetroConfig = parsed.metro;
+  const parsedConfig = {
+    ...parsedBuildConfig,
+    devServer: parsedDevServerConfig,
+    metro: parsedMetroConfig
+  };
+  const { configs, pluginHooks } = await (0, import_plugin_core.resolvePlugins)(parsed.plugins);
+  const globalsScriptConfig = prepareGraniteGlobalsScript({ rootDir: cwd, appName, scheme });
+  const mergedConfig = (0, import_plugin_core.mergeConfig)(parsedConfig, ...[globalsScriptConfig, ...configs].filter(import_es_toolkit2.isNotNil));
+  const { metro, devServer, ...buildConfig } = mergedConfig ?? {};
   return {
-    ...parsedConfig,
+    cwd,
+    entryFile,
+    appName,
+    scheme,
     outdir,
-    mpack: {
-      devServer: {
-        middlewares: mpackDevServer?.middlewares ?? [],
-        config: {
-          appName,
-          scheme,
-          services: {
-            /* TODO: Plugin 구조로 변경 필요 */
-            sentry: {
-              enabled: false
-            }
-          },
-          devServer: {
-            presets: [buildPreset()],
-            build: {
-              entry: entryFile
-            }
-          },
-          tasks: []
-        }
-      },
-      build: {
-        config: {
-          appName,
-          scheme,
-          services: {
-            /* TODO: Plugin 구조로 변경 필요 */
-            sentry: {
-              enabled: false
-            }
-          },
-          concurrency: 2,
-          tasks: [createTask("ios"), createTask("android")]
-        }
-      }
+    devServer,
+    pluginHooks,
+    build: {
+      ...buildConfig,
+      entry: entryFile
     },
     metro: {
       ...metro,
-      babelConfig: babel,
-      transformSync: mergedTransform?.transformSync
+      babelConfig: mergedConfig?.babel,
+      transformSync: mergedConfig?.transformer?.transformSync
     }
   };
 };
@@ -715,10 +332,7 @@ async function initialize() {
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  commonResolver,
   defineConfig,
-  getGlobalVariables,
   initialize,
-  loadConfig,
-  service
+  loadConfig
 });