Fix README.md

README.md

@@ -1,6 +1,6 @@
 # Example: Threads
 
-This repository demonstrates **Single-Threading** and **Multi-Threading**.
+This repository demonstrates the concepts of **Single-Threading** and **Multi-Threading** based on [DATEX](https://datex.unyt.org) on the example of calculating the digits of PI and creating a [TOR vanity address](https://community.torproject.org/onion-services/advanced/vanity-addresses/).
 
 
 ## Installation
@@ -19,15 +19,15 @@ This repository demonstrates **Single-Threading** and **Multi-Threading**.
 
 ## Structure
 This diagram outlines the UIX default project structure.
-We split our code base in [back-end](https://unyt.org/glossary#back-end), [front-end](https://unyt.org/glossary#front-end), and commons folder.
 ```
 .
 └── example-website-screenshot/
     ├── common/
     │   ├── compoments/
     │   │   ├── MainPage.scss   // Main style declaration
     │   │   └── MainPage.tsx    // Main component
-    │   └── Worker.ts           // Worker
+    │   ├── PI-Worker.ts        // Worker for PI calculation
+    │   └── TOR-Worker.ts       // Worker for TOR address gen
     ├── frontend/
     │   ├── entrypoint.css      // Front-end style declaration
     │   └── entrypoint.tsx      // Front-end entrypoint
@@ -37,14 +37,13 @@ We split our code base in [back-end](https://unyt.org/glossary#back-end), [front
 
 ## Features
 * Threading
+* Multiple threads
+* Disposing of threads
 
 ## Preview
 <img src=".github/screenshot.png" width="400">
 
 
-## Explanation
-*TODO*
-
 ---
 
 <sub>&copy; unyt 2023 • [unyt.org](https://unyt.org)</sub>

common/Worker.ts → common/PI-Worker.ts

@@ -1,7 +1,3 @@
-export function heavyCalculation(x: number, y:number) {
-	return x + y
-}
-export const pi = $$('');
 export function* generateDigitsOfPi() {
 	let q = 1n;
 	let r = 180n;

common/components/MainPage.scss

@@ -25,6 +25,7 @@
 			padding-bottom: 30px;
 			&>input {
 				flex: 1;
+				padding: 20px;
 				border-radius: 10px;
 				max-width: 300px;
 				background-color: transparent;

common/components/MainPage.tsx

@@ -29,7 +29,7 @@ export class MainPage extends UIX.BaseComponent {
 			return;
 		parent.classList.add("hidden");
 
-		const threads = await spawnThreads<typeof import('../TOR.ts')>(new Path('../TOR.ts'), 10);
+		const threads = await spawnThreads<typeof import('../TOR-Worker.ts')>(new Path('../TOR-Worker.ts'), 10);
 		const calculations = threads.map(thread => thread.generateVanityAddress(this.torAddress.value));
 		const result = await Promise.any(calculations);
 		console.log("Found address", result);
@@ -49,7 +49,7 @@ export class MainPage extends UIX.BaseComponent {
 			return;
 		parent.classList.add("hidden");
 
-		const thread = await spawnThread<typeof import('../Worker.ts')>(new Path('../Worker.ts'));
+		const thread = await spawnThread<typeof import('../PI-Worker.ts')>(new Path('../PI-Worker.ts'));
 		const pi = await thread.calculatePI(+this.inputPiDigits.value || 10);
 		parent.querySelector("section")!.prepend(<span>{pi}</span>)
 		parent.classList.remove("hidden");