@kaathewise/ssg 0.5.2 → 0.6.0

package/dist/build.d.ts

@@ -0,0 +1,3 @@
+import type { Config } from "./config.ts";
+export declare function build(config: Config): Promise<void>;
+//# sourceMappingURL=build.d.ts.map

package/dist/build.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"build.d.ts","sourceRoot":"","sources":["../src/build.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAKzC,wBAAsB,KAAK,CAAC,MAAM,EAAE,MAAM,iBA4BzC"}

package/dist/build.js

@@ -0,0 +1,31 @@
+import * as fs from "node:fs/promises";
+import * as path from "node:path";
+import { Glob, write } from "bun";
+import { renderAll } from "./render.js";
+const glob = new Glob("**/*.{js,jsx,ts,tsx}");
+export async function build(config) {
+    const pages = [];
+    for await (const relPath of glob.scan(config.pagesDir)) {
+        const modulePath = path.join(config.pagesDir, relPath);
+        const p = await renderAll(modulePath, config.pagesDir);
+        pages.push(...p);
+    }
+    await fs.rm(config.outputDir, { recursive: true, force: true });
+    await fs.mkdir(config.outputDir);
+    for (const page of pages) {
+        const destPath = path.join(config.outputDir, page.path);
+        const dir = path.dirname(destPath);
+        if (!(await fs.exists(dir))) {
+            await fs.mkdir(path.dirname(destPath), {
+                recursive: true,
+            });
+        }
+        const file = Bun.file(destPath);
+        await write(file, page.src);
+    }
+    if (config.assetDir) {
+        await fs.cp(config.assetDir, config.outputDir, {
+            recursive: true,
+        });
+    }
+}

package/dist/config.d.ts

@@ -0,0 +1,15 @@
+export type Config = {
+    pagesDir: string;
+    sourceDir: string;
+    assetDir?: string;
+    outputDir: string;
+    port: number;
+};
+export declare function defineConfig(options: {
+    pagesDir: string;
+    sourceDir: string;
+    assetDir?: string;
+    outputDir?: string;
+    port?: number;
+}): Config;
+//# sourceMappingURL=config.d.ts.map

package/dist/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AAKA,MAAM,MAAM,MAAM,GAAG;IACpB,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,wBAAgB,YAAY,CAAC,OAAO,EAAE;IACrC,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;CACb,UAaA"}

package/dist/config.js

@@ -0,0 +1,15 @@
+import * as path from "node:path";
+const OUTPUT_DIR = "dist/";
+const DEFAULT_PORT = 3001;
+export function defineConfig(options) {
+    const config = {
+        pagesDir: path.resolve(options.pagesDir),
+        sourceDir: path.resolve(options.sourceDir),
+        outputDir: path.resolve(options.outputDir ?? OUTPUT_DIR),
+        port: options.port ?? DEFAULT_PORT,
+    };
+    if (options.assetDir) {
+        config.assetDir = path.resolve(options.assetDir);
+    }
+    return config;
+}

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export { build } from "./build.ts";
+export { type Config, defineConfig } from "./config.ts";
+export { serve } from "./server.ts";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,KAAK,MAAM,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA"}

package/dist/index.js

@@ -0,0 +1,3 @@
+export { build } from "./build.js";
+export { defineConfig } from "./config.js";
+export { serve } from "./server.js";

package/dist/render.d.ts

@@ -0,0 +1,12 @@
+interface Params {
+    [name: string]: string;
+}
+export type Page = {
+    path: string;
+    src: string;
+    contentType: string | null;
+};
+export declare function render(modulePath: string, pagesDir: string, params?: Params): Promise<Page>;
+export declare function renderAll(modulePath: string, pagesDir: string): Promise<Page[]>;
+export {};
+//# sourceMappingURL=render.d.ts.map

package/dist/render.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../src/render.ts"],"names":[],"mappings":"AAEA,UAAU,MAAM;IACf,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAAA;CACtB;AAED,MAAM,MAAM,IAAI,GAAG;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,EAAE,MAAM,CAAA;IACX,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;CAC1B,CAAA;AAED,wBAAsB,MAAM,CAC3B,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,MAAM,EAChB,MAAM,GAAE,MAAW,GACjB,OAAO,CAAC,IAAI,CAAC,CAiCf;AAED,wBAAsB,SAAS,CAC9B,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,MAAM,GACd,OAAO,CAAC,IAAI,EAAE,CAAC,CAgBjB"}

package/dist/render.js

