Skip to content
Astro Digital Garden

Tasks

  • Write about @beoe/rehype-vizdom
    • Write about interactivity
  • Write about @beoe/rehype-d2
  • Add more options for starlight-digital-garden
    • option to check for broken links?
  • Write about starlight-digital-garden
  • Starlight SEO/SMO plugin
    • astro-robots-txt
    • microdata
    • social image
    • date in sitemap
  • Add a grammar checker
  • Implement Faceted search
  • Add View Transitions ↗
  • Implement better user action tracking (beyond page navigations)
    • If search was used
    • If external links were clicked
    • If page preview was shown
  • Remove H1 on the tags page

Ideas

Color for Tag

I can easily generate a color from the tag:

import ch from "color-hash";
const colorHash = new ch.default();
colorHash.hex(tag);

I can use it in:

  • Color chip near the tag or maybe a color underline?
  • Euler diagram
  • Content graph
  • Social images - to generate a colorful “border”

I implemented a prototype in the branch tag-color ↗.

Link previews

  • Handle non-HTML links (images, PDFs)
  • Handle footnotes

Table of Contents

  • Fix bug: it crashes if there are missing header levels, like h4 directly under h2 .
  • Fix "snake" styles.

Last modified time

Icons for external links

Content graph visualization

Sidebar

  • Render as partials and fetch from the server instead of prerendering, because there are too many DOM nodes.
  • Tabs should preserve state across navigations.
  • The scroll area should be inside the TabItem .

SEO and SMO meta tags

  • Plugin that places sitemap URL in robots.txt ( astro-robots-txt )
  • Use the "updated at" date in the sitemap (so search engines would rescan those pages first)

Wikilinks

  • Check that anchors correspond to a header in the target document.
  • What about ambiguous links ( bdb.documentsSync({ slug: permalink }).length > 1 )?
  • Image wikilinks ( ![[some.jpg]] )

Social images autogeneration

  • Generate a gradient based on tag colors

Tag list

  • Page for each tag
  • Metadata for tags (color, icon)

Timelime diagram

  • Remove the Graphviz component from the repo; need to use @beoe/astro-graphviz instead.

Client-side content graph

  • Links for nodes
  • Zoom behavior is a bit annoying; is there a way to customize it?
  • Tags probably should have a constant size or damping factor; otherwise, they will always be the biggest nodes.
  • On node hover, highlight neighbor nodes and connecting edges.
  • If there were metadata for tags or pages, like color or icon, it could be used for graph visualization.

Faceted search

  • I can still use facets or pagefind , but I need a different UI.
  • Other potential fields for facets:
  • Sort by: