zudoku 0.0.0-e7477f4 → 0.0.0-e792d466

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zudoku",
-  "version": "0.0.0-e7477f4",
+  "version": "0.0.0-e792d466",
   "type": "module",
   "homepage": "https://zudoku.dev",
   "repository": {
@@ -103,6 +103,14 @@
       "import": "./lib/zudoku.components.js",
       "types": "./dist/lib/components/index.d.ts"
     },
+    "./__internal": {
+      "import": "./lib/zudoku.__internal.js",
+      "types": "./dist/lib/__internal.d.ts"
+    },
+    "./router": {
+      "import": "./lib/zudoku.router.js",
+      "types": "./dist/lib/core/router.d.ts"
+    },
     "./processors/*": {
       "import": "./lib/processors/*.js",
       "types": "./dist/lib/plugins/openapi/processors/*.d.ts"
@@ -132,14 +140,13 @@
     }
   },
   "dependencies": {
-    "@apidevtools/json-schema-ref-parser": "12.0.2",
-    "@envelop/core": "5.2.3",
+    "@apidevtools/json-schema-ref-parser": "14.1.1",
+    "@envelop/core": "5.3.0",
     "@graphql-typed-document-node/core": "3.2.0",
-    "@hookform/resolvers": "4.1.3",
-    "@lekoarts/rehype-meta-as-attributes": "3.0.2",
+    "@lekoarts/rehype-meta-as-attributes": "3.0.3",
     "@mdx-js/react": "3.1.0",
     "@mdx-js/rollup": "3.1.0",
-    "@pothos/core": "4.6.3",
+    "@pothos/core": "4.8.0",
     "@radix-ui/react-accordion": "1.2.11",
     "@radix-ui/react-alert-dialog": "1.1.14",
     "@radix-ui/react-aspect-ratio": "1.1.7",
@@ -162,65 +169,58 @@
     "@radix-ui/react-toggle-group": "1.1.10",
     "@radix-ui/react-tooltip": "1.2.7",
     "@radix-ui/react-visually-hidden": "1.2.3",
-    "@scalar/openapi-parser": "0.10.17",
+    "@scalar/openapi-parser": "0.18.0",
     "@sentry/node": "9.26.0",
-    "@shikijs/langs": "3.7.0",
-    "@shikijs/rehype": "3.7.0",
-    "@shikijs/themes": "3.7.0",
-    "@shikijs/transformers": "3.7.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",
     "@stefanprobst/rehype-extract-toc": "3.0.0",
     "@tailwindcss/typography": "0.5.16",
-    "@tailwindcss/vite": "4.1.7",
+    "@tailwindcss/vite": "4.1.11",
     "@tanem/react-nprogress": "5.0.55",
     "@tanstack/react-query": "5.81.5",
-    "@types/react": "19.1.8",
-    "@types/react-dom": "19.1.6",
-    "@vitejs/plugin-react": "4.4.1",
+    "@types/react": "19.1.10",
+    "@types/react-dom": "19.1.7",
+    "@vitejs/plugin-react": "4.6.0",
     "@zudoku/httpsnippet": "10.0.9",
     "@zudoku/react-helmet-async": "2.0.5",
-    "allof-merge": "0.6.6",
+    "allof-merge": "0.6.7",
     "class-variance-authority": "0.7.1",
     "clsx": "2.1.1",
     "cmdk": "1.1.1",
-    "colorjs.io": "0.5.2",
-    "devlop": "^1.1.0",
-    "dotenv": "16.5.0",
     "embla-carousel-react": "8.6.0",
     "estree-util-value-to-estree": "3.4.0",
     "express": "5.1.0",
     "fast-equals": "5.2.2",
-    "framer-motion": "^12.12.2",
     "glob": "11.0.3",
     "glob-parent": "6.0.2",
     "graphql": "16.11.0",
     "graphql-type-json": "0.3.2",
-    "graphql-yoga": "5.13.5",
+    "graphql-yoga": "5.15.1",
     "gray-matter": "4.0.3",
     "hast-util-to-jsx-runtime": "^2.3.6",
     "hast-util-to-string": "3.0.1",
-    "html-url-attributes": "^3.0.1",
     "http-terminator": "3.2.0",
-    "json-schema-to-typescript-lite": "14.1.0",
+    "javascript-stringify": "2.1.0",
+    "json-schema-to-typescript-lite": "15.0.0",
     "loglevel": "1.9.2",
-    "lru-cache": "11.0.2",
-    "lucide-react": "0.515.0",
-    "minimatch": "10.0.1",
-    "motion": "12.18.1",
+    "lucide-react": "0.526.0",
+    "motion": "12.23.12",
     "nanoevents": "^9.1.0",
     "next-themes": "0.4.6",
     "oauth4webapi": "2.17.0",
-    "object-hash": "3.0.0",
     "openapi-types": "12.1.3",
     "pagefind": "1.4.0-alpha.1",
     "picocolors": "1.1.1",
-    "piscina": "5.1.1",
+    "piscina": "5.1.3",
     "posthog-node": "4.17.1",
     "react-error-boundary": "6.0.0",
-    "react-hook-form": "7.57.0",
-    "react-is": "19.1.0",
+    "react-hook-form": "7.60.0",
+    "react-is": "19.1.1",
     "react-markdown": "10.1.0",
-    "react-router": "7.6.1",
+    "react-router": "7.6.3",
     "rehype-mdx-import-media": "1.2.0",
     "rehype-raw": "7.0.0",
     "rehype-slug": "6.0.0",
@@ -230,37 +230,31 @@
     "remark-frontmatter": "5.0.0",
     "remark-gfm": "4.0.1",
     "remark-mdx-frontmatter": "5.2.0",
-    "remark-parse": "^11.0.0",
-    "remark-rehype": "^11.1.2",
-    "rollup": "4.41.1",
+    "rollup": "4.46.1",
     "semver": "7.7.2",
-    "shiki": "3.7.0",
+    "shiki": "3.9.2",
     "sitemap": "8.0.0",
-    "spin-delay": "2.0.1",
     "strip-ansi": "7.1.0",
-    "tailwind-merge": "3.3.0",
-    "tailwindcss": "4.1.10",
-    "ulidx": "2.4.1",
+    "tailwind-merge": "3.3.1",
+    "tailwindcss": "4.1.11",
     "unified": "^11.0.5",
     "unist-util-visit": "5.0.0",
     "vaul": "1.1.2",
     "vfile": "6.0.3",
     "vite": "6.3.5",
-    "yaml": "2.8.0",
+    "yaml": "2.8.1",
     "yargs": "18.0.0",
-    "zod": "3.25.67",
-    "zod-to-ts": "1.2.0",
-    "zustand": "5.0.5"
+    "zod": "4.0.10",
+    "zustand": "5.0.6"
   },
   "devDependencies": {
     "@graphql-codegen/cli": "5.0.7",
-    "@graphql-codegen/client-preset": "4.8.2",
     "@inkeep/cxkit-types": "0.5.90",
-    "@testing-library/dom": "10.4.0",
+    "@testing-library/dom": "10.4.1",
     "@testing-library/jest-dom": "6.6.3",
     "@testing-library/react": "16.3.0",
-    "@types/estree": "1.0.7",
-    "@types/express": "5.0.2",
+    "@types/estree": "1.0.8",
+    "@types/express": "5.0.3",
     "@types/glob-parent": "5.1.3",
     "@types/har-format": "1.2.16",
     "@types/hast": "^3.0.4",
@@ -268,21 +262,20 @@
     "@types/mdast": "4.0.4",
     "@types/mdx": "2.0.13",
     "@types/node": "22.13.5",
-    "@types/object-hash": "3.0.6",
     "@types/react-is": "19.0.0",
     "@types/semver": "7.7.0",
     "@types/unist": "^3.0.3",
     "@types/yargs": "17.0.33",
-    "@vitest/coverage-v8": "3.2.1",
-    "esbuild": "0.25.1",
-    "happy-dom": "17.5.6",
+    "@vitest/coverage-v8": "3.2.4",
+    "esbuild": "0.25.8",
+    "happy-dom": "18.0.1",
     "mdast-util-mdx": "3.0.0",
-    "react": "19.1.0",
-    "react-dom": "19.1.0",
+    "react": "19.1.1",
+    "react-dom": "19.1.1",
     "rollup-plugin-visualizer": "6.0.3",
-    "tsx": "4.19.4",
-    "typescript": "5.8.3",
-    "vitest": "3.2.3"
+    "tsx": "4.20.4",
+    "typescript": "5.9.2",
+    "vitest": "3.2.4"
   },
   "peerDependencies": {
     "@azure/msal-browser": "^4.13.0",

package/src/app/ZuploBuildConfig.ts

@@ -1,4 +1,4 @@
-import { z } from "zod/v4";
+import { z } from "zod";
 
 export const EntitlementsSchema = z.object({
   devPortalZuploBranding: z.boolean(),

package/src/app/demo.tsx

@@ -1,7 +1,7 @@
 import logger from "loglevel";
 import { createRoot } from "react-dom/client";
 import { createBrowserRouter } from "react-router";
-import { Bootstrap } from "zudoku/components";
+import { Bootstrap } from "zudoku/__internal";
 import type { ZudokuConfig } from "../config/validators/validate.js";
 import DemoAnnouncement from "../lib/demo/DemoAnnouncement.js";
 import { openApiPlugin } from "../lib/plugins/openapi/index.js";

package/src/app/entry.client.tsx

@@ -1,15 +1,16 @@
+import config from "virtual:zudoku-config";
 import { createRoot, hydrateRoot } from "react-dom/client";
 import {
   createBrowserRouter,
   matchRoutes,
   type RouteObject,
 } from "react-router";
-import config from "virtual:zudoku-config";
 import "vite/modulepreload-polyfill";
-import { Bootstrap } from "zudoku/components";
+import { Bootstrap } from "zudoku/__internal";
 import { getRoutesByConfig } from "./main.js";
 
 const routes = getRoutesByConfig(config);
+// biome-ignore lint/style/noNonNullAssertion: We know the root element exists
 const root = document.getElementById("root")!;
 
 declare global {
@@ -33,7 +34,7 @@ if (root.childElementCount > 0) {
 }
 
 if (import.meta.env.IS_ZUPLO) {
-  // eslint-disable-next-line no-console
+  // biome-ignore lint/suspicious/noConsole: Logging allowed here
   console.log(
     `%cPowered by Zuplo v${window.ZUDOKU_VERSION}`,
     [
@@ -46,7 +47,7 @@ if (import.meta.env.IS_ZUPLO) {
     ].join(" ;"),
   );
 } else {
-  // eslint-disable-next-line no-console
+  // biome-ignore lint/suspicious/noConsole: Logging allowed here
   console.log(
     `%cZUDOKU%c by Zuplo v${window.ZUDOKU_VERSION}`,
     [
@@ -69,7 +70,7 @@ if (import.meta.env.IS_ZUPLO) {
       "letter-spacing: 5px",
     ].join(" ;"),
   );
-  // eslint-disable-next-line no-console
+  // biome-ignore lint/suspicious/noConsole: Logging allowed here
   console.log("» Learn more about Zudoku https://zudoku.dev");
 }
 
@@ -84,7 +85,7 @@ async function hydrateLazyRoutes(routes: RouteObject[]) {
       lazyMatches.map(async (m) => {
         if (typeof m.route.lazy !== "function") return;
 
-        const routeModule = await m.route.lazy!();
+        const routeModule = await m.route.lazy();
         Object.assign(m.route, { ...routeModule, lazy: undefined });
       }),
     );

package/src/app/entry.server.tsx

@@ -1,8 +1,8 @@
+import { Transform } from "node:stream";
 import { dehydrate, QueryClient } from "@tanstack/react-query";
-import { type HelmetData } from "@zudoku/react-helmet-async";
+import type { HelmetData } from "@zudoku/react-helmet-async";
 import type express from "express";
 import logger from "loglevel";
-import { Transform } from "node:stream";
 import { renderToPipeableStream, renderToStaticMarkup } from "react-dom/server";
 import {
   createStaticHandler,
@@ -11,7 +11,7 @@ import {
   type RouteObject,
 } from "react-router";
 import "vite/modulepreload-polyfill";
-import { BootstrapStatic, ServerError } from "zudoku/components";
+import { BootstrapStatic, ServerError } from "zudoku/__internal";
 import { NO_DEHYDRATE } from "../lib/components/cache.js";
 import type { PrerenderResponse } from "../vite/prerender/PrerenderResponse.js";
 import { getRoutesByConfig } from "./main.js";
@@ -49,7 +49,7 @@ export const render = async ({
     if ([301, 302, 303, 307, 308].includes(context.status)) {
       return response.redirect(
         import.meta.env.PROD ? context.status : 307,
-        context.headers.get("Location")!,
+        context.headers.get("Location") ?? "",
       );
     }
 

package/src/app/env.ts

@@ -1,4 +1,4 @@
-import z from "zod";
+import { z } from "zod";
 import { BuildConfigSchema } from "./ZuploBuildConfig.js";
 
 const getZuploBuildConfig = () => {
@@ -11,17 +11,17 @@ const getZuploBuildConfig = () => {
     return zuploBuildConfig;
   } catch (error) {
     if (error instanceof z.ZodError) {
-      // eslint-disable-next-line no-console
+      // biome-ignore lint/suspicious/noConsole: Logging allowed here
       console.error("ZUPLO_BUILD_CONFIG is invalid.");
-      // eslint-disable-next-line no-console
-      console.log(error.errors);
+      // biome-ignore lint/suspicious/noConsole: Logging allowed here
+      console.log(error.issues);
       return undefined;
     }
-    // eslint-disable-next-line no-console
+    // biome-ignore lint/suspicious/noConsole: Logging allowed here
     console.error(
       "ZUPLO_BUILD_CONFIG is a reserved environment variable and cannot be used for custom configuration. Please remove it from your environment variables.",
     );
-    // eslint-disable-next-line no-console
+    // biome-ignore lint/suspicious/noConsole: Logging allowed here
     console.log(error);
     return undefined;
   }

package/src/app/main.css

@@ -121,6 +121,10 @@
   .shiki {
     counter-reset: line;
     @apply leading-normal;
+    background-color: var(--shiki-light-bg) !important;
+  }
+  .dark .shiki {
+    background-color: var(--shiki-dark-bg) !important;
   }
   .code-block .shiki {
     @apply grid grid-rows-1;
@@ -150,18 +154,26 @@
   }
 
   .shiki.not-inline .line {
-    @apply block -mx-4 px-4 w-[calc(100%+2rem)];
-    --highlighted-bg: hsl(
-      from var(--muted) h s calc(l + 4 * var(--dark)) / 50%
-    );
+    @apply block -mx-4 px-4;
+    width: calc(100% + --spacing(4));
+    --highlighted-bg: hsl(from var(--shiki-light-bg) h s calc(l - 6));
+  }
+  .dark .shiki.not-inline .line {
+    --highlighted-bg: hsl(from var(--shiki-dark-bg) h s calc(l + 10));
   }
+
   .shiki .line.highlighted {
-    @apply bg-(--highlighted-bg);
+    @apply bg-(--highlighted-bg) relative;
+  }
+
+  .shiki .line.highlighted::after {
+    @apply absolute left-0 top-0 bottom-0 right-auto translate-x-full content-[''];
+    border-left: 4px solid
+      hsl(from var(--highlighted-bg) h s calc(l + 4 * var(--dark)));
   }
 
   .shiki .highlighted-word {
-    @apply bg-(--highlighted-bg) px-0.5 rounded;
-    box-shadow: 0 0 0 4px var(--highlighted-bg);
+    @apply inline-block bg-(--highlighted-bg) px-0.5 rounded;
   }
 
   select {

package/src/app/main.tsx

@@ -1,4 +1,3 @@
-import { type RouteObject } from "react-router";
 import { configuredApiKeysPlugin } from "virtual:zudoku-api-keys-plugin";
 import {
   configuredApiCatalogPlugins,
@@ -11,18 +10,21 @@ import { configuredNavigation } from "virtual:zudoku-navigation";
 import { configuredRedirectPlugin } from "virtual:zudoku-redirect-plugin";
 import { configuredSearchPlugin } from "virtual:zudoku-search-plugin";
 import { registerShiki } from "virtual:zudoku-shiki-register";
+import type { RouteObject } from "react-router";
 import "virtual:zudoku-theme.css";
 import {
   BuildCheck,
   Layout,
+  Meta,
   RouteGuard,
   RouterError,
   StatusPage,
-  Zudoku,
-} from "zudoku/components";
+} from "zudoku/__internal";
+import { Zudoku } from "zudoku/components";
+import { Outlet } from "zudoku/router";
 import type { ZudokuConfig } from "../config/config.js";
-import type { ZudokuContextOptions } from "../lib/core/ZudokuContext.js";
 import { isNavigationPlugin } from "../lib/core/plugins.js";
+import type { ZudokuContextOptions } from "../lib/core/ZudokuContext.js";
 import { highlighter } from "../lib/shiki.js";
 import { ZuploEnv } from "./env.js";
 import "./main.css";
@@ -107,23 +109,33 @@ export const getRoutesByConfig = (config: ZudokuConfig): RouteObject[] => {
       element: (
         <Zudoku {...options}>
           <BuildCheck
-            buildId={
-              import.meta.env.IS_ZUPLO && import.meta.env.ZUPLO_BUILD_ID
-                ? import.meta.env.ZUPLO_BUILD_ID
-                : undefined
-            }
+            buildId={import.meta.env.ZUPLO_BUILD_ID}
+            environmentType={import.meta.env.ZUPLO_ENVIRONMENT_TYPE}
           />
-          <Layout />
+          <Outlet />
         </Zudoku>
       ),
       hydrateFallbackElement: <div>Loading...</div>,
       children: [
         {
-          element: <RouteGuard />,
+          element: (
+            <Meta>
+              <RouteGuard />
+            </Meta>
+          ),
           errorElement: <RouterError />,
-          children: routes,
+          children: routes.map((r) =>
+            r.handle?.layout === "none" ? r : wrapWithLayout(r),
+          ),
         },
       ],
     },
   ];
 };
+
+const wrapWithLayout = (route: RouteObject) => {
+  return {
+    element: <Layout />,
+    children: [route],
+  };
+};

package/src/app/standalone.tsx

@@ -1,6 +1,6 @@
 import { createRoot } from "react-dom/client";
 import { createBrowserRouter } from "react-router";
-import { Bootstrap } from "zudoku/components";
+import { Bootstrap } from "zudoku/__internal";
 import type { ZudokuConfig } from "../config/validators/validate.js";
 import { openApiPlugin } from "../lib/plugins/openapi/index.js";
 import "../lib/util/logInit.js";
@@ -13,7 +13,12 @@ if (!root) {
 }
 
 const apiUrl = root.getAttribute("data-api-url");
-const title = document.getElementsByTagName("title")[0]!.innerText;
+
+if (!apiUrl) {
+  throw new Error("No api url found");
+}
+
+const title = document.getElementsByTagName("title")[0]?.innerText;
 const logoUrl = root.getAttribute("data-logo-url");
 
 // IMPORTANT: This component must not contain tailwind classes
@@ -42,7 +47,7 @@ const config = {
     // Using the plugin directly because there's no config file to load in the virtual plugins
     openApiPlugin({
       type: "url",
-      input: apiUrl!,
+      input: apiUrl,
       path: "/",
     }),
   ],

package/src/lib/MissingIcon.tsx

@@ -1,4 +1,4 @@
-import { CircleDashed, LucideProps } from "lucide-react";
+import { CircleDashed, type LucideProps } from "lucide-react";
 import {
   Tooltip,
   TooltipContent,

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

@@ -0,0 +1,35 @@
+import type { SVGProps } from "react";
+
+const CsharpIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 32 32"
+    width="1em"
+    height="1em"
+    {...props}
+  >
+    <title>C#</title>
+    <path
+      d="M29 10.232a2.387 2.387 0 0 0-.318-1.244 2.451 2.451 0 0 0-.936-.879q-5.194-2.868-10.393-5.733a2.642 2.642 0 0 0-2.763.024c-1.378.779-8.275 4.565-10.331 5.706A2.287 2.287 0 0 0 3 10.231V21.77a2.4 2.4 0 0 0 .3 1.22 2.434 2.434 0 0 0 .954.9c2.056 1.141 8.954 4.927 10.332 5.706a2.642 2.642 0 0 0 2.763.026q5.19-2.871 10.386-5.733a2.444 2.444 0 0 0 .955-.9 2.4 2.4 0 0 0 .3-1.22V10.232"
+      fill="#4e994a"
+    />
+    <path
+      d="M28.549 23.171a2.126 2.126 0 0 0 .147-.182 2.4 2.4 0 0 0 .3-1.22V10.232a2.387 2.387 0 0 0-.318-1.244c-.036-.059-.089-.105-.13-.16L16 16Z"
+      fill="#358230"
+    />
+    <path
+      d="M28.549 23.171 16 16 3.451 23.171a2.435 2.435 0 0 0 .809.72c2.056 1.141 8.954 4.927 10.332 5.706a2.642 2.642 0 0 0 2.763.026q5.19-2.871 10.386-5.733a2.43 2.43 0 0 0 .808-.719Z"
+      fill="#1a7515"
+    />
+    <path
+      d="M19.6 18.02a4.121 4.121 0 1 1-.027-4.087l3.615-2.073A8.309 8.309 0 0 0 7.7 16a8.216 8.216 0 0 0 1.1 4.117 8.319 8.319 0 0 0 14.411-.017L19.6 18.02"
+      fill="#fff"
+    />
+    <path
+      d="M27.67 15.271v-1.238h-1.007v-1.006h-1.239v1.006h-1.508v-1.006h-1.239v1.006h-1.008v1.238h1.006v1.513h-1.006v1.237h1.006v1.006h1.239v-1.006h1.509v1.006h1.239v-1.006h1.006v-1.237h-1v-1.513Zm-2.246 1.513h-1.508v-1.513h1.508Z"
+      fill="#fff"
+    />
+  </svg>
+);
+
+export default CsharpIcon;

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

@@ -0,0 +1,36 @@
+import type { SVGProps } from "react";
+
+const CssIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 32 32"
+    width="1em"
+    height="1em"
+    {...props}
+  >
+    <title>CSS</title>
+    <path
+      fill="#1572b6"
+      d="M5.902 27.201 3.656 2h24.688l-2.249 25.197L15.985 30 5.902 27.201z"
+    />
+    <path fill="#33a9dc" d="m16 27.858 8.17-2.265 1.922-21.532H16v23.797z" />
+    <path
+      fill="#fff"
+      d="M16 13.191h4.09l.282-3.165H16V6.935h7.75l-.074.829-.759 8.547H16v-3.12z"
+    />
+    <path
+      fill="#ebebeb"
+      d="m16.019 21.218-.014.004-3.442-.93-.22-2.465H9.24l.433 4.853 6.331 1.758.015-.004v-3.216z"
+    />
+    <path
+      fill="#fff"
+      d="m19.827 16.151-.372 4.139-3.447.93v3.216l6.336-1.756.047-.522.537-6.007h-3.101z"
+    />
+    <path
+      fill="#ebebeb"
+      d="M16.011 6.935v3.091H8.545l-.062-.695-.141-1.567-.074-.829h7.743zM16 13.191v3.091H12.601l-.062-.695-.14-1.567-.074-.829H16z"
+    />
+  </svg>
+);
+
+export default CssIcon;

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

@@ -0,0 +1,19 @@
+import type { SVGProps } from "react";
+
+const GoIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
+    width="1em"
+    height="1em"
+    {...props}
+  >
+    <title>Go</title>
+    <path
+      fill="#00ACD7"
+      d="m2.64 10.33-.02-.06.22-.27.12-.08H6.8l.03.08-.18.26-.11.06-3.9.01m-1.61.98L1 11.26l.22-.29.12-.06h4.9l.05.09-.08.24-.1.07H1.03m2.6.99-.04-.06.16-.28.1-.06H6l.07.07-.02.25-.08.08H3.63m11.15-2.16-1.78.47c-.19.04-.2.05-.34-.11-.16-.18-.27-.29-.5-.4-.66-.34-1.33-.24-1.94.15-.72.48-1.11 1.17-1.1 2.05.01.86.6 1.57 1.45 1.7.73.09 1.34-.17 1.83-.72l.29-.39h-2.07c-.22 0-.27-.14-.2-.32l.55-1.18c.03-.06.11-.17.27-.17h3.44c.15-.5.41-.96.75-1.41.78-1.03 1.73-1.57 3-1.81 1.07-.18 2.13-.07 3.07.57.84.58 1.37 1.36 1.5 2.39.19 1.45-.24 2.63-1.24 3.65-.71.72-1.58 1.17-2.57 1.39l-.86.08c-.98-.02-1.87-.3-2.62-.95-.52-.45-.88-.99-1.06-1.63-.15.24-.27.47-.44.7-.77 1.02-1.78 1.65-3.06 1.8-1.05.16-2.03-.05-2.89-.69-.79-.6-1.26-1.4-1.36-2.39-.14-1.17.2-2.22.91-3.14.76-1 1.77-1.63 3.01-1.86 1-.18 1.97-.06 2.84.52.57.38.97.9 1.24 1.52.04.09 0 .15-.12.18m6.11 1.6-.03-.36c-.19-1.06-1.17-1.66-2.19-1.43-1.01.22-1.67.85-1.88 1.86-.19.84.21 1.69.98 2.03.59.26 1.19.22 1.76-.06.84-.43 1.31-1.12 1.36-2.04Z"
+    />
+  </svg>
+);
+
+export default GoIcon;

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

@@ -0,0 +1,19 @@
+import type { SVGProps } from "react";
+
+const GraphqlIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
+    width="1em"
+    height="1em"
+    {...props}
+  >
+    <title>GraphQL</title>
+    <path
+      fill="#E10098"
+      d="m12 5.37-.44-.06L6 14.9c.24.21.4.48.47.78h11.06c.07-.3.23-.57.47-.78l-5.56-9.59-.44.06M6.6 16.53l4.28 2.53c.29-.27.69-.43 1.12-.43.43 0 .83.16 1.12.43l4.28-2.53H6.6M12 22a1.68 1.68 0 0 1-1.68-1.68l.09-.56-4.3-2.55c-.31.36-.76.58-1.27.58a1.68 1.68 0 0 1-1.68-1.68c0-.79.53-1.45 1.26-1.64V9.36c-.83-.11-1.47-.82-1.47-1.68A1.68 1.68 0 0 1 4.63 6c.55 0 1.03.26 1.34.66l4.41-2.53-.06-.45c0-.93.75-1.68 1.68-1.68.93 0 1.68.75 1.68 1.68l-.06.45 4.41 2.53c.31-.4.79-.66 1.34-.66a1.68 1.68 0 0 1 1.68 1.68c0 .86-.64 1.57-1.47 1.68v5.11c.73.19 1.26.85 1.26 1.64a1.68 1.68 0 0 1-1.68 1.68c-.51 0-.96-.22-1.27-.58l-4.3 2.55.09.56A1.68 1.68 0 0 1 12 22M10.8 4.86 6.3 7.44l.02.24c0 .71-.44 1.32-1.06 1.57l.03 5.25 5.51-9.64m2.4 0 5.51 9.64.03-5.25c-.62-.25-1.06-.86-1.06-1.57l.02-.24-4.5-2.58Z"
+    />
+  </svg>
+);
+
+export default GraphqlIcon;

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

@@ -0,0 +1,24 @@
+import type { SVGProps } from "react";
+
+const HtmlIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    xmlSpace="preserve"
+    width="1em"
+    height="1em"
+    viewBox="0 0 32 32"
+    {...props}
+  >
+    <path
+      fill="#E44D26"
+      d="M27.377 28.889 16.001 32 4.625 28.889 2 0h28.002z"
+    />
+    <path fill="#FF6C39" d="M16 2v27.75l9.232-2.742L27.688 2z" />
+    <path
+      fill="#FFF"
+      d="M24.363 6H7.607L8 10l.619 7h10.884l-.355 3.984L16 21.99l-3.143-1.006L12.648 19H8.803l.459 4.987L16 25.99l6.728-2.004.99-10.986H12.252l-.25-3H24z"
+    />
+  </svg>
+);
+
+export default HtmlIcon;