most-box 0.1.8 → 0.1.9

package/README.md

@@ -45,7 +45,7 @@ npx most-box@latest
 ## 需求
 
 - 使用桌面客户端：无需单独安装 Node.js。
-- 使用 `npx most-box@latest` 或本地源码开发：建议 Node.js >= 22.12。当前 Next.js 16 需要 Node.js >= 20.9，Electron 42 开发/打包需要 Node.js >= 22.12。
+- 使用 `npx most-box@latest` 或本地源码开发：建议 Node.js >= 22.12。当前 TanStack Start static prerender 前端和 Electron 42 开发/打包都建议 Node.js >= 22.12。
 - MostBox Web 界面只连接已有节点；在线入口或单独打开的浏览器页面不会替你启动 P2P 节点。
 - MostBox 会创建本地身份用于本机数据隔离和 API 签名；这不是云端注册账号。
 
@@ -203,7 +203,7 @@ npx most-box@latest
 
 ## 技术栈
 
-- **前端**: React 19, Next.js 16, TypeScript, Zustand, Lucide React
+- **前端**: React 19, Vite, TanStack Start static prerender, TanStack Router, TypeScript, Zustand, Lucide React
 - **后端**: Hono + @hono/node-server + WebSocket
 - **P2P**: Hyperswarm 4.x, Hyperdrive 13.x, Corestore 7.x
 - **桌面**: Electron 42, electron-builder
@@ -245,8 +245,8 @@ R2 发布资产使用独立公开桶，默认 bucket 为 `most-box-releases`，
 | `R2_PUBLIC_BASE_URL`   | 可选；默认 `https://download.most.box`  |
 
 下载页默认读取 `https://download.most.box/releases/latest.json`。部署环境可额外配置
-`NEXT_PUBLIC_R2_PUBLIC_BASE_URL` 覆盖公开域名，或直接配置
-`NEXT_PUBLIC_RELEASE_MANIFEST_URL` 指向指定的 `latest.json`。
+`VITE_R2_PUBLIC_BASE_URL` 覆盖公开域名，或直接配置
+`VITE_RELEASE_MANIFEST_URL` 指向指定的 `latest.json`。
 
 ## 社区
 

package/out/assets/AppShell-DmZQwVA9.js

@@ -0,0 +1 @@
+import{n as e,o as t,t as n}from"./jsx-runtime-Bt-cYkS5.js";import{W as r}from"./index-Cf23WD2V.js";var i=r(`menu`,[[`path`,{d:`M4 5h16`,key:`1tepv9`}],[`path`,{d:`M4 12h16`,key:`1lakjw`}],[`path`,{d:`M4 19h16`,key:`1djgab`}]]),a=t(e(),1);function o(e,t){return typeof t==`boolean`?t:typeof window<`u`&&`matchMedia`in window?window.matchMedia(e).matches:!1}function s(e,t,{getInitialValueInEffect:n}={getInitialValueInEffect:!0}){let[r,i]=(0,a.useState)(n?t:o(e));return(0,a.useEffect)(()=>{try{if(`matchMedia`in window){let t=window.matchMedia(e);i(t.matches);let n=e=>i(e.matches);return t.addEventListener(`change`,n),()=>{t.removeEventListener(`change`,n)}}}catch{return}},[e]),r||!1}function c(e=!1,t={}){let[n,r]=(0,a.useState)(e),i=(0,a.useCallback)(()=>{r(e=>e||(t.onOpen?.(),!0))},[t.onOpen]),o=(0,a.useCallback)(()=>{r(e=>e&&(t.onClose?.(),!1))},[t.onClose]);return[n,{open:i,close:o,toggle:(0,a.useCallback)(()=>{n?o():i()},[o,i,n]),set:r}]}var l=n(),u=(0,a.createContext)(null);function d(){let e=(0,a.useContext)(u);if(!e)throw Error(`useAppShell must be used within AppShell`);return e}function f({sidebar:e,className:t=``,headerTitle:n,headerRight:r,sidebarToggleReplacement:o,defaultHide:d=!1,children:f}){let[p,m]=c(!1),[h,g]=(0,a.useState)(d),_=(0,a.useRef)(d),v=s(`(max-width: 768px)`),y=(0,a.useCallback)((e={})=>{m.close(),e.collapse&&g(!0)},[m]);(0,a.useEffect)(()=>{d!==_.current&&(d?y({collapse:!0}):g(!1),_.current=d)},[d,y]);let b=()=>{v?m.toggle():g(!h)},x=()=>{v?m.open():g(!1)},S=v?p:!h;return(0,l.jsx)(u.Provider,{value:{closeSidebar:y,openSidebar:x,isSidebarVisible:S},children:(0,l.jsxs)(`div`,{className:[`app-layout`,t].filter(Boolean).join(` `),children:[(0,l.jsx)(`div`,{className:`sidebar-overlay ${p?`visible`:``}`,onClick:()=>y()}),(0,l.jsx)(`div`,{className:`sidebar ${p?`open`:``} ${h?`collapsed`:``}`,children:e({closeSidebar:y,openSidebar:x})}),(0,l.jsxs)(`div`,{className:`main-content`,children:[(0,l.jsxs)(`header`,{className:`app-header`,children:[(0,l.jsxs)(`div`,{className:`header-left`,children:[o??(0,l.jsx)(`button`,{onClick:b,className:`btn btn-icon sidebar-toggle-btn`,"aria-label":v?`打开菜单`:h?`展开侧边栏`:`收起侧边栏`,children:(0,l.jsx)(i,{size:16})}),n]}),(0,l.jsx)(`div`,{className:`header-right`,children:r})]}),f]})]})})}export{d as n,c as r,f as t};

