@mehdad67/apitogo 0.1.24

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/php.tsx

@@ -0,0 +1,19 @@
+import type { SVGProps } from "react";
+
+const PhpIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
+    width="1em"
+    height="1em"
+    {...props}
+  >
+    <title>PHP</title>
+    <path
+      fill="#8993be"
+      d="M12 18.08c-6.63 0-12-2.72-12-6.08s5.37-6.08 12-6.08S24 8.64 24 12s-5.37 6.08-12 6.08m-5.19-7.95c.54 0 .91.1 1.09.31.18.2.22.56.13 1.03-.1.53-.29.87-.58 1.09-.28.22-.71.33-1.29.33h-.87l.53-2.76h.99m-3.5 5.55h1.44l.34-1.75h1.23c.54 0 .98-.06 1.33-.17.35-.12.67-.31.96-.58.24-.22.43-.46.58-.73.15-.26.26-.56.31-.88.16-.78.05-1.39-.33-1.82-.39-.44-.99-.65-1.82-.65H4.59l-1.28 6.58m7.25-8.33-1.28 6.58h1.42l.74-3.77h1.14c.36 0 .6.06.71.18.11.12.13.34.07.66l-.57 2.93h1.45l.59-3.07c.13-.62.03-1.07-.27-1.36-.3-.27-.85-.4-1.65-.4h-1.27L12 7.35h-1.44M18 10.13c.55 0 .91.1 1.09.31.18.2.22.56.13 1.03-.1.53-.29.87-.57 1.09-.29.22-.72.33-1.3.33h-.85l.5-2.76h1m-3.5 5.55h1.44l.34-1.75h1.22c.55 0 1-.06 1.35-.17.35-.12.65-.31.95-.58.24-.22.44-.46.58-.73.15-.26.26-.56.32-.88.15-.78.04-1.39-.34-1.82-.36-.44-.99-.65-1.82-.65h-2.75l-1.29 6.58Z"
+    />
+  </svg>
+);
+
+export default PhpIcon;

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

@@ -0,0 +1,32 @@
+import type { SVGProps } from "react";
+
+const PnpmIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    xmlnsXlink="http://www.w3.org/1999/xlink"
+    width="1em"
+    height="1em"
+    viewBox="76.59 44 164.008 164"
+    {...props}
+  >
+    <defs>
+      <path id="a" d="M237.6 95h-50V45h50v50Z" />
+      <path id="b" d="M182.59 95h-50V45h50v50Z" />
+      <path id="c" d="M127.59 95h-50V45h50v50Z" />
+      <path id="d" d="M237.6 150h-50v-50h50v50Z" />
+      <path id="e" d="M182.59 150h-50v-50h50v50Z" />
+      <path id="f" d="M182.59 205h-50v-50h50v50Z" />
+      <path id="g" d="M237.6 205h-50v-50h50v50Z" />
+      <path id="h" d="M127.59 205h-50v-50h50v50Z" />
+    </defs>
+    <use xlinkHref="#a" fill="#f9ad00" />
+    <use xlinkHref="#b" fill="#f9ad00" />
+    <use xlinkHref="#c" fill="#f9ad00" />
+    <use xlinkHref="#d" fill="#f9ad00" />
+    <use xlinkHref="#e" className="fill-foreground" />
+    <use xlinkHref="#f" className="fill-foreground" />
+    <use xlinkHref="#g" className="fill-foreground" />
+    <use xlinkHref="#h" className="fill-foreground" />
+  </svg>
+);
+export default PnpmIcon;

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;

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

@@ -0,0 +1,23 @@
+import type { SVGProps } from "react";
+
+const PythonIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 100 100"
+    {...props}
+  >
+    <path
+      fill="#387EB8"
+      d="M47.661 1.245c-23.863 0-22.373 10.348-22.373 10.348l.027 10.721h22.772v3.219H16.27S1 23.8 1 47.879s13.328 23.224 13.328 23.224h7.954V59.93s-.429-13.328 13.115-13.328h22.586s12.69.205 12.69-12.264V13.721S72.599 1.245 47.66 1.245ZM35.105 8.454a4.093 4.093 0 0 1 4.097 4.097 4.093 4.093 0 0 1-4.097 4.097 4.093 4.093 0 0 1-4.097-4.097 4.093 4.093 0 0 1 4.097-4.097Z"
+    />
+    <path
+      fill="#FFE052"
+      d="M48.34 94.755c23.862 0 22.372-10.348 22.372-10.348l-.026-10.72H47.914v-3.22H79.73S95 72.2 95 48.121 81.672 24.897 81.672 24.897h-7.954V36.07s.43 13.328-13.115 13.328H38.017s-12.689-.205-12.689 12.264v20.617s-1.927 12.477 23.011 12.477Zm12.556-7.209a4.093 4.093 0 0 1-4.097-4.097 4.093 4.093 0 0 1 4.097-4.096 4.093 4.093 0 0 1 4.097 4.096 4.093 4.093 0 0 1-4.097 4.097Z"
+    />
+  </svg>
+);
+
+export default PythonIcon;

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

@@ -0,0 +1,21 @@
+import type { SVGProps } from "react";
+
+const ReactIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 32 32"
+    width="1em"
+    height="1em"
+    {...props}
+  >
+    <title>React</title>
+    <g className="fill-[#00a7c5] dark:fill-[#00d8fe]">
+      <circle cx={16} cy={15.974} r={2.5} />
+      <path d="M16 21.706a28.385 28.385 0 0 1-8.88-1.2 11.3 11.3 0 0 1-3.657-1.958A3.543 3.543 0 0 1 2 15.974c0-1.653 1.816-3.273 4.858-4.333A28.755 28.755 0 0 1 16 10.293a28.674 28.674 0 0 1 9.022 1.324 11.376 11.376 0 0 1 3.538 1.866A3.391 3.391 0 0 1 30 15.974c0 1.718-2.03 3.459-5.3 4.541a28.8 28.8 0 0 1-8.7 1.191Zm0-10.217a27.948 27.948 0 0 0-8.749 1.282c-2.8.977-4.055 2.313-4.055 3.2 0 .928 1.349 2.387 4.311 3.4A27.21 27.21 0 0 0 16 20.51a27.6 27.6 0 0 0 8.325-1.13C27.4 18.361 28.8 16.9 28.8 15.974a2.327 2.327 0 0 0-1.01-1.573 10.194 10.194 0 0 0-3.161-1.654A27.462 27.462 0 0 0 16 11.489Z" />
+      <path d="M10.32 28.443a2.639 2.639 0 0 1-1.336-.328c-1.432-.826-1.928-3.208-1.327-6.373a28.755 28.755 0 0 1 3.4-8.593 28.676 28.676 0 0 1 5.653-7.154 11.376 11.376 0 0 1 3.384-2.133 3.391 3.391 0 0 1 2.878 0c1.489.858 1.982 3.486 1.287 6.859a28.806 28.806 0 0 1-3.316 8.133 28.385 28.385 0 0 1-5.476 7.093 11.3 11.3 0 0 1-3.523 2.189 4.926 4.926 0 0 1-1.624.307Zm1.773-14.7a27.948 27.948 0 0 0-3.26 8.219c-.553 2.915-.022 4.668.75 5.114.8.463 2.742.024 5.1-2.036a27.209 27.209 0 0 0 5.227-6.79 27.6 27.6 0 0 0 3.181-7.776c.654-3.175.089-5.119-.713-5.581a2.327 2.327 0 0 0-1.868.089A10.194 10.194 0 0 0 17.5 6.9a27.464 27.464 0 0 0-5.4 6.849Z" />
+      <path d="M21.677 28.456c-1.355 0-3.076-.82-4.868-2.361a28.756 28.756 0 0 1-5.747-7.237 28.676 28.676 0 0 1-3.374-8.471 11.376 11.376 0 0 1-.158-4A3.391 3.391 0 0 1 8.964 3.9c1.487-.861 4.01.024 6.585 2.31a28.8 28.8 0 0 1 5.39 6.934 28.384 28.384 0 0 1 3.41 8.287 11.3 11.3 0 0 1 .137 4.146 3.543 3.543 0 0 1-1.494 2.555 2.59 2.59 0 0 1-1.315.324Zm-9.58-10.2a27.949 27.949 0 0 0 5.492 6.929c2.249 1.935 4.033 2.351 4.8 1.9.8-.465 1.39-2.363.782-5.434A27.212 27.212 0 0 0 19.9 13.74a27.6 27.6 0 0 0-5.145-6.64c-2.424-2.152-4.39-2.633-5.191-2.169a2.327 2.327 0 0 0-.855 1.662 10.194 10.194 0 0 0 .153 3.565 27.465 27.465 0 0 0 3.236 8.1Z" />
+    </g>
+  </svg>
+);
+
+export default ReactIcon;

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

