@microcosmmoney/portal-react 1.0.0

package/dist/components/menu-section.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { type MicrocosmMenuGroup, type MicrocosmMenuItem } from '../menu-config';
+export interface MicrocosmMenuSectionProps {
+    basePath?: string;
+    currentPath?: string;
+    onNavigate?: (path: string) => void;
+    groups?: MicrocosmMenuGroup[];
+    className?: string;
+    renderItem?: (item: MicrocosmMenuItem, resolvedPath: string, isActive: boolean) => React.ReactNode;
+    renderSectionHeader?: (group: MicrocosmMenuGroup) => React.ReactNode;
+}
+export declare function MicrocosmMenuSection({ basePath, currentPath, onNavigate, groups, className, renderItem, renderSectionHeader, }: MicrocosmMenuSectionProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/menu-section.js

@@ -0,0 +1,63 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MicrocosmMenuSection = MicrocosmMenuSection;
+const jsx_runtime_1 = require("react/jsx-runtime");
+// AI-generated · AI-managed · AI-maintained
+const react_1 = __importDefault(require("react"));
+const menu_config_1 = require("../menu-config");
+function isActive(itemPath, currentPath) {
+    if (!currentPath)
+        return false;
+    if (itemPath === '/')
+        return currentPath === '/';
+    return currentPath.startsWith(itemPath);
+}
+function MicrocosmMenuSection({ basePath, currentPath, onNavigate, groups = menu_config_1.microcosmMenuGroups, className = '', renderItem, renderSectionHeader, }) {
+    return ((0, jsx_runtime_1.jsx)("div", { className: `microcosm-menu ${className}`, children: groups.map((group) => ((0, jsx_runtime_1.jsxs)("div", { className: "microcosm-menu-group", children: [renderSectionHeader ? (renderSectionHeader(group)) : ((0, jsx_runtime_1.jsxs)("div", { style: {
+                        display: 'flex',
+                        alignItems: 'center',
+                        gap: '8px',
+                        padding: '8px 12px',
+                        fontSize: '11px',
+                        fontWeight: 600,
+                        textTransform: 'uppercase',
+                        letterSpacing: '0.05em',
+                        opacity: 0.5,
+                        fontFamily: 'ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace',
+                    }, children: [(0, jsx_runtime_1.jsx)(group.icon, { size: 14 }), (0, jsx_runtime_1.jsx)("span", { children: group.title })] })), group.items.map((item) => {
+                    const resolved = (0, menu_config_1.resolveMenuPath)(item.path, basePath);
+                    const active = isActive(resolved, currentPath);
+                    if (renderItem) {
+                        return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: renderItem(item, resolved, active) }, item.key));
+                    }
+                    return ((0, jsx_runtime_1.jsxs)("button", { onClick: () => onNavigate?.(resolved), title: item.description, style: {
+                            display: 'flex',
+                            alignItems: 'center',
+                            gap: '8px',
+                            width: '100%',
+                            padding: '8px 12px',
+                            border: 'none',
+                            background: active ? 'rgba(255,255,255,0.08)' : 'transparent',
+                            color: active ? '#fff' : 'rgba(255,255,255,0.7)',
+                            cursor: 'pointer',
+                            fontSize: '13px',
+                            fontFamily: 'ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace',
+                            textAlign: 'left',
+                            borderRadius: '6px',
+                            transition: 'background 0.15s, color 0.15s',
+                        }, onMouseEnter: (e) => {
+                            if (!active) {
+                                e.currentTarget.style.background = 'rgba(255,255,255,0.05)';
+                                e.currentTarget.style.color = '#fff';
+                            }
+                        }, onMouseLeave: (e) => {
+                            if (!active) {
+                                e.currentTarget.style.background = 'transparent';
+                                e.currentTarget.style.color = 'rgba(255,255,255,0.7)';
+                            }
+                        }, children: [(0, jsx_runtime_1.jsx)(item.icon, { size: 16 }), (0, jsx_runtime_1.jsx)("span", { children: item.title })] }, item.key));
+                })] }, group.key))) }));
+}

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export { MicrocosmMenuSection } from './components/menu-section';
+export type { MicrocosmMenuSectionProps } from './components/menu-section';
+export { blockchainMenu, web3OsMenu, microcosmMenuGroups, getAllMenuItems, resolveMenuPath, } from './menu-config';
+export type { MicrocosmMenuItem, MicrocosmMenuGroup } from './menu-config';

