chore: remove unused images

docs/astro.config.ts

@@ -5,6 +5,7 @@ import tailwind from "@astrojs/tailwind"
 import starlight from "@astrojs/starlight"
 import { defineConfig } from "astro/config"
 import { markdownConfiguration } from "./markdown.config.ts"
+import starlightHeadingBadges from "starlight-heading-badges"
 import starlightLinksValidator from "starlight-links-validator"
 
 const SITE_URL = "https://docs.union.build"
@@ -30,11 +31,6 @@ export default defineConfig({
   devToolbar: { enabled: ENABLE_DEV_TOOLBAR === "true" },
   prefetch: { prefetchAll: true, defaultStrategy: "viewport" },
   redirects: { "/logo": "/union-logo.zip" },
-  vite: {
-    define: {
-      global: {}
-    }
-  },
   integrations: [
     starlight({
       title: "Union",
@@ -141,7 +137,7 @@ export default defineConfig({
           }
         }
       ],
-      plugins: [starlightLinksValidator()],
+      plugins: [starlightLinksValidator(), starlightHeadingBadges()],
       customCss: [
         "./src/styles/fonts.css",
         "./src/styles/tailwind.css",

docs/docs.nix

@@ -9,7 +9,7 @@
     {
       packages = {
         docs = mkCi false (unstablePkgs.buildNpmPackage {
-          npmDepsHash = "sha256-MybxFSU+LWm4VjCsb/+6fqV8eRRr9ouQYS6BBZhQsZc=";
+          npmDepsHash = "sha256-fO25Dn6EAHV5IgKbcv0z9If8Ff7V35WZ/CEmhBvaIL0=";
           src = ./.;
           srcs = [ ./. ./../evm/. ./../networks/genesis/. ./../versions/. ];
           sourceRoot = "docs";

docs/package.json

@@ -34,6 +34,7 @@
     "shiki": "^1.16.2",
     "slugify": "^1.6.6",
     "smartypants": "^0.2.2",
+    "starlight-heading-badges": "^0.2.0",
     "svelte": "^4.2.19"
   },
   "devDependencies": {

docs/src/components/DrawIO.astro

@@ -0,0 +1,42 @@
+---
+interface Props {
+  src: string
+}
+
+const { src } = Astro.props
+---
+
+<div set:html={src} class="mt-8" data-draw-io="" />
+
+<script>
+  const htmlElement = document.querySelector('html')
+  const selectThemeElement = document.querySelector('select')
+  const currentTheme = htmlElement?.getAttribute('data-theme')
+  const drawIOElement = document.querySelector('div[data-draw-io]')
+
+  let filter = currentTheme === 'dark' ? 'invert(1)' : 'none'
+
+  if (currentTheme) drawIOElement?.setAttribute('style', `filter: ${filter}`)
+
+  const preferredTheme = window.matchMedia('(prefers-color-scheme: dark)').matches
+    ? 'dark'
+    : 'light'
+
+  function onThemeChange(event: Event) {
+    const selectedTheme = event?.target?.value
+    filter =
+      selectedTheme === 'dark'
+        ? 'invert(1)'
+        : selectedTheme === 'auto' && preferredTheme === 'dark'
+          ? 'invert(1)'
+          : 'none'
+    drawIOElement?.setAttribute('style', `filter: ${filter}`)
+  }
+
+  document.addEventListener('DOMContentLoaded', event => {
+    selectThemeElement?.addEventListener('change', onThemeChange)
+    return () => {
+      selectThemeElement?.removeEventListener('change', onThemeChange)
+    }
+  })
+</script>

docs/src/content/docs/concepts/consensus-verification.mdx

@@ -2,7 +2,7 @@
 title: "Consensus Verification"
 ---
 
-import DrawioDiagram from "#/components/DrawIO.svelte";
+import DrawioDiagram from "#/components/DrawIO.astro";
 import drawIOSVG from "#/assets/images/consensus-verification/drawio.svg?raw";
 
 Union's underlying security model is based on consensus verification, which is the industry standard for secure bridging. When we bridge, each transaction is verified to originate from the counterparty chain. We can formulate the problem as:
@@ -25,7 +25,7 @@ Consensus verification is the next iteration. Instead of trusting a set of keepe
 
 The golden standard of bridging is state verification, which is the foundation for rollups as well. The current iteration of zero-knowledge technology is not performant enough for state verification in bridging applications, however, we are actively doing R&D on implementations.
 
-<DrawioDiagram client:only src={drawIOSVG} />
+<DrawioDiagram src={drawIOSVG} />
 
 ## Categorically Different
 

site/.gitattributes

@@ -1,3 +1,14 @@
 .webp filter=lfs diff=lfs merge=lfs -text
 .avif filter=lfs diff=lfs merge=lfs -text
 .gif filter=lfs diff=lfs merge=lfs -text
+*.otf filter=lfs diff=lfs merge=lfs -text
+*.png filter=lfs diff=lfs merge=lfs -text
+*.pdf filter=lfs diff=lfs merge=lfs -text
+*.woff2 filter=lfs diff=lfs merge=lfs -text
+*.woff filter=lfs diff=lfs merge=lfs -text
+*.ttf filter=lfs diff=lfs merge=lfs -text
+*.zip filter=lfs diff=lfs merge=lfs -text
+*.psd filter=lfs diff=lfs merge=lfs -text
+*.jpg filter=lfs diff=lfs merge=lfs -text
+*.jpeg filter=lfs diff=lfs merge=lfs -text
+*.splinecode filter=lfs diff=lfs merge=lfs -text