@granite-js/cli 0.1.7 → 0.1.8

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @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

package/dist/index.cjs

@@ -39,48 +39,9 @@ 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");
@@ -110,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);
@@ -222,56 +187,16 @@ 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");
@@ -286,62 +211,18 @@ var DevCommand = class extends import_clipanion3.Command {
         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
       });
       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
-        });
+        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) {
@@ -355,157 +236,78 @@ var DevCommand = class extends import_clipanion3.Command {
 };
 
 // src/config/defineConfig.ts
+var import_path4 = __toESM(require("path"), 1);
+var import_plugin_core = require("@granite-js/plugin-core");
+var import_utils3 = require("@granite-js/utils");
+var import_es_toolkit2 = require("es-toolkit");
+
+// src/config/graniteGlobals.ts
+var import_fs = __toESM(require("fs"), 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_toolkit3 = require("es-toolkit");
-var import_zod = require("zod");
-
-// src/config/mergeConfigFromPlugins.ts
-var import_plugin_core3 = require("@granite-js/plugin-core");
-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 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) {
-      const result = fn(targetValue, sourceValue, key, target, source);
-      if (result !== void 0) {
-        return result;
+function prepareGraniteGlobalsScript(config) {
+  const filePath = writeGraniteGlobalsScript(config);
+  return {
+    esbuild: {
+      prelude: [filePath]
+    },
+    metro: {
+      serializer: {
+        getPolyfills: () => [filePath]
       }
     }
-    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, mergeResolverConfig)
-    ),
-    {}
-  );
+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");
 }
 
 // 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()),
-  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()
-});
 var defineConfig = async (config) => {
-  const parsedConfig = graniteConfigSchema.parse(config);
-  const appName = parsedConfig.appName;
-  const scheme = parsedConfig.scheme;
-  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 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}`,
-    build: {
-      resolver,
-      esbuild,
-      babel,
-      platform,
-      entry: entryFile,
-      outfile: import_path3.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,
-          devServer: {
-            build: {
-              entry: entryFile,
-              resolver,
-              esbuild,
-              babel,
-              transformSync: mergedTransform?.transformSync,
-              transformAsync: mergedTransform?.transformAsync
-            }
-          },
-          tasks: []
-        }
-      },
-      build: {
-        config: {
-          appName,
-          scheme,
-          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
     }
   };
 };

package/dist/index.d.cts

@@ -1,131 +1,5 @@
-import * as esbuild from 'esbuild';
-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';
+import { GraniteConfig, CompleteGraniteConfig } from '@granite-js/plugin-core';
 
-declare const graniteConfigSchema: z.ZodObject<{
-    appName: z.ZodString;
-    scheme: z.ZodString;
-    plugins: z.ZodType<PluginInput, z.ZodTypeDef, PluginInput>;
-    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[]>>;
-        }, "strip", z.ZodTypeAny, {
-            middlewares: HandleFunction[];
-        }, {
-            middlewares?: HandleFunction[] | undefined;
-        }>>>;
-    }, "strip", z.ZodTypeAny, {
-        devServer: {
-            middlewares: HandleFunction[];
-        };
-    }, {
-        devServer?: {
-            middlewares?: HandleFunction[] | undefined;
-        } | undefined;
-    }>>>;
-    babel: z.ZodOptional<z.ZodObject<{
-        configFile: z.ZodOptional<z.ZodString>;
-        presets: z.ZodOptional<z.ZodArray<z.ZodAny, "many">>;
-        plugins: z.ZodOptional<z.ZodArray<z.ZodAny, "many">>;
-        conditions: z.ZodOptional<z.ZodArray<z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodBoolean>, "many">>;
-    }, "strip", z.ZodTypeAny, {
-        plugins?: any[] | undefined;
-        configFile?: string | undefined;
-        conditions?: ((...args: unknown[]) => boolean)[] | undefined;
-        presets?: any[] | undefined;
-    }, {
-        plugins?: any[] | undefined;
-        configFile?: string | undefined;
-        conditions?: ((...args: unknown[]) => boolean)[] | undefined;
-        presets?: any[] | undefined;
-    }>>;
-    esbuild: z.ZodOptional<z.ZodType<esbuild.BuildOptions & {
-        prelude?: string[];
-    }, z.ZodTypeDef, esbuild.BuildOptions & {
-        prelude?: string[];
-    }>>;
-    metro: z.ZodOptional<z.ZodType<Partial<AdditionalMetroConfig>, z.ZodTypeDef, Partial<AdditionalMetroConfig>>>;
-}, "strip", z.ZodTypeAny, {
-    appName: string;
-    scheme: string;
-    plugins: PluginInput;
-    outdir: string;
-    entryFile: string;
-    cwd: string;
-    mpack?: {
-        devServer: {
-            middlewares: HandleFunction[];
-        };
-    } | undefined;
-    resolver?: {
-        alias?: _granite_js_mpack.AliasConfig[] | undefined;
-        protocols?: _granite_js_mpack.ProtocolConfig | undefined;
-    } | undefined;
-    babel?: {
-        plugins?: any[] | undefined;
-        configFile?: string | undefined;
-        conditions?: ((...args: unknown[]) => boolean)[] | undefined;
-        presets?: any[] | undefined;
-    } | undefined;
-    esbuild?: (esbuild.BuildOptions & {
-        prelude?: string[];
-    }) | undefined;
-    metro?: Partial<AdditionalMetroConfig> | undefined;
-}, {
-    appName: string;
-    scheme: string;
-    plugins: PluginInput;
-    mpack?: {
-        devServer?: {
-            middlewares?: HandleFunction[] | undefined;
-        } | undefined;
-    } | undefined;
-    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;
-        conditions?: ((...args: unknown[]) => boolean)[] | undefined;
-        presets?: any[] | undefined;
-    } | undefined;
-    esbuild?: (esbuild.BuildOptions & {
-        prelude?: string[];
-    }) | undefined;
-    metro?: Partial<AdditionalMetroConfig> | undefined;
-}>;
-type GraniteConfigInput = z.input<typeof graniteConfigSchema>;
-interface GraniteConfigResponse extends z.infer<typeof graniteConfigSchema> {
-    mpack: {
-        devServer: {
-            middlewares: HandleFunction[];
-            config: Config;
-        };
-        build: {
-            config: Config;
-        };
-    };
-}
 /**
  * @public
  * @category Configuration
@@ -141,16 +15,15 @@ interface GraniteConfigResponse extends z.infer<typeof graniteConfigSchema> {
  * - Additional functionality through Granite plugins
  *
  * @param config - Configuration options
+ * @param config.cwd - Working directory for build process (defaults to process.cwd())
  * @param config.appName - Your app's unique identifier
  * @param config.scheme - URL scheme for launching your app (e.g. 'granite')
- * @param config.plugins - Granite plugins to enhance functionality
  * @param config.outdir - Where to output build files (defaults to 'dist')
  * @param config.entryFile - Your app's entry point (defaults to './src/_app.tsx')
- * @param config.cwd - Working directory for build process (defaults to process.cwd())
- * @param config.mpack - Fine-tune mpack bundler behavior
- * @param config.babel - Customize Babel transpilation
- * @param config.esbuild - Adjust ESBuild bundling
+ * @param config.build - Customize build settings
  * @param config.metro - Configure Metro bundler settings
+ * @param config.devServer - Configure Mpack dev server settings
+ * @param config.plugins - Granite plugins to enhance functionality
  * @returns The processed configuration
  *
  * @example
@@ -175,10 +48,10 @@ interface GraniteConfigResponse extends z.infer<typeof graniteConfigSchema> {
  * });
  * ```
  */
