Skip to content

docs: rework structure and flow around the standard-handler narrative - #272

Merged
antfu merged 4 commits into
mainfrom
docs/rework-structure-flow
Aug 21, 2026
Merged

docs: rework structure and flow around the standard-handler narrative#272
antfu merged 4 commits into
mainfrom
docs/rework-structure-flow

Conversation

@antfubot

Copy link
Copy Markdown
Collaborator

What & why

Reworks the documentation structure and flow so the docs tell the same story as the Pluggable, Extensible, and Playful DevTools article: build a devtool once, then mount it anywhere.

Previously the landing page and guide led with a CLI-first, "Devframe is an asset" framing, and initDevframe() — the actual portability boundary — was buried as one entry in the adapters list. This reorganizes everything around the narrative spine the article uses.

Changes

  • Landing page (docs/index.md): new hero and six features following the arc — one definition/one standard handler → adapters as conveniences → type-safe RPC & shared state → visual and agentic → from one devframe to a hub → built-in plugins across frameworks.
  • Guide introduction (docs/guide/index.md): rewritten as a narrative — the shared boundary, one definition/one standard handler, adapters as conveniences, visual and agentic, from one devframe to a hub, inheriting the ecosystem — then install, hello-world, and a reference table.
  • The Standard Handler: docs/adapters/initiate.md is retitled and reframed as the boundary every serving path is built on; docs/adapters/index.md now positions adapters as conveniences over it and leads its comparison table with the handler.
  • Sidebar & nav (docs/.vitepress/config.ts): guide regrouped into narrative sections — Introduction, Define your tool, Mount anywhere, Visual & agentic, Compose a hub, Customize the UI — and the adapters list leads with the Standard Handler.

Accuracy fixes found along the way

  • RPC is described as validated against any Standard Schema validator, not "birpc + valibot" (valibot is not a runtime dependency of devframe).
  • The hosted default base is corrected to /__<id>/ (the guide intro previously said /.<id>/).

Validation

  • pnpm run docs:build passes (VitePress dead-link checking is active and reports none).
  • ESLint passes on all changed files (via the pre-commit hook).

This PR was created with the help of an agent.

Reorganize the documentation to follow the define-once/mount-anywhere story:
one definition, one standard handler, adapters as conveniences, visual and
agentic, then composing a hub and inheriting the ecosystem.

- Reframe the landing page and guide introduction around this narrative.
- Elevate initDevframe() as 'The Standard Handler' — the boundary every
  serving path is built on — and position adapters as conveniences over it.
- Regroup the guide sidebar/nav into narrative sections (Define your tool,
  Mount anywhere, Visual & agentic, Compose a hub, Customize the UI).
- Fix stale claims: RPC is validated against any Standard Schema validator
  (not 'birpc + valibot'), and the hosted default base is /__<id>/.

Created with the help of an agent.
@netlify

netlify Bot commented Aug 20, 2026

Copy link
Copy Markdown

Deploy Preview for devfra ready!

Name Link
🔨 Latest commit 68727aa
🔍 Latest deploy log https://app.netlify.com/projects/devfra/deploys/6a87d7e6d21c5d0008e1b183
😎 Deploy Preview https://deploy-preview-272--devfra.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

To edit notification comments on pull requests, go to your Netlify project configuration.

Aggressive concision pass over every non-error page: delete redundant
rationale/background paragraphs, restatements of adjacent code and tables,
and duplicate examples; collapse multi-sentence explanations. Total markdown
drops from ~64.5k to ~46.9k words (~73% of the original).

Preserved throughout: all code blocks, tables, warnings/callouts, links,
heading anchors, and technical facts (API names, defaults, error codes,
versions). Error reference pages (docs/errors/*) are left untouched.

Created with the help of an agent.
Comment thread docs/adapters/initiate.md
Comment thread docs/.vitepress/config.ts Outdated
Comment thread docs/adapters/build.md Outdated
Comment thread docs/examples/built-with.md Outdated
Comment thread docs/guide/index.md
- Restore the Nitro, Nuxt, and SvelteKit mount examples in the standard
  handler page.
- Rename the guide nav group to 'Agentic'.
- Drop the deprecated `def.cli?.distDir` fallback note from the build adapter.
- Consolidate examples into a single guide/built-with page (Real-world
  DevTools / Builtin Plugins / Playable Examples) and remove the per-example
  docs pages; example READMEs serve that purpose. Repoint links accordingly.
- Rework the Introduction to lead with what Devframe is, why it exists, and
  who it is for before the technical details.

Created with the help of an agent.
Comment thread docs/guide/index.md
- Add the intro point that, with agents, Devframe is a fast foundation for
  bespoke or one-off devtools (addresses review comment on the introduction).
- Fix the stale hosted-base default in the definition reference (/__<id>/)
  and drop the remaining deprecated cli.distDir mentions.
- Continue the concision pass across the guide, adapters, frameworks,
  plugins, and helpers, bringing total markdown to ~65% of the original
  while preserving code, tables, warnings, links, and technical facts.

Created with the help of an agent.
@antfu
antfu merged commit 9916f10 into main Aug 21, 2026
12 checks passed
@antfu
antfu deleted the docs/rework-structure-flow branch August 21, 2026 04:46
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants