xanix 1.0.0 → 1.0.3

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

@@ -1,224 +0,0 @@
-import path from "node:path";
-import crypto from "node:crypto";
-import { parse } from "@babel/parser";
-import traverse from "@babel/traverse";
-import generate from "@babel/generator";
-import * as t from "@babel/types";
-function createLoaderId(filename, start) {
-    const relative = path.relative(process.cwd(), filename).replace(/\\/g, "/");
-    const value = `${relative}:${start}`;
-    return crypto.createHash("sha256").update(value).digest("hex").slice(0, 16);
-}
-function getArgumentNames(node) {
-    const names = [];
-    for (const property of node.properties) {
-        if (!t.isObjectProperty(property)) {
-            continue;
-        }
-        if (t.isIdentifier(property.key)) {
-            names.push(property.key.name);
-        }
-    }
-    return names;
-}
-export default function xanixServerData(options = {}) {
-    const root = options.root ?? process.cwd();
-    return {
-        name: "xanix-server-data",
-        transform(code, id) {
-            if (id.includes("node_modules") || !/\.(js|jsx|ts|tsx)$/.test(id)) {
-                return null;
-            }
-            const ast = parse(code, {
-                sourceType: "module",
-                plugins: ["typescript", "jsx"],
-            });
-            let hasUseData = false;
-            let changed = false;
-            const loaderStatements = [];
-            // --------------------------------------------------
-            // Find useData
-            // --------------------------------------------------
-            traverse(ast, {
-                ImportDeclaration(importPath) {
-                    if (importPath.node.source.value !== "xanix") {
-                        return;
-                    }
-                    for (const specifier of importPath.node.specifiers) {
-                        if (t.isImportSpecifier(specifier) &&
-                            t.isIdentifier(specifier.imported) &&
-                            specifier.imported.name === "useData") {
-                            hasUseData = true;
-                        }
-                    }
-                },
-            });
-            if (!hasUseData) {
-                return null;
-            }
-            // --------------------------------------------------
-            // Transform useData()
-            // --------------------------------------------------
-            traverse(ast, {
-                CallExpression(callPath) {
-                    const node = callPath.node;
-                    if (!t.isIdentifier(node.callee) || node.callee.name !== "useData") {
-                        return;
-                    }
-                    const callback = node.arguments[0];
-                    const args = node.arguments[1];
-                    if (!callback ||
-                        !(t.isArrowFunctionExpression(callback) ||
-                            t.isFunctionExpression(callback))) {
-                        return;
-                    }
-                    if (!args || !t.isObjectExpression(args)) {
-                        return;
-                    }
-                    const loaderId = createLoaderId(id, node.start ?? 0);
-                    const argumentNames = getArgumentNames(args);
-                    // ----------------------------------------------
-                    // Clone callback body
-                    // ----------------------------------------------
-                    const callbackBody = t.cloneNode(callback.body, true);
-                    // ----------------------------------------------
-                    // Create:
-                    //
-                    // async ({ category }) => {
-                    //   ...
-                    // }
-                    // ----------------------------------------------
-                    const parameterProperties = argumentNames.map((name) => t.objectProperty(t.identifier(name), t.identifier(name), false, true));
-                    const loaderParameter = t.objectPattern(parameterProperties);
-                    let loaderFunction;
-                    if (t.isBlockStatement(callbackBody)) {
-                        loaderFunction = t.arrowFunctionExpression([loaderParameter], callbackBody, callback.async);
-                    }
-                    else {
-                        loaderFunction = t.arrowFunctionExpression([loaderParameter], callbackBody, callback.async);
-                    }
-                    // ----------------------------------------------
-                    // registerLoader(...)
-                    // ----------------------------------------------
-                    const registerLoader = t.expressionStatement(t.callExpression(t.identifier("registerLoader"), [
-                        t.stringLiteral(loaderId),
-                        loaderFunction,
-                    ]));
-                    loaderStatements.push(registerLoader);
-                    // ----------------------------------------------
-                    // Replace:
-                    //
-                    // useData(callback, args)
-                    //
-                    // with:
-                    //
-                    // useLoader(
-                    //   page.pageId,
-                    //   "id",
-                    //   args
-                    // )
-                    // ----------------------------------------------
-                    const useLoader = t.callExpression(t.identifier("useLoader"), [
-                        t.memberExpression(t.identifier("page"), t.identifier("pageId")),
-                        t.stringLiteral(loaderId),
-                        t.cloneNode(args, true),
-                    ]);
-                    callPath.replaceWith(useLoader);
-                    changed = true;
-                },
-            });
-            if (!changed) {
-                return null;
-            }
-            // --------------------------------------------------
-            // Remove useData from import
-            // --------------------------------------------------
-            traverse(ast, {
-                ImportDeclaration(importPath) {
-                    if (importPath.node.source.value !== "xanix") {
-                        return;
-                    }
-                    importPath.node.specifiers = importPath.node.specifiers.filter((specifier) => {
-                        return !(t.isImportSpecifier(specifier) &&
-                            t.isIdentifier(specifier.imported) &&
-                            specifier.imported.name === "useData");
-                    });
-                    if (importPath.node.specifiers.length === 0) {
-                        importPath.remove();
-                    }
-                },
-            });
-            // --------------------------------------------------
-            // Add imports
-            // --------------------------------------------------
-            const program = ast.program;
-            let importEnd = 0;
-            while (importEnd < program.body.length &&
-                t.isImportDeclaration(program.body[importEnd])) {
-                importEnd++;
-            }
-            const usePageImport = t.importDeclaration([t.importSpecifier(t.identifier("usePage"), t.identifier("usePage"))], t.stringLiteral("xanix"));
-            const loaderImport = t.importDeclaration([
-                t.importSpecifier(t.identifier("useLoader"), t.identifier("useLoader")),
-                t.importSpecifier(t.identifier("registerLoader"), t.identifier("registerLoader")),
-            ], t.stringLiteral("xanix/runtime/loader"));
-            program.body.splice(importEnd, 0, usePageImport, loaderImport);
-            // --------------------------------------------------
-            // Insert registerLoader calls
-            // after imports
-            // --------------------------------------------------
-            program.body.splice(importEnd + 2, 0, ...loaderStatements);
-            // --------------------------------------------------
-            // Add:
-            //
-            // const page = usePage();
-            //
-            // to function containing useLoader()
-            // --------------------------------------------------
-            traverse(ast, {
-                Function(functionPath) {
-                    let hasUseLoader = false;
-                    functionPath.traverse({
-                        CallExpression(innerPath) {
-                            if (t.isIdentifier(innerPath.node.callee, {
-                                name: "useLoader",
-                            })) {
-                                hasUseLoader = true;
-                                innerPath.stop();
-                            }
-                        },
-                    });
-                    if (!hasUseLoader) {
-                        return;
-                    }
-                    if (!t.isBlockStatement(functionPath.node.body)) {
-                        return;
-                    }
-                    const alreadyHasPage = functionPath.node.body.body.some((statement) => {
-                        if (!t.isVariableDeclaration(statement)) {
-                            return false;
-                        }
-                        return statement.declarations.some((declaration) => t.isIdentifier(declaration.id, {
-                            name: "page",
-                        }));
-                    });
-                    if (alreadyHasPage) {
-                        return;
-                    }
-                    const declaration = t.variableDeclaration("const", [
-                        t.variableDeclarator(t.identifier("page"), t.callExpression(t.identifier("usePage"), [])),
-                    ]);
-                    functionPath.node.body.body.unshift(declaration);
-                },
-            });
-            const output = generate(ast, {
-                sourceMaps: true,
-                sourceFileName: id,
-            }, code);
-            return {
-                code: output.code,
-                map: output.map,
-            };
-        },
-    };
-}

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

