xanix 1.0.19 → 1.0.21

package/dist/bin/plugins/XanixServerTransform.js

@@ -1,207 +0,0 @@
-const RUNTIME_IMPORT = "xanix/runtime";
-function isIdentifier(node, name) {
-    if (!node || node.type !== "Identifier") {
-        return false;
-    }
-    return name === undefined || node.name === name;
-}
-function isCallExpression(node) {
-    return node?.type === "CallExpression";
-}
-function isMemberExpression(node) {
-    return (node?.type === "MemberExpression" ||
-        node?.type === "OptionalMemberExpression");
-}
-function getMemberPropertyName(node) {
-    if (!isMemberExpression(node)) {
-        return null;
-    }
-    if (node.computed) {
-        if (node.property?.type === "Literal" &&
-            typeof node.property.value === "string") {
-            return node.property.value;
-        }
-        return null;
-    }
-    if (node.property?.type === "Identifier") {
-        return node.property.name;
-    }
-    return null;
-}
-function walk(node, callback, parent = null) {
-    callback(node, parent);
-    for (const key of Object.keys(node)) {
-        if (key === "parent" ||
-            key === "loc" ||
-            key === "range" ||
-            key === "tokens" ||
-            key === "comments") {
-            continue;
-        }
-        const value = node[key];
-        if (Array.isArray(value)) {
-            for (const item of value) {
-                if (item && typeof item === "object") {
-                    if (typeof item.type === "string") {
-                        walk(item, callback, node);
-                    }
-                }
-            }
-            continue;
-        }
-        if (value && typeof value === "object" && typeof value.type === "string") {
-            walk(value, callback, node);
-        }
-    }
-}
-function findExpressServer(ast) {
-    const expressApps = new Map();
-    /*
-     * Find:
-     *
-     * const app = express();
-     */
-    walk(ast, (node) => {
-        if (node.type !== "VariableDeclarator") {
-            return;
-        }
-        if (!isIdentifier(node.id)) {
-            return;
-        }
-        if (!isCallExpression(node.init)) {
-            return;
-        }
-        if (!isIdentifier(node.init.callee, "express")) {
-            return;
-        }
-        expressApps.set(node.id.name, node);
-    });
-    if (!expressApps.size) {
-        return null;
-    }
-    /*
-     * Find:
-     *
-     * app.listen(...)
-     */
-    let result = null;
-    walk(ast, (node) => {
-        if (result) {
-            return;
-        }
-        if (node.type !== "CallExpression") {
-            return;
-        }
-        const callee = node.callee;
-        if (!isMemberExpression(callee)) {
-            return;
-        }
-        if (getMemberPropertyName(callee) !== "listen") {
-            return;
-        }
-        if (!isIdentifier(callee.object)) {
-            return;
-        }
-        const declarator = expressApps.get(callee.object.name);
-        if (!declarator) {
-            return;
-        }
-        result = {
-            appName: callee.object.name,
-            declarator,
-        };
-    });
-    return result;
-}
-function hasRuntimeImport(ast) {
-    for (const statement of ast.body ?? []) {
-        if (statement.type !== "ImportDeclaration") {
-            continue;
-        }
-        if (statement.source?.value !== RUNTIME_IMPORT) {
-            continue;
-        }
-        for (const specifier of statement.specifiers ?? []) {
-            if (specifier.type === "ImportSpecifier" &&
-                specifier.imported?.type === "Identifier" &&
-                specifier.imported.name === "createXanixServer") {
-                return true;
-            }
-        }
-    }
-    return false;
-}
-function createRuntimeImport(ast) {
-    if (hasRuntimeImport(ast)) {
-        return "";
-    }
-    return `import { createXanixServer } from "${RUNTIME_IMPORT}";\n`;
-}
-function getLanguage(id) {
-    const file = id.split("?")[0];
-    if (file.endsWith(".tsx")) {
-        return "tsx";
-    }
-    if (file.endsWith(".ts")) {
-        return "ts";
-    }
-    if (file.endsWith(".jsx")) {
-        return "jsx";
-    }
-    return "js";
-}
-export default function XanixServerTransform(options) {
-    return {
-        name: "xanix-server-transform",
-        transform: {
-            filter: {
-                id: /^(?!.*(?:node_modules[\\/])).*\.[cm]?[jt]sx?$/,
-            },
-            handler(code, id) {
-                /*
-                 * IMPORTANT:
-                 *
-                 * This is Rolldown's parser.
-                 * No Babel parser.
-                 */
-                let ast;
-                try {
-                    ast = this.parse(code, {
-                        lang: getLanguage(id),
-                    });
-                }
-                catch {
-                    return null;
-                }
-                const server = findExpressServer(ast);
-                if (!server) {
-                    return null;
-                }
-                const init = server.declarator.init;
-                if (!init ||
-                    !isCallExpression(init) ||
-                    !isIdentifier(init.callee, "express")) {
-                    return null;
-                }
-                if (init.start == null || init.end == null) {
-                    return null;
-                }
-                const replacement = `createXanixServer({ mode: ${JSON.stringify(options.mode)} })`;
-                /*
-                 * We only need one source replacement.
-                 *
-                 * If you're using Rolldown native MagicString,
-                 * perform the overwrite there.
-                 */
-                const importCode = createRuntimeImport(ast);
-                const before = code.slice(0, init.start);
-                const after = code.slice(init.end);
-                const transformed = importCode + before + replacement + after;
-                return {
-                    code: transformed,
-                    map: null,
-                };
-            },
-        },
-    };
-}

