zudoku 0.1.1-dev.20 → 0.1.1-dev.21

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),
-  ];
-}