@@ -0,0 +1,19 @@
+import type { SVGProps } from "react";
+
+const RubyIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
+    width="1em"
+    height="1em"
+    {...props}
+  >
+    <title>Ruby</title>
+    <path
+      fill="#d6422b"
+      d="M18.8 2.07c2.52.43 3.24 2.16 3.2 3.97V6l-1.14 14.93-14.78 1.01h.01c-1.23-.05-3.96-.17-4.09-3.99l1.37-2.5 2.77 6.46 2.36-7.62-.05.01.02-.02 7.71 2.46-1.99-7.78 7.35-.46-5.79-4.74 3.05-1.7v.01M2 17.91v.02-.02M6.28 6.23c2.96-2.95 6.79-4.69 8.26-3.2 1.46 1.47-.08 5.09-3.04 8.03-3 2.94-6.77 4.78-8.24 3.3-1.47-1.49.04-5.19 3.01-8.13h.01Z"
+    />
+  </svg>
+);
+
+export default RubyIcon;

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

@@ -0,0 +1,19 @@
+import type { SVGProps } from "react";
+
+const RustIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
+    width="1em"
+    height="1em"
+    {...props}
+  >
+    <title>Rust</title>
+    <path
+      className="fill-foreground"
+      d="m21.9 11.7-.9-.5V11l.7-.7c.1-.1.1-.3 0-.4l-.1-.1-.9-.3c0-.1 0-.2-.1-.2l.6-.8c.1-.1.1-.3-.1-.4 0 0-.1 0-.1-.1l-1-.2c0-.1-.1-.1-.1-.2l.4-.9v-.3c-.1-.1-.2-.1-.3-.1h-1s0-.1-.1-.1l.2-1c0-.2-.1-.3-.2-.3h-.1l-1 .2c0-.1-.1-.1-.2-.2v-1c0-.2-.1-.3-.3-.3h-.1l-.9.4h-.1L16 3c0-.2-.2-.3-.3-.2h-.1l-.8.6c-.1 0-.2 0-.2-.1l-.3-.9c-.1-.1-.2-.2-.4-.2 0 0-.1 0-.1.1L13 3h-.2l-.5-.8c-.1-.2-.3-.2-.5-.2l-.1.1-.5.9H11l-.7-.7c-.1-.1-.3-.1-.4 0l-.1.1-.3.9c-.1 0-.2 0-.2.1l-.8-.6c-.2-.1-.4-.1-.5.1V3l-.2 1s-.1 0-.2.1l-.9-.4c-.1-.1-.3 0-.4.1v1.1c0 .1-.1.1-.1.2l-1-.2c-.2-.1-.3 0-.3.2v.1l.2 1c-.1 0-.1.1-.2.1h-1c-.2 0-.3.1-.3.3v.1l.4.9v.2L3 8c-.2 0-.3.2-.3.3v.1l.6.8c0 .1 0 .2-.1.2l-.8.4c-.1.1-.2.2-.2.4 0 0 0 .1.1.1l.7.7v.2l-.8.5c-.2.1-.2.3-.2.4l.1.1.9.6v.2l-.7.7c-.1.1-.1.3 0 .4l.1.1.9.3c0 .1 0 .2.1.2l-.6.8c-.1.1-.1.3.1.4 0 0 .1 0 .1.1l1 .2c0 .1.1.1.1.2l-.4.9c-.1.1 0 .3.1.4h1.1c.1 0 .1.1.2.1l-.2 1c0 .2.1.3.2.3h.1l1-.2c0 .1.1.1.2.2v1c0 .2.1.3.3.3h.1l.9-.4h.1l.2 1c0 .2.2.3.3.2h.1l.8-.6c.1 0 .2 0 .2.1l.3.9c.1.1.2.2.4.2 0 0 .1 0 .1-.1l.8-.7h.2l.5.8c.1.1.3.2.4.1l.1-.1.5-.8h.2l.7.7c.1.1.3.1.4 0l.1-.1.3-.9c.1 0 .2 0 .2-.1l.8.6c.1.1.3.1.4-.1 0 0 0-.1.1-.1l.2-1c.1 0 .1-.1.2-.1l.9.4c.1.1.3 0 .4-.1v-1.1l.2-.2 1 .2c.2 0 .3-.1.3-.2v-.1l-.2-1 .2-.2h1c.2 0 .3-.1.3-.3v-.1l-.4-.9c0-.1.1-.1.1-.2l1-.2c.2 0 .3-.2.2-.3v-.1l-.6-.8.1-.2.9-.3c.1-.1.2-.2.2-.4 0 0 0-.1-.1-.1L21 13v-.2l.8-.5c.2-.1.2-.3.1-.6 0 .1 0 .1 0 0m-5.7 7c-.3-.1-.5-.4-.5-.7.1-.3.4-.5.7-.5.3.1.5.4.5.7 0 .4-.3.6-.7.5m-.2-1.9c-.3-.1-.6.1-.6.4l-.4 1.4c-.9.4-1.9.6-3 .6s-2.1-.2-3.1-.7l-.3-1.4c-.1-.3-.3-.5-.6-.4l-1.2.3c-.2-.2-.4-.5-.6-.7h6c.1 0 .1 0 .1-.1v-2.1c0-.1 0-.1-.1-.1h-1.7v-1.3h1.9c.2 0 .9 0 1.2 1 .1.3.2 1.3.4 1.6.1.3.6 1 1.1 1h3.1c-.2.3-.4.5-.7.8l-1.5-.3m-8.3 1.9c-.3.1-.6-.1-.7-.5-.1-.3.1-.6.5-.7s.6.1.7.5c0 .3-.2.6-.5.7M5.4 9.5c.1.3 0 .7-.3.8-.3.1-.7 0-.8-.3-.1-.3 0-.7.3-.8.4-.1.7 0 .8.3m-.7 1.6 1.3-.5c.3-.1.4-.4.3-.7L6 9.3h1V14H5c-.3-1-.4-1.9-.3-2.9m5.6-.4V9.3h2.5c.1 0 .9.1.9.7 0 .5-.6.7-1.1.7h-2.3m9 1.2v.5h-.8c-.1 0-.1 0-.1.1v.3c0 .8-.5 1-.9 1s-.8-.2-.9-.4c-.2-1.3-.6-1.5-1.2-2 .7-.5 1.5-1.2 1.5-2.1 0-1-.7-1.6-1.1-1.9-.7-.4-1.4-.5-1.6-.5H6.6c1.1-1.2 2.5-2 4.1-2.3l.9 1c.2.2.5.2.8 0l1-1c2.1.4 3.9 1.7 5 3.6l-.7 1.6c-.1.3 0 .6.3.7l1.3.6v.8m-7.7-8c.2-.2.6-.2.8 0 .2.2.2.6 0 .8-.3.3-.6.3-.9 0-.2-.2-.1-.5.1-.8m6.9 5.6c.1-.3.5-.4.8-.3.3.1.4.5.3.8-.1.3-.5.4-.8.3-.3-.1-.4-.5-.3-.8Z"
+    />
+  </svg>
+);
+
+export default RustIcon;

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

