most-box 0.0.2 → 0.0.4

package/out/index.txt

@@ -0,0 +1,18 @@
+1:"$Sreact.fragment"
+2:I[17279,["/_next/static/chunks/0u5ydb-f0.vxl.js","/_next/static/chunks/0dbhjjzl8qfwv.js"],"ErrorBoundary"]
+3:I[39756,["/_next/static/chunks/0u5ydb-f0.vxl.js","/_next/static/chunks/0dbhjjzl8qfwv.js"],"default"]
+4:I[37457,["/_next/static/chunks/0u5ydb-f0.vxl.js","/_next/static/chunks/0dbhjjzl8qfwv.js"],"default"]
+5:I[47257,["/_next/static/chunks/0u5ydb-f0.vxl.js","/_next/static/chunks/0dbhjjzl8qfwv.js"],"ClientPageRoot"]
+6:I[29615,["/_next/static/chunks/0u5ydb-f0.vxl.js","/_next/static/chunks/0dbhjjzl8qfwv.js","/_next/static/chunks/03k8t3tgym~8~.js","/_next/static/chunks/0ohm.ia-4ec60.js"],"default"]
+9:I[97367,["/_next/static/chunks/0u5ydb-f0.vxl.js","/_next/static/chunks/0dbhjjzl8qfwv.js"],"OutletBoundary"]
+a:"$Sreact.suspense"
+c:I[97367,["/_next/static/chunks/0u5ydb-f0.vxl.js","/_next/static/chunks/0dbhjjzl8qfwv.js"],"ViewportBoundary"]
+e:I[97367,["/_next/static/chunks/0u5ydb-f0.vxl.js","/_next/static/chunks/0dbhjjzl8qfwv.js"],"MetadataBoundary"]
+10:I[68027,["/_next/static/chunks/0u5ydb-f0.vxl.js","/_next/static/chunks/0dbhjjzl8qfwv.js"],"default",1]
+:HL["/_next/static/chunks/09vfh8lfuacc0.css","style"]
+0:{"P":null,"c":["",""],"q":"","i":false,"f":[[["",{"children":["__PAGE__",{}]},"$undefined","$undefined",16],[["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/chunks/09vfh8lfuacc0.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/_next/static/chunks/0u5ydb-f0.vxl.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/_next/static/chunks/0dbhjjzl8qfwv.js","async":true,"nonce":"$undefined"}]],["$","html",null,{"lang":"zh-CN","suppressHydrationWarning":true,"children":[["$","head",null,{"children":[["$","meta",null,{"charSet":"UTF-8"}],["$","meta",null,{"name":"viewport","content":"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"}],["$","link",null,{"rel":"icon","href":"/favicon.ico"}],["$","script",null,{"dangerouslySetInnerHTML":{"__html":"\n              (function() {\n                var theme = localStorage.getItem('theme');\n                if (theme === 'dark' || (!theme && window.matchMedia('(prefers-color-scheme: dark)').matches)) {\n                  document.documentElement.setAttribute('data-theme', 'dark');\n                }\n              })();\n            "}}]]}],["$","body",null,{"children":["$","$L2",null,{"children":[["$","script",null,{"dangerouslySetInnerHTML":{"__html":"\n          window.onerror = function(message, source, lineno, colno, error) {\n            console.error('[Global Error]', { message, source, lineno, colno, error });\n          };\n          window.onunhandledrejection = function(event) {\n            console.error('[Unhandled Promise Rejection]', event.reason);\n          };\n        "}}],["$","$L3",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L4",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":404}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]]}]}]]}]]}],{"children":[["$","$1","c",{"children":[["$","$L5",null,{"Component":"$6","serverProvidedParams":{"searchParams":{},"params":{},"promises":["$@7","$@8"]}}],[["$","script","script-0",{"src":"/_next/static/chunks/03k8t3tgym~8~.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/_next/static/chunks/0ohm.ia-4ec60.js","async":true,"nonce":"$undefined"}]],["$","$L9",null,{"children":["$","$a",null,{"name":"Next.MetadataOutlet","children":"$@b"}]}]]}],{},null,false,null]},null,false,null],["$","$1","h",{"children":[null,["$","$Lc",null,{"children":"$Ld"}],["$","div",null,{"hidden":true,"children":["$","$Le",null,{"children":["$","$a",null,{"name":"Next.Metadata","children":"$Lf"}]}]}],null]}],false]],"m":"$undefined","G":["$10",[["$","link","0",{"rel":"stylesheet","href":"/_next/static/chunks/09vfh8lfuacc0.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]]],"S":true,"h":null,"s":"$undefined","l":"$undefined","p":"$undefined","d":"$undefined","b":"0h4f4QFk_KC9FlSRfQACk"}
+7:{}
+8:"$0:f:0:1:1:children:0:props:children:0:props:serverProvidedParams:params"
+d:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}]]
+b:null
+f:[["$","title","0",{"children":"MostBox 文件管理"}],["$","meta","1",{"name":"description","content":"MostBox P2P 文件管理"}]]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "most-box",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "MostBox - P2P file sharing application",
   "type": "module",
   "main": "server.js",
@@ -8,15 +8,16 @@
     "most-box": "./cli.js"
   },
   "files": [
+    "out",
     "public",
     "src",
     "server.js",
-    "build.mjs",
     "cli.js"
   ],
   "scripts": {
     "start": "npm run build && node server.js",
-    "build": "node build.mjs",
+    "build": "next build",
+    "dev": "next dev",
     "test": "node --test tests/**/*.test.js",
     "test:unit": "node --test tests/unit/*.test.js"
   },
