zudoku 0.0.0-f36627bd → 0.0.0-f370c714

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zudoku",
-  "version": "0.0.0-f36627bd",
+  "version": "0.0.0-f370c714",
   "type": "module",
   "homepage": "https://zudoku.dev",
   "repository": {
@@ -59,6 +59,10 @@
       "import": "./lib/zudoku.auth-azureb2c.js",
       "types": "./dist/lib/authentication/providers/azureb2c.d.ts"
     },
+    "./auth/firebase": {
+      "import": "./lib/zudoku.auth-firebase.js",
+      "types": "./dist/lib/authentication/providers/firebase.d.ts"
+    },
     "./plugins": {
       "import": "./lib/zudoku.plugins.js",
       "types": "./dist/lib/core/plugins.d.ts"
@@ -103,6 +107,10 @@
       "import": "./lib/zudoku.components.js",
       "types": "./dist/lib/components/index.d.ts"
     },
+    "./mermaid": {
+      "import": "./lib/zudoku.mermaid.js",
+      "types": "./dist/lib/components/Mermaid.d.ts"
+    },
     "./__internal": {
       "import": "./lib/zudoku.__internal.js",
       "types": "./dist/lib/__internal.d.ts"
@@ -141,65 +149,69 @@
   },
   "dependencies": {
     "@apidevtools/json-schema-ref-parser": "14.1.1",
-    "@envelop/core": "5.3.0",
+    "@envelop/core": "5.3.2",
     "@graphql-typed-document-node/core": "3.2.0",
     "@lekoarts/rehype-meta-as-attributes": "3.0.3",
-    "@mdx-js/react": "3.1.0",
+    "@mdx-js/react": "3.1.1",
     "@mdx-js/rollup": "3.1.0",
-    "@pothos/core": "4.8.0",
+    "@pothos/core": "4.10.0",
     "@radix-ui/react-accordion": "1.2.12",
     "@radix-ui/react-alert-dialog": "1.1.15",
-    "@radix-ui/react-aspect-ratio": "1.1.7",
+    "@radix-ui/react-aspect-ratio": "1.1.8",
     "@radix-ui/react-checkbox": "1.3.3",
     "@radix-ui/react-collapsible": "1.1.12",
     "@radix-ui/react-dialog": "1.1.15",
     "@radix-ui/react-dropdown-menu": "2.1.16",
     "@radix-ui/react-hover-card": "1.1.15",
-    "@radix-ui/react-label": "2.1.7",
+    "@radix-ui/react-label": "2.1.8",
     "@radix-ui/react-popover": "1.1.15",
-    "@radix-ui/react-progress": "1.1.7",
+    "@radix-ui/react-progress": "1.1.8",
     "@radix-ui/react-radio-group": "1.3.8",
     "@radix-ui/react-scroll-area": "1.2.10",
     "@radix-ui/react-select": "2.2.6",
+    "@radix-ui/react-separator": "^1.1.8",
     "@radix-ui/react-slider": "1.3.6",
-    "@radix-ui/react-slot": "1.2.3",
+    "@radix-ui/react-slot": "1.2.4",
     "@radix-ui/react-switch": "1.2.6",
     "@radix-ui/react-tabs": "1.1.13",
     "@radix-ui/react-toggle": "1.1.10",
     "@radix-ui/react-toggle-group": "1.1.11",
     "@radix-ui/react-tooltip": "1.2.8",
-    "@radix-ui/react-visually-hidden": "1.2.3",
-    "@scalar/openapi-parser": "0.18.0",
-    "@sentry/node": "9.26.0",
-    "@shikijs/langs": "3.9.2",
-    "@shikijs/rehype": "3.9.2",
-    "@shikijs/themes": "3.9.2",
-    "@shikijs/transformers": "3.9.2",
-    "@sindresorhus/slugify": "2.2.1",
+    "@radix-ui/react-visually-hidden": "1.2.4",
+    "@scalar/openapi-parser": "0.23.2",
+    "@sentry/node": "10.27.0",
+    "@shikijs/engine-javascript": "3.19.0",
+    "@shikijs/langs": "3.19.0",
+    "@shikijs/rehype": "3.19.0",
+    "@shikijs/themes": "3.19.0",
+    "@shikijs/transformers": "3.19.0",
+    "@sindresorhus/slugify": "3.0.0",
     "@stefanprobst/rehype-extract-toc": "3.0.0",
-    "@tailwindcss/typography": "0.5.16",
-    "@tailwindcss/vite": "4.1.11",
-    "@tanem/react-nprogress": "5.0.55",
-    "@tanstack/react-query": "5.81.5",
-    "@types/react": "19.1.10",
-    "@types/react-dom": "19.1.7",
-    "@vitejs/plugin-react": "4.6.0",
+    "@tailwindcss/typography": "0.5.19",
+    "@tailwindcss/vite": "4.1.16",
+    "@tanem/react-nprogress": "5.0.56",
+    "@tanstack/react-query": "5.85.5",
+    "@types/react": "19.2.7",
+    "@types/react-dom": "19.2.3",
+    "@vitejs/plugin-react": "5.1.0",
+    "@x0k/json-schema-merge": "1.0.2",
     "@zudoku/httpsnippet": "10.0.9",
     "@zudoku/react-helmet-async": "2.0.5",
-    "@zuplo/mcp": "^0.0.18",
-    "allof-merge": "0.6.7",
+    "@zuplo/mcp": "^0.0.22",
+    "bs58": "^6.0.0",
     "class-variance-authority": "0.7.1",
     "clsx": "2.1.1",
     "cmdk": "1.1.1",
+    "dotenv": "^17.2.3",
     "embla-carousel-react": "8.6.0",
-    "estree-util-value-to-estree": "3.4.0",
-    "express": "5.1.0",
+    "estree-util-value-to-estree": "3.4.1",
+    "express": "5.2.1",
     "fast-equals": "5.2.2",
-    "glob": "11.0.3",
+    "glob": "13.0.0",
     "glob-parent": "6.0.2",
-    "graphql": "16.11.0",
+    "graphql": "16.12.0",
     "graphql-type-json": "0.3.2",
-    "graphql-yoga": "5.15.1",
+    "graphql-yoga": "5.16.0",
     "gray-matter": "4.0.3",
     "hast-util-to-jsx-runtime": "^2.3.6",
     "hast-util-to-string": "3.0.1",
@@ -207,85 +219,89 @@
     "javascript-stringify": "2.1.0",
     "json-schema-to-typescript-lite": "15.0.0",
     "loglevel": "1.9.2",
-    "lucide-react": "0.539.0",
-    "motion": "12.23.12",
+    "lucide-react": "0.548.0",
+    "motion": "12.23.24",
     "nanoevents": "^9.1.0",
     "next-themes": "0.4.6",
     "oauth4webapi": "2.17.0",
     "openapi-types": "12.1.3",
-    "pagefind": "1.4.0-alpha.1",
+    "pagefind": "1.4.0",
     "picocolors": "1.1.1",
-    "piscina": "5.1.3",
-    "posthog-node": "5.7.0",
+    "piscina": "5.1.4",
+    "posthog-node": "5.14.1",
     "react-error-boundary": "6.0.0",
-    "react-hook-form": "7.60.0",
-    "react-is": "19.1.1",
+    "react-hook-form": "7.66.0",
+    "react-is": "19.2.3",
     "react-markdown": "10.1.0",
-    "react-router": "7.6.3",
+    "react-router": "7.8.2",
     "rehype-mdx-import-media": "1.2.0",
     "rehype-raw": "7.0.0",
     "rehype-slug": "6.0.0",
     "remark-comment": "1.0.0",
-    "remark-directive": "4.0.0",
+    "remark-directive": "3.0.1",
     "remark-directive-rehype": "0.4.2",
     "remark-frontmatter": "5.0.0",
     "remark-gfm": "4.0.1",
     "remark-mdx-frontmatter": "5.2.0",
-    "rollup": "4.46.1",
+    "rollup": "4.52.5",
     "semver": "7.7.2",
-    "shiki": "3.9.2",
-    "sitemap": "8.0.0",
-    "strip-ansi": "7.1.0",
+    "shiki": "3.19.0",
+    "sitemap": "9.0.0",
+    "strip-ansi": "7.1.2",
     "tailwind-merge": "3.3.1",
-    "tailwindcss": "4.1.11",
-    "tw-animate-css": "1.3.6",
+    "tailwindcss": "4.1.17",
+    "tw-animate-css": "1.4.0",
     "unified": "^11.0.5",
     "unist-util-visit": "5.0.0",
     "vaul": "1.1.2",
     "vfile": "6.0.3",
-    "vite": "6.3.5",
+    "vite": "6.4.1",
     "yaml": "2.8.1",
     "yargs": "18.0.0",
-    "zod": "4.0.10",
-    "zustand": "5.0.6"
+    "zod": "4.1.12",
+    "zustand": "5.0.8"
   },
   "devDependencies": {
-    "@graphql-codegen/cli": "5.0.7",
-    "@inkeep/cxkit-types": "0.5.90",
+    "@graphql-codegen/cli": "6.1.0",
+    "@inkeep/cxkit-types": "0.5.101",
     "@testing-library/dom": "10.4.1",
-    "@testing-library/jest-dom": "6.6.3",
+    "@testing-library/jest-dom": "6.9.1",
     "@testing-library/react": "16.3.0",
     "@types/estree": "1.0.8",
-    "@types/express": "5.0.3",
+    "@types/express": "5.0.6",
     "@types/glob-parent": "5.1.3",
     "@types/har-format": "1.2.16",
     "@types/hast": "^3.0.4",
     "@types/json-schema": "7.0.15",
     "@types/mdast": "4.0.4",
     "@types/mdx": "2.0.13",
-    "@types/node": "22.13.5",
-    "@types/react-is": "19.0.0",
+    "@types/node": "22.19.1",
+    "@types/react-is": "19.2.0",
     "@types/semver": "7.7.0",
     "@types/unist": "^3.0.3",
-    "@types/yargs": "17.0.33",
+    "@types/yargs": "17.0.35",
     "@vitest/coverage-v8": "3.2.4",
-    "esbuild": "0.25.8",
-    "happy-dom": "18.0.1",
+    "esbuild": "0.27.0",
+    "happy-dom": "20.0.10",
     "mdast-util-mdx": "3.0.0",
-    "react": "19.1.1",
-    "react-dom": "19.1.1",
-    "rollup-plugin-visualizer": "6.0.3",
-    "tsx": "4.20.4",
-    "typescript": "5.9.2",
-    "vitest": "3.2.4"
+    "react": "19.2.3",
+    "react-dom": "19.2.3",
+    "rollup-plugin-visualizer": "6.0.5",
+    "tsx": "4.20.6",
+    "typescript": "5.9.3",
+    "vitest": "4.0.15"
   },
   "peerDependencies": {
     "@azure/msal-browser": "^4.13.0",
     "@clerk/clerk-js": "^5.63.1",
-    "@sentry/react": "^9.12.0",
+    "@sentry/react": "^10.0.0",
+    "@supabase/auth-ui-react": "^0.4.0",
+    "@supabase/auth-ui-shared": "^0.1.0",
     "@supabase/supabase-js": "^2.49.4",
-    "react": ">=19",
-    "react-dom": ">=19"
+    "firebase": "^12.6.0",
+    "mermaid": "^11.0.0",
+    "react": ">=19.2.0",
+    "react-dom": ">=19.2.0"
   },
   "peerDependenciesMeta": {
     "@azure/msal-browser": {
@@ -299,6 +315,18 @@
     },
     "@supabase/supabase-js": {
       "optional": true
+    },
+    "@supabase/auth-ui-react": {
+      "optional": true
+    },
+    "@supabase/auth-ui-shared": {
+      "optional": true
+    },
+    "firebase": {
+      "optional": true
+    },
+    "mermaid": {
+      "optional": true
     }
   },
   "scripts": {

package/src/app/entry.server.tsx

@@ -122,12 +122,22 @@ export const render = async ({
             !query.queryKey.includes(NO_DEHYDRATE),
         });
 
-        response.end(
-          htmlEnd?.replace(
-            "</body>",
-            `<script>window.DATA=${JSON.stringify(dehydrated)}</script></body>`,
-          ),
-        );
+        if (!htmlEnd) return response.end();
+
+        const closingTag = "</body>";
+        const idx = htmlEnd.lastIndexOf(closingTag);
+
+        if (idx === -1) return response.end(htmlEnd);
+
+        const serialized = JSON.stringify(dehydrated)
+          .replace(/</g, "\\u003c")
+          .replace(/>/g, "\\u003e");
+
+        response.write(htmlEnd.slice(0, idx));
+        response.write("<script>window.DATA=");
+        response.write(serialized);
+        response.write("</script>");
+        response.end(htmlEnd.slice(idx));
       });
 
       pipe(transformStream);

