zudoku 0.0.2-dev.0

package/dist/plugins.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugins.js","sourceRoot":"","sources":["../src/plugins.ts"],"names":[],"mappings":"AAAA,UAAU;AACV,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC"}

package/dist/vite/build.d.ts

@@ -0,0 +1,3 @@
+export declare function runBuild(options: {
+    dir: string;
+}): Promise<void>;

package/dist/vite/build.js

@@ -0,0 +1,29 @@
+import { writeFile } from "fs/promises";
+import { build as viteBuild } from "vite";
+import { getAppMainTsxPath, getViteConfig } from "./config.js";
+import { getBuildHtml } from "./html.js";
+export async function runBuild(options) {
+    const viteConfig = await getViteConfig(options.dir);
+    viteConfig.build = {
+        rollupOptions: {
+            external: ["@mdx-js/react"],
+            input: getAppMainTsxPath(),
+        },
+    };
+    const result = await viteBuild(viteConfig);
+    if (Array.isArray(result)) {
+        throw new Error("Build failed");
+    }
+    if ("output" in result) {
+        const jsEntry = result.output.find((o) => "isEntry" in o && o.isEntry)?.fileName;
+        const cssEntry = result.output.find((o) => o.fileName.endsWith(".css"))?.fileName;
+        const html = getBuildHtml({
+            jsEntry: `/${jsEntry}`,
+            cssEntry: `/${cssEntry}`,
+        });
+        await writeFile(`${options.dir}/dist/index.html`, html, "utf-8");
+        return;
+    }
+    throw new Error("Build failed");
+}
+//# sourceMappingURL=build.js.map

package/dist/vite/build.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"build.js","sourceRoot":"","sources":["../../src/vite/build.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,MAAM,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC,MAAM,CAAC,KAAK,UAAU,QAAQ,CAAC,OAAwB;IACrD,MAAM,UAAU,GAAG,MAAM,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IAEpD,UAAU,CAAC,KAAK,GAAG;QACjB,aAAa,EAAE;YACb,QAAQ,EAAE,CAAC,eAAe,CAAC;YAC3B,KAAK,EAAE,iBAAiB,EAAE;SAC3B;KACF,CAAC;IACF,MAAM,MAAM,GAAG,MAAM,SAAS,CAAC,UAAU,CAAC,CAAC;IAE3C,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;QAC1B,MAAM,IAAI,KAAK,CAAC,cAAc,CAAC,CAAC;IAClC,CAAC;IAED,IAAI,QAAQ,IAAI,MAAM,EAAE,CAAC;QACvB,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAChC,CAAC,CAAC,EAAE,EAAE,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,CAAC,OAAO,CACnC,EAAE,QAAQ,CAAC;QACZ,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CACxC,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,CAC5B,EAAE,QAAQ,CAAC;QAEZ,MAAM,IAAI,GAAG,YAAY,CAAC;YACxB,OAAO,EAAE,IAAI,OAAO,EAAE;YACtB,QAAQ,EAAE,IAAI,QAAQ,EAAE;SACzB,CAAC,CAAC;QAEH,MAAM,SAAS,CAAC,GAAG,OAAO,CAAC,GAAG,kBAAkB,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC;QACjE,OAAO;IACT,CAAC;IAED,MAAM,IAAI,KAAK,CAAC,cAAc,CAAC,CAAC;AAClC,CAAC"}

package/dist/vite/config.d.ts

@@ -0,0 +1,6 @@
+import { InlineConfig } from "vite";
+import { ZudokuConfig } from "../config/config.js";
+export declare function loadZuploConfig(rootDir: string): Promise<ZudokuConfig>;
+export declare function getAppDir(): string;
+export declare function getAppMainTsxPath(): string;
+export declare function getViteConfig(dir: string): Promise<InlineConfig>;

package/dist/vite/config.js