@@ -32,17 +33,21 @@
     "busboy": "^1.6.0",
     "corestore": "^7.9.2",
     "eventemitter3": "^5.0.4",
-    "hyperdrive": "^13.3.1",
+    "hypercore": "^11.28.1",
+    "hyperdrive": "^13.3.2",
     "hyperswarm": "^4.17.0",
     "ipfs-unixfs-importer": "^16.1.4",
+    "ky": "^2.0.0",
     "lucide-react": "^1.7.0",
     "multiformats": "^13.4.2",
+    "next": "^16.2.2",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
+    "react-router-dom": "^7.14.0",
     "ws": "^8.20.0"
   },
   "devDependencies": {
-    "esbuild": "^0.27.4",
-    "supertest": "^7.0.0"
+    "esbuild": "^0.28.0",
+    "supertest": "^7.2.2"
   }
 }

package/public/app.css

@@ -53,7 +53,8 @@ body {
 /* === Layout === */
 .app-layout {
   display: flex;
-  min-height: 100vh;
+  height: 100vh;
+  overflow: hidden;
   background: var(--bg-primary);
   color: var(--text-primary);
 }
@@ -61,6 +62,8 @@ body {
 /* === Sidebar === */
 .sidebar {
   width: 200px;
+  height: 100vh;
+  overflow-y: auto;
   background: var(--bg-tertiary);
   display: flex;
   flex-direction: column;
@@ -68,8 +71,12 @@ body {
   flex-shrink: 0;
 
   .sidebar-header {
-    padding: 20px 16px;
+    min-height: 64px;
+    padding: 14px 16px;
+    display: flex;
+    align-items: center;
     border-bottom: 1px solid var(--border-color);
+    box-sizing: border-box;
 
     h1 {
       font-size: 18px;
@@ -161,6 +168,7 @@ body {
   display: flex;
   flex-direction: column;
   min-width: 0;
+  overflow: hidden;
 }
 
 /* === Header === */
@@ -169,10 +177,12 @@ body {
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
-  padding: 16px 24px;
+  min-height: 64px;
+  padding: 14px 24px;
   border-bottom: 1px solid var(--border-color);
   background: var(--bg-secondary);
   gap: 16px;
+  box-sizing: border-box;
 
   .header-left {
     display: flex;
@@ -1207,12 +1217,17 @@ body {
     }
   }
 
+  .modal-overlay {
+    z-index: 301;
+  }
+
   .mobile-menu-btn {
     display: flex;
   }
 
   /* Header */
   .app-header {
+    min-height: 56px;
     padding: 12px 16px;
     gap: 8px;
 
@@ -1369,7 +1384,8 @@ body {
   }
 
   .app-header {
-    padding: 10px 12px;
+    min-height: 52px;
+    padding: 12px 12px;
 
     .header-title {
       font-size: 14px;