zudoku 0.1.1-dev.20 → 0.1.1-dev.22

package/src/vite/plugin-auth.ts

@@ -1,32 +0,0 @@
-import { PluginOption } from "vite";
-import { ZudokuPluginOptions } from "../config/config.js";
-import { getConfigExportCode } from "./plugin-config.js";
-
-const viteAuthPlugin = (config: ZudokuPluginOptions): PluginOption => {
-  const virtualModuleId = "virtual:zudoku-auth";
-  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 (!config.authentication) {
-          return `export const configuredAuthProvider = undefined;`;
-        }
-        // TODO: Validate that the authConfig.type is a valid authentication provider
-        return [
-          getConfigExportCode(config.rootDir),
-          `import { clerkAuth } from "zudoku/auth";`,
-          `export const configuredAuthProvider = clerkAuth(config.authentication);`,
-        ].join("\n");
-      }
-    },
-  };
-};
-
-export default viteAuthPlugin;

package/src/vite/plugin-component.ts

@@ -1,26 +0,0 @@
-import { PluginOption } from "vite";
-
-const viteComponentPlugin = (): PluginOption => {
-  const virtualModuleId = "virtual:zudoku-component";
-  const resolvedVirtualModuleId = "\0" + virtualModuleId;
-
-  return {
-    name: "zudoku-component-plugin",
-    resolveId(id) {
-      if (id === virtualModuleId) {
-        return resolvedVirtualModuleId;
-      }
-    },
-    load(id) {
-      if (id === resolvedVirtualModuleId) {
-        const code: string[] = [
-          `export { DevPortal } from "zudoku/components";`,
-        ];
-
-        return code.join("\n");
-      }
-    },
-  };
-};
-
-export default viteComponentPlugin;

package/src/vite/plugin-config.ts

@@ -1,31 +0,0 @@
-import path from "path";
-import { PluginOption } from "vite";
-
-export function getConfigExportCode(rootDir: string) {
-  const configPath = path.join(
-    rootDir,
-    `/node_modules/.zudoku/zudoku.config.mjs`,
-  );
-  return `import config from "${configPath}"; export default config;`;
-}
-
-const viteConfigPlugin = ({ rootDir }: { rootDir: string }): PluginOption => {
-  const virtualModuleId = "virtual:zudoku-config";
-  const resolvedVirtualModuleId = "\0" + virtualModuleId;
-
-  return {
-    name: "zudoku-config-plugin",
-    resolveId(id) {
-      if (id === virtualModuleId) {
-        return resolvedVirtualModuleId;
-      }
-    },
-    load(id) {
-      if (id === resolvedVirtualModuleId) {
-        return getConfigExportCode(rootDir);
-      }
-    },
-  };
-};
-
-export default viteConfigPlugin;

package/src/vite/plugin-docs.test.ts

@@ -1,32 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import assert from "node:assert";
-import test from "node:test";
-import { checkTypescriptString } from "../ts.js";
-import viteDocsPlugin from "./plugin-docs.js";
-
-test.only("Builds code", async (t) => {
-  const plugin = viteDocsPlugin({
-    docs: { files: "docs/**/*.md" },
-  } as any);
-  if (!plugin.load) {
-    throw new Error("Plugin does not have a load function");
-  }
-  if (typeof plugin.load !== "function") {
-    throw new Error("Plugin.load is not a function");
-  }
-
-  const result = await plugin.load.call(
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    {} as any,
-    "\0virtual:markdown-plugins",
-  );
-  if (result && typeof result === "object" && "code" in result) {
-    const diagnostics = await checkTypescriptString(result.code);
-    if (diagnostics.length > 0) {
-      console.error(diagnostics);
-    }
-    assert.equal(diagnostics.length, 0);
-  } else {
-    assert.fail("Invalid return value from plugin.load");
-  }
-});

package/src/vite/plugin-docs.ts

@@ -1,52 +0,0 @@
-import { Plugin } from "vite";
-import { DocsConfig, ZudokuPluginOptions } from "../config/config.js";
-
-const viteDocsPlugin = (config: ZudokuPluginOptions): Plugin => {
-  const virtualModuleId = "virtual:zudoku-docs-plugins";
-  const resolvedVirtualModuleId = "\0" + virtualModuleId;
-
-  return {
-    name: "vite-zudoku-docs-plugin",
-    resolveId(id) {
-      if (id === virtualModuleId) {
-        return resolvedVirtualModuleId;
-      }
-    },
-    load(id) {
-      if (id === resolvedVirtualModuleId) {
-        const code: string[] = [
-          // IMPORTANT! This path here is important, we MUST resolve
-          // files here as Typescript from the appDir
-          `import { markdownPlugin } from "zudoku/plugins";`,
-          `const configuredDocsPlugins = [];`,
-        ];
-        const docsConfigs: DocsConfig[] = config?.docs
-          ? Array.isArray(config.docs)
-            ? config.docs
-            : [config.docs]
-          : [];
-
-        docsConfigs.forEach((docsConfig) => {
-          code.push(
-            ...[
-              `// @ts-ignore`, // To make tests pass
-              `const markdownFiles = import.meta.glob(${JSON.stringify(docsConfig.files)}, {`,
-              `  eager: false,`,
-              `});`,
-              `configuredDocsPlugins.push(markdownPlugin({ markdownFiles }));`,
-            ],
-          );
-        });
-
-        code.push(`export { configuredDocsPlugins };`);
-
-        return {
-          code: code.join("\n"),
-          map: null,
-        };
-      }
-    },
-  };
-};
-
-export default viteDocsPlugin;