-declare const defineConfig: (config: GraniteConfigInput) => Promise<GraniteConfigResponse>;
+declare const defineConfig: (config: GraniteConfig) => Promise<CompleteGraniteConfig>;
 
-declare const loadConfig: () => Promise<GraniteConfigResponse>;
+declare const loadConfig: () => Promise<CompleteGraniteConfig>;
 
 declare function initialize(): Promise<void>;
 
-export { type GraniteConfigInput, type GraniteConfigResponse, defineConfig, initialize, loadConfig };
+export { defineConfig, initialize, loadConfig };

package/dist/index.d.ts

@@ -1,131 +1,5 @@
-import * as esbuild from 'esbuild';
-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';
+import { GraniteConfig, CompleteGraniteConfig } from '@granite-js/plugin-core';
 
-declare const graniteConfigSchema: z.ZodObject<{
-    appName: z.ZodString;
-    scheme: z.ZodString;
-    plugins: z.ZodType<PluginInput, z.ZodTypeDef, PluginInput>;
-    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[]>>;
-        }, "strip", z.ZodTypeAny, {
-            middlewares: HandleFunction[];
-        }, {
-            middlewares?: HandleFunction[] | undefined;
-        }>>>;
-    }, "strip", z.ZodTypeAny, {
-        devServer: {
-            middlewares: HandleFunction[];
-        };
-    }, {
-        devServer?: {
-            middlewares?: HandleFunction[] | undefined;
-        } | undefined;
-    }>>>;
-    babel: z.ZodOptional<z.ZodObject<{
-        configFile: z.ZodOptional<z.ZodString>;
-        presets: z.ZodOptional<z.ZodArray<z.ZodAny, "many">>;
-        plugins: z.ZodOptional<z.ZodArray<z.ZodAny, "many">>;
-        conditions: z.ZodOptional<z.ZodArray<z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodBoolean>, "many">>;
-    }, "strip", z.ZodTypeAny, {
-        plugins?: any[] | undefined;
-        configFile?: string | undefined;
-        conditions?: ((...args: unknown[]) => boolean)[] | undefined;
-        presets?: any[] | undefined;
-    }, {
-        plugins?: any[] | undefined;
-        configFile?: string | undefined;
-        conditions?: ((...args: unknown[]) => boolean)[] | undefined;
-        presets?: any[] | undefined;
-    }>>;
-    esbuild: z.ZodOptional<z.ZodType<esbuild.BuildOptions & {
-        prelude?: string[];
-    }, z.ZodTypeDef, esbuild.BuildOptions & {
-        prelude?: string[];
-    }>>;
-    metro: z.ZodOptional<z.ZodType<Partial<AdditionalMetroConfig>, z.ZodTypeDef, Partial<AdditionalMetroConfig>>>;
-}, "strip", z.ZodTypeAny, {
-    appName: string;
-    scheme: string;
-    plugins: PluginInput;
-    outdir: string;
-    entryFile: string;
-    cwd: string;
-    mpack?: {
-        devServer: {
-            middlewares: HandleFunction[];
-        };
-    } | undefined;
-    resolver?: {
-        alias?: _granite_js_mpack.AliasConfig[] | undefined;
-        protocols?: _granite_js_mpack.ProtocolConfig | undefined;
-    } | undefined;
-    babel?: {
-        plugins?: any[] | undefined;
-        configFile?: string | undefined;
-        conditions?: ((...args: unknown[]) => boolean)[] | undefined;
-        presets?: any[] | undefined;
-    } | undefined;
-    esbuild?: (esbuild.BuildOptions & {
-        prelude?: string[];
-    }) | undefined;
-    metro?: Partial<AdditionalMetroConfig> | undefined;
-}, {
-    appName: string;
-    scheme: string;
-    plugins: PluginInput;
-    mpack?: {
-        devServer?: {
-            middlewares?: HandleFunction[] | undefined;
-        } | undefined;
-    } | undefined;
-    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;
-        conditions?: ((...args: unknown[]) => boolean)[] | undefined;
-        presets?: any[] | undefined;
-    } | undefined;
-    esbuild?: (esbuild.BuildOptions & {
-        prelude?: string[];
-    }) | undefined;
-    metro?: Partial<AdditionalMetroConfig> | undefined;
-}>;
-type GraniteConfigInput = z.input<typeof graniteConfigSchema>;
-interface GraniteConfigResponse extends z.infer<typeof graniteConfigSchema> {
-    mpack: {
-        devServer: {
-            middlewares: HandleFunction[];
-            config: Config;
-        };
-        build: {
-            config: Config;
-        };
-    };
-}
 /**
  * @public
  * @category Configuration
@@ -141,16 +15,15 @@ interface GraniteConfigResponse extends z.infer<typeof graniteConfigSchema> {
  * - Additional functionality through Granite plugins
  *
  * @param config - Configuration options
+ * @param config.cwd - Working directory for build process (defaults to process.cwd())
  * @param config.appName - Your app's unique identifier
  * @param config.scheme - URL scheme for launching your app (e.g. 'granite')
- * @param config.plugins - Granite plugins to enhance functionality
  * @param config.outdir - Where to output build files (defaults to 'dist')
  * @param config.entryFile - Your app's entry point (defaults to './src/_app.tsx')
- * @param config.cwd - Working directory for build process (defaults to process.cwd())
- * @param config.mpack - Fine-tune mpack bundler behavior
- * @param config.babel - Customize Babel transpilation
- * @param config.esbuild - Adjust ESBuild bundling
+ * @param config.build - Customize build settings
  * @param config.metro - Configure Metro bundler settings
+ * @param config.devServer - Configure Mpack dev server settings
+ * @param config.plugins - Granite plugins to enhance functionality
  * @returns The processed configuration
  *
  * @example
@@ -175,10 +48,10 @@ interface GraniteConfigResponse extends z.infer<typeof graniteConfigSchema> {
  * });
  * ```
  */
