@social.io/catalog 2.1.0 → 2.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.smartconfig.json +5 -1
- package/dist_bundle/bundle.js +545 -423
- package/dist_bundle/bundle.js.map +1 -0
- package/dist_bundle/bundle.js.third-party-notices.json +1761 -0
- package/dist_bundle/bundle.js.third-party-notices.txt +3958 -0
- package/dist_bundle/chunks/U6Ua8p1giFoD1s7vrUZUdpbg/.tsbundle-artifacts.json +7 -0
- package/dist_bundle/chunks/U6Ua8p1giFoD1s7vrUZUdpbg/worker-UP2GJUUW.js +2 -0
- package/dist_bundle/chunks/U6Ua8p1giFoD1s7vrUZUdpbg/worker-UP2GJUUW.js.map +1 -0
- package/dist_bundle/sio-logo-render.js +319 -0
- package/dist_bundle/sio-logo-worker.js +38 -0
- package/dist_ts_web/00_commitinfo_data.js +1 -1
- package/dist_ts_web/elements/sio-logo-render.d.ts +2 -1
- package/dist_ts_web/elements/sio-logo-render.js +17 -4
- package/dist_ts_web/elements/sio-logo-worker.d.ts +1 -0
- package/dist_ts_web/elements/sio-logo-worker.js +38 -0
- package/dist_ts_web/elements/sio-logo.d.ts +27 -6
- package/dist_ts_web/elements/sio-logo.js +258 -74
- package/package.json +11 -11
- package/ts_web/00_commitinfo_data.ts +1 -1
- package/ts_web/elements/sio-logo-render.ts +26 -5
- package/ts_web/elements/sio-logo-worker.ts +67 -0
- package/ts_web/elements/sio-logo.ts +278 -62
- package/readme.hints.md +0 -82
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
var H=Object.defineProperty;var d=(t,e)=>H(t,"name",{value:e,configurable:!0});var m=[{fill:"#4AA0F5",points:[[250,75],[150,133.333],[250,191.667]]},{fill:"#0A5AC0",points:[[250,75],[350,133.333],[250,191.667]]},{fill:"#DBEBFF",points:[[150,133.333],[250,191.667],[150,250]]},{fill:"#A9CDF7",points:[[250,191.667],[150,250],[250,308.333]]},{fill:"#1E80E6",points:[[250,191.667],[350,250],[250,308.333]]},{fill:"#1466C6",points:[[350,250],[250,308.333],[350,366.667]]},{fill:"#74B4F7",points:[[250,308.333],[350,366.667],[250,425]]},{fill:"#1E80E6",points:[[250,308.333],[150,366.667],[250,425]]}],W=["#4AA0F5","#0A5AC0","#8FBEF5","#77ACEE","#1E80E6","#1466C6","#5FA6F2","#1E80E6"],D=[.78,.64,.96,.86,.72,.66,.82,.72],v={x:146,y:72,width:208,height:356},L=250,M=250,E=v.width/v.height,P=m.map(t=>[(t.points[0][0]+t.points[1][0]+t.points[2][0])/3,(t.points[0][1]+t.points[1][1]+t.points[2][1])/3]),x=d((t,e,a)=>Math.max(e,Math.min(a,t)),"clamp"),I=d((t,e,a)=>Number.isFinite(t)?Math.max(e,t):a,"finiteAtLeast"),T=d(t=>({...t,size:I(t.size,1,40),dpr:x(I(t.dpr,.5,1),.5,4),gap:I(t.gap,0,2),radius:I(t.radius,0,16)}),"normalizeOptions"),X=d((t,e)=>{if(e<=0)return t.map(([o,n])=>({x:o,y:n}));let a=(t[0][0]+t[1][0]+t[2][0])/3,i=(t[0][1]+t[1][1]+t[2][1])/3,r=[];for(let o=0;o<t.length;o+=1){let n=t[o],s=t[(o+1)%t.length],h=s[0]-n[0],l=s[1]-n[1],u=Math.hypot(h,l);h/=u,l/=u;let f=-l,p=h,c=(n[0]+s[0])/2,g=(n[1]+s[1])/2;(a-c)*f+(i-g)*p<0&&(f=-f,p=-p),r.push({x:n[0]+f*e,y:n[1]+p*e,dx:h,dy:l})}return r.map((o,n)=>{let s=r[(n-1+r.length)%r.length],h=s.dx*o.dy-s.dy*o.dx,l=((o.x-s.x)*o.dy-(o.y-s.y)*o.dx)/h;return{x:s.x+s.dx*l,y:s.y+s.dy*l}})},"inset"),w=d((t,e,a)=>{let i=X(t,e),r=new Path2D;if(a<=0){r.moveTo(i[0].x,i[0].y);for(let o=1;o<i.length;o+=1)r.lineTo(i[o].x,i[o].y);return r.closePath(),r}for(let o=0;o<i.length;o+=1){let n=i[o],s=i[(o-1+i.length)%i.length],h=i[(o+1)%i.length],l=Math.hypot(s.x-n.x,s.y-n.y),u=Math.hypot(h.x-n.x,h.y-n.y),f=Math.min(a,l*.5),p=Math.min(a,u*.5),c={x:n.x+(s.x-n.x)/l*f,y:n.y+(s.y-n.y)/l*f},g={x:n.x+(h.x-n.x)/u*p,y:n.y+(h.y-n.y)/u*p};o===0?r.moveTo(c.x,c.y):r.lineTo(c.x,c.y),r.quadraticCurveTo(n.x,n.y,g.x,g.y)}return r.closePath(),r},"createFacetPath"),Y=d(t=>1-Math.pow(1-t,3),"easeOutCubic"),q=d(t=>1+(1.70158+1)*Math.pow(t-1,3)+1.70158*Math.pow(t-1,2),"easeOutBack"),z=d(t=>t*t*t,"easeInCubic"),B=d(t=>(1.70158+1)*t*t*t-1.70158*t*t,"easeInBack"),C=d(t=>typeof globalThis.requestAnimationFrame=="function"?globalThis.requestAnimationFrame(t):setTimeout(()=>t(performance.now()),1e3/60),"requestFrame"),G=d(t=>{if(typeof globalThis.cancelAnimationFrame=="function"&&typeof t=="number"){globalThis.cancelAnimationFrame(t);return}clearTimeout(t)},"cancelFrame"),A=class{constructor(e,a){this.context=e;this.options=T(a),this.rebuild()}context;static{d(this,"SioLogoRenderer")}options;frameHandle=null;phase=null;startedAt=0;stagger=70;duration=560;totalDuration=0;backingWidth=0;backingHeight=0;scale=1;offsetX=0;offsetY=0;paths=[];loadingPaths=[];fills=[];opacities=[];setOptions(e){this.options=T(e),this.rebuild(),this.phase||this.drawStatic()}drawStatic(){this.clearCanvas();for(let e=0;e<m.length;e+=1)this.paint(e,0,0,0,1,this.opacities[e],this.paths[e]);this.context.globalAlpha=1}clear(){this.stop(),this.clearCanvas()}start(e){this.stop(),this.phase=e,this.startedAt=performance.now(),this.stagger=e==="wave"?55:70,this.duration=e==="wave"?420:560,this.totalDuration=this.stagger*(m.length-1)+this.duration;let a=d(i=>{if(!this.phase)return;let r=i-this.startedAt;if(this.drawAnimationFrame(r),this.phase!=="loading"&&r>=this.totalDuration){this.settle();return}this.frameHandle=C(a)},"drawFrame");this.frameHandle=C(a)}stop(){this.frameHandle!==null&&(G(this.frameHandle),this.frameHandle=null),this.phase=null}rebuild(){let{size:e,dpr:a,square:i,light:r,mono:o,gap:n,radius:s}=this.options;this.backingWidth=Math.round((i?e:e*E)*a),this.backingHeight=Math.round(e*a),this.context.canvas.width=this.backingWidth,this.context.canvas.height=this.backingHeight,i?(this.scale=this.backingWidth/500,this.offsetX=0,this.offsetY=0):(this.scale=this.backingHeight/v.height,this.offsetX=-v.x*this.scale+(this.backingWidth-v.width*this.scale)/2,this.offsetY=-v.y*this.scale),this.paths=m.map(h=>w(h.points,n,s)),this.loadingPaths=m.map(h=>w(h.points,n+3,90)),this.fills=m.map((h,l)=>o||(r?W[l]:h.fill)),this.opacities=m.map((h,l)=>o?D[l]:1)}clearCanvas(){this.context.setTransform(1,0,0,1,0,0),this.context.clearRect(0,0,this.backingWidth,this.backingHeight);let{background:e}=this.options;e&&e!=="transparent"&&e!=="none"&&(this.context.fillStyle=e,this.context.fillRect(0,0,this.backingWidth,this.backingHeight))}paint(e,a,i,r,o,n,s){let[h,l]=P[e];this.context.setTransform(this.scale,0,0,this.scale,this.offsetX,this.offsetY),this.context.translate(a,i),this.context.translate(h,l),this.context.rotate(r*Math.PI/180),this.context.scale(o,o),this.context.translate(-h,-l),this.context.globalAlpha=n,this.context.fillStyle=this.fills[e],this.context.fill(s)}drawAnimationFrame(e){this.clearCanvas();let a=this.phase;for(let i=0;i<m.length;i+=1){let[r,o]=P[i],n=0,s=0,h=0,l=1,u=this.opacities[i],f=this.paths[i];if(a==="in"){let p=x((e-i*this.stagger)/this.duration,0,1),c=Y(p);n=(L-r)*(1-c),s=(M-o)*(1-c),h=(1-c)*-16,l=q(p),u=x(p*1.6,0,1)*this.opacities[i]}else if(a==="out"){let p=m.length-1-i,c=x((e-p*this.stagger)/this.duration,0,1),g=z(c);n=(L-r)*g,s=(M-o)*g,h=c*16,l=Math.max(0,1-B(c)),u=x(1-c*1.3,0,1)*this.opacities[i]}else if(a==="wave"){let p=x((e-i*this.stagger)/this.duration,0,1),c=Math.sin(p*Math.PI),g=r-L,S=o-M,y=Math.hypot(g,S)||1;n=g/y*16*c,s=S/y*16*c,l=1-.08*c}else if(a==="loading"){let p=x(e/650,0,1),c=p<.5?2*p*p:1-Math.pow(-2*p+2,2)/2,g=e>=650,S=e/1500*2*Math.PI,y=-Math.PI/2+i*Math.PI/4+S,R=L+120*Math.cos(y),O=M+120*Math.sin(y),k=1-i/m.length;n=(R-r)*c,s=(O-o)*c,l=(1+(.62-1)*c)*(g?.72+.28*k:1),u=(g?.28+.72*k:1)*this.opacities[i],f=g?this.loadingPaths[i]:w(m[i].points,this.options.gap+3*c,this.options.radius+(90-this.options.radius)*c)}this.paint(i,n,s,h,l,u,f)}this.context.globalAlpha=1}settle(){let e=this.phase;this.frameHandle=null,this.phase=null,e==="out"?this.clearCanvas():this.drawStatic(),this.context.globalAlpha=1}};var F=globalThis,b=null;F.onmessage=t=>{let e=t.data;if(e.type==="init"){let a=e.canvas.getContext("2d");if(!a)throw new Error("Unable to create the sio-logo worker canvas context.");b=new A(a,e.options),e.phase?b.start(e.phase):b.drawStatic(),F.postMessage({type:"initialized"});return}if(b){if(e.type==="options"){b.setOptions(e.options);return}e.phase==="stop"?(b.stop(),b.drawStatic()):e.phase==="clear"?b.clear():b.start(e.phase)}},F.postMessage({type:"ready"});
|
|
2
|
+
//# sourceMappingURL=worker-UP2GJUUW.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../ts_web/elements/sio-logo-render.ts","../../../ts_web/elements/sio-logo-worker.ts"],"sourcesContent":["export type TSioLogoAnimationPhase = 'in' | 'out' | 'wave' | 'loading';\n\nexport interface ISioLogoRenderOptions {\n size: number;\n dpr: number;\n gap: number;\n radius: number;\n square: boolean;\n background: string;\n mono: string;\n light: boolean;\n}\n\nexport type TSioLogoRenderContext =\n | CanvasRenderingContext2D\n | OffscreenCanvasRenderingContext2D;\n\ninterface ISioLogoPoint {\n x: number;\n y: number;\n}\n\ninterface ISioLogoFacet {\n fill: string;\n points: [[number, number], [number, number], [number, number]];\n}\n\nconst facets: ISioLogoFacet[] = [\n { fill: '#4AA0F5', points: [[250, 75], [150, 133.333], [250, 191.667]] },\n { fill: '#0A5AC0', points: [[250, 75], [350, 133.333], [250, 191.667]] },\n { fill: '#DBEBFF', points: [[150, 133.333], [250, 191.667], [150, 250]] },\n { fill: '#A9CDF7', points: [[250, 191.667], [150, 250], [250, 308.333]] },\n { fill: '#1E80E6', points: [[250, 191.667], [350, 250], [250, 308.333]] },\n { fill: '#1466C6', points: [[350, 250], [250, 308.333], [350, 366.667]] },\n { fill: '#74B4F7', points: [[250, 308.333], [350, 366.667], [250, 425]] },\n { fill: '#1E80E6', points: [[250, 308.333], [150, 366.667], [250, 425]] },\n];\n\nconst lightFills = [\n '#4AA0F5', '#0A5AC0', '#8FBEF5', '#77ACEE',\n '#1E80E6', '#1466C6', '#5FA6F2', '#1E80E6',\n];\nconst monoOpacities = [0.78, 0.64, 0.96, 0.86, 0.72, 0.66, 0.82, 0.72];\nconst tightBounds = { x: 146, y: 72, width: 208, height: 356 };\nconst centerX = 250;\nconst centerY = 250;\n\nexport const sioLogoAspect = tightBounds.width / tightBounds.height;\n\nconst centroids = facets.map((facet) => [\n (facet.points[0][0] + facet.points[1][0] + facet.points[2][0]) / 3,\n (facet.points[0][1] + facet.points[1][1] + facet.points[2][1]) / 3,\n]);\n\nconst clamp = (value: number, minimum: number, maximum: number): number =>\n Math.max(minimum, Math.min(maximum, value));\n\nconst finiteAtLeast = (value: number, minimum: number, fallback: number): number =>\n Number.isFinite(value) ? Math.max(minimum, value) : fallback;\n\nconst normalizeOptions = (options: ISioLogoRenderOptions): ISioLogoRenderOptions => ({\n ...options,\n size: finiteAtLeast(options.size, 1, 40),\n dpr: clamp(finiteAtLeast(options.dpr, 0.5, 1), 0.5, 4),\n gap: finiteAtLeast(options.gap, 0, 2),\n radius: finiteAtLeast(options.radius, 0, 16),\n});\n\nconst inset = (\n points: ISioLogoFacet['points'],\n gap: number,\n): ISioLogoPoint[] => {\n if (gap <= 0) return points.map(([x, y]) => ({ x, y }));\n const centroidX = (points[0][0] + points[1][0] + points[2][0]) / 3;\n const centroidY = (points[0][1] + points[1][1] + points[2][1]) / 3;\n const lines: Array<ISioLogoPoint & { dx: number; dy: number }> = [];\n\n for (let index = 0; index < points.length; index += 1) {\n const start = points[index];\n const end = points[(index + 1) % points.length];\n let deltaX = end[0] - start[0];\n let deltaY = end[1] - start[1];\n const length = Math.hypot(deltaX, deltaY);\n deltaX /= length;\n deltaY /= length;\n let normalX = -deltaY;\n let normalY = deltaX;\n const middleX = (start[0] + end[0]) / 2;\n const middleY = (start[1] + end[1]) / 2;\n if ((centroidX - middleX) * normalX + (centroidY - middleY) * normalY < 0) {\n normalX = -normalX;\n normalY = -normalY;\n }\n lines.push({\n x: start[0] + normalX * gap,\n y: start[1] + normalY * gap,\n dx: deltaX,\n dy: deltaY,\n });\n }\n\n return lines.map((line, index) => {\n const previous = lines[(index - 1 + lines.length) % lines.length];\n const denominator = previous.dx * line.dy - previous.dy * line.dx;\n const distance =\n ((line.x - previous.x) * line.dy - (line.y - previous.y) * line.dx) /\n denominator;\n return {\n x: previous.x + previous.dx * distance,\n y: previous.y + previous.dy * distance,\n };\n });\n};\n\nconst createFacetPath = (\n points: ISioLogoFacet['points'],\n gap: number,\n radius: number,\n): Path2D => {\n const insetPoints = inset(points, gap);\n const path = new Path2D();\n if (radius <= 0) {\n path.moveTo(insetPoints[0].x, insetPoints[0].y);\n for (let index = 1; index < insetPoints.length; index += 1) {\n path.lineTo(insetPoints[index].x, insetPoints[index].y);\n }\n path.closePath();\n return path;\n }\n\n for (let index = 0; index < insetPoints.length; index += 1) {\n const vertex = insetPoints[index];\n const previous = insetPoints[(index - 1 + insetPoints.length) % insetPoints.length];\n const next = insetPoints[(index + 1) % insetPoints.length];\n const previousDistance = Math.hypot(previous.x - vertex.x, previous.y - vertex.y);\n const nextDistance = Math.hypot(next.x - vertex.x, next.y - vertex.y);\n const previousRadius = Math.min(radius, previousDistance * 0.5);\n const nextRadius = Math.min(radius, nextDistance * 0.5);\n const entry = {\n x: vertex.x + ((previous.x - vertex.x) / previousDistance) * previousRadius,\n y: vertex.y + ((previous.y - vertex.y) / previousDistance) * previousRadius,\n };\n const exit = {\n x: vertex.x + ((next.x - vertex.x) / nextDistance) * nextRadius,\n y: vertex.y + ((next.y - vertex.y) / nextDistance) * nextRadius,\n };\n if (index === 0) path.moveTo(entry.x, entry.y);\n else path.lineTo(entry.x, entry.y);\n path.quadraticCurveTo(vertex.x, vertex.y, exit.x, exit.y);\n }\n path.closePath();\n return path;\n};\n\nconst easeOutCubic = (progress: number): number => 1 - Math.pow(1 - progress, 3);\nconst easeOutBack = (progress: number): number => {\n const coefficient = 1.70158;\n return 1 + (coefficient + 1) * Math.pow(progress - 1, 3) + coefficient * Math.pow(progress - 1, 2);\n};\nconst easeInCubic = (progress: number): number => progress * progress * progress;\nconst easeInBack = (progress: number): number => {\n const coefficient = 1.70158;\n return (coefficient + 1) * progress * progress * progress - coefficient * progress * progress;\n};\n\ntype TSioLogoFrameHandle = number | ReturnType<typeof setTimeout>;\n\nconst requestFrame = (callback: FrameRequestCallback): TSioLogoFrameHandle => {\n if (typeof globalThis.requestAnimationFrame === 'function') {\n return globalThis.requestAnimationFrame(callback);\n }\n return setTimeout(() => callback(performance.now()), 1000 / 60);\n};\n\nconst cancelFrame = (handle: TSioLogoFrameHandle): void => {\n if (typeof globalThis.cancelAnimationFrame === 'function' && typeof handle === 'number') {\n globalThis.cancelAnimationFrame(handle);\n return;\n }\n clearTimeout(handle);\n};\n\nexport class SioLogoRenderer {\n private options: ISioLogoRenderOptions;\n private frameHandle: TSioLogoFrameHandle | null = null;\n private phase: TSioLogoAnimationPhase | null = null;\n private startedAt = 0;\n private stagger = 70;\n private duration = 560;\n private totalDuration = 0;\n private backingWidth = 0;\n private backingHeight = 0;\n private scale = 1;\n private offsetX = 0;\n private offsetY = 0;\n private paths: Path2D[] = [];\n private loadingPaths: Path2D[] = [];\n private fills: string[] = [];\n private opacities: number[] = [];\n\n constructor(\n private readonly context: TSioLogoRenderContext,\n options: ISioLogoRenderOptions,\n ) {\n this.options = normalizeOptions(options);\n this.rebuild();\n }\n\n public setOptions(options: ISioLogoRenderOptions): void {\n this.options = normalizeOptions(options);\n this.rebuild();\n if (!this.phase) this.drawStatic();\n }\n\n public drawStatic(): void {\n this.clearCanvas();\n for (let index = 0; index < facets.length; index += 1) {\n this.paint(index, 0, 0, 0, 1, this.opacities[index], this.paths[index]);\n }\n this.context.globalAlpha = 1;\n }\n\n public clear(): void {\n this.stop();\n this.clearCanvas();\n }\n\n public start(phase: TSioLogoAnimationPhase): void {\n this.stop();\n this.phase = phase;\n this.startedAt = performance.now();\n this.stagger = phase === 'wave' ? 55 : 70;\n this.duration = phase === 'wave' ? 420 : 560;\n this.totalDuration = this.stagger * (facets.length - 1) + this.duration;\n\n const drawFrame = (time: number): void => {\n if (!this.phase) return;\n const elapsed = time - this.startedAt;\n this.drawAnimationFrame(elapsed);\n if (this.phase !== 'loading' && elapsed >= this.totalDuration) {\n this.settle();\n return;\n }\n this.frameHandle = requestFrame(drawFrame);\n };\n this.frameHandle = requestFrame(drawFrame);\n }\n\n public stop(): void {\n if (this.frameHandle !== null) {\n cancelFrame(this.frameHandle);\n this.frameHandle = null;\n }\n this.phase = null;\n }\n\n private rebuild(): void {\n const { size, dpr, square, light, mono, gap, radius } = this.options;\n this.backingWidth = Math.round((square ? size : size * sioLogoAspect) * dpr);\n this.backingHeight = Math.round(size * dpr);\n this.context.canvas.width = this.backingWidth;\n this.context.canvas.height = this.backingHeight;\n if (square) {\n this.scale = this.backingWidth / 500;\n this.offsetX = 0;\n this.offsetY = 0;\n } else {\n this.scale = this.backingHeight / tightBounds.height;\n this.offsetX =\n -tightBounds.x * this.scale +\n (this.backingWidth - tightBounds.width * this.scale) / 2;\n this.offsetY = -tightBounds.y * this.scale;\n }\n this.paths = facets.map((facet) => createFacetPath(facet.points, gap, radius));\n this.loadingPaths = facets.map((facet) => createFacetPath(facet.points, gap + 3, 90));\n this.fills = facets.map((facet, index) => mono || (light ? lightFills[index] : facet.fill));\n this.opacities = facets.map((_, index) => (mono ? monoOpacities[index] : 1));\n }\n\n private clearCanvas(): void {\n this.context.setTransform(1, 0, 0, 1, 0, 0);\n this.context.clearRect(0, 0, this.backingWidth, this.backingHeight);\n const { background } = this.options;\n if (background && background !== 'transparent' && background !== 'none') {\n this.context.fillStyle = background;\n this.context.fillRect(0, 0, this.backingWidth, this.backingHeight);\n }\n }\n\n private paint(\n index: number,\n translateX: number,\n translateY: number,\n rotation: number,\n scale: number,\n opacity: number,\n path: Path2D,\n ): void {\n const [centroidX, centroidY] = centroids[index];\n this.context.setTransform(this.scale, 0, 0, this.scale, this.offsetX, this.offsetY);\n this.context.translate(translateX, translateY);\n this.context.translate(centroidX, centroidY);\n this.context.rotate((rotation * Math.PI) / 180);\n this.context.scale(scale, scale);\n this.context.translate(-centroidX, -centroidY);\n this.context.globalAlpha = opacity;\n this.context.fillStyle = this.fills[index];\n this.context.fill(path);\n }\n\n private drawAnimationFrame(elapsed: number): void {\n this.clearCanvas();\n const activePhase = this.phase;\n for (let index = 0; index < facets.length; index += 1) {\n const [centroidX, centroidY] = centroids[index];\n let translateX = 0;\n let translateY = 0;\n let rotation = 0;\n let scale = 1;\n let opacity = this.opacities[index];\n let path = this.paths[index];\n\n if (activePhase === 'in') {\n const progress = clamp((elapsed - index * this.stagger) / this.duration, 0, 1);\n const eased = easeOutCubic(progress);\n translateX = (centerX - centroidX) * (1 - eased);\n translateY = (centerY - centroidY) * (1 - eased);\n rotation = (1 - eased) * -16;\n scale = easeOutBack(progress);\n opacity = clamp(progress * 1.6, 0, 1) * this.opacities[index];\n } else if (activePhase === 'out') {\n const reverseIndex = facets.length - 1 - index;\n const progress = clamp((elapsed - reverseIndex * this.stagger) / this.duration, 0, 1);\n const eased = easeInCubic(progress);\n translateX = (centerX - centroidX) * eased;\n translateY = (centerY - centroidY) * eased;\n rotation = progress * 16;\n scale = Math.max(0, 1 - easeInBack(progress));\n opacity = clamp(1 - progress * 1.3, 0, 1) * this.opacities[index];\n } else if (activePhase === 'wave') {\n const progress = clamp((elapsed - index * this.stagger) / this.duration, 0, 1);\n const pulse = Math.sin(progress * Math.PI);\n const radialX = centroidX - centerX;\n const radialY = centroidY - centerY;\n const radialLength = Math.hypot(radialX, radialY) || 1;\n translateX = (radialX / radialLength) * 16 * pulse;\n translateY = (radialY / radialLength) * 16 * pulse;\n scale = 1 - 0.08 * pulse;\n } else if (activePhase === 'loading') {\n const growth = clamp(elapsed / 650, 0, 1);\n const easedGrowth = growth < 0.5\n ? 2 * growth * growth\n : 1 - Math.pow(-2 * growth + 2, 2) / 2;\n const looping = elapsed >= 650;\n const spin = (elapsed / 1500) * 2 * Math.PI;\n const angle = -Math.PI / 2 + index * Math.PI / 4 + spin;\n const destinationX = centerX + 120 * Math.cos(angle);\n const destinationY = centerY + 120 * Math.sin(angle);\n const brightness = 1 - index / facets.length;\n translateX = (destinationX - centroidX) * easedGrowth;\n translateY = (destinationY - centroidY) * easedGrowth;\n scale =\n (1 + (0.62 - 1) * easedGrowth) *\n (looping ? 0.72 + 0.28 * brightness : 1);\n opacity = (looping ? 0.28 + 0.72 * brightness : 1) * this.opacities[index];\n path = looping\n ? this.loadingPaths[index]\n : createFacetPath(\n facets[index].points,\n this.options.gap + 3 * easedGrowth,\n this.options.radius + (90 - this.options.radius) * easedGrowth,\n );\n }\n\n this.paint(index, translateX, translateY, rotation, scale, opacity, path);\n }\n this.context.globalAlpha = 1;\n }\n\n private settle(): void {\n const finishedPhase = this.phase;\n this.frameHandle = null;\n this.phase = null;\n if (finishedPhase === 'out') this.clearCanvas();\n else this.drawStatic();\n this.context.globalAlpha = 1;\n }\n}\n","import {\n SioLogoRenderer,\n type ISioLogoRenderOptions,\n type TSioLogoAnimationPhase,\n} from './sio-logo-render.js';\n\ninterface ISioLogoWorkerInitMessage {\n type: 'init';\n canvas: OffscreenCanvas;\n options: ISioLogoRenderOptions;\n phase: TSioLogoAnimationPhase | null;\n}\n\ninterface ISioLogoWorkerOptionsMessage {\n type: 'options';\n options: ISioLogoRenderOptions;\n}\n\ninterface ISioLogoWorkerPhaseMessage {\n type: 'phase';\n phase: TSioLogoAnimationPhase | 'stop' | 'clear';\n}\n\ntype TSioLogoWorkerMessage =\n | ISioLogoWorkerInitMessage\n | ISioLogoWorkerOptionsMessage\n | ISioLogoWorkerPhaseMessage;\n\ninterface ISioLogoWorkerScope {\n onmessage: ((event: MessageEvent<TSioLogoWorkerMessage>) => void) | null;\n postMessage: (message: { type: 'ready' | 'initialized' }) => void;\n}\n\nconst workerScope = globalThis as unknown as ISioLogoWorkerScope;\nlet renderer: SioLogoRenderer | null = null;\n\nworkerScope.onmessage = (event): void => {\n const message = event.data;\n if (message.type === 'init') {\n const context = message.canvas.getContext('2d');\n if (!context) throw new Error('Unable to create the sio-logo worker canvas context.');\n renderer = new SioLogoRenderer(context, message.options);\n if (message.phase) renderer.start(message.phase);\n else renderer.drawStatic();\n workerScope.postMessage({ type: 'initialized' });\n return;\n }\n\n if (!renderer) return;\n if (message.type === 'options') {\n renderer.setOptions(message.options);\n return;\n }\n\n if (message.phase === 'stop') {\n renderer.stop();\n renderer.drawStatic();\n } else if (message.phase === 'clear') {\n renderer.clear();\n } else {\n renderer.start(message.phase);\n }\n};\n\n// The canvas is transferred only after the module and its renderer dependency\n// have loaded, leaving the HTMLCanvasElement intact for pre-transfer fallback.\nworkerScope.postMessage({ type: 'ready' });\n"],"mappings":"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","names":["facets","lightFills","monoOpacities","tightBounds","centerX","centerY","sioLogoAspect","centroids","facet","clamp","__name","value","minimum","maximum","finiteAtLeast","fallback","normalizeOptions","options","inset","points","gap","x","y","centroidX","centroidY","lines","index","start","end","deltaX","deltaY","length","normalX","normalY","middleX","middleY","line","previous","denominator","distance","createFacetPath","radius","insetPoints","path","vertex","next","previousDistance","nextDistance","previousRadius","nextRadius","entry","exit","easeOutCubic","progress","easeOutBack","easeInCubic","easeInBack","requestFrame","callback","cancelFrame","handle","SioLogoRenderer","context","phase","drawFrame","time","elapsed","size","dpr","square","light","mono","_","background","translateX","translateY","rotation","scale","opacity","activePhase","eased","reverseIndex","pulse","radialX","radialY","radialLength","growth","easedGrowth","looping","spin","angle","destinationX","destinationY","brightness","finishedPhase","workerScope","renderer","event","message","context","SioLogoRenderer"]}
|
|
@@ -0,0 +1,319 @@
|
|
|
1
|
+
const facets = [
|
|
2
|
+
{ fill: '#4AA0F5', points: [[250, 75], [150, 133.333], [250, 191.667]] },
|
|
3
|
+
{ fill: '#0A5AC0', points: [[250, 75], [350, 133.333], [250, 191.667]] },
|
|
4
|
+
{ fill: '#DBEBFF', points: [[150, 133.333], [250, 191.667], [150, 250]] },
|
|
5
|
+
{ fill: '#A9CDF7', points: [[250, 191.667], [150, 250], [250, 308.333]] },
|
|
6
|
+
{ fill: '#1E80E6', points: [[250, 191.667], [350, 250], [250, 308.333]] },
|
|
7
|
+
{ fill: '#1466C6', points: [[350, 250], [250, 308.333], [350, 366.667]] },
|
|
8
|
+
{ fill: '#74B4F7', points: [[250, 308.333], [350, 366.667], [250, 425]] },
|
|
9
|
+
{ fill: '#1E80E6', points: [[250, 308.333], [150, 366.667], [250, 425]] },
|
|
10
|
+
];
|
|
11
|
+
const lightFills = [
|
|
12
|
+
'#4AA0F5', '#0A5AC0', '#8FBEF5', '#77ACEE',
|
|
13
|
+
'#1E80E6', '#1466C6', '#5FA6F2', '#1E80E6',
|
|
14
|
+
];
|
|
15
|
+
const monoOpacities = [0.78, 0.64, 0.96, 0.86, 0.72, 0.66, 0.82, 0.72];
|
|
16
|
+
const tightBounds = { x: 146, y: 72, width: 208, height: 356 };
|
|
17
|
+
const centerX = 250;
|
|
18
|
+
const centerY = 250;
|
|
19
|
+
export const sioLogoAspect = tightBounds.width / tightBounds.height;
|
|
20
|
+
const centroids = facets.map((facet) => [
|
|
21
|
+
(facet.points[0][0] + facet.points[1][0] + facet.points[2][0]) / 3,
|
|
22
|
+
(facet.points[0][1] + facet.points[1][1] + facet.points[2][1]) / 3,
|
|
23
|
+
]);
|
|
24
|
+
const clamp = (value, minimum, maximum) => Math.max(minimum, Math.min(maximum, value));
|
|
25
|
+
const finiteAtLeast = (value, minimum, fallback) => Number.isFinite(value) ? Math.max(minimum, value) : fallback;
|
|
26
|
+
const normalizeOptions = (options) => ({
|
|
27
|
+
...options,
|
|
28
|
+
size: finiteAtLeast(options.size, 1, 40),
|
|
29
|
+
dpr: clamp(finiteAtLeast(options.dpr, 0.5, 1), 0.5, 4),
|
|
30
|
+
gap: finiteAtLeast(options.gap, 0, 2),
|
|
31
|
+
radius: finiteAtLeast(options.radius, 0, 16),
|
|
32
|
+
});
|
|
33
|
+
const inset = (points, gap) => {
|
|
34
|
+
if (gap <= 0)
|
|
35
|
+
return points.map(([x, y]) => ({ x, y }));
|
|
36
|
+
const centroidX = (points[0][0] + points[1][0] + points[2][0]) / 3;
|
|
37
|
+
const centroidY = (points[0][1] + points[1][1] + points[2][1]) / 3;
|
|
38
|
+
const lines = [];
|
|
39
|
+
for (let index = 0; index < points.length; index += 1) {
|
|
40
|
+
const start = points[index];
|
|
41
|
+
const end = points[(index + 1) % points.length];
|
|
42
|
+
let deltaX = end[0] - start[0];
|
|
43
|
+
let deltaY = end[1] - start[1];
|
|
44
|
+
const length = Math.hypot(deltaX, deltaY);
|
|
45
|
+
deltaX /= length;
|
|
46
|
+
deltaY /= length;
|
|
47
|
+
let normalX = -deltaY;
|
|
48
|
+
let normalY = deltaX;
|
|
49
|
+
const middleX = (start[0] + end[0]) / 2;
|
|
50
|
+
const middleY = (start[1] + end[1]) / 2;
|
|
51
|
+
if ((centroidX - middleX) * normalX + (centroidY - middleY) * normalY < 0) {
|
|
52
|
+
normalX = -normalX;
|
|
53
|
+
normalY = -normalY;
|
|
54
|
+
}
|
|
55
|
+
lines.push({
|
|
56
|
+
x: start[0] + normalX * gap,
|
|
57
|
+
y: start[1] + normalY * gap,
|
|
58
|
+
dx: deltaX,
|
|
59
|
+
dy: deltaY,
|
|
60
|
+
});
|
|
61
|
+
}
|
|
62
|
+
return lines.map((line, index) => {
|
|
63
|
+
const previous = lines[(index - 1 + lines.length) % lines.length];
|
|
64
|
+
const denominator = previous.dx * line.dy - previous.dy * line.dx;
|
|
65
|
+
const distance = ((line.x - previous.x) * line.dy - (line.y - previous.y) * line.dx) /
|
|
66
|
+
denominator;
|
|
67
|
+
return {
|
|
68
|
+
x: previous.x + previous.dx * distance,
|
|
69
|
+
y: previous.y + previous.dy * distance,
|
|
70
|
+
};
|
|
71
|
+
});
|
|
72
|
+
};
|
|
73
|
+
const createFacetPath = (points, gap, radius) => {
|
|
74
|
+
const insetPoints = inset(points, gap);
|
|
75
|
+
const path = new Path2D();
|
|
76
|
+
if (radius <= 0) {
|
|
77
|
+
path.moveTo(insetPoints[0].x, insetPoints[0].y);
|
|
78
|
+
for (let index = 1; index < insetPoints.length; index += 1) {
|
|
79
|
+
path.lineTo(insetPoints[index].x, insetPoints[index].y);
|
|
80
|
+
}
|
|
81
|
+
path.closePath();
|
|
82
|
+
return path;
|
|
83
|
+
}
|
|
84
|
+
for (let index = 0; index < insetPoints.length; index += 1) {
|
|
85
|
+
const vertex = insetPoints[index];
|
|
86
|
+
const previous = insetPoints[(index - 1 + insetPoints.length) % insetPoints.length];
|
|
87
|
+
const next = insetPoints[(index + 1) % insetPoints.length];
|
|
88
|
+
const previousDistance = Math.hypot(previous.x - vertex.x, previous.y - vertex.y);
|
|
89
|
+
const nextDistance = Math.hypot(next.x - vertex.x, next.y - vertex.y);
|
|
90
|
+
const previousRadius = Math.min(radius, previousDistance * 0.5);
|
|
91
|
+
const nextRadius = Math.min(radius, nextDistance * 0.5);
|
|
92
|
+
const entry = {
|
|
93
|
+
x: vertex.x + ((previous.x - vertex.x) / previousDistance) * previousRadius,
|
|
94
|
+
y: vertex.y + ((previous.y - vertex.y) / previousDistance) * previousRadius,
|
|
95
|
+
};
|
|
96
|
+
const exit = {
|
|
97
|
+
x: vertex.x + ((next.x - vertex.x) / nextDistance) * nextRadius,
|
|
98
|
+
y: vertex.y + ((next.y - vertex.y) / nextDistance) * nextRadius,
|
|
99
|
+
};
|
|
100
|
+
if (index === 0)
|
|
101
|
+
path.moveTo(entry.x, entry.y);
|
|
102
|
+
else
|
|
103
|
+
path.lineTo(entry.x, entry.y);
|
|
104
|
+
path.quadraticCurveTo(vertex.x, vertex.y, exit.x, exit.y);
|
|
105
|
+
}
|
|
106
|
+
path.closePath();
|
|
107
|
+
return path;
|
|
108
|
+
};
|
|
109
|
+
const easeOutCubic = (progress) => 1 - Math.pow(1 - progress, 3);
|
|
110
|
+
const easeOutBack = (progress) => {
|
|
111
|
+
const coefficient = 1.70158;
|
|
112
|
+
return 1 + (coefficient + 1) * Math.pow(progress - 1, 3) + coefficient * Math.pow(progress - 1, 2);
|
|
113
|
+
};
|
|
114
|
+
const easeInCubic = (progress) => progress * progress * progress;
|
|
115
|
+
const easeInBack = (progress) => {
|
|
116
|
+
const coefficient = 1.70158;
|
|
117
|
+
return (coefficient + 1) * progress * progress * progress - coefficient * progress * progress;
|
|
118
|
+
};
|
|
119
|
+
const requestFrame = (callback) => {
|
|
120
|
+
if (typeof globalThis.requestAnimationFrame === 'function') {
|
|
121
|
+
return globalThis.requestAnimationFrame(callback);
|
|
122
|
+
}
|
|
123
|
+
return setTimeout(() => callback(performance.now()), 1000 / 60);
|
|
124
|
+
};
|
|
125
|
+
const cancelFrame = (handle) => {
|
|
126
|
+
if (typeof globalThis.cancelAnimationFrame === 'function' && typeof handle === 'number') {
|
|
127
|
+
globalThis.cancelAnimationFrame(handle);
|
|
128
|
+
return;
|
|
129
|
+
}
|
|
130
|
+
clearTimeout(handle);
|
|
131
|
+
};
|
|
132
|
+
export class SioLogoRenderer {
|
|
133
|
+
context;
|
|
134
|
+
options;
|
|
135
|
+
frameHandle = null;
|
|
136
|
+
phase = null;
|
|
137
|
+
startedAt = 0;
|
|
138
|
+
stagger = 70;
|
|
139
|
+
duration = 560;
|
|
140
|
+
totalDuration = 0;
|
|
141
|
+
backingWidth = 0;
|
|
142
|
+
backingHeight = 0;
|
|
143
|
+
scale = 1;
|
|
144
|
+
offsetX = 0;
|
|
145
|
+
offsetY = 0;
|
|
146
|
+
paths = [];
|
|
147
|
+
loadingPaths = [];
|
|
148
|
+
fills = [];
|
|
149
|
+
opacities = [];
|
|
150
|
+
constructor(context, options) {
|
|
151
|
+
this.context = context;
|
|
152
|
+
this.options = normalizeOptions(options);
|
|
153
|
+
this.rebuild();
|
|
154
|
+
}
|
|
155
|
+
setOptions(options) {
|
|
156
|
+
this.options = normalizeOptions(options);
|
|
157
|
+
this.rebuild();
|
|
158
|
+
if (!this.phase)
|
|
159
|
+
this.drawStatic();
|
|
160
|
+
}
|
|
161
|
+
drawStatic() {
|
|
162
|
+
this.clearCanvas();
|
|
163
|
+
for (let index = 0; index < facets.length; index += 1) {
|
|
164
|
+
this.paint(index, 0, 0, 0, 1, this.opacities[index], this.paths[index]);
|
|
165
|
+
}
|
|
166
|
+
this.context.globalAlpha = 1;
|
|
167
|
+
}
|
|
168
|
+
clear() {
|
|
169
|
+
this.stop();
|
|
170
|
+
this.clearCanvas();
|
|
171
|
+
}
|
|
172
|
+
start(phase) {
|
|
173
|
+
this.stop();
|
|
174
|
+
this.phase = phase;
|
|
175
|
+
this.startedAt = performance.now();
|
|
176
|
+
this.stagger = phase === 'wave' ? 55 : 70;
|
|
177
|
+
this.duration = phase === 'wave' ? 420 : 560;
|
|
178
|
+
this.totalDuration = this.stagger * (facets.length - 1) + this.duration;
|
|
179
|
+
const drawFrame = (time) => {
|
|
180
|
+
if (!this.phase)
|
|
181
|
+
return;
|
|
182
|
+
const elapsed = time - this.startedAt;
|
|
183
|
+
this.drawAnimationFrame(elapsed);
|
|
184
|
+
if (this.phase !== 'loading' && elapsed >= this.totalDuration) {
|
|
185
|
+
this.settle();
|
|
186
|
+
return;
|
|
187
|
+
}
|
|
188
|
+
this.frameHandle = requestFrame(drawFrame);
|
|
189
|
+
};
|
|
190
|
+
this.frameHandle = requestFrame(drawFrame);
|
|
191
|
+
}
|
|
192
|
+
stop() {
|
|
193
|
+
if (this.frameHandle !== null) {
|
|
194
|
+
cancelFrame(this.frameHandle);
|
|
195
|
+
this.frameHandle = null;
|
|
196
|
+
}
|
|
197
|
+
this.phase = null;
|
|
198
|
+
}
|
|
199
|
+
rebuild() {
|
|
200
|
+
const { size, dpr, square, light, mono, gap, radius } = this.options;
|
|
201
|
+
this.backingWidth = Math.round((square ? size : size * sioLogoAspect) * dpr);
|
|
202
|
+
this.backingHeight = Math.round(size * dpr);
|
|
203
|
+
this.context.canvas.width = this.backingWidth;
|
|
204
|
+
this.context.canvas.height = this.backingHeight;
|
|
205
|
+
if (square) {
|
|
206
|
+
this.scale = this.backingWidth / 500;
|
|
207
|
+
this.offsetX = 0;
|
|
208
|
+
this.offsetY = 0;
|
|
209
|
+
}
|
|
210
|
+
else {
|
|
211
|
+
this.scale = this.backingHeight / tightBounds.height;
|
|
212
|
+
this.offsetX =
|
|
213
|
+
-tightBounds.x * this.scale +
|
|
214
|
+
(this.backingWidth - tightBounds.width * this.scale) / 2;
|
|
215
|
+
this.offsetY = -tightBounds.y * this.scale;
|
|
216
|
+
}
|
|
217
|
+
this.paths = facets.map((facet) => createFacetPath(facet.points, gap, radius));
|
|
218
|
+
this.loadingPaths = facets.map((facet) => createFacetPath(facet.points, gap + 3, 90));
|
|
219
|
+
this.fills = facets.map((facet, index) => mono || (light ? lightFills[index] : facet.fill));
|
|
220
|
+
this.opacities = facets.map((_, index) => (mono ? monoOpacities[index] : 1));
|
|
221
|
+
}
|
|
222
|
+
clearCanvas() {
|
|
223
|
+
this.context.setTransform(1, 0, 0, 1, 0, 0);
|
|
224
|
+
this.context.clearRect(0, 0, this.backingWidth, this.backingHeight);
|
|
225
|
+
const { background } = this.options;
|
|
226
|
+
if (background && background !== 'transparent' && background !== 'none') {
|
|
227
|
+
this.context.fillStyle = background;
|
|
228
|
+
this.context.fillRect(0, 0, this.backingWidth, this.backingHeight);
|
|
229
|
+
}
|
|
230
|
+
}
|
|
231
|
+
paint(index, translateX, translateY, rotation, scale, opacity, path) {
|
|
232
|
+
const [centroidX, centroidY] = centroids[index];
|
|
233
|
+
this.context.setTransform(this.scale, 0, 0, this.scale, this.offsetX, this.offsetY);
|
|
234
|
+
this.context.translate(translateX, translateY);
|
|
235
|
+
this.context.translate(centroidX, centroidY);
|
|
236
|
+
this.context.rotate((rotation * Math.PI) / 180);
|
|
237
|
+
this.context.scale(scale, scale);
|
|
238
|
+
this.context.translate(-centroidX, -centroidY);
|
|
239
|
+
this.context.globalAlpha = opacity;
|
|
240
|
+
this.context.fillStyle = this.fills[index];
|
|
241
|
+
this.context.fill(path);
|
|
242
|
+
}
|
|
243
|
+
drawAnimationFrame(elapsed) {
|
|
244
|
+
this.clearCanvas();
|
|
245
|
+
const activePhase = this.phase;
|
|
246
|
+
for (let index = 0; index < facets.length; index += 1) {
|
|
247
|
+
const [centroidX, centroidY] = centroids[index];
|
|
248
|
+
let translateX = 0;
|
|
249
|
+
let translateY = 0;
|
|
250
|
+
let rotation = 0;
|
|
251
|
+
let scale = 1;
|
|
252
|
+
let opacity = this.opacities[index];
|
|
253
|
+
let path = this.paths[index];
|
|
254
|
+
if (activePhase === 'in') {
|
|
255
|
+
const progress = clamp((elapsed - index * this.stagger) / this.duration, 0, 1);
|
|
256
|
+
const eased = easeOutCubic(progress);
|
|
257
|
+
translateX = (centerX - centroidX) * (1 - eased);
|
|
258
|
+
translateY = (centerY - centroidY) * (1 - eased);
|
|
259
|
+
rotation = (1 - eased) * -16;
|
|
260
|
+
scale = easeOutBack(progress);
|
|
261
|
+
opacity = clamp(progress * 1.6, 0, 1) * this.opacities[index];
|
|
262
|
+
}
|
|
263
|
+
else if (activePhase === 'out') {
|
|
264
|
+
const reverseIndex = facets.length - 1 - index;
|
|
265
|
+
const progress = clamp((elapsed - reverseIndex * this.stagger) / this.duration, 0, 1);
|
|
266
|
+
const eased = easeInCubic(progress);
|
|
267
|
+
translateX = (centerX - centroidX) * eased;
|
|
268
|
+
translateY = (centerY - centroidY) * eased;
|
|
269
|
+
rotation = progress * 16;
|
|
270
|
+
scale = Math.max(0, 1 - easeInBack(progress));
|
|
271
|
+
opacity = clamp(1 - progress * 1.3, 0, 1) * this.opacities[index];
|
|
272
|
+
}
|
|
273
|
+
else if (activePhase === 'wave') {
|
|
274
|
+
const progress = clamp((elapsed - index * this.stagger) / this.duration, 0, 1);
|
|
275
|
+
const pulse = Math.sin(progress * Math.PI);
|
|
276
|
+
const radialX = centroidX - centerX;
|
|
277
|
+
const radialY = centroidY - centerY;
|
|
278
|
+
const radialLength = Math.hypot(radialX, radialY) || 1;
|
|
279
|
+
translateX = (radialX / radialLength) * 16 * pulse;
|
|
280
|
+
translateY = (radialY / radialLength) * 16 * pulse;
|
|
281
|
+
scale = 1 - 0.08 * pulse;
|
|
282
|
+
}
|
|
283
|
+
else if (activePhase === 'loading') {
|
|
284
|
+
const growth = clamp(elapsed / 650, 0, 1);
|
|
285
|
+
const easedGrowth = growth < 0.5
|
|
286
|
+
? 2 * growth * growth
|
|
287
|
+
: 1 - Math.pow(-2 * growth + 2, 2) / 2;
|
|
288
|
+
const looping = elapsed >= 650;
|
|
289
|
+
const spin = (elapsed / 1500) * 2 * Math.PI;
|
|
290
|
+
const angle = -Math.PI / 2 + index * Math.PI / 4 + spin;
|
|
291
|
+
const destinationX = centerX + 120 * Math.cos(angle);
|
|
292
|
+
const destinationY = centerY + 120 * Math.sin(angle);
|
|
293
|
+
const brightness = 1 - index / facets.length;
|
|
294
|
+
translateX = (destinationX - centroidX) * easedGrowth;
|
|
295
|
+
translateY = (destinationY - centroidY) * easedGrowth;
|
|
296
|
+
scale =
|
|
297
|
+
(1 + (0.62 - 1) * easedGrowth) *
|
|
298
|
+
(looping ? 0.72 + 0.28 * brightness : 1);
|
|
299
|
+
opacity = (looping ? 0.28 + 0.72 * brightness : 1) * this.opacities[index];
|
|
300
|
+
path = looping
|
|
301
|
+
? this.loadingPaths[index]
|
|
302
|
+
: createFacetPath(facets[index].points, this.options.gap + 3 * easedGrowth, this.options.radius + (90 - this.options.radius) * easedGrowth);
|
|
303
|
+
}
|
|
304
|
+
this.paint(index, translateX, translateY, rotation, scale, opacity, path);
|
|
305
|
+
}
|
|
306
|
+
this.context.globalAlpha = 1;
|
|
307
|
+
}
|
|
308
|
+
settle() {
|
|
309
|
+
const finishedPhase = this.phase;
|
|
310
|
+
this.frameHandle = null;
|
|
311
|
+
this.phase = null;
|
|
312
|
+
if (finishedPhase === 'out')
|
|
313
|
+
this.clearCanvas();
|
|
314
|
+
else
|
|
315
|
+
this.drawStatic();
|
|
316
|
+
this.context.globalAlpha = 1;
|
|
317
|
+
}
|
|
318
|
+
}
|
|
319
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lvLWxvZ28tcmVuZGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL3Npby1sb2dvLXJlbmRlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQkEsTUFBTSxNQUFNLEdBQW9CO0lBQzlCLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsQ0FBQyxDQUFDLEdBQUcsRUFBRSxFQUFFLENBQUMsRUFBRSxDQUFDLEdBQUcsRUFBRSxPQUFPLENBQUMsRUFBRSxDQUFDLEdBQUcsRUFBRSxPQUFPLENBQUMsQ0FBQyxFQUFFO0lBQ3hFLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsQ0FBQyxDQUFDLEdBQUcsRUFBRSxFQUFFLENBQUMsRUFBRSxDQUFDLEdBQUcsRUFBRSxPQUFPLENBQUMsRUFBRSxDQUFDLEdBQUcsRUFBRSxPQUFPLENBQUMsQ0FBQyxFQUFFO0lBQ3hFLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsQ0FBQyxDQUFDLEdBQUcsRUFBRSxPQUFPLENBQUMsRUFBRSxDQUFDLEdBQUcsRUFBRSxPQUFPLENBQUMsRUFBRSxDQUFDLEdBQUcsRUFBRSxHQUFHLENBQUMsQ0FBQyxFQUFFO0lBQ3pFLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsQ0FBQyxDQUFDLEdBQUcsRUFBRSxPQUFPLENBQUMsRUFBRSxDQUFDLEdBQUcsRUFBRSxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsRUFBRSxPQUFPLENBQUMsQ0FBQyxFQUFFO0lBQ3pFLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsQ0FBQyxDQUFDLEdBQUcsRUFBRSxPQUFPLENBQUMsRUFBRSxDQUFDLEdBQUcsRUFBRSxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsRUFBRSxPQUFPLENBQUMsQ0FBQyxFQUFFO0lBQ3pFLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxNQUFNLEVB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QUUsQ0FBQyxlQUFlLENBQUMsS0FBSyxDQUFDLE1BQU0sRUFBRSxHQUFHLEVBQUUsTUFBTSxDQUFDLENBQUMsQ0FBQztRQUMvRSxJQUFJLENBQUMsWUFBWSxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDLGVBQWUsQ0FBQyxLQUFLLENBQUMsTUFBTSxFQUFFLEdBQUcsR0FBRyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQztRQUN0RixJQUFJLENBQUMsS0FBSyxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQyxLQUFLLEVBQUUsS0FBSyxFQUFFLEVBQUUsQ0FBQyxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUM7UUFDNUYsSUFBSSxDQUFDLFNBQVMsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUMvRSxDQUFDO0lBRU8sV0FBVztRQUNqQixJQUFJLENBQUMsT0FBTyxDQUFDLFlBQVksQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO1FBQzVDLElBQUksQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsSUFBSSxDQUFDLFlBQVksRUFBRSxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDcEUsTUFBTSxFQUFFLFVBQVUsRUFBRSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUM7UUFDcEMsSUFBSSxVQUFVLElBQUksVUFBVSxLQUFLLGFBQWEsSUFBSSxVQUFVLEtBQUssTUFBTSxFQUFFLENBQUM7WUFDeEUsSUFB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
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { SioLogoRenderer, } from './sio-logo-render.js';
|
|
2
|
+
const workerScope = globalThis;
|
|
3
|
+
let renderer = null;
|
|
4
|
+
workerScope.onmessage = (event) => {
|
|
5
|
+
const message = event.data;
|
|
6
|
+
if (message.type === 'init') {
|
|
7
|
+
const context = message.canvas.getContext('2d');
|
|
8
|
+
if (!context)
|
|
9
|
+
throw new Error('Unable to create the sio-logo worker canvas context.');
|
|
10
|
+
renderer = new SioLogoRenderer(context, message.options);
|
|
11
|
+
if (message.phase)
|
|
12
|
+
renderer.start(message.phase);
|
|
13
|
+
else
|
|
14
|
+
renderer.drawStatic();
|
|
15
|
+
workerScope.postMessage({ type: 'initialized' });
|
|
16
|
+
return;
|
|
17
|
+
}
|
|
18
|
+
if (!renderer)
|
|
19
|
+
return;
|
|
20
|
+
if (message.type === 'options') {
|
|
21
|
+
renderer.setOptions(message.options);
|
|
22
|
+
return;
|
|
23
|
+
}
|
|
24
|
+
if (message.phase === 'stop') {
|
|
25
|
+
renderer.stop();
|
|
26
|
+
renderer.drawStatic();
|
|
27
|
+
}
|
|
28
|
+
else if (message.phase === 'clear') {
|
|
29
|
+
renderer.clear();
|
|
30
|
+
}
|
|
31
|
+
else {
|
|
32
|
+
renderer.start(message.phase);
|
|
33
|
+
}
|
|
34
|
+
};
|
|
35
|
+
// The canvas is transferred only after the module and its renderer dependency
|
|
36
|
+
// have loaded, leaving the HTMLCanvasElement intact for pre-transfer fallback.
|
|
37
|
+
workerScope.postMessage({ type: 'ready' });
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lvLWxvZ28td29ya2VyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL3Npby1sb2dvLXdvcmtlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsZUFBZSxHQUdoQixNQUFNLHNCQUFzQixDQUFDO0FBNkI5QixNQUFNLFdBQVcsR0FBRyxVQUE0QyxDQUFDO0FBQ2pFLElBQUksUUFBUSxHQUEyQixJQUFJLENBQUM7QUFFNUMsV0FBVyxDQUFDLFNBQVMsR0FBRyxDQUFDLEtBQUssRUFBUSxFQUFFO0lBQ3RDLE1BQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxJQUFJLENBQUM7SUFDM0IsSUFBSSxPQUFPLENBQUMsSUFBSSxLQUFLLE1BQU0sRUFBRSxDQUFDO1FBQzVCLE1BQU0sT0FBTyxHQUFHLE9BQU8sQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ2hELElBQUksQ0FBQyxPQUFPO1lBQUUsTUFBTSxJQUFJLEtBQUssQ0FBQyxzREFBc0QsQ0FBQyxDQUFDO1FBQ3RGLFFBQVEsR0FBRyxJQUFJLGVBQWUsQ0FBQyxPQUFPLEVBQUUsT0FBTyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ3pELElBQUksT0FBTyxDQUFDLEtBQUs7WUFBRSxRQUFRLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQzs7WUFDNUMsUUFBUSxDQUFDLFVBQVUsRUFBRSxDQUFDO1FBQzNCLFdBQVcsQ0FBQyxXQUFXLENBQUMsRUFBRSxJQUFJLEVBQUUsYUFBYSxFQUFFLENBQUMsQ0FBQztRQUNqRCxPQUFPO0lBQ1QsQ0FBQztJQUVELElBQUksQ0FBQyxRQUFRO1FBQUUsT0FBTztJQUN0QixJQUFJLE9BQU8sQ0FBQyxJQUFJLEtBQUssU0FBUyxFQUFFLENBQUM7UUFDL0IsUUFBUSxDQUFDLFVBQVUsQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDckMsT0FBTztJQUNULENBQUM7SUFFRCxJQUFJLE9BQU8sQ0FBQyxLQUFLLEtBQUssTUFBTSxFQUFFLENBQUM7UUFDN0IsUUFBUSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ2hCLFFBQVEsQ0FBQyxVQUFVLEVBQUUsQ0FBQztJQUN4QixDQUFDO1NBQU0sSUFBSSxPQUFPLENBQUMsS0FBSyxLQUFLLE9BQU8sRUFBRSxDQUFDO1FBQ3JDLFFBQVEsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUNuQixDQUFDO1NBQU0sQ0FBQztRQUNOLFFBQVEsQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2hDLENBQUM7QUFDSCxDQUFDLENBQUM7QUFFRiw4RUFBOEU7QUFDOUUsK0VBQStFO0FBQy9FLFdBQVcsQ0FBQyxXQUFXLENBQUMsRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLENBQUMsQ0FBQyJ9
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*/
|
|
4
4
|
export const commitinfo = {
|
|
5
5
|
name: '@social.io/catalog',
|
|
6
|
-
version: '2.1.
|
|
6
|
+
version: '2.1.2',
|
|
7
7
|
description: 'Apple-native v8 design system and web components for social.io'
|
|
8
8
|
};
|
|
9
9
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMDBfY29tbWl0aW5mb19kYXRhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHNfd2ViLzAwX2NvbW1pdGluZm9fZGF0YS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRztJQUN4QixJQUFJLEVBQUUsb0JBQW9CO0lBQzFCLE9BQU8sRUFBRSxPQUFPO0lBQ2hCLFdBQVcsRUFBRSxnRUFBZ0U7Q0FDOUUsQ0FBQSJ9
|
|
@@ -9,6 +9,7 @@ export interface ISioLogoRenderOptions {
|
|
|
9
9
|
mono: string;
|
|
10
10
|
light: boolean;
|
|
11
11
|
}
|
|
12
|
+
export type TSioLogoRenderContext = CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D;
|
|
12
13
|
export declare const sioLogoAspect: number;
|
|
13
14
|
export declare class SioLogoRenderer {
|
|
14
15
|
private readonly context;
|
|
@@ -28,7 +29,7 @@ export declare class SioLogoRenderer {
|
|
|
28
29
|
private loadingPaths;
|
|
29
30
|
private fills;
|
|
30
31
|
private opacities;
|
|
31
|
-
constructor(context:
|
|
32
|
+
constructor(context: TSioLogoRenderContext, options: ISioLogoRenderOptions);
|
|
32
33
|
setOptions(options: ISioLogoRenderOptions): void;
|
|
33
34
|
drawStatic(): void;
|
|
34
35
|
clear(): void;
|