Beyond CMS.
We build Enterprise Web Application.

function useDonut() {
  const [frame, setFrame] = useState<string>('');
  const angles = useRef<{ A: number; B: number }>({ A: 0, B: 0 });

  useEffect(() => { 
    const renderFrame = () => {
      const { A, B } = angles.current;
      const b = new Array(1760).fill(' ');
      const z = new Array(1760).fill(0);

      for (let j = 0; j < 6.28; j += 0.07) { 
        for (let i = 0; i < 6.28; i += 0.02) { 
          const sinI = Math.sin(i), cosI = Math.cos(i);
          const sinJ = Math.sin(j), cosJ = Math.cos(j);
          const sinA = Math.sin(A), cosA = Math.cos(A);
          const sinB = Math.sin(B), cosB = Math.cos(B);

          const h = cosJ + 2;
          const D = 1 / (sinI * h * sinA + sinJ * cosA + 5);
          const t = sinI * h * cosA - sinJ * sinA;

          const x = Math.floor(40 + 30 * D * (cosI * h * cosB - t * sinB));
          const y = Math.floor(12 + 15 * D * (cosI * h * sinB + t * cosB));
          const o = x + 80 * y;

          const N = Math.floor(8 * ((sinJ * sinA - sinI * cosJ * cosA) * cosB - 
            sinI * cosJ * sinA - sinJ * cosA - cosI * cosJ * sinB));

          if (y > 0 && y <22 && x > 0 && x <80 && D > z[o]) { 
            z[o] = D;
            b[o] = '.,-~:;=!*#$@'[N > 0 ? N : 0];
          } 
        } 
      } 

      let output = '';
      for (let k = 0; k < 1760; k++) {
        output += k % 80 === 79 ? '\n' : b[k];
      } 
      setFrame(output);
      angles.current.A += 0.05;
      angles.current.B += 0.03;
    };

    const interval = setInterval(renderFrame, 30);
    return () => clearInterval(interval);
  }, []);

  return { frame };
}