xanix 1.0.4 → 1.0.7

package/dist/bin/bundler/plugins/XanixHydrate.d.ts

@@ -1,3 +0,0 @@
-import type { Plugin } from "rollup";
-import { XanixClientEntry } from "../../types.js";
-export default function xanixHydrate(entries: XanixClientEntry[]): Plugin;

package/dist/bin/bundler/plugins/XanixHydrate.js

@@ -1,34 +0,0 @@
-export default function xanixHydrate(entries) {
-    const entryNames = new Set(entries.map((entry) => entry.name));
-    return {
-        name: "xanix-hydrate",
-        renderChunk(code, chunk) {
-            // Only process the entries we explicitly provided.
-            if (!chunk.isEntry || !entryNames.has(chunk.name)) {
-                return null;
-            }
-            // Must have a default export.
-            if (!chunk.exports.includes("default")) {
-                return null;
-            }
-            // Find Rollup's generated default export variable.
-            const match = code.match(/export\s*\{\s*([^,\s]+)\s+as\s+default\s*\}/);
-            if (!match) {
-                return null;
-            }
-            const component = match[1];
-            const hydration = `\nwindow.xanix.hydrate(` +
-                `${component}, ` +
-                `window.PAGE_PROPS` +
-                `);\n`;
-            const exportIndex = code.lastIndexOf("export {");
-            if (exportIndex === -1) {
-                return null;
-            }
-            return {
-                code: code.slice(0, exportIndex) + hydration + code.slice(exportIndex),
-                map: null,
-            };
-        },
-    };
-}

package/dist/bin/bundler/plugins/commonjs.d.ts

@@ -1,3 +0,0 @@
-import { RollupCommonJSOptions } from "@rollup/plugin-commonjs";
-declare const rollupCommonjs: (opt?: RollupCommonJSOptions) => import("rollup").Plugin<any>;
-export default rollupCommonjs;

package/dist/bin/bundler/plugins/commonjs.js

@@ -1,10 +0,0 @@
-import commonjs from "@rollup/plugin-commonjs";
-const rollupCommonjs = (opt) => {
-    return commonjs({
-        include: /node_modules/,
-        extensions: [".js", ".cjs"],
-        transformMixedEsModules: true,
-        ...opt,
-    });
-};
-export default rollupCommonjs;

package/dist/bin/bundler/plugins/dep-XanixWatchChange.d.ts

@@ -1,9 +0,0 @@
-import { Plugin } from "rollup";
-import { XanixClientEntry } from "../../types";
-export type XanixWatchChangeOptions = {
-    onClientEntryChange?: (entry: string, entries: XanixClientEntry[]) => Promise<void>;
-    onServerChange?: (entry: string, entries: XanixClientEntry[]) => Promise<void>;
-    onChange?: (entry: string, event: "update" | "delete" | "create" | undefined) => void;
-};
-declare const XanixWatchChange: (entries: XanixClientEntry[], options: XanixWatchChangeOptions) => Plugin;
-export default XanixWatchChange;

package/dist/bin/bundler/plugins/dep-XanixWatchChange.js

@@ -1,27 +0,0 @@
-import path from "path";
-import { createManifest, readManifest } from "../../include/manifest.js";
-import generateClientEntries from "../generateClientEntries.js";
-import { entriesEqual } from "../../include/entry.js";
-const XanixWatchChange = (entries, options) => {
-    return {
-        name: "xanix-watch-server",
-        async watchChange(id, change) {
-            const entry = path.resolve(id).replaceAll("\\", "/");
-            const manifest = await readManifest();
-            if (!manifest)
-                return;
-            const isClientEntry = Array.from(manifest.entries.values()).find((e) => e.file === entry);
-            if (!isClientEntry) {
-                const entries = await generateClientEntries();
-                const isEqual = await entriesEqual(entries);
-                if (!isEqual) {
-                    await createManifest(entries);
-                    await options.onClientEntryChange?.(entry, entries);
-                }
-                await options.onServerChange?.(entry, entries);
-            }
-            options.onChange?.(entry, change?.event);
-        },
-    };
-};
-export default XanixWatchChange;

package/dist/bin/bundler/plugins/nodeResolve.d.ts

@@ -1,3 +0,0 @@
-import { RollupNodeResolveOptions } from "@rollup/plugin-node-resolve";
-declare const rollupNodeResolve: (browser?: boolean, options?: RollupNodeResolveOptions) => import("rollup").Plugin<any>;
-export default rollupNodeResolve;