package/out/assets/ChatUi-CVGqjFdx.js

@@ -0,0 +1 @@
+import{t as e}from"./jsx-runtime-Bt-cYkS5.js";import{t}from"./arrow-right-D0sGC8QA.js";import{t as n}from"./circle-alert-CqEQz6P4.js";import{t as r}from"./download-0rM8xVCe.js";import{n as i}from"./SidebarAccount-CCHZLGdP.js";import{n as a,t as o}from"./trash-2-BhMrUgGM.js";import{a as s,i as c,n as l,r as u}from"./filePreview-BvbHWUTG.js";import{n as d}from"./LogoIcon-CYQ7cHd5.js";import{t as f}from"./music-BkZKq879.js";import{t as p}from"./plus-DHvLpuuw.js";import{V as m,W as h,a as g}from"./index-Cf23WD2V.js";var _=h(`pin`,[[`path`,{d:`M12 17v5`,key:`bb1du9`}],[`path`,{d:`M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z`,key:`1nkz8b`}]]),v=h(`pin-off`,[[`path`,{d:`M12 17v5`,key:`bb1du9`}],[`path`,{d:`M15 9.34V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H7.89`,key:`znwnzq`}],[`path`,{d:`m2 2 20 20`,key:`1ooewy`}],[`path`,{d:`M9 9v1.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h11`,key:`c9qhm2`}]]),y=e();function b(e){return!e||e<=0?``:e<1024?`${e} B`:e<1024*1024?`${(e/1024).toFixed(1)} KB`:e<1024*1024*1024?`${(e/(1024*1024)).toFixed(1)} MB`:`${(e/(1024*1024*1024)).toFixed(2)} GB`}function x(e){let t=String(e||``).split(`/`);return t[t.length-1]||e}function S(e){return e===`image`?(0,y.jsx)(c,{size:20}):e===`video`?(0,y.jsx)(s,{size:20}):e===`audio`?(0,y.jsx)(f,{size:20}):(0,y.jsx)(a,{size:20})}function C({attachment:e,status:t=`idle`,pending:i=!1,onOpen:a}){let o=t===`checking`,s=[`ui-file-action`,`chat-attachment-action`,t===`error`?`error`:``,t===`available`?`available`:``].filter(Boolean).join(` `),c=b(e.size)||`MostBox 文件`;return(0,y.jsxs)(`button`,{type:`button`,className:`ui-file-card chat-attachment-card`,onClick:()=>a?.(e),disabled:i||o,title:e.link,children:[(0,y.jsx)(`span`,{className:`ui-file-icon chat-attachment-icon ${e.kind}`,children:o?(0,y.jsx)(u,{size:20,className:`ui-spinner chat-attachment-spinner`}):S(e.kind)}),(0,y.jsxs)(`span`,{className:`ui-file-info chat-attachment-info`,children:[(0,y.jsx)(`span`,{className:`ui-file-name chat-attachment-name`,children:x(e.fileName)}),(0,y.jsx)(`span`,{className:`ui-file-meta chat-attachment-meta`,children:i?`发送中...`:c})]}),(0,y.jsx)(`span`,{className:s,children:o?`检测中`:t===`available`?(0,y.jsx)(m,{size:16}):t===`error`?(0,y.jsx)(n,{size:17}):(0,y.jsx)(r,{size:16})})]})}var w=[{key:`image`,label:`图片`,accept:`image/*`,icon:c},{key:`video`,label:`视频`,accept:`video/*`,icon:s},{key:`file`,label:`文件`,accept:``,icon:a}],T=w.map(e=>e.accept).join(`,`);function E({children:e}){return(0,y.jsx)(`div`,{className:`message-bubble`,children:e})}function D({children:e}){return(0,y.jsx)(`div`,{className:`message-bubble has-attachment`,children:e})}function O({variant:e,pending:t=!1,avatarSrc:n,author:r,time:i,children:a}){return(0,y.jsxs)(`div`,{className:[`chat-message`,e,t?`pending`:``].filter(Boolean).join(` `),children:[(0,y.jsx)(`img`,{className:`msg-avatar`,src:n,alt:`avatar`}),(0,y.jsxs)(`div`,{className:`msg-content`,children:[(0,y.jsx)(`span`,{className:`message-author`,children:r}),a,(0,y.jsx)(`span`,{className:`message-time`,children:i})]})]})}function k({active:e=!1,pinned:t=!1,unread:n=!1,title:r,onSelect:a,onTogglePin:s,onRename:c,onLeave:u}){let f=!!(s||c||u);return(0,y.jsxs)(`div`,{className:[`sidebar-nav-btn`,e?`active`:``,t?`pinned`:``,n?`unread`:``].filter(Boolean).join(` `),onClick:a,role:`button`,tabIndex:0,onKeyDown:e=>{e.target===e.currentTarget&&e.key===`Enter`&&a?.()},children:[(0,y.jsxs)(`span`,{className:`chat-channel-icon-wrap`,children:[(0,y.jsx)(d,{size:16}),n&&(0,y.jsx)(`span`,{className:`chat-channel-unread-dot`,title:`有新消息`,"aria-hidden":`true`})]}),(0,y.jsx)(`span`,{className:`chat-channel-title`,children:(0,y.jsx)(`span`,{className:`chat-channel-title-text`,children:r})}),f&&(0,y.jsx)(g,{ariaLabel:`频道操作`,className:`channel-actions-anchor`,placement:`bottom-end`,items:[{key:`pin`,label:t?`取消置顶`:`置顶`,icon:t?(0,y.jsx)(v,{size:16}):(0,y.jsx)(_,{size:16}),onSelect:()=>s?.()},{key:`rename`,label:`重命名`,icon:(0,y.jsx)(l,{size:16}),onSelect:()=>c?.()},{key:`delete`,label:`删除`,icon:(0,y.jsx)(o,{size:16}),onSelect:()=>u?.()}],renderTrigger:e=>(0,y.jsx)(`button`,{...e,className:`leave-channel-btn channel-actions-trigger`,title:`更多操作`,"aria-label":`更多操作`,children:(0,y.jsx)(i,{size:16})})})]})}function A({members:e,isLoading:t=!1}){return t&&e.length===0?(0,y.jsx)(`div`,{className:`ui-empty-inline channel-members-empty`,children:`正在读取成员...`}):e.length===0?(0,y.jsx)(`div`,{className:`ui-empty-inline channel-members-empty`,children:`暂无成员`}):(0,y.jsx)(`div`,{className:`channel-members-grid`,children:e.map(e=>(0,y.jsxs)(`div`,{className:`channel-member`,children:[(0,y.jsx)(`img`,{className:`channel-member-avatar`,src:e.avatarSrc,alt:`avatar`}),(0,y.jsx)(`span`,{className:`channel-member-name`,children:e.name})]},e.id))})}function j({message:e,placeholder:n,disabled:r=!1,isPublishingAttachment:i=!1,attachmentButtonTitle:a=`添加附件`,attachmentInputRef:o,onMessageChange:s,onSend:c,onSelectAttachmentFiles:l}){let d=r||i,f=r||!e.trim();function m(e,t){t?.(e.currentTarget.files),e.currentTarget.value=``}function h(t){t.key===`Enter`&&e.trim()&&c()}function _(e){if(d)return;let t=o?.current;t&&(t.accept=e,t.click())}return(0,y.jsxs)(`div`,{className:`chat-input-area`,children:[(0,y.jsx)(`input`,{ref:o,type:`file`,accept:T,className:`chat-file-input`,onChange:e=>m(e,l)}),(0,y.jsx)(g,{ariaLabel:`附件类型`,placement:`top-start`,disabled:d,items:w.map(e=>{let t=e.icon;return{key:e.key,label:e.label,icon:(0,y.jsx)(t,{size:16}),onSelect:()=>_(e.accept)}}),renderTrigger:e=>(0,y.jsx)(`button`,{...e,className:`btn btn-circle chat-tool-btn`,"aria-label":a,children:i?(0,y.jsx)(u,{size:18,className:`ui-spinner chat-attachment-spinner`}):(0,y.jsx)(p,{size:18})})}),(0,y.jsx)(`input`,{type:`text`,className:`input input-pill`,placeholder:n,value:e,disabled:r,onChange:e=>s(e.target.value),onKeyDown:h}),(0,y.jsx)(`button`,{type:`button`,className:`btn btn-circle btn-primary send-btn`,onClick:c,disabled:f,title:`发送消息`,children:(0,y.jsx)(t,{size:18})})]})}export{O as a,x as c,j as i,D as n,E as o,k as r,C as s,A as t};