@@ -1,6 +0,0 @@
-import type { Plugin } from "rollup";
-export interface XanixTsconfigAliasOptions {
-    tsconfigPath?: string;
-    root?: string;
-}
-export default function xanixTsconfigAlias(options?: XanixTsconfigAliasOptions): Plugin;

package/dist/client/components/Body.d.ts

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

package/dist/client/components/Body.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useDocument } from "./Document/context.js";
-const Body = ({ children }) => {
-    const { scripts } = useDocument();
-    return (_jsxs("body", { children: [children, Array.isArray(scripts) &&
-                scripts
-                    .filter(({ placement }) => placement === "body")
-                    .map((s) => (_jsx("script", { src: s.src, type: s.type || "text/javascript" }, s.src)))] }));
-};
-export default Body;

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

@@ -1,3 +0,0 @@
-import { XanixDocumentData } from "../../../types";
-export declare const DocumentContext: import("react").Context<XanixDocumentData>;
-export declare const useDocument: () => XanixDocumentData;

package/dist/client/components/Document/context.js

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

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

@@ -1,8 +0,0 @@
-import type { XanixDocumentData } from "../../../types";
-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/client/components/Document/index.js

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

package/dist/client/components/Head copy.d.ts

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

package/dist/client/components/Head copy.js

@@ -1,8 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { getDocumentData } from "../../utils/index.js";
-const doc = getDocumentData();
-const Head = ({ children }) => {
-    doc.head = children;
-    return _jsx(_Fragment, {});
-};
-export default Head;