@@ -0,0 +1,19 @@
+import type { SVGProps } from "react";
+
+const ScalaIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    viewBox="0 0 128 128"
+    {...props}
+  >
+    <title>Scala</title>
+    <path
+      fill="currentColor"
+      d="M25.411 110.572V95.077l11.842-.474c12.315-.473 21.45-1.488 34.847-3.789 15.225-2.639 30.246-7.375 31.803-10.082.406-.677.676 4.534.676 14.616v15.698l-1.76 1.353c-1.894 1.489-9.202 3.993-17.524 6.09C72.303 121.737 40.568 126 29.742 126h-4.33zm0-39.245V55.83l11.842-.406c13.127-.541 23.344-1.691 36.877-4.195 15.157-2.842 28.96-7.443 29.976-9.947.203-.473.406 6.09.406 14.616.067 13.533-.068 15.698-1.083 16.78-2.368 2.64-20.638 7.376-39.449 10.286-11.435 1.76-30.381 3.79-35.66 3.79h-2.909zm0-38.975V17.195l2.098-.406c1.15-.203 3.992-.406 6.293-.406 11.367 0 38.366-3.722 51.628-7.105 9.27-2.436 15.698-4.872 17.931-6.902 1.15-1.015 1.218-.406 1.218 14.48 0 14.548-.067 15.63-1.285 16.714-1.827 1.691-14.345 5.548-24.09 7.51-15.765 3.113-41.951 6.429-50.883 6.429h-2.91z"
+    />
+  </svg>
+);
+
+export default ScalaIcon;

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