@@ -0,0 +1,74 @@
+import autoprefixer from "autoprefixer";
+import path from "node:path";
+import tailwindcss from "tailwindcss";
+import tailwindConfig from "../app/tailwind.js";
+import { devPortalPlugin } from "./plugin.js";
+export async function loadZuploConfig(rootDir) {
+    const configPaths = [
+        path.resolve(rootDir, "zudoku.config.ts"),
+        path.resolve(rootDir, "zudoku.config.tsx"),
+        path.resolve(rootDir, "zudoku.config.js"),
+        path.resolve(rootDir, "zudoku.config.jsx"),
+        path.resolve(rootDir, "zudoku.config.mjs"),
+    ];
+    for (const configPath of configPaths) {
+        try {
+            const config = await import(configPath);
+            return config.default;
+        }
+        catch (e) {
+            // Ignore
+        }
+    }
+    return {};
+}
+export function getAppDir() {
+    // NOTE: This is relative to the /dist folder because the dev server
+    // runs the compiled JS files, but vite uses the raw TS files
+    return new URL("../../src/app", import.meta.url).pathname;
+}
+export function getAppMainTsxPath() {
+    const appDir = getAppDir();
+    return path.join(appDir, "main.tsx");
+}
+export async function getViteConfig(dir) {
+    const appDir = getAppDir();
+    const rootDir = path.resolve(process.cwd(), dir);
+    const zudokuConfig = await loadZuploConfig(rootDir);
+    const viteConfig = {
+        root: rootDir,
+        configFile: false,
+        clearScreen: false,
+        server: {
+            middlewareMode: true,
+            open: true,
+            hmr: true,
+            watch: {
+                ignored: [
+                    `${rootDir}/dist`,
+                    `${rootDir}/.git`,
+                    `${rootDir}/node_modules`,
+                    `${rootDir}/zuplo.config.ts`,
+                ],
+            },
+        },
+        appType: "custom",
+        plugins: [devPortalPlugin(zudokuConfig.build)],
+        css: {
+            postcss: {
+                plugins: [
+                    tailwindcss({
+                        ...tailwindConfig,
+                        content: [
+                            `${appDir}/**/*.{js,ts,jsx,tsx,md,mdx}`,
+                            `${rootDir}/src/**/*.{js,ts,jsx,tsx,md,mdx}`,
+                        ],
+                    }),
+                    autoprefixer,
+                ],
+            },
+        },
+    };
+    return viteConfig;
+}
+//# sourceMappingURL=config.js.map

package/dist/vite/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","sourceRoot":"","sources":["../../src/vite/config.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,cAAc,CAAC;AACxC,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,WAAW,MAAM,aAAa,CAAC;AAEtC,OAAO,cAAc,MAAM,oBAAoB,CAAC;AAEhD,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAE9C,MAAM,CAAC,KAAK,UAAU,eAAe,CAAC,OAAe;IACnD,MAAM,WAAW,GAAG;QAClB,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,kBAAkB,CAAC;QACzC,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,mBAAmB,CAAC;QAC1C,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,kBAAkB,CAAC;QACzC,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,mBAAmB,CAAC;QAC1C,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,mBAAmB,CAAC;KAC3C,CAAC;IAEF,KAAK,MAAM,UAAU,IAAI,WAAW,EAAE,CAAC;QACrC,IAAI,CAAC;YACH,MAAM,MAAM,GAAG,MAAM,MAAM,CAAC,UAAU,CAAC,CAAC;YACxC,OAAO,MAAM,CAAC,OAAO,CAAC;QACxB,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACX,SAAS;QACX,CAAC;IACH,CAAC;IAED,OAAO,EAAE,CAAC;AACZ,CAAC;AAED,MAAM,UAAU,SAAS;IACvB,oEAAoE;IACpE,6DAA6D;IAC7D,OAAO,IAAI,GAAG,CAAC,eAAe,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC;AAC5D,CAAC;AAED,MAAM,UAAU,iBAAiB;IAC/B,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,OAAO,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;AACvC,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,aAAa,CAAC,GAAW;IAC7C,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,GAAG,CAAC,CAAC;IAEjD,MAAM,YAAY,GAAG,MAAM,eAAe,CAAC,OAAO,CAAC,CAAC;IAEpD,MAAM,UAAU,GAAiB;QAC/B,IAAI,EAAE,OAAO;QACb,UAAU,EAAE,KAAK;QACjB,WAAW,EAAE,KAAK;QAClB,MAAM,EAAE;YACN,cAAc,EAAE,IAAI;YACpB,IAAI,EAAE,IAAI;YACV,GAAG,EAAE,IAAI;YACT,KAAK,EAAE;gBACL,OAAO,EAAE;oBACP,GAAG,OAAO,OAAO;oBACjB,GAAG,OAAO,OAAO;oBACjB,GAAG,OAAO,eAAe;oBACzB,GAAG,OAAO,kBAAkB;iBAC7B;aACF;SACF;QACD,OAAO,EAAE,QAAQ;QACjB,OAAO,EAAE,CAAC,eAAe,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QAC9C,GAAG,EAAE;YACH,OAAO,EAAE;gBACP,OAAO,EAAE;oBACP,WAAW,CAAC;wBACV,GAAG,cAAc;wBACjB,OAAO,EAAE;4BACP,GAAG,MAAM,8BAA8B;4BACvC,GAAG,OAAO,kCAAkC;yBAC7C;qBACF,CAAC;oBACF,YAAY;iBACb;aACF;SACF;KACF,CAAC;IAEF,OAAO,UAAU,CAAC;AACpB,CAAC"}