package/dist/bin/bundler/plugins/nodeResolve.js

@@ -1,10 +0,0 @@
-import nodeResolve from "@rollup/plugin-node-resolve";
-const rollupNodeResolve = (browser = true, options) => {
-    return nodeResolve({
-        extensions: [".mjs", ".js", ".json", ".node", ".ts", ".tsx", ".jsx"],
-        browser: browser,
-        preferBuiltins: !browser,
-        ...options,
-    });
-};
-export default rollupNodeResolve;

package/dist/bin/bundler/plugins/rollupEsbuild.d.ts

@@ -1,3 +0,0 @@
-import { Options } from "rollup-plugin-esbuild";
-declare const rollupEsbuild: (options?: Options) => import("rollup").Plugin<any>;
-export default rollupEsbuild;

package/dist/bin/bundler/plugins/rollupEsbuild.js

@@ -1,14 +0,0 @@
-import esbuild from "rollup-plugin-esbuild";
-const rollupEsbuild = (options) => {
-    return esbuild({
-        target: "es2022",
-        platform: "browser",
-        format: "esm",
-        jsx: "automatic",
-        sourceMap: false,
-        minify: false,
-        include: /\.(mjs|js|cjs|ts|tsx|jsx)$/,
-        ...options,
-    });
-};
-export default rollupEsbuild;

package/dist/bin/cli/start copy.d.ts

@@ -1,2 +0,0 @@
-declare const build: (rootEntry: string) => Promise<void>;
-export default build;

package/dist/bin/cli/start copy.js

@@ -1,34 +0,0 @@
-import buildServer from "../bundler/buildServer.js";
-import buildClient from "../bundler/buildClient.js";
-import pc from "picocolors";
-import path from "node:path";
-import logger from "../include/logger.js";
-import { spawn } from "child_process";
-import { outDir } from "../bundler/config/output.js";
-let child;
-const build = async (rootEntry) => {
-    logger.info(pc.green("Building server..."), "server");
-    const st = Date.now();
-    await buildServer({
-        rootEntry,
-        onBuildEnd: async (entries) => {
-            logger.info(pc.green("Building client..."), "client");
-            const duration = Date.now() - st;
-            await buildClient(entries);
-            logger.info(pc.green(`Build completed in ${duration}ms`), "complete");
-        },
-    });
-    const filePath = path.join(outDir.server, "index.js");
-    child = spawn(process.execPath, [filePath], {
-        stdio: "inherit",
-    });
-    process.on("SIGINT", () => {
-        child?.kill();
-        process.exit(0);
-    });
-    process.on("SIGTERM", () => {
-        child?.kill();
-        process.exit(0);
-    });
-};
-export default build;

package/dist/client/client-runtime.d.ts

@@ -1,10 +0,0 @@
-import type { DocumentContextData } from "../components/DocumentContext.js";
-import type { ComponentType } from "react";
-type DocumentInfo = DocumentContextData & {
-    component: ComponentType<any>;
-};
-export declare const getPath: () => string;
-export declare const getImportUrl: (pageId: string) => string;
-export declare const getPage: (path: string) => Promise<any>;
-export declare function mount(path: string, Component: ComponentType<any>, doc: DocumentInfo): Promise<void>;
-export {};

package/dist/client/client-runtime.js

