xanix 1.0.0 → 1.0.3

package/dist/hooks/useRequest copy.js

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

package/dist/index.d.ts

@@ -14,10 +14,5 @@ import useHeaders from "./hooks/useHeaders.js";
 import useCookies from "./hooks/useCookies.js";
 import useData from "./hooks/useData.js";
 import { navigate, back, forward, preload, onNavigateStart, onNavigateEnd, reload } from "./navigate.js";
-export declare const isClient: boolean;
-export declare const isServer: boolean;
-export declare const isDevelopment: boolean;
-export declare const isProduction: boolean;
 export { Link, Document, Head, Body, Script, useDocument, useLocation, useParams, usePathname, useSearchParams, usePage, useRequest, useHeaders, useCookies, useData, navigate, back, forward, preload, onNavigateStart, onNavigateEnd, reload, };
-export type * from "./types";
 export type { DocumentProps };

package/dist/index.js

@@ -16,10 +16,6 @@ import useCookies from "./hooks/useCookies.js";
 import useData from "./hooks/useData.js";
 // navigate
 import { navigate, back, forward, preload, onNavigateStart, onNavigateEnd, reload, } from "./navigate.js";
-export const isClient = __XANIX_CLIENT__;
-export const isServer = __XANIX_SERVER__;
-export const isDevelopment = __XANIX_DEV__;
-export const isProduction = __XANIX_PROD__;
 export { Link, Document, Head, Body, Script, 
 // hooks
 useDocument, useLocation, useParams, usePathname, useSearchParams, usePage, useRequest, useHeaders, useCookies, useData, 

package/dist/navigation/navigate.js

@@ -20,12 +20,12 @@ export const reload = (hard = false) => {
     window.dispatchEvent(new CustomEvent("xanix:reload"));
 };
 export const onNavigateStart = (callback) => {
-    if (typeof window === "undefined")
-        return;
-    window.addEventListener("xanix:navigate:start", callback);
+    if (__XANIX_CLIENT__) {
+        window.addEventListener("xanix:navigate:start", callback);
+    }
 };
 export const onNavigateEnd = (callback) => {
-    if (typeof window === "undefined")
-        return;
-    window.addEventListener("xanix:navigate:end", callback);
+    if (__XANIX_CLIENT__) {
+        window.addEventListener("xanix:navigate:end", callback);
+    }
 };

package/dist/navigation/useLocation.js

@@ -4,7 +4,7 @@ export const useLocation = () => {
     const _document = useDocument();
     const req = _document?.request;
     let _url;
-    if (req) {
+    if (__XANIX_SERVER__) {
         _url = new URL(req.originalUrl, `${req.protocol}://${req.get("host")}`);
     }
     else {

package/dist/router/index.d.ts

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

package/dist/router/index.js

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

package/dist/router/useParams.d.ts

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

package/dist/router/useParams.js

@@ -1,50 +1,5 @@
-import { navigate } from "../navigation/navigate.js";
-import { useEffect, useState } from "react";
-const getParams = () => {
-    return new URLSearchParams(window.location.search);
-};
+import useDocument from "../hooks/useDocument.js";
 export const useParams = () => {
-    const [params, setParams] = useState(getParams());
-    useEffect(() => {
-        const onNavigate = () => setParams(getParams());
-        window.addEventListener("xanix:navigate:end", onNavigate);
-        return () => {
-            window.removeEventListener("xanix:navigate:end", onNavigate);
-        };
-    }, []);
-    return {
-        get: (key) => params.get(key),
-        set: (key, value) => {
-            const newParams = new URLSearchParams(params.toString());
-            newParams.set(key, value);
-            navigate(window.location.pathname + "?" + newParams.toString());
-        },
-        sets: (entries) => {
-            const newParams = new URLSearchParams(params.toString());
-            for (const [key, value] of Object.entries(entries)) {
-                newParams.set(key, value);
-            }
-            navigate(window.location.pathname + "?" + newParams.toString());
-        },
-        delete: (key) => {
-            const newParams = new URLSearchParams(params.toString());
-            newParams.delete(key);
-            setParams(newParams);
-            navigate(window.location.pathname + "?" + newParams.toString());
-        },
-        deletes: (keys) => {
-            const newParams = new URLSearchParams(params.toString());
-            for (const key of keys) {
-                newParams.delete(key);
-            }
-            setParams(newParams);
-            navigate(window.location.pathname + "?" + newParams.toString());
-        },
-        clear: () => {
-            const newParams = new URLSearchParams();
-            setParams(newParams);
-            navigate(window.location.pathname + "?" + newParams.toString());
-        },
-        has: (key) => params.has(key),
-    };
+    const { params } = useDocument();
+    return params;
 };

package/dist/router/usePathname.d.ts

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

package/dist/router/usePathname.js

@@ -0,0 +1,8 @@
+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.js

@@ -1,6 +1,6 @@
 import { navigate } from "../navigation/navigate.js";
 import { useEffect, useState } from "react";
-import useDocument from "../document/useDocument.js";
+import useDocument from "../hooks/useDocument.js";
 const getParams = () => {
     return new URLSearchParams(window.location.search);
 };
@@ -12,13 +12,7 @@ const buildUrl = (params) => {
 };
 export const useSearchParams = () => {
     const { request } = useDocument();
-    let _params;
-    if (request) {
-        _params = new URLSearchParams(request.url.split("?")[1] || "");
-    }
-    else {
-        _params = getParams();
-    }
+    let _params = new URLSearchParams(__XANIX_SERVER__ ? request.url.split("?")[1] || "" : window.location.search);
     const [params, setParams] = useState(_params);
     useEffect(() => {
         const onNavigate = () => {

package/dist/runtime/createServer.d.ts

@@ -0,0 +1,12 @@
+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

@@ -0,0 +1,40 @@
+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

@@ -0,0 +1,12 @@
+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

@@ -0,0 +1,40 @@
+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

@@ -0,0 +1,14 @@
+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

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1,62 @@
+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

@@ -0,0 +1,12 @@
+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

@@ -0,0 +1,40 @@
+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.js

@@ -44,6 +44,7 @@ export default async function xanix_page({ pageId, req, res, Component, props, }
             props,
             title: title ?? entry.name.replaceAll("-", " "),
             meta,
+            params: req.params,
             request: null,
         });
     }
@@ -54,6 +55,7 @@ export default async function xanix_page({ pageId, req, res, Component, props, }
             props,
             title: title ?? entry.name.replaceAll("-", " "),
             meta,
+            params: req.params,
             request: req,
         }, children: _jsx(Component, { ...props }) }));
     return `<!DOCTYPE html>${html}`;

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

@@ -0,0 +1,12 @@
+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

@@ -0,0 +1,40 @@
+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

@@ -0,0 +1,12 @@
+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.js

@@ -0,0 +1,40 @@
+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/xanixPage.d.ts

@@ -0,0 +1,9 @@
+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/xanixPage.js

@@ -0,0 +1,62 @@
+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/utils/index.d.ts

@@ -1,9 +0,0 @@
-import { ReactNode } from "react";
-export declare const getGlobal: () => any;
-export declare const getGlobalXanix: () => Record<string, any>;
-export type DocumentData = {
-    head: ReactNode;
-    body: ReactNode;
-};
-export declare const getDocumentData: () => DocumentData;
-export declare const getDocumentFile: () => Promise<string>;