npm - @medusajs/admin-bundler - Versions diffs - 2.6.2-snapshot-20250310153842 → 2.6.2-snapshot-20250311083444 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/entry.tsx ADDED Viewed

@@ -0,0 +1,15 @@
+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 ADDED Viewed

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

package/dist/index.d.ts CHANGED Viewed

@@ -4,7 +4,6 @@ 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.html ADDED Viewed

@@ -0,0 +1,16 @@
+<!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>

package/dist/index.js CHANGED Viewed

@@ -1108,179 +1108,16 @@ __export(src_exports, {
 });
 module.exports = __toCommonJS(src_exports);
-// src/utils/config.ts
+// src/lib/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(process.cwd(), ".medusa/client");
+  const root = import_path.default.resolve(__dirname, "./");
   const backendUrl = options.backendUrl ?? "";
   const storefrontUrl = options.storefrontUrl ?? "";
   const baseConfig = {
@@ -1316,15 +1153,16 @@ 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
@@ -1337,8 +1175,35 @@ 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/commands/build.ts
+// src/lib/build.ts
 async function build(options) {
   const vite = await import("vite");
   const viteConfig = await getViteConfig(options);
@@ -1349,7 +1214,7 @@ async function build(options) {
   await vite.build(vite.mergeConfig(viteConfig, buildConfig));
 }
-// src/commands/develop.ts
+// src/lib/develop.ts
 var import_express = __toESM(require("express"));
 var import_fs = __toESM(require("fs"));
 var import_path2 = __toESM(require("path"));
@@ -1420,30 +1285,24 @@ async function develop(options) {
   return router;
 }
-// src/commands/plugin.ts
+// src/lib/plugin.ts
 var import_fs2 = require("fs");
-var import_node_module = require("module");
+var import_promises = require("fs/promises");
+var import_glob = require("glob");
 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 medusa = (await import("@medusajs/admin-vite-plugin")).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 pkg = JSON.parse(
     (0, import_fs2.readFileSync)(import_path3.default.resolve(options.root, "package.json"), "utf-8")
   );
@@ -1452,62 +1311,51 @@ 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: entryPoint,
-        formats: ["es", "cjs"],
-        fileName: "index"
+        entry: entryPoints,
+        formats: ["es"]
       },
       emptyOutDir: false,
       minify: false,
-      outDir,
+      outDir: import_path3.default.resolve(options.root, options.outDir),
       rollupOptions: {
-        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));
-        },
+        plugins: [nodeResolve()],
+        external: [...external, /node_modules/],
         output: {
-          preserveModules: false,
-          interop: "auto",
-          chunkFileNames: () => {
-            return `_chunks/[name]-[hash]`;
+          globals: {
+            react: "React",
+            "react-dom": "React-dom",
+            "react/jsx-runtime": "react/jsx-runtime"
+          },
+          preserveModules: true,
+          entryFileNames: (chunkInfo) => {
+            return `${chunkInfo.name.replace(`${options.root}/`, "")}.js`;
           }
         }
       }
     },
     plugins: [
       react(),
-      medusa({
-        pluginMode: true,
-        sources: [import_path3.default.resolve(options.root, "src/admin")]
-      }),
-      clearPluginBuild({ outDir })
+      {
+        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) {
+          }
+        }
+      }
     ],
     logLevel: "silent",
     clearScreen: false
@@ -1516,7 +1364,7 @@ async function plugin(options) {
   process.env.NODE_ENV = originalNodeEnv;
 }
-// src/commands/serve.ts
+// src/lib/serve.ts
 var import_compression = __toESM(require("compression"));
 var import_express2 = require("express");
 var import_fs3 = __toESM(require("fs"));

package/package.json CHANGED Viewed

@@ -1,10 +1,10 @@
 {
   "name": "@medusajs/admin-bundler",
-  "version": "2.6.2-snapshot-20250310153842",
+  "version": "2.6.2-snapshot-20250311083444",
   "description": "Bundler for the Medusa admin dashboard.",
   "author": "Kasper Kristensen <kasper@medusajs.com>",
   "scripts": {
-    "build": "tsup"
+    "build": "tsup && copyfiles -f ./src/index.html ./src/entry.tsx ./src/index.css ./dist"
   },
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -18,26 +18,30 @@
     "package.json"
   ],
   "devDependencies": {
-    "@medusajs/types": "2.6.2-snapshot-20250310153842",
+    "@medusajs/types": "2.6.2-snapshot-20250311083444",
     "@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-20250310153842",
-    "@medusajs/admin-vite-plugin": "2.6.2-snapshot-20250310153842",
-    "@medusajs/dashboard": "2.6.2-snapshot-20250310153842",
+    "@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",
     "@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"
 }