@@ -1,98 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createRoot } from "react-dom/client";
-const pages = new Map();
-const ROOT_KEY = "__xanix_root__";
-export const getPath = () => {
-    const { pathname, search } = window.location;
-    return search ? `${pathname}${search}` : pathname;
-};
-export const getImportUrl = (pageId) => `/.xanix/client/${pageId}.js`;
-function getRoot() {
-    let ele = document.body;
-    if (!ele) {
-        throw new Error("Root element not found");
-    }
-    ele[ROOT_KEY] = ele[ROOT_KEY] ?? createRoot(ele);
-    return ele[ROOT_KEY];
-}
-export const getPage = async (path) => {
-    let page = pages.get(path);
-    if (page)
-        return page;
-    const response = await fetch(path, {
-        headers: {
-            "X-Navigation": "true",
-        },
-    });
-    if (!response.ok) {
-        return null;
-    }
-    return await response.json();
-};
-export async function mount(path, Component, doc) {
-    const root = getRoot();
-    pages.set(path, doc);
-    const Document = (await import(getImportUrl("xanix-document"))).default;
-    root.render(_jsx(Document, { document: doc, children: _jsx(Component, { ...doc.props }) }));
-}
-if (typeof window !== "undefined") {
-    const dispatch = (name, path) => {
-        window.dispatchEvent(new CustomEvent(`xanix:${name}`, { detail: { path } }));
-    };
-    window.addEventListener("load", async () => {
-        const path = getPath();
-        dispatch("navigate:start", path);
-        const doc = window.XANIX_DOCUMENT;
-        const mod = await import(getImportUrl(doc.pageId));
-        mount(path, mod.default, doc);
-        const scriptTag = document.getElementById(doc.pageId);
-        if (scriptTag) {
-            scriptTag.remove();
-        }
-        dispatch("navigate:end", path);
-    });
-    window.addEventListener("xanix:navigate", async (event) => {
-        const path = event.detail.path;
-        const replace = event.detail.replace;
-        dispatch("navigate:start", path);
-        let page = await getPage(path);
-        if (!page)
-            return;
-        const mod = await import(getImportUrl(page.pageId));
-        mount(path, mod.default, page);
-        if (replace) {
-            history.replaceState(null, "", path);
-        }
-        else {
-            history.pushState(null, "", path);
-        }
-        dispatch("navigate:end", path);
-    });
-    window.addEventListener("xanix:preload", async (event) => {
-        const path = event.detail.path;
-        if (!path)
-            return;
-        dispatch("preload:start", path);
-        const page = await getPage(path);
-        if (!page)
-            return;
-        await import(getImportUrl(page.pageId));
-        pages.set(path, page);
-        dispatch("preload:end", path);
-    });
-    window.addEventListener("xanix:reload", async (event) => {
-        const path = getPath();
-        dispatch("navigate:start", path);
-        let page = await getPage(path);
-        if (!page)
-            return;
-        const mod = await import(getImportUrl(page.pageId) + "?t=" + Date.now());
-        mount(path, mod.default, page);
-        history.pushState(null, "", path);
-        dispatch("navigate:end", path);
-    });
-    window.addEventListener("popstate", async () => {
-        const path = getPath();
-        dispatch("navigate", path);
-    });
-}

package/dist/client/context/RouteContext.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-export declare const RouteContext: React.Context<string>;
-type RouteProviderProps = {
-    children: React.ReactNode;
-    value?: string;
-};
-export declare const RouteProvider: ({ children, value }: RouteProviderProps) => React.JSX.Element;
-export default RouteContext;

package/dist/client/context/RouteContext.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useMemo } from "react";
-export const RouteContext = React.createContext("");
-let dispach = null;
-export const RouteProvider = ({ children, value }) => {
-    const [route, setRoute] = React.useState(value || window.location.pathname);
-    useMemo(() => {
-        if (value) {
-            dispach = () => {
-                setRoute(value);
-            };
-        }
-    }, [value]);
-    return (_jsx(RouteContext.Provider, { value: route, children: children }));
-};
-export default RouteContext;

package/dist/client/hooks/usePageProps.d.ts

@@ -1 +0,0 @@
-declare const usePageProps: () => void;

package/dist/client/hooks/usePageProps.js

@@ -1,2 +0,0 @@
-"use strict";
-const usePageProps = () => { };

package/dist/client/hooks/useRoute.d.ts

@@ -1 +0,0 @@
-declare const useRoute: () => void;

package/dist/client/hooks/useRoute.js

@@ -1,2 +0,0 @@
-"use strict";
-const useRoute = () => { };

package/dist/client/hooks/useSearchParams.d.ts

@@ -1 +0,0 @@
-declare const useSearchParams: () => void;

package/dist/client/hooks/useSearchParams.js

@@ -1,2 +0,0 @@
-"use strict";
-const useSearchParams = () => { };

package/dist/client/index.d.ts

@@ -1,2 +0,0 @@
-import { navigate, back, forward } from "./navigation.js";
-export { navigate, back, forward };

package/dist/client/index.js

@@ -1,2 +0,0 @@
-import { navigate, back, forward } from "./navigation.js";
-export { navigate, back, forward };

package/dist/client/navigation.d.ts

@@ -1,3 +0,0 @@
-export declare const navigate: (path: string) => Promise<void>;
-export declare const back: () => Promise<void>;
-export declare const forward: () => Promise<void>;

package/dist/client/navigation.js

