xanix 1.0.5 → 1.0.8

package/package.json

@@ -1,73 +1,79 @@
-{
-  "name": "xanix",
-  "version": "1.0.5",
-  "description": "",
-  "main": "dist/index.js",
-  "module": "dist/index.js",
-  "types": "./dist/index.d.ts",
-  "bin": "./dist/bin/index.js",
-  "type": "module",
-  "files": [
-    "dist",
-    "xanix-env.d.ts"
-  ],
-  "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",
-    "start": "node dist/index.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-alias": "^6.0.0",
-    "@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"
-  },
-  "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",
-    "typescript": "^5.9.3"
-  }
-}
+{
+  "name": "xanix",
+  "version": "1.0.8",
+  "description": "",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "./dist/index.d.ts",
+  "bin": "./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"
+    },
+    "./BaseDocument": {
+      "types": "./dist/components/BaseDocument.d.ts",
+      "import": "./dist/components/BaseDocument.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/preset-react": "^8.0.1",
+    "@babel/preset-typescript": "^8.0.1",
+    "@babel/traverse": "^8.0.4",
+    "@rollup/plugin-alias": "^6.0.0",
+    "@rollup/plugin-babel": "^7.1.0",
+    "@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-typescript": "^12.3.0",
+    "@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"
+  },
+  "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",
+    "typescript": "^5.9.3"
+  }
+}

package/dist/BaseDocument.d.ts

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

package/dist/BaseDocument.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Head from "./components/Head.js";
-import Body from "./components/Body.js";
-import Document from "./components/Document/index.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/bin/bundler/plugins/XanixAssets/index.d.ts

@@ -1,4 +0,0 @@
-declare const xanixAssets: (options?: {
-    external: boolean;
-}) => import("rollup").Plugin<any>;
-export default xanixAssets;

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

@@ -1,22 +0,0 @@
-import url from "@rollup/plugin-url";
-const xanixAssets = (options) => {
-    return url({
-        include: [
-            "**/*.jpg",
-            "**/*.jpeg",
-            "**/*.png",
-            "**/*.gif",
-            "**/*.webp",
-            "**/*.svg",
-            "**/*.ico",
-            "**/*.woff",
-            "**/*.woff2",
-            "**/*.ttf",
-            "**/*.eot",
-        ],
-        limit: 0,
-        fileName: "assets/[name]-[hash][extname]",
-        emitFiles: !(options?.external ?? false),
-    });
-};
-export default xanixAssets;

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

@@ -1,6 +0,0 @@
-import type { Plugin } from "rollup";
-export interface XanixBrowserCodeOptions {
-    target?: "server" | "client";
-    globals?: string[];
-}
-export default function xanixBrowserCodeRemover(options?: XanixBrowserCodeOptions): Plugin;

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

