xanix 1.0.5 → 1.0.8

package/dist/hooks/useRequest copy.js

@@ -1,8 +0,0 @@
-import useDocument from "./useDocument";
-const useRequest = () => {
-    const { request } = useDocument();
-    if (__XANIX_SERVER__) {
-        return request;
-    }
-};
-export default useRequest;

package/dist/navigation/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./navigate.js";
-export * from "./useLocation.js";

package/dist/navigation/index.js

@@ -1,2 +0,0 @@
-export * from "./navigate.js";
-export * from "./useLocation.js";

package/dist/navigation/navigate.d.ts

@@ -1,7 +0,0 @@
-export declare const navigate: (path: string, replace?: boolean) => void;
-export declare const back: () => void;
-export declare const forward: () => void;
-export declare const preload: (path: string) => Promise<void>;
-export declare const reload: (hard?: boolean) => void;
-export declare const onNavigateStart: (callback: () => void) => void;
-export declare const onNavigateEnd: (callback: () => void) => void;

package/dist/navigation/navigate.js

@@ -1,31 +0,0 @@
-export const navigate = (path, replace = false) => {
-    window.dispatchEvent(new CustomEvent("xanix:navigate", {
-        detail: { path, replace },
-    }));
-};
-export const back = () => {
-    window.history.back();
-};
-export const forward = () => {
-    window.history.forward();
-};
-export const preload = async (path) => {
-    window.dispatchEvent(new CustomEvent("xanix:preload", { detail: { path } }));
-};
-export const reload = (hard = false) => {
-    if (hard) {
-        window.location.reload();
-        return;
-    }
-    window.dispatchEvent(new CustomEvent("xanix:reload"));
-};
-export const onNavigateStart = (callback) => {
-    if (__XANIX_CLIENT__) {
-        window.addEventListener("xanix:navigate:start", callback);
-    }
-};
-export const onNavigateEnd = (callback) => {
-    if (__XANIX_CLIENT__) {
-        window.addEventListener("xanix:navigate:end", callback);
-    }
-};

package/dist/navigation/useLocation.d.ts

@@ -1 +0,0 @@
-export declare const useLocation: () => URL;

package/dist/navigation/useLocation.js

@@ -1,22 +0,0 @@
-import { useDocument } from "../document/index.js";
-import { useState, useEffect } from "react";
-export const useLocation = () => {
-    const _document = useDocument();
-    const req = _document?.request;
-    let _url;
-    if (__XANIX_SERVER__) {
-        _url = new URL(req.originalUrl, `${req.protocol}://${req.get("host")}`);
-    }
-    else {
-        _url = new URL(window.location.href);
-    }
-    const [url, setUrl] = useState(_url);
-    useEffect(() => {
-        const onNavigate = () => setUrl(new URL(window.location.href));
-        window.addEventListener("xanix:navigate:end", onNavigate);
-        return () => {
-            window.removeEventListener("xanix:navigate:end", onNavigate);
-        };
-    }, []);
-    return url;
-};

package/dist/router/index.d.ts

@@ -1,3 +0,0 @@
-export * from "../hooks/useSearchParams.js";
-export * from "../hooks/useParams.js";
-export * from "../hooks/usePathname.js";

package/dist/router/index.js

@@ -1,3 +0,0 @@
-export * from "../hooks/useSearchParams.js";
-export * from "../hooks/useParams.js";
-export * from "../hooks/usePathname.js";

package/dist/router/useParams.d.ts

@@ -1 +0,0 @@
-export declare const useParams: () => any;

package/dist/router/useParams.js

@@ -1,5 +0,0 @@
-import useDocument from "../hooks/useDocument.js";
-export const useParams = () => {
-    const { params } = useDocument();
-    return params;
-};

package/dist/router/usePathname.d.ts

@@ -1 +0,0 @@
-export declare const usePathname: () => any;

package/dist/router/usePathname.js