package/dist/bin/plugins/XanixUseServer.d.ts

@@ -1,7 +0,0 @@
-import type { Plugin } from "rolldown";
-type Options = {
-    isClient: boolean;
-    root?: string;
-};
-export default function XanixUseServer(options: Options): Plugin;
-export {};

package/dist/bin/plugins/XanixUseServer.js

@@ -1,445 +0,0 @@
-import crypto from "node:crypto";
-import path from "node:path";
-const XANIX_PACKAGE = "xanix";
-/* ============================================================
-   Utils
-   ============================================================ */
-const normalizePath = (value) => value.replace(/\\/g, "/");
-const createUID = (file, index) => crypto
-    .createHash("sha256")
-    .update(`${file}:${index}`)
-    .digest("hex")
-    .slice(0, 16);
-const source = (code, node) => code.slice(node.start, node.end);
-/* ============================================================
-   AST walker
-   ============================================================ */
-function walk(node, visitor, parent = null, ancestors = []) {
-    visitor(node, parent, ancestors);
-    const nextAncestors = [...ancestors, node];
-    for (const key of Object.keys(node)) {
-        if (key === "parent" ||
-            key === "loc" ||
-            key === "range" ||
-            key === "tokens" ||
-            key === "comments") {
-            continue;
-        }
-        const value = node[key];
-        if (Array.isArray(value)) {
-            for (const item of value) {
-                if (item && typeof item === "object" && typeof item.type === "string") {
-                    walk(item, visitor, node, nextAncestors);
-                }
-            }
-            continue;
-        }
-        if (value && typeof value === "object" && typeof value.type === "string") {
-            walk(value, visitor, node, nextAncestors);
-        }
-    }
-}
-/* ============================================================
-   Find local useServer name
-
-   import { useServer } from "xanix";
-
-   import {
-     useServer as server
-   } from "xanix";
-   ============================================================ */
-function getUseServerName(ast) {
-    for (const statement of ast.body ?? []) {
-        if (statement.type !== "ImportDeclaration") {
-            continue;
-        }
-        if (statement.source?.value !== XANIX_PACKAGE) {
-            continue;
-        }
-        for (const specifier of statement.specifiers ?? []) {
-            if (specifier.type !== "ImportSpecifier") {
-                continue;
-            }
-            const imported = specifier.imported;
-            if (imported?.type === "Identifier" && imported.name === "useServer") {
-                return specifier.local.name;
-            }
-            if (imported?.type === "Literal" && imported.value === "useServer") {
-                return specifier.local.name;
-            }
-        }
-    }
-    return null;
-}
-/* ============================================================
-   Detect:
-
-   useServer(...)
-   ============================================================ */
-function isUseServer(node, localName) {
-    return (node.type === "CallExpression" &&
-        node.callee?.type === "Identifier" &&
-        node.callee.name === localName);
-}
-/* ============================================================
-   Create:
-
-   {
-     uid: "abc",
-     args: {
-       id
-     }
-   }
-
-   OR:
-
-   {
-     uid: "abc",
-     args: {
-       ...args
-     }
-   }
-   ============================================================ */
-function createServerRequest(code, props, uid) {
-    const args = props ? source(code, props) : "{}";
-    return ["{", `uid: ${JSON.stringify(uid)},`, `args: ${args},`, "}"].join("\n");
-}
-/* ============================================================
-   Find Xanix import
-   ============================================================ */
-function findXanixImport(ast) {
-    for (const statement of ast.body ?? []) {
-        if (statement.type === "ImportDeclaration" &&
-            statement.source?.value === XANIX_PACKAGE) {
-            return statement;
-        }
-    }
-    return null;
-}
-/* ============================================================
-   Check registerUseServer import
-   ============================================================ */
-function hasRegisterUseServerImport(ast) {
-    const xanixImport = findXanixImport(ast);
-    if (!xanixImport) {
-        return false;
-    }
-    for (const specifier of xanixImport.specifiers ?? []) {
-        if (specifier.type !== "ImportSpecifier") {
-            continue;
-        }
-        const imported = specifier.imported;
-        if (imported?.type === "Identifier" &&
-            imported.name === "registerUseServer") {
-            return true;
-        }
-        if (imported?.type === "Literal" &&
-            imported.value === "registerUseServer") {
-            return true;
-        }
-    }
-    return false;
-}
-/* ============================================================
-   Create import edit
-
-   Existing:
-
-   import { useServer } from "xanix";
-
-   becomes:
-
-   import {
-     useServer,
-     registerUseServer
-   } from "xanix";
-   ============================================================ */
-function createRegisterImportEdit(code, ast) {
-    if (hasRegisterUseServerImport(ast)) {
-        return null;
-    }
-    const xanixImport = findXanixImport(ast);
-    if (!xanixImport) {
-        return {
-            start: 0,
-            end: 0,
-            content: `import { registerUseServer } from "xanix";\n`,
-        };
-    }
-    const specifiers = xanixImport.specifiers ?? [];
-    /*
-     * import "xanix";
-     */
-    if (!specifiers.length) {
-        return {
-            start: xanixImport.start,
-            end: xanixImport.end,
-            content: `import { registerUseServer } from "xanix";`,
-        };
-    }
-    /*
-     * Insert before the closing "}".
-     *
-     * We don't regenerate the import.
-     * We simply append a named specifier.
-     */
-    const lastSpecifier = specifiers[specifiers.length - 1];
-    if (lastSpecifier?.end == null) {
-        return null;
-    }
-    return {
-        start: lastSpecifier.end,
-        end: lastSpecifier.end,
-        content: ", registerUseServer",
-    };
-}
-/* ============================================================
-   Insert registrations after imports
-   ============================================================ */
-function getImportInsertionPosition(ast) {
-    const body = ast.body ?? [];
-    let position = 0;
-    for (const statement of body) {
-        if (statement.type !== "ImportDeclaration") {
-            break;
-        }
-        if (statement.end != null) {
-            position = statement.end;
-        }
-    }
-    return position;
-}
-/* ============================================================
-   CLIENT
-
-   Source:
-
-   useServer(
-     async ({ id }) => getUser(id),
-     { id }
-   )
-
-   becomes:
-
-   useServer({
-     uid: "abc123",
-     args: {
-       id
-     }
-   })
-   ============================================================ */
-function transformClient(code, ast, filePath, useServerName) {
-    let index = 0;
-    const edits = [];
-    walk(ast, (node) => {
-        if (!isUseServer(node, useServerName)) {
-            return;
-        }
-        const callback = node.arguments?.[0];
-        if (!callback ||
-            !(callback.type === "ArrowFunctionExpression" ||
-                callback.type === "FunctionExpression")) {
-            return;
-        }
-        const props = node.arguments?.[1];
-        const uid = createUID(filePath, index++);
-        const request = createServerRequest(code, props, uid);
-        edits.push({
-            start: node.start,
-            end: node.end,
-            content: `${useServerName}(${request})`,
-        });
-    });
-    if (!edits.length) {
-        return null;
-    }
-    return applyEdits(code, edits, filePath);
-}
-/* ============================================================
-   SERVER
-
-   Source:
-
-   useServer(
-     async ({ id }) => getUser(id),
-     { id }
-   )
-
-   becomes:
-
-   registerUseServer(
-     "abc123",
-     async ({ id }) => getUser(id)
-   );
-
-   useServer({
-     uid: "abc123",
-     args: { id }
-   })
-   ============================================================ */
-function transformServer(code, ast, filePath, useServerName) {
-    let index = 0;
-    const edits = [];
-    const registrations = [];
-    walk(ast, (node) => {
-        if (!isUseServer(node, useServerName)) {
-            return;
-        }
-        const callback = node.arguments?.[0];
-        if (!callback ||
-            !(callback.type === "ArrowFunctionExpression" ||
-                callback.type === "FunctionExpression")) {
-            return;
-        }
-        const props = node.arguments?.[1];
-        const uid = createUID(filePath, index++);
-        /*
-         * registerUseServer(
-         *   "abc123",
-         *   async ({ id }) => getUser(id)
-         * );
-         */
-        registrations.push([
-            "registerUseServer(",
-            `${JSON.stringify(uid)},`,
-            `${source(code, callback)}`,
-            ");",
-        ].join("\n"));
-        /*
-         * Replace:
-         *
-         * useServer(callback, props)
-         *
-         * with:
-         *
-         * useServer({
-         *   uid,
-         *   args
-         * })
-         */
-        const request = createServerRequest(code, props, uid);
-        edits.push({
-            start: node.start,
-            end: node.end,
-            content: `${useServerName}(${request})`,
-        });
-    });
-    if (!edits.length) {
-        return null;
-    }
-    /*
-     * Add registerUseServer import.
-     */
-    const importEdit = createRegisterImportEdit(code, ast);
-    if (importEdit) {
-        edits.push(importEdit);
-    }
-    /*
-     * Insert registrations after imports.
-     */
-    const importPosition = getImportInsertionPosition(ast);
-    if (registrations.length) {
-        edits.push({
-            start: importPosition,
-            end: importPosition,
-            content: `\n\n${registrations.join("\n\n")}\n`,
-        });
-    }
-    return applyEdits(code, edits, filePath);
-}
-/* ============================================================
-   Apply edits
-   ============================================================ */
-function applyEdits(code, edits, filePath) {
-    /*
-     * Sort backwards so source offsets
-     * remain valid.
-     */
-    edits.sort((a, b) => b.start - a.start);
-    let result = code;
-    let lastStart = Number.POSITIVE_INFINITY;
-    for (const edit of edits) {
-        /*
-         * Ignore overlapping edits.
-         */
-        if (edit.end > lastStart) {
-            continue;
-        }
-        result =
-            result.slice(0, edit.start) + edit.content + result.slice(edit.end);
-        lastStart = edit.start;
-    }
-    /*
-     * We deliberately don't fabricate
-     * a sourcemap here.
-     *
-     * The plugin returns null below.
-     */
-    return {
-        code: result,
-        map: null,
-    };
-}
-/* ============================================================
-   Plugin
-   ============================================================ */
-export default function XanixUseServer(options) {
-    const root = path.resolve(options.root ?? process.cwd());
-    return {
-        name: "xanix-use-server",
-        transform: {
-            filter: {
-                id: /^(?!.*(?:node_modules[\\/])).*\.[cm]?[jt]sx?$/,
-            },
-            handler(code, id) {
-                const filename = id.split("?")[0];
-                const relativePath = normalizePath(path.relative(root, filename));
-                let ast;
-                try {
-                    /*
-                     * Rolldown/Oxc parser.
-                     *
-                     * This parses the original
-                     * TypeScript / TSX / JSX source.
-                     */
-                    ast = this.parse(code, {
-                        lang: getLanguage(filename),
-                    });
-                }
-                catch {
-                    return null;
-                }
-                const useServerName = getUseServerName(ast);
-                if (!useServerName) {
-                    return null;
-                }
-                const result = options.isClient
-                    ? transformClient(code, ast, relativePath, useServerName)
-                    : transformServer(code, ast, relativePath, useServerName);
-                if (!result) {
-                    return null;
-                }
-                return {
-                    code: result.code,
-                    map: result.map,
-                };
-            },
-        },
-    };
-}
-/* ============================================================
-   Language
-   ============================================================ */
-function getLanguage(id) {
-    const file = id.split("?")[0];
-    if (file.endsWith(".tsx")) {
-        return "tsx";
-    }
-    if (file.endsWith(".ts")) {
-        return "ts";
-    }
-    if (file.endsWith(".jsx")) {
-        return "jsx";
-    }
-    return "js";
-}

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