package/dist/client/components/Head.d.ts

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

package/dist/client/components/Head.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useDocument } from "./Document/context.js";
-const Head = ({ children }) => {
-    const { title, meta, styles, scripts } = useDocument();
-    return (_jsxs("head", { children: [_jsx("title", { children: title }), Array.from(meta.entries()).map(([name, content]) => (_jsx("meta", { name: name, content: content }, name))), children, Array.from(styles).map((href) => (_jsx("link", { rel: "stylesheet", href: href }, href))), Array.isArray(scripts) &&
-                scripts
-                    .filter(({ placement }) => placement === "head")
-                    .map((s) => (_jsx("script", { src: s.src, type: s.type || "text/javascript" }, s.src)))] }));
-};
-export default Head;

package/dist/client/components/Link.d.ts

@@ -1,6 +0,0 @@
-import { HTMLProps } from "react";
-export type LinkProps = Omit<HTMLProps<HTMLAnchorElement>, "href"> & {
-    href: string;
-};
-declare const Link: ({ children, ...props }: LinkProps) => import("react").JSX.Element;
-export default Link;

package/dist/client/components/Link.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { navigate } from "../navigation";
-const Link = ({ children, ...props }) => {
-    return (_jsx("a", { ...props, onClick: (e) => {
-            e.preventDefault();
-            e.stopPropagation();
-            navigate(props.href);
-        }, children: children }));
-};
-export default Link;

package/dist/client/refresh.d.ts

@@ -1,7 +0,0 @@
-export type RefreshRecord = {
-    id: string;
-    current: Function;
-    previous?: Function;
-};
-export declare function register(component: Function, id: string): void;
-export declare function performRefresh(): void;

package/dist/client/refresh.js

@@ -1,15 +0,0 @@
-// refresh/index.ts
-import RefreshRuntime from "react-refresh";
-const runtime = RefreshRuntime;
-// if (typeof window !== "undefined") {
-//   RefreshRuntime.injectIntoGlobalHook(window);
-//   const win = window as any;
-//   win.$RefreshReg$ = () => {};
-//   win.$RefreshSig$ = () => (type: any) => type;
-// }
-export function register(component, id) {
-    runtime.register(component, id);
-}
-export function performRefresh() {
-    runtime.performReactRefresh();
-}

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

@@ -1,16 +0,0 @@
-export type DocumentContextData = {
-    pageId?: string;
-    props: Record<string, any>;
-    title: string;
-    meta: Array<{
-        name: string;
-        content: string;
-    }>;
-};
-export declare const useDocument: () => DocumentContextData | null;
-export type DocumentProps = {
-    children?: React.ReactNode;
-    document: DocumentContextData;
-};
-declare const Document: ({ children, document }: DocumentProps) => import("react").JSX.Element;
-export default Document;

package/dist/components/Document/Document.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useContext } from "react";
-const DocumentContext = createContext(null);
-export const useDocument = () => {
-    return useContext(DocumentContext);
-};
-const DocumentProvider = DocumentContext.Provider;
-const Document = ({ children, document }) => {
-    const isClient = typeof window !== "undefined";
-    if (isClient) {
-        return _jsx(DocumentProvider, { value: document, children: children });
-    }
-    return (_jsx(DocumentProvider, { value: document, children: _jsx("html", { children: children }) }));
-};
-export default Document;

package/dist/components/DocumentContext/DocumentContext.d.ts

