feat: add AirShelf core implementation

This commit is contained in:
zyc
2026-06-05 10:21:40 +08:00
parent 2ba1058329
commit cfdcd84a30
252 changed files with 70828 additions and 0 deletions
+189
View File
@@ -0,0 +1,189 @@
import {
Film,
FolderKanban,
Home,
ImageIcon,
Library,
MessageSquare,
Package,
Settings,
Users,
Wallet,
WandSparkles
} from "lucide-react";
export type Page =
| "dashboard"
| "products"
| "productDetail"
| "productCreateUpload"
| "projects"
| "projectWizard"
| "pipeline"
| "library"
| "account"
| "team"
| "messages"
| "assetFactory"
| "imageOptimize"
| "modelPhoto"
| "modelPhotoDemoA"
| "modelPhotoDemoB"
| "platformCover"
| "settings"
| "settingsNotify";
export type AuthMode = "login" | "register";
export type ResolvedRoute = {
page: Page;
authMode: AuthMode;
productId?: string;
projectId?: string;
hash?: string;
};
export type NavigateOptions = {
productId?: string;
projectId?: string;
replace?: boolean;
hash?: string;
};
export type NavigateFn = (page: Page, options?: NavigateOptions) => void;
export type Notice = { type: "success" | "error" | "info"; text: string } | null;
export type NavItem = { page: Page; label: string; icon: typeof Home; badge?: string };
export const mainNav: NavItem[] = [
{ page: "dashboard", label: "工作台", icon: Home },
{ page: "products", label: "商品库", icon: Package },
{ page: "projects", label: "视频项目", icon: FolderKanban },
{ page: "pipeline", label: "生产管线", icon: WandSparkles },
{ page: "library", label: "资产库", icon: Library },
{ page: "account", label: "账户", icon: Wallet }
];
export const supplementNav: NavItem[] = [
{ page: "team", label: "团队", icon: Users },
{ page: "messages", label: "消息", icon: MessageSquare, badge: "3" },
{ page: "assetFactory", label: "图片工具", icon: ImageIcon, badge: "AI" },
{ page: "settings", label: "设置", icon: Settings }
];
export const allNav = [...mainNav, ...supplementNav];
export const routeLabels: Record<Page, string> = {
dashboard: "工作台",
products: "商品库",
productDetail: "商品详情",
productCreateUpload: "上传创建商品",
projects: "视频项目",
projectWizard: "新建视频项目",
pipeline: "生产管线",
library: "资产库",
account: "账户",
team: "团队",
messages: "消息",
assetFactory: "图片工具",
imageOptimize: "图片创作",
modelPhoto: "模特上身图",
modelPhotoDemoA: "模特图方案 A",
modelPhotoDemoB: "模特图方案 B",
platformCover: "平台套图",
settings: "设置",
settingsNotify: "通知设置"
};
export const routePages = Object.keys(routeLabels) as Page[];
export function isPage(value: string): value is Page {
return routePages.includes(value as Page);
}
export function parentPage(page: Page): Page {
if (["productDetail", "productCreateUpload"].includes(page)) return "products";
if (page === "projectWizard") return "projects";
if (["imageOptimize", "modelPhoto", "modelPhotoDemoA", "modelPhotoDemoB", "platformCover"].includes(page)) {
return "assetFactory";
}
if (page === "settingsNotify") return "settings";
return page;
}
export function resolveRoute(): ResolvedRoute {
const rawPath = window.location.pathname.replace(/\/+$/, "") || "/";
const path = rawPath.toLowerCase();
const search = new URLSearchParams(window.location.search);
const hash = window.location.hash.replace("#", "");
if (path === "/register" || hash === "register") return { page: "dashboard", authMode: "register", hash };
if (path === "/login") return { page: "dashboard", authMode: "login", hash };
if (path === "/" && isPage(hash)) return { page: hash, authMode: "login", hash };
if (path === "/" || path === "/dashboard") return { page: "dashboard", authMode: "login", hash };
if (path === "/products") return { page: "products", authMode: "login", hash };
if (path === "/products/new") return { page: "productCreateUpload", authMode: "login", hash };
if (path.startsWith("/products/")) {
return { page: "productDetail", authMode: "login", productId: decodeURIComponent(path.slice("/products/".length)), hash };
}
if (path === "/projects") return { page: "projects", authMode: "login", hash };
if (path === "/projects/new") return { page: "projectWizard", authMode: "login", hash };
if (path === "/pipeline") {
return { page: "pipeline", authMode: "login", projectId: search.get("project_id") || undefined, hash };
}
if (path.startsWith("/pipeline/")) {
return { page: "pipeline", authMode: "login", projectId: decodeURIComponent(path.slice("/pipeline/".length)), hash };
}
if (path === "/library") return { page: "library", authMode: "login", hash };
if (path === "/account") return { page: "account", authMode: "login", hash };
if (path === "/team") return { page: "team", authMode: "login", hash };
if (path === "/messages") return { page: "messages", authMode: "login", hash };
if (path === "/asset-factory") return { page: "assetFactory", authMode: "login", hash };
if (path === "/image-optimize") return { page: "imageOptimize", authMode: "login", hash };
if (path === "/model-photo") return { page: "modelPhoto", authMode: "login", hash };
if (path === "/model-photo/demo-a") return { page: "modelPhotoDemoA", authMode: "login", hash };
if (path === "/model-photo/demo-b") return { page: "modelPhotoDemoB", authMode: "login", hash };
if (path === "/platform-cover") return { page: "platformCover", authMode: "login", hash };
if (path === "/settings/notify") return { page: "settingsNotify", authMode: "login", hash };
if (path === "/settings") return { page: "settings", authMode: "login", hash };
return { page: "dashboard", authMode: "login", hash };
}
export function pathForPage(page: Page, options: NavigateOptions = {}) {
switch (page) {
case "dashboard":
return "/dashboard";
case "products":
return "/products";
case "productCreateUpload":
return "/products/new";
case "productDetail":
return options.productId ? `/products/${encodeURIComponent(options.productId)}` : "/products";
case "projects":
return "/projects";
case "projectWizard":
return "/projects/new";
case "pipeline":
return options.projectId ? `/pipeline/${encodeURIComponent(options.projectId)}` : "/pipeline";
case "library":
return "/library";
case "account":
return "/account";
case "team":
return "/team";
case "messages":
return "/messages";
case "assetFactory":
return "/asset-factory";
case "imageOptimize":
return "/image-optimize";
case "modelPhoto":
return "/model-photo";
case "modelPhotoDemoA":
return "/model-photo/demo-a";
case "modelPhotoDemoB":
return "/model-photo/demo-b";
case "platformCover":
return "/platform-cover";
case "settingsNotify":
return "/settings/notify";
case "settings":
return "/settings";
default:
return "/dashboard";
}
}