@@ -1,27 +0,0 @@
-let history = [];
-let currentIndex = -1;
-const fire = (path) => {
-    window.history.pushState({}, "", path);
-    const popStateEvent = new PopStateEvent("popstate", { state: {} });
-    dispatchEvent(popStateEvent);
-};
-export const navigate = async (path) => {
-    history = history.slice(0, currentIndex + 1);
-    history.push(path);
-    currentIndex++;
-    fire(path);
-};
-export const back = async () => {
-    if (currentIndex > 0) {
-        currentIndex--;
-        const path = history[currentIndex];
-        fire(path);
-    }
-};
-export const forward = async () => {
-    if (currentIndex < history.length - 1) {
-        currentIndex++;
-        const path = history[currentIndex];
-        fire(path);
-    }
-};

package/dist/client/runtime.d.ts

@@ -1,10 +0,0 @@
-import type { DocumentContextData } from "../components/DocumentContext.js";
-import type { ComponentType } from "react";
-type DocumentInfo = DocumentContextData & {
-    component: ComponentType<any>;
-};
-export declare const getPath: () => string;
-export declare const getImportUrl: (pageId: string) => string;
-export declare const getPage: (path: string) => Promise<any>;
-export declare function mount(path: string, Component: ComponentType<any>, doc: DocumentInfo): Promise<void>;
-export {};

package/dist/client/runtime.js

@@ -1,98 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createRoot } from "react-dom/client";
-const pages = new Map();
-const ROOT_KEY = "__xanix_root__";
-export const getPath = () => {
-    const { pathname, search } = window.location;
-    return search ? `${pathname}${search}` : pathname;
-};
-export const getImportUrl = (pageId) => `/.xanix/client/${pageId}.js`;
-function getRoot() {
-    let ele = document.body;
-    if (!ele) {
-        throw new Error("Root element not found");
-    }
-    ele[ROOT_KEY] = ele[ROOT_KEY] ?? createRoot(ele);
-    return ele[ROOT_KEY];
-}
-export const getPage = async (path) => {
-    let page = pages.get(path);
-    if (page)
-        return page;
-    const response = await fetch(path, {
-        headers: {
-            "X-Navigation": "true",
-        },
-    });
-    if (!response.ok) {
-        return null;
-    }
-    return await response.json();
-};
-export async function mount(path, Component, doc) {
-    const root = getRoot();
-    pages.set(path, doc);
-    const Document = (await import(getImportUrl("xanix-document"))).default;
-    root.render(_jsx(Document, { document: doc, children: _jsx(Component, { ...doc.props }) }));
-}
-if (typeof window !== "undefined") {
-    const dispatch = (name, path) => {
-        window.dispatchEvent(new CustomEvent(`xanix:${name}`, { detail: { path } }));
-    };
-    window.addEventListener("load", async () => {
-        const path = getPath();
-        dispatch("navigate:start", path);
-        const doc = window.XANIX_DOCUMENT;
-        const mod = await import(getImportUrl(doc.pageId));
-        mount(path, mod.default, doc);
-        const scriptTag = document.getElementById(doc.pageId);
-        if (scriptTag) {
-            scriptTag.remove();
-        }
-        dispatch("navigate:end", path);
-    });
-    window.addEventListener("xanix:navigate", async (event) => {
-        const path = event.detail.path;
-        const replace = event.detail.replace;
-        dispatch("navigate:start", path);
-        let page = await getPage(path);
-        if (!page)
-            return;
-        const mod = await import(getImportUrl(page.pageId));
-        mount(path, mod.default, page);
-        if (replace) {
-            history.replaceState(null, "", path);
-        }
-        else {
-            history.pushState(null, "", path);
-        }
-        dispatch("navigate:end", path);
-    });
-    window.addEventListener("xanix:preload", async (event) => {
-        const path = event.detail.path;
-        if (!path)
-            return;
-        dispatch("preload:start", path);
-        const page = await getPage(path);
-        if (!page)
-            return;
-        await import(getImportUrl(page.pageId));
-        pages.set(path, page);
-        dispatch("preload:end", path);
-    });
-    window.addEventListener("xanix:reload", async (event) => {
-        const path = getPath();
-        dispatch("navigate:start", path);
-        let page = await getPage(path);
-        if (!page)
-            return;
-        const mod = await import(getImportUrl(page.pageId) + "?t=" + Date.now());
-        mount(path, mod.default, page);
-        history.pushState(null, "", path);
-        dispatch("navigate:end", path);
-    });
-    window.addEventListener("popstate", async () => {
-        const path = getPath();
-        dispatch("navigate", path);
-    });
-}

package/dist/components/Document/context.d.ts