-declare const defineConfig: (config: GraniteConfigInput) => Promise<GraniteConfigResponse>;
+declare const defineConfig: (config: GraniteConfig) => Promise<CompleteGraniteConfig>;
 
-declare const loadConfig: () => Promise<GraniteConfigResponse>;
+declare const loadConfig: () => Promise<CompleteGraniteConfig>;
 
 declare function initialize(): Promise<void>;
 
-export { type GraniteConfigInput, type GraniteConfigResponse, defineConfig, initialize, loadConfig };
+export { defineConfig, initialize, loadConfig };

package/dist/index.js

@@ -11,48 +11,9 @@ import { Builtins, Cli } from "clipanion";
 import { cosmiconfig as cosmiconfig2 } from "cosmiconfig";
 
 // src/commands/BuildCommand/BuildCommand.ts
-import { Command, Option } from "clipanion";
-
-// src/build.ts
-import { runBundle } from "@granite-js/mpack";
+import { BuildUtils } from "@granite-js/mpack";
 import { statusPlugin } from "@granite-js/mpack/plugins";
-import { resolvePlugins } from "@granite-js/plugin-core";
-async function build(config, {
-  tag,
-  cache
-}) {
-  const resolvedPlugins = await 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 runBundle({
-    tag,
-    rootDir: config.cwd,
-    dev: false,
-    cache,
-    metafile: true,
-    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
-    });
-  }
-}
+import { Command, Option } from "clipanion";
 
 // src/config/loadConfig.ts
 import { getPackageRoot } from "@granite-js/utils";