@@ -0,0 +1,63 @@
+var __rewriteRelativeImportExtension = (this && this.__rewriteRelativeImportExtension) || function (path, preserveJsx) {
+    if (typeof path === "string" && /^\.\.?\//.test(path)) {
+        return path.replace(/\.(tsx)$|((?:\.d)?)((?:\.[^./]+?)?)\.([cm]?)ts$/i, function (m, tsx, d, ext, cm) {
+            return tsx ? preserveJsx ? ".jsx" : ".js" : d && (!ext || !cm) ? m : (d + ext + "." + cm.toLowerCase() + "js");
+        });
+    }
+    return path;
+};
+import * as path from "node:path";
+export async function render(modulePath, pagesDir, params = {}) {
+    const module = await import(__rewriteRelativeImportExtension(modulePath));
+    let contentType = null;
+    if ("getContentType" in module) {
+        contentType = module.getContentType();
+    }
+    const def = module.default;
+    let src;
+    switch (typeof def) {
+        case "string": {
+            src = def;
+            break;
+        }
+        case "function": {
+            src = await def(params);
+            break;
+        }
+        default: {
+            throw "Not implemented";
+        }
+    }
+    let pagePath = path.relative(pagesDir, modulePath);
+    pagePath = substituteParams(pagePath, params);
+    pagePath = pagePath.replace(/\.tsx?$/, "");
+    if (pagePath.endsWith("index")) {
+        pagePath += ".html";
+    }
+    return { path: pagePath, src, contentType };
+}
+export async function renderAll(modulePath, pagesDir) {
+    const module = await import(__rewriteRelativeImportExtension(modulePath));
+    const out = [];
+    if ("getStaticParams" in module) {
+        const paramsList = await module.getStaticParams();
+        for (const params of paramsList) {
+            out.push(await render(modulePath, pagesDir, params));
+        }
+    }
+    else {
+        out.push(await render(modulePath, pagesDir));
+    }
+    return out;
+}
+function substituteParams(inputPath, params) {
+    let path = inputPath;
+    for (const [key, value] of Object.entries(params)) {
+        const single = `[${key}]`;
+        const multiple = `[[...${key}]]`;
+        path = path.replace(single, value);
+        path = path.replace(multiple, value);
+    }
+    path = path.replace(/\.tsx?$/, "");
+    return path;
+}

package/dist/run.d.ts

@@ -0,0 +1,3 @@
+#!/usr/bin/env bun
+export {};
+//# sourceMappingURL=run.d.ts.map

package/dist/run.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"run.d.ts","sourceRoot":"","sources":["../src/run.ts"],"names":[],"mappings":""}

package/dist/run.js

@@ -0,0 +1,45 @@
+#!/usr/bin/env bun
+var __rewriteRelativeImportExtension = (this && this.__rewriteRelativeImportExtension) || function (path, preserveJsx) {
+    if (typeof path === "string" && /^\.\.?\//.test(path)) {
+        return path.replace(/\.(tsx)$|((?:\.d)?)((?:\.[^./]+?)?)\.([cm]?)ts$/i, function (m, tsx, d, ext, cm) {
+            return tsx ? preserveJsx ? ".jsx" : ".js" : d && (!ext || !cm) ? m : (d + ext + "." + cm.toLowerCase() + "js");
+        });
+    }
+    return path;
+};
+import * as fs from "node:fs/promises";
+import * as path from "node:path";
+import { build, serve } from "./index.js";
+const CONFIG_PATH = "ssg.config.ts";
+const HELP = `Usage: ssg <command>
+
+Commands:
+    build:              build the website
+    dev:                start a hot-reloading development server
+`;
+const args = process.argv.slice(2);
+const configPath = path.resolve(CONFIG_PATH);
+if (!(await fs.exists(configPath))) {
+    console.warn("Configuration file not found");
+    process.exit(10);
+}
+const configModule = await import(__rewriteRelativeImportExtension(configPath));
+const config = configModule.default;
+switch (args[0]) {
+    case "build": {
+        await build(config);
+        break;
+    }
+    case "dev": {
+        await serve(config);
+        break;
+    }
+    case undefined: {
+        console.log(HELP);
+        break;
+    }
+    default: {
+        console.log(`The command must be either 'build' or 'dev', got ${args[0]}`);
+        process.exit(11);
+    }
+}

package/dist/server.d.ts

@@ -0,0 +1,3 @@
+import type { Config } from "./config.ts";
+export declare function serve(config: Config): Promise<void>;
+//# sourceMappingURL=server.d.ts.map