@@ -1,350 +0,0 @@
-import { parse } from "@babel/parser";
-import traverse from "@babel/traverse";
-import generate from "@babel/generator";
-import * as t from "@babel/types";
-const DEFAULT_BROWSER_GLOBALS = [
-    "window",
-    "document",
-    "localStorage",
-    "sessionStorage",
-    "navigator",
-    "location",
-    "history",
-    "screen",
-    "indexedDB",
-    "caches",
-    "WebSocket",
-    "File",
-    "FileReader",
-    "Blob",
-    "FormData",
-    "EventSource",
-    "Worker",
-    "SharedWorker",
-    "IntersectionObserver",
-    "ResizeObserver",
-    "MutationObserver",
-    "PerformanceObserver",
-    "Notification",
-    "BroadcastChannel",
-    "MessageChannel",
-    "MessageEvent",
-    "URL",
-    "URLSearchParams",
-    "MediaSource",
-    "MediaRecorder",
-    "Audio",
-    "Image",
-    "HTMLImageElement",
-];
-export default function xanixBrowserCodeRemover(options = {}) {
-    const { target = "server", globals = DEFAULT_BROWSER_GLOBALS } = options;
-    const browserGlobals = new Set(globals);
-    return {
-        name: "xanix-browser-code-remover",
-        transform(code, id) {
-            if (target !== "server") {
-                return null;
-            }
-            if (id.includes("/node_modules/") || id.includes("\\node_modules\\")) {
-                return null;
-            }
-            if (!/\.(?:[cm]?[jt]sx?)$/.test(id)) {
-                return null;
-            }
-            const ast = parse(code, {
-                sourceType: "module",
-                plugins: [
-                    "jsx",
-                    "typescript",
-                    // "decorators-legacy",
-                    // "classProperties",
-                    // "classPrivateProperties",
-                    // "classPrivateMethods",
-                    // "optionalChaining",
-                    // "nullishCoalescingOperator",
-                    // "dynamicImport",
-                    // "topLevelAwait",
-                ],
-            });
-            const removePaths = new Set();
-            const replacePaths = new Set();
-            function isBrowserGlobal(path) {
-                const name = path.node.name;
-                if (!browserGlobals.has(name)) {
-                    return false;
-                }
-                if (!path.isReferencedIdentifier()) {
-                    return false;
-                }
-                // Don't transform locally declared variables.
-                if (path.scope.getBinding(name)) {
-                    return false;
-                }
-                return true;
-            }
-            function containsBrowserGlobal(path) {
-                let found = false;
-                path.traverse({
-                    Identifier(innerPath) {
-                        if (found) {
-                            return;
-                        }
-                        if (isBrowserGlobal(innerPath)) {
-                            found = true;
-                        }
-                    },
-                });
-                return found;
-            }
-            function getBrowserExpression(path) {
-                let current = path;
-                while (current.parentPath) {
-                    const parent = current.parentPath;
-                    /*
-                     * window.foo
-                     * window.foo.bar
-                     * window["foo"]
-                     */
-                    if (parent.isMemberExpression() ||
-                        parent.isOptionalMemberExpression()) {
-                        current = parent;
-                        continue;
-                    }
-                    /*
-                     * window.foo()
-                     * window.foo.bar()
-                     */
-                    if (parent.isCallExpression() || parent.isOptionalCallExpression()) {
-                        const callee = parent.get("callee");
-                        if (!Array.isArray(callee) && callee.node === current.node) {
-                            current = parent;
-                            continue;
-                        }
-                        break;
-                    }
-                    /*
-                     * window.foo!
-                     */
-                    if (parent.isTSNonNullExpression()) {
-                        current = parent;
-                        continue;
-                    }
-                    /*
-                     * window.foo as Something
-                     */
-                    if (parent.isTSAsExpression()) {
-                        current = parent;
-                        continue;
-                    }
-                    break;
-                }
-                return current;
-            }
-            function findContainingStatement(path) {
-                let current = path;
-                while (current.parentPath) {
-                    const parent = current.parentPath;
-                    if (parent.isExpressionStatement()) {
-                        return parent;
-                    }
-                    if (parent.isFunctionDeclaration() ||
-                        parent.isFunctionExpression() ||
-                        parent.isArrowFunctionExpression()) {
-                        return null;
-                    }
-                    current = parent;
-                }
-                return null;
-            }
-            function markRemove(path) {
-                if (!path.removed) {
-                    removePaths.add(path);
-                }
-            }
-            function markReplace(path) {
-                if (!path.removed) {
-                    replacePaths.add(path);
-                }
-            }
-            traverse(ast, {
-                /*
-                 * ---------------------------------------------------------
-                 * JSX
-                 *
-                 * <div>{window.innerWidth}</div>
-                 *
-                 * ->
-                 *
-                 * <div>{undefined}</div>
-                 * ---------------------------------------------------------
-                 */
-                JSXExpressionContainer(path) {
-                    const expression = path.get("expression");
-                    if (!expression || Array.isArray(expression)) {
-                        return;
-                    }
-                    if (expression.isJSXEmptyExpression()) {
-                        return;
-                    }
-                    if (!expression.isExpression()) {
-                        return;
-                    }
-                    if (!containsBrowserGlobal(expression)) {
-                        return;
-                    }
-                    markReplace(expression);
-                },
-                /*
-                 * ---------------------------------------------------------
-                 * Standalone browser statements
-                 *
-                 * window.addEventListener(...)
-                 * document.title = "Xanix"
-                 * localStorage.setItem(...)
-                 *
-                 * ->
-                 *
-                 * removed
-                 * ---------------------------------------------------------
-                 */
-                ExpressionStatement(path) {
-                    if (!containsBrowserGlobal(path)) {
-                        return;
-                    }
-                    markRemove(path);
-                },
-                /*
-                 * ---------------------------------------------------------
-                 * Variable declarations
-                 *
-                 * const width = window.innerWidth;
-                 *
-                 * ->
-                 *
-                 * const width = undefined;
-                 * ---------------------------------------------------------
-                 */
-                VariableDeclarator(path) {
-                    const init = path.get("init");
-                    if (!init || Array.isArray(init)) {
-                        return;
-                    }
-                    if (!init.isExpression()) {
-                        return;
-                    }
-                    if (!containsBrowserGlobal(init)) {
-                        return;
-                    }
-                    markReplace(init);
-                },
-                /*
-                 * ---------------------------------------------------------
-                 * Return
-                 *
-                 * return window.innerWidth;
-                 *
-                 * ->
-                 *
-                 * return undefined;
-                 * ---------------------------------------------------------
-                 */
-                ReturnStatement(path) {
-                    const argument = path.get("argument");
-                    if (!argument || Array.isArray(argument)) {
-                        return;
-                    }
-                    if (!argument.isExpression()) {
-                        return;
-                    }
-                    if (!containsBrowserGlobal(argument)) {
-                        return;
-                    }
-                    markReplace(argument);
-                },
-                /*
-                 * ---------------------------------------------------------
-                 * Identifier
-                 * ---------------------------------------------------------
-                 */
-                Identifier(path) {
-                    if (!isBrowserGlobal(path)) {
-                        return;
-                    }
-                    const browserExpression = getBrowserExpression(path);
-                    /*
-                     * JSXExpressionContainer is handled above.
-                     */
-                    if (browserExpression.parentPath?.isJSXExpressionContainer()) {
-                        return;
-                    }
-                    /*
-                     * Example:
-                     *
-                     * window.addEventListener(...)
-                     *
-                     * Remove the complete statement.
-                     */
-                    const statement = findContainingStatement(browserExpression);
-                    if (statement) {
-                        markRemove(statement);
-                        return;
-                    }
-                    const parent = browserExpression.parentPath;
-                    /*
-                     * Variable initializer:
-                     *
-                     * const x = window.foo;
-                     */
-                    if (parent?.isVariableDeclarator()) {
-                        markReplace(browserExpression);
-                        return;
-                    }
-                    /*
-                     * Return:
-                     *
-                     * return window.foo;
-                     */
-                    if (parent?.isReturnStatement()) {
-                        markReplace(browserExpression);
-                        return;
-                    }
-                    /*
-                     * General expression:
-                     *
-                     * console.log(window.innerWidth)
-                     *
-                     * ->
-                     *
-                     * console.log(undefined)
-                     */
-                    markReplace(browserExpression);
-                },
-            });
-            /*
-             * Remove first.
-             */
-            for (const path of removePaths) {
-                if (!path.removed) {
-                    path.remove();
-                }
-            }
-            /*
-             * Replace second.
-             */
-            for (const path of replacePaths) {
-                if (!path.removed) {
-                    path.replaceWith(t.identifier("undefined"));
-                }
-            }
-            const output = generate(ast, {
-                sourceMaps: true,
-                sourceFileName: id,
-            }, code);
-            return {
-                code: output.code,
-                map: output.map,
-            };
-        },
-    };
-}

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;