xanix 1.0.16 → 1.0.18

package/dist/bin/browser.js

@@ -0,0 +1 @@
+"use strict";

package/dist/bin/bundler/generateClientEntries.js

@@ -1,6 +1,6 @@
 import { rollup } from "rollup";
 import path from "node:path";
-import { xanixGenerateClientEntryPlugins, } from "./plugins/plugins.js";
+import { xanixGenerateClientEntryPlugins } from "./plugins/plugins.js";
 import external from "./config/external.js";
 const root = process.cwd();
 const generateClientEntries = async ({ rootEntry, }) => {

package/dist/bin/bundler/plugins/XanixDocument/index.js

@@ -27,16 +27,16 @@ export default function xanixDocument() {
             // Detect common metadata export forms.
             const hasMetadata = /\bexport\s+(?:const|let|var|function|class)\s+metadata\b/.test(source) || /\bexport\s*\{\s*[^}]*\bmetadata\b[^}]*\}/.test(source);
             if (hasMetadata) {
-                return `
-import Document, * as DocumentModule from ${JSON.stringify(document)};
-export const metadata = DocumentModule.metadata;
-export default Document;
+                return `
+import Document, * as DocumentModule from ${JSON.stringify(document)};
+export const metadata = DocumentModule.metadata;
+export default Document;
 `;
             }
-            return `
-import Document from ${JSON.stringify(document)};
-export const metadata = async () => ({});
-export default Document;
+            return `
+import Document from ${JSON.stringify(document)};
+export const metadata = async () => ({});
+export default Document;
 `;
         },
     };

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

@@ -14,36 +14,36 @@ export default function xanixReactRefresh(WebSocketPort) {
                 return null;
             }
             const code = fs.readFileSync(id, "utf8");
