htmx-router 1.0.0-alpha.6 → 1.0.0-pre2

package/example/island-react/server.js

@@ -1,58 +0,0 @@
-import { createRequestHandler } from 'htmx-router';
-import { renderToString } from 'react-dom/server';
-import express from 'express';
-import morgan from "morgan";
-
-const port = process.env.PORT || 5173;
-const app = express();
-
-
-const viteDevServer =
-	process.env.NODE_ENV === "production"
-		? null
-		: await import("vite").then((vite) =>
-				vite.createServer({
-					server: { middlewareMode: true },
-					appType: 'custom'
-				})
-			);
-
-app.use(
-	viteDevServer
-		? viteDevServer.middlewares
-		: express.static("./dist/client")
-);
-
-// logging
-app.use(morgan("tiny"));
-
-const build = viteDevServer
-	? () => viteDevServer.ssrLoadModule('./app/entry.server.ts')
-	: await import('./dist/server/entry.server.js');
-
-app.use('*', createRequestHandler.http({
-	build, viteDevServer,
-	render: (res) => {
-		const headers = new Headers();
-		headers.set("Content-Type", "text/html; charset=UTF-8");
-
-		const stream = renderToString(res);
-		return new Response(stream, { headers });
-	}
-}));
-
-
-// Start http server
-app.listen(port, () => {
-	console.log(`Server started at http://localhost:${port}`)
-})
-
-
- // Reload pages on file change
-if (viteDevServer)
-	viteDevServer.watcher.on('change', (file) => {
-	console.log(`File changed: ${file}`);
-
-	console.log('Triggering full page reload');
-	viteDevServer.ws.send({ type: 'full-reload' });
-});

package/internal/cli/index.js

@@ -1,15 +0,0 @@
-#!/usr/bin/env node
-"use strict";
-import { readFile, writeFile } from "fs/promises";
-import { CompileManifest } from "../compile/manifest.js";
-import { ReadConfig } from "../cli/config.js";
-const config = await ReadConfig();
-if (config.client) {
-    console.info("Building client island manifest");
-    const source = await readFile(config.client.source, "utf8");
-    await writeFile(config.client.output.server, CompileManifest(config.framework, source, true));
-    await writeFile(config.client.output.client, CompileManifest(config.framework, source, false));
-}
-if (config.component) {
-    console.info("Building components");
-}

package/internal/compile/router.d.ts

@@ -1 +0,0 @@
-export declare function CompileRouter(folder: string): string;

package/internal/compile/router.js

@@ -1,51 +0,0 @@
-export function CompileRouter(folder) {
-    return `import { GenericContext, RouteTree } from "htmx-router/bin/router";
-import { GetClientEntryURL } from 'htmx-router/bin/client/entry';
-import { DynamicReference } from "htmx-router/bin/util/dynamic";
-import { GetMountUrl } from 'htmx-router/bin/client/mount';
-import { GetSheetUrl } from 'htmx-router/bin/util/css';
-import { resolve } from "path";
-
-const modules = import.meta.glob('/${folder}/**/*.{ts,tsx}', { eager: true });
-console.log("${folder}");
-console.log(modules);
-
-export const tree = new RouteTree();
-for (const path in modules) {
-	const mod = modules[path];
-	const tail = path.lastIndexOf(".");
-	const url = path.slice(${folder.length + 1}, tail);
-	tree.ingest(url, mod);
-}`;
-}
-/*
-export function Dynamic<T extends Record<string, string>>(props: {
-    params?: T,
-    loader: (ctx: GenericContext, params?: T) => Promise<JSX.Element>
-    children?: JSX.Element
-}): JSX.Element {
-    return <div
-        hx-get={DynamicReference(props.loader, props.params)}
-        hx-trigger="load"
-        hx-swap="outerHTML transition:true"
-        style={{ display: "contents" }}
-    >{props.children ? props.children : ""}</div>
-}
-
-let headCache: JSX.Element | null = null;
-const isProduction = process.env.NODE_ENV === "production";
-const clientEntry = await GetClientEntryURL();
-export function Scripts() {
-    if (headCache) return headCache;
-
-    const res = <>
-        <link href={GetSheetUrl()} rel="stylesheet"></link>
-        { isProduction ? "" : <script type="module" src="/@vite/client"></script> }
-        <script type="module" src={clientEntry}></script>
-        <script src={GetMountUrl()}></script>
-    </>;
-
-    if (isProduction) headCache = res;
-    return res;
-}
-*/ 

