0.13 (#23)

* test * test * test * test * test * better error handling * rm error * test * redeploy * test * test * perf * update deps * preview static html files * improve static file serving * rm isr * deploy * test * isr * doc/format * rm isr * styles * docs
rossrobino · Sep 18, 2024 · a5f23e7 · a5f23e7
1 parent f721ce8
commit a5f23e7
Show file tree

Hide file tree

Showing 122 changed files with 2,542 additions and 3,489 deletions.
diff --git a/.changeset/pretty-meals-buy.md b/.changeset/pretty-meals-buy.md
@@ -2,4 +2,68 @@
 "domco": minor
 ---
 
-rm default immutable headers - leave to adapters instead
+Server framework agnostic
+
+This project had a lot of overlap with HonoX, HonoX should be the default if you are wanting all of the features Hono provides like client components. This update removes the dependency on Hono and making the library framework agnostic. Hono can still be easily used with domco (see below).
+
+This makes domco have no dependencies other than Vite. You can now build your app with vanilla JS without any external libraries. You can now use any server framework like Hono that provides a function that handles a web `Request` and returns a `Response`. This update also simplifies domco's API and refactors much of the codebase to make it smaller and builds faster.
+
+## Overview of Changes
+
+- `+server` renamed to `+app`
+- `+client` renamed to `+script`
+- Instead of exporting the `app` as the default export, you now must export `app.fetch` as a named `handler` export.
+- Removes `page`, `client`, and `server` context variables.
+- `page` is replaced with the `client:page` virtual module.
+- `script` is replaced with the `client:script` virtual module.
+- The `server` context variable is removed. This is better handled by the user - perhaps with libraries like `ofetch`.
+- The `tags` imported from `client:script` are now just strings, so you'll need to pass them through `hono/html` - `raw` function to pass them into a JSX template if you were using them directly in Hono.
+- Multiple `+server` entry points are removed in favor of just one `src/server/+app` entry. Note this is located within `src/server/` now instead of directly in `src/`.
+- Removes `+setup` - since domco no longer mounts routes, user can control the entire lifecycle through the `handler`.
+- Removes default immutable headers - leave to adapters instead.
+- Import `handler` from `dist/server/app.js` instead of the `createApp` export.
+- Script entry points are no longer automatically injected into pages in the same directory.
+- Static pages must be prerendered, nothing from `src/client/` is included in the app if not imported into the server entry.
+- d.ts changes - instead of adding the context variable map, you now just need to add types for the virtual modules from `domco/env`.
+
+```ts
+/// <reference types="vite/client" />
+/// <reference types="domco/env" />
+```
+
+## Examples
+
+### Vanilla
+
+```ts
+import { html } from "client:page";
+import type { Handler } from "domco";
+
+export const handler: Handler = (req) => {
+	const { pathname } = new URL(req.url);
+
+	if (pathname === "/") {
+		return new Response(html, {
+			headers: {
+				"Content-Type": "text/html",
+			},
+		});
+	}
+
+	return new Response("Not found", { status: 404 });
+};
+```
+
+### Hono - Migrate from 0.12
+
+```ts
+// src/server/+app.ts
+import { html } from "client:page";
+import { Hono } from "hono";
+
+const app = new Hono();
+
+app.use((c) => c.html(html));
+
+export const handler = app.fetch;
+```
diff --git a/.changeset/swift-llamas-jam.md b/.changeset/swift-llamas-jam.md
@@ -0,0 +1,5 @@
+---
+"create-domco": minor
+---
+
+Updates template to 0.13
diff --git a/apps/cloudflare/src/+client.ts b/apps/cloudflare/src/+client.ts
diff --git a/apps/cloudflare/src/+server.ts b/apps/cloudflare/src/+server.ts
diff --git a/apps/cloudflare/src/+page.html → apps/cloudflare/src/client/+page.html b/apps/cloudflare/src/+page.html → apps/cloudflare/src/client/+page.html
@@ -4,17 +4,14 @@
 		<meta charset="UTF-8" />
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 		<link rel="icon" type="image/svg+xml" href="/vite.svg" />
-		<link rel="stylesheet" href="/style.css" />
+		<link rel="stylesheet" href="/client/style.css" />
 		<title>Cloudflare Tester</title>
 		<meta name="description" content="Description" />
 	</head>
 	<body>
 		<header></header>
 		<main>
 			<h1>Hello Cloudflare</h1>
-			<p>
-				<a href="/static">Static</a>
-			</p>
 		</main>
 		<footer></footer>
 	</body>

diff --git a/apps/cloudflare/src/style.css → apps/cloudflare/src/client/style.css b/apps/cloudflare/src/style.css → apps/cloudflare/src/client/style.css
diff --git a/apps/cloudflare/src/env.d.ts b/apps/cloudflare/src/env.d.ts
@@ -0,0 +1,2 @@
+/// <reference types="vite/client" />
+/// <reference types="domco/env" />
diff --git a/apps/cloudflare/src/global.d.ts b/apps/cloudflare/src/global.d.ts
diff --git a/apps/cloudflare/src/server/+app.ts b/apps/cloudflare/src/server/+app.ts
@@ -0,0 +1,16 @@
+import { html } from "client:page";
+import type { Handler } from "domco";
+
+export const handler: Handler = (req) => {
+	const { pathname } = new URL(req.url);
+
+	if (pathname === "/") {
+		return new Response(html, {
+			headers: {
+				"Content-Type": "text/html",
+			},
+		});
+	}
+
+	return new Response("Not found", { status: 404 });
+};
diff --git a/apps/cloudflare/src/static/+page.html b/apps/cloudflare/src/static/+page.html
diff --git a/apps/cloudflare/tsconfig.json b/apps/cloudflare/tsconfig.json
@@ -1,9 +1,6 @@
 {
 	"extends": "@robino/tsconfig/bundler.json",
 	"compilerOptions": {
-		"jsx": "react-jsx",
-		"jsxImportSource": "hono/jsx",
-
 		"paths": {
 			"@": ["./src"],
 			"@/*": ["./src/*"]

diff --git a/apps/docs/package.json b/apps/docs/package.json
@@ -13,7 +13,7 @@
 		"autoprefixer": "^10.4.20",
 		"domco": "*",
 		"drab": "^5.4.2",
-		"tailwindcss": "^3.4.10",
+		"tailwindcss": "^3.4.12",
 		"uico": "^0.3.1"
 	}
 }
diff --git a/apps/docs/src/+client.ts → apps/docs/src/client/+script.ts b/apps/docs/src/+client.ts → apps/docs/src/client/+script.ts
@@ -1,4 +1,4 @@
-import "@/style.css";
+import "@/client/tailwind.css";
 import "drab/details/define";
 import "drab/dialog/define";
 import "drab/prefetch/define";

diff --git a/apps/docs/src/lib/docs/+client.ts → apps/docs/src/client/docs/+script.ts b/apps/docs/src/lib/docs/+client.ts → apps/docs/src/client/docs/+script.ts
@@ -16,7 +16,6 @@ headings.forEach((heading) => {
 	} else {
 		link.classList.add("text-muted-foreground");
 		const last = tableOfContents.querySelector(".level-2:last-child");
-		console.log(last);
 
 		let nestedUl = last?.querySelector("ul");
 		if (!nestedUl) {

diff --git a/apps/docs/src/style.css → apps/docs/src/client/tailwind.css b/apps/docs/src/style.css → apps/docs/src/client/tailwind.css
diff --git a/apps/docs/src/content/_preview.md b/apps/docs/src/content/_preview.md
diff --git a/apps/docs/src/content/migrate.md b/apps/docs/src/content/migrate.md
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		/// <reference types="vite/client" />
		/// <reference types="domco/env" />