package/dist/vite/dev-server.d.ts

@@ -0,0 +1,10 @@
+export declare class DevServer {
+    private options;
+    private server;
+    constructor(options: {
+        port: number;
+        dir: string;
+    });
+    start(): Promise<void>;
+    stop(): Promise<void>;
+}

package/dist/vite/dev-server.js

@@ -0,0 +1,53 @@
+import express from "express";
+import { createServer as createViteServer } from "vite";
+import { createGraphQLServer } from "../app/oas/graphql/index.js";
+import { getViteConfig } from "./config.js";
+import { getDevHtml } from "./html.js";
+export class DevServer {
+    options;
+    server;
+    constructor(options) {
+        this.options = options;
+    }
+    async start() {
+        const app = express();
+        const viteConfig = await getViteConfig(this.options.dir);
+        const vite = await createViteServer(viteConfig);
+        const graphql = createGraphQLServer({
+            graphqlEndpoint: "/__z/graphql",
+        });
+        app.use(graphql.graphqlEndpoint, graphql);
+        app.use(vite.middlewares);
+        app.use("*", async (req, res) => {
+            try {
+                const rawHtml = getDevHtml();
+                const indexHtml = await vite.transformIndexHtml(req.url, rawHtml);
+                // Send the transformed index.html back to the client
+                res.status(200).set({ "Content-Type": "text/html" }).end(indexHtml);
+            }
+            catch (e) {
+                vite.ssrFixStacktrace(e);
+                console.error(e);
+                res.status(500).end(e.message);
+            }
+        });
+        return new Promise((resolve) => {
+            this.server = app.listen(this.options.port, resolve);
+        });
+    }
+    async stop() {
+        if (this.server) {
+            return new Promise((resolve, reject) => {
+                this.server.close((err) => {
+                    if (err) {
+                        reject(err);
+                    }
+                    else {
+                        resolve();
+                    }
+                });
+            });
+        }
+    }
+}
+//# sourceMappingURL=dev-server.js.map

package/dist/vite/dev-server.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev-server.js","sourceRoot":"","sources":["../../src/vite/dev-server.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,SAAS,CAAC;AAE9B,OAAO,EAAE,YAAY,IAAI,gBAAgB,EAAE,MAAM,MAAM,CAAC;AAExD,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAEvC,MAAM,OAAO,SAAS;IAGA;IAFZ,MAAM,CAAqB;IAEnC,YAAoB,OAAsC;QAAtC,YAAO,GAAP,OAAO,CAA+B;IAAG,CAAC;IAE9D,KAAK,CAAC,KAAK;QACT,MAAM,GAAG,GAAG,OAAO,EAAE,CAAC;QAEtB,MAAM,UAAU,GAAG,MAAM,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QAEzD,MAAM,IAAI,GAAG,MAAM,gBAAgB,CAAC,UAAU,CAAC,CAAC;QAEhD,MAAM,OAAO,GAAG,mBAAmB,CAAC;YAClC,eAAe,EAAE,cAAc;SAChC,CAAC,CAAC;QAEH,GAAG,CAAC,GAAG,CAAC,OAAO,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;QAC1C,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAE1B,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE;YAC9B,IAAI,CAAC;gBACH,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;gBAC7B,MAAM,SAAS,GAAG,MAAM,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;gBAElE,qDAAqD;gBACrD,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,cAAc,EAAE,WAAW,EAAE,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;YACtE,CAAC;YAAC,OAAO,CAAC,EAAE,CAAC;gBACX,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC;gBACzB,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;gBACjB,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;YACjC,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,OAAO,IAAI,OAAO,CAAO,CAAC,OAAO,EAAE,EAAE;YACnC,IAAI,CAAC,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QACvD,CAAC,CAAC,CAAC;IACL,CAAC;IAED,KAAK,CAAC,IAAI;QACR,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAChB,OAAO,IAAI,OAAO,CAAO,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;gBAC3C,IAAI,CAAC,MAAO,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE;oBACzB,IAAI,GAAG,EAAE,CAAC;wBACR,MAAM,CAAC,GAAG,CAAC,CAAC;oBACd,CAAC;yBAAM,CAAC;wBACN,OAAO,EAAE,CAAC;oBACZ,CAAC;gBACH,CAAC,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC;CACF"}

