Integration of Mermaid diagrams.
  • TypeScript 92.9%
  • CSS 4.5%
  • Shell 2.4%
  • JavaScript 0.2%
Find a file
Repository files (latest commit first)
Filename Latest commit message Latest commit date
oliver.maklott d1388125a3
All checks were successful
Publish / test (push) Successful in 22s
Publish / pack-and-publish (push) Successful in 5s
Migrate to new owner
2026-10-02 13:17:59 +02:00
.forgejo/workflows Migrate to new owner 2026-10-02 13:17:59 +02:00
.githooks Sub-repo fmt/lint pre-push rollout 2026-08-29 15:42:55 +02:00
client Update build 2026-08-31 19:57:35 +02:00
routes Initial commit 2026-08-21 14:44:20 +02:00
scripts Initial commit 2026-08-21 14:44:20 +02:00
vendor Initial commit 2026-08-21 14:44:20 +02:00
.env.example Migrate to new owner 2026-10-02 13:17:59 +02:00
.gitignore Initial commit 2026-08-21 14:44:20 +02:00
block_render.test.ts Initial commit 2026-08-21 14:44:20 +02:00
block_render.ts Initial commit 2026-08-21 14:44:20 +02:00
compose.dev.yml Migrate to new owner 2026-10-02 13:17:59 +02:00
embed_asset_patterns.ts Initial commit 2026-08-21 14:44:20 +02:00
glue.js Initial commit 2026-08-21 14:44:20 +02:00
limedoc.project.json Version correction 2026-08-21 18:34:09 +02:00
mermaid.plugin.json Version change and formatting 2026-08-24 23:25:19 +02:00
mermaid.ts Plugin isolation remediation 2026-09-01 12:42:03 +02:00
mermaid_block_editor.tsx Initial commit 2026-08-21 14:44:20 +02:00
mermaid_client.ts Initial commit 2026-08-21 14:44:20 +02:00
mermaid_client_adapter.ts Initial commit 2026-08-21 14:44:20 +02:00
mermaid_directive.test.ts Fix issues, quality check 'how ::embed landed', revealed 2026-08-31 14:56:25 +02:00
mermaid_directive.ts Collab editor tool for arbitrary blob/block embeds 2026-08-31 14:09:25 +02:00
mermaid_editor_modal.tsx Initial commit 2026-08-21 14:44:20 +02:00
mermaid_editor_tool.test.ts Initial commit 2026-08-21 14:44:20 +02:00
mermaid_editor_tool.tsx Fix Allow Download (DOM missing), media wrench, and ::doc options 2026-08-31 18:56:11 +02:00
mermaid_embed.test.ts Initial commit 2026-08-21 14:44:20 +02:00
mermaid_export.ts Initial commit 2026-08-21 14:44:20 +02:00
mermaid_init_config.ts Initial commit 2026-08-21 14:44:20 +02:00
mermaid_open_editor.tsx Initial commit 2026-08-21 14:44:20 +02:00
mermaid_poll_hydrator.tsx Initial commit 2026-08-21 14:44:20 +02:00
mermaid_preview_poll.ts Initial commit 2026-08-21 14:44:20 +02:00
mermaid_render_constants.test.ts Sub-repo fmt/lint pre-push rollout 2026-08-29 15:42:55 +02:00
mermaid_render_constants.ts Initial commit 2026-08-21 14:44:20 +02:00
mermaid_save_toast.ts Initial commit 2026-08-21 14:44:20 +02:00
normalize_svg.test.ts Initial commit 2026-08-21 14:44:20 +02:00
normalize_svg.ts Initial commit 2026-08-21 14:44:20 +02:00
README.md Review Follow-up 2026-08-28 14:03:14 +02:00
source-diagram-editor.css Initial commit 2026-08-21 14:44:20 +02:00
vendor.lock.json Initial commit 2026-08-21 14:44:20 +02:00

Mermaid Diagrams

Embed and edit Mermaid diagrams in documents.

Requirements

  • Docker (or Podman with DOCKER_CMD=podman)
  • That's it — everything else runs inside containers.

Quick start

# 1. Pull the dev image and set up .env
./ldcmd setup

# 2. Start the dev environment (app + Redis)
./ldcmd up

# 3. Open http://localhost:5173 in your browser