package/src/app/main.css

@@ -7,6 +7,48 @@
 @plugin "@tailwindcss/typography";
 @custom-variant dark (&:is(.dark *));
 
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-destructive: var(--destructive);
+  --color-destructive-foreground: var(--destructive-foreground);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+  --color-chart-1: var(--chart-1);
+  --color-chart-2: var(--chart-2);
+  --color-chart-3: var(--chart-3);
+  --color-chart-4: var(--chart-4);
+  --color-chart-5: var(--chart-5);
+  --color-sidebar: var(--sidebar);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-ring: var(--sidebar-ring);
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+  --font-sans: var(--font-sans);
+  --font-mono: var(--font-mono);
+  --font-serif: var(--font-serif);
+}
+
 @utility prose {
   a {
     @apply font-normal underline-offset-4 hover:text-primary;
@@ -37,6 +79,23 @@
   ol > li {
     @apply my-2.5;
   }
+
+  header:has(h1) {
+    & + p {
+      @apply my-0;
+    }
+  }
+
+  h2 {
+    @apply mt-8 mb-4;
+  }
+
+  ul.contains-task-list {
+    @apply list-none px-0;
+    li {
+      @apply my-1 flex items-center gap-1.5;
+    }
+  }
 }
 
 @layer base {
@@ -96,7 +155,8 @@
   }
 
   ::selection {
-    @apply bg-primary text-primary-foreground;
+    background: var(--color-primary);
+    color: var(--color-primary-foreground);
   }
 
   .bg-primary::selection,
@@ -114,14 +174,6 @@
     cursor: pointer;
   }
 
