@granite-js/cli 0.1.5 → 0.1.7

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @granite-js/cli
 
+## 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
+
+- @granite-js/mpack@0.1.6
+- @granite-js/plugin-core@0.1.6
+- @granite-js/utils@0.1.6
+
 ## 0.1.5
 
 ### Patch Changes

package/dist/index.cjs

@@ -30,12 +30,9 @@ 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");
@@ -281,11 +278,9 @@ var DevCommand = class extends import_clipanion3.Command {
   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,
@@ -295,8 +290,7 @@ var DevCommand = class extends import_clipanion3.Command {
       debug("StartCommand", {
         ...serverOptions,
         disableEmbeddedReactDevTools: this.disableEmbeddedReactDevTools,
-        experimentalMode: this.experimentalMode,
-        preloadBundle: this.preloadBundle
+        experimentalMode: this.experimentalMode
       });
       if (this.experimentalMode) {
         const mpackConfig = config.mpack.devServer.config;
@@ -307,8 +301,7 @@ var DevCommand = class extends import_clipanion3.Command {
           scheme: config.scheme,
           devServerConfig: mpackDevServerConfig,
           host: serverOptions.host,
-          port: serverOptions.port,
-          preloadBundle: this.preloadBundle
+          port: serverOptions.port
         });
       } else {
         const resolvedPlugins = await (0, import_plugin_core2.resolvePlugins)(config.plugins);
@@ -362,11 +355,11 @@ var DevCommand = class extends import_clipanion3.Command {
 };
 
 // src/config/defineConfig.ts
-var import_path4 = __toESM(require("path"), 1);
+var import_path3 = __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_es_toolkit3 = require("es-toolkit");
 var import_zod = require("zod");
 
 // src/config/mergeConfigFromPlugins.ts
@@ -405,6 +398,15 @@ function mergeEsbuildConfig(objValue, srcValue, key) {
   }
   return void 0;
 }
+function mergeResolverConfig(objValue, srcValue, key) {
+  if (key === "alias" && Array.isArray(objValue) && Array.isArray(srcValue)) {
+    return [...objValue, ...srcValue];
+  }
+  if (key === "protocols" && typeof objValue === "object" && typeof srcValue === "object") {
+    return { ...objValue, ...srcValue };
+  }
+  return void 0;
+}
 function combineComparers(...fns) {
   return (targetValue, sourceValue, key, target, source) => {
     for (const fn of fns) {
@@ -419,194 +421,15 @@ function combineComparers(...fns) {
 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)),
+    (acc, plugin) => (0, import_es_toolkit2.mergeWith)(
+      acc,
+      plugin.config ?? {},
+      combineComparers(concatArray, mergeMetroConfig, mergeEsbuildConfig, mergeResolverConfig)
+    ),
     {}
   );
 }
 
-// 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
-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();
-  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")
-      }
-    },
-    babel: {
-      conditions: babelConditions
-    }
-  };
-}
-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
-    }
-  };
-}
-var shared = () => (context) => {
-  return getCommonSharedPreset(context);
-};
-
 // src/config/defineConfig.ts
 var graniteConfigSchema = import_zod.z.object({
   appName: import_zod.z.string(),
@@ -615,35 +438,35 @@ var graniteConfigSchema = import_zod.z.object({
   outdir: import_zod.z.string().default("dist"),
   entryFile: import_zod.z.string().default("./src/_app.tsx"),
   cwd: import_zod.z.string().default(process.cwd()),
+  resolver: import_mpack2.resolverConfigSchema.optional(),
   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()
+  metro: import_zod.z.custom().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 outdir = import_path3.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 resolver = mergedConfig?.resolver ? (0, import_es_toolkit3.merge)(mergedConfig.resolver, parsedConfig?.resolver ?? {}) : void 0;
+  const esbuild = mergedConfig?.esbuild ? (0, import_es_toolkit3.merge)(mergedConfig.esbuild, parsedConfig?.esbuild ?? {}) : void 0;
+  const metro = mergedConfig?.metro ? (0, import_es_toolkit3.merge)(mergedConfig.metro, parsedConfig?.metro ?? {}) : void 0;
+  const babel = mergedConfig?.babel ? (0, import_es_toolkit3.merge)(mergedConfig.babel, parsedConfig?.babel ?? {}) : void 0;
+  const mpackDevServer = mergedConfig?.mpack?.devServer ? (0, import_es_toolkit3.merge)(mergedConfig?.mpack?.devServer ?? {}, parsedConfig?.mpack?.devServer ?? {}) : void 0;
   const createTask = (platform) => ({
     tag: `${appName}-${platform}`,
-    presets: [buildPreset()],
     build: {
+      resolver,
       esbuild,
       babel,
       platform,
       entry: entryFile,
-      outfile: import_path4.default.join(outdir, `bundle.${platform}.js`),
+      outfile: import_path3.default.join(outdir, `bundle.${platform}.js`),
       transformSync: mergedTransform?.transformSync,
       transformAsync: mergedTransform?.transformAsync
     }
@@ -657,16 +480,14 @@ var defineConfig = async (config) => {
         config: {
           appName,
           scheme,
-          services: {
-            /* TODO: Plugin 구조로 변경 필요 */
-            sentry: {
-              enabled: false
-            }
-          },
           devServer: {
-            presets: [buildPreset()],
             build: {
-              entry: entryFile
+              entry: entryFile,
+              resolver,
+              esbuild,
+              babel,
+              transformSync: mergedTransform?.transformSync,
+              transformAsync: mergedTransform?.transformAsync
             }
           },
           tasks: []
@@ -676,12 +497,6 @@ var defineConfig = async (config) => {
         config: {
           appName,
           scheme,
-          services: {
-            /* TODO: Plugin 구조로 변경 필요 */
-            sentry: {
-              enabled: false
-            }
-          },
           concurrency: 2,
           tasks: [createTask("ios"), createTask("android")]
         }
@@ -715,10 +530,7 @@ async function initialize() {
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  commonResolver,
   defineConfig,
-  getGlobalVariables,
   initialize,
-  loadConfig,
-  service
+  loadConfig
 });

package/dist/index.d.cts

@@ -1,5 +1,6 @@
 import * as esbuild from 'esbuild';
-import { AdditionalMetroConfig, Config, Preset } from '@granite-js/mpack';
+import * as _granite_js_mpack from '@granite-js/mpack';
+import { AdditionalMetroConfig, Config } from '@granite-js/mpack';
 import { PluginInput } from '@granite-js/plugin-core';
 import { HandleFunction } from 'connect';
 import { z } from 'zod';
@@ -11,6 +12,16 @@ declare const graniteConfigSchema: z.ZodObject<{
     outdir: z.ZodDefault<z.ZodString>;
     entryFile: z.ZodDefault<z.ZodString>;
     cwd: z.ZodDefault<z.ZodString>;
+    resolver: z.ZodOptional<z.ZodObject<{
+        alias: z.ZodOptional<z.ZodArray<z.ZodType<_granite_js_mpack.AliasConfig, z.ZodTypeDef, _granite_js_mpack.AliasConfig>, "many">>;
+        protocols: z.ZodOptional<z.ZodType<_granite_js_mpack.ProtocolConfig, z.ZodTypeDef, _granite_js_mpack.ProtocolConfig>>;
+    }, "strip", z.ZodTypeAny, {
+        alias?: _granite_js_mpack.AliasConfig[] | undefined;
+        protocols?: _granite_js_mpack.ProtocolConfig | undefined;
+    }, {
+        alias?: _granite_js_mpack.AliasConfig[] | undefined;
+        protocols?: _granite_js_mpack.ProtocolConfig | undefined;
+    }>>;
     mpack: z.ZodOptional<z.ZodOptional<z.ZodObject<{
         devServer: z.ZodDefault<z.ZodOptional<z.ZodObject<{
             middlewares: z.ZodDefault<z.ZodType<HandleFunction[], z.ZodTypeDef, HandleFunction[]>>;
@@ -50,7 +61,6 @@ declare const graniteConfigSchema: z.ZodObject<{
         prelude?: string[];
     }>>;
     metro: z.ZodOptional<z.ZodType<Partial<AdditionalMetroConfig>, z.ZodTypeDef, Partial<AdditionalMetroConfig>>>;
-    INTERNAL__useSharedPreset: z.ZodOptional<z.ZodBoolean>;
 }, "strip", z.ZodTypeAny, {
     appName: string;
     scheme: string;
@@ -63,6 +73,10 @@ declare const graniteConfigSchema: z.ZodObject<{
             middlewares: HandleFunction[];
         };
     } | undefined;
+    resolver?: {
+        alias?: _granite_js_mpack.AliasConfig[] | undefined;
+        protocols?: _granite_js_mpack.ProtocolConfig | undefined;
+    } | undefined;
     babel?: {
         plugins?: any[] | undefined;
         configFile?: string | undefined;
@@ -73,7 +87,6 @@ declare const graniteConfigSchema: z.ZodObject<{
         prelude?: string[];
     }) | undefined;
     metro?: Partial<AdditionalMetroConfig> | undefined;
-    INTERNAL__useSharedPreset?: boolean | undefined;
 }, {
     appName: string;
     scheme: string;
@@ -86,6 +99,10 @@ declare const graniteConfigSchema: z.ZodObject<{
     outdir?: string | undefined;
     entryFile?: string | undefined;
     cwd?: string | undefined;
+    resolver?: {
+        alias?: _granite_js_mpack.AliasConfig[] | undefined;
+        protocols?: _granite_js_mpack.ProtocolConfig | undefined;
+    } | undefined;
     babel?: {
         plugins?: any[] | undefined;
         configFile?: string | undefined;
@@ -96,9 +113,8 @@ declare const graniteConfigSchema: z.ZodObject<{
         prelude?: string[];
     }) | undefined;
     metro?: Partial<AdditionalMetroConfig> | undefined;
-    INTERNAL__useSharedPreset?: boolean | undefined;
 }>;
-type GraniteConfigInput = z.input<typeof graniteConfigSchema> & {};
+type GraniteConfigInput = z.input<typeof graniteConfigSchema>;
 interface GraniteConfigResponse extends z.infer<typeof graniteConfigSchema> {
     mpack: {
         devServer: {
@@ -163,48 +179,6 @@ declare const defineConfig: (config: GraniteConfigInput) => Promise<GraniteConfi
 
 declare const loadConfig: () => Promise<GraniteConfigResponse>;
 
-declare function getGlobalVariables({ dev }: {
-    dev?: boolean;
-}): {
-    global: string;
-    __DEV__: string;
-    'process.env.NODE_ENV': string;
-};
-
-interface ServicePresetOptions {
-    /**
-     * 최적화 구성
-     */
-    optimization?: ServiceOptimizeOptions;
-}
-interface ServiceOptimizeOptions {
-    /**
-     * tslib 트리셰이킹 최적화 활성화 (기본값: false)
-     */
-    'tslib-esm'?: boolean;
-}
-declare function commonResolver({ optimization }: ServicePresetOptions): {
-    alias: ({
-        from: string;
-        to: ({ resolve, args }: {
-            resolve: esbuild.PluginBuild["resolve"];
-            args: esbuild.OnResolveArgs;
-        }) => Promise<string>;
-        exact: boolean;
-    } | {
-        from: string;
-        to: string;
-        exact: boolean;
-    })[];
-    protocols: {
-        'granite-require': {
-            resolve?: (args: esbuild.OnResolveArgs) => string | Promise<string>;
-            load: (args: esbuild.OnLoadArgs) => esbuild.OnLoadResult | Promise<esbuild.OnLoadResult>;
-        };
-    };
-};
-declare const service: (options?: ServicePresetOptions) => Preset;
-
 declare function initialize(): Promise<void>;
 
-export { type GraniteConfigInput, type GraniteConfigResponse, commonResolver, defineConfig, getGlobalVariables, initialize, loadConfig, service };
+export { type GraniteConfigInput, type GraniteConfigResponse, defineConfig, initialize, loadConfig };

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 import * as esbuild from 'esbuild';
-import { AdditionalMetroConfig, Config, Preset } from '@granite-js/mpack';
+import * as _granite_js_mpack from '@granite-js/mpack';
+import { AdditionalMetroConfig, Config } from '@granite-js/mpack';
 import { PluginInput } from '@granite-js/plugin-core';
 import { HandleFunction } from 'connect';
 import { z } from 'zod';
@@ -11,6 +12,16 @@ declare const graniteConfigSchema: z.ZodObject<{
     outdir: z.ZodDefault<z.ZodString>;
     entryFile: z.ZodDefault<z.ZodString>;
     cwd: z.ZodDefault<z.ZodString>;
+    resolver: z.ZodOptional<z.ZodObject<{
+        alias: z.ZodOptional<z.ZodArray<z.ZodType<_granite_js_mpack.AliasConfig, z.ZodTypeDef, _granite_js_mpack.AliasConfig>, "many">>;
+        protocols: z.ZodOptional<z.ZodType<_granite_js_mpack.ProtocolConfig, z.ZodTypeDef, _granite_js_mpack.ProtocolConfig>>;
+    }, "strip", z.ZodTypeAny, {
+        alias?: _granite_js_mpack.AliasConfig[] | undefined;
+        protocols?: _granite_js_mpack.ProtocolConfig | undefined;
+    }, {
+        alias?: _granite_js_mpack.AliasConfig[] | undefined;
+        protocols?: _granite_js_mpack.ProtocolConfig | undefined;
+    }>>;
     mpack: z.ZodOptional<z.ZodOptional<z.ZodObject<{
         devServer: z.ZodDefault<z.ZodOptional<z.ZodObject<{
             middlewares: z.ZodDefault<z.ZodType<HandleFunction[], z.ZodTypeDef, HandleFunction[]>>;
@@ -50,7 +61,6 @@ declare const graniteConfigSchema: z.ZodObject<{
         prelude?: string[];
     }>>;
     metro: z.ZodOptional<z.ZodType<Partial<AdditionalMetroConfig>, z.ZodTypeDef, Partial<AdditionalMetroConfig>>>;
-    INTERNAL__useSharedPreset: z.ZodOptional<z.ZodBoolean>;
 }, "strip", z.ZodTypeAny, {
     appName: string;
     scheme: string;
@@ -63,6 +73,10 @@ declare const graniteConfigSchema: z.ZodObject<{
             middlewares: HandleFunction[];
         };
     } | undefined;
+    resolver?: {
+        alias?: _granite_js_mpack.AliasConfig[] | undefined;
+        protocols?: _granite_js_mpack.ProtocolConfig | undefined;
+    } | undefined;
     babel?: {
         plugins?: any[] | undefined;
         configFile?: string | undefined;
@@ -73,7 +87,6 @@ declare const graniteConfigSchema: z.ZodObject<{
         prelude?: string[];
     }) | undefined;
     metro?: Partial<AdditionalMetroConfig> | undefined;
-    INTERNAL__useSharedPreset?: boolean | undefined;
 }, {
     appName: string;
     scheme: string;
@@ -86,6 +99,10 @@ declare const graniteConfigSchema: z.ZodObject<{
     outdir?: string | undefined;
     entryFile?: string | undefined;
     cwd?: string | undefined;
+    resolver?: {
+        alias?: _granite_js_mpack.AliasConfig[] | undefined;
+        protocols?: _granite_js_mpack.ProtocolConfig | undefined;
+    } | undefined;
     babel?: {
         plugins?: any[] | undefined;
         configFile?: string | undefined;
@@ -96,9 +113,8 @@ declare const graniteConfigSchema: z.ZodObject<{
         prelude?: string[];
     }) | undefined;
     metro?: Partial<AdditionalMetroConfig> | undefined;
-    INTERNAL__useSharedPreset?: boolean | undefined;
 }>;
-type GraniteConfigInput = z.input<typeof graniteConfigSchema> & {};
+type GraniteConfigInput = z.input<typeof graniteConfigSchema>;
 interface GraniteConfigResponse extends z.infer<typeof graniteConfigSchema> {
     mpack: {
         devServer: {
@@ -163,48 +179,6 @@ declare const defineConfig: (config: GraniteConfigInput) => Promise<GraniteConfi
 
 declare const loadConfig: () => Promise<GraniteConfigResponse>;
 
-declare function getGlobalVariables({ dev }: {
-    dev?: boolean;
-}): {
-    global: string;
-    __DEV__: string;
-    'process.env.NODE_ENV': string;
-};
-
-interface ServicePresetOptions {
-    /**
-     * 최적화 구성
-     */
-    optimization?: ServiceOptimizeOptions;
-}
-interface ServiceOptimizeOptions {
-    /**
-     * tslib 트리셰이킹 최적화 활성화 (기본값: false)
-     */
-    'tslib-esm'?: boolean;
-}
-declare function commonResolver({ optimization }: ServicePresetOptions): {
-    alias: ({
-        from: string;
-        to: ({ resolve, args }: {
-            resolve: esbuild.PluginBuild["resolve"];
-            args: esbuild.OnResolveArgs;
-        }) => Promise<string>;
-        exact: boolean;
-    } | {
-        from: string;
-        to: string;
-        exact: boolean;
-    })[];
-    protocols: {
-        'granite-require': {
-            resolve?: (args: esbuild.OnResolveArgs) => string | Promise<string>;
-            load: (args: esbuild.OnLoadArgs) => esbuild.OnLoadResult | Promise<esbuild.OnLoadResult>;
-        };
-    };
-};
-declare const service: (options?: ServicePresetOptions) => Preset;
-
 declare function initialize(): Promise<void>;
 
-export { type GraniteConfigInput, type GraniteConfigResponse, commonResolver, defineConfig, getGlobalVariables, initialize, loadConfig, service };
+export { type GraniteConfigInput, type GraniteConfigResponse, defineConfig, initialize, loadConfig };

package/dist/index.js

@@ -250,11 +250,9 @@ var DevCommand = class extends Command3 {
   disableEmbeddedReactDevTools = Option3.Boolean("--disable-embedded-react-devtools", false);
   // mpack dev-server
   experimentalMode = Option3.Boolean("--experimental-mode");
-  preloadBundle = Option3.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,
@@ -264,8 +262,7 @@ var DevCommand = class extends Command3 {
       debug("StartCommand", {
         ...serverOptions,
         disableEmbeddedReactDevTools: this.disableEmbeddedReactDevTools,
-        experimentalMode: this.experimentalMode,
-        preloadBundle: this.preloadBundle
+        experimentalMode: this.experimentalMode
       });
       if (this.experimentalMode) {
         const mpackConfig = config.mpack.devServer.config;
@@ -276,8 +273,7 @@ var DevCommand = class extends Command3 {
           scheme: config.scheme,
           devServerConfig: mpackDevServerConfig,
           host: serverOptions.host,
-          port: serverOptions.port,
-          preloadBundle: this.preloadBundle
+          port: serverOptions.port
         });
       } else {
         const resolvedPlugins = await resolvePlugins2(config.plugins);
@@ -331,10 +327,11 @@ var DevCommand = class extends Command3 {
 };
 
 // src/config/defineConfig.ts
-import path4 from "path";
+import path3 from "path";
 import {
   babelConfigSchema,
-  esbuildConfigSchema
+  esbuildConfigSchema,
+  resolverConfigSchema
 } from "@granite-js/mpack";
 import { flattenPlugins as flattenPlugins2, mpackConfigScheme } from "@granite-js/plugin-core";
 import { getPackageRoot as getPackageRoot2 } from "@granite-js/utils";
@@ -377,6 +374,15 @@ function mergeEsbuildConfig(objValue, srcValue, key) {
   }
   return void 0;
 }
+function mergeResolverConfig(objValue, srcValue, key) {
+  if (key === "alias" && Array.isArray(objValue) && Array.isArray(srcValue)) {
+    return [...objValue, ...srcValue];
+  }
+  if (key === "protocols" && typeof objValue === "object" && typeof srcValue === "object") {
+    return { ...objValue, ...srcValue };
+  }
+  return void 0;
+}
 function combineComparers(...fns) {
   return (targetValue, sourceValue, key, target, source) => {
     for (const fn of fns) {
@@ -391,194 +397,15 @@ function combineComparers(...fns) {
 async function mergeConfigFromPlugins(plugins) {
   const pluginsResolved = await flattenPlugins(plugins);
   return pluginsResolved.reduce(
-    (acc, plugin) => mergeWith(acc, plugin.config ?? {}, combineComparers(concatArray, mergeMetroConfig, mergeEsbuildConfig)),
+    (acc, plugin) => mergeWith(
+      acc,
+      plugin.config ?? {},
+      combineComparers(concatArray, mergeMetroConfig, mergeEsbuildConfig, mergeResolverConfig)
+    ),
     {}
   );
 }
 
-// src/presets/service.ts
-import { isNotNil as isNotNil2 } from "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
-import path3 from "path";
-function getReactNativeSetupScripts(rootDir) {
-  const reactNativePath = path3.dirname(
-    __require.resolve("react-native/package.json", {
-      paths: [rootDir]
-    })
-  );
-  return [
-    ...__require(path3.join(reactNativePath, "rn-get-polyfills"))(),
-    path3.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((module) => ({ from: module, to: `granite-require:${module}`, exact: true })),
-      optimization["tslib-esm"] ? optimizations.resolveTslibEsm() : null
-    ].filter(isNotNil2),
-    protocols: {
-      "granite-require": graniteRequireProtocol
-    }
-  };
-}
-function getCommonServicePreset(context, { optimization = DEFAULT_OPTIMIZATION_OPTIONS }) {
-  const { dev } = context;
-  const buildNumber = getBuildNumber();
-  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")
-      }
-    },
-    babel: {
-      conditions: babelConditions
-    }
-  };
-}
-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
-    }
-  };
-}
-var shared = () => (context) => {
-  return getCommonSharedPreset(context);
-};
-
 // src/config/defineConfig.ts
 var graniteConfigSchema = z.object({
   appName: z.string(),
@@ -587,35 +414,35 @@ var graniteConfigSchema = z.object({
   outdir: z.string().default("dist"),
   entryFile: z.string().default("./src/_app.tsx"),
   cwd: z.string().default(process.cwd()),
+  resolver: resolverConfigSchema.optional(),
   mpack: mpackConfigScheme.optional(),
   babel: babelConfigSchema.optional(),
   esbuild: esbuildConfigSchema.optional(),
-  metro: z.custom().optional(),
-  INTERNAL__useSharedPreset: z.boolean().optional()
+  metro: z.custom().optional()
 });
 var defineConfig = async (config) => {
   const parsedConfig = graniteConfigSchema.parse(config);
   const appName = parsedConfig.appName;
   const scheme = parsedConfig.scheme;
-  const outdir = path4.join(getPackageRoot2(), parsedConfig.outdir);
+  const outdir = path3.join(getPackageRoot2(), parsedConfig.outdir);
   const entryFile = parsedConfig.entryFile;
   const plugins = await flattenPlugins2(parsedConfig.plugins);
   const mergedConfig = await mergeConfigFromPlugins(plugins);
   const mergedTransform = await mergeTransformFromPlugins(plugins);
+  const resolver = mergedConfig?.resolver ? merge(mergedConfig.resolver, parsedConfig?.resolver ?? {}) : void 0;
   const esbuild = mergedConfig?.esbuild ? merge(mergedConfig.esbuild, parsedConfig?.esbuild ?? {}) : void 0;
   const metro = mergedConfig?.metro ? merge(mergedConfig.metro, parsedConfig?.metro ?? {}) : void 0;
   const babel = mergedConfig?.babel ? merge(mergedConfig.babel, parsedConfig?.babel ?? {}) : void 0;
   const mpackDevServer = mergedConfig?.mpack?.devServer ? 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: {
+      resolver,
       esbuild,
       babel,
       platform,
       entry: entryFile,
-      outfile: path4.join(outdir, `bundle.${platform}.js`),
+      outfile: path3.join(outdir, `bundle.${platform}.js`),
       transformSync: mergedTransform?.transformSync,
       transformAsync: mergedTransform?.transformAsync
     }
@@ -629,16 +456,14 @@ var defineConfig = async (config) => {
         config: {
           appName,
           scheme,
-          services: {
-            /* TODO: Plugin 구조로 변경 필요 */
-            sentry: {
-              enabled: false
-            }
-          },
           devServer: {
-            presets: [buildPreset()],
             build: {
-              entry: entryFile
+              entry: entryFile,
+              resolver,
+              esbuild,
+              babel,
+              transformSync: mergedTransform?.transformSync,
+              transformAsync: mergedTransform?.transformAsync
             }
           },
           tasks: []
@@ -648,12 +473,6 @@ var defineConfig = async (config) => {
         config: {
           appName,
           scheme,
-          services: {
-            /* TODO: Plugin 구조로 변경 필요 */
-            sentry: {
-              enabled: false
-            }
-          },
           concurrency: 2,
           tasks: [createTask("ios"), createTask("android")]
         }
@@ -686,10 +505,7 @@ async function initialize() {
   cli.runExit(process.argv.slice(2));
 }
 export {
-  commonResolver,
   defineConfig,
-  getGlobalVariables,
   initialize,
-  loadConfig,
-  service
+  loadConfig
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@granite-js/cli",
   "type": "module",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "description": "The Granite CLI",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -44,9 +44,9 @@
     "vitest": "^3.0.7"
   },
   "dependencies": {
-    "@granite-js/mpack": "0.1.5",
-    "@granite-js/plugin-core": "0.1.5",
-    "@granite-js/utils": "0.1.5",
+    "@granite-js/mpack": "0.1.7",
+    "@granite-js/plugin-core": "0.1.7",
+    "@granite-js/utils": "0.1.7",
     "@inquirer/prompts": "^7.2.3",
     "@shopify/semaphore": "^3.1.0",
     "chalk": "^4",