xanix 1.0.4 → 1.0.7

package/dist/document/Head.js

@@ -1,41 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect } from "react";
-import useDocument from "./useDocument.js";
-const Head = ({ children }) => {
-    const { title, meta, pageId, props, params } = useDocument();
-    useEffect(() => {
-        document.title = title || "";
-        meta?.forEach(({ name, content }) => {
-            let element = document.querySelector(`meta[name="${name}"]`);
-            if (!element) {
-                element = document.createElement("meta");
-                element.setAttribute("name", name);
-                document.head.appendChild(element);
-            }
-            element.setAttribute("content", content);
-        });
-        // add children
-        const head = document.head;
-        if (children) {
-            const container = document.createElement("div");
-            container.innerHTML = children;
-            Array.from(container.children).forEach((child) => {
-                head.appendChild(child);
-            });
-        }
-    }, [children]);
-    if (__XANIX_CLIENT__)
-        return _jsx(_Fragment, {});
-    return (_jsxs("head", { children: [_jsx("title", { children: title }), meta?.map(({ name, content }) => (_jsx("meta", { name: name, content: content }, name))), children, _jsx("script", { id: pageId, dangerouslySetInnerHTML: {
-                    __html: `window.XANIX_DOCUMENT = ${JSON.stringify({
-                        pageId,
-                        props,
-                        meta,
-                        title,
-                        params,
-                        request: null,
-                    })};
-        `,
-                } }), _jsx("script", { type: "module", src: "/.xanix/client/xanix-runtime.js" })] }));
-};
-export default Head;

package/dist/document/Link.d.ts

@@ -1,7 +0,0 @@
-import { HTMLProps } from "react";
-export type LinkProps = Omit<HTMLProps<HTMLAnchorElement>, "href" | "preload"> & {
-    preload?: boolean;
-    href: string;
-};
-declare const Link: ({ children, preload, ...props }: LinkProps) => import("react").JSX.Element;
-export default Link;

package/dist/document/Link.js

@@ -1,28 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useRef } from "react";
-import { navigate } from "../navigation/navigate.js";
-const Link = ({ children, preload, ...props }) => {
-    const ref = useRef(null);
-    useEffect(() => {
-        const load = () => {
-            window.dispatchEvent(new CustomEvent("xanix:preload", { detail: { path: props.href } }));
-        };
-        if (preload && ref.current) {
-            ref.current.addEventListener("mouseenter", load);
-        }
-        return () => {
-            if (preload && ref.current) {
-                ref.current.removeEventListener("mouseenter", load);
-            }
-        };
-    }, []);
-    if (preload) {
-        props.onMouseEnter;
-    }
-    return (_jsx("a", { ref: ref, ...props, onClick: (e) => {
-            e.preventDefault();
-            e.stopPropagation();
-            navigate(props.href);
-        }, children: children }));
-};
-export default Link;

package/dist/document/Script.d.ts

@@ -1,3 +0,0 @@
-type ScriptProps = React.DetailedHTMLProps<React.ScriptHTMLAttributes<HTMLScriptElement>, HTMLScriptElement>;
-declare const Script: ({ children, ...props }: ScriptProps) => import("react").JSX.Element;
-export default Script;

package/dist/document/Script.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const Script = ({ children, ...props }) => {
-    return _jsx("script", { ...props, children: children });
-};
-export default Script;

package/dist/document/index.d.ts

@@ -1,8 +0,0 @@
-import Document, { DocumentProps } from "./Document.js";
-import useDocument from "../hooks/useDocument.js";
-import Head from "./Head.js";
-import Body from "./Body.js";
-import Link from "./Link.js";
-import Script from "./Script.js";
-export { Document, Head, Body, Link, Script, useDocument };
-export type { DocumentProps };

package/dist/document/index.js

@@ -1,7 +0,0 @@
-import Document from "./Document.js";
-import useDocument from "../hooks/useDocument.js";
-import Head from "./Head.js";
-import Body from "./Body.js";
-import Link from "./Link.js";
-import Script from "./Script.js";
-export { Document, Head, Body, Link, Script, useDocument };

package/dist/document/useDocument.d.ts

@@ -1,2 +0,0 @@
-declare const useDocument: () => {};
-export default useDocument;

package/dist/document/useDocument.js

@@ -1,10 +0,0 @@
-import { DocumentContext } from "./DocumentContext";
-import { useContext } from "react";
-const useDocument = () => {
-    const context = useContext(DocumentContext);
-    if (!context) {
-        throw new Error("useDocument must be used within a DocumentProvider");
-    }
-    return context;
-};
-export default useDocument;

package/dist/hooks/useCookie.d.ts

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

package/dist/hooks/useCookie.js

@@ -1,13 +0,0 @@
-import useRequest from "./useRequest";
-const useCookie = () => {
-    const request = useRequest();
-    if (__XANIX_SERVER__) {
-        return request?.cookies;
-    }
-    return document.cookie.split(";").reduce((cookies, cookie) => {
-        const [name, value] = cookie.split("=");
-        cookies[name.trim()] = value;
-        return cookies;
-    }, {});
-};
-export default useCookie;

package/dist/hooks/useRequest copy.d.ts

@@ -1,2 +0,0 @@
-declare const useRequest: () => import("express").Request<import("express-serve-static-core").ParamsDictionary, any, any, import("qs").ParsedQs, Record<string, any>> | undefined;
-export default useRequest;

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 {};