This example demonstrates π approximation with BigInt in a separate browser thread using a Worker Service Class. The result is sent back to the main thread every 1000 iterations.
1import { worker } from 'vovk';
2
3@worker()
4export default class WorkerYieldService {
5 /**
6 * Calculate Pi using a series expansion with BigInt for high precision
7 * @param scalePower - power of 10 to scale the calculations for precision
8 * @param yieldEvery - how often to yield the result
9 */
10 static *approximatePi(scalePower: bigint, yieldEvery: number) {
11 let i = 1n;
12 let x = 3n * 10n ** scalePower;
13 let pi = x;
14 let count = 0;
15 while (x > 0) {
16 x = (x * i) / ((i + 1n) * 4n);
17 pi += x / (i + 2n);
18 i += 2n;
19 if (count++ % yieldEvery === 0) {
20 yield pi;
21 }
22 }
23 }
24}
1import { worker } from 'vovk';
2
3@worker()
4export default class WorkerYieldService {
5 /**
6 * Calculate Pi using a series expansion with BigInt for high precision
7 * @param scalePower - power of 10 to scale the calculations for precision
8 * @param yieldEvery - how often to yield the result
9 */
10 static *approximatePi(scalePower: bigint, yieldEvery: number) {
11 let i = 1n;
12 let x = 3n * 10n ** scalePower;
13 let pi = x;
14 let count = 0;
15 while (x > 0) {
16 x = (x * i) / ((i + 1n) * 4n);
17 pi += x / (i + 2n);
18 i += 2n;
19 if (count++ % yieldEvery === 0) {
20 yield pi;
21 }
22 }
23 }
24}
1import { worker } from 'vovk';
2
3@worker()
4export default class WorkerYieldService {
5 /**
6 * Calculate Pi using a series expansion with BigInt for high precision
7 * @param scalePower - power of 10 to scale the calculations for precision
8 * @param yieldEvery - how often to yield the result
9 */
10 static *approximatePi(scalePower: bigint, yieldEvery: number) {
11 let i = 1n;
12 let x = 3n * 10n ** scalePower;
13 let pi = x;
14 let count = 0;
15 while (x > 0) {
16 x = (x * i) / ((i + 1n) * 4n);
17 pi += x / (i + 2n);
18 i += 2n;
19 if (count++ % yieldEvery === 0) {
20 yield pi;
21 }
22 }
23 }
24}
1import { worker } from 'vovk';
2
3@worker()
4export default class WorkerYieldService {
5 /**
6 * Calculate Pi using a series expansion with BigInt for high precision
7 * @param scalePower - power of 10 to scale the calculations for precision
8 * @param yieldEvery - how often to yield the result
9 */
10 static *approximatePi(scalePower: bigint, yieldEvery: number) {
11 let i = 1n;
12 let x = 3n * 10n ** scalePower;
13 let pi = x;
14 let count = 0;
15 while (x > 0) {
16 x = (x * i) / ((i + 1n) * 4n);
17 pi += x / (i + 2n);
18 i += 2n;
19 if (count++ % yieldEvery === 0) {
20 yield pi;
21 }
22 }
23 }
24}
1'use client';
2import { useCallback, useEffect, useState } from 'react';
3import { WorkerYieldService } from 'vovk-client';
4
5export default function WorkerYieldExample() {
6 const [pi, setPi] = useState(314n);
7
8 const approximatePi = useCallback(async () => {
9 for await (const pi of WorkerYieldService.approximatePi(100_000n, 10_000)) {
10 setPi(pi);
11 }
12 }, []);
13
14 useEffect(() => {
15 WorkerYieldService.use(new Worker(new URL('../../modules/worker-yield/WorkerYieldService.ts', import.meta.url)));
16
17 approximatePi();
18 }, [approximatePi]);
19
20 return <div className="break-all max-h-96 overflow-auto">π = {pi.toString().replace(/^(\d)/, '$1.')}</div>;
21}
1'use client';
2import { useCallback, useEffect, useState } from 'react';
3import { WorkerYieldService } from 'vovk-client';
4
5export default function WorkerYieldExample() {
6 const [pi, setPi] = useState(314n);
7
8 const approximatePi = useCallback(async () => {
9 for await (const pi of WorkerYieldService.approximatePi(100_000n, 10_000)) {
10 setPi(pi);
11 }
12 }, []);
13
14 useEffect(() => {
15 WorkerYieldService.use(new Worker(new URL('../../modules/worker-yield/WorkerYieldService.ts', import.meta.url)));
16
17 approximatePi();
18 }, [approximatePi]);
19
20 return <div className="break-all max-h-96 overflow-auto">π = {pi.toString().replace(/^(\d)/, '$1.')}</div>;
21}
1'use client';
2import { useCallback, useEffect, useState } from 'react';
3import { WorkerYieldService } from 'vovk-client';
4
5export default function WorkerYieldExample() {
6 const [pi, setPi] = useState(314n);
7
8 const approximatePi = useCallback(async () => {
9 for await (const pi of WorkerYieldService.approximatePi(100_000n, 10_000)) {
10 setPi(pi);
11 }
12 }, []);
13
14 useEffect(() => {
15 WorkerYieldService.use(new Worker(new URL('../../modules/worker-yield/WorkerYieldService.ts', import.meta.url)));
16
17 approximatePi();
18 }, [approximatePi]);
19
20 return <div className="break-all max-h-96 overflow-auto">π = {pi.toString().replace(/^(\d)/, '$1.')}</div>;
21}
1'use client';
2import { useCallback, useEffect, useState } from 'react';
3import { WorkerYieldService } from 'vovk-client';
4
5export default function WorkerYieldExample() {
6 const [pi, setPi] = useState(314n);
7
8 const approximatePi = useCallback(async () => {
9 for await (const pi of WorkerYieldService.approximatePi(100_000n, 10_000)) {
10 setPi(pi);
11 }
12 }, []);
13
14 useEffect(() => {
15 WorkerYieldService.use(new Worker(new URL('../../modules/worker-yield/WorkerYieldService.ts', import.meta.url)));
16
17 approximatePi();
18 }, [approximatePi]);
19
20 return <div className="break-all max-h-96 overflow-auto">π = {pi.toString().replace(/^(\d)/, '$1.')}</div>;
21}