ocearo-ui 0.1.21 → 0.1.22

package/_next/static/chunks/0zbzk2ob0li1n.js

@@ -0,0 +1 @@
+(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,35235,e=>{"use strict";var t=e.i(43476),r=e.i(71645),n=e.i(30297),i=e.i(82897),o=e.i(60099),a=e.i(43257),s=e.i(66326),l=e.i(67561),T=e.i(46991),u=e.i(85709),c=e.i(84226),d=e.i(90072);let f={MOBILE_TEMPLATE:{COLOR:l.oYellow,WIDTH_FACTOR:.8,LENGTH_FACTOR:2.5,MAX_LENGTH_MULTIPLIER:3.5,CURVATURE_SENSITIVITY:{RUDDER:1.5,WIND:.25,CURRENT:.3,LEEWAY:.15,DRIFT:.1}},NEUTRAL_TEMPLATE:{COLOR:l.oBlue,WIDTH_FACTOR:.7,LENGTH_FACTOR:.9},ANTICOLLISION_TEMPLATE:{COLOR:l.oRed,WIDTH_FACTOR:1.5,LENGTH_FACTOR:.8}},E=({rudderAngle:e=0,sog:n=5,boatWidth:i=2,windSpeed:o=0,windDirection:a=0,currentSpeed:s=0,currentDirection:l=0,leewayAngle:T=0,driftFactor:u=0,maxCurvePoints:c=50})=>{let E=(0,r.useRef)(),h=(0,r.useRef)(),M=(0,r.useRef)(),p=(0,r.useCallback)(()=>{let e=d.MathUtils.degToRad(a),t=d.MathUtils.degToRad(T),r=Math.cos(e+t)*o*f.MOBILE_TEMPLATE.CURVATURE_SENSITIVITY.WIND,n=Math.sin(e+t)*o*f.MOBILE_TEMPLATE.CURVATURE_SENSITIVITY.WIND,i=d.MathUtils.degToRad(l),c=Math.cos(i)*s*f.MOBILE_TEMPLATE.CURVATURE_SENSITIVITY.CURRENT,E=Math.sin(i)*s*f.MOBILE_TEMPLATE.CURVATURE_SENSITIVITY.CURRENT;return{x:(r+c)*(1+u*f.MOBILE_TEMPLATE.CURVATURE_SENSITIVITY.DRIFT),z:(n+E)*(1+u*f.MOBILE_TEMPLATE.CURVATURE_SENSITIVITY.DRIFT)}},[o,a,s,l,T,u]),I=(0,r.useCallback)(()=>{let t=i*f.MOBILE_TEMPLATE.MAX_LENGTH_MULTIPLIER,r=Math.min(2*i*f.MOBILE_TEMPLATE.LENGTH_FACTOR,t),n=[],o=1.5*p().x;if(.1>Math.abs(e)){let e=.5*o,t=Math.max(i/Math.tan(d.MathUtils.degToRad(5+Math.abs(e))),.5*i),a=r/t,s=new d.Vector2(e>0?t:-t,0),l=e>0?Math.PI:0;for(let r=0;r<=c;r++){let i=l+r/c*(e>0?a:-a),o=s.x+t*Math.cos(i),T=s.y+t*Math.sin(i);n.push(new d.Vector3(o,0,T))}}else{let t=d.MathUtils.clamp(1.2*Math.abs(e)+o,0,85),a=i/Math.tan(d.MathUtils.degToRad(t*f.MOBILE_TEMPLATE.CURVATURE_SENSITIVITY.RUDDER)),s=d.MathUtils.clamp(r/a,0,1.25*Math.PI);if(e>0){let e=new d.Vector2(a,0),t=Math.PI;for(let r=0;r<=c;r++){let i=r/c,o=d.MathUtils.lerp(t,t+s,i),l=e.x+a*Math.cos(o),T=e.y+a*Math.sin(o);n.push(new d.Vector3(l,0,T))}}else{let e=new d.Vector2(-a,0);for(let t=0;t<=c;t++){let r=t/c,i=d.MathUtils.lerp(0,0-s,r),o=e.x+a*Math.cos(i),l=e.y+a*Math.sin(i);n.push(new d.Vector3(o,0,l))}}}let a=n.map((e,t)=>{let r;(r=0===t?n[1].clone().sub(e):e.clone().sub(n[t-1])).normalize();let o=new d.Vector3(-r.z,0,r.x),a=i/1.8;return{left:e.clone().add(o.multiplyScalar(a)),right:e.clone().sub(o.multiplyScalar(a))}});return[...a.map(e=>e.left),a[a.length-1].right,...a.reverse().map(e=>e.right)]},[i,e,c,p]),R=(0,r.useCallback)(e=>{if("MOBILE_TEMPLATE"===e)return I();let t=f[e],r=2*i*t.LENGTH_FACTOR,n=i*t.WIDTH_FACTOR,o=[],a=Math.floor(c/4);for(let e=0;e<=a;e++){let t=e/a;o.push(new d.Vector3(-n/2,0,-r*t))}o.push(new d.Vector3(n/2,0,-r));for(let e=a;e>=0;e--){let t=e/a;o.push(new d.Vector3(n/2,0,-r*t))}return o},[i,c,I]);return(0,r.useEffect)(()=>{E.current&&h.current&&M.current&&(E.current.geometry.setFromPoints(R("MOBILE_TEMPLATE")),h.current.geometry.setFromPoints(R("NEUTRAL_TEMPLATE")),M.current.geometry.setFromPoints(R("ANTICOLLISION_TEMPLATE")))},[R]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("line",{ref:E,children:[(0,t.jsx)("bufferGeometry",{}),(0,t.jsx)("lineBasicMaterial",{color:f.MOBILE_TEMPLATE.COLOR,linewidth:3,transparent:!0,opacity:.8})]}),(0,t.jsxs)("line",{ref:h,children:[(0,t.jsx)("bufferGeometry",{}),(0,t.jsx)("lineBasicMaterial",{color:f.NEUTRAL_TEMPLATE.COLOR,linewidth:2,transparent:!0,opacity:.4})]}),(0,t.jsxs)("line",{ref:M,children:[(0,t.jsx)("bufferGeometry",{}),(0,t.jsx)("lineBasicMaterial",{color:f.ANTICOLLISION_TEMPLATE.COLOR,linewidth:4,transparent:!0,opacity:.6})]})]})};var h=e.i(57384),M=e.i(16196);let p=.5,I=({position:e,rotation:r,speed:n,color:i,fontSize:o=p,textPosition:a=[0,.8,0],arrowSize:s=1})=>{let{nightMode:T}=(0,l.useOcearoContext)(),u=i||(T?l.oNight:"#ffffff");return(0,t.jsxs)("group",{position:e,rotation:r,children:[(0,t.jsx)(M.Text,{characters:"0123456789.",color:u,fontSize:o*s,position:a,font:"fonts/Roboto-Bold.ttf",anchorX:"center",anchorY:"middle",fillOpacity:.9,children:n.toFixed(1)}),(0,t.jsxs)("mesh",{children:[(0,t.jsx)("shapeGeometry",{args:[new d.Shape([new d.Vector2(0,0),new d.Vector2(.4*s,.3*s),new d.Vector2(0,-.6*s),new d.Vector2(-.4*s,.3*s),new d.Vector2(0,0)])]}),(0,t.jsx)("meshBasicMaterial",{color:u,side:d.DoubleSide,transparent:!0,opacity:.8})]})]})};I.propTypes={position:h.default.arrayOf(h.default.number),rotation:h.default.arrayOf(h.default.number),speed:h.default.number.isRequired,color:h.default.string,fontSize:h.default.number,textPosition:h.default.arrayOf(h.default.number),arrowSize:h.default.number},I.defaultProps={position:[0,0,0],rotation:[0,0,0],color:null,fontSize:p,textPosition:[0,.8,0],arrowSize:1};let R=({outerRadius:e})=>{let n=(0,u.useSignalKPath)("environment.current"),i=(0,r.useMemo)(()=>n||{setTrue:0,drift:0},[n]),o=(0,r.useMemo)(()=>{let t=i.setTrue||0;return[(e+.7)*Math.cos(t),0,-(e+.7)*Math.sin(t)]},[e,i.setTrue]);return!i.drift||i.drift<=0?null:(0,t.jsx)("group",{children:(0,t.jsx)(I,{position:o,rotation:[-Math.PI/2,0,-(Math.PI/2-(i.setTrue||0))],speed:i.drift,color:l.oGreen,arrowSize:1.2})})};R.propTypes={outerRadius:h.default.number.isRequired},e.s(["default",0,({onUpdateInfoPanel:e})=>{let{nightMode:d}=(0,l.useOcearoContext)(),f=(0,r.useRef)(),h=(0,r.useMemo)(()=>["steering.rudderAngle","navigation.speedOverGround","environment.wind.angleApparent","environment.wind.speedApparent","environment.current"],[]),M=(0,u.useSignalKPaths)(h),p=M["steering.rudderAngle"]||0,I=M["navigation.speedOverGround"]||0,L=M["environment.wind.angleApparent"]||0,m=(0,r.useMemo)(()=>(0,T.convertWindSpeed)(M["environment.wind.speedApparent"])||0,[M]),A=(0,r.useMemo)(()=>M["environment.current"]||{setTrue:0,drift:0},[M]);return(0,t.jsxs)(r.Suspense,{fallback:(0,t.jsx)(o.Html,{center:!0,children:"Loading..."}),children:[(0,t.jsx)(i.PerspectiveCamera,{makeDefault:!0,fov:60,near:1,far:1e3,position:[0,1,10]}),(0,t.jsx)(n.OrbitControls,{enableZoom:!0,enableRotate:!0,maxPolarAngle:Math.PI/2,minPolarAngle:Math.PI/4}),(0,t.jsx)(a.Environment,{files:"./assets/ocearo_env.hdr",background:!1,intensity:.6}),(0,t.jsx)("ambientLight",{intensity:.2}),(0,t.jsx)("directionalLight",{position:[15,30,20],intensity:1.2,castShadow:!1,color:d?"#b0d8ff":"#ffffff"}),(0,t.jsx)("spotLight",{position:[0,50,100],intensity:.8,angle:.6,penumbra:1,color:d?"#4080ff":"#ffffff"}),(0,t.jsx)("pointLight",{position:[-10,10,-10],intensity:.5}),(0,t.jsxs)("group",{position:[0,-3,0],children:[(0,t.jsx)(s.default,{position:[0,0,.7],scale:[.5,.5,.5],ref:f,showSail:!1,onUpdateInfoPanel:e}),(0,t.jsx)(c.default,{outerRadius:5}),(0,t.jsx)(R,{outerRadius:5}),(0,t.jsx)("group",{position:[0,0,-5],children:(0,t.jsx)(E,{rudderAngle:p,sog:I,windSpeed:m,windDirection:L,currentSpeed:A.drift,currentDirection:A.setTrue,boatWidth:2,leewayAngle:Math.min(Math.sin(Math.abs(L*Math.PI/180))*m*.02,10),driftFactor:I<.1?0:Math.min(A.drift/I,1),maxCurvePoints:100})})]})]})}],35235)},27404,e=>{e.n(e.i(35235))}]);