@@ -0,0 +1,19 @@
+import type { SVGProps } from "react";
+
+const ShellIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
+    width="1em"
+    height="1em"
+    {...props}
+  >
+    <title>Terminal</title>
+    <path
+      className="fill-foreground"
+      d="M13 19v-3h8v3h-8m-4.5-6L2.47 7h4.24l4.96 4.95c.58.59.58 1.55 0 2.12L6.74 19H2.5l6-6Z"
+    />
+  </svg>
+);
+
+export default ShellIcon;

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

@@ -0,0 +1,19 @@
+import type { SVGProps } from "react";
+
+const SwiftIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
+    width="1em"
+    height="1em"
+    {...props}
+  >
+    <title>Swift</title>
+    <path
+      fill="#F05138"
+      d="M17.09 19.72c-2.36 1.36-5.59 1.5-8.86.1A13.807 13.807 0 0 1 2 14.5c.67.55 1.46 1 2.3 1.4 3.37 1.57 6.73 1.46 9.1 0-3.37-2.59-6.24-5.96-8.37-8.71-.45-.45-.78-1.01-1.12-1.51 8.28 6.05 7.92 7.59 2.41-1.01 4.89 4.94 9.43 7.74 9.43 7.74.16.09.25.16.36.22.1-.25.19-.51.26-.78.79-2.85-.11-6.12-2.08-8.81 4.55 2.75 7.25 7.91 6.12 12.24-.03.11-.06.22-.05.39 2.24 2.83 1.64 5.78 1.35 5.22-1.21-2.39-3.48-1.65-4.62-1.17Z"
+    />
+  </svg>
+);
+
+export default SwiftIcon;

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

@@ -0,0 +1,23 @@
+import type { SVGProps } from "react";
+
+const TomlIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 32 32"
+    width="1em"
+    height="1em"
+    {...props}
+  >
+    <title>TOML</title>
+    <path
+      className="dark:fill-[#7f7f7f]"
+      d="M22.76 6.83v3.25h-5v15.09h-3.5V10.08h-5V6.83Z"
+    />
+    <path
+      className="fill-[#bfbfbf] dark:fill-[#a2a2a2]"
+      d="M2 2h6.2v3.09H5.34v21.8H8.2V30H2ZM30 30h-6.2v-3.09h2.86V5.11H23.8V2H30Z"
+    />
+  </svg>
+);
+
+export default TomlIcon;

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

