@lodashventure/medusa-brand 1.1.0

package/README.md

@@ -0,0 +1,95 @@
+# Medusa Brand Plugin
+
+A comprehensive brand management plugin for Medusa v2 that allows you to manage brands, associate them with products, and provide brand-based filtering for your e-commerce store.
+
+## Features
+
+- **Brand Management**: Full CRUD operations for managing brands
+- **Product Association**: Associate brands with products
+- **Image Management**: Upload and manage brand images and logos
+- **Admin UI**: Complete admin interface for brand management
+- **Store API**: Public API for displaying brands in your storefront
+- **Middleware**: Automatic brand data enrichment for product responses
+- **GCS Integration**: Google Cloud Storage support for image uploads
+
+## Installation
+
+```bash
+npm install @lodashventure/medusa-brand
+# or
+yarn add @lodashventure/medusa-brand
+```
+
+## Configuration
+
+Add the plugin to your `medusa-config.ts`:
+
+```typescript
+module.exports = defineConfig({
+  plugins: [
+    {
+      resolve: "@lodashventure/medusa-brand",
+      options: {},
+    },
+  ],
+  modules: [
+    {
+      resolve: "@lodashventure/medusa-brand/modules/brand",
+      options: {},
+    },
+  ],
+});
+```
+
+## Environment Variables
+
+The plugin requires the following environment variables for GCS integration:
+
+```env
+CLIENT_EMAIL=your-gcs-client-email
+PRIVATE_KEY=your-gcs-private-key
+BUCKET_NAME=your-gcs-bucket-name
+GCP_STORAGE_BASE_PUBLIC_URL=https://storage.googleapis.com
+```
+
+## API Routes
+
+### Admin Routes
+
+- `GET /admin/brands` - List all brands
+- `POST /admin/brands` - Create a new brand
+- `GET /admin/brands/:id` - Get a specific brand
+- `PUT /admin/brands/:id` - Update a brand
+- `DELETE /admin/brands/:id` - Delete a brand
+- `POST /admin/brands/:id/image` - Upload brand image
+- `DELETE /admin/brands/:id/image` - Delete brand image
+- `POST /admin/brands/:id/logo` - Upload brand logo
+- `DELETE /admin/brands/:id/logo` - Delete brand logo
+- `GET /admin/brands/:id/products` - Get products for a brand
+- `GET /admin/products/:id/brand` - Get brand for a product
+- `POST /admin/products/:id/brand` - Assign brand to product
+- `DELETE /admin/products/:id/brand` - Remove brand from product
+
+### Store Routes
+
+- `GET /store/brands` - List active brands
+
+## Admin UI
+
+The plugin includes a complete admin interface with:
+
+- Brand management page at `/app/brands`
+- Product brand widget in product details
+- Image and logo upload capabilities
+- Search and filtering
+
+## Database Schema
+
+The plugin creates two tables:
+
+- `brand` - Stores brand information
+- `product_brand` - Junction table for product-brand associations
+
+## License
+
+MIT

package/dist/admin/components/brand-form.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+interface Brand {
+    id: string;
+    name: string;
+    slug: string;
+    description?: string;
+    image?: string;
+    logo?: string;
+    website?: string;
+    is_active: boolean;
+    metadata?: any;
+}
+interface BrandFormProps {
+    brand?: Brand | null;
+    isCreating: boolean;
+    onClose: () => void;
+}
+export declare const BrandForm: ({ brand, isCreating, onClose }: BrandFormProps) => React.JSX.Element;
+export {};

package/dist/admin/components/brand-form.js