package/out/assets/LogoIcon-CYQ7cHd5.js

@@ -0,0 +1 @@
+import{t as e}from"./jsx-runtime-Bt-cYkS5.js";import{W as t}from"./index-Cf23WD2V.js";var n=t(`message-square`,[[`path`,{d:`M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z`,key:`18887p`}]]),r=e();function i({size:e=24}){return(0,r.jsxs)(`svg`,{width:e,height:e,viewBox:`0 0 24 24`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:[(0,r.jsx)(`rect`,{x:`2`,y:`2`,width:`8`,height:`8`,rx:`2`,fill:`var(--accent)`,opacity:`0.4`}),(0,r.jsx)(`rect`,{x:`14`,y:`2`,width:`8`,height:`8`,rx:`2`,fill:`var(--accent)`,opacity:`0.7`}),(0,r.jsx)(`rect`,{x:`2`,y:`14`,width:`8`,height:`8`,rx:`2`,fill:`var(--accent)`,opacity:`0.7`}),(0,r.jsx)(`rect`,{x:`14`,y:`14`,width:`8`,height:`8`,rx:`2`,fill:`var(--accent)`})]})}export{n,i as t};

package/out/assets/MarketingLayout-BTIbv4fW.js

@@ -0,0 +1 @@
+import{t as e}from"./jsx-runtime-Bt-cYkS5.js";import"./index-Cf23WD2V.js";import{n as t,t as n}from"./Nav-BDGeJnbC.js";var r=e();function i({children:e}){return(0,r.jsxs)(`div`,{className:`mkt-layout`,children:[(0,r.jsx)(n,{}),(0,r.jsx)(`main`,{className:`mkt-layout-main`,children:e}),(0,r.jsx)(t,{})]})}export{i as t};