-            const refreshCode = `
-import * as RefreshRuntime from "react-refresh/runtime";
-
-${code}
-
-  RefreshRuntime.injectIntoGlobalHook(window);
-  window.$RefreshReg$ = RefreshRuntime.register;
-  window.$RefreshSig$ = () => (type) => type;
-  const ws = new WebSocket("ws://localhost:" + ${WebSocketPort});
-
-  
-  ws.onmessage = async (event) => {
-    const files = JSON.parse(event.data);
-
-    for (const file of files) {
-      if (!file.endsWith(".js")) {
-        continue;
-      }
-
-      const url =
-        getImportUrl(file.replace(/\\.js$/, "")) +
-        "?t=" +
-        Date.now();
-
-      await import(url);
-    }
-
-    RefreshRuntime.performReactRefresh();
-    ws.send("reload")
-  };
+            const refreshCode = `
+import * as RefreshRuntime from "react-refresh/runtime";
+
+${code}
+
+  RefreshRuntime.injectIntoGlobalHook(window);
+  window.$RefreshReg$ = RefreshRuntime.register;
+  window.$RefreshSig$ = () => (type) => type;
+  const ws = new WebSocket("ws://localhost:" + ${WebSocketPort});
+
+  
+  ws.onmessage = async (event) => {
+    const files = JSON.parse(event.data);
+
+    for (const file of files) {
+      if (!file.endsWith(".js")) {
+        continue;
+      }
+
+      const url =
+        getImportUrl(file.replace(/\\.js$/, "")) +
+        "?t=" +
+        Date.now();
+
+      await import(url);
+    }
+
+    RefreshRuntime.performReactRefresh();
+    ws.send("reload")
+  };
 `;
             return {
                 code: refreshCode,

package/dist/bin/bundler/watchServer.js

@@ -20,7 +20,6 @@ const watchServer = async ({ rootEntry, onChange, onBuildEnd, onClientEntryChang
     const input = {
         index: path.resolve(root, rootEntry),
     };
-    // const changedFiles = new Set<string>();
     const watcher = watch({
         input,
         treeshake: true,
@@ -29,9 +28,6 @@ const watchServer = async ({ rootEntry, onChange, onBuildEnd, onClientEntryChang
                 target: "server",
                 development: true,
                 assetExternal: false,
-                // onChange: (entry) => {
-                //   changedFiles.add(entry);
-                // },
             }),
         ],
         external(id) {
@@ -53,7 +49,7 @@ const watchServer = async ({ rootEntry, onChange, onBuildEnd, onClientEntryChang
     watcher.on("event", async (event) => {
         switch (event.code) {
             case "BUNDLE_END":
-                await onBuildEnd?.(event.duration);
+                onBuildEnd?.(event.duration);
                 break;
             case "END":
                 const entries = await getEntries();

package/dist/bin/cli/browser.d.ts

@@ -0,0 +1 @@
+export declare function openOrFocusXanix(url?: string): Promise<void>;

package/dist/bin/cli/browser.js

@@ -0,0 +1,97 @@
+import { existsSync } from "node:fs";
+import path from "node:path";
+import { spawn } from "node:child_process";
+const CDP_PORT = 9222;
+const XANIX_URL = "http://localhost:3000";
+// Keep a separate profile so Xanix can control its own Chrome instance.
+const XANIX_CHROME_PROFILE = path.join(process.env.LOCALAPPDATA ?? process.cwd(), "Xanix", "Chrome");
+function getChromePath() {
+    const paths = [
+        path.join(process.env.PROGRAMFILES ?? "", "Google", "Chrome", "Application", "chrome.exe"),
+        path.join(process.env["PROGRAMFILES(X86)"] ?? "", "Google", "Chrome", "Application", "chrome.exe"),
+        path.join(process.env.LOCALAPPDATA ?? "", "Google", "Chrome", "Application", "chrome.exe"),
+    ];
+    return paths.find(existsSync);
+}
+async function isCdpRunning() {
+    try {
+        const response = await fetch(`http://127.0.0.1:${CDP_PORT}/json/version`);
+        return response.ok;
+    }
+    catch {
+        return false;
+    }
+}
+function startChrome(chromePath) {
+    spawn(chromePath, [
+        `--remote-debugging-port=${CDP_PORT}`,
+        `--user-data-dir=${XANIX_CHROME_PROFILE}`,
+        "--no-first-run",
+        "--no-default-browser-check",
+    ], {
+        detached: true,
+        stdio: "ignore",
+    }).unref();
+}
+async function waitForCdp(timeout = 5000) {
+    const start = Date.now();
+    while (Date.now() - start < timeout) {
+        if (await isCdpRunning()) {
+            return;
+        }
+        await new Promise((resolve) => setTimeout(resolve, 100));
+    }
+    throw new Error("Chrome DevTools Protocol did not start.");
+}
+async function getTabs() {
+    const response = await fetch(`http://127.0.0.1:${CDP_PORT}/json/list`);
+    if (!response.ok) {
+        throw new Error("Unable to get Chrome tabs.");
+    }
+    return response.json();
+}
+async function activateTab(targetId) {
+    const response = await fetch(`http://127.0.0.1:${CDP_PORT}/json/activate/${targetId}`);
+    if (!response.ok) {
+        throw new Error(`Unable to activate Chrome tab: ${targetId}`);
+    }
+}
+async function openNewTab(url) {
+    const response = await fetch(`http://127.0.0.1:${CDP_PORT}/json/new?${encodeURIComponent(url)}`, {
+        method: "PUT",
+    });
+    if (!response.ok) {
+        throw new Error(`Unable to open Chrome tab: ${url}`);
+    }
+}
+function sameUrl(tabUrl, targetUrl) {
+    try {
+        const a = new URL(tabUrl);
+        const b = new URL(targetUrl);
+        return (a.protocol === b.protocol &&
+            a.hostname === b.hostname &&
+            a.port === b.port &&
+            a.pathname === b.pathname);
+    }
+    catch {
+        return tabUrl === targetUrl;
+    }
+}
+export async function openOrFocusXanix(url = XANIX_URL) {
+    const chromePath = getChromePath();
+    if (!chromePath) {
+        throw new Error("Google Chrome was not found on this computer.");
+    }
+    // Start Xanix's Chrome instance only if it isn't already running.
+    if (!(await isCdpRunning())) {
+        startChrome(chromePath);
+        await waitForCdp();
+    }
+    const tabs = await getTabs();
+    const existingTab = tabs.find((tab) => tab.type === "page" && sameUrl(tab.url, url));
+    if (existingTab) {
+        await activateTab(existingTab.id);
+        return;
+    }
+    await openNewTab(url);
+}

package/dist/bin/cli/build.js

@@ -1,19 +1,31 @@
 import buildServer from "../bundler/buildServer.js";
 import buildClient from "../bundler/buildClient.js";
 import pc from "picocolors";