@@ -0,0 +1,23 @@
+import type { SVGProps } from "react";
+
+const TypescriptIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 260 260"
+    width="1em"
+    height="1em"
+    {...props}
+  >
+    <title>TypeScript</title>
+    <path
+      fill="#fff"
+      d="M9.75 0h240.5c5.385 0 9.75 4.365 9.75 9.75v240.5a9.75 9.75 0 0 1-9.75 9.75H9.75C4.365 260 0 255.635 0 250.25V9.75C0 4.365 4.365 0 9.75 0z"
+    />
+    <path
+      fill="#3178c6"
+      d="M9.75 0h240.5c5.385 0 9.75 4.365 9.75 9.75v240.5a9.75 9.75 0 0 1-9.75 9.75H9.75C4.365 260 0 255.635 0 250.25V9.75C0 4.365 4.365 0 9.75 0zm134.78 138.32v-21.324H51.998v21.324h33.036v94.946h26.298V138.32zm10.485 92.439c4.241 2.162 9.257 3.784 15.048 4.865 5.79 1.081 11.893 1.622 18.309 1.622 6.253 0 12.193-.595 17.82-1.784 5.628-1.189 10.562-3.149 14.803-5.879s7.598-6.297 10.072-10.703 3.711-9.852 3.711-16.339c0-4.703-.707-8.824-2.12-12.365-1.414-3.541-3.453-6.69-6.117-9.447s-5.859-5.23-9.583-7.419c-3.725-2.189-7.925-4.257-12.601-6.203-3.425-1.406-6.497-2.771-9.216-4.095-2.718-1.324-5.029-2.676-6.932-4.054-1.903-1.379-3.371-2.838-4.404-4.379-1.033-1.54-1.55-3.284-1.55-5.23 0-1.784.463-3.392 1.387-4.824.924-1.433 2.229-2.663 3.915-3.69 1.685-1.027 3.751-1.824 6.198-2.392 2.447-.567 5.165-.851 8.156-.851 2.174 0 4.472.162 6.891.486 2.42.325 4.853.825 7.299 1.5a50.847 50.847 0 0 1 7.137 2.555 39.395 39.395 0 0 1 6.402 3.567v-24.244c-3.969-1.514-8.305-2.636-13.008-3.365-4.704-.73-10.1-1.095-16.189-1.095-6.199 0-12.071.662-17.617 1.987-5.546 1.324-10.425 3.392-14.639 6.203s-7.544 6.392-9.991 10.743c-2.447 4.352-3.67 9.555-3.67 15.609 0 7.731 2.243 14.326 6.729 19.785 4.485 5.46 11.295 10.082 20.43 13.866a277.435 277.435 0 0 1 10.031 4.298c3.099 1.405 5.777 2.865 8.033 4.378 2.257 1.514 4.037 3.162 5.342 4.946s1.958 3.811 1.958 6.082c0 1.676-.408 3.23-1.224 4.662-.815 1.433-2.052 2.676-3.71 3.73-1.659 1.054-3.725 1.879-6.199 2.473-2.474.595-5.369.892-8.686.892-5.654 0-11.254-.986-16.8-2.959s-10.684-4.933-15.415-8.879z"
+    />
+  </svg>
+);
+
+export default TypescriptIcon;

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

@@ -0,0 +1,19 @@
+import type { SVGProps } from "react";
+
+const XmlIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
+    width="1em"
+    height="1em"
+    {...props}
+  >
+    <title>XML</title>
+    <path
+      className="fill-foreground"
+      d="m12.89 3 1.96.4L11.11 21l-1.96-.4L12.89 3m6.7 9L16 8.41V5.58L22.42 12 16 18.41v-2.83L19.59 12M1.58 12 8 5.58v2.83L4.41 12 8 15.58v2.83L1.58 12Z"
+    />
+  </svg>
+);
+
+export default XmlIcon;

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

@@ -0,0 +1,23 @@
+import type { SVGProps } from "react";
+
+const YamlIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 32 32"
+    width="1em"
+    height="1em"
+    {...props}
+  >
+    <title>YAML</title>
+    <path
+      fill="#cb171e"
+      d="M20.06 12.73H14.5l-1.13 2.73H10.9l5.22-12.3h2.52l5 12.3H21l-.94-2.73zm-.92-2.46-1.71-4.51-1.9 4.51z"
+    />
+    <path
+      className="fill-foreground"
+      d="M30 28.82v-2.57h-6.36v-9.44H21v12zm-15.87-2.68 2.8-5.78v8.5h2.48V16.82H16l-3 5.46-2.86-5.46H6.8v12.06h2.58v-8.32l2.71 5.6zM2 3.14h3.46L8.5 7.97l3.07-4.85h3.31l-5.02 7.53v4.77H6.8v-4.77z"
+    />
+  </svg>
+);
+
+export default YamlIcon;

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