package/internal/component/dynamic.js

@@ -1,18 +0,0 @@
-const generic = `import { DynamicReference } from "htmx-router/dynamic";
-import { GenericContext } from "htmx-router/router";
-
-export function Dynamic<T extends Record<string, string>>(props: {
-	params?: T,
-	loader: (ctx: GenericContext, params?: T) => Promise<JSX.Element>
-	children?: JSX.Element
-}): JSX.Element {
-	return <div
-		hx-get={DynamicReference(props.loader, props.params)}
-		hx-trigger="load"
-		hx-swap="outerHTML transition:true"
-		style={{ display: "contents" }}
-	>{props.children ? props.children : ""}</div>
-}`;
-export default {
-    "*": generic
-};

package/internal/hash.d.ts

@@ -1,4 +0,0 @@
-/**
- * Not the best hash in the world, but it's something really fast that will work on all JS runtimes
- */
-export declare function QuickHash(input: string): string;

package/internal/hash.js

@@ -1,10 +0,0 @@
-/**
- * Not the best hash in the world, but it's something really fast that will work on all JS runtimes
- */
-export function QuickHash(input) {
-    let hash = 0;
-    for (let i = 0; i < input.length; i++) {
-        hash = (hash * 31 + input.charCodeAt(i)) >>> 0;
-    }
-    return hash.toString(36).slice(0, 5);
-}

package/request/http.d.ts

@@ -1,10 +0,0 @@
-import type { IncomingMessage, ServerResponse } from "http";
-import type { ViteDevServer } from "vite";
-import type { GenericContext } from "~/router.js";
-type Config = {
-    build: Promise<any> | (() => Promise<Record<string, any>>);
-    viteDevServer: ViteDevServer | null;
-    render: GenericContext["render"];
-};
-export declare function createRequestHandler(config: Config): (req: IncomingMessage, res: ServerResponse) => Promise<void>;
-export {};

package/request/http.js

@@ -1,59 +0,0 @@
-import { Resolve } from "~/request/native.js";
-export function createRequestHandler(config) {
-    return async (req, res) => {
-        try {
-            const mod = typeof config.build === "function" ? await config.build() : await config.build;
-            const request = NativeRequest(req);
-            let { response, headers } = await Resolve(request, mod.tree, config);
-            res.writeHead(response.status, headers);
-            if (response.body instanceof ReadableStream) {
-                const reader = response.body.getReader();
-                while (true) {
-                    const { done, value } = await reader.read();
-                    if (done)
-                        break;
-                    res.write(value); // `value` is a Uint8Array.
-                }
-                res.end();
-            }
-            else {
-                const rendered = await response.text();
-                res.end(rendered);
-            }
-        }
-        catch (e) {
-            res.statusCode = 500;
-            if (e instanceof Error) {
-                console.error(e.stack);
-                config.viteDevServer?.ssrFixStacktrace(e);
-                res.end(e.stack);
-            }
-            else {
-                console.error(e);
-                res.end(String(e));
-            }
-        }
-    };
-}
-function NativeRequest(req) {
-    const ctrl = new AbortController();
-    const headers = new Headers(req.headers);
-    const url = new URL(`http://${headers.get('host')}${req.originalUrl || req.url}`);
-    req.once('aborted', () => ctrl.abort());
-    const bodied = req.method !== "GET" && req.method !== "HEAD";
-    const request = new Request(url, {
-        headers,
-        method: req.method,
-        body: bodied ? req : undefined,
-        signal: ctrl.signal,
-        referrer: headers.get("referrer") || undefined,
-        // @ts-ignore
-        duplex: bodied ? 'half' : undefined
-    });
-    if (!request.headers.has("X-Real-IP")) {
-        const info = req.socket.address();
-        if ("address" in info)
-            request.headers.set("X-Real-IP", info.address);
-    }
-    return request;
-}