package/dist/server.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../src/server.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAKzC,wBAAsB,KAAK,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CA+CzD"}

package/dist/server.js

@@ -0,0 +1,113 @@
+import * as fs from "node:fs/promises";
+import { watch } from "node:fs/promises";
+import * as path from "node:path";
+import { render } from "./render.js";
+const EVENT_PATH = "/__ssg_dev_sse";
+export async function serve(config) {
+    const clients = new Set();
+    const router = new Bun.FileSystemRouter({
+        style: "nextjs",
+        dir: config.pagesDir,
+    });
+    Bun.serve({
+        port: config.port,
+        // for SSE
+        idleTimeout: 0,
+        fetch: async (request) => {
+            const url = new URL(request.url);
+            if (url.pathname === EVENT_PATH) {
+                return createStream(request, clients);
+            }
+            const route = router.match(url.href);
+            if (route) {
+                return createHtml(config.pagesDir, route);
+            }
+            const asset = await fetchStaticFile(url, config.assetDir);
+            if (asset) {
+                return asset;
+            }
+            console.warn(`Path '${url.pathname}' not found`);
+            return new Response("Page or file not found", {
+                status: 404,
+            });
+        },
+    });
+    console.log(`Listening on :${config.port}`);
+    const watcher = watch(config.sourceDir, { recursive: true });
+    for await (const _ of watcher) {
+        router.reload();
+        clearCache(config.sourceDir);
+        for (const client of clients) {
+            client.enqueue("data: RELOAD\n\n");
+        }
+    }
+}
+function createStream(request, clients) {
+    const stream = new ReadableStream({
+        start(controller) {
+            clients.add(controller);
+            // workaround because @ts-expect-error doesn't fail for
+            // aspartik/website for some reason, breaking the check.
+            // biome-ignore lint/suspicious/noExplicitAny: above
+            const signal = request.signal;
+            signal.addEventListener("abort", () => {
+                controller.close();
+                clients.delete(controller);
+            });
+        },
+    });
+    return new Response(stream, {
+        headers: {
+            "Content-Type": "text/event-stream",
+            "Cache-Control": "no-cache",
+        },
+    });
+}
+async function fetchStaticFile(url, assetDir) {
+    if (!assetDir) {
+        return null;
+    }
+    let assetPath = path.join(assetDir, url.pathname.slice(1));
+    assetPath = path.resolve(assetPath);
+    if (!assetPath.startsWith(assetDir)) {
+        return new Response("Tried to get a file outside of the asset directory", { status: 403 });
+    }
+    const exists = await fs.exists(assetPath);
+    if (!exists) {
+        return null;
+    }
+    return new Response(Bun.file(assetPath));
+}
+const RELOAD_SCRIPT = `
+<script type="module">
+	const sse = new EventSource("${EVENT_PATH}");
+	sse.onmessage = function(msg) {
+		if (msg.data === "RELOAD") {
+			location.reload()
+		}
+	}
+	window.addEventListener("beforeunload", () => sse.close())
+</script>
+`;
+async function createHtml(pagesDir, route) {
+    const page = await render(route.filePath, pagesDir, route.params);
+    const response = new Response(page.src, {
+        headers: {
+            "Content-Type": page.contentType ?? "text/html",
+        },
+    });
+    return new HTMLRewriter()
+        .onDocument({
+        end: (el) => {
+            el.append(RELOAD_SCRIPT, { html: true });
+        },
+    })
+        .transform(response);
+}
+function clearCache(prefix) {
+    for (const path in import.meta.require.cache) {
+        if (path.startsWith(prefix)) {
+            delete import.meta.require.cache[path];
+        }
+    }
+}

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@kaathewise/ssg",
-	"description": "Bun & JSX static site generator",
-	"version": "0.5.2",
+	"description": "JSX static site generator",
+	"version": "0.6.0",
 	"license": "MPL-2.0",
 	"author": "Andrej Kolčin",
 	"type": "module",
@@ -10,14 +10,15 @@
 		"url": "git+https://github.com/kaathewisegit/ssg.git"
 	},
 	"scripts": {
-		"check": "biome check && tsc --noEmit"
+		"check": "biome check && tsc --noEmit",
+		"build": "tsc --project tsconfig.build.json"
 	},