@@ -1,8 +0,0 @@
-import useDocument from "../hooks/useDocument.js";
-export const usePathname = () => {
-    if (__XANIX_CLIENT__) {
-        return window.location.pathname;
-    }
-    const { request } = useDocument();
-    return request?.path;
-};

package/dist/router/useSearchParams.d.ts

@@ -1,11 +0,0 @@
-export declare const useSearchParams: () => {
-    get: (key: string) => string | null;
-    getAll: () => any;
-    has: (key: string) => boolean;
-    set: (key: string, value: string) => void;
-    sets: (entries: Record<string, string>) => void;
-    delete: (key: string) => void;
-    deletes: (keys: string[]) => void;
-    clear: () => void;
-    toString: () => string;
-};

package/dist/router/useSearchParams.js

@@ -1,74 +0,0 @@
-import { navigate } from "../navigation/navigate.js";
-import { useEffect, useState } from "react";
-import useDocument from "../hooks/useDocument.js";
-const getParams = () => {
-    return new URLSearchParams(window.location.search);
-};
-const buildUrl = (params) => {
-    const search = params.toString();
-    return (window.location.pathname +
-        (search ? `?${search}` : "") +
-        window.location.hash);
-};
-export const useSearchParams = () => {
-    const { request } = useDocument();
-    let _params = new URLSearchParams(__XANIX_SERVER__ ? request.url.split("?")[1] || "" : window.location.search);
-    const [params, setParams] = useState(_params);
-    useEffect(() => {
-        const onNavigate = () => {
-            setParams(getParams());
-        };
-        window.addEventListener("xanix:navigate:end", onNavigate);
-        window.addEventListener("popstate", onNavigate);
-        return () => {
-            window.removeEventListener("xanix:navigate:end", onNavigate);
-            window.removeEventListener("popstate", onNavigate);
-        };
-    }, []);
-    const update = (newParams) => {
-        setParams(newParams);
-        navigate(buildUrl(newParams));
-    };
-    return {
-        get: (key) => params.get(key),
-        getAll: () => {
-            const p = {};
-            for (const [key, value] of params.entries()) {
-                if (!p[key]) {
-                    p[key] = [];
-                }
-                p[key].push(value);
-            }
-            return p;
-        },
-        has: (key) => params.has(key),
-        set: (key, value) => {
-            const newParams = new URLSearchParams(params);
-            newParams.set(key, value);
-            update(newParams);
-        },
-        sets: (entries) => {
-            const newParams = new URLSearchParams(params);
-            for (const [key, value] of Object.entries(entries)) {
-                newParams.set(key, value);
-            }
-            update(newParams);
-        },
-        delete: (key) => {
-            const newParams = new URLSearchParams(params);
-            newParams.delete(key);
-            update(newParams);
-        },
-        deletes: (keys) => {
-            const newParams = new URLSearchParams(params);
-            for (const key of keys) {
-                newParams.delete(key);
-            }
-            update(newParams);
-        },
-        clear: () => {
-            update(new URLSearchParams());
-        },
-        toString: () => params.toString(),
-    };
-};

package/dist/runtime/createServer.d.ts

@@ -1,12 +0,0 @@
-import express from "express";
-export interface XanixProps {
-    clientId: string;
-    req: any;
-    res: any;
-    component: React.ReactElement;
-}
-type Options = {
-    mode: "watch" | "start";
-};
-export declare function createXanixServer({ mode }: Options): express.Express;
-export {};

package/dist/runtime/createServer.js

@@ -1,40 +0,0 @@
-import express from "express";
-export function createXanixServer({ mode }) {
-    const app = express();
-    if (mode === "watch") {
-        app.use("/.xanix/client", express.static(".xanix/client"));
-        app.use("/assets", express.static(".xanix/assets"));
-        app.use("/.xanix/cache", express.static(".xanix/cache"));
-    }
-    else {
-        app.use("/.xanix/client", express.static(".xanix/client", {
-            maxAge: "1y",
-            immutable: true,
-            etag: true,
-        }));
-        app.use("/assets", express.static(".xanix/assets", {
-            maxAge: "1y",
-            immutable: true,
-            etag: true,
-        }));
-    }
-    app.use((req, res, next) => {
-        let data = {
-            title: null,
-            meta: [],
-        };
-        if (!req.page) {
-            req.page = {
-                setTitle(title) {
-                    data.title = title;
-                },
-                setMeta(name, content) {
-                    data.meta.push({ name, content });
-                },
-            };
-            req.XanixPageData = data;
-        }
-        next();
-    });
-    return app;
-}