@@ -0,0 +1,182 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BrandForm = void 0;
+const react_1 = __importStar(require("react"));
+const sdk_1 = require("../lib/sdk");
+if (["$(basename $file)" = "page.tsx"] || "../lib/sdk")
+    ;
+const ui_1 = require("@medusajs/ui");
+const icons_1 = require("@medusajs/icons");
+const BrandForm = ({ brand, isCreating, onClose }) => {
+    const [formData, setFormData] = (0, react_1.useState)({
+        name: "",
+        slug: "",
+        description: "",
+        website: "",
+        is_active: true,
+        metadata: {},
+    });
+    const [loading, setLoading] = (0, react_1.useState)(false);
+    const [error, setError] = (0, react_1.useState)(null);
+    const [slugError, setSlugError] = (0, react_1.useState)(null);
+    (0, react_1.useEffect)(() => {
+        if (brand) {
+            setFormData({
+                name: brand.name || "",
+                slug: brand.slug || "",
+                description: brand.description || "",
+                website: brand.website || "",
+                is_active: brand.is_active !== false,
+                metadata: brand.metadata || {},
+            });
+        }
+    }, [brand]);
+    const generateSlug = (name) => {
+        return name
+            .toLowerCase()
+            .replace(/[^a-z0-9]+/g, "-")
+            .replace(/^-+|-+$/g, "");
+    };
+    const handleNameChange = (value) => {
+        setFormData(prev => ({
+            ...prev,
+            name: value,
+            slug: isCreating ? generateSlug(value) : prev.slug,
+        }));
+    };
+    const handleSlugChange = (value) => {
+        const cleanSlug = value
+            .toLowerCase()
+            .replace(/[^a-z0-9-]/g, "")
+            .replace(/--+/g, "-");
+        setFormData(prev => ({ ...prev, slug: cleanSlug }));
+        // Clear slug error when user types
+        if (slugError)
+            setSlugError(null);
+    };
+    const validateForm = () => {
+        if (!formData.name.trim()) {
+            setError("Brand name is required");
+            return false;
+        }
+        if (!formData.slug.trim()) {
+            setError("Brand slug is required");
+            return false;
+        }
+        if (!/^[a-z0-9]+(?:-[a-z0-9]+)*$/.test(formData.slug)) {
+            setSlugError("Slug must contain only lowercase letters, numbers, and hyphens");
+            return false;
+        }
+        if (formData.website && !formData.website.match(/^https?:\/\/.+/)) {
+            setError("Website must be a valid URL (starting with http:// or https://)");
+            return false;
+        }
+        return true;
+    };
+    const handleSubmit = async (e) => {
+        e.preventDefault();
+        if (!validateForm())
+            return;
+        setLoading(true);
+        setError(null);
+        try {
+            const url = isCreating
+                ? "/admin/brands"
+                : `/admin/brands/${brand?.id}`;
+            const method = isCreating ? "POST" : "PUT";
+            const response = await sdk_1.sdk.client.fetch(url, {
+                method,
+                headers: {
+                    "Content-Type": "application/json",
+                },
+                body: JSON.stringify(formData),
+            });
+            const data = await response.json();
+            if (response.ok) {
+                onClose();
+            }
+            else {
+                setError(data.error || "Failed to save brand");
+                if (data.error?.includes("slug")) {
+                    setSlugError("This slug is already in use");
+                }
+            }
+        }
+        catch (err) {
+            setError("An error occurred while saving the brand");
+            console.error("Error saving brand:", err);
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    return (react_1.default.createElement("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50" },
+        react_1.default.createElement("div", { className: "w-full max-w-2xl rounded-lg bg-ui-bg-base p-6 max-h-[90vh] overflow-y-auto" },
+            react_1.default.createElement("div", { className: "mb-6 flex items-center justify-between" },
+                react_1.default.createElement("div", null,
+                    react_1.default.createElement(ui_1.Heading, { level: "h2" }, isCreating ? "Create New Brand" : "Edit Brand"),
+                    !isCreating && brand && (react_1.default.createElement(ui_1.Text, { className: "text-ui-fg-subtle" },
+                        "Editing: ",
+                        brand.name))),
+                react_1.default.createElement(ui_1.Button, { variant: "secondary", size: "small", onClick: onClose },
+                    react_1.default.createElement(icons_1.X, null))),
+            error && (react_1.default.createElement(ui_1.Alert, { variant: "error", dismissible: true, className: "mb-4" }, error)),
+            react_1.default.createElement("form", { onSubmit: handleSubmit, className: "space-y-4" },
+                react_1.default.createElement("div", null,
+                    react_1.default.createElement(ui_1.Label, { htmlFor: "name", className: "mb-2" }, "Brand Name *"),
+                    react_1.default.createElement(ui_1.Input, { id: "name", placeholder: "e.g., Nike", value: formData.name, onChange: (e) => handleNameChange(e.target.value), required: true })),
+                react_1.default.createElement("div", null,
+                    react_1.default.createElement(ui_1.Label, { htmlFor: "slug", className: "mb-2" }, "Slug *"),
+                    react_1.default.createElement(ui_1.Input, { id: "slug", placeholder: "e.g., nike", value: formData.slug, onChange: (e) => handleSlugChange(e.target.value), required: true }),
+                    slugError && (react_1.default.createElement(ui_1.Text, { className: "mt-1 text-sm text-ui-fg-error" }, slugError)),
+                    react_1.default.createElement(ui_1.Text, { className: "mt-1 text-xs text-ui-fg-subtle" }, "Used in URLs and must be unique")),
+                react_1.default.createElement("div", null,
+                    react_1.default.createElement(ui_1.Label, { htmlFor: "description", className: "mb-2" }, "Description"),
+                    react_1.default.createElement(ui_1.Textarea, { id: "description", placeholder: "Enter brand description...", value: formData.description, onChange: (e) => setFormData(prev => ({ ...prev, description: e.target.value })), rows: 4 })),
+                react_1.default.createElement("div", null,
+                    react_1.default.createElement(ui_1.Label, { htmlFor: "website", className: "mb-2" }, "Website"),
+                    react_1.default.createElement(ui_1.Input, { id: "website", type: "url", placeholder: "https://example.com", value: formData.website, onChange: (e) => setFormData(prev => ({ ...prev, website: e.target.value })) }),
+                    react_1.default.createElement(ui_1.Text, { className: "mt-1 text-xs text-ui-fg-subtle" }, "Include the full URL with http:// or https://")),
+                react_1.default.createElement("div", { className: "flex items-center justify-between rounded-lg border p-4" },
+                    react_1.default.createElement("div", null,
+                        react_1.default.createElement(ui_1.Label, { htmlFor: "is_active", className: "font-medium" }, "Active Status"),
+                        react_1.default.createElement(ui_1.Text, { className: "text-sm text-ui-fg-subtle" }, "Active brands are visible in your store")),
+                    react_1.default.createElement(ui_1.Switch, { id: "is_active", checked: formData.is_active, onCheckedChange: (checked) => setFormData(prev => ({ ...prev, is_active: checked })) })),
+                react_1.default.createElement("div", { className: "flex items-center justify-end gap-3 pt-4 border-t" },
+                    react_1.default.createElement(ui_1.Button, { type: "button", variant: "secondary", onClick: onClose }, "Cancel"),
+                    react_1.default.createElement(ui_1.Button, { type: "submit", disabled: loading }, loading ? "Saving..." : isCreating ? "Create Brand" : "Update Brand"))))));
+};
+exports.BrandForm = BrandForm;

package/dist/admin/components/brand-image-uploader.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+interface Brand {
+    id: string;
+    name: string;
+    image?: string;
+    logo?: string;
+}
+interface BrandImageUploaderProps {
+    brand: Brand;
+    imageType: "image" | "logo";
+    onClose: () => void;
+}
+export declare const BrandImageUploader: ({ brand, imageType, onClose, }: BrandImageUploaderProps) => React.JSX.Element;
+export {};

package/dist/admin/components/brand-image-uploader.js

@@ -0,0 +1,217 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BrandImageUploader = void 0;
+const react_1 = __importStar(require("react"));
+const sdk_1 = require("../lib/sdk");
+if (["$(basename $file)" = "page.tsx"] || "../lib/sdk")
+    ;
+const ui_1 = require("@medusajs/ui");
+const icons_1 = require("@medusajs/icons");
+const BrandImageUploader = ({ brand, imageType, onClose, }) => {
+    const currentImage = imageType === "image" ? brand.image : brand.logo;
+    const [displayImage, setDisplayImage] = (0, react_1.useState)(currentImage || null);
+    const [isUploading, setIsUploading] = (0, react_1.useState)(false);
+    const [isDragging, setIsDragging] = (0, react_1.useState)(false);
+    const [error, setError] = (0, react_1.useState)(null);
+    const [previewUrl, setPreviewUrl] = (0, react_1.useState)(null);
+    const isLogo = imageType === "logo";
+    const maxSize = isLogo ? 2 : 5; // 2MB for logos, 5MB for images
+    const allowedTypes = isLogo
+        ? ["image/jpeg", "image/png", "image/gif", "image/webp", "image/svg+xml"]
+        : ["image/jpeg", "image/png", "image/gif", "image/webp"];
+    const formatFileTypes = () => {
+        return isLogo
+            ? "JPEG, PNG, GIF, WebP, or SVG"
+            : "JPEG, PNG, GIF, or WebP";
+    };
+    const validateFile = (file) => {
+        if (!allowedTypes.includes(file.type)) {
+            setError(`Please upload a valid image file (${formatFileTypes()})`);
+            return false;
+        }
+        if (file.size > maxSize * 1024 * 1024) {
+            setError(`File size must be less than ${maxSize}MB`);
+            return false;
+        }
+        return true;
+    };
+    const handleFileUpload = async (file) => {
+        if (!validateFile(file))
+            return;
+        setError(null);
+        // Show preview immediately
+        const reader = new FileReader();
+        reader.onloadend = () => {
+            setPreviewUrl(reader.result);
+        };
+        reader.readAsDataURL(file);
+        // Upload to server
+        setIsUploading(true);
+        const formData = new FormData();
+        formData.append("file", file);
+        try {
+            const response = await sdk_1.sdk.client.fetch(`/admin/brands/${brand.id}/${imageType}`, {
+                method: "POST",
+                body: formData,
+            });
+            if (response.ok) {
+                const result = await response.json();
+                const newImageUrl = result.brand[imageType];
+                setDisplayImage(newImageUrl);
+                setPreviewUrl(null);
+                // Show success for a moment before closing
+                setTimeout(() => {
+                    onClose();
+                }, 1000);
+            }
+            else {
+                const errorData = await response.json();
+                setError(errorData.error || `Failed to upload ${imageType}`);
+                setPreviewUrl(null);
+            }
+        }
+        catch (err) {
+            setError(`Error uploading ${imageType}`);
+            setPreviewUrl(null);
+            console.error(`Error uploading ${imageType}:`, err);
+        }
+        finally {
+            setIsUploading(false);
+        }
+    };
+    const handleDelete = async () => {
+        if (!confirm(`Are you sure you want to delete the ${imageType}?`))
+            return;
+        setIsUploading(true);
+        setError(null);
+        try {
+            const response = await sdk_1.sdk.client.fetch(`/admin/brands/${brand.id}/${imageType}`, {
+                method: "DELETE",
+            });
+            if (response.ok) {
+                setDisplayImage(null);
+                setPreviewUrl(null);
+                setTimeout(() => {
+                    onClose();
+                }, 500);
+            }
+            else {
+                const errorData = await response.json();
+                setError(errorData.error || `Failed to delete ${imageType}`);
+            }
+        }
+        catch (err) {
+            setError(`Error deleting ${imageType}`);
+            console.error(`Error deleting ${imageType}:`, err);
+        }
+        finally {
+            setIsUploading(false);
+        }
+    };
+    const handleDragEnter = (0, react_1.useCallback)((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setIsDragging(true);
+    }, []);
+    const handleDragLeave = (0, react_1.useCallback)((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setIsDragging(false);
+    }, []);
+    const handleDragOver = (0, react_1.useCallback)((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+    }, []);
+    const handleDrop = (0, react_1.useCallback)((e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setIsDragging(false);
+        const file = e.dataTransfer.files?.[0];
+        if (file) {
+            handleFileUpload(file);
+        }
+    }, []);
+    const imageToDisplay = previewUrl || displayImage;
+    return (react_1.default.createElement("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50" },
+        react_1.default.createElement("div", { className: "w-full max-w-2xl rounded-lg bg-ui-bg-base p-6" },
+            react_1.default.createElement("div", { className: "mb-6 flex items-center justify-between" },
+                react_1.default.createElement("div", null,
+                    react_1.default.createElement(ui_1.Heading, { level: "h2" },
+                        "Upload Brand ",
+                        isLogo ? "Logo" : "Image"),
+                    react_1.default.createElement(ui_1.Text, { className: "text-ui-fg-subtle" }, brand.name)),
+                react_1.default.createElement(ui_1.Button, { variant: "secondary", size: "small", onClick: onClose },
+                    react_1.default.createElement(icons_1.X, null))),
+            error && (react_1.default.createElement(ui_1.Alert, { variant: "error", dismissible: true, className: "mb-4" }, error)),
+            react_1.default.createElement("div", { className: "space-y-4" },
+                imageToDisplay ? (react_1.default.createElement("div", { className: "space-y-4" },
+                    react_1.default.createElement("div", { className: "relative overflow-hidden rounded-lg border border-ui-border-base bg-ui-bg-subtle" },
+                        react_1.default.createElement("img", { src: imageToDisplay, alt: `Brand ${imageType}`, className: (0, ui_1.clx)("w-full object-contain", isLogo ? "h-32" : "h-64") }),
+                        isUploading && (react_1.default.createElement("div", { className: "absolute inset-0 flex items-center justify-center bg-black/50" },
+                            react_1.default.createElement("div", { className: "text-white" }, "Uploading...")))),
+                    react_1.default.createElement("div", { className: "flex gap-2" },
+                        react_1.default.createElement(ui_1.Button, { variant: "secondary", disabled: isUploading, onClick: () => document.getElementById(`${imageType}-file-input`)?.click() },
+                            react_1.default.createElement(icons_1.CloudArrowUp, { className: "mr-2" }),
+                            "Replace"),
+                        react_1.default.createElement(ui_1.Button, { variant: "danger", disabled: isUploading, onClick: handleDelete },
+                            react_1.default.createElement(icons_1.Trash, { className: "mr-2" }),
+                            "Delete")))) : (react_1.default.createElement("div", { className: (0, ui_1.clx)("flex flex-col items-center justify-center rounded-lg border-2 border-dashed transition-colors", isLogo ? "h-48" : "h-64", isDragging
+                        ? "border-ui-border-interactive bg-ui-bg-highlight"
+                        : "border-ui-border-base bg-ui-bg-subtle", !isUploading && "cursor-pointer"), onDragEnter: handleDragEnter, onDragLeave: handleDragLeave, onDragOver: handleDragOver, onDrop: handleDrop, onClick: () => !isUploading && document.getElementById(`${imageType}-file-input`)?.click() },
+                    isLogo ? (react_1.default.createElement(icons_1.BuildingStorefront, { className: "mb-4 h-12 w-12 text-ui-fg-subtle" })) : (react_1.default.createElement(icons_1.PhotoSolid, { className: "mb-4 h-12 w-12 text-ui-fg-subtle" })),
+                    react_1.default.createElement(ui_1.Text, { className: "mb-2 text-lg font-medium" }, isDragging ? `Drop ${imageType} here` : `Upload ${isLogo ? "Logo" : "Image"}`),
+                    react_1.default.createElement(ui_1.Text, { className: "mb-4 text-center text-ui-fg-subtle" }, "Drag and drop an image here, or click to select"),
+                    react_1.default.createElement(ui_1.Text, { className: "text-sm text-ui-fg-subtle" },
+                        formatFileTypes(),
+                        " \u2022 Max ",
+                        maxSize,
+                        "MB"),
+                    isLogo && (react_1.default.createElement(ui_1.Text, { className: "mt-2 text-xs text-ui-fg-subtle" }, "Recommended: Square image, minimum 200x200px")),
+                    isUploading && (react_1.default.createElement("div", { className: "mt-4" },
+                        react_1.default.createElement(ui_1.Text, null, "Uploading..."))))),
+                react_1.default.createElement("input", { id: `${imageType}-file-input`, type: "file", accept: allowedTypes.join(","), onChange: (e) => {
+                        const file = e.target.files?.[0];
+                        if (file)
+                            handleFileUpload(file);
+                        e.target.value = ""; // Reset input
+                    }, className: "hidden" })),
+            react_1.default.createElement("div", { className: "mt-6 flex items-center justify-between border-t pt-4" },
+                react_1.default.createElement(ui_1.Text, { className: "text-sm text-ui-fg-subtle" }, isLogo
+                    ? "Logo will be displayed in brand lists and product pages"
+                    : "Image can be used for brand pages and marketing"),
+                react_1.default.createElement(ui_1.Button, { variant: "secondary", onClick: onClose }, "Close")))));
+};
+exports.BrandImageUploader = BrandImageUploader;

package/dist/admin/lib/sdk.d.ts

@@ -0,0 +1 @@
+export declare const sdk: any;

package/dist/admin/lib/sdk.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.sdk = void 0;
+const js_sdk_1 = __importDefault(require("@medusajs/js-sdk"));
+exports.sdk = new js_sdk_1.default({
+    baseUrl: import.meta.env.VITE_BACKEND_URL || "/",
+    debug: import.meta.env.DEV,
+    auth: {
+        type: "session",
+    },
+});

package/dist/admin/routes/brands/page.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+declare const BrandsPage: () => React.JSX.Element;
+export declare const config: import("@medusajs/admin-sdk").RouteConfig;
+export default BrandsPage;