package/src/vite/plugin-html.ts

@@ -1,50 +0,0 @@
-import { Plugin } from "vite";
-
-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();
-
-const viteHtmlPlugin = (): Plugin => {
-  return {
-    name: "vite-zudoku-core-plugin",
-    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",
-          },
-        ],
-      };
-    },
-  };
-};
-
-export default viteHtmlPlugin;

package/src/vite/plugin-mdx.ts

@@ -1,74 +0,0 @@
-import rehypeMetaAsAttributes from "@lekoarts/rehype-meta-as-attributes";
-import mdx, { type Options } from "@mdx-js/rollup";
-import withToc from "@stefanprobst/rehype-extract-toc";
-import withTocExport from "@stefanprobst/rehype-extract-toc/mdx";
-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";
-import { Plugin } from "vite";
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-const rehypeCodeBlockPlugin = () => (tree: any) => {
-  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: any) => {
-  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");
-  });
-};
-
-export type DevPortalPluginOptions = {
-  remarkPlugins?: Options["remarkPlugins"];
-  rehypePlugins?: Options["rehypePlugins"];
-};
-
-const viteMdxPlugin = ({
-  remarkPlugins,
-  rehypePlugins,
-}: DevPortalPluginOptions = {}): Plugin => {
-  return {
-    enforce: "pre",
-    ...mdx({
-      providerImportSource: "@mdx-js/react",
-      remarkPlugins: [
-        remarkComment,
-        remarkGfm,
-        remarkFrontmatter,
-        remarkMdxFrontmatter,
-        remarkDirective,
-        remarkDirectiveRehype,
-        remarkLinkRewritePlugin,
-        ...(remarkPlugins ?? []),
-      ],
-      rehypePlugins: [
-        rehypeSlug,
-        rehypeCodeBlockPlugin,
-        rehypeMetaAsAttributes,
-        withToc,
-        withTocExport,
-        ...(rehypePlugins ?? []),
-      ],
-    }),
-    name: "vite-zudoku-mdx-plugin",
-  };
-};
-
-export default viteMdxPlugin;

package/src/vite/plugin-metadata.ts

@@ -1,30 +0,0 @@
-import { writeFileSync } from "node:fs";
-import path from "node:path";
-import { Plugin } from "vite";
-
-/**
- * Used for debugging, writes metadata to build.
- */
-const viteBuildMetadata = (): Plugin => {
-  return {
-    name: "vite-zudoku-build-metadata-plugin",
-    buildEnd() {
-      const deps = [];
-      for (const id of this.getModuleIds()) {
-        const m = this.getModuleInfo(id);
-        if (m != null && !m.isExternal) {
-          for (const target of m.importedIds) {
-            deps.push({ source: m.id, target });
-          }
-        }
-      }
-
-      writeFileSync(
-        path.join(__dirname, "graph.json"),
-        JSON.stringify(deps, null, 2),
-      );
-    },
-  };
-};
-
-export default viteBuildMetadata;

package/src/vite/plugin.ts

@@ -1,23 +0,0 @@
-import react from "@vitejs/plugin-react";
-import { type PluginOption } from "vite";
-import { ZudokuPluginOptions } from "../config/config.js";
-import viteApiPlugin from "./plugin-api.js";
-import viteAuthPlugin from "./plugin-auth.js";
-import viteConfigPlugin from "./plugin-config.js";
-import viteDocsPlugin from "./plugin-docs.js";
-import viteHtmlPlugin from "./plugin-html.js";
-import viteMdxPlugin from "./plugin-mdx.js";
-
-export default function vitePlugin(
-  config: ZudokuPluginOptions,
-): PluginOption[] {
-  return [
-    viteMdxPlugin(config.build),
-    react({ include: /\.(mdx?|jsx?|tsx?)$/ }),
-    viteHtmlPlugin(),
-    viteConfigPlugin(config),
-    viteAuthPlugin(config),
-    viteDocsPlugin(config),
-    viteApiPlugin(config),
-  ];
-}