-	"main": "src/index.ts",
+	"main": "dist/index.ts",
 	"bin": {
 		"ssg": "src/run.ts"
 	},
 	"files": [
-		"src"
+		"dist"
 	],
 	"devDependencies": {
 		"@biomejs/biome": "^2.2.3",

package/src/run.ts

@@ -2,7 +2,7 @@
 
 import * as fs from "node:fs/promises"
 import * as path from "node:path"
-import { build, type Config, serve } from "./index"
+import { build, type Config, serve } from "./index.ts"
 
 const CONFIG_PATH = "ssg.config.ts"
 const HELP = `Usage: ssg <command>

package/src/build.ts

@@ -1,37 +0,0 @@
-import * as fs from "node:fs/promises"
-import * as path from "node:path"
-import { Glob, write } from "bun"
-import type { Config } from "./config"
-import { type Page, renderAll } from "./render"
-
-const glob = new Glob("**/*.{js,jsx,ts,tsx}")
-
-export async function build(config: Config) {
-	const pages: Page[] = []
-	for await (const relPath of glob.scan(config.pagesDir)) {
-		const modulePath = path.join(config.pagesDir, relPath)
-		const p = await renderAll(modulePath, config.pagesDir)
-		pages.push(...p)
-	}
-
-	await fs.rm(config.outputDir, { recursive: true, force: true })
-	await fs.mkdir(config.outputDir)
-
-	for (const page of pages) {
-		const destPath = path.join(config.outputDir, page.path)
-		const dir = path.dirname(destPath)
-		if (!(await fs.exists(dir))) {
-			await fs.mkdir(path.dirname(destPath), {
-				recursive: true,
-			})
-		}
-		const file = Bun.file(destPath)
-		await write(file, page.src)
-	}
-
-	if (config.assetDir) {
-		await fs.cp(config.assetDir, config.outputDir, {
-			recursive: true,
-		})
-	}
-}

package/src/config.ts

@@ -1,33 +0,0 @@
-import * as path from "node:path"
-
-const OUTPUT_DIR = "dist/"
-const DEFAULT_PORT = 3001
-
-export type Config = {
-	pagesDir: string
-	sourceDir: string
-	assetDir?: string
-	outputDir: string
-	port: number
-}
-
-export function defineConfig(options: {
-	pagesDir: string
-	sourceDir: string
-	assetDir?: string
-	outputDir?: string
-	port?: number
-}) {
-	const config = {
-		pagesDir: path.resolve(options.pagesDir),
-		sourceDir: path.resolve(options.sourceDir),
-		outputDir: path.resolve(options.outputDir ?? OUTPUT_DIR),
-		port: options.port ?? DEFAULT_PORT,
-	} as Config
-
-	if (options.assetDir) {
-		config.assetDir = path.resolve(options.assetDir)
-	}
-
-	return config
-}

package/src/index.ts

@@ -1,3 +0,0 @@
-export { build } from "./build"
-export { type Config, defineConfig } from "./config"
-export { serve } from "./server"

package/src/render.ts

@@ -1,86 +0,0 @@
-import * as path from "node:path"
-
-interface Params {
-	[name: string]: string
-}
-
-export type Page = {
-	path: string
-	src: string
-	contentType: string | null
-}
-
-export async function render(
-	modulePath: string,
-	pagesDir: string,
-	params: Params = {},
-): Promise<Page> {
-	const module = await import(modulePath)
-
-	let contentType = null
-	if ("getContentType" in module) {
-		contentType = module.getContentType()
-	}
-
-	const def = module.default
-
-	let src: string
-	switch (typeof def) {
-		case "string": {
-			src = def
-			break
-		}
-		case "function": {
-			src = await def(params)
-			break
-		}
-		default: {
-			throw "Not implemented"
-		}
-	}
-
-	let pagePath = path.relative(pagesDir, modulePath)
-	pagePath = substituteParams(pagePath, params)
-	pagePath = pagePath.replace(/\.tsx?$/, "")
-	if (pagePath.endsWith("index")) {
-		pagePath += ".html"
-	}
-
-	return { path: pagePath, src, contentType }
-}
-
-export async function renderAll(
-	modulePath: string,
-	pagesDir: string,
-): Promise<Page[]> {
-	const module = await import(modulePath)
-
-	const out: Page[] = []
-
-	if ("getStaticParams" in module) {
-		const paramsList: Params[] = await module.getStaticParams()
-
-		for (const params of paramsList) {
-			out.push(await render(modulePath, pagesDir, params))
-		}
-	} else {
-		out.push(await render(modulePath, pagesDir))
-	}
-
-	return out
-}
-
-function substituteParams(inputPath: string, params: Params): string {
-	let path = inputPath
-	for (const [key, value] of Object.entries(params)) {
-		const single = `[${key}]`
-		const multiple = `[[...${key}]]`
-
-		path = path.replace(single, value)
-		path = path.replace(multiple, value)
-	}
-
-	path = path.replace(/\.tsx?$/, "")
-
-	return path
-}

package/src/server.ts

@@ -1,151 +0,0 @@
-import * as fs from "node:fs/promises"
-import { watch } from "node:fs/promises"
-import * as path from "node:path"
-import type { ReadableStreamDefaultController } from "node:stream/web"
-import type { MatchedRoute } from "bun"
-import type { Config } from "./config"
-import { render } from "./render"
-
-const EVENT_PATH = "/__ssg_dev_sse"
-
-export async function serve(config: Config): Promise<void> {
-	const clients = new Set<ReadableStreamDefaultController>()
-	const router = new Bun.FileSystemRouter({
-		style: "nextjs",
-		dir: config.pagesDir,
-	})
-
-	Bun.serve({
-		port: config.port,
-		// for SSE
-		idleTimeout: 0,
-
-		fetch: async request => {
-			const url = new URL(request.url)
-			if (url.pathname === EVENT_PATH) {
-				return createStream(request, clients)
-			}
-
-			const route = router.match(url.href)
-			if (route) {
-				return createHtml(config.pagesDir, route)
-			}
-
-			const asset = await fetchStaticFile(
-				url,
-				config.assetDir,
-			)
-			if (asset) {
-				return asset
-			}
-
-			console.warn(`Path '${url.pathname}' not found`)
-			return new Response("Page or file not found", {
-				status: 404,
-			})
-		},
-	})
-	console.log(`Listening on :${config.port}`)
-
-	const watcher = watch(config.sourceDir, { recursive: true })
-	for await (const _ of watcher) {
-		router.reload()
-		clearCache(config.sourceDir)
-		for (const client of clients) {
-			client.enqueue("data: RELOAD\n\n")
-		}
-	}
-}
-
-function createStream(
-	request: Request,
-	clients: Set<ReadableStreamDefaultController>,
-) {
-	const stream = new ReadableStream({
-		start(controller): void {
-			clients.add(controller)
-
-			// workaround because @ts-expect-error doesn't fail for
-			// aspartik/website for some reason, breaking the check.
-			// biome-ignore lint/suspicious/noExplicitAny: above
-			const signal = request.signal as any
-			signal.addEventListener("abort", () => {
-				controller.close()
-				clients.delete(controller)
-			})
-		},
-	})
-
-	return new Response(stream, {
-		headers: {
-			"Content-Type": "text/event-stream",
-			"Cache-Control": "no-cache",
-		},
-	})
-}
-
-async function fetchStaticFile(
-	url: URL,
-	assetDir?: string,
-): Promise<Response | null> {
-	if (!assetDir) {
-		return null
-	}
-
-	let assetPath = path.join(assetDir, url.pathname.slice(1))
-	assetPath = path.resolve(assetPath)
-	if (!assetPath.startsWith(assetDir)) {
-		return new Response(
-			"Tried to get a file outside of the asset directory",
-			{ status: 403 },
-		)
-	}
-
-	const exists = await fs.exists(assetPath)
-	if (!exists) {
-		return null
-	}
-
-	return new Response(Bun.file(assetPath))
-}
-
-const RELOAD_SCRIPT = `
-<script type="module">
-	const sse = new EventSource("${EVENT_PATH}");
-	sse.onmessage = function(msg) {
-		if (msg.data === "RELOAD") {
-			location.reload()
-		}
-	}
-	window.addEventListener("beforeunload", () => sse.close())
-</script>
-`
-
-async function createHtml(
-	pagesDir: string,
-	route: MatchedRoute,
-): Promise<Response> {
-	const page = await render(route.filePath, pagesDir, route.params)
-
-	const response = new Response(page.src, {
-		headers: {
-			"Content-Type": page.contentType ?? "text/html",
-		},
-	})
-
-	return new HTMLRewriter()
-		.onDocument({
-			end: (el): void => {
-				el.append(RELOAD_SCRIPT, { html: true })
-			},
-		})
-		.transform(response)
-}
-
-function clearCache(prefix: string) {
-	for (const path in import.meta.require.cache) {
-		if (path.startsWith(prefix)) {
-			delete import.meta.require.cache[path]
-		}
-	}
-}