package/dist/runtime/index.d.ts

@@ -1,12 +0,0 @@
-import express from "express";
-export interface XanixProps {
-    clientId: string;
-    req: any;
-    res: any;
-    component: React.ReactElement;
-}
-type Options = {
-    mode: "watch" | "start";
-};
-export declare function createXanixServer({ mode }: Options): express.Express;
-export {};

package/dist/runtime/index.js

@@ -1,40 +0,0 @@
-import express from "express";
-export function createXanixServer({ mode }) {
-    const app = express();
-    if (mode === "watch") {
-        app.use("/.xanix/client", express.static(".xanix/client"));
-        app.use("/assets", express.static(".xanix/assets"));
-        app.use("/.xanix/cache", express.static(".xanix/cache"));
-    }
-    else {
-        app.use("/.xanix/client", express.static(".xanix/client", {
-            maxAge: "1y",
-            immutable: true,
-            etag: true,
-        }));
-        app.use("/assets", express.static(".xanix/assets", {
-            maxAge: "1y",
-            immutable: true,
-            etag: true,
-        }));
-    }
-    app.use((req, res, next) => {
-        let data = {
-            title: null,
-            meta: [],
-        };
-        if (!req.page) {
-            req.page = {
-                setTitle(title) {
-                    data.title = title;
-                },
-                setMeta(name, content) {
-                    data.meta.push({ name, content });
-                },
-            };
-            req.XanixPageData = data;
-        }
-        next();
-    });
-    return app;
-}

package/dist/runtime/readManifest.d.ts

@@ -1,14 +0,0 @@
-interface XanixManifestEntry {
-    id: string;
-    name: string;
-    file: string;
-    path: string;
-    build: string;
-    export: string;
-}
-interface XanixManifest {
-    version: number;
-    entries: XanixManifestEntry[];
-}
-declare function readManifest(): Promise<XanixManifest>;
-export default readManifest;

package/dist/runtime/readManifest.js

@@ -1,8 +0,0 @@
-import fs from "node:fs/promises";
-import path from "node:path";
-async function readManifest() {
-    const manifestPath = path.resolve(process.cwd(), ".xanix", "client-manifest.json");
-    const source = await fs.readFile(manifestPath, "utf8");
-    return JSON.parse(source);
-}
-export default readManifest;

package/dist/runtime/xanixPage.d.ts

@@ -1,9 +0,0 @@
-interface XanixPageProps {
-    pageId: string;
-    req: any;
-    res: any;
-    Component: (props: Record<string, any>) => React.ReactElement;
-    props: Record<string, any>;
-}
-export default function xanix_page({ pageId, req, res, Component, props, }: XanixPageProps): Promise<string | undefined>;
-export {};

package/dist/runtime/xanixPage.js