-  .prose.prose {
-    ul.contains-task-list {
-      @apply list-none px-0;
-      li {
-        @apply flex items-center gap-2;
-      }
-    }
-  }
 
   .shiki {
     counter-reset: line;

package/src/app/main.tsx

@@ -90,7 +90,11 @@ export const getRoutesByOptions = (
           }))
         : [],
     )
-    .concat([{ path: "*", element: <StatusPage statusCode={404} /> }]);
+    .concat([{ path: "*", element: <StatusPage statusCode={404} /> }])
+    .map((route) => ({
+      ...route,
+      errorElement: <RouterError className="w-full m-0" />,
+    }));
 
   // @TODO Detect conflicts in routes and log warning
 

package/src/app/sentry.ts

@@ -11,7 +11,7 @@ export const initSentry = ({ dsn }: { dsn: string }) => {
   Sentry.init({
     dsn,
     integrations: [
-      Sentry.reactRouterV6BrowserTracingIntegration({
+      Sentry.reactRouterV7BrowserTracingIntegration({
         useEffect,
         useLocation,
         useNavigationType,

package/src/lib/assets/language-icons/c.tsx

@@ -0,0 +1,31 @@
+import type { SVGProps } from "react";
+
+const CIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    viewBox="0 0 38.000089 42.000031"
+    {...props}
+  >
+    <title>C</title>
+    <path
+      fill="#004482"
+      d="M17.903.286a2.247 2.247 0 0 1 2.193 0L36.903 9.72A2.12 2.12 0 0 1 38 11.566v18.867c0 .762-.418 1.466-1.097 1.847l-16.807 9.434a2.247 2.247 0 0 1-2.193 0L1.096 32.28A2.122 2.122 0 0 1 0 30.434V11.567c0-.762.418-1.466 1.097-1.847C4.451 7.837 14.549 2.17 17.903.286z"
+    />
+    <path
+      fill="#659ad2"
+      d="M.304 31.404C.038 31.048 0 30.71 0 30.255V11.496c0-.758.417-1.458 1.094-1.836L17.842.28c.677-.379 1.594-.37 2.271.008 3.343 1.872 13.371 7.46 16.714 9.331.27.152.476.335.66.576z"
+    />
+    <path
+      fill="#fff"
+      d="M19 7c7.727 0 14 6.273 14 14s-6.273 14-14 14S5 28.727 5 21 11.273 7 19 7zm0 7c3.863 0 7 3.136 7 7 0 3.863-3.137 7-7 7s-7-3.137-7-7c0-3.864 3.136-7 7-7z"
+    />
+    <path
+      fill="#00599c"
+      d="M37.485 10.205c.516.483.506 1.211.506 1.784 0 3.795-.032 14.59.009 18.384.004.396-.127.813-.323 1.127L18.593 21z"
+    />
+  </svg>
+);
+
+export default CIcon;

package/src/lib/assets/language-icons/commonlisp.tsx

@@ -0,0 +1,22 @@
+import type { SVGProps } from "react";
+
+const CommonLispIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    viewBox="0 0 512 512"
+    {...props}
+  >
+    <title>Common Lisp</title>
+    <circle cx="256" cy="256" r="235" fill="#fff" />
+    <path
+      stroke="#000"
+      strokeWidth="5"
+      d="m255.56 20.008c-62.374 0.1169-122.17 24.922-166.3 68.992-92.236 92.091-92.353 241.52-0.2617 333.75 92.09 92.236 241.52 92.353 333.75 0.262 92.236-92.091 92.353-241.52 0.262-333.75-44.377-44.447-104.64-69.371-167.45-69.254zm2.281 1.0059c59.934 0.4846 119.39 23.809 164.46 68.953 91.701 91.845 91.585 240.64-0.259 332.34-45.922 45.851-120.32 45.793-166.17-0.129-45.851-45.922-45.793-120.32 0.129-166.17 46.412-46.339 46.471-121.53 0.13-167.94-37.084-37.141-94.457-46.553-140.66-21.658 42.416-31.541 92.711-45.798 142.37-45.396zm-190.84 130.26h40c9.943 42.147 25.204 79.418 40.75 116.43 15.9-41.326 33.203-81.249 55.25-116.43h40c-48.928 97.364-102.19 164.06-24 250h-40c-47.567-77.243-82.439-147.67-112-250z"
+    />
+    <path d="m293 110.72c78.194 85.936 24.928 152.64-24 250h40c22.047-35.179 39.35-75.102 55.25-116.43 15.546 37.01 30.807 74.282 40.75 116.43h40c-29.561-102.33-64.433-172.76-112-250z" />
+  </svg>
+);
+
+export default CommonLispIcon;

package/src/lib/assets/language-icons/cpp.tsx

@@ -0,0 +1,35 @@
+import type { SVGProps } from "react";
+
+const CppIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    viewBox="0 0 306 344.35"
+    {...props}
+  >
+    <title>C++</title>
+    <path
+      fill="#00599C"
+      d="M302.107 258.262c2.401-4.159 3.893-8.845 3.893-13.053V99.14c0-4.208-1.49-8.893-3.892-13.052L153 172.175l149.107 86.087z"
+    />
+    <path
+      fill="#004482"
+      d="m166.25 341.193 126.5-73.034c3.644-2.104 6.956-5.737 9.357-9.897L153 172.175 3.893 258.263c2.401 4.159 5.714 7.793 9.357 9.896l126.5 73.034c7.287 4.208 19.213 4.208 26.5 0z"
+    />
+    <path
+      fill="#659AD2"
+      d="M302.108 86.087c-2.402-4.16-5.715-7.793-9.358-9.897L166.25 3.156c-7.287-4.208-19.213-4.208-26.5 0L13.25 76.19C5.962 80.397 0 90.725 0 99.14v146.069c0 4.208 1.491 8.894 3.893 13.053L153 172.175l149.108-86.088z"
+    />
+    <path
+      fill="#FFF"
+      d="M153 274.175c-56.243 0-102-45.757-102-102s45.757-102 102-102c36.292 0 70.139 19.53 88.331 50.968l-44.143 25.544c-9.105-15.736-26.038-25.512-44.188-25.512-28.122 0-51 22.878-51 51 0 28.121 22.878 51 51 51 18.152 0 35.085-9.776 44.191-25.515l44.143 25.543c-18.192 31.441-52.04 50.972-88.334 50.972z"
+    />
+    <path
+      fill="#FFF"
+      d="M255 166.508h-11.334v-11.333h-11.332v11.333H221v11.333h11.334v11.334h11.332v-11.334H255zM297.5 166.508h-11.334v-11.333h-11.332v11.333H263.5v11.333h11.334v11.334h11.332v-11.334H297.5z"
+    />
+  </svg>
+);
+
+export default CppIcon;

package/src/lib/assets/language-icons/dart.tsx

@@ -0,0 +1,39 @@
+import type { SVGProps } from "react";
+
+const DartIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    viewBox="188 251.8 110.5 110.5"
+    {...props}
+  >
+    <title>Dart</title>
+    <path
+      fill="#00c4b3"
+      d="m217.7 281.7-7.1-7.1v51.2l.1 2.4c0 1.1.2 2.4.6 3.7l56.2 19.8 14-6.2z"
+    />
+    <path
+      fill="#22d3c5"
+      d="M211.3 331.9zm70.2 13.6-14 6.2-56.1-19.8c1.1 4.1 3.4 8.7 6 11.3l18.3 18.2 40.8.1z"
+    />
+    <path
+      fill="#0075c9"
+      d="m210.8 274.6-21.8 33c-1.8 1.9-.9 5.9 2 8.9l12.6 12.7 7.9 2.8c-.3-1.3-.6-2.6-.6-3.7l-.1-2.4z"
+    />
+    <path
+      fill="#0075c9"
+      d="M267.9 275.2c-1.3-.3-2.6-.5-3.7-.6l-2.5-.1h-51.1l70.9 70.9 6.2-14z"
+    />
+    <path
+      fill="#00a8e1"
+      d="M267.8 275.2c.1 0 .1 0 0 0 .1 0 .1 0 0 0zm11.4 6c-2.6-2.6-7.1-5-11.3-6l19.8 56.2-6.2 14 15.2-4.9v-41.7z"
+    />
+    <path
+      fill="#00c4b3"
+      d="m265.1 267.4-12.7-12.6c-2.9-2.9-6.9-3.8-8.9-2l-33 21.8h51.1l2.5.1c1.1 0 2.4.2 3.7.6z"
+    />
+  </svg>
+);
+
+export default DartIcon;

package/src/lib/assets/language-icons/elixir.tsx

@@ -0,0 +1,19 @@
+import type { SVGProps } from "react";
+
+const ElixirIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <title>Elixir</title>
+    <path
+      fill="currentColor"
+      d="M19.793 16.575c0 3.752-2.927 7.426-7.743 7.426-5.249 0-7.843-3.71-7.843-8.29 0-5.21 3.892-12.952 8-15.647a.397.397 0 0 1 .61.371 9.72 9.72 0 0 0 1.694 6.518c.522.795 1.092 1.478 1.763 2.352.94 1.227 1.637 1.906 2.644 3.842l.015.028a7.1 7.1 0 0 1 .86 3.4"
+    />
+  </svg>
+);
+
+export default ElixirIcon;

package/src/lib/assets/language-icons/ocaml.tsx

@@ -0,0 +1,34 @@
+import type { SVGProps } from "react";
+
+const OCamlIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    viewBox="0 0 128 128"
+    {...props}
+  >
+    <path
+      fill="#484444"
+      d="m64.11 83.918.019-.047c-.027-.117-.035-.148-.02.047zm0 0"
+    />
+    <path
+      fill="#f29100"
+      d="m64.11 83.918.019-.047c-.027-.117-.035-.148-.02.047zm0 0"
+    />
+    <path
+      fill="#ec6813"
+      d="M64.969 115.441c-.45-.937-1.016-2.773-1.39-3.582-.356-.754-1.434-2.722-1.974-3.355-1.175-1.375-1.453-1.477-1.796-3.215-.602-3.023-2.192-8.508-4.067-12.293-.969-1.953-2.578-3.594-4.05-5.012-1.286-1.242-4.184-3.332-4.692-3.226-4.734.945-6.203 5.59-8.434 9.27-1.23 2.034-2.535 3.765-3.507 5.929-.899 1.992-.817 4.195-2.352 5.902-1.578 1.758-2.602 3.625-3.371 5.891-.148.43-.563 4.953-1.016 6.027l7.04-.496c6.558.45 4.663 2.965 14.902 2.414l16.164-.5c-.504-1.48-1.196-3.195-1.461-3.754zm0 0"
+    />
+    <path
+      fill="#ec6813"
+      d="M111.875 8.223H16.133C7.227 8.227.008 15.445.008 24.352v35.183c2.308-.836 5.625-5.742 6.664-6.937 1.82-2.086 2.148-4.75 3.055-6.426 2.066-3.82 2.421-6.445 7.109-6.445 2.187 0 3.055.503 4.535 2.488 1.027 1.379 2.809 3.93 3.637 5.633.96 1.968 2.527 4.629 3.215 5.164.511.402 1.015.699 1.488.875.758.289 1.39-.235 1.898-.64.649-.52.93-1.571 1.532-2.977.867-2.028 1.808-4.458 2.347-5.31.93-1.464 1.246-3.202 2.25-4.046 1.485-1.242 3.414-1.328 3.95-1.434 2.976-.59 4.328 1.434 5.792 2.743.961.855 2.27 2.582 3.204 4.89.726 1.809 1.652 3.48 2.039 4.524.375 1.004 1.3 2.62 1.847 4.55.496 1.758 1.828 3.106 2.332 3.938 0 0 .774 2.168 5.48 4.152 1.02.43 3.083 1.13 4.313 1.575 2.047.746 4.028.648 6.551.347 1.797 0 2.774-2.605 3.59-4.691.484-1.23.945-4.766 1.262-5.766.304-.976-.41-1.73.199-2.586.71-1 1.133-1.054 1.543-2.355.883-2.785 5.984-2.926 8.847-2.926 2.399 0 2.086 2.32 6.141 1.527 2.32-.457 4.559.297 7.024.95 2.074.55 4.023 1.175 5.195 2.546.758.887 2.633 5.325.719 5.516.183.223.32.629.664.852-.426 1.675-2.282.48-3.309.265-1.39-.285-2.367.043-3.726.645-2.32 1.035-5.715.914-7.739 2.597-1.715 1.43-1.71 4.614-2.511 6.399 0 0-2.223 5.719-7.075 9.215-1.242.898-3.668 3.054-8.953 3.87-2.367.368-4.586.395-7.02.274l-3.511-.133c-.695-.003-3.063-.082-2.945.145l-.266.656c.043.219.129.754.152.887.098.527.125.95.145 1.437.035 1-.082 2.043-.031 3.055.105 2.094.882 4.008.98 6.121.11 2.356 1.274 4.844 2.399 6.77.43.73 1.078.812 1.363 1.715.332 1.03.02 2.129.18 3.23.632 4.266 1.855 8.73 3.785 12.582a1 1 0 0 0 .043.094c2.375-.395 4.754-1.25 7.84-1.707 5.652-.836 13.519-.406 18.57-.88 12.781-1.198 19.719 5.243 31.203 2.602V24.352c-.004-8.907-7.223-16.13-16.129-16.13zM64.109 83.918c-.015-.195-.007-.168.02-.047zm0 0"
+    />
+    <path
+      fill="#ec6813"
+      d="M29.516 98.727c.89-1.946 1.406-4.165 2.144-6.157.711-1.906 1.817-4.61 3.7-5.57-.227-.27-3.938-.39-4.93-.492l-3.2-.453-6.164-1.27c-1.199-.289-5.187-1.703-6.054-2.101-2.032-.938-3.383-3.48-4.969-3.22-1.016.165-2.012.513-2.633 1.536-.515.836-.691 2.27-1.047 3.23-.414 1.118-1.129 2.16-1.754 3.223-1.152 1.95-3.222 3.715-4.113 5.617-.18.39-.34.828-.488 1.285v21.735l3.347.722c8.993 2.403 11.188 2.606 20.008 1.594l.828-.11c.672-1.405 1.196-6.187 1.633-7.667.34-1.137.809-2.04.988-3.2.168-1.1-.015-2.148-.113-3.152-.242-2.504 1.828-3.398 2.82-5.55zm0 0"
+    />
+  </svg>
+);
+
+export default OCamlIcon;

package/src/lib/assets/language-icons/powershell.tsx

@@ -0,0 +1,27 @@
+import type { SVGProps } from "react";
+
+const PowerShellIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    viewBox="0 0 204.691 154.521"
+    {...props}
+  >
+    <title>PowerShell</title>
+    <path
+      fill="#2671BE"
+      d="M85.365 149.813c-23.014-.008-46.029.098-69.042-.053-11.67-.076-13.792-2.83-11.165-14.244 8.906-38.71 18.099-77.355 26.807-116.109C34.3 9.013 39.337 4.419 50.473 4.522c46.024.427 92.056.137 138.083.184 11.543.011 13.481 2.48 10.89 14.187-8.413 38.007-16.879 76.003-25.494 113.965-3.224 14.207-6.938 16.918-21.885 16.951-22.234.047-44.469.012-66.702.004z"
+    />
+    <path
+      fill="#FDFDFE"
+      d="M104.948 73.951c-1.543-1.81-3.237-3.894-5.031-5.886-10.173-11.3-20.256-22.684-30.61-33.815-4.738-5.094-6.248-10.041-.558-15.069 5.623-4.97 11.148-4.53 16.306 1.188 14.365 15.919 28.713 31.856 43.316 47.556 5.452 5.864 4.182 9.851-1.823 14.196-23.049 16.683-45.968 33.547-68.862 50.443-5.146 3.799-10.052 4.75-14.209-.861-4.586-6.189-.343-9.871 4.414-13.335 17.013-12.392 33.993-24.83 50.9-37.366 2.355-1.746 5.736-2.764 6.157-7.051z"
+    />
+    <path
+      fill="#FCFDFD"
+      d="M112.235 133.819c-6.196 0-12.401.213-18.583-.068-4.932-.223-7.9-2.979-7.838-8.174.06-4.912 2.536-8.605 7.463-8.738 13.542-.363 27.104-.285 40.651-.02 4.305.084 7.483 2.889 7.457 7.375-.031 5.146-2.739 9.133-8.25 9.465-6.944.42-13.931.104-20.899.104l-.001.056z"
+    />
+  </svg>
+);
+
+export default PowerShellIcon;