feat(web): embed SVG into HTML directly

* Makes sure element IDs and CSS do not interfere with other diagrams in the same HTML document. * Disables SVGO to allow embedding in Docusaurus with CSS intact. * Replaces PNG figures with SVG in documentation.
graphs4value · Apr 11, 2024 · 12e7bf6 · 12e7bf6
1 parent 5684bdf
commit 12e7bf6
Show file tree

Hide file tree

Showing 20 changed files with 801 additions and 98 deletions.
diff --git a/subprojects/docs/docusaurus.config.ts b/subprojects/docs/docusaurus.config.ts
@@ -52,6 +52,7 @@ export default {
       markdownOptions satisfies PagesOptions,
     ],
     '@docusaurus/plugin-sitemap',
+    './src/plugins/loadersPlugin.ts',
     './src/plugins/swcMinifyPlugin.ts',
   ],
   themes: [

diff --git a/subprojects/docs/src/css/custom.css b/subprojects/docs/src/css/custom.css
@@ -125,3 +125,7 @@ code {
 .hero__title {
   font-weight: 800;
 }
+
+.markdown svg {
+  max-width: 100%;
+}
diff --git a/subprojects/docs/src/learn/tutorials/file-system/fig1.png b/subprojects/docs/src/learn/tutorials/file-system/fig1.png
diff --git a/subprojects/docs/src/learn/tutorials/file-system/fig1.svg b/subprojects/docs/src/learn/tutorials/file-system/fig1.svg
diff --git a/...rn/tutorials/file-system/fig1.png.license → ...rn/tutorials/file-system/fig1.svg.license b/...rn/tutorials/file-system/fig1.png.license → ...rn/tutorials/file-system/fig1.svg.license
diff --git a/subprojects/docs/src/learn/tutorials/file-system/fig2.png b/subprojects/docs/src/learn/tutorials/file-system/fig2.png