@@ -1,62 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { renderToPipeableStream } from "react-dom/server";
-import readManifest from "./readManifest.js";
-import { PassThrough } from "node:stream";
-import path from "node:path";
-import { pathToFileURL } from "node:url";
-function renderPage(element) {
-    return new Promise((resolve, reject) => {
-        let html = "";
-        const stream = new PassThrough();
-        stream.on("data", (chunk) => {
-            html += chunk.toString();
-        });
-        stream.on("end", () => {
-            resolve(html);
-        });
-        stream.on("error", reject);
-        const { pipe } = renderToPipeableStream(element, {
-            onAllReady() {
-                pipe(stream);
-            },
-            onError(error) {
-                console.error("SSR error:", error);
-            },
-        });
-    });
-}
-export default async function xanix_page({ pageId, req, res, Component, props, }) {
-    const manifest = await readManifest();
-    const { title, meta } = req.XanixPageData;
-    const entry = manifest.entries.find((item) => item.id === pageId);
-    const method = req.method.toUpperCase();
-    if (method !== "GET") {
-        res.status(405).send("Method Not Allowed");
-        return;
-    }
-    if (!entry) {
-        throw new Error(`Xanix client entry "${pageId}" was not found in the manifest.`);
-    }
-    if ("x-navigation" in req.headers) {
-        res.setHeader("Content-Type", "application/json");
-        return JSON.stringify({
-            pageId,
-            props,
-            title: title ?? entry.name.replaceAll("-", " "),
-            meta,
-            params: req.params,
-            request: null,
-        });
-    }
-    const Document = (await import(pathToFileURL(path.join(process.cwd(), ".xanix", "xanix-document.js"))
-        .href)).default;
-    const html = await renderPage(_jsx(Document, { document: {
-            pageId,
-            props,
-            title: title ?? entry.name.replaceAll("-", " "),
-            meta,
-            params: req.params,
-            request: req,
-        }, children: _jsx(Component, { ...props }) }));
-    return `<!DOCTYPE html>${html}`;
-}

package/dist/server/createServer.d.ts

@@ -1,12 +0,0 @@
-import express from "express";
-export interface XanixProps {
-    clientId: string;
-    req: any;
-    res: any;
-    component: React.ReactElement;
-}
-type Options = {
-    mode: "watch" | "start";
-};
-export declare function createXanixServer({ mode }: Options): express.Express;
-export {};

package/dist/server/createServer.js

@@ -1,40 +0,0 @@
-import express from "express";
-export function createXanixServer({ mode }) {
-    const app = express();
-    if (mode === "watch") {
-        app.use("/.xanix/client", express.static(".xanix/client"));
-        app.use("/assets", express.static(".xanix/assets"));
-        app.use("/.xanix/cache", express.static(".xanix/cache"));
-    }
-    else {
-        app.use("/.xanix/client", express.static(".xanix/client", {
-            maxAge: "1y",
-            immutable: true,
-            etag: true,
-        }));
-        app.use("/assets", express.static(".xanix/assets", {
-            maxAge: "1y",
-            immutable: true,
-            etag: true,
-        }));
-    }
-    app.use((req, res, next) => {
-        let data = {
-            title: null,
-            meta: [],
-        };
-        if (!req.page) {
-            req.page = {
-                setTitle(title) {
-                    data.title = title;
-                },
-                setMeta(name, content) {
-                    data.meta.push({ name, content });
-                },
-            };
-            req.XanixPageData = data;
-        }
-        next();
-    });
-    return app;
-}

package/dist/server/page.d.ts

@@ -1,9 +0,0 @@
-interface XanixPageProps {
-    pageId: string;
-    req: any;
-    res: any;
-    Component: (props: Record<string, any>) => React.ReactElement;
-    props: Record<string, any>;
-}
-export default function xanix_page({ pageId, req, res, Component, props, }: XanixPageProps): Promise<string | undefined>;
-export {};

package/dist/server/page.js