@@ -1,8 +0,0 @@
-import type { Plugin } from "rolldown";
-export interface XanixRollupOptions {
-    target?: "client" | "server";
-    development?: boolean;
-    assetExternal?: boolean;
-    WebSocketPort?: number;
-}
-export declare function xanixDefaultPlugins(options: XanixRollupOptions): Plugin[];

package/dist/bin/plugins/plugins.js

@@ -1,31 +0,0 @@
-import XanixTsconfigAlias from "./XanixTsconfigAlias.js";
-import XanixDocument from "./XanixDocument/index.js";
-import XanixUseServer from "./XanixUseServer.js";
-import XanixAssets from "./XanixAssets.js";
-export function xanixDefaultPlugins(options) {
-    const target = options.target ?? "client";
-    const development = options.development ?? true;
-    const isClient = target === "client";
-    const isServer = target === "server";
-    let _plugins = [];
-    if (isServer) {
-        // _plugins.push(XanixPageTransform());
-        // _plugins.push(
-        //   XanixServerTransform({ mode: development ? "watch" : "start" }),
-        // );
-    }
-    else {
-        if (development) {
-            // _plugins.push(xanixReactRefresh(options.WebSocketPort as number));
-        }
-    }
-    return [
-        XanixAssets({
-            emit: isServer,
-        }),
-        XanixTsconfigAlias(),
-        XanixDocument(),
-        XanixUseServer({ isClient }),
-        ..._plugins,
-    ];
-}

package/dist/components/Script.d.ts

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

package/dist/components/Script.js

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