package/dist/vite/html.d.ts

@@ -0,0 +1,5 @@
+export declare function getDevHtml(): string;
+export declare function getBuildHtml({ jsEntry, cssEntry, }: {
+    jsEntry: string;
+    cssEntry: string;
+}): string;

package/dist/vite/html.js

@@ -0,0 +1,32 @@
+import { getAppMainTsxPath } from "./config.js";
+export function getDevHtml() {
+    return `<!doctype html>
+<html lang="en" class="dark">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="${getAppMainTsxPath()}"></script>
+  </body>
+</html>
+`;
+}
+export function getBuildHtml({ jsEntry, cssEntry, }) {
+    return `<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite + React + TS</title>
+    <script type="module" crossorigin src="${jsEntry}"></script>
+    <link rel="stylesheet" crossorigin href="${cssEntry}">
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>`;
+}
+//# sourceMappingURL=html.js.map

package/dist/vite/html.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"html.js","sourceRoot":"","sources":["../../src/vite/html.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,UAAU,UAAU;IACxB,OAAO;;;;;;;;iCAQwB,iBAAiB,EAAE;;;CAGnD,CAAC;AACF,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,EAC3B,OAAO,EACP,QAAQ,GAIT;IACC,OAAO;;;;;;;6CAOoC,OAAO;+CACL,QAAQ;;;;;QAK/C,CAAC;AACT,CAAC"}

package/dist/vite/import-auth-plugin.d.ts

@@ -0,0 +1,3 @@
+import { PluginOption } from "vite";
+import { AuthenticationConfig } from "../config/config.js";
+export declare const authPlugin: (authConfig: AuthenticationConfig | undefined, distDir: string) => PluginOption;

package/dist/vite/import-auth-plugin.js

@@ -0,0 +1,28 @@
+import path from "node:path";
+export const authPlugin = (authConfig, distDir) => {
+    const virtualModuleId = "virtual:auth-plugin";
+    const resolvedVirtualModuleId = "\0" + virtualModuleId;
+    return {
+        name: "zudoku-auth-plugin", // required, will show up in warnings and errors
+        resolveId(id) {
+            if (id === virtualModuleId) {
+                return resolvedVirtualModuleId;
+            }
+        },
+        load(id) {
+            if (id === resolvedVirtualModuleId) {
+                if (!authConfig) {
+                    return `export default null;`;
+                }
+                // TODO: Validate that the authConfig.type is a valid authentication provider
+                return [
+                    `import config from "${path.join(distDir, "vite", "config.js")};`,
+                    `import authProvider from "${path.join(distDir, "authentication", `${authConfig.type}.js`)}";`,
+                    `const plugin = authProvider(config.authentication);`,
+                    `export default plugin;`,
+                ].join("\n");
+            }
+        },
+    };
+};
+//# sourceMappingURL=import-auth-plugin.js.map

package/dist/vite/import-auth-plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"import-auth-plugin.js","sourceRoot":"","sources":["../../src/vite/import-auth-plugin.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,WAAW,CAAC;AAI7B,MAAM,CAAC,MAAM,UAAU,GAAG,CACxB,UAA4C,EAC5C,OAAe,EACD,EAAE;IAChB,MAAM,eAAe,GAAG,qBAAqB,CAAC;IAC9C,MAAM,uBAAuB,GAAG,IAAI,GAAG,eAAe,CAAC;IAEvD,OAAO;QACL,IAAI,EAAE,oBAAoB,EAAE,gDAAgD;QAC5E,SAAS,CAAC,EAAE;YACV,IAAI,EAAE,KAAK,eAAe,EAAE,CAAC;gBAC3B,OAAO,uBAAuB,CAAC;YACjC,CAAC;QACH,CAAC;QACD,IAAI,CAAC,EAAE;YACL,IAAI,EAAE,KAAK,uBAAuB,EAAE,CAAC;gBACnC,IAAI,CAAC,UAAU,EAAE,CAAC;oBAChB,OAAO,sBAAsB,CAAC;gBAChC,CAAC;gBACD,6EAA6E;gBAC7E,OAAO;oBACL,uBAAuB,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,WAAW,CAAC,GAAG;oBACjE,6BAA6B,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC,IAAI,KAAK,CAAC,IAAI;oBAC9F,qDAAqD;oBACrD,wBAAwB;iBACzB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACf,CAAC;QACH,CAAC;KACF,CAAC;AACJ,CAAC,CAAC"}

