feat: add CurseForge support during management refactor (WIP)

Author: dreamguxiang

frontend/package-lock.json

@@ -12,6 +12,7 @@
   "dependencies": {
     "@heroui/react": "2.7.2",
     "@react-stately/utils": "^3.10.5",
+    "@wailsio/runtime": "latest",
     "framer-motion": "^11.3.22",
     "i18next": "^23.12.7",
     "i18next-browser-languagedetector": "^8.0.0",
@@ -23,16 +24,16 @@
     "react-dom": "^18.3.1",
     "react-i18next": "^15.0.1",
     "react-icons": "^5.2.1",
+    "react-markdown": "^9.0.0",
     "react-router-dom": "^6.26.0",
     "react-sage": "^0.3.16",
+    "remark-gfm": "^4.0.0",
     "tailwind-merge": "^3.0.2",
-    "uuid": "^10.0.0",
-    "@wailsio/runtime": "latest",
-    "react-markdown": "^9.0.0",
-    "remark-gfm": "^4.0.0"
+    "uuid": "^10.0.0"
   },
   "devDependencies": {
     "@iconify/react": "^5.0.2",
+    "@tailwindcss/typography": "^0.5.19",
     "@types/react": "^18.0.17",
     "@types/react-dom": "^18.0.6",
     "@types/uuid": "^10.0.0",

frontend/package.json

@@ -52,6 +52,8 @@ import ReactMarkdown from "react-markdown";
 import remarkGfm from "remark-gfm";
 import AboutPage from "./pages/AboutPage";
 import OnboardingPage from "./pages/OnboardingPage";
+import CurseForgePage from "./pages/CurseForgePage";
+import CurseForgeModPage from "./pages/CurseForgeModPage";
 
 function App() {
   const [splashVisible, setSplashVisible] = useState(true);
@@ -543,6 +545,8 @@ function App() {
                   element={<VersionSettingsPage />}
                 />
                 <Route path="/mods" element={<ModsPage />} />
+                <Route path="/curseforge" element={<CurseForgePage />} />
+                <Route path="/curseforge/mod/:id" element={<CurseForgeModPage />} />
                 <Route path="/updating" element={<UpdatingPage />} />
                 <Route path="/onboarding" element={<OnboardingPage />} />
                 <Route path="/filemanager" element={<FileManagerPage />} />

frontend/src/App.tsx

@@ -800,5 +800,29 @@
       "cancel": "Cancel",
       "save": "Save and Finish"
     }
+  },
+  "curseforgecard": {
+    "title": "CurseForge",
+    "content": "Browse and download mods",
+    "browse": "Browse CurseForge"
+  },
+  "curseforge": {
+    "title": "CurseForge",
+    "search_placeholder": "Search mods...",
+    "search": "Search",
+    "minecraft_version": "Minecraft Version",
+    "select_version": "Select version",
+    "all_versions": "All Versions",
+    "mod_loader": "Mod Loader",
+    "select_loader": "Select loader",
+    "class": "Type",
+    "select_class": "Select type",
+    "all_classes": "All Types",
+    "category": "Category",
+    "select_category": "Select category",
+    "sort_by": "Sort By",
+    "select_sort": "Select sort",
+    "no_results": "No results found",
+    "view_details": "View Details"
   }
-}
+}

frontend/src/assets/locales/en_US.json

@@ -799,5 +799,29 @@
         "cancel": "Отмена",
         "save": "Сохранить и завершить"
       }
+    },
+    "curseforgecard": {
+      "title": "CurseForge",
+      "content": "Просмотр и загрузка модов",
+      "browse": "Просмотреть CurseForge"
+    },
+    "curseforge": {
+      "title": "CurseForge",
+      "search_placeholder": "Поиск модов...",
+      "search": "Поиск",
+      "minecraft_version": "Версия Minecraft",
+      "select_version": "Выберите версию",
+      "all_versions": "Все версии",
+      "mod_loader": "Загрузчик модов",
+      "select_loader": "Выберите загрузчик",
+      "class": "Тип",
+      "select_class": "Выберите тип",
+      "all_classes": "Все типы",
+      "category": "Категория",
+      "select_category": "Выберите категорию",
+      "sort_by": "Сортировка",
+      "select_sort": "Выберите сортировку",
+      "no_results": "Результаты не найдены",
+      "view_details": "Подробнее"
     }
-}
+}

frontend/src/assets/locales/ru_RU.json

@@ -800,5 +800,29 @@
       "cancel": "取消",
       "save": "保存并完成"
     }