-import logger from "../include/logger.js";
+import spinner from "../include/spinner.js";
+import { readFile } from "fs/promises";
+import path from "path";
+import { fileURLToPath } from "url";
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const packageJson = JSON.parse(await readFile(path.join(__dirname, "../../../package.json"), "utf8"));
 const build = async (rootEntry) => {
-    logger.info(pc.green("Building server..."), "server");
+    console.log("");
+    console.log(pc.bold(`Xanix ${packageJson.version}`));
+    console.log("");
+    spinner.start(`Building server...`);
     const st = Date.now();
     await buildServer({
         rootEntry,
         onBuildEnd: async (entries) => {
-            logger.info(pc.green("Building client..."), "client");
+            spinner.stop(`${pc.green("✓")} Server built in ${pc.dim(Date.now() - st + "ms")}`);
+            spinner.start(`Building client...`);
             const duration = Date.now() - st;
-            if (entries.length) {
-                await buildClient(entries);
-            }
-            logger.info(pc.green(`Build completed in ${duration}ms`), "complete");
+            await buildClient(entries);
+            spinner.stop(`${pc.green("✓")} Client built in ${pc.dim(duration + "ms")}`);
+            console.log("");
+            console.log(pc.bold(pc.green(`Build completed in ${duration}ms`)));
+            console.log("");
+            console.log(`${pc.dim("Run")} ${pc.cyan("xanix start")} ${pc.dim("to start the server")}`);
+            console.log("");
         },
     });
 };

package/dist/bin/cli/dev.js

@@ -9,15 +9,17 @@ import outdirs from "../../outdirs.js";
 import { getWebSocketPort } from "../include/utils.js";
 import { readFile } from "node:fs/promises";
 import { fileURLToPath } from "node:url";
+import spinner from "../include/spinner.js";
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 const packageJson = JSON.parse(await readFile(path.join(__dirname, "../../../package.json"), "utf8"));
-let host;
+const serverInfo = {};
 let child;
 let firstStart = false;
