@mantajs/dashboard 0.1.12 → 0.1.14

package/dist/vite-plugin/index.js

@@ -39,13 +39,47 @@ var import_fs = __toESM(require("fs"));
 var MENU_VIRTUAL_ID = "virtual:dashboard/menu-config";
 var MENU_RESOLVED_ID = "\0" + MENU_VIRTUAL_ID;
 var COMPONENT_EXTENSIONS = [".tsx", ".ts", ".jsx", ".js", ".mts", ".mjs"];
+var COMPONENT_EXT_SET = new Set(COMPONENT_EXTENSIONS);
+var VALID_LOADERS = {
+  tsx: "tsx",
+  ts: "ts",
+  jsx: "jsx",
+  js: "js",
+  mts: "ts",
+  mjs: "js"
+};
+function collectComponentFiles(dir, depth = 0) {
+  if (depth > 20) return [];
+  const results = [];
+  let entries;
+  try {
+    entries = import_fs.default.readdirSync(dir, { withFileTypes: true });
+  } catch {
+    return results;
+  }
+  for (const entry of entries) {
+    if (entry.name.startsWith(".") || entry.name === "node_modules") continue;
+    const fullPath = import_path.default.resolve(dir, entry.name);
+    if (entry.isDirectory()) {
+      results.push(...collectComponentFiles(fullPath, depth + 1));
+    } else if (entry.isFile()) {
+      const ext = import_path.default.extname(entry.name);
+      if (COMPONENT_EXT_SET.has(ext)) {
+        results.push(fullPath);
+      }
+    }
+  }
+  return results;
+}
 function getComponentName(filePath) {
   const normalized = filePath.replace(/\\/g, "/");
-  const parts = normalized.split("/");
+  const parts = normalized.split("/").filter(Boolean);
+  if (parts.length === 0) return null;
   const fileName = parts[parts.length - 1];
   const baseName = fileName.replace(/\.(tsx?|jsx?|mts|mjs)$/, "");
+  if (!baseName) return null;
   if (baseName === "index") {
-    return parts.length >= 2 ? parts[parts.length - 2] : null;
+    return parts.length >= 2 ? parts[parts.length - 2] || null : null;
   }
   if (parts.length >= 2 && baseName === parts[parts.length - 2]) {
     return baseName;
@@ -56,15 +90,22 @@ function customDashboardPlugin() {
   const componentsDir = import_path.default.resolve(process.cwd(), "src/admin/components");
   const overridesByName = /* @__PURE__ */ new Map();
   if (import_fs.default.existsSync(componentsDir)) {
-    for (const file of import_fs.default.readdirSync(componentsDir)) {
-      const fullPath = import_path.default.resolve(componentsDir, file);
-      if (!import_fs.default.statSync(fullPath).isFile()) continue;
-      const name = file.replace(/\.(tsx?|jsx?|mts|mjs)$/, "");
-      overridesByName.set(name, fullPath);
+    const collectedFiles = collectComponentFiles(componentsDir).sort();
+    for (const fullPath of collectedFiles) {
+      const fileName = import_path.default.basename(fullPath);
+      const name = fileName.replace(/\.(tsx?|jsx?|mts|mjs)$/, "");
+      if (name && name !== "index") {
+        if (overridesByName.has(name) && process.env.NODE_ENV === "development") {
+          console.warn(
+            `[custom-dashboard] Duplicate override "${name}": ${overridesByName.get(name)} will be replaced by ${fullPath}`
+          );
+        }
+        overridesByName.set(name, fullPath);
+      }
     }
   }
   const hasOverrides = overridesByName.size > 0;
-  if (hasOverrides) {
+  if (hasOverrides && process.env.NODE_ENV === "development") {
     console.log("[custom-dashboard] overrides:", [...overridesByName.keys()]);
   }
   return {
@@ -84,13 +125,20 @@ function customDashboardPlugin() {
             build.onLoad({ filter: /app\.(mjs|js)$/ }, (args) => {
               const normalized = args.path.replace(/\\/g, "/");
               if (!normalized.includes("/dashboard/dist/")) return void 0;
-              const srcEntry = args.path.replace(/\/dist\/app\.(mjs|js)$/, "/src/app.tsx");
-              if (!import_fs.default.existsSync(srcEntry)) return void 0;
-              console.log(
-                `[custom-dashboard] Redirecting entry: ${args.path} \u2192 ${srcEntry}`
-              );
+              const srcEntry = normalized.replace(/\/dist\/app\.(mjs|js)$/, "/src/app.tsx");
+              let contents;
+              try {
+                contents = import_fs.default.readFileSync(srcEntry, "utf-8");
+              } catch {
+                return void 0;
+              }
+              if (process.env.NODE_ENV === "development") {
+                console.log(
+                  `[custom-dashboard] Redirecting entry: ${args.path} \u2192 ${srcEntry}`
+                );
+              }
               return {
-                contents: import_fs.default.readFileSync(srcEntry, "utf-8"),
+                contents,
                 loader: "tsx",
                 resolveDir: import_path.default.dirname(srcEntry)
               };
@@ -104,12 +152,21 @@ function customDashboardPlugin() {
               if (componentName && overrides.has(componentName)) {
                 const overridePath = overrides.get(componentName);
                 const ext = import_path.default.extname(overridePath).slice(1);
-                console.log(
-                  `[custom-dashboard] Override: ${componentName} \u2192 ${overridePath}`
-                );
+                const loader = VALID_LOADERS[ext] || "tsx";
+                let contents;
+                try {
+                  contents = import_fs.default.readFileSync(overridePath, "utf-8");
+                } catch {
+                  return void 0;
+                }
+                if (process.env.NODE_ENV === "development") {
+                  console.log(
+                    `[custom-dashboard] Override: ${componentName} \u2192 ${overridePath}`
+                  );
+                }
                 return {
-                  contents: import_fs.default.readFileSync(overridePath, "utf-8"),
-                  loader: ext,
+                  contents,
+                  loader,
                   resolveDir: import_path.default.dirname(overridePath)
                 };
               }
@@ -128,8 +185,9 @@ function customDashboardPlugin() {
       if (id !== MENU_RESOLVED_ID) return;
       const basePath = import_path.default.resolve(process.cwd(), "src/admin/menu.config");
       for (const ext of COMPONENT_EXTENSIONS) {
-        if (import_fs.default.existsSync(basePath + ext)) {
-          return `export { default } from "${basePath + ext}"`;
+        const fullPath = (basePath + ext).replace(/\\/g, "/");
+        if (import_fs.default.existsSync(fullPath)) {
+          return `export { default } from "${fullPath}"`;
         }
       }
       return "export default null";

package/dist/vite-plugin/index.mjs

@@ -4,13 +4,47 @@ import fs from "fs";
 var MENU_VIRTUAL_ID = "virtual:dashboard/menu-config";
 var MENU_RESOLVED_ID = "\0" + MENU_VIRTUAL_ID;
 var COMPONENT_EXTENSIONS = [".tsx", ".ts", ".jsx", ".js", ".mts", ".mjs"];
+var COMPONENT_EXT_SET = new Set(COMPONENT_EXTENSIONS);
+var VALID_LOADERS = {
+  tsx: "tsx",
+  ts: "ts",
+  jsx: "jsx",
+  js: "js",
+  mts: "ts",
+  mjs: "js"
+};
+function collectComponentFiles(dir, depth = 0) {
+  if (depth > 20) return [];
+  const results = [];
+  let entries;
+  try {
+    entries = fs.readdirSync(dir, { withFileTypes: true });
+  } catch {
+    return results;
+  }
+  for (const entry of entries) {
+    if (entry.name.startsWith(".") || entry.name === "node_modules") continue;
+    const fullPath = path.resolve(dir, entry.name);
+    if (entry.isDirectory()) {
+      results.push(...collectComponentFiles(fullPath, depth + 1));
+    } else if (entry.isFile()) {
+      const ext = path.extname(entry.name);
+      if (COMPONENT_EXT_SET.has(ext)) {
+        results.push(fullPath);
+      }
+    }
+  }
+  return results;
+}
 function getComponentName(filePath) {
   const normalized = filePath.replace(/\\/g, "/");
-  const parts = normalized.split("/");
+  const parts = normalized.split("/").filter(Boolean);
+  if (parts.length === 0) return null;
   const fileName = parts[parts.length - 1];
   const baseName = fileName.replace(/\.(tsx?|jsx?|mts|mjs)$/, "");
+  if (!baseName) return null;
   if (baseName === "index") {
-    return parts.length >= 2 ? parts[parts.length - 2] : null;
+    return parts.length >= 2 ? parts[parts.length - 2] || null : null;
   }
   if (parts.length >= 2 && baseName === parts[parts.length - 2]) {
     return baseName;
@@ -21,15 +55,22 @@ function customDashboardPlugin() {
   const componentsDir = path.resolve(process.cwd(), "src/admin/components");
   const overridesByName = /* @__PURE__ */ new Map();
   if (fs.existsSync(componentsDir)) {
-    for (const file of fs.readdirSync(componentsDir)) {
-      const fullPath = path.resolve(componentsDir, file);
-      if (!fs.statSync(fullPath).isFile()) continue;
-      const name = file.replace(/\.(tsx?|jsx?|mts|mjs)$/, "");
-      overridesByName.set(name, fullPath);
+    const collectedFiles = collectComponentFiles(componentsDir).sort();
+    for (const fullPath of collectedFiles) {
+      const fileName = path.basename(fullPath);
+      const name = fileName.replace(/\.(tsx?|jsx?|mts|mjs)$/, "");
+      if (name && name !== "index") {
+        if (overridesByName.has(name) && process.env.NODE_ENV === "development") {
+          console.warn(
+            `[custom-dashboard] Duplicate override "${name}": ${overridesByName.get(name)} will be replaced by ${fullPath}`
+          );
+        }
+        overridesByName.set(name, fullPath);
+      }
     }
   }
   const hasOverrides = overridesByName.size > 0;
-  if (hasOverrides) {
+  if (hasOverrides && process.env.NODE_ENV === "development") {
     console.log("[custom-dashboard] overrides:", [...overridesByName.keys()]);
   }
   return {
@@ -49,13 +90,20 @@ function customDashboardPlugin() {
             build.onLoad({ filter: /app\.(mjs|js)$/ }, (args) => {
               const normalized = args.path.replace(/\\/g, "/");
               if (!normalized.includes("/dashboard/dist/")) return void 0;
-              const srcEntry = args.path.replace(/\/dist\/app\.(mjs|js)$/, "/src/app.tsx");
-              if (!fs.existsSync(srcEntry)) return void 0;
-              console.log(
-                `[custom-dashboard] Redirecting entry: ${args.path} \u2192 ${srcEntry}`
-              );
+              const srcEntry = normalized.replace(/\/dist\/app\.(mjs|js)$/, "/src/app.tsx");
+              let contents;
+              try {
+                contents = fs.readFileSync(srcEntry, "utf-8");
+              } catch {
+                return void 0;
+              }
+              if (process.env.NODE_ENV === "development") {
+                console.log(
+                  `[custom-dashboard] Redirecting entry: ${args.path} \u2192 ${srcEntry}`
+                );
+              }
               return {
-                contents: fs.readFileSync(srcEntry, "utf-8"),
+                contents,
                 loader: "tsx",
                 resolveDir: path.dirname(srcEntry)
               };
@@ -69,12 +117,21 @@ function customDashboardPlugin() {
               if (componentName && overrides.has(componentName)) {
                 const overridePath = overrides.get(componentName);
                 const ext = path.extname(overridePath).slice(1);
-                console.log(
-                  `[custom-dashboard] Override: ${componentName} \u2192 ${overridePath}`
-                );
+                const loader = VALID_LOADERS[ext] || "tsx";
+                let contents;
+                try {
+                  contents = fs.readFileSync(overridePath, "utf-8");
+                } catch {
+                  return void 0;
+                }
+                if (process.env.NODE_ENV === "development") {
+                  console.log(
+                    `[custom-dashboard] Override: ${componentName} \u2192 ${overridePath}`
+                  );
+                }
                 return {
-                  contents: fs.readFileSync(overridePath, "utf-8"),
-                  loader: ext,
+                  contents,
+                  loader,
                   resolveDir: path.dirname(overridePath)
                 };
               }
@@ -93,8 +150,9 @@ function customDashboardPlugin() {
       if (id !== MENU_RESOLVED_ID) return;
       const basePath = path.resolve(process.cwd(), "src/admin/menu.config");
       for (const ext of COMPONENT_EXTENSIONS) {
-        if (fs.existsSync(basePath + ext)) {
-          return `export { default } from "${basePath + ext}"`;
+        const fullPath = (basePath + ext).replace(/\\/g, "/");
+        if (fs.existsSync(fullPath)) {
+          return `export { default } from "${fullPath}"`;
         }
       }
       return "export default null";

package/package.json

@@ -1,7 +1,32 @@
 {
   "name": "@mantajs/dashboard",
-  "version": "0.1.12",
+  "version": "0.1.14",
   "description": "B2B Admin Dashboard for Medusa - Fork of @medusajs/dashboard",
+  "license": "MIT",
+  "author": {
+    "name": "Olivier Belaud",
+    "url": "https://github.com/OlivierBelaud"
+  },
+  "homepage": "https://github.com/manta-js/dashboard#readme",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/manta-js/dashboard"
+  },
+  "bugs": {
+    "url": "https://github.com/manta-js/dashboard/issues"
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  },
+  "keywords": [
+    "medusa",
+    "dashboard",
+    "admin",
+    "b2b",
+    "ecommerce",
+    "vite-plugin"
+  ],
   "scripts": {
     "dev": "vite",
     "build": "tsup && node ./scripts/generate-types.js",
@@ -34,6 +59,8 @@
   },
   "files": [
     "package.json",
+    "LICENSE",
+    "README.md",
     "src",
     "dist"
   ],
@@ -79,12 +106,11 @@
     "zod": "3.25.76"
   },
   "devDependencies": {
-    "@medusajs/admin-shared": "2.13.1",
     "@medusajs/admin-vite-plugin": "2.13.1",
     "@medusajs/types": "2.13.1",
     "@medusajs/ui-preset": "2.13.1",
     "@types/node": "^20.0.0",
-    "@types/react": "^19.2.13",
+    "@types/react": "^18.2.0",
     "@vitejs/plugin-react": "^4.0.0",
     "autoprefixer": "^10.4.16",
     "postcss": "^8.4.31",

package/src/app.tsx

@@ -25,7 +25,7 @@ interface AppProps {
 
 function App({ plugins = [] }: AppProps) {
   const app = new DashboardApp({
-    plugins: [localPlugin, ...plugins],
+    plugins: [...plugins, localPlugin],
   })
 
   return <div>{app.render()}</div>

package/src/components/layout/main-layout/main-layout.tsx

@@ -200,7 +200,7 @@ const getDefaultMedusaRoutes = (t: (key: string) => string): Omit<INavItem, "pat
 const useCoreRoutes = (): Omit<INavItem, "pathname">[] => {
   const { t } = useTranslation()
 
-  if (!menuConfig) {
+  if (!menuConfig || !Array.isArray((menuConfig as MenuConfig).items)) {
     return getDefaultMedusaRoutes(t)
   }
 
@@ -271,7 +271,7 @@ const CoreRouteSection = () => {
 
 // Derived from config: avoids duplication between custom menu and extensions
 const getMainMenuPaths = (): string[] => {
-  if (!menuConfig) return []
+  if (!menuConfig || !Array.isArray((menuConfig as MenuConfig).items)) return []
   const config = menuConfig as MenuConfig
   const paths: string[] = []
   config.items.forEach((item) => {

package/src/dashboard-app/dashboard-app.tsx

@@ -137,7 +137,8 @@ export class DashboardApp {
     allMenuItems.sort((a, b) => a.path.length - b.path.length)
 
     allMenuItems.forEach((item) => {
-      item.path = item.path.replace(OPTIONAL_LAST_SEGMENT_MATCH, "")
+      const normalizedPath = item.path.replace(OPTIONAL_LAST_SEGMENT_MATCH, "")
+      item.path = normalizedPath
       if (item.path.includes("/:") || item.path.endsWith("/*")) {
         if (process.env.NODE_ENV === "development") {
           console.warn(

package/src/dashboard-app/forms/hooks.tsx

@@ -56,7 +56,7 @@ function createExtendedDefaultValues<TData>(
     return acc
   }, {} as Record<string, any>)
 
-  return Object.assign(baseDefaultValues, { additional_data })
+  return { ...baseDefaultValues, additional_data }
 }
 
 export const useExtendableForm = <

package/src/dashboard-app/links/utils.ts

@@ -11,7 +11,7 @@ function appendLinkableFields(
       : link.map((l) => `+${l}.*`)
   })
 
-  return [fields, ...linkableFields].join(",")
+  return [fields, ...linkableFields].filter(Boolean).join(",")
 }
 
 export function getLinkedFields(model: CustomFieldModel, fields: string = "") {

package/src/dashboard-app/routes/get-route.map.tsx

@@ -30,14 +30,6 @@ export function getRouteMap({
               errorElement: <ErrorBoundary />,
               lazy: () => import("../../routes/home"),
             },
-            {
-              path: "/dashboard",
-              errorElement: <ErrorBoundary />,
-              handle: {
-                breadcrumb: () => "Dashboard",
-              },
-              lazy: () => import("../../routes/dashboard"),
-            },
             {
               path: "/products",
               errorElement: <ErrorBoundary />,

package/src/dashboard-app/routes/merge-extension-routes.ts

@@ -28,10 +28,19 @@ export function mergeExtensionRoutes(
     const merged = { ...existing }
 
     // Extension component takes priority
-    if (ext.lazy) {
-      merged.lazy = ext.lazy
-      delete (merged as any).Component
-      delete (merged as any).loader
+    if (ext.lazy || ext.Component) {
+      if (ext.lazy) {
+        merged.lazy = ext.lazy
+        delete (merged as any).Component
+      } else if (ext.Component) {
+        ;(merged as any).Component = ext.Component
+        delete (merged as any).lazy
+      }
+      if (ext.loader) {
+        ;(merged as any).loader = ext.loader
+      } else {
+        delete (merged as any).loader
+      }
     }
 
     // Recursively merge children — static children not redefined by the

package/src/dashboard-app/routes/utils.ts

@@ -166,7 +166,7 @@ const addRoute = (
       leaf.children = processParallelRoutes(parallelRoutes, currentFullPath)
       Object.assign(route, leaf)
     } else {
-      const leaf = createLeafRoute(Component, loader)
+      const leaf = createLeafRoute(Component, loader, handle)
       leaf.children = processParallelRoutes(parallelRoutes, currentFullPath)
       route.children.push(leaf)
     }

package/src/dashboard-app/utils/sort-menu-items-by-rank.ts

@@ -12,7 +12,7 @@ export function sortMenuItemsByRank(
   // Sort items by rank (ascending order)
   // Items with rank come first, sorted by rank value
   // Items without rank come last, maintaining their original order
-  const sortedItems = items.sort((a, b) => {
+  const sortedItems = [...items].sort((a, b) => {
     // If both have rank, sort by rank value
     if (a.rank !== undefined && b.rank !== undefined) {
       return a.rank - b.rank
@@ -30,14 +30,16 @@ export function sortMenuItemsByRank(
   })
 
   // Recursively sort nested items
-  sortedItems.forEach((item) => {
+  return sortedItems.map((item) => {
     if (item.items && item.items.length > 0) {
-      item.items = sortMenuItemsByRank(
-        item.items as (INavItem & { rank?: number })[]
-      )
+      return {
+        ...item,
+        items: sortMenuItemsByRank(
+          item.items as (INavItem & { rank?: number })[]
+        ),
+      }
     }
+    return item
   })
-
-  return sortedItems
 }
 

package/src/index.css

@@ -34,15 +34,9 @@
 }
 
 @layer components {
-  .worfklow-grid {
+  .workflow-grid {
     background-image: radial-gradient(black 1px, transparent 0);
     background-size: 40px 40px;
-    background: repeat;
+    background-repeat: repeat;
   }
 }
-
-.worfklow-grid {
-  background-image: radial-gradient(black 1px, transparent 0);
-  background-size: 40px 40px;
-  background: repeat;
-}

package/src/routes/home/home.tsx

@@ -5,7 +5,7 @@ export const Home = () => {
   const navigate = useNavigate()
 
   useEffect(() => {
-    navigate("/dashboard", { replace: true })
+    navigate("/orders", { replace: true })
   }, [navigate])
 
   return <div />

package/src/routes/inventory/inventory-stock/components/inventory-stock-form/inventory-stock-form.tsx

@@ -32,7 +32,7 @@ export const InventoryStockForm = ({
   const { setCloseOnEscape, handleSuccess } = useRouteModal()
 
   const initialValues = useRef(getDefaultValues(items, locations))
-  console.log("initialValues", initialValues.current)
+
 
   const form = useForm<InventoryStockSchema>({
     defaultValues: getDefaultValues(items, locations),

package/src/vite-env.d.ts

@@ -1,8 +1,10 @@
-// / <reference types="vite/client" />
+/// <reference types="vite/client" />
 
 interface ImportMetaEnv {
-  readonly VITE_MEDUSA_ADMIN_BACKEND_URL: string
+  readonly VITE_MEDUSA_BACKEND_URL: string
   readonly VITE_MEDUSA_STOREFRONT_URL: string
+  readonly VITE_MEDUSA_BASE?: string
+  readonly VITE_MEDUSA_PROJECT?: string
   readonly VITE_MEDUSA_V2: "true" | "false"
 }
 
@@ -16,5 +18,3 @@ interface ImportMeta {
 declare const __BACKEND_URL__: string | undefined
 declare const __STOREFRONT_URL__: string | undefined
 declare const __BASE__: string
-declare const __AUTH_TYPE__: "session" | "jwt" | undefined
-declare const __JWT_TOKEN_STORAGE_KEY__: string | undefined