@medusajs/admin-bundler 2.6.2-snapshot-20250311083444 → 2.6.2-snapshot-20250311115840

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

@@ -1108,16 +1108,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 +1316,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 +1337,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 +1349,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 +1420,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 +1452,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 +1516,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": "2.6.2-snapshot-20250311083444",
+  "version": "2.6.2-snapshot-20250311115840",
   "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": "2.6.2-snapshot-20250311083444",
+    "@medusajs/types": "2.6.2-snapshot-20250311115840",
     "@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": "2.6.2-snapshot-20250311083444",
-    "@medusajs/admin-vite-plugin": "2.6.2-snapshot-20250311083444",
-    "@medusajs/dashboard": "2.6.2-snapshot-20250311083444",
-    "@rollup/plugin-node-resolve": "^16.0.0",
+    "@medusajs/admin-shared": "2.6.2-snapshot-20250311115840",
+    "@medusajs/admin-vite-plugin": "2.6.2-snapshot-20250311115840",
+    "@medusajs/dashboard": "2.6.2-snapshot-20250311115840",
     "@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.4.14"
   },
-  "peerDependencies": {
-    "react-dom": "^18.0.0"
-  },
   "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>