+  },
+  "curseforgecard": {
+    "title": "CurseForge",
+    "content": "浏览和下载模组",
+    "browse": "浏览CurseForge"
+  },
+  "curseforge": {
+    "title": "CurseForge",
+    "search_placeholder": "搜索模组...",
+    "search": "搜索",
+    "minecraft_version": "Minecraft版本",
+    "select_version": "选择版本",
+    "all_versions": "全部版本",
+    "mod_loader": "模组加载器",
+    "select_loader": "选择加载器",
+    "class": "类型",
+    "select_class": "选择类型",
+    "all_classes": "全部类型",
+    "category": "分类",
+    "select_category": "选择分类",
+    "sort_by": "排序",
+    "select_sort": "选择排序",
+    "no_results": "未找到结果",
+    "view_details": "查看详情"
   }
-}
+}

frontend/src/assets/locales/zh_CN.json

@@ -0,0 +1,49 @@
+import React from "react";
+import { Tooltip, Card, CardBody, Button } from "@heroui/react";
+import { useTranslation } from "react-i18next";
+import { useNavigate } from "react-router-dom";
+import { LuDownload } from "react-icons/lu";
+
+export const CurseForgeCard = () => {
+  const { t } = useTranslation();
+  const navigate = useNavigate();
+
+  return (
+    <Card className="rounded-2xl shadow-md h-full min-h-[160px] bg-white/70 dark:bg-black/30 backdrop-blur-md border border-white/30">
+      <CardBody className="relative p-4 sm:p-5 flex flex-col gap-3 text-left">
+        <div className="flex items-center gap-2">
+          <span className="font-bold text-lg">{t("curseforgecard.title")}</span>
+        </div>
+        <div className="flex items-center text-base font-semibold">
+          <LuDownload className="text-blue-500 mr-2" />
+          <span>{t("curseforgecard.content")}</span>
+        </div>
+        <div className="absolute bottom-3 right-3">
+          <Tooltip
+            content={
+              t("curseforgecard.browse", {
+                defaultValue: "浏览CurseForge",
+              }) as unknown as string
+            }
+            placement="left"
+          >
+            <Button
+              isIconOnly
+              size="sm"
+              variant="light"
+              radius="full"
+              onPress={() => navigate("/curseforge")}
+              aria-label={
+                t("curseforgecard.browse", {
+                  defaultValue: "浏览CurseForge",
+                }) as unknown as string
+              }
+            >
+              <LuDownload size={20} />
+            </Button>
+          </Tooltip>
+        </div>
+      </CardBody>
+    </Card>
+  );
+};

frontend/src/components/CurseForgeCard.tsx

@@ -23,12 +23,11 @@ import { motion } from "framer-motion";
 import { useNavigate } from "react-router-dom";
 import {
   GetContentRoots,
-  ListDir,
+  ListPacksForVersion,
   OpenPathDir,
 } from "../../bindings/github.com/liteldev/LeviLauncher/minecraft";
 import * as types from "../../bindings/github.com/liteldev/LeviLauncher/internal/types/models";
 import { readCurrentVersionName } from "../utils/currentVersion";
-import { listDirectories } from "../utils/fs";
 import * as minecraft from "../../bindings/github.com/liteldev/LeviLauncher/minecraft";
 import { renderMcText } from "../utils/mcformat";
 
@@ -119,7 +118,10 @@ export default function BehaviorPacksPage() {
           });
           setEntries([]);
         } else {
-          const r = await GetContentRoots(name);
+          const [r, allPacks] = await Promise.all([
+            GetContentRoots(name),
+            ListPacksForVersion(name, ""),
+          ]);
           const safe = r || {
             base: "",
             usersRoot: "",
@@ -129,21 +131,27 @@ export default function BehaviorPacksPage() {
             isPreview: false,
           };
           setRoots(safe);
-          const dirs = await listDirectories(safe.behaviorPacks);
-          setEntries(dirs);
+
+          const filtered = (allPacks || []).filter(
+            (p) => p.manifest.pack_type === 4
+          );
+
+          setEntries([]); 
           const basic = await Promise.all(
-            dirs.map(async (d) => {
+            filtered.map(async (p) => {
               try {
-                const info = await (minecraft as any)?.GetPackInfo?.(d.path);
-                return { ...info, path: d.path };
+                const info = await (minecraft as any)?.GetPackInfo?.(p.path);
+                return { ...info, path: p.path };
               } catch {
                 return {
-                  name: d.name,
-                  description: "",
-                  version: "",
+                  name: p.manifest.name,
+                  description: p.manifest.description,
+                  version: p.manifest.identity.version
+                    ? `${p.manifest.identity.version.major}.${p.manifest.identity.version.minor}.${p.manifest.identity.version.patch}`
+                    : "",
                   minEngineVersion: "",
                   iconDataUrl: "",
-                  path: d.path,
+                  path: p.path,
                 };
               }
             })