@37chengshan/ompweb 4.0.8 → 4.0.10

package/.next/static/chunks/3651.4eeee1645e4e81ff.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3651],{83651:(e,t,i)=>{i.r(t),i.d(t,{RemoteAccessSetting:()=>x});var n=i(95155),r=i(12115),a=i(11439),o=i(95e3),l=i(9005),s=i(99314),d=i(82749),c=i(28750),p=i(52584),u=i(69090);let g=[{key:"tokenTtlMs",label:"tokenTtlMs",min:3e4,step:3e4},{key:"offlineAfterMs",label:"offlineAfterMs",min:5e3,step:5e3},{key:"maxDevices",label:"maxDevices",min:1,step:1},{key:"idleExpireMs",label:"idleExpireMs",min:6e4,step:6e4}];function x(){let{t:e}=(0,p.s9)(),t="u">typeof navigator&&/Win/i.test(navigator.userAgent),i=window.location.port||"30179",x=`netsh advfirewall firewall add rule name="OmpWeb-${i}" dir=in action=allow protocol=TCP localport=${i}`,[f,b]=(0,r.useState)(null),[h,v]=(0,r.useState)(null),[y,m]=(0,r.useState)(!1),[j,k]=(0,r.useState)(null),[C,w]=(0,r.useState)(null),[S,z]=(0,r.useState)(null);(0,r.useEffect)(()=>{j&&fetch("/api/pair/diagnostics").then(e=>e.ok?e.json():null).then(e=>z(e)).catch(()=>void 0)},[j]);let T=(0,r.useCallback)(()=>{fetch("/api/pair/devices").then(e=>e.ok?e.json():null).then(e=>{b(e),v(null)}).catch(()=>v("network"))},[]);(0,r.useEffect)(()=>{T()},[T]);let D=async()=>{m(!0);try{let e=await fetch("/api/pair/token",{method:"POST"});if(!e.ok)throw Error();k(await e.json())}catch{v("network")}finally{m(!1)}},A=async e=>{m(!0);try{let t=await fetch("/api/pair/config",{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)});if(!t.ok)throw Error();let i=await t.json();b(e=>e?{...e,config:i.config}:e)}catch{v("network")}finally{m(!1)}},R=async e=>{await fetch(`/api/pair/devices/${encodeURIComponent(e)}`,{method:"DELETE"}),T()},E=async()=>{await fetch("/api/pair/revoke-all",{method:"POST"}),k(null),T()},N=async()=>{m(!0);try{let e=await fetch("/api/pair/tunnel",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({port:Number(window.location.port||80)})}),t=await e.json();if(!e.ok)throw Error(t.error??"tunnel_failed");w(t.url??null)}catch{v("tunnel")}finally{m(!1)}},F=f?.config;return(0,n.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:16},children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("h3",{style:{fontSize:14,fontWeight:600,margin:0},children:e("settingsConfig.remoteAccess")}),(0,n.jsx)("p",{style:{margin:"4px 0 0",fontSize:12,color:"var(--text-muted)"},children:e("settingsConfig.remoteAccessDesc")})]}),(0,n.jsxs)("section",{style:{padding:14,border:"1px solid var(--border)",borderRadius:"var(--radius-card)",background:"var(--bg-panel)",display:"flex",flexDirection:"column",gap:12},children:[(0,n.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:12,flexWrap:"wrap"},children:[(0,n.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:8},children:[(0,n.jsx)(o.A,{size:16,strokeWidth:1.8,style:{color:"var(--accent)"},"aria-hidden":"true"}),(0,n.jsx)("span",{style:{fontSize:13,fontWeight:600},children:e("settingsConfig.pairedDevices")})]}),(0,n.jsxs)("div",{style:{display:"flex",gap:8},children:[(0,n.jsx)("button",{type:"button",onClick:D,disabled:y,className:"btn-secondary",style:{height:30,padding:"0 12px",borderRadius:"var(--radius-control)",border:"1px solid var(--border)",background:"var(--bg-subtle)",color:"var(--text)",fontSize:12,cursor:"pointer"},children:e("settingsConfig.showPairingQr")}),(0,n.jsx)("button",{type:"button",onClick:E,disabled:y,className:"btn-secondary",style:{height:30,padding:"0 12px",borderRadius:"var(--radius-control)",border:"1px solid var(--border)",background:"var(--bg-subtle)",color:"var(--status-error)",fontSize:12,cursor:"pointer"},children:e("settingsConfig.revokeAll")})]})]}),j&&(0,n.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:10,padding:14,border:"1px solid var(--border)",borderRadius:"var(--radius-card)",background:"var(--bg)"},children:[(0,n.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:8,width:"100%",justifyContent:"space-between"},children:[(0,n.jsx)("span",{style:{fontSize:12,color:"var(--text-muted)"},children:e("settingsConfig.qrExpires",{minutes:Math.max(1,Math.round((j.expiresAt-Date.now())/6e4))})}),(0,n.jsx)("button",{type:"button",onClick:()=>k(null),"aria-label":e("chatWindow.close"),style:{border:"none",background:"none",color:"var(--text-muted)",cursor:"pointer",padding:2},children:(0,n.jsx)(l.A,{size:14,"aria-hidden":"true"})})]}),(0,n.jsx)(a.h,{value:j.qrData,size:200,level:"M"}),(0,n.jsxs)("div",{style:{display:"flex",gap:8,alignItems:"center",flexWrap:"wrap",justifyContent:"center"},children:[(0,n.jsx)("code",{style:{fontSize:12,fontFamily:"var(--font-mono)",color:"var(--text-muted)",wordBreak:"break-all",maxWidth:"100%"},children:j.phoneUrl}),(0,n.jsx)("button",{type:"button",onClick:()=>navigator.clipboard?.writeText(j.phoneUrl).catch(()=>void 0),"aria-label":e("appShell.copyLink"),style:{border:"none",background:"none",color:"var(--accent)",cursor:"pointer",padding:2,display:"inline-flex"},children:(0,n.jsx)(s.A,{size:14,"aria-hidden":"true"})})]}),(0,n.jsxs)("span",{style:{fontSize:11,color:"var(--text-dim)"},children:[e("settingsConfig.qrHint")," ",(0,n.jsx)(d.A,{size:11,style:{display:"inline",verticalAlign:-1},"aria-hidden":"true"})," ",e("settingsConfig.qrRefreshHint")]}),S&&(0,n.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:4,width:"100%",padding:"8px 10px",border:"1px solid var(--border)",borderRadius:8,background:"var(--bg-subtle)",fontSize:11,color:"var(--text-muted)"},children:[(0,n.jsx)("span",{children:e("settingsConfig.pairDiagnostics")}),(0,n.jsxs)("span",{style:{fontFamily:"var(--font-mono)",color:"var(--text)"},children:[e("settingsConfig.pairListenOn")," :",S.port," ",S.physicalAddresses.map(e=>e.address).join(", ")||e("settingsConfig.pairNoLanIp")]}),"win32"===S.platform&&(0,n.jsx)("span",{style:{color:S.firewallRuleExists?"var(--status-ok, #2e9e5b)":"var(--status-error)"},children:S.firewallRuleExists?e("settingsConfig.firewallRuleOk"):e("settingsConfig.firewallRuleMissing")})]}),t&&(0,n.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:6,padding:"8px 10px",border:"1px solid var(--border)",borderRadius:8,background:"var(--bg-subtle)",fontSize:11,color:"var(--text-muted)"},children:[(0,n.jsx)("span",{children:e("settingsConfig.firewallHint")}),(0,n.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:8},children:[(0,n.jsx)("code",{style:{flex:1,fontFamily:"var(--font-mono)",fontSize:10.5,wordBreak:"break-all",color:"var(--text)"},children:x}),(0,n.jsx)("button",{type:"button",onClick:()=>navigator.clipboard?.writeText(x).catch(()=>void 0),"aria-label":e("appShell.copyCommand"),style:{border:"none",background:"none",color:"var(--accent)",cursor:"pointer",display:"inline-flex",padding:2},children:(0,n.jsx)(s.A,{size:13,"aria-hidden":"true"})})]})]})]}),C&&(0,n.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:8,flexWrap:"wrap",fontSize:12},children:[(0,n.jsx)("span",{style:{color:"var(--text-muted)"},children:e("settingsConfig.tunnelUrl")}),(0,n.jsx)("code",{style:{fontFamily:"var(--font-mono)",color:"var(--accent)",wordBreak:"break-all"},children:C}),(0,n.jsx)("button",{type:"button",onClick:()=>navigator.clipboard?.writeText(C).catch(()=>void 0),"aria-label":e("appShell.copyLink"),style:{border:"none",background:"none",color:"var(--accent)",cursor:"pointer",display:"inline-flex"},children:(0,n.jsx)(s.A,{size:14,"aria-hidden":"true"})})]}),(0,n.jsx)("div",{style:{display:"flex",flexDirection:"column",gap:8},children:(f?.devices.length??0)===0?(0,n.jsx)("span",{style:{fontSize:12,color:"var(--text-dim)"},children:e("settingsConfig.noDevices")}):f?.devices.map(t=>(0,n.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:10,padding:"8px 10px",border:"1px solid var(--border)",borderRadius:8,background:"var(--bg)"},children:[(0,n.jsx)("span",{"aria-hidden":"true",style:{width:8,height:8,borderRadius:"50%",background:t.online?"var(--status-ok, #2e9e5b)":"var(--text-dim)",flexShrink:0}}),(0,n.jsx)("span",{style:{fontSize:12,fontWeight:500},children:t.name}),(0,n.jsx)("span",{style:{fontSize:11,color:"var(--text-muted)",fontFamily:"var(--font-mono)"},children:new Date(t.lastActiveAt).toLocaleString()}),(0,n.jsx)("span",{style:{flex:1}}),(0,n.jsxs)("button",{type:"button",onClick:()=>R(t.id),style:{border:"none",background:"none",color:"var(--status-error)",cursor:"pointer",fontSize:11,display:"inline-flex",alignItems:"center",gap:4},children:[(0,n.jsx)(c.A,{size:12,"aria-hidden":"true"}),e("settingsConfig.revoke")]})]},t.id))})]}),F&&(0,n.jsxs)("section",{style:{padding:14,border:"1px solid var(--border)",borderRadius:"var(--radius-card)",background:"var(--bg-panel)",display:"flex",flexDirection:"column",gap:12},children:[(0,n.jsx)("span",{style:{fontSize:13,fontWeight:600},children:e("settingsConfig.remoteBehavior")}),(0,n.jsx)(u.Jl,{checked:F.requirePairingForLan,onChange:e=>A({requirePairingForLan:e}),label:e("settingsConfig.requirePairingForLan"),disabled:y}),(0,n.jsx)("span",{style:{fontSize:11,color:"var(--text-dim)",marginTop:-6},children:e("settingsConfig.requirePairingForLanDesc")}),(0,n.jsx)(u.Jl,{checked:F.autoTunnel,onChange:e=>A({autoTunnel:e}),label:e("settingsConfig.autoTunnel"),disabled:y}),(0,n.jsx)("span",{style:{fontSize:11,color:"var(--text-dim)",marginTop:-6},children:e("settingsConfig.autoTunnelDesc")}),(0,n.jsx)(u.Jl,{checked:F.mobileEnterToSend,onChange:e=>A({mobileEnterToSend:e}),label:e("settingsConfig.mobileEnterToSend"),disabled:y}),(0,n.jsx)("span",{style:{fontSize:11,color:"var(--text-dim)",marginTop:-6},children:e("settingsConfig.mobileEnterToSendDesc")}),g.map(({key:t,min:i,step:r})=>(0,n.jsx)(u.D0,{label:e(`settingsConfig.${t}`),hint:String(F[t]),children:(0,n.jsx)("input",{type:"number",min:i,step:r,defaultValue:Number(F[t]),onBlur:e=>{let i=Number(e.target.value);Number.isFinite(i)&&i!==Number(F[t])&&A({[t]:i})},style:{width:"100%",padding:"6px 8px",borderRadius:"var(--radius-control)",border:"1px solid var(--border)",background:"var(--bg)",color:"var(--text)",fontSize:12}})},t)),(0,n.jsx)(u.D0,{label:e("settingsConfig.cookieName"),hint:F.cookieName,children:(0,n.jsx)("input",{type:"text",defaultValue:F.cookieName,onBlur:e=>{let t=e.target.value.trim();t&&t!==F.cookieName&&/^[A-Za-z0-9_-]{1,64}$/.test(t)&&A({cookieName:t})},style:{width:"100%",padding:"6px 8px",borderRadius:"var(--radius-control)",border:"1px solid var(--border)",background:"var(--bg)",color:"var(--text)",fontSize:12}})}),(0,n.jsx)(u.D0,{label:e("settingsConfig.publicUrl"),hint:F.publicUrl??e("settingsConfig.publicUrlHint"),children:(0,n.jsx)("input",{type:"text",defaultValue:F.publicUrl??"",onBlur:e=>{let t=e.target.value.trim();t!==(F.publicUrl??"")&&A({publicUrl:t||void 0})},placeholder:"https://example.com",style:{width:"100%",padding:"6px 8px",borderRadius:"var(--radius-control)",border:"1px solid var(--border)",background:"var(--bg)",color:"var(--text)",fontSize:12}})}),(0,n.jsx)("div",{children:(0,n.jsx)("button",{type:"button",onClick:N,disabled:y,className:"btn-secondary",style:{height:30,padding:"0 12px",borderRadius:"var(--radius-control)",border:"1px solid var(--border)",background:"var(--bg-subtle)",color:"var(--text)",fontSize:12,cursor:"pointer"},children:e("settingsConfig.startTunnel")})})]}),h&&(0,n.jsx)("div",{style:{fontSize:12,color:"var(--status-error)"},children:"tunnel"===h?e("settingsConfig.tunnelFailed"):e("settingsConfig.saveFailed")})]})}}}]);