package/dist/vite/plugin.d.ts

@@ -0,0 +1,7 @@
+import { type Options } from "@mdx-js/rollup";
+import { type PluginOption } from "vite";
+export type DevPortalPluginOptions = {
+    remarkPlugins?: Options["remarkPlugins"];
+    rehypePlugins?: Options["rehypePlugins"];
+};
+export declare const devPortalPlugin: ({ remarkPlugins, rehypePlugins, }?: DevPortalPluginOptions) => PluginOption[];

package/dist/vite/plugin.js

@@ -0,0 +1,109 @@
+import rehypeMetaAsAttributes from "@lekoarts/rehype-meta-as-attributes";
+import mdx from "@mdx-js/rollup";
+import withToc from "@stefanprobst/rehype-extract-toc";
+import withTocExport from "@stefanprobst/rehype-extract-toc/mdx";
+import react from "@vitejs/plugin-react";
+import path from "node:path";
+import rehypeSlug from "rehype-slug";
+import remarkComment from "remark-comment";
+import remarkDirective from "remark-directive";
+import remarkDirectiveRehype from "remark-directive-rehype";
+import remarkFrontmatter from "remark-frontmatter";
+import remarkGfm from "remark-gfm";
+import remarkMdxFrontmatter from "remark-mdx-frontmatter";
+import { visit } from "unist-util-visit";
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const rehypeCodeBlockPlugin = () => (tree) => {
+    visit(tree, "element", (node, index, parent) => {
+        if (node.tagName === "code") {
+            node.properties.inline = parent?.tagName !== "pre";
+        }
+    });
+};
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const remarkLinkRewritePlugin = () => (tree) => {
+    visit(tree, "link", (node) => {
+        if (!node.url)
+            return;
+        if (!node.url.startsWith("http") && !node.url.startsWith("/")) {
+            node.url = path.join("../", node.url);
+        }
+        node.url = node.url.replace(/\.mdx?(#.*?)?/, "$1");
+    });
+};
+const themeScript = `
+if (
+  localStorage.getItem("theme") === "dark" ||
+  (!("theme" in localStorage) &&
+    window.matchMedia("(prefers-color-scheme: dark)").matches)
+) {
+  document.documentElement.classList.add("dark");
+} else {
+  document.documentElement.classList.remove("dark");
+}
+`.trim();
+export const devPortalPlugin = ({ remarkPlugins, rehypePlugins, } = {}) => {
+    return [
+        {
+            enforce: "pre",
+            ...mdx({
+                providerImportSource: "@mdx-js/react",
+                remarkPlugins: [
+                    remarkComment,
+                    remarkGfm,
+                    remarkFrontmatter,
+                    remarkMdxFrontmatter,
+                    remarkDirective,
+                    remarkDirectiveRehype,
+                    remarkLinkRewritePlugin,
+                    ...(remarkPlugins ?? []),
+                ],
+                rehypePlugins: [
+                    rehypeSlug,
+                    rehypeCodeBlockPlugin,
+                    rehypeMetaAsAttributes,
+                    withToc,
+                    withTocExport,
+                    ...(rehypePlugins ?? []),
+                ],
+            }),
+        },
+        react({ include: /\.(mdx?|jsx?|tsx?)$/ }),
+        {
+            name: "zudoku-plugin",
+            config: () => ({
+                worker: { format: "es" },
+            }),
+            transformIndexHtml: (html) => {
+                return {
+                    html,
+                    tags: [
+                        {
+                            tag: "script",
+                            attrs: { type: "module" },
+                            children: themeScript,
+                            injectTo: "head",
+                        },
+                        {
+                            tag: "link",
+                            attrs: {
+                                rel: "preconnect",
+                                href: "https://cdn.zuplo.com/",
+                            },
+                            injectTo: "head",
+                        },
+                        {
+                            tag: "link",
+                            attrs: {
+                                rel: "stylesheet",
+                                href: "https://cdn.zuplo.com/static/fonts/geist.css",
+                            },
+                            injectTo: "head",
+                        },
+                    ],
+                };
+            },
+        },
+    ];
+};
+//# sourceMappingURL=plugin.js.map

package/dist/vite/plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.js","sourceRoot":"","sources":["../../src/vite/plugin.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,118 @@
+{
+  "name": "zudoku",
+  "version": "0.0.2-dev.0",
+  "type": "module",
+  "files": [
+    "dist",
+    "src/app",
+    "cli.js"
+  ],
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "bin": {
+    "zudoku": "./cli.js"
+  },
+  "exports": {
+    ".": {
+      "import": "./dist/index.js"
+    },
+    "./auth": {
+      "import": "./dist/auth.js"
+    },
+    "./plugins": {
+      "import": "./dist/plugins.js"
+    },
+    "./vite": {
+      "require": "./dist/vite/plugin.js",
+      "import": "./dist/vite/plugin.js"
+    },
+    "./tailwind": {
+      "require": "./dist/app/tailwind.js",
+      "import": "./dist/app/tailwind.js"
+    },
+    "./icons": {
+      "require": "./dist/app/core/icons.js",
+      "import": "./dist/app/core/icons.js"
+    },
+    "./main.css": {
+      "require": "./src/app/main.css",
+      "import": "./src/app/main.css"
+    }
+  },
+  "dependencies": {
+    "@cfworker/json-schema": "1.12.8",
+    "@clerk/clerk-js": "^5.2.2",
+    "@lekoarts/rehype-meta-as-attributes": "3.0.1",
+    "@mdx-js/react": "3.0.1",
+    "@mdx-js/rollup": "3.0.1",
+    "@pothos/core": "3.41.0",
+    "@radix-ui/react-collapsible": "1.0.3",
+    "@sentry/node": "^8.11.0",
+    "@stefanprobst/rehype-extract-toc": "2.2.0",
+    "@tailwindcss/typography": "0.5.13",
+    "@tanstack/react-query": "5.35.1",
+    "@zuplo/pino-pretty-configurations": "^1.5.0",
+    "autoprefixer": "10.4.19",
+    "chalk": "^5.3.0",
+    "class-variance-authority": "0.7.0",
+    "clsx": "2.1.1",
+    "dotenv": "^16.4.5",
+    "express": "^4.19.2",
+    "gql.tada": "1.7.5",
+    "graphql-type-json": "0.3.2",
+    "graphql-yoga": "5.2.0",
+    "lru-cache": "10.2.0",
+    "lucide-react": "0.378.0",
+    "mdx": "^0.3.1",
+    "oauth4webapi": "2.10.4",
+    "object-hash": "3.0.0",
+    "pino": "^9.2.0",
+    "postcss": "8.4.38",
+    "posthog-node": "^4.0.1",
+    "prism-react-renderer": "2.3.1",
+    "prismjs": "1.29.0",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "react-helmet-async": "2.0.5",
+    "react-markdown": "9.0.1",
+    "react-router-dom": "6.23.0",
+    "rehype-slug": "6.0.0",
+    "remark-comment": "1.0.0",
+    "remark-directive": "3.0.0",
+    "remark-directive-rehype": "0.4.2",
+    "remark-frontmatter": "5.0.0",
+    "remark-gfm": "4.0.0",
+    "remark-mdx-frontmatter": "4.0.0",
+    "semver": "^7.6.2",
+    "slugify": "1.6.6",
+    "strip-ansi": "^7.1.0",
+    "tailwind-merge": "2.3.0",
+    "tailwindcss": "3.4.3",
+    "ulid": "2.3.0",
+    "unist-util-visit": "5.0.0",
+    "urql": "4.1.0",
+    "vite": "^5.3.1",
+    "vite-plugin-dts": "^3.9.1",
+    "yaml": "2.4.1",
+    "yargs": "^17.7.2",
+    "zustand": "^4.5.2"
+  },
+  "devDependencies": {
+    "@types/express": "^4.17.21",
+    "@types/json-schema": "7.0.15",
+    "@types/mdx": "2.0.13",
+    "@types/node": "20.12.10",
+    "@types/object-hash": "^3.0.6",
+    "@types/react": "18.3.3",
+    "@types/react-dom": "18.3.0",
+    "@types/semver": "^7.5.8",
+    "@types/yargs": "^17.0.32",
+    "@vitejs/plugin-react": "4.3.0",
+    "openapi-types": "12.1.3",
+    "typescript": "5.4.5"
+  },
+  "scripts": {
+    "build": "tsc",
+    "build:css": "cp ./src/app/main.css ./dist/app/main.css"
+  }
+}

package/src/app/DevPortal.tsx

@@ -0,0 +1,115 @@
+import { MDXProvider } from "@mdx-js/react";
+import { QueryClientProvider } from "@tanstack/react-query";
+import { memo, Suspense, useEffect, useMemo } from "react";
+import { createBrowserRouter, RouterProvider } from "react-router-dom";
+import { type AuthProvider } from "./authentication/authentication.js";
+import {
+  ComponentsProvider,
+  DEFAULT_COMPONENTS,
+  type ComponentsContextType,
+} from "./components/context/ComponentsContext.js";
+import { DevPortalProvider } from "./components/context/DevPortalProvider.js";
+import { ThemeProvider } from "./components/context/ThemeContext.js";
+import { ViewportAnchorProvider } from "./components/context/ViewportAnchorContext.js";
+import { Layout } from "./components/Layout.js";
+import {
+  DevPortalContext,
+  queryClient,
+  type NavigationItem,
+} from "./core/DevPortalContext.js";
+import { HelmetProvider } from "./core/helmet.js";
+import { isNavigationPlugin, type DevPortalPlugin } from "./core/plugins.js";
+import { MdxComponents, type MdxComponentsType } from "./util/MdxComponents.js";
+
+export const DevPortalSystemPaths = {
+  Settings: "/settings",
+} as const;
+
+export type DevPortalPath =
+  | string
+  | (typeof DevPortalSystemPaths)[keyof typeof DevPortalSystemPaths];
+
+export type DevPortalProps = {
+  meta?: Partial<{
+    headerTitle: string;
+    pageTitle: string;
+    description: string;
+    logo: string;
+    favicon: string;
+  }>;
+  authentication?: AuthProvider;
+  navigation: NavigationItem[];
+  plugins?: DevPortalPlugin[];
+  mdxComponents?: MdxComponentsType;
+  overrides?: ComponentsContextType;
+};
+
+const DevPortal = (props: DevPortalProps) => {
+  const router = useMemo(() => {
+    const routes = (props.plugins ?? []).flatMap((plugin) =>
+      isNavigationPlugin(plugin) ? plugin.getRoutes() : [],
+    );
+
+    return createBrowserRouter([
+      {
+        path: "/",
+        element: <Layout />,
+        errorElement: (
+          <Layout>
+            <div className="h-[75vh] flex items-center justify-center">
+              Error, look at the console
+            </div>
+          </Layout>
+        ),
+        children: routes,
+      },
+    ]);
+  }, [props.plugins]);
+
+  const components = useMemo(
+    () => ({ ...DEFAULT_COMPONENTS, ...props.overrides }),
+    [props.overrides],
+  );
+
+  const mdxComponents = useMemo(
+    () => ({ ...MdxComponents, ...props.mdxComponents }),
+    [props.mdxComponents],
+  );
+
+  const devPortalContext = useMemo(() => new DevPortalContext(props), [props]);
+
+  useEffect(() => {
+    void devPortalContext.initialize();
+  }, [devPortalContext]);
+
+  return (
+    <QueryClientProvider client={queryClient}>
+      <HelmetProvider>
+        <DevPortalProvider value={devPortalContext}>
+          <MDXProvider components={mdxComponents}>
+            <ThemeProvider>
+              <ComponentsProvider value={components}>
+                <ViewportAnchorProvider>
+                  <Suspense
+                    fallback={
+                      <div className="grid place-items-center h-full">
+                        Loading...
+                      </div>
+                    }
+                  >
+                    <RouterProvider router={router} />
+                  </Suspense>
+                </ViewportAnchorProvider>
+              </ComponentsProvider>
+            </ThemeProvider>
+          </MDXProvider>
+        </DevPortalProvider>
+      </HelmetProvider>
+    </QueryClientProvider>
+  );
+};
+
+const MemoDevPortal = memo(DevPortal);
+MemoDevPortal.displayName = "DevPortal";
+
+export default MemoDevPortal;