@torpor/build 0.1.1 → 0.1.3

package/dist/chunk-V4XTDQEV.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/site/prepareTemplate.ts"],"sourcesContent":["export default function prepareTemplate(template: string, clientScript: string) {\n\tlet contentStart = regexIndexOf(template, /\\<div\\s+id=(\"app\"|'app'|app)\\s+/);\n\tcontentStart = template.indexOf(\">\", contentStart) + 1;\n\tlet contentEnd = template.indexOf(\"</div>\", contentStart);\n\tif (contentStart === -1 || contentEnd === -1) {\n\t\tthrow new Error(`Couldn't find <div id=\"app\"></div>`);\n\t}\n\treturn (\n\t\ttemplate.substring(0, contentStart) +\n\t\t\"%COMPONENT_HTML%\" +\n\t\ttemplate.substring(contentEnd) +\n\t\t`<script type=\"module\" src=\"${clientScript}\"></script>`\n\t);\n}\n\n// From https://stackoverflow.com/a/274094\nfunction regexIndexOf(string: string, regex: RegExp, position?: number) {\n\tvar indexOf = string.substring(position || 0).search(regex);\n\treturn indexOf >= 0 ? indexOf + (position || 0) : indexOf;\n}\n"],"mappings":";AAAe,SAAR,gBAAiC,UAAkB,cAAsB;AAC/E,MAAI,eAAe,aAAa,UAAU,iCAAiC;AAC3E,iBAAe,SAAS,QAAQ,KAAK,YAAY,IAAI;AACrD,MAAI,aAAa,SAAS,QAAQ,UAAU,YAAY;AACxD,MAAI,iBAAiB,MAAM,eAAe,IAAI;AAC7C,UAAM,IAAI,MAAM,oCAAoC;AAAA,EACrD;AACA,SACC,SAAS,UAAU,GAAG,YAAY,IAClC,qBACA,SAAS,UAAU,UAAU,IAC7B,8BAA8B,YAAY;AAE5C;AAGA,SAAS,aAAa,QAAgB,OAAe,UAAmB;AACvE,MAAI,UAAU,OAAO,UAAU,YAAY,CAAC,EAAE,OAAO,KAAK;AAC1D,SAAO,WAAW,IAAI,WAAW,YAAY,KAAK;AACnD;","names":[]}

package/src/adapters/cloudflare/_worker.ts

@@ -1,38 +0,0 @@
-// @ts-ignore
-import Server from "%SERVER_CLASS%";
-// @ts-ignore
-import { load } from "%SERVER_SCRIPT%";
-
-// This file has the above imports replaced and is then compiled to create a Cloudflare Pages Worker
-
-const template = `%HTML_TEMPLATE%`;
-
-// Send all requests through Server to handle middleware, cookies, headers, etc
-const server = new Server();
-server.add("*", async (ev: any) => {
-	try {
-		// Render the app HTML (or fetch server data etc) via serverEntry's
-		// exported `load` function
-		return await load(ev, template);
-	} catch (e: any) {
-		// TODO: Message?
-		console.log("ERROR:", e);
-		return new Response(null, {
-			status: 500,
-		});
-	}
-});
-
-export default {
-	async fetch(request: Request, env: any) {
-		const url = new URL(request.url);
-
-		// Serve dist/client/assets statically
-		if (url.pathname.startsWith("/assets/")) {
-			return env.ASSETS.fetch(request);
-		}
-
-		// Every request (GET, POST, etc) goes through loadEndPoint
-		return await server.fetch(request);
-	},
-};

package/src/adapters/cloudflare/index.ts

@@ -1,98 +0,0 @@
-import { promises as fs } from "node:fs";
-import path from "node:path";
-import { fileURLToPath } from "node:url";
-import { build, defineConfig } from "vite";
-import Site from "../../site/Site";
-import prepareTemplate from "../../site/prepareTemplate";
-import type Adapter from "../../types/Adapter";
-
-const __dirname = path.dirname(fileURLToPath(import.meta.url));
-
-export default {
-	postbuild,
-	serve: (/* server: Server, site: Site*/) => {
-		console.log("TODO");
-	},
-} satisfies Adapter;
-
-async function postbuild(site: Site) {
-	// Build _worker.js as per
-	// https://developers.cloudflare.com/pages/functions/advanced-mode/
-
-	const distFolder = path.resolve(site.root, "dist");
-	const clientFolder = path.join(distFolder, "client");
-	const serverFolder = path.join(distFolder, "server");
-	const tempFolder = path.join(distFolder, "temp");
-	const cloudflareFolder = path.join(distFolder, "cloudflare");
-
-	// Compile _worker.ts
-	let workerFile = path.resolve(__dirname, "../../../src/adapters/cloudflare/_worker.ts");
-	let workerSource = await fs.readFile(workerFile, "utf-8");
-
-	// Find the client script file in /assets
-	let clientScript = (await fs.readdir(path.join(clientFolder, "assets"))).find((f) =>
-		f.startsWith("clientEntry-"),
-	);
-	if (!clientScript) {
-		throw new Error("clientEntry.js not found");
-	}
-	clientScript = `/assets/${clientScript}`;
-
-	// Read and prepare site.html so that we can just splice components into it
-	let siteHtml = path.join(clientFolder, "site.html");
-	let template = await fs.readFile(siteHtml, "utf-8");
-	template = prepareTemplate(template, clientScript);
-
-	const serverClass = path.resolve(__dirname, "../../../src/server/Server.ts");
-	const serverScript = path.join(serverFolder, "serverEntry.js");
-
-	// Splice file names into _worker.ts
-	//let workerSource = await fs.readFile(workerFile, "utf-8");
-	workerSource = workerSource
-		.replace("%SERVER_CLASS%", serverClass)
-		.replace("%SERVER_SCRIPT%", serverScript)
-		.replace("%HTML_TEMPLATE%", template);
-
-	workerFile = path.join(tempFolder, "_worker.ts");
-	await fs.mkdir(tempFolder);
-	await fs.writeFile(workerFile, workerSource);
-
-	await build(
-		defineConfig({
-			build: {
-				outDir: cloudflareFolder,
-				rollupOptions: {
-					input: [workerFile],
-					output: {
-						entryFileNames: `[name].js`,
-						chunkFileNames: `[name].js`,
-						assetFileNames: `[name].[ext]`,
-					},
-					preserveEntrySignatures: "strict",
-				},
-				// HACK: We don't need to minify as the worker isn't downloaded?
-				// And it makes debugging easier
-				minify: false,
-				// HACK: Disable preload so that the _worker.js file doesn't end
-				// up with document and window references that are not available
-				modulePreload: false,
-			},
-		}),
-	);
-	workerFile = path.join(distFolder, "cloudflare", "_worker.js");
-
-	// Build a wrangler.json file for running with `wrangler dev`
-	const wranglerConfig = {
-		name: "torpor-miniflare",
-		main: "cloudflare/_worker.js",
-		compatibility_date: "2025-01-01",
-		assets: {
-			directory: "./client",
-			binding: "ASSETS",
-		},
-	};
-	const wranglerFile = path.join(distFolder, "wrangler.json");
-	await fs.writeFile(wranglerFile, JSON.stringify(wranglerConfig, null, 2).replaceAll("  ", "\t"));
-
-	await fs.rm(tempFolder, { recursive: true });
-}

package/src/adapters/node/constants.ts

@@ -1 +0,0 @@
-export const INTERNAL_BODY = Symbol("internal_body");

package/src/adapters/node/createFetchHandler.ts

@@ -1,29 +0,0 @@
-import { type IncomingMessage, ServerResponse } from "node:http";
-import { Http2ServerRequest, Http2ServerResponse } from "node:http2";
-import { INTERNAL_BODY } from "./constants";
-import nodeMessageToRequest from "./nodeMessageToRequest";
-import responseToNodeResponse from "./responseToNodeResponse";
-
-// From https://gist.github.com/marvinhagemeister/cc236ec97235ce0305ae9d48a24a607d
-// Referenced from https://marvinh.dev/blog/modern-way-to-write-javascript-servers/
-
-const GlobalResponse = Response;
-globalThis.Response = class Response extends GlobalResponse {
-	[INTERNAL_BODY]: BodyInit | null | undefined = null;
-
-	constructor(body?: BodyInit | null, init?: ResponseInit) {
-		super(body, init);
-		this[INTERNAL_BODY] = body;
-	}
-};
-
-export function createFetchHandler(handler: (req: Request) => Response | Promise<Response>) {
-	return async (
-		incoming: IncomingMessage | Http2ServerRequest,
-		outgoing: ServerResponse | Http2ServerResponse,
-	) => {
-		const req = await nodeMessageToRequest(incoming);
-		const res = await handler(req);
-		return await responseToNodeResponse(res, outgoing);
-	};
-}

package/src/adapters/node/createNodeServer.ts

@@ -1,8 +0,0 @@
-import { createServer } from "node:http";
-import { createFetchHandler } from "./createFetchHandler";
-
-export default function createNodeServer(handler: (req: Request) => Response | Promise<Response>) {
-	// Create a server, polyfill it so that it can handle standard fetch methods,
-	// and pass our app fetch method to the handler
-	return createServer(createFetchHandler(handler));
-}

package/src/adapters/node/index.ts

@@ -1,18 +0,0 @@
-import Server from "../../server/Server";
-import type Adapter from "../../types/Adapter";
-import createNodeServer from "./createNodeServer";
-
-export default {
-	serve: (server: Server) => {
-		process.env.PROTOCOL ??= "http:";
-		process.env.HOST ??= "localhost";
-		process.env.PORT ??= "7059";
-
-		// Create the Node server and start listening
-		console.log(`\nConnecting to ${process.env.HOST}:${process.env.PORT}`);
-		const devServer = createNodeServer(server.fetch);
-		devServer.listen(parseInt(process.env.PORT), process.env.HOST, () => {
-			console.log(`Listening on ${process.env.HOST}:${process.env.PORT}\n`);
-		});
-	},
-} satisfies Adapter;

package/src/adapters/node/nodeMessageToRequest.ts

@@ -1,43 +0,0 @@
-import { type IncomingMessage } from "node:http";
-import { Http2ServerRequest } from "node:http2";
-import { Readable } from "node:stream";
-import flattenHeaders from "./flattenHeaders";
-
-// From https://stackoverflow.com/a/78849544
-// and https://gist.github.com/marvinhagemeister/cc236ec97235ce0305ae9d48a24a607d
-
-export default async function nodeMessageToRequest(
-	req: IncomingMessage | Http2ServerRequest,
-): Promise<Request> {
-	// Build the full url
-	let path = req.url;
-	if (path === undefined) {
-		throw new Error(`Empty request URL`);
-	}
-	if (!path.startsWith("/")) {
-		path = "/" + path;
-	}
-	const { host } = req.headers;
-	if (host == undefined) {
-		throw new Error(`Missing "Host" header`);
-	}
-	const protocol = "encrypted" in req.socket && req.socket.encrypted ? "https" : "http";
-	const url = `${protocol}://${host}${path}`;
-
-	// Flatten the headers
-	const headers = flattenHeaders(req.headers);
-
-	// Convert body to Buffer if applicable
-	const body =
-		req.method !== "GET" && req.method !== "HEAD"
-			? (Readable.toWeb(req) as ReadableStream) // await readableToBuffer(req)
-			: null;
-
-	return new Request(url, {
-		method: req.method,
-		headers: headers,
-		body: body,
-		// @ts-ignore this is needed for using a Readable for some reason
-		duplex: "half",
-	});
-}

package/src/adapters/node/responseToNodeResponse.ts

@@ -1,44 +0,0 @@
-import { ServerResponse } from "node:http";
-import { Http2ServerResponse } from "node:http2";
-import { isArrayBufferView } from "node:util/types";
-import { INTERNAL_BODY } from "./constants";
-
-export default async function responseToNodeResponse(
-	res: Response,
-	outgoing: ServerResponse | Http2ServerResponse,
-) {
-	outgoing.statusCode = res.status;
-	outgoing.statusMessage = res.statusText;
-
-	res.headers.forEach((value, key) => {
-		outgoing.setHeader(key, value);
-	});
-
-	const body = (res as any)[INTERNAL_BODY];
-
-	if (body === null || body === undefined) {
-		outgoing.writeHead(res.status, res.statusText);
-		outgoing.end();
-	} else if (typeof body === "string" || body instanceof Uint8Array) {
-		outgoing.writeHead(res.status, res.statusText);
-		outgoing.end(body);
-	} else if (body instanceof Blob) {
-		outgoing.writeHead(res.status, res.statusText);
-		outgoing.end(new Uint8Array(await body.arrayBuffer()));
-	} else if (body instanceof ArrayBuffer) {
-		outgoing.writeHead(res.status, res.statusText);
-		outgoing.end(new Uint8Array(body));
-	} else if (isArrayBufferView(body)) {
-		outgoing.writeHead(res.status, res.statusText);
-		outgoing.end(new Uint8Array(body.buffer));
-	} else if (body instanceof FormData) {
-		// TODO
-		outgoing.setHeader("Content-Type", "application/x-www-form-urlencoded;charset=UTF-8");
-
-		outgoing.writeHead(res.status, res.statusText);
-		outgoing.end();
-	} else {
-		outgoing.writeHead(res.status, res.statusText);
-		outgoing.end();
-	}
-}