feat(admin-sdk,admin-bundler,admin-shared,medusa): Restructure admin packages (#8988)

**What** - Renames /admin-next -> /admin - Renames @medusajs/admin-sdk -> @medusajs/admin-bundler - Creates a new package called @medusajs/admin-sdk that will hold all tooling relevant to creating admin extensions. This is currently `defineRouteConfig` and `defineWidgetConfig`, but will eventually also export methods for adding custom fields, register translation, etc. - cc: @shahednasser we should update the examples in the docs so these functions are imported from `@medusajs/admin-sdk`. People will also need to install the package in their project, as it's no longer a transient dependency. - cc: @olivermrbl we might want to publish a changelog when this is merged, as it is a breaking change, and will require people to import the `defineXConfig` from the new package instead of `@medusajs/admin-shared`. - Updates CODEOWNERS so /admin packages does not require a review from the UI team.
2024-09-04 19:00:25 +00:00
parent beaa851302
commit 0fe1201435
1440 changed files with 122 additions and 86 deletions
@@ -0,0 +1,109 @@
+import { VIRTUAL_MODULES } from "@medusajs/admin-shared"
+import path from "path"
+import { Config } from "tailwindcss"
+import type { InlineConfig } from "vite"
+
+import { BundlerOptions } from "../types"
+
+export async function getViteConfig(
+  options: BundlerOptions
+): Promise<InlineConfig> {
+  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 = path.resolve(__dirname, "./")
+
+  const backendUrl = options.backendUrl ?? ""
+  const storefrontUrl = options.storefrontUrl ?? ""
+
+  const baseConfig: InlineConfig = {
+    root,
+    base: options.path,
+    build: {
+      emptyOutDir: true,
+      outDir: path.resolve(process.cwd(), options.outDir),
+    },
+    optimizeDeps: {
+      include: ["@medusajs/dashboard", "react-dom/client"],
+      exclude: VIRTUAL_MODULES,
+    },
+    define: {
+      __BASE__: JSON.stringify(options.path),
+      __BACKEND_URL__: JSON.stringify(backendUrl),
+      __STOREFRONT_URL__: JSON.stringify(storefrontUrl),
+    },
+    server: {
+      fs: {
+        allow: [searchForWorkspaceRoot(process.cwd())],
+      },
+      hmr: {
+        port: hmrPort,
+      },
+      middlewareMode: true,
+    },
+    css: {
+      postcss: {
+        plugins: [
+          require("tailwindcss")({
+            config: createTailwindConfig(root, options.sources),
+          }),
+        ],
+      },
+    },
+    plugins: [
+      react(),
+      medusa({
+        sources: options.sources,
+      }),
+    ],
+  }
+
+  if (options.vite) {
+    const customConfig = options.vite(baseConfig)
+
+    return mergeConfig(baseConfig, customConfig)
+  }
+
+  return baseConfig
+}
+
+function createTailwindConfig(entry: string, sources: string[] = []) {
+  const root = path.join(entry, "**/*.{js,ts,jsx,tsx}")
+  const html = path.join(entry, "index.html")
+
+  let dashboard = ""
+
+  try {
+    dashboard = path.join(
+      path.dirname(require.resolve("@medusajs/dashboard")),
+      "**/*.{js,ts,jsx,tsx}"
+    )
+  } catch (_e) {
+    // ignore
+  }
+
+  let ui: string = ""
+
+  try {
+    ui = path.join(
+      path.dirname(require.resolve("@medusajs/ui")),
+      "**/*.{js,ts,jsx,tsx}"
+    )
+  } catch (_e) {
+    // ignore
+  }
+
+  const extensions = sources.map((s) => path.join(s, "**/*.{js,ts,jsx,tsx}"))
+
+  const config: Config = {
+    presets: [require("@medusajs/ui-preset")],
+    content: [html, root, dashboard, ui, ...extensions],
+    darkMode: "class",
+  }
+
+  return config
+}