create-wirejs-app 2.0.108 → 2.0.110

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "create-wirejs-app",
-	"version": "2.0.108",
+	"version": "2.0.110",
 	"description": "Initializes a wirejs package.",
 	"author": "Jon Wire",
 	"license": "MIT",

package/templates/default/api/package.json

@@ -1,5 +1,5 @@
 {
-	"name": "my-api",
+	"name": "internal-api",
 	"private": "true",
 	"version": "1.0.0",
 	"type": "module",

package/templates/default/gitignore

@@ -6,4 +6,5 @@ src/build_id.json
 api/index.client.js
 api/index.js
 api/dist
+workers/dist
 *.swp

package/templates/default/package.json

@@ -5,24 +5,26 @@
 	"type": "module",
 	"workspaces": [
 		"src",
-		"api"
+		"api",
+		"web-worker"
 	],
 	"dependencies": {
 		"dompurify": "^3.2.3",
 		"marked": "^15.0.6",
 		"wirejs-dom": "^1.0.41",
-		"wirejs-resources": "^0.1.103",
-		"wirejs-components": "^0.1.46"
+		"wirejs-resources": "^0.1.105",
+		"wirejs-components": "^0.1.48",
+		"wirejs-web-worker": "^1.0.2"
 	},
 	"devDependencies": {
-		"wirejs-scripts": "^3.0.101",
+		"wirejs-scripts": "^3.0.103",
 		"typescript": "^5.7.3"
 	},
 	"scripts": {
 		"prebuild": "npm run prebuild --workspaces --if-present",
 		"prestart": "npm run prestart --workspaces --if-present",
-		"start": "wirejs-scripts start",
-		"build": "wirejs-scripts build"
+		"start": "wirejs-scripts ws-run-parallel start",
+		"build": "npm run build --workspaces --if-present"
 	},
 	"engines": {
 		"node": ">=20.0.0"

package/templates/default/src/layouts/main.ts

@@ -1,5 +1,5 @@
 import { html, node, hydrate } from 'wirejs-dom/v2';
-import { auth } from 'my-api';
+import { auth } from 'internal-api';
 import { AccountMenu } from '../components/index.js';
 import type { AuthenticationState } from 'wirejs-resources';
 

package/templates/default/src/package.json

@@ -6,5 +6,9 @@
 	"dependencies": {
 		"wirejs-dom": "*",
 		"my-api": "*"
+	},
+	"scripts": {
+		"build": "cd .. && wirejs-scripts build",
+		"start": "cd .. && wirejs-scripts start"
 	}
 }

package/templates/default/src/ssg/index.ts

@@ -11,6 +11,7 @@ export async function generate() {
 				<li><a href='/todo-app.html'>Todo App</a></li>
 				<li><a href='/simple-wiki/index.html'>Simple Wiki</a></li>
 				<li><a href='/realtime-test.html'>Realtime Test</a></li>
+				<li><a href='/web-worker-test.html'>Web Worker Test</a></li>
 			</ul>
 		</div>`
 	})

package/templates/default/src/ssg/realtime-test.ts

@@ -3,7 +3,7 @@ import DOMPurify from 'dompurify';
 import { html, attribute, hydrate, list, text, id } from 'wirejs-dom/v2';
 import { AuthenticatedContent } from 'wirejs-components';
 import { Main } from '../layouts/main.js';
-import { chat } from 'my-api';
+import { chat } from 'internal-api';
 
 type RoomMessage = {
 	username: string;

package/templates/default/src/ssg/todo-app.ts

@@ -1,6 +1,6 @@
 import { html, list, attribute, hydrate } from 'wirejs-dom/v2';
 import { AuthenticatedContent } from 'wirejs-components';
-import { todos, Todo } from 'my-api';
+import { todos, Todo } from 'internal-api';
 import { Main } from '../layouts/main.js';
 
 function Todos() {

package/templates/default/src/ssg/web-worker-test.ts

@@ -0,0 +1,25 @@
+import { html, hydrate, text } from 'wirejs-dom/v2';
+import { Main } from '../layouts/main.js';
+import { worker } from 'web-worker';
+
+async function App() {
+	return html`<div id='app'>
+		<h4>Web Worker Demo</h4>
+		<div>${text('status', '...')}</div>
+		<div>Web Worker output: ${text('output', '...')}</div>
+	</div>`.onadd(async self => {
+		console.log('starting web worker');
+		self.data.output = (await worker.count(256_000_000, {
+			tick: pct => self.data.status = `${Math.floor(pct * 100)} % complete.`
+		})).toString();
+	});
+}
+
+export async function generate() {
+	return Main({
+		pageTitle: 'Welcome!',
+		content: await App()
+	})
+}
+
+hydrate('app', App as any);

package/templates/default/src/ssr/simple-wiki/%.ts

@@ -2,7 +2,7 @@ import { marked } from 'marked';
 import DOMPurify from 'dompurify';
 import { html, id, hydrate, node, } from 'wirejs-dom/v2';
 import type { AuthenticationMachineState, Context } from 'wirejs-resources';
-import { auth, wiki } from 'my-api';
+import { auth, wiki } from 'internal-api';
 import { AuthMonitor } from 'wirejs-components/utils';
 import { Main } from '../../layouts/main.js';
 

package/templates/default/web-worker/package.json

@@ -0,0 +1,13 @@
+{
+	"name": "web-worker",
+	"private": true,
+	"type": "module",
+	"exports": {
+		"types": "./src/index.ts",
+		"default": "./dist/index.js"
+	},
+	"scripts": {
+		"prebuild": "wirejs-web-worker-build",
+		"start": "wirejs-scripts watch src npm run prebuild"
+	}
+}

package/templates/default/web-worker/src/index.ts

@@ -0,0 +1,22 @@
+import { SingleWorker } from 'wirejs-web-worker';
+
+export const worker = SingleWorker({
+	async count(
+		upTo: number,
+		options?: { tick?: (pct: number) => void }
+	) {
+		let lastUpdate = new Date();
+		options?.tick?.(0);
+		let c = 0;
+		for (let i = 0; i < upTo; i++) {
+			let current = new Date();
+			if (current.getTime() - lastUpdate.getTime() > 50) {
+				options?.tick?.(i / upTo);
+				lastUpdate = current;
+			}
+			c++;
+		}
+		options?.tick?.(1);
+		return c;
+	}
+});