-let startDuration = 0;
+let serverDuration = 0;
+let clientDuration = 0;
 const curl = () => {
     return new Promise((resolve, reject) => {
-        const child = spawn("curl", [host], {
+        const child = spawn("curl", [serverInfo.url], {
             stdio: "pipe",
         });
         child.on("error", reject);
@@ -31,17 +33,16 @@ function runStart() {
         child = spawn(process.execPath, [filePath], {
             stdio: ["inherit", "inherit", "inherit", "ipc"],
         });
-        child.on("message", (message) => {
-            if (message.type === "xanix:server:info") {
-                host = message.host;
+        child.on("message", async (message) => {
+            if (message.type === "xanix:ready") {
+                serverInfo.port = message.port;
+                serverInfo.url = message.url;
                 if (!firstStart) {
                     firstStart = true;
                     console.log("");
-                    console.log(pc.blue(`Xanix ${packageJson.version}`));
+                    console.log(`  ${pc.blue("➜ Local:")} ${pc.yellow(serverInfo.url)}`);
                     console.log("");
-                    console.log(`${pc.blue("- Local:")} ${pc.yellow(host)}`);
-                    console.log("");
-                    console.log(pc.green(`✓ Ready in ${startDuration}ms`));
+                    console.log(pc.green(`Ready in ${serverDuration + clientDuration}ms`));
                     console.log("");
                 }
                 resolve();
@@ -76,40 +77,45 @@ const dev = async (rootEntry) => {
     let clientChangeFiles = [];
     let _clientWatcher = null;
     const clientWatcher = async (entries) => {
+        spinner.start("Compiling Client...");
         _clientWatcher?.close();
         _clientWatcher = await watchClient(entries, {
             WebSocketPort,
             onReady: async () => {
+                spinner.stop(`${pc.green("✓")} Client compiled in ${pc.dim(clientDuration + "ms")}`);
                 await startServer();
             },
             onChange: async (files) => {
                 clientChangeFiles = files;
-                await startServer();
-                broadcast(JSON.stringify(files));
-                logger.info(`Client ${pc.yellow(files.join(", "))}`, "update");
             },
             onBuildEnd(duration) {
-                startDuration += duration;
+                clientDuration += duration;
             },
         });
     };
+    console.log("");
+    console.log(pc.bold(`Xanix ${packageJson.version}`));
+    console.log("");
+    spinner.start("Compiling Server...");
     const watch = await watchServer({
         rootEntry,
         onReady: async (entries) => {
+            spinner.stop(`${pc.green("✓")} Server compiled in ${pc.dim(serverDuration + "ms")}`);
             await clientWatcher(entries);
         },
-        onChange: async (files, entries) => {
-            if (!clientChangeFiles.length) {
-                await startServer();
-                logger.info(`Server ${pc.yellow(files.join(", "))}`, "update");
+        onChange: async (files) => {
+            await startServer();
+            if (clientChangeFiles.length) {
+                broadcast(JSON.stringify(clientChangeFiles));
             }
+            logger.info(`${pc.yellow(files.join(", "))}`, "[update]");
             clientChangeFiles = [];
         },
         onClientEntryChange: async (_entry, entries) => {
             await clientWatcher(entries);
         },
         onBuildEnd(duration) {
-            startDuration += duration;
+            serverDuration += duration;
         },
     });
     process.on("SIGINT", () => {

package/dist/bin/cli/start.js

@@ -1,11 +1,26 @@
-import path from "node:path";
 import { spawn } from "child_process";
+import pc from "picocolors";
+import { readFile } from "fs/promises";
+import path from "path";
+import { fileURLToPath } from "url";
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const packageJson = JSON.parse(await readFile(path.join(__dirname, "../../../package.json"), "utf8"));
 import outdirs from "../../outdirs.js";
 let child;
 const start = async () => {
+    console.log("");
+    console.log(pc.bold(`Xanix ${packageJson.version}`));
+    console.log("");
     const filePath = path.join(outdirs.server, "index.js");
     child = spawn(process.execPath, [filePath], {
-        stdio: "inherit",
+        stdio: ["inherit", "inherit", "inherit", "ipc"],
+    });
+    child.on("message", async (message) => {
+        if (message.type === "xanix:ready") {
+            const url = message.url;
+            console.log(`  ${pc.blue("➜ Local:")} ${pc.yellow(url)}`);
+            console.log("");
+        }
     });
     process.on("SIGINT", () => {
         child?.kill();

package/dist/bin/include/logger.d.ts

@@ -1,10 +1,7 @@
 declare const logger: {
     info: (msg: string, title?: string) => void;
-    warn: (msg: string) => void;
-    error: (msg: string) => void;
-    warnOnce: (msg: string) => void;
-    clearScreen: () => void;
-    hasErrorLogged: () => boolean;
-    hasWarned: boolean;
+    warn: (msg: string, title?: string) => void;
+    error: (msg: string, title?: string) => void;
+    success: (msg: string, title?: string) => void;
 };
 export default logger;

package/dist/bin/include/logger.js

@@ -1,11 +1,8 @@
 import pc from "picocolors";
 const logger = {
-    info: (msg, title = "xanix") => console.log(`${pc.blue(`[${title}]`)} ${msg}`),
-    warn: (msg) => console.log(`${pc.yellow("[xanix:warn]")} ${pc.yellow(msg)}`),
-    error: (msg) => console.log(`${pc.red("[xanix:error]")} ${pc.red(msg)}`),
-    warnOnce: (msg) => console.log(`${pc.yellow("[xanix:warn]")} ${pc.yellow(msg)}`),
-    clearScreen: () => { },
-    hasErrorLogged: () => false,
-    hasWarned: false,
+    info: (msg, title = "xanix") => console.log(`${pc.blue(`${title}`)} ${msg}`),
+    warn: (msg, title = "xanix:warning") => console.log(`${pc.yellow(`${title}`)} ${pc.yellow(msg)}`),
+    error: (msg, title = "xanix:error") => console.log(`${pc.red(`${title}`)} ${pc.red(msg)}`),
+    success: (msg, title = "xanix:success") => console.log(`${pc.green(`${title}`)} ${msg}`),
 };
 export default logger;

package/dist/bin/include/spinner.d.ts

@@ -0,0 +1,9 @@
+declare function startSpinner(message: string): void;
+declare function updateSpinner(message: string): void;
+declare function stopSpinner(message: string): void;
+declare const spinner: {
+    start: typeof startSpinner;
+    stop: typeof stopSpinner;
+    update: typeof updateSpinner;
+};
+export default spinner;

package/dist/bin/include/spinner.js

@@ -0,0 +1,27 @@
+const frames = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"];
+let spinnerTimer;
+let spinnerIndex = 0;
+function startSpinner(message) {
+    spinnerIndex = 0;
+    process.stdout.write(`${frames[0]} ${message}`);
+    spinnerTimer = setInterval(() => {
+        spinnerIndex = (spinnerIndex + 1) % frames.length;
+        process.stdout.write(`\r${frames[spinnerIndex]} ${message}`);
+    }, 80);
+}
+function updateSpinner(message) {
+    process.stdout.write(`\r\x1b[K${frames[spinnerIndex]} ${message}`);
+}
+function stopSpinner(message) {
+    if (spinnerTimer) {
+        clearInterval(spinnerTimer);
+        spinnerTimer = undefined;
+    }
+    process.stdout.write(`\r\x1b[K ${message}\n`);
+}
+const spinner = {
+    start: startSpinner,
+    stop: stopSpinner,
+    update: updateSpinner,
+};
+export default spinner;

package/dist/components/Head.js

@@ -26,7 +26,7 @@ const Head = ({ children }) => {
                             path,
                             metadata,
                             usedata,
-                        })};
+                        })};
         `,
                     } }), _jsx("script", { type: "module", src: `/${outdirs.client}/${__XANIX_CLIENT_RUNTIME_FILE_NAME__}.js` })] }));
     }

package/dist/hooks/useData.js

@@ -16,7 +16,7 @@ useData.register = (xanixId, callback) => {
             const usedata = doc.usedata || {};
             const itemData = usedata[xanixId];
             return {
-                data: `data_${xanixId}`,
+                data: itemData,
                 loading: false,
                 reload: async () => { },
             };
@@ -49,11 +49,12 @@ useData.register = (xanixId, callback) => {
                 setLoading(false);
             };
             useEffect(() => {
-                // if (init.current) {
-                //   reload();
-                // } else if (!itemData) {
-                //   reload();
-                // }
+                if (init.current) {
+                    reload();
+                }
+                else if (!itemData) {
+                    reload();
+                }
                 init.current = true;
             }, [JSON.stringify(args)]);
             return {

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

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

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

package/dist/hooks/useServer/registry.d.ts

@@ -1,7 +0,0 @@
-type Uid = string;
-export declare const state: Map<string, Function>;
-declare const registry: {
-    set: (uid: Uid, fn: Function) => void;
-    get: (uid: Uid) => Function | undefined;
-};
-export default registry;

package/dist/hooks/useServer/registry.js

@@ -1,12 +1 @@
-export const state = new Map();
-const set = (uid, fn) => {
-    state.set(uid, fn);
-};
-const get = (uid) => {
-    return state.get(uid);
-};
-const registry = {
-    set,
-    get,
-};
-export default registry;
+"use strict";

package/dist/hooks/useServer/resource.d.ts

@@ -0,0 +1,11 @@
+type ResourceStatus = "pending" | "success" | "error";
+type ServerResource<T = any> = {
+    uid: string;
+    status: ResourceStatus;
+    promise: Promise<T>;
+    value?: T;
+    error?: unknown;
+    read: () => T;
+};
+export declare function getServerResource<T>(pageId: string, uid: string, args: Record<string, any>): ServerResource<T>;
+export {};

package/dist/hooks/useServer/resource.js

@@ -0,0 +1,49 @@
+import { ServerRegistry } from "./registry.js";
+const serverResources = new Map();
+const createResourceKey = (uid, args) => {
+    return `${uid}:${JSON.stringify(args ?? {})}`;
+};
+function createResource(promise) {
+    const resource = {
+        uid: "",
+        status: "pending",
+        promise,
+        read() {
+            if (resource.status === "pending") {
+                throw resource.promise;
+            }
+            if (resource.status === "error") {
+                throw resource.error;
+            }
+            return resource.value;
+        },
+    };
+    promise.then((value) => {
+        resource.status = "success";
+        resource.value = value;
+    }, (error) => {
+        resource.status = "error";
+        resource.error = error;
+    });
+    return resource;
+}
+export function getServerResource(pageId, uid, args) {
+    let resources = serverResources.get(pageId);
+    if (!resources) {
+        resources = new Map();
+        serverResources.set(pageId, resources);
+    }
+    const key = createResourceKey(uid, args);
+    const existing = resources.get(key);
+    if (existing) {
+        return existing;
+    }
+    const callback = ServerRegistry.get(uid);
+    if (typeof callback !== "function") {
+        throw new Error(`useServer(): No server callback registered for uid "${uid}".`);
+    }
+    const promise = Promise.resolve(callback(args));
+    const resource = createResource(promise);
+    resources.set(key, resource);
+    return resource;
+}

package/dist/server/index.js

@@ -0,0 +1 @@
+"use strict";

package/dist/server/runtime/createServer.js

@@ -6,18 +6,17 @@ function createXanixServer({ mode }) {
     const originalListener = app.listen;
     app.listen = (...args) => {
         const server = originalListener.apply(app, args);
-        if (__XANIX_DEV__) {
-            const address = server.address();
-            if (typeof address === "object" && address) {
-                const host = address.address === "::" || address.address === "0.0.0.0"
-                    ? "localhost"
-                    : address.address;
-                const port = address.port;
-                process.send?.({
-                    type: "xanix:server:info",
-                    host: `http://${host}:${port}`,
-                });
-            }
+        const address = server.address();
+        if (typeof address === "object" && address) {
+            const host = address.address === "::" || address.address === "0.0.0.0"
+                ? "localhost"
+                : address.address;
+            const port = address.port;
+            process.send?.({
+                type: "xanix:ready",
+                port,
+                url: `http://${host}:${port}`,
+            });
         }
         return server;
     };

package/dist/types/assets.d.ts

@@ -1,34 +1,34 @@
-declare module "*.png" {
-  const src: string;
-  export default src;
-}
-
-declare module "*.jpg" {
-  const src: string;
-  export default src;
-}
-
-declare module "*.jpeg" {
-  const src: string;
-  export default src;
-}
-
-declare module "*.gif" {
-  const src: string;
-  export default src;
-}
-
-declare module "*.webp" {
-  const src: string;
-  export default src;
-}
-
-declare module "*.svg" {
-  const src: string;
-  export default src;
-}
-
-declare module "*.css" {
-  const src: string;
-  export default src;
-}
+declare module "*.png" {
+  const src: string;
+  export default src;
+}
+
+declare module "*.jpg" {
+  const src: string;
+  export default src;
+}
+
+declare module "*.jpeg" {
+  const src: string;
+  export default src;
+}
+
+declare module "*.gif" {
+  const src: string;
+  export default src;
+}
+
+declare module "*.webp" {
+  const src: string;
+  export default src;
+}
+
+declare module "*.svg" {
+  const src: string;
+  export default src;
+}
+
+declare module "*.css" {
+  const src: string;
+  export default src;
+}

package/dist/types/express.d.ts

@@ -1,7 +1,7 @@
-import "express-serve-static-core";
-
-declare module "express-serve-static-core" {
-  interface Request {}
-}
-
-export {};
+import "express-serve-static-core";
+
+declare module "express-serve-static-core" {
+  interface Request {}
+}
+
+export {};

package/dist/types/globals.d.ts

@@ -1,26 +1,26 @@
-declare global {
-  const __XANIX_CLIENT_RUNTIME_FILE_NAME__: string;
-  const __XANIX_PAGE_NAVIGATION_HEADER_VALUE__: string;
-  const __XANIX_CLIENT__: boolean;
-  const __XANIX_SERVER__: boolean;
-  const __XANIX_DEV__: boolean;
-  const __XANIX_PROD__: boolean;
-
-  // XANIX Data
-  const XANIXDT: {
-    handlers: Record<string, () => Promise<any>>;
-    pages: Record<string, string[]>;
-    initialed: Record<string, boolean>;
-  };
-
-  // navigation events
-  const XANIX_NAVIGATE: string;
-  const XANIX_NAVIGATE_START: string;
-  const XANIX_NAVIGATE_END: string;
-  const XANIX_PRELOAD: string;
-  const XANIX_PRELOAD_START: string;
-  const XANIX_PRELOAD_END: string;
-  const XANIX_NAVIGATE_RELOAD: string;
-}
-
-export {};
+declare global {
+  const __XANIX_CLIENT_RUNTIME_FILE_NAME__: string;
+  const __XANIX_PAGE_NAVIGATION_HEADER_VALUE__: string;
+  const __XANIX_CLIENT__: boolean;
+  const __XANIX_SERVER__: boolean;
+  const __XANIX_DEV__: boolean;
+  const __XANIX_PROD__: boolean;
+
+  // XANIX Data
+  const XANIXDT: {
+    handlers: Record<string, () => Promise<any>>;
+    pages: Record<string, string[]>;
+    initialed: Record<string, boolean>;
+  };
+
+  // navigation events
+  const XANIX_NAVIGATE: string;
+  const XANIX_NAVIGATE_START: string;
+  const XANIX_NAVIGATE_END: string;
+  const XANIX_PRELOAD: string;
+  const XANIX_PRELOAD_START: string;
+  const XANIX_PRELOAD_END: string;
+  const XANIX_NAVIGATE_RELOAD: string;
+}
+
+export {};

package/dist/types/xanix-virtual.d.ts

@@ -1,41 +1,41 @@
-declare module "virtual:xanix-document" {
-  import type { ComponentType, ReactNode } from "react";
-  import type { Request, Response } from "express";
-
-  export type XanixDocumentData = {
-    pageId: string;
-    props: Record<string, any>;
-    params: Record<string, string>;
-    path: string;
-    metadata: Record<string, any>;
-    request?: Request;
-    response?: Response;
-  };
-
-  export type XanixDocumentProps = {
-    document: XanixDocumentData;
-    children?: ReactNode;
-    page: {
-      id: string;
-      props: Record<string, any>;
-    };
-    metadata: Record<string, any>;
-    request?: Request;
-    response?: Response;
-  };
-
-  /**
-   * User-defined document component.
-   */
-  const Document: ComponentType<XanixDocumentProps>;
-
-  /**
-   * Generates document metadata for the current request.
-   */
-  export const metadata: (
-    request: Request,
-    context: { pageId: string; name: string },
-  ) => Promise<Record<string, any>>;
-
-  export default Document;
-}
+declare module "virtual:xanix-document" {
+  import type { ComponentType, ReactNode } from "react";
+  import type { Request, Response } from "express";
+
+  export type XanixDocumentData = {
+    pageId: string;
+    props: Record<string, any>;
+    params: Record<string, string>;
+    path: string;
+    metadata: Record<string, any>;
+    request?: Request;
+    response?: Response;
+  };
+
+  export type XanixDocumentProps = {
+    document: XanixDocumentData;
+    children?: ReactNode;
+    page: {
+      id: string;
+      props: Record<string, any>;
+    };
+    metadata: Record<string, any>;
+    request?: Request;
+    response?: Response;
+  };
+
+  /**
+   * User-defined document component.
+   */
+  const Document: ComponentType<XanixDocumentProps>;
+
+  /**
+   * Generates document metadata for the current request.
+   */
+  export const metadata: (
+    request: Request,
+    context: { pageId: string; name: string },
+  ) => Promise<Record<string, any>>;
+
+  export default Document;
+}

package/package.json

@@ -1,72 +1,72 @@
-{
-  "name": "xanix",
-  "version": "1.0.16",
-  "description": "",
-  "main": "dist/index.js",
-  "module": "dist/index.js",
-  "types": "./dist/index.d.ts",
-  "bin": {
-    "xanix": "dist/bin/index.js"
-  },
-  "type": "module",
-  "files": [
-    "dist"
-  ],
-  "exports": {
-    ".": {
-      "import": "./dist/index.js",
-      "require": "./dist/index.js"
-    },
-    "./page": {
-      "import": "./dist/server/page.js",
-      "require": "./dist/server/page.js"
-    },
-    "./runtime": {
-      "import": "./dist/server/runtime/index.js",
-      "require": "./dist/server/runtime/index.js"
-    }
-  },
-  "scripts": {
-    "dev": "tsc --watch --preserveWatchOutput",
-    "build": "tsc && node scripts/build-types.js"
-  },
-  "keywords": [],
-  "author": "Naxrul Ahmed",
-  "license": "ISC",
-  "dependencies": {
-    "@babel/generator": "^8.0.0",
-    "@babel/parser": "^8.0.4",
-    "@babel/traverse": "^8.0.4",
-    "@rollup/plugin-commonjs": "^29.0.3",
-    "@rollup/plugin-json": "^6.1.0",
-    "@rollup/plugin-node-resolve": "^16.0.3",
-    "@rollup/plugin-replace": "^6.0.3",
-    "@rollup/plugin-url": "^8.0.2",
-    "commander": "^15.0.0",
-    "dotenv": "^17.4.2",
-    "esbuild": "^0.28.2",
-    "express": "^5.2.1",
-    "picocolors": "^1.1.1",
-    "react-refresh": "^0.18.0",
-    "rollup": "^4.62.5",
-    "rollup-plugin-esbuild": "^6.2.1",
-    "tslib": "^2.8.1",
-    "ws": "^8.21.3",
-    "typescript": "^5.9.3"
-  },
-  "devDependencies": {
-    "@types/babel__core": "^7.20.5",
-    "@types/express": "^5.0.6",
-    "@types/node": "^26.2.0",
-    "@types/prompts": "^2.4.9",
-    "@types/react": "^19.2.17",
-    "@types/react-dom": "^19.2.3",
-    "@types/react-refresh": "^0.14.7",
-    "@types/ws": "^8.18.1",
-    "@xanui/core": "^1.3.38",
-    "@xanui/icons": "^1.1.14",
-    "@xanui/ui": "^1.2.24",
-    "react": "^19.2.8",
-    "react-dom": "^19.2.8"
-  }
-}
+{
+  "name": "xanix",
+  "version": "1.0.18",
+  "description": "",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "./dist/index.d.ts",
+  "bin": {
+    "xanix": "dist/bin/index.js"
+  },
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.js"
+    },
+    "./page": {
+      "import": "./dist/server/page.js",
+      "require": "./dist/server/page.js"
+    },
+    "./runtime": {
+      "import": "./dist/server/runtime/index.js",
+      "require": "./dist/server/runtime/index.js"
+    }
+  },
+  "scripts": {
+    "dev": "tsc --watch --preserveWatchOutput",
+    "build": "tsc && node scripts/build-types.js"
+  },
+  "keywords": [],
+  "author": "Naxrul Ahmed",
+  "license": "ISC",
+  "dependencies": {
+    "@babel/generator": "^8.0.0",
+    "@babel/parser": "^8.0.4",
+    "@babel/traverse": "^8.0.4",
+    "@rollup/plugin-commonjs": "^29.0.3",
+    "@rollup/plugin-json": "^6.1.0",
+    "@rollup/plugin-node-resolve": "^16.0.3",
+    "@rollup/plugin-replace": "^6.0.3",
+    "@rollup/plugin-url": "^8.0.2",
+    "commander": "^15.0.0",
+    "dotenv": "^17.4.2",
+    "esbuild": "^0.28.2",
+    "express": "^5.2.1",
+    "picocolors": "^1.1.1",
+    "react-refresh": "^0.18.0",
+    "rollup": "^4.62.5",
+    "rollup-plugin-esbuild": "^6.2.1",
+    "tslib": "^2.8.1",
+    "typescript": "^5.9.3",
+    "ws": "^8.21.3"
+  },
+  "devDependencies": {
+    "@types/babel__core": "^7.20.5",
+    "@types/express": "^5.0.6",
+    "@types/node": "^26.2.0",
+    "@types/prompts": "^2.4.9",
+    "@types/react": "^19.2.17",
+    "@types/react-dom": "^19.2.3",
+    "@types/react-refresh": "^0.14.7",
+    "@types/ws": "^8.18.1",
+    "@xanui/core": "^1.3.38",
+    "@xanui/icons": "^1.1.14",
+    "@xanui/ui": "^1.2.24",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8"
+  }
+}

package/dist/db/index.d.ts

@@ -1,2 +0,0 @@
-declare const _default: {};
-export default _default;

package/dist/db/index.js

@@ -1 +0,0 @@
-export default {};

package/dist/db/test.d.ts

@@ -1,2 +0,0 @@
-declare const _default: {};
-export default _default;

package/dist/db/test.js

@@ -1 +0,0 @@
-export default {};

package/dist/hooks/useServer/context.d.ts

@@ -1,7 +0,0 @@
-export declare const state: Map<string, Map<string, any>>;
-declare const UseServerRegistry: {
-    getHandlers: (pageId: string) => Map<string, any>;
-    setData: (pageId: string, uid: string, data: any) => void;
-    getData: (pageId: string, uid: string) => any;
-};
-export default UseServerRegistry;

package/dist/hooks/useServer/context.js

@@ -1,19 +0,0 @@
-export const state = new Map();
-const getHandlers = (pageId) => {
-    return state.get(pageId) || new Map();
-};
-const setData = (pageId, uid, data) => {
-    const handlers = getHandlers(pageId);
-    handlers.set(uid, data);
-    state.set(pageId, handlers);
-};
-const getData = (pageId, uid) => {
-    const handlers = getHandlers(pageId);
-    return handlers.get(uid);
-};
-const UseServerRegistry = {
-    getHandlers,
-    setData,
-    getData,
-};
-export default UseServerRegistry;

package/dist/hooks/useServer/registerUseServer.d.ts

@@ -1,3 +0,0 @@
-import { type UseServerCallback } from "./context.js";
-declare const registerUseServer: (uid: string, callback: UseServerCallback) => void;
-export default registerUseServer;

package/dist/hooks/useServer/registerUseServer.js

@@ -1,5 +0,0 @@
-import useServerState from "./context.js";
-const registerUseServer = (uid, callback) => {
-    useServerState.set(uid, callback);
-};
-export default registerUseServer;