gram: page

> ./diagram/op.d2

Lenses
(coming soon!)

shape: rectangle
*.shape: page

# --------------------

d2 -> plan: { class: ready }
d2 -> d2-embed: { class: ready }
d2-embed -> diagram boil
vite -> solid
solid -> mdx
solid -> address
oban -> enroll
ash -> ash-cloak
ash-cloak -> enroll
enroll -> stripe
enroll -> sponsor
stripe -> sponsor
address -> /guide

mdx -> d2-embed
mdx -> diffs-embed
mdx -> graphics-embed
mdx -> process-embed

diffs-embed -> ash
diffs-embed -> enroll
diffs-embed -> stripe
diffs-embed -> code-query

vite -> git
git -> diffs
git -> code lens
/build -> code lens
graphics-embed -> app mockups
process-embed -> app mockups

sponsor.class: aim
code lens.class: aim
/guide.class: aim
/build.class: aim
d2-embed.class: aim
diffs-embed.class: aim
graphics-embed.class: aim
process-embed.class: aim

/build.shape: step
d2.shape: document
d2.class: done
d2.link: https://d2lang.com
git.wasm-git.shape: step
git.wasm-git.link: https://wasm-git.petersalomonsen.com/
git.gitoxide.shape: step
git.gitoxide.link: https://crates.io/crates/gitoxide
git.cors: Soft-Serve CORS
git.cors.shape: step
plan.link: https://operand.online/chronicle/publishing.plan
plan.class: done
graphics-embed.shape: step
process-embed.shape: step
app mockups.shape: step
diagram boil.link: https://camillovisini.com/coding/simulating-hand-drawn-motion-with-svg-filters
diagram boil.shape: step

vite.link: https://elixirforum.com/t/phoenixvite-integrating-the-vite-built-tooling-with-phoenix/71490
vite.shape: step
vite.class: done
(vite -> *)[*].class: ready

solid.link: https://solidjs.com
solid.shape: step
solid.style.fill: cyan

address: |md
## Page URLs

Rebuild app address scheme,
keeping prior links sensible.
|

mdx.link: https://mdxjs.com/docs/getting-started/#solid
mdx.shape: step
mdx.style.fill: cyan

solid: Solid.js
mdx: MDX.js

ash-cloak.shape: step
ash.shape: step
d2-embed: Embed D2 graphics
d2-embed.shape: step
diffs-embed.shape: step
diffs.shape: step
enroll.shape: step
oban.shape: queue
oban.style.fill: cyan
sponsor.shape: step
stripe.shape: queue
stripe.style.fill: cyan 

diffs: Changelog diffs
diffs-embed: Embed diffs

code-query.shape: step
code-query: |md
## [tree-sitter](http://tree-sitter.github.io/) queries

- check and display crucial phrases in core code.
- embed of course!
|

oban.link: https://hexdocs.pm/oban
oban: |md
## Oban
- display on [ObanWeb](https://hexdocs.pm/oban_web)
|
oban.style.fill: green

ash.link: https://hexdocs.pm/ash
ash: |md
## Ash
Model members, sponsorships
|

ash-cloak.link: https://hexdocs.pm/ash_cloak
ash-cloak.style.fill: cyan

enroll: Magic sign in links.
sponsor.link: https://operand.online/chronicle/income.plan