@medusajs/admin-bundler 3.0.0-preview-20250211091350 → 3.0.0-preview-20250406180144

package/dist/index.d.ts

@@ -4,6 +4,7 @@ import * as express_serve_static_core from 'express-serve-static-core';
 type BundlerOptions = Required<Pick<AdminOptions, "path">> & Pick<AdminOptions, "vite" | "backendUrl" | "storefrontUrl"> & {
     outDir: string;
     sources?: string[];
+    plugins?: string[];
 };
 
 declare function build(options: BundlerOptions): Promise<void>;

package/dist/index.js

@@ -571,6 +571,14 @@ var require_dist = __commonJS({
               "muted": {
                 "DEFAULT": "var(--fg-muted)"
               }
+            },
+            "alpha": {
+              "250": {
+                "DEFAULT": "var(--alpha-250)"
+              },
+              "400": {
+                "DEFAULT": "var(--alpha-400)"
+              }
             }
           }
         },
@@ -595,9 +603,9 @@ var require_dist = __commonJS({
           "elevation-flyout": "var(--elevation-flyout)",
           "elevation-tooltip": "var(--elevation-tooltip)",
           "elevation-modal": "var(--elevation-modal)",
-          "elevation-commandbar": "var(--elevation-commandbar)",
           "elevation-code-block": "var(--elevation-code-block)",
-          "buttons-inverted": "var(--buttons-inverted)"
+          "buttons-inverted": "var(--buttons-inverted)",
+          "elevation-commandbar": "var(--elevation-commandbar)"
         }
       }
     };
@@ -690,7 +698,9 @@ var require_dist = __commonJS({
         "--bg-field-component-hover": "rgba(39, 39, 42, 1)",
         "--bg-subtle-pressed": "rgba(39, 39, 42, 1)",
         "--button-transparent-pressed": "rgba(255, 255, 255, 0.12)",
-        "--fg-muted": "rgba(113, 113, 122, 1)"
+        "--fg-muted": "rgba(113, 113, 122, 1)",
+        "--alpha-400": "rgba(255, 255, 255, 0.24)",
+        "--alpha-250": "rgba(255, 255, 255, 0.1)"
       },
       "light": {
         "--tag-neutral-border": "rgba(228, 228, 231, 1)",
@@ -780,7 +790,9 @@ var require_dist = __commonJS({
         "--contrast-border-top": "rgba(24, 24, 27, 1)",
         "--bg-overlay": "rgba(24, 24, 27, 0.4)",
         "--fg-disabled": "rgba(161, 161, 170, 1)",
-        "--fg-muted": "rgba(113, 113, 122, 1)"
+        "--fg-muted": "rgba(113, 113, 122, 1)",
+        "--alpha-400": "rgba(24, 24, 27, 0.24)",
+        "--alpha-250": "rgba(24, 24, 27, 0.1)"
       }
     };
     var components = {
@@ -800,7 +812,6 @@ var require_dist = __commonJS({
         "--buttons-danger-focus": "0px -1px 0px 0px rgba(255, 255, 255, 0.16), 0px 0px 0px 1px rgba(255, 255, 255, 0.12), 0px 0px 0px 1px rgba(159, 18, 57, 1), 0px 0px 0px 2px rgba(24, 24, 27, 1), 0px 0px 0px 4px rgba(96, 165, 250, 0.8)",
         "--details-switch-background": "0px 1px 1px 0px rgba(0, 0, 0, 0.1) inset, 0px 2px 4px 0px rgba(0, 0, 0, 0.1) inset, 0px 0px 0px 0.75px rgba(255, 255, 255, 0.12) inset, 0px 0px 8px 0px rgba(0, 0, 0, 0.1) inset",
         "--buttons-inverted-focus": "0px -1px 0px 0px rgba(255, 255, 255, 0.12), 0px 0px 0px 1px rgba(255, 255, 255, 0.12), 0px 0px 0px 1px rgba(82, 82, 91, 1), 0px 0px 0px 2px rgba(24, 24, 27, 1), 0px 0px 0px 4px rgba(96, 165, 250, 0.8)",
-        "--elevation-tooltip": "0px -1px 0px 0px rgba(255, 255, 255, 0.04), 0px 0px 0px 1px rgba(255, 255, 255, 0.1), 0px 2px 4px 0px rgba(0, 0, 0, 0.32), 0px 4px 8px 0px rgba(0, 0, 0, 0.32)",
         "--elevation-flyout": "0px -1px 0px 0px rgba(255, 255, 255, 0.04), 0px 0px 0px 1px rgba(255, 255, 255, 0.1), 0px 4px 8px 0px rgba(0, 0, 0, 0.32), 0px 8px 16px 0px rgba(0, 0, 0, 0.32)",
         "--borders-error": "0px 0px 0px 1px rgba(244, 63, 94, 1), 0px 0px 0px 3px rgba(225, 29, 72, 0.25)",
         "--buttons-inverted": "0px -1px 0px 0px rgba(255, 255, 255, 0.12), 0px 0px 0px 1px rgba(255, 255, 255, 0.1), 0px 0px 0px 1px rgba(82, 82, 91, 1), 0px 0px 1px 1.5px rgba(0, 0, 0, 0.24), 0px 2px 2px 0px rgba(0, 0, 0, 0.24)",
@@ -810,8 +821,9 @@ var require_dist = __commonJS({
         "--buttons-neutral": "0px -1px 0px 0px rgba(255, 255, 255, 0.06), 0px 0px 0px 1px rgba(255, 255, 255, 0.06), 0px 0px 0px 1px rgba(39, 39, 42, 1), 0px 0px 1px 1.5px rgba(0, 0, 0, 0.24), 0px 2px 2px 0px rgba(0, 0, 0, 0.24)",
         "--elevation-code-block": "0px -1px 0px 0px rgba(255, 255, 255, 0.06), 0px 0px 0px 1px rgba(255, 255, 255, 0.06), 0px 0px 0px 1px rgba(39, 39, 42, 1), 0px 1px 2px 0px rgba(0, 0, 0, 0.32), 0px 2px 4px 0px rgba(0, 0, 0, 0.32)",
         "--buttons-neutral-focus": "0px -1px 0px 0px rgba(255, 255, 255, 0.06), 0px 0px 0px 1px rgba(255, 255, 255, 0.06), 0px 0px 0px 1px rgba(39, 39, 42, 1), 0px 0px 0px 2px rgba(24, 24, 27, 1), 0px 0px 0px 4px rgba(96, 165, 250, 0.8)",
-        "--elevation-commandbar": "0px 0px 0px 1px rgba(39, 39, 42, 1) inset, 0px 0px 0px 1.5px rgba(255, 255, 255, 0.1) inset, 0px 4px 8px 0px rgba(0, 0, 0, 0.32), 0px 8px 16px 0px rgba(0, 0, 0, 0.32)",
-        "--elevation-modal": "0px 0px 0px 1px rgba(24, 24, 27, 1) inset, 0px 0px 0px 1.5px rgba(255, 255, 255, 0.06) inset, 0px -1px 0px 0px rgba(255, 255, 255, 0.04), 0px 0px 0px 1px rgba(255, 255, 255, 0.1), 0px 4px 8px 0px rgba(0, 0, 0, 0.32), 0px 8px 16px 0px rgba(0, 0, 0, 0.32)"
+        "--elevation-modal": "0px 0px 0px 1px rgba(24, 24, 27, 1) inset, 0px 0px 0px 1.5px rgba(255, 255, 255, 0.06) inset, 0px -1px 0px 0px rgba(255, 255, 255, 0.04), 0px 0px 0px 1px rgba(255, 255, 255, 0.1), 0px 4px 8px 0px rgba(0, 0, 0, 0.32), 0px 8px 16px 0px rgba(0, 0, 0, 0.32)",
+        "--elevation-commandbar": "0px 0px 0px 0.75px rgba(24, 24, 27, 1) inset, 0px 0px 0px 1.25px rgba(255, 255, 255, 0.1) inset, 0px 4px 8px 0px rgba(0, 0, 0, 0.32), 0px 8px 16px 0px rgba(0, 0, 0, 0.32)",
+        "--elevation-tooltip": "0px -1px 0px 0px rgba(255, 255, 255, 0.04), 0px 2px 4px 0px rgba(0, 0, 0, 0.32), 0px 0px 0px 1px rgba(255, 255, 255, 0.1), 0px 4px 8px 0px rgba(0, 0, 0, 0.32)"
       },
       "light": {
         "--borders-interactive-with-active": "0px 0px 0px 1px rgba(59, 130, 246, 1), 0px 0px 0px 4px rgba(59, 130, 246, 0.2)",
@@ -834,9 +846,9 @@ var require_dist = __commonJS({
         "--elevation-flyout": "0px 0px 0px 1px rgba(0, 0, 0, 0.08), 0px 4px 8px 0px rgba(0, 0, 0, 0.08), 0px 8px 16px 0px rgba(0, 0, 0, 0.08)",
         "--elevation-tooltip": "0px 0px 0px 1px rgba(0, 0, 0, 0.08), 0px 2px 4px 0px rgba(0, 0, 0, 0.08), 0px 4px 8px 0px rgba(0, 0, 0, 0.08)",
         "--elevation-modal": "0px 0px 0px 1px rgba(255, 255, 255, 1) inset, 0px 0px 0px 1.5px rgba(228, 228, 231, 0.6) inset, 0px 0px 0px 1px rgba(0, 0, 0, 0.08), 0px 8px 16px 0px rgba(0, 0, 0, 0.08), 0px 16px 32px 0px rgba(0, 0, 0, 0.08)",
-        "--elevation-commandbar": "0px 0px 0px 1px rgba(39, 39, 42, 1) inset, 0px 0px 0px 1.5px rgba(255, 255, 255, 0.3) inset, 0px 8px 16px 0px rgba(0, 0, 0, 0.08), 0px 16px 32px 0px rgba(0, 0, 0, 0.08)",
         "--elevation-code-block": "0px 0px 0px 1px rgba(24, 24, 27, 1) inset, 0px 0px 0px 1.5px rgba(255, 255, 255, 0.2) inset",
-        "--buttons-inverted": "0px 0.75px 0px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px 0px rgba(0, 0, 0, 0.4), 0px 0px 0px 1px rgba(24, 24, 27, 1)"
+        "--buttons-inverted": "0px 0.75px 0px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px 0px rgba(0, 0, 0, 0.4), 0px 0px 0px 1px rgba(24, 24, 27, 1)",
+        "--elevation-commandbar": "0px 0px 0px 0.75px rgba(39, 39, 42, 1) inset, 0px 0px 0px 1.25px rgba(255, 255, 255, 0.3) inset, 0px 8px 16px 0px rgba(0, 0, 0, 0.08), 0px 16px 32px 0px rgba(0, 0, 0, 0.08)"
       }
     };
     var typography = {
@@ -978,24 +990,12 @@ var require_dist = __commonJS({
         "fontWeight": "500",
         "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
       },
-      ".code-label": {
-        "fontSize": "0.75rem",
-        "lineHeight": "1.25rem",
-        "fontWeight": "400",
-        "fontFamily": "Roboto Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace"
-      },
       ".h4-webs": {
         "fontSize": "1.5rem",
         "lineHeight": "1.875rem",
         "fontWeight": "500",
         "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
       },
-      ".code-body": {
-        "fontSize": "0.75rem",
-        "lineHeight": "1.125rem",
-        "fontWeight": "400",
-        "fontFamily": "Roboto Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace"
-      },
       ".h2-core": {
         "fontSize": "1rem",
         "lineHeight": "1.5rem",
@@ -1031,6 +1031,18 @@ var require_dist = __commonJS({
         "lineHeight": "1.5rem",
         "fontWeight": "500",
         "fontFamily": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji"
+      },
+      ".code-body": {
+        "fontSize": "0.75rem",
+        "lineHeight": "1.125rem",
+        "fontWeight": "400",
+        "fontFamily": "Roboto Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace"
+      },
+      ".code-label": {
+        "fontSize": "0.75rem",
+        "lineHeight": "0.9375rem",
+        "fontWeight": "500",
+        "fontFamily": "Roboto Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace"
       }
     };
     var plugin_default = (0, import_plugin2.default)(
@@ -1108,16 +1120,179 @@ __export(src_exports, {
 });
 module.exports = __toCommonJS(src_exports);
 
-// src/lib/config.ts
+// src/utils/config.ts
 var import_admin_shared = require("@medusajs/admin-shared");
 var import_path = __toESM(require("path"));
+
+// src/plugins/inject-tailwindcss.ts
+var import_node_path = __toESM(require("path"));
+var injectTailwindCSS = (options) => {
+  return {
+    name: "medusa:inject-tailwindcss",
+    config: () => ({
+      css: {
+        postcss: {
+          plugins: [
+            require("tailwindcss")({
+              config: createTailwindConfig(
+                options.entry,
+                options.sources,
+                options.plugins
+              )
+            })
+          ]
+        }
+      }
+    })
+  };
+};
+function createTailwindConfig(entry, sources = [], plugins = []) {
+  const root = import_node_path.default.join(entry, "**/*.{js,ts,jsx,tsx}");
+  const html = import_node_path.default.join(entry, "index.html");
+  let dashboard = "";
+  try {
+    dashboard = import_node_path.default.join(
+      import_node_path.default.dirname(require.resolve("@medusajs/dashboard")),
+      "**/*.{js,ts,jsx,tsx}"
+    );
+  } catch (_e) {
+  }
+  let ui = "";
+  try {
+    ui = import_node_path.default.join(
+      import_node_path.default.dirname(require.resolve("@medusajs/ui")),
+      "**/*.{js,ts,jsx,tsx}"
+    );
+  } catch (_e) {
+  }
+  const sourceExtensions = sources.map(
+    (s) => import_node_path.default.join(s, "**/*.{js,ts,jsx,tsx}")
+  );
+  const pluginExtensions = [];
+  for (const plugin2 of plugins) {
+    try {
+      const pluginPath = import_node_path.default.join(
+        import_node_path.default.dirname(require.resolve(plugin2)),
+        "**/*.{js,ts,jsx,tsx}"
+      );
+      pluginExtensions.push(pluginPath);
+    } catch (_e) {
+    }
+  }
+  const config = {
+    presets: [require_dist()],
+    content: [
+      html,
+      root,
+      dashboard,
+      ui,
+      ...sourceExtensions,
+      ...pluginExtensions
+    ],
+    darkMode: "class"
+  };
+  return config;
+}
+
+// src/utils/write-static-files.ts
+var import_promises = require("fs/promises");
+var import_node_path2 = require("path");
+var import_outdent = __toESM(require("outdent"));
+async function writeStaticFiles(plugins) {
+  const outDir = (0, import_node_path2.join)(process.cwd(), ".medusa/client");
+  await (0, import_promises.mkdir)(outDir, { recursive: true });
+  const promises = [
+    writeCSSFile(outDir),
+    writeEntryFile(outDir, plugins),
+    writeHTMLFile(outDir)
+  ];
+  await Promise.all(promises);
+}
+async function writeCSSFile(outDir) {
+  const css = import_outdent.default`
+    @import "@medusajs/dashboard/css";
+
+    @tailwind base;
+    @tailwind components;
+    @tailwind utilities;
+  `;
+  await (0, import_promises.writeFile)((0, import_node_path2.join)(outDir, "index.css"), css);
+}
+function getPluginName(index) {
+  return `plugin${index}`;
+}
+async function writeEntryFile(outDir, plugins) {
+  const entry = import_outdent.default`
+    import App from "@medusajs/dashboard";
+    import React from "react";
+    import ReactDOM from "react-dom/client";
+    import "./index.css";
+
+    ${plugins?.map((plugin2, idx) => `import ${getPluginName(idx)} from "${plugin2}"`).join("\n")}
+
+    let root = null
+
+    if (!root) {
+      root = ReactDOM.createRoot(document.getElementById("medusa"))
+    }
+
+    
+    root.render(
+      <React.StrictMode>
+        <App plugins={[${plugins?.map((_, idx) => getPluginName(idx)).join(", ")}]} />
+      </React.StrictMode>
+    )
+
+
+    if (import.meta.hot) {
+        import.meta.hot.accept()
+    }
+  `;
+  await (0, import_promises.writeFile)((0, import_node_path2.join)(outDir, "entry.jsx"), entry);
+}
+async function writeHTMLFile(outDir) {
+  const html = import_outdent.default`
+    <!DOCTYPE html>
+    <html>
+        <head>
+            <meta
+                http-equiv="Content-Type"
+                content="text/html; charset=UTF-8"
+            />
+            <meta
+                name="viewport"
+                content="width=device-width, initial-scale=1, user-scalable=no"
+            />
+            <link rel="icon" href="data:," data-placeholder-favicon />
+        </head>
+
+        <body>
+            <div id="medusa"></div>
+            <script type="module" src="./entry.jsx"></script>
+        </body>
+    </html>
+  `;
+  await (0, import_promises.writeFile)((0, import_node_path2.join)(outDir, "index.html"), html);
+}
+
+// src/plugins/write-static-files.ts
+var writeStaticFiles2 = (options) => {
+  return {
+    name: "medusa:write-static-files",
+    buildStart: async (ctx) => {
+      await writeStaticFiles(options.plugins);
+    }
+  };
+};
+
+// src/utils/config.ts
 async function getViteConfig(options) {
   const { searchForWorkspaceRoot, mergeConfig } = await import("vite");
   const { default: react } = await import("@vitejs/plugin-react");
   const { default: medusa } = await import("@medusajs/admin-vite-plugin");
   const getPort = await import("get-port");
   const hmrPort = await getPort.default();
-  const root = import_path.default.resolve(__dirname, "./");
+  const root = import_path.default.resolve(process.cwd(), ".medusa/client");
   const backendUrl = options.backendUrl ?? "";
   const storefrontUrl = options.storefrontUrl ?? "";
   const baseConfig = {
@@ -1153,16 +1328,15 @@ async function getViteConfig(options) {
         port: hmrPort
       }
     },
-    css: {
-      postcss: {
-        plugins: [
-          require("tailwindcss")({
-            config: createTailwindConfig(root, options.sources)
-          })
-        ]
-      }
-    },
     plugins: [
+      writeStaticFiles2({
+        plugins: options.plugins
+      }),
+      injectTailwindCSS({
+        entry: root,
+        sources: options.sources,
+        plugins: options.plugins
+      }),
       react(),
       medusa({
         sources: options.sources
@@ -1175,35 +1349,8 @@ async function getViteConfig(options) {
   }
   return baseConfig;
 }
-function createTailwindConfig(entry, sources = []) {
-  const root = import_path.default.join(entry, "**/*.{js,ts,jsx,tsx}");
-  const html = import_path.default.join(entry, "index.html");
-  let dashboard = "";
-  try {
-    dashboard = import_path.default.join(
-      import_path.default.dirname(require.resolve("@medusajs/dashboard")),
-      "**/*.{js,ts,jsx,tsx}"
-    );
-  } catch (_e) {
-  }
-  let ui = "";
-  try {
-    ui = import_path.default.join(
-      import_path.default.dirname(require.resolve("@medusajs/ui")),
-      "**/*.{js,ts,jsx,tsx}"
-    );
-  } catch (_e) {
-  }
-  const extensions = sources.map((s) => import_path.default.join(s, "**/*.{js,ts,jsx,tsx}"));
-  const config = {
-    presets: [require_dist()],
-    content: [html, root, dashboard, ui, ...extensions],
-    darkMode: "class"
-  };
-  return config;
-}
 
-// src/lib/build.ts
+// src/commands/build.ts
 async function build(options) {
   const vite = await import("vite");
   const viteConfig = await getViteConfig(options);
@@ -1214,7 +1361,7 @@ async function build(options) {
   await vite.build(vite.mergeConfig(viteConfig, buildConfig));
 }
 
-// src/lib/develop.ts
+// src/commands/develop.ts
 var import_express = __toESM(require("express"));
 var import_fs = __toESM(require("fs"));
 var import_path2 = __toESM(require("path"));
@@ -1285,24 +1432,30 @@ async function develop(options) {
   return router;
 }
 
-// src/lib/plugin.ts
+// src/commands/plugin.ts
 var import_fs2 = require("fs");
-var import_promises = require("fs/promises");
-var import_glob = require("glob");
+var import_node_module = require("module");
 var import_path3 = __toESM(require("path"));
+
+// src/plugins/clear-plugin-build.ts
+var import_promises2 = require("fs/promises");
+var import_node_path3 = __toESM(require("path"));
+var clearPluginBuild = (options) => ({
+  name: "medusa:clear-plugin-build",
+  buildStart: async () => {
+    const adminDir = import_node_path3.default.join(options.outDir, "admin");
+    try {
+      await (0, import_promises2.rm)(adminDir, { recursive: true, force: true });
+    } catch (e) {
+    }
+  }
+});
+
+// src/commands/plugin.ts
 async function plugin(options) {
   const vite = await import("vite");
   const react = (await import("@vitejs/plugin-react")).default;
-  const { nodeResolve } = await import("@rollup/plugin-node-resolve");
-  const entries = await (0, import_glob.glob)(`${options.root}/src/admin/**/*.{ts,tsx,js,jsx}`);
-  if (entries.length === 0) {
-    return;
-  }
-  const entryPoints = entries.reduce((acc, entry) => {
-    const outPath = entry.replace(/^src\//, "").replace(/\.(ts|tsx|js|jsx)$/, "");
-    acc[outPath] = import_path3.default.resolve(options.root, entry);
-    return acc;
-  }, {});
+  const medusa = (await import("@medusajs/admin-vite-plugin")).default;
   const pkg = JSON.parse(
     (0, import_fs2.readFileSync)(import_path3.default.resolve(options.root, "package.json"), "utf-8")
   );
@@ -1311,51 +1464,62 @@ async function plugin(options) {
     ...Object.keys(pkg.peerDependencies || {}),
     ...Object.keys(pkg.devDependencies || {}),
     "react",
-    "react-dom",
     "react/jsx-runtime",
     "react-router-dom",
+    "@medusajs/js-sdk",
     "@medusajs/admin-sdk",
     "@tanstack/react-query"
   ]);
+  const outDir = import_path3.default.resolve(options.root, options.outDir, "src/admin");
+  const entryPoint = import_path3.default.resolve(
+    options.root,
+    "src/admin/__admin-extensions__.js"
+  );
   const originalNodeEnv = process.env.NODE_ENV;
   process.env.NODE_ENV = "production";
   const pluginConfig = {
     build: {
       lib: {
-        entry: entryPoints,
-        formats: ["es"]
+        entry: entryPoint,
+        formats: ["es", "cjs"],
+        fileName: "index"
       },
       emptyOutDir: false,
       minify: false,
-      outDir: import_path3.default.resolve(options.root, options.outDir),
+      outDir,
       rollupOptions: {
-        plugins: [nodeResolve()],
-        external: [...external, /node_modules/],
+        external: (id, importer) => {
+          if (!importer) {
+            const idParts2 = id.split("/");
+            const name2 = idParts2[0]?.startsWith("@") ? `${idParts2[0]}/${idParts2[1]}` : idParts2[0];
+            const builtinModulesWithNodePrefix = [
+              ...import_node_module.builtinModules,
+              ...import_node_module.builtinModules.map((modName) => `node:${modName}`)
+            ];
+            return Boolean(
+              name2 && external.has(name2) || name2 && builtinModulesWithNodePrefix.includes(name2)
+            );
+          }
+          const idParts = id.split("/");
+          const name = idParts[0]?.startsWith("@") ? `${idParts[0]}/${idParts[1]}` : idParts[0];
+          return Boolean(name && external.has(name));
+        },
         output: {
-          globals: {
-            react: "React",
-            "react-dom": "React-dom",
-            "react/jsx-runtime": "react/jsx-runtime"
-          },
-          preserveModules: true,
-          entryFileNames: (chunkInfo) => {
-            return `${chunkInfo.name.replace(`${options.root}/`, "")}.js`;
+          preserveModules: false,
+          interop: "auto",
+          chunkFileNames: () => {
+            return `_chunks/[name]-[hash]`;
           }
         }
       }
     },
     plugins: [
       react(),
-      {
-        name: "clear-admin-plugin",
-        buildStart: async () => {
-          const adminDir = import_path3.default.join(options.root, options.outDir, "admin");
-          try {
-            await (0, import_promises.rm)(adminDir, { recursive: true, force: true });
-          } catch (e) {
-          }
-        }
-      }
+      medusa({
+        pluginMode: true,
+        sources: [import_path3.default.resolve(options.root, "src/admin")]
+      }),
+      clearPluginBuild({ outDir })
     ],
     logLevel: "silent",
     clearScreen: false
@@ -1364,7 +1528,7 @@ async function plugin(options) {
   process.env.NODE_ENV = originalNodeEnv;
 }
 
-// src/lib/serve.ts
+// src/commands/serve.ts
 var import_compression = __toESM(require("compression"));
 var import_express2 = require("express");
 var import_fs3 = __toESM(require("fs"));

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@medusajs/admin-bundler",
-  "version": "3.0.0-preview-20250211091350",
+  "version": "3.0.0-preview-20250406180144",
   "description": "Bundler for the Medusa admin dashboard.",
   "author": "Kasper Kristensen <kasper@medusajs.com>",
   "scripts": {
-    "build": "tsup && copyfiles -f ./src/index.html ./src/entry.tsx ./src/index.css ./dist"
+    "build": "tsup"
   },
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -18,30 +18,26 @@
     "package.json"
   ],
   "devDependencies": {
-    "@medusajs/types": "3.0.0-preview-20250211091350",
+    "@medusajs/types": "3.0.0-preview-20250406180144",
     "@types/compression": "^1.7.5",
-    "copyfiles": "^2.4.1",
     "express": "^4.21.0",
     "tsup": "^8.0.1",
     "typescript": "^5.3.3"
   },
   "dependencies": {
-    "@medusajs/admin-shared": "3.0.0-preview-20250211091350",
-    "@medusajs/admin-vite-plugin": "3.0.0-preview-20250211091350",
-    "@medusajs/dashboard": "3.0.0-preview-20250211091350",
-    "@rollup/plugin-node-resolve": "^16.0.0",
+    "@medusajs/admin-shared": "3.0.0-preview-20250406180144",
+    "@medusajs/admin-vite-plugin": "3.0.0-preview-20250406180144",
+    "@medusajs/dashboard": "3.0.0-preview-20250406180144",
     "@vitejs/plugin-react": "^4.2.1",
     "autoprefixer": "^10.4.16",
     "compression": "^1.7.4",
     "express": "^4.21.0",
     "get-port": "^5.1.1",
     "glob": "^10.3.10",
+    "outdent": "^0.8.0",
     "postcss": "^8.4.32",
     "tailwindcss": "^3.3.6",
-    "vite": "^5.2.11"
-  },
-  "peerDependencies": {
-    "react-dom": "^18.0.0"
+    "vite": "^5.4.14"
   },
   "packageManager": "yarn@3.2.1"
 }

package/dist/entry.tsx

@@ -1,15 +0,0 @@
-import App from "@medusajs/dashboard";
-import React from "react";
-import ReactDOM from "react-dom/client";
-import "./index.css";
-
-ReactDOM.createRoot(document.getElementById("medusa")!).render(
-  <React.StrictMode>
-    <App />
-  </React.StrictMode>
-)
-
-
-if (import.meta.hot) {
-    import.meta.hot.accept()
-}

package/dist/index.css

@@ -1,5 +0,0 @@
-@import "@medusajs/dashboard/css";
-
-@tailwind base;
-@tailwind components;
-@tailwind utilities;

package/dist/index.html

@@ -1,16 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1, user-scalable=no"
-    />
-    <link rel="icon" href="data:," data-placeholder-favicon />
-  </head>
-
-  <body>
-    <div id="medusa"></div>
-    <script type="module" src="./entry.tsx"></script>
-  </body>
-</html>