@@ -1,62 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { renderToPipeableStream } from "react-dom/server";
-import readManifest from "./readManifest.js";
-import { PassThrough } from "node:stream";
-import path from "node:path";
-import { pathToFileURL } from "node:url";
-function renderPage(element) {
-    return new Promise((resolve, reject) => {
-        let html = "";
-        const stream = new PassThrough();
-        stream.on("data", (chunk) => {
-            html += chunk.toString();
-        });
-        stream.on("end", () => {
-            resolve(html);
-        });
-        stream.on("error", reject);
-        const { pipe } = renderToPipeableStream(element, {
-            onAllReady() {
-                pipe(stream);
-            },
-            onError(error) {
-                console.error("SSR error:", error);
-            },
-        });
-    });
-}
-export default async function xanix_page({ pageId, req, res, Component, props, }) {
-    const manifest = await readManifest();
-    const { title, meta } = req.XanixPageData;
-    const entry = manifest.entries.find((item) => item.id === pageId);
-    const method = req.method.toUpperCase();
-    if (method !== "GET") {
-        res.status(405).send("Method Not Allowed");
-        return;
-    }
-    if (!entry) {
-        throw new Error(`Xanix client entry "${pageId}" was not found in the manifest.`);
-    }
-    if ("x-navigation" in req.headers) {
-        res.setHeader("Content-Type", "application/json");
-        return JSON.stringify({
-            pageId,
-            props,
-            title: title ?? entry.name.replaceAll("-", " "),
-            meta,
-            params: req.params,
-            request: null,
-        });
-    }
-    const Document = (await import(pathToFileURL(path.join(process.cwd(), ".xanix", "xanix-document.js"))
-        .href)).default;
-    const html = await renderPage(_jsx(Document, { document: {
-            pageId,
-            props,
-            title: title ?? entry.name.replaceAll("-", " "),
-            meta,
-            params: req.params,
-            request: req,
-        }, children: _jsx(Component, { ...props }) }));
-    return `<!DOCTYPE html>${html}`;
-}

package/dist/server/readManifest.d.ts

@@ -1,14 +0,0 @@
-interface XanixManifestEntry {
-    id: string;
-    name: string;
-    file: string;
-    path: string;
-    build: string;
-    export: string;
-}
-interface XanixManifest {
-    version: number;
-    entries: XanixManifestEntry[];
-}
-declare function readManifest(): Promise<XanixManifest>;
-export default readManifest;

package/dist/server/readManifest.js

@@ -1,8 +0,0 @@
-import fs from "node:fs/promises";
-import path from "node:path";
-async function readManifest() {
-    const manifestPath = path.resolve(process.cwd(), ".xanix", "client-manifest.json");
-    const source = await fs.readFile(manifestPath, "utf8");
-    return JSON.parse(source);
-}
-export default readManifest;

package/dist/server/runtime copy.d.ts

@@ -1,12 +0,0 @@
-import express from "express";
-export interface XanixProps {
-    clientId: string;
-    req: any;
-    res: any;
-    component: React.ReactElement;
-}
-type Options = {
-    mode: "watch" | "start";
-};
-export declare function createXanixServer({ mode }: Options): express.Express;
-export {};

package/dist/server/runtime copy.js

@@ -1,40 +0,0 @@
-import express from "express";
-export function createXanixServer({ mode }) {
-    const app = express();
-    if (mode === "watch") {
-        app.use("/.xanix/client", express.static(".xanix/client"));
-        app.use("/assets", express.static(".xanix/assets"));
-        app.use("/.xanix/cache", express.static(".xanix/cache"));
-    }
-    else {
-        app.use("/.xanix/client", express.static(".xanix/client", {
-            maxAge: "1y",
-            immutable: true,
-            etag: true,
-        }));
-        app.use("/assets", express.static(".xanix/assets", {
-            maxAge: "1y",
-            immutable: true,
-            etag: true,
-        }));
-    }
-    app.use((req, res, next) => {
-        let data = {
-            title: null,
-            meta: [],
-        };
-        if (!req.page) {
-            req.page = {
-                setTitle(title) {
-                    data.title = title;
-                },
-                setMeta(name, content) {
-                    data.meta.push({ name, content });
-                },
-            };
-            req.XanixPageData = data;
-        }
-        next();
-    });
-    return app;
-}

package/dist/server/runtime.d.ts

@@ -1,12 +0,0 @@
-import express from "express";
-export interface XanixProps {
-    clientId: string;
-    req: any;
-    res: any;
-    component: React.ReactElement;
-}
-type Options = {
-    mode: "watch" | "start";
-};
-export declare function createXanixServer({ mode }: Options): express.Express;
-export {};