@@ -1,15 +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;
-export declare const DocumentProvider: ({ children, value, }: {
-    children: React.ReactNode;
-    value: XanixDocumentData;
-}) => import("react").JSX.Element;

package/dist/components/DocumentContext/DocumentContext.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useContext } from "react";
-export const DocumentContext = createContext({
-    pageId: "",
-    title: "",
-    props: {},
-    meta: [],
-});
-export const useDocument = () => {
-    const context = useContext(DocumentContext);
-    if (!context) {
-        throw new Error("useDocument must be used within a DocumentProvider");
-    }
-    return context;
-};
-export const DocumentProvider = ({ children, value, }) => {
-    return (_jsx(DocumentContext.Provider, { value: value, children: children }));
-};

package/dist/components/DocumentContext/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/DocumentContext/context.js

@@ -1,14 +0,0 @@
-import { createContext, useContext } from "react";
-export const DocumentContext = createContext({
-    pageId: "",
-    title: "",
-    props: {},
-    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/DocumentContext/index.d.ts

@@ -1,15 +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;
-export declare const DocumentProvider: ({ children, value, }: {
-    children: React.ReactNode;
-    value: XanixDocumentData;
-}) => import("react").JSX.Element;

package/dist/components/DocumentContext/index.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useContext } from "react";
-export const DocumentContext = createContext({
-    pageId: "",
-    title: "",
-    props: {},
-    meta: [],
-});
-export const useDocument = () => {
-    const context = useContext(DocumentContext);
-    if (!context) {
-        throw new Error("useDocument must be used within a DocumentProvider");
-    }
-    return context;
-};
-export const DocumentProvider = ({ children, value, }) => {
-    return (_jsx(DocumentContext.Provider, { value: value, children: children }));
-};

package/dist/components/DocumentProvider.d.ts

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

package/dist/components/DocumentProvider.js

@@ -1,7 +0,0 @@
-import { createContext, useContext } from "react";
-export const DocumentContext = createContext(null);
-export const useDocument = () => {
-    return useContext(DocumentContext);
-};
-const DocumentProvider = DocumentContext.Provider;
-export default DocumentProvider;

package/dist/document/Document/Document.d.ts

@@ -1,7 +0,0 @@
-import { DocumentContextData } from "../context.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/Document.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { DocumentProvider } from "../context.js";
-const Document = ({ children, document }) => {
-    const isClient = typeof window !== "undefined";
-    if (isClient) {
-        return _jsx(DocumentProvider, { value: document, children: children });
-    }
-    return (_jsx(DocumentProvider, { value: document, children: _jsx("html", { children: children }) }));
-};
-export default Document;

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

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

package/dist/document/Document/context.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useContext } from "react";
-export const DocumentContext = createContext(null);
-export const useDocument = () => {
-    const context = useContext(DocumentContext);
-    if (!context) {
-        throw new Error("useDocument must be used within a DocumentProvider");
-    }
-    return context;
-};
-export const DocumentProvider = ({ children, value, }) => {
-    return (_jsx(DocumentContext.Provider, { value: value, children: children }));
-};

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

@@ -1,7 +0,0 @@
-import { DocumentContextData } from "../context.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/index.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { DocumentProvider } from "../context.js";
-const Document = ({ children, document }) => {
-    const isClient = typeof window !== "undefined";
-    if (isClient) {
-        return _jsx(DocumentProvider, { value: document, children: children });
-    }
-    return (_jsx(DocumentProvider, { value: document, children: _jsx("html", { children: children }) }));
-};
-export default Document;

package/dist/document/context.d.ts

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

package/dist/document/context.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useContext } from "react";
-export const DocumentContext = createContext(null);
-export const useDocument = () => {
-    const context = useContext(DocumentContext);
-    if (!context) {
-        throw new Error("useDocument must be used within a DocumentProvider");
-    }
-    return context;
-};
-export const DocumentProvider = ({ children, value, }) => {
-    return (_jsx(DocumentContext.Provider, { value: value, children: children }));
-};

package/dist/loader.d.ts

@@ -1,11 +0,0 @@
-type PageId = string;
-type LoaderEntry = {
-    args: any[];
-    callback: () => any;
-    data: any;
-};
-declare const loader: {
-    get: (pageId: PageId) => any;
-    set: (pageId: PageId, entry: LoaderEntry) => void;
-};
-export default loader;