package/request/index.d.ts

@@ -1,13 +0,0 @@
-import type { ViteDevServer } from "vite";
-import type { GenericContext, RouteTree } from '~/router.js';
-import * as native from "~/request/native.js";
-import * as http from "~/request/http.js";
-export type Config = {
-    build: Promise<any> | (() => Promise<Record<string, any>>);
-    viteDevServer: ViteDevServer | null;
-    render: GenericContext["render"];
-};
-export type RouterModule = {
-    tree: RouteTree;
-};
-export { http, native };

package/request/index.js

@@ -1,3 +0,0 @@
-import * as native from "~/request/native.js";
-import * as http from "~/request/http.js";
-export { http, native };

package/request/native.d.ts

@@ -1,9 +0,0 @@
-import { type RouteTree } from '~/router.js';
-import type { Config } from '~/request/index.js';
-export declare function createRequestHandler(config: Config): (req: Request) => Promise<Response>;
-export declare function Resolve(request: Request, tree: RouteTree, config: Config): Promise<{
-    response: Response;
-    headers: {
-        [key: string]: string | string[];
-    };
-}>;

package/request/native.js

@@ -1,46 +0,0 @@
-import { GenericContext } from '~/router.js';
-export function createRequestHandler(config) {
-    return async (req) => {
-        try {
-            const mod = typeof config.build === "function" ? await config.build() : await config.build;
-            let { response } = await Resolve(req, mod.tree, config);
-            return response;
-        }
-        catch (e) {
-            if (e instanceof Error) {
-                console.error(e.stack);
-                config.viteDevServer?.ssrFixStacktrace(e);
-                return new Response(e.message + "\n" + e.stack, { status: 500, statusText: "Internal Server Error" });
-            }
-            else {
-                console.error(e);
-                return new Response(String(e), { status: 500, statusText: "Internal Server Error" });
-            }
-        }
-    };
-}
-export async function Resolve(request, tree, config) {
-    const url = new URL(request.url);
-    const ctx = new GenericContext(request, url, config.render);
-    const x = ctx.url.pathname.endsWith("/") ? ctx.url.pathname.slice(0, -1) : ctx.url.pathname;
-    const fragments = x.split("/").slice(1);
-    let response = await tree.resolve(fragments, ctx);
-    if (response === null)
-        response = new Response("No Route Found", { status: 404, statusText: "Not Found", headers: ctx.headers });
-    // Override with context headers
-    if (response.headers !== ctx.headers) {
-        for (const [key, value] of ctx.headers) {
-            if (response.headers.has(key))
-                continue;
-            response.headers.set(key, value);
-        }
-    }
-    // Merge cookie changes
-    const headers = Object.fromEntries(response.headers);
-    const cookies = ctx.cookie.export();
-    if (cookies.length > 0) {
-        headers['set-cookie'] = cookies;
-        response.headers.set("Set-Cookie", cookies[0]); // Response object doesn't support multi-header..[]
-    }
-    return { response, headers };
-}

package/vite/code-splitting.d.ts

@@ -1,4 +0,0 @@
-import type { UserConfig } from "vite";
-type Plugin = NonNullable<UserConfig["plugins"]>[number];
-export declare function BundleSplitting(): Plugin;
-export {};

package/vite/code-splitting.js

@@ -1,14 +0,0 @@
-const serverPattern = /\.server\.[tj]s(x)?/;
-const clientPattern = /\.client\.[tj]s(x)?/;
-export function BundleSplitting() {
-    return {
-        name: "htmx-bundle-splitter",
-        enforce: "pre",
-        transform: (code, id, options) => {
-            const pattern = options?.ssr ? clientPattern : serverPattern;
-            if (pattern.test(id))
-                return "export {};";
-            return code;
-        }
-    };
-}