@@ -0,0 +1,17 @@
+import type { SVGProps } from "react";
+
+const YarnIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 288.6 310.4"
+    width="1em"
+    height="1em"
+    {...props}
+  >
+    <path
+      fill="#2C8EBB"
+      d="M279.7 248.5c-16 3.8-24.1 7.3-43.9 20.2-31 20-64.8 29.3-64.8 29.3s-2.8 4.2-10.9 6.1c-14 3.4-66.7 6.3-71.5 6.4-12.9.1-20.8-3.3-23-8.6-6.7-16 9.6-23 9.6-23s-3.6-2.2-5.7-4.2c-1.9-1.9-3.9-5.7-4.5-4.3-2.5 6.1-3.8 21-10.5 27.7-9.2 9.3-26.6 6.2-36.9.8-11.3-6 .8-20.1.8-20.1s-6.1 3.6-11-3.8C3 268.2-1.1 256.6 0 242.3 1.4 225.8 19.6 210 19.6 210s-3.2-24.1 7.3-48.8c9.5-22.5 35.1-40.6 35.1-40.6S40.5 96.9 48.5 75.4c5.2-14 7.3-13.9 9-14.5 6-2.3 11.8-4.8 16.1-9.5 21.5-23.2 48.9-18.8 48.9-18.8S135.3-6.7 147.3 1c3.7 2.4 17 32 17 32s14.2-8.3 15.8-5.2c8.6 16.7 9.6 48.6 5.8 68-6.4 32-22.4 49.2-28.8 60-1.5 2.5 17.2 10.4 29 43.1 10.9 29.9 1.2 55 2.9 57.8.3.5.4.7.4.7s12.5 1 37.6-14.5c13.4-8.3 29.3-17.6 47.4-17.8 17.5-.3 18.4 20.3 5.3 23.4z"
+    />
+  </svg>
+);
+export default YarnIcon;

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

@@ -0,0 +1,32 @@
+import type { SVGProps } from "react";
+
+const ZigIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    viewBox="0 0 400 140"
+    {...props}
+  >
+    <title>Zig</title>
+    <g fill="#F7A41D">
+      <path d="M46 22 28 44l-9-14z" />
+      <path d="M46 22 33 33l-5 11h-6v51h9l-11 5-8 17H0V22z" />
+      <path d="m31 95-19 22-8-11zM56 22l6 14-25 8z" />
+      <path d="M56 22h55v22H37l19-12zM116 95l-19 22-7-13z" />
+      <path d="m116 95-16 9-3 13H42V95z" />
+      <path d="M150 0 52 117 3 140l98-118zM141 22l-1 18-18 5z" />
+      <path d="M153 22v95h-47l14-12 5-10h6V45h-9l10-9 9-14z" />
+      <path d="m125 95 5 15-24 7z" />
+    </g>
+    <g fill="currentColor">
+      <path d="M260 22v15l-31 3h-52V22z" />
+      <path d="m260 37-53 62v4h-31l53-63v-3z" />
+      <path d="M261 99v18h-85v-14l30-4zM272 22h22v95h-22zM394 67v39h-18V81l-16-11-14-3z" />
+      <path d="m360 68 16 13-30-14z" />
+      <path d="M394 106c-10.2 7.3-24 12-37.7 12-29 0-51.1-20.8-51.1-48.3 0-27.3 22.5-48.1 52-48.1 14.3 0 29.2 5.5 38.9 14l-13 15c-7.1-6.3-16.8-10-25.9-10-17 0-30.2 12.9-30.2 29.5 0 16.8 13.3 29.6 30.3 29.6 5.7 0 12.8-2.3 19-5.5L394 106z" />
+    </g>
+  </svg>
+);
+
+export default ZigIcon;

package/src/lib/auth/issuer.ts

@@ -0,0 +1,31 @@
+import type { ZudokuConfig } from "../../config/validators/ZudokuConfig.js";
+import { getClerkFrontendApi } from "../authentication/providers/util.js";
+
+export const getIssuer = async (config: ZudokuConfig) => {
+  switch (config.authentication?.type) {
+    case "clerk": {
+      return `https://${getClerkFrontendApi(config.authentication.clerkPubKey)}`;
+    }
+    case "auth0": {
+      return `https://${config.authentication.domain}/`;
+    }
+    case "openid": {
+      return config.authentication.issuer;
+    }
+    case "supabase": {
+      return config.authentication.supabaseUrl;
+    }
+    case "azureb2c": {
+      return config.authentication.issuer;
+    }
+    case "firebase": {
+      return `https://securetoken.google.com/${config.authentication.projectId}`;
+    }
+    case undefined: {
+      return undefined;
+    }
+    default: {
+      throw new Error(`Unsupported authentication type`);
+    }
+  }
+};

