@37chengshan/ompweb 4.0.4 → 4.0.7

package/.next/static/chunks/3651.f68fccde22153b7d.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3651],{83651:(e,t,n)=>{n.r(t),n.d(t,{RemoteAccessSetting:()=>x});var i=n(95155),r=n(12115),a=n(11439),o=n(95e3),l=n(9005),s=n(99314),d=n(82749),c=n(28750),p=n(52584),u=n(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,n]=(0,r.useState)(null),[x,b]=(0,r.useState)(null),[f,h]=(0,r.useState)(!1),[y,v]=(0,r.useState)(null),[m,j]=(0,r.useState)(null),k=(0,r.useCallback)(()=>{fetch("/api/pair/devices").then(e=>e.ok?e.json():null).then(e=>{n(e),b(null)}).catch(()=>b("network"))},[]);(0,r.useEffect)(()=>{k()},[k]);let C=async()=>{h(!0);try{let e=await fetch("/api/pair/token",{method:"POST"});if(!e.ok)throw Error();v(await e.json())}catch{b("network")}finally{h(!1)}},S=async e=>{h(!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();n(e=>e?{...e,config:i.config}:e)}catch{b("network")}finally{h(!1)}},w=async e=>{await fetch(`/api/pair/devices/${encodeURIComponent(e)}`,{method:"DELETE"}),k()},z=async()=>{await fetch("/api/pair/revoke-all",{method:"POST"}),v(null),k()},T=async()=>{h(!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");j(t.url??null)}catch{b("tunnel")}finally{h(!1)}},D=t?.config;return(0,i.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:16},children:[(0,i.jsxs)("div",{children:[(0,i.jsx)("h3",{style:{fontSize:14,fontWeight:600,margin:0},children:e("settingsConfig.remoteAccess")}),(0,i.jsx)("p",{style:{margin:"4px 0 0",fontSize:12,color:"var(--text-muted)"},children:e("settingsConfig.remoteAccessDesc")})]}),(0,i.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,i.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:12,flexWrap:"wrap"},children:[(0,i.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:8},children:[(0,i.jsx)(o.A,{size:16,strokeWidth:1.8,style:{color:"var(--accent)"},"aria-hidden":"true"}),(0,i.jsx)("span",{style:{fontSize:13,fontWeight:600},children:e("settingsConfig.pairedDevices")})]}),(0,i.jsxs)("div",{style:{display:"flex",gap:8},children:[(0,i.jsx)("button",{type:"button",onClick:C,disabled:f,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,i.jsx)("button",{type:"button",onClick:z,disabled:f,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")})]})]}),y&&(0,i.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,i.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:8,width:"100%",justifyContent:"space-between"},children:[(0,i.jsx)("span",{style:{fontSize:12,color:"var(--text-muted)"},children:e("settingsConfig.qrExpires",{minutes:Math.max(1,Math.round((y.expiresAt-Date.now())/6e4))})}),(0,i.jsx)("button",{type:"button",onClick:()=>v(null),"aria-label":e("chatWindow.close"),style:{border:"none",background:"none",color:"var(--text-muted)",cursor:"pointer",padding:2},children:(0,i.jsx)(l.A,{size:14,"aria-hidden":"true"})})]}),(0,i.jsx)(a.h,{value:y.qrData,size:200,level:"M"}),(0,i.jsxs)("div",{style:{display:"flex",gap:8,alignItems:"center",flexWrap:"wrap",justifyContent:"center"},children:[(0,i.jsx)("code",{style:{fontSize:12,fontFamily:"var(--font-mono)",color:"var(--text-muted)",wordBreak:"break-all",maxWidth:"100%"},children:y.phoneUrl}),(0,i.jsx)("button",{type:"button",onClick:()=>navigator.clipboard?.writeText(y.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,i.jsx)(s.A,{size:14,"aria-hidden":"true"})})]}),(0,i.jsxs)("span",{style:{fontSize:11,color:"var(--text-dim)"},children:[e("settingsConfig.qrHint")," ",(0,i.jsx)(d.A,{size:11,style:{display:"inline",verticalAlign:-1},"aria-hidden":"true"})," ",e("settingsConfig.qrRefreshHint")]})]}),m&&(0,i.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:8,flexWrap:"wrap",fontSize:12},children:[(0,i.jsx)("span",{style:{color:"var(--text-muted)"},children:e("settingsConfig.tunnelUrl")}),(0,i.jsx)("code",{style:{fontFamily:"var(--font-mono)",color:"var(--accent)",wordBreak:"break-all"},children:m}),(0,i.jsx)("button",{type:"button",onClick:()=>navigator.clipboard?.writeText(m).catch(()=>void 0),"aria-label":e("appShell.copyLink"),style:{border:"none",background:"none",color:"var(--accent)",cursor:"pointer",display:"inline-flex"},children:(0,i.jsx)(s.A,{size:14,"aria-hidden":"true"})})]}),(0,i.jsx)("div",{style:{display:"flex",flexDirection:"column",gap:8},children:(t?.devices.length??0)===0?(0,i.jsx)("span",{style:{fontSize:12,color:"var(--text-dim)"},children:e("settingsConfig.noDevices")}):t?.devices.map(t=>(0,i.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:10,padding:"8px 10px",border:"1px solid var(--border)",borderRadius:8,background:"var(--bg)"},children:[(0,i.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,i.jsx)("span",{style:{fontSize:12,fontWeight:500},children:t.name}),(0,i.jsx)("span",{style:{fontSize:11,color:"var(--text-muted)",fontFamily:"var(--font-mono)"},children:new Date(t.lastActiveAt).toLocaleString()}),(0,i.jsx)("span",{style:{flex:1}}),(0,i.jsxs)("button",{type:"button",onClick:()=>w(t.id),style:{border:"none",background:"none",color:"var(--status-error)",cursor:"pointer",fontSize:11,display:"inline-flex",alignItems:"center",gap:4},children:[(0,i.jsx)(c.A,{size:12,"aria-hidden":"true"}),e("settingsConfig.revoke")]})]},t.id))})]}),D&&(0,i.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,i.jsx)("span",{style:{fontSize:13,fontWeight:600},children:e("settingsConfig.remoteBehavior")}),(0,i.jsx)(u.Jl,{checked:D.requirePairingForLan,onChange:e=>S({requirePairingForLan:e}),label:e("settingsConfig.requirePairingForLan"),disabled:f}),(0,i.jsx)("span",{style:{fontSize:11,color:"var(--text-dim)",marginTop:-6},children:e("settingsConfig.requirePairingForLanDesc")}),(0,i.jsx)(u.Jl,{checked:D.autoTunnel,onChange:e=>S({autoTunnel:e}),label:e("settingsConfig.autoTunnel"),disabled:f}),(0,i.jsx)("span",{style:{fontSize:11,color:"var(--text-dim)",marginTop:-6},children:e("settingsConfig.autoTunnelDesc")}),(0,i.jsx)(u.Jl,{checked:D.mobileEnterToSend,onChange:e=>S({mobileEnterToSend:e}),label:e("settingsConfig.mobileEnterToSend"),disabled:f}),(0,i.jsx)("span",{style:{fontSize:11,color:"var(--text-dim)",marginTop:-6},children:e("settingsConfig.mobileEnterToSendDesc")}),g.map(({key:t,min:n,step:r})=>(0,i.jsx)(u.D0,{label:e(`settingsConfig.${t}`),hint:String(D[t]),children:(0,i.jsx)("input",{type:"number",min:n,step:r,defaultValue:Number(D[t]),onBlur:e=>{let n=Number(e.target.value);Number.isFinite(n)&&n!==Number(D[t])&&S({[t]:n})},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,i.jsx)(u.D0,{label:e("settingsConfig.cookieName"),hint:D.cookieName,children:(0,i.jsx)("input",{type:"text",defaultValue:D.cookieName,onBlur:e=>{let t=e.target.value.trim();t&&t!==D.cookieName&&/^[A-Za-z0-9_-]{1,64}$/.test(t)&&S({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,i.jsx)(u.D0,{label:e("settingsConfig.publicUrl"),hint:D.publicUrl??e("settingsConfig.publicUrlHint"),children:(0,i.jsx)("input",{type:"text",defaultValue:D.publicUrl??"",onBlur:e=>{let t=e.target.value.trim();t!==(D.publicUrl??"")&&S({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,i.jsx)("div",{children:(0,i.jsx)("button",{type:"button",onClick:T,disabled:f,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")})})]}),x&&(0,i.jsx)("div",{style:{fontSize:12,color:"var(--status-error)"},children:"tunnel"===x?e("settingsConfig.tunnelFailed"):e("settingsConfig.saveFailed")})]})}}}]);