@@ -1,11 +0,0 @@
-export type XanixDocumentData = {
-    pageId?: string;
-    props: Record<string, any>;
-    title: string;
-    meta: Array<{
-        name: string;
-        content: string;
-    }>;
-};
-export declare const DocumentContext: import("react").Context<XanixDocumentData>;
-export declare const useDocument: () => XanixDocumentData;

package/dist/components/Document/context.js

@@ -1,14 +0,0 @@
-import { createContext, useContext } from "react";
-export const DocumentContext = createContext({
-    pageId: "",
-    props: {},
-    title: "",
-    meta: [],
-});
-export const useDocument = () => {
-    const context = useContext(DocumentContext);
-    if (!context) {
-        throw new Error("useDocument must be used within a DocumentProvider");
-    }
-    return context;
-};

package/dist/components/Document/index.d.ts

@@ -1,8 +0,0 @@
-import { type XanixDocumentData } from "./context.js";
-import { HTMLProps } from "react";
-export type DocumentProps = HTMLProps<HTMLHtmlElement> & {
-    document: XanixDocumentData;
-    children: React.ReactNode;
-};
-declare const Document: ({ document, children, ...props }: DocumentProps) => import("react").JSX.Element;
-export default Document;

package/dist/components/Document/index.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { DocumentContext } from "./context.js";
-const Document = ({ document, children, ...props }) => {
-    return (_jsx(DocumentContext.Provider, { value: document, children: _jsx("html", { ...props, children: children }) }));
-};
-export default Document;

package/dist/document/BaseDocument.d.ts

@@ -1,3 +0,0 @@
-import { DocumentProps } from "./Document.js";
-declare const BaseDocument: ({ document, children }: DocumentProps) => import("react").JSX.Element;
-export default BaseDocument;

package/dist/document/BaseDocument.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Head from "./Head.js";
-import Body from "./Body.js";
-import Document from "./Document.js";
-const BaseDocument = ({ document, children }) => {
-    return (_jsxs(Document, { document: document, children: [_jsxs(Head, { children: [_jsx("meta", { charSet: "UTF-8" }), _jsx("meta", { name: "viewport", content: "width=device-width, initial-scale=1.0" })] }), _jsx(Body, { children: children })] }));
-};
-export default BaseDocument;

package/dist/document/Body.d.ts

@@ -1,5 +0,0 @@
-type BodyProps = {
-    children?: React.ReactNode;
-};
-declare const Body: ({ children }: BodyProps) => string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
-export default Body;

package/dist/document/Body.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const Body = ({ children }) => {
-    if (__XANIX_CLIENT__) {
-        return children;
-    }
-    return _jsx("body", { children: children });
-};
-export default Body;

package/dist/document/Document.d.ts

@@ -1,7 +0,0 @@
-import { DocumentContextData } from "./DocumentContext.js";
-export type DocumentProps = {
-    children?: React.ReactNode;
-    document: DocumentContextData;
-};
-declare const Document: ({ children, document }: DocumentProps) => import("react").JSX.Element;
-export default Document;

package/dist/document/Document.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { DocumentProvider } from "./DocumentContext.js";
-const Document = ({ children, document }) => {
-    if (__XANIX_CLIENT__) {
-        return _jsx(DocumentProvider, { value: document, children: children });
-    }
-    return (_jsx(DocumentProvider, { value: document, children: _jsx("html", { children: children }) }));
-};
-export default Document;

package/dist/document/DocumentContext.d.ts

@@ -1,18 +0,0 @@
-import type { Request } from "express";
-export type DocumentContextData = {
-    pageId: string;
-    props: Record<string, any>;
-    title: string;
-    meta: Array<{
-        name: string;
-        content: string;
-    }>;
-    params: Record<string, string>;
-    request?: Request;
-};
-export declare const DocumentContext: import("react").Context<DocumentContextData | null>;
-export type DocumentProviderProps = {
-    children: React.ReactNode;
-    value: DocumentContextData;
-};
-export declare const DocumentProvider: ({ children, value, }: DocumentProviderProps) => import("react").JSX.Element;

package/dist/document/DocumentContext.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext } from "react";
-export const DocumentContext = createContext(null);
-export const DocumentProvider = ({ children, value, }) => {
-    return (_jsx(DocumentContext.Provider, { value: value, children: children }));
-};

package/dist/document/Head.d.ts

@@ -1,5 +0,0 @@
-type HeadProps = {
-    children?: React.ReactNode;
-};
-declare const Head: ({ children }: HeadProps) => import("react").JSX.Element;
-export default Head;