package/src/lib/authentication/AuthenticationPlugin.tsx

@@ -0,0 +1,33 @@
+import type {
+  CommonPlugin,
+  NavigationPlugin,
+  ProfileMenuPlugin,
+} from "../core/plugins.js";
+import { SignIn } from "./components/SignIn.js";
+import { SignOut } from "./components/SignOut.js";
+import { SignUp } from "./components/SignUp.js";
+
+type PluginInterface = NavigationPlugin & CommonPlugin & ProfileMenuPlugin;
+
+export class CoreAuthenticationPlugin implements PluginInterface {
+  getRoutes() {
+    return [
+      {
+        path: "/signout",
+        element: <SignOut />,
+      },
+      {
+        path: "/signin",
+        element: <SignIn />,
+      },
+      {
+        path: "/signup",
+        element: <SignUp />,
+      },
+    ];
+  }
+
+  getProfileMenuItems() {
+    return [];
+  }
+}

package/src/lib/authentication/authentication.ts

@@ -0,0 +1,48 @@
+import type { NavigateFunction } from "react-router";
+import type { ZudokuContext } from "../core/ZudokuContext.js";
+
+export type AuthActionContext = { navigate: NavigateFunction };
+export type AuthActionOptions = { redirectTo?: string; replace?: boolean };
+
+export interface AuthenticationPlugin {
+  initialize?(context: ZudokuContext): Promise<void>;
+  onPageLoad?(): void;
+
+  /*
+   * Refreshes the user profile from the authentication provider.
+   *
+   * This gets called when the user profile needs to be refreshed (e.g. to check if the email is verified)
+   */
+  refreshUserProfile?(): Promise<boolean>;
+
+  signUp(
+    { navigate }: AuthActionContext,
+    options?: AuthActionOptions,
+  ): Promise<void>;
+  signIn(
+    { navigate }: AuthActionContext,
+    options?: AuthActionOptions,
+  ): Promise<void>;
+
+  signOut({ navigate }: AuthActionContext): Promise<void>;
+
+  signRequest(request: Request): Promise<Request>;
+  requestEmailVerification?(
+    { navigate }: AuthActionContext,
+    options?: AuthActionOptions,
+  ): Promise<void>;
+
+  /**
+   * @deprecated use signRequest instead
+   */
+  getAccessToken?(): Promise<string>;
+
+  /**
+   * @deprecated use the navigate function from the AuthActionContext instead
+   */
+  setNavigate?(navigate: NavigateFunction): void;
+}
+
+export type AuthenticationProviderInitializer<TConfig> = (
+  config: TConfig,
+) => AuthenticationPlugin;

package/src/lib/authentication/components/CallbackHandler.tsx

@@ -0,0 +1,45 @@
+import { useZudoku } from "@lukoweb/apitogo/components";
+import { useSuspenseQuery } from "@tanstack/react-query";
+import { Navigate } from "react-router";
+import { joinUrl } from "../../util/joinUrl.js";
+import { normalizeRedirectUrl } from "../../util/url.js";
+import { OAuthAuthorizationError, type OAuthErrorType } from "../errors.js";
+
+export function CallbackHandler({
+  handleCallback,
+}: {
+  handleCallback: () => Promise<string>;
+}) {
+  const { options } = useZudoku();
+  const executeCallback = useSuspenseQuery({
+    retry: false,
+    queryKey: ["oauth-callback", window.location.search],
+    queryFn: async () => {
+      const url = new URL(window.location.href);
+
+      const errorParam = url.searchParams.get("error");
+      const errorDescription =
+        url.searchParams.get("error_description") ?? undefined;
+      const errorUri = url.searchParams.get("error_uri") ?? undefined;
+      if (errorParam) {
+        throw new OAuthAuthorizationError(
+          `OAuth error '${errorParam}': ${errorDescription}`,
+          {
+            error: errorParam as OAuthErrorType,
+            error_description: errorDescription,
+            error_uri: errorUri,
+          },
+        );
+      }
+      return joinUrl(
+        normalizeRedirectUrl(
+          await handleCallback(),
+          window.location.origin,
+          options.basePath,
+        ),
+      );
+    },
+  });
+
+  return <Navigate to={executeCallback.data} replace />;
+}