@@ -82,26 +43,30 @@ var BuildCommand = class extends Command {
   static paths = [[`build`]];
   static usage = 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"]]
+  });
+  dev = Option.Boolean("--dev", {
+    description: "Build in development mode"
   });
-  tag = 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"
+  metafile = Option.Boolean("--metafile", {
+    description: "Generate metafile"
   });
-  disableCache = Option.Boolean("--disable-cache", {
-    description: "\uCE90\uC2DC\uB97C \uBE44\uD65C\uC131\uD654 \uD569\uB2C8\uB2E4"
+  cache = 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 BuildUtils.buildAll(options, { config, plugins: [statusPlugin] });
       return 0;
     } catch (error) {
       console.error(error);
@@ -194,56 +159,16 @@ var HermesCommand = class extends Command2 {
 };
 
 // src/commands/DevCommand/DevCommand.ts
-import assert2 from "assert";
-import * as mpack from "@granite-js/mpack";
-import { resolvePlugins as resolvePlugins2 } from "@granite-js/plugin-core";
+import { runServer, EXPERIMENTAL__server } from "@granite-js/mpack";
 import { Command as Command3, Option as Option3 } from "clipanion";
 import Debug from "debug";
-
-// 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 = Debug("cli");
-var DEFAULT_HOST = "0.0.0.0";
-var DEFAULT_LOCALHOST_PORT = 8081;
 var DevCommand = class extends Command3 {
   static paths = [[`dev`]];
   static usage = Command3.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 = Option3.String("--host");
   port = Option3.String("--port");
@@ -258,62 +183,18 @@ var DevCommand = class extends Command3 {
         host: this.host,
         port: this.port ? parseInt(this.port, 10) : void 0
       };
-      assert2(config?.appName, "\uC571 \uC774\uB984\uC744 \uCC3E\uC744 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4");
       debug("StartCommand", {
         ...serverOptions,
         disableEmbeddedReactDevTools: this.disableEmbeddedReactDevTools,
         experimentalMode: this.experimentalMode
       });
       if (this.experimentalMode) {
-        const mpackConfig = config.mpack.devServer.config;
-        const mpackDevServerConfig = mpackConfig?.devServer;
-        assert2(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
-        });
+        await EXPERIMENTAL__server({ config, ...serverOptions });
       } else {
-        const resolvedPlugins = await resolvePlugins2(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 runServer({
+          config,
           enableEmbeddedReactDevTools: !this.disableEmbeddedReactDevTools,
-          additionalConfig: additionalMetroConfig
+          ...serverOptions
         });
       }
     } catch (error) {
@@ -327,161 +208,82 @@ var DevCommand = class extends Command3 {
 };
 
 // src/config/defineConfig.ts
-import path3 from "path";
+import path4 from "path";
 import {
-  babelConfigSchema,
-  esbuildConfigSchema,
-  resolverConfigSchema
-} from "@granite-js/mpack";
-import { flattenPlugins as flattenPlugins2, mpackConfigScheme } from "@granite-js/plugin-core";
+  resolvePlugins,
+  mergeConfig,
+  pluginConfigSchema
+} from "@granite-js/plugin-core";
 import { getPackageRoot as getPackageRoot2 } from "@granite-js/utils";
-import { merge } from "es-toolkit";
-import { z } from "zod";
+import { isNotNil as isNotNil2 } from "es-toolkit";
 
-// src/config/mergeConfigFromPlugins.ts
-import { flattenPlugins } from "@granite-js/plugin-core";
-import { mergeWith } from "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 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) {
-      const result = fn(targetValue, sourceValue, key, target, source);
-      if (result !== void 0) {
-        return result;
+// src/config/graniteGlobals.ts
+import fs from "fs";
+import path3 from "path";
+import { getLocalTempDirectoryPath, prepareLocalDirectory } from "@granite-js/utils";
+function prepareGraniteGlobalsScript(config) {
+  const filePath = writeGraniteGlobalsScript(config);
+  return {
+    esbuild: {
+      prelude: [filePath]
+    },
+    metro: {
+      serializer: {
+        getPolyfills: () => [filePath]
       }
     }
-    return void 0;
   };
 }
-async function mergeConfigFromPlugins(plugins) {
-  const pluginsResolved = await flattenPlugins(plugins);
-  return pluginsResolved.reduce(
-    (acc, plugin) => mergeWith(
-      acc,
-      plugin.config ?? {},
-      combineComparers(concatArray, mergeMetroConfig, mergeEsbuildConfig, mergeResolverConfig)
-    ),
-    {}
-  );
+function writeGraniteGlobalsScript(config) {
+  const script = getGraniteGlobalScript(config);
+  const filePath = path3.join(getLocalTempDirectoryPath(config.rootDir), "granite-globals.js");
+  prepareLocalDirectory(config.rootDir);
+  fs.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");
 }
 
 // src/config/defineConfig.ts
-var graniteConfigSchema = z.object({
-  appName: z.string(),
-  scheme: z.string(),
-  plugins: z.custom(),
-  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()
-});
 var defineConfig = async (config) => {
-  const parsedConfig = graniteConfigSchema.parse(config);
-  const appName = parsedConfig.appName;
-  const scheme = parsedConfig.scheme;
-  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 createTask = (platform) => ({
-    tag: `${appName}-${platform}`,
-    build: {
-      resolver,
-      esbuild,
-      babel,
-      platform,
-      entry: entryFile,
-      outfile: path3.join(outdir, `bundle.${platform}.js`),
-      transformSync: mergedTransform?.transformSync,
-      transformAsync: mergedTransform?.transformAsync
-    }
-  });
+  const parsed = pluginConfigSchema.parse(config);
+  const cwd = parsed.cwd ?? getPackageRoot2();
+  const appName = parsed.appName;
+  const scheme = parsed.scheme;
+  const entryFile = path4.resolve(cwd, parsed.entryFile);
+  const outdir = path4.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 resolvePlugins(parsed.plugins);
+  const globalsScriptConfig = prepareGraniteGlobalsScript({ rootDir: cwd, appName, scheme });
+  const mergedConfig = mergeConfig(parsedConfig, ...[globalsScriptConfig, ...configs].filter(isNotNil2));
+  const { metro, devServer, ...buildConfig } = mergedConfig ?? {};
   return {
-    ...parsedConfig,
+    cwd,
+    entryFile,
+    appName,
+    scheme,
     outdir,
-    mpack: {
-      devServer: {
-        middlewares: mpackDevServer?.middlewares ?? [],
-        config: {
-          appName,
-          scheme,
-          devServer: {
-            build: {
-              entry: entryFile,
-              resolver,
-              esbuild,
-              babel,
-              transformSync: mergedTransform?.transformSync,
-              transformAsync: mergedTransform?.transformAsync
-            }
-          },
-          tasks: []
-        }
-      },
-      build: {
-        config: {
-          appName,
-          scheme,
-          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
     }
   };
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@granite-js/cli",
   "type": "module",
-  "version": "0.1.7",
+  "version": "0.1.8",
   "description": "The Granite CLI",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -36,7 +36,7 @@
     "@types/debug": "^4",
     "@types/node": "^22.10.2",
     "@types/serve-static": "^1",
-    "esbuild": "^0.25.4",
+    "esbuild": "0.25.8",
     "eslint": "^9.7.0",
     "ts-prune": "^0.10.3",
     "tsup": "^8.5.0",
@@ -44,9 +44,9 @@
     "vitest": "^3.0.7"
   },
   "dependencies": {
-    "@granite-js/mpack": "0.1.7",
-    "@granite-js/plugin-core": "0.1.7",
-    "@granite-js/utils": "0.1.7",
+    "@granite-js/mpack": "0.1.8",
+    "@granite-js/plugin-core": "0.1.8",
+    "@granite-js/utils": "0.1.8",
     "@inquirer/prompts": "^7.2.3",
     "@shopify/semaphore": "^3.1.0",
     "chalk": "^4",