package/dist/index.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resolveMenuPath = exports.getAllMenuItems = exports.microcosmMenuGroups = exports.web3OsMenu = exports.blockchainMenu = exports.MicrocosmMenuSection = void 0;
+// AI-generated · AI-managed · AI-maintained
+var menu_section_1 = require("./components/menu-section");
+Object.defineProperty(exports, "MicrocosmMenuSection", { enumerable: true, get: function () { return menu_section_1.MicrocosmMenuSection; } });
+var menu_config_1 = require("./menu-config");
+Object.defineProperty(exports, "blockchainMenu", { enumerable: true, get: function () { return menu_config_1.blockchainMenu; } });
+Object.defineProperty(exports, "web3OsMenu", { enumerable: true, get: function () { return menu_config_1.web3OsMenu; } });
+Object.defineProperty(exports, "microcosmMenuGroups", { enumerable: true, get: function () { return menu_config_1.microcosmMenuGroups; } });
+Object.defineProperty(exports, "getAllMenuItems", { enumerable: true, get: function () { return menu_config_1.getAllMenuItems; } });
+Object.defineProperty(exports, "resolveMenuPath", { enumerable: true, get: function () { return menu_config_1.resolveMenuPath; } });

package/dist/menu-config.d.ts

@@ -0,0 +1,19 @@
+import { type LucideIcon } from 'lucide-react';
+export interface MicrocosmMenuItem {
+    title: string;
+    key: string;
+    path: string;
+    icon: LucideIcon;
+    description?: string;
+}
+export interface MicrocosmMenuGroup {
+    title: string;
+    key: string;
+    icon: LucideIcon;
+    items: MicrocosmMenuItem[];
+}
+export declare const blockchainMenu: MicrocosmMenuGroup;
+export declare const web3OsMenu: MicrocosmMenuGroup;
+export declare const microcosmMenuGroups: MicrocosmMenuGroup[];
+export declare function getAllMenuItems(): MicrocosmMenuItem[];
+export declare function resolveMenuPath(path: string, basePath?: string): string;

package/dist/menu-config.js

@@ -0,0 +1,90 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.microcosmMenuGroups = exports.web3OsMenu = exports.blockchainMenu = void 0;
+exports.getAllMenuItems = getAllMenuItems;
+exports.resolveMenuPath = resolveMenuPath;
+// AI-generated · AI-managed · AI-maintained
+const lucide_react_1 = require("lucide-react");
+exports.blockchainMenu = {
+    title: 'Blockchain',
+    key: 'blockchain',
+    icon: lucide_react_1.Coins,
+    items: [
+        {
+            title: '铸造',
+            key: 'mining',
+            path: '/mcc/mining',
+            icon: lucide_react_1.Pickaxe,
+            description: '支付稳定币铸造获得 MCC',
+        },
+        {
+            title: '轮回回购',
+            key: 'reincarnation',
+            path: '/mcc/reincarnation',
+            icon: lucide_react_1.ArrowDownUp,
+            description: 'MCC 回购换取稳定币',
+        },
+        {
+            title: '钱包',
+            key: 'wallet',
+            path: '/mcc/wallet',
+            icon: lucide_react_1.Wallet,
+            description: 'MCC 资产总览',
+        },
+        {
+            title: 'MCD 积分',
+            key: 'mcd',
+            path: '/mcc/mcd',
+            icon: lucide_react_1.Ticket,
+            description: 'MCD 余额、积分记录',
+        },
+    ],
+};
+exports.web3OsMenu = {
+    title: 'Web3 OS',
+    key: 'web3os',
+    icon: lucide_react_1.Users,
+    items: [
+        {
+            title: '拍卖市场',
+            key: 'auctions',
+            path: '/mcc/auctions',
+            icon: lucide_react_1.Gift,
+            description: '领地拍卖竞价',
+        },
+        {
+            title: '领地管理',
+            key: 'territory',
+            path: '/user-system/territory',
+            icon: lucide_react_1.Building2,
+            description: '领地列表和详情',
+        },
+        {
+            title: '社区投票',
+            key: 'voting',
+            path: '/mcc/voting',
+            icon: lucide_react_1.Vote,
+            description: '参与社区提案投票',
+        },
+        {
+            title: '组织架构',
+            key: 'organization',
+            path: '/user-system/organization',
+            icon: lucide_react_1.Users,
+            description: '组织结构和层级',
+        },
+    ],
+};
+exports.microcosmMenuGroups = [
+    exports.blockchainMenu,
+    exports.web3OsMenu,
+];
+function getAllMenuItems() {
+    return exports.microcosmMenuGroups.flatMap(group => group.items);
+}
+function resolveMenuPath(path, basePath) {
+    if (!basePath)
+        return path;
+    const base = basePath.endsWith('/') ? basePath.slice(0, -1) : basePath;
+    return `${base}${path}`;
+}

package/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "@microcosmmoney/portal-react",
+  "version": "1.0.0",
+  "description": "Microcosm Portal UI components for React/Next.js",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": ["dist"],
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsc --watch"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "dependencies": {
+    "@microcosmmoney/auth-core": "^1.0.0",
+    "@microcosmmoney/auth-react": "^1.0.0",
+    "lucide-react": ">=0.300.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.0.0",
+    "react": "^18.0.0",
+    "typescript": "^5.3.0"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/MicrocosmMoney/Microcosm"
+  }
+}