# 4. Edit plugin sources — HMR applies automatically
# 5. Run tests
./ldcmd test

# 6. Check types and import boundaries
./ldcmd check

Directory layout

mermaid.plugin.json   # Plugin manifest
mermaid.ts            # Server entry (defineLimedocPlugin)
mermaid_editor_tool.tsx  # Browser client (builds to client/*.js)
client/              # Pre-built browser bundles (committed)
limedoc.project.json # Store metadata (package download URLs)
compose.dev.yml      # Dev compose (uses the published limedoc-dev image)
ldcmd                # Bridge script — the only thing you run on your host
.env.example         # Env var template — copy to .env and fill in OIDC values

ldcmd commands

Command What it does
./ldcmd setup Pull limedoc-dev image, copy .env.example → .env
./ldcmd up Start dev environment
./ldcmd down Stop dev environment
./ldcmd logs [service] Follow container logs
./ldcmd sh [service] Open shell in container (default: app-dev)
./ldcmd test Run plugin tests
./ldcmd fmt Format sources
./ldcmd lint Lint sources
./ldcmd check Type-check + import boundary check
./ldcmd pack Build zip + sha256 (CI also publishes sig.json)
./ldcmd publish Pack and upload (needs .forgejo.env / PACKAGE_TOKEN)
./ldcmd plugin install <id> Install a plugin dependency into the running env
./ldcmd plugin ls List installed plugins

Building client bundles

# Inside the container (run after editing .tsx files)
./ldcmd sh
deno task plugin:build -- /limedoc/plugins/mermaid.plugin

Or directly:

./ldcmd check  # runs build as part of the check

Packing and publishing

# Build the installable zip + sha256 sidecar (local)
./ldcmd pack

# Publish (needs .forgejo.env with PACKAGE_TOKEN, PACKAGE_OWNER)
./ldcmd publish

CI (Forgejo Actions, .forgejo/workflows/publish.yml) on push to main publishes zip + sha256 + sig.json to Packages and Releases. Pack CI signs the content hash with OpenBao Transit (Forgejo Actions OIDC). Actions secret PACKAGE_TOKEN only — PACKAGE_OWNER is in the workflow env.

Developing with plugin dependencies

Your plugin may depend on another plugin at runtime. Three ways to include it:

1. Install via ldcmd (easiest, needs the app running)

./ldcmd up
./ldcmd plugin install media   # fetches from PACKAGE_STORE_URL in .env

Set PACKAGE_STORE_URL in .env to point at the Forgejo package registry:

PACKAGE_STORE_URL=https://git.belowtoxic.cloud/api/packages/limedoc-plugins

2. Local bind-mount (no running app needed)

Download the pack zip, unzip it next to this directory, then add a volume to compose.dev.yml:

app-dev:
    volumes:
        - .:/limedoc/plugins/mermaid.plugin
        # Add the dependency:
        - ../other-plugin.plugin:/limedoc/plugins/other.plugin

Then ./ldcmd up — the app loads all *.plugin directories in plugins/.

3. Multi-repo development (two plugins at once)

Check out the other plugin repo next to this one:

cd ..
git clone git@git.belowtoxic.cloud:limedoc-plugins/other.git other.plugin

Then add it as a bind-mount in compose.dev.yml as shown above. Both plugins are mounted into the same app instance. No special ldcmd support required — the app discovers every *.plugin directory at startup.

Startup order: The app loads plugins alphabetically. If your plugin requires another, the dependency must be present on disk for the load plan to resolve. The compose depends_on in the sidecar template ensures the worker sidecar is healthy before the app starts, but for plugin-to-plugin dependencies no extra compose configuration is needed.

CI / CD

Push to main → Forgejo Actions runs .forgejo/workflows/publish.yml:

  1. Tests pass inside the limedoc-dev container
  2. Client bundles built; boundary check passes
  3. plugin:pack produces mermaid-{version}.zip + .sha256
  4. OpenBao signs the content hash → mermaid-{version}.sig.json
  5. Zip, sha256, and sig.json uploaded to the generic package registry (store)
  6. Same artifacts attached to a Forgejo Release v{version} (operators)

The app installs plugins from the generic package registry at PACKAGE_STORE_URL.

Using Podman instead of Docker

# In .env (or export before running):
DOCKER_CMD=podman
./ldcmd up

ldcmd detects podman compose automatically.