Skip to content

docs(integrations): add Svelte, Vue, and Solid guides - #207

Merged
truthixify merged 1 commit into
wraith-protocol:developfrom
Pythagoras-x:docs/integrations-svelte-vue-solid
Oct 19, 2026
Merged

truthixify merged 1 commit into
wraith-protocol:developfrom
Pythagoras-x:docs/integrations-svelte-vue-solid

Conversation

@Pythagoras-x

Copy link
Copy Markdown
Contributor

Summary

Adds first-party integration guides for Svelte, Vue, and Solid, each covering the same concise receive/scan flow: connect a WraithAgent, poll scanPayments() on an interval, and render the returned Payment[].

Closes #194

Pages

  • guides/integrations/svelte.mdx — Svelte 5 runes + SvelteKit, teardown via $effect return, browser guard from $app/environment
  • guides/integrations/vue.mdx — Vue 3 composable, onMounted/onUnmounted, import.meta.client SSR guard
  • guides/integrations/solid.mdx — Solid signals, onMount/onCleanup, isServer SSR guard

Each guide shares a framework-agnostic PaymentReceiver that:

  • aborts the previous request before starting a new one
  • discards in-flight results on stop, so a slow scan can't clobber newer state
  • clears the polling interval and aborts on unmount

Registered in docs.json and guides/integrations/_meta.json.

Testing

Adds scripts/check-integration-guides.ts (pnpm run check:integration-guides), which strict type-checks the SDK-facing TypeScript fences of the three guides against the installed @wraith-protocol/sdk. The existing snippet checker wraps every fence in // @ts-nocheck, so it only catches syntax errors; this closes that gap for the guides that document the receive/scan calls, so SDK signature drift fails the build instead of shipping.

The Snippet checks workflow installs the published @wraith-protocol/sdk tarball before running it, so the guides are validated against the exact package developers install. Verified the check fails on drift and maps errors back to the MXD source line.

Wired into npm test and the Snippet checks workflow.

Notes

  • @wraith-protocol/sdk is framework-agnostic and is the only published @wraith-protocol package, so the guides wrap it directly rather than introducing framework-specific companion packages.
  • Touches .github/workflows/snippets.yml (CODEOWNERS-gated); needs a maintainer review on that file.

Add first-party receive/scan guides for Svelte (SvelteKit + runes),
Vue 3, and Solid/SolidStart. Each guide wraps the framework-agnostic
@wraith-protocol/sdk in the framework's own reactivity, polling
scanPayments() on an interval with a guard-based AbortController for
cancellation, teardown that stops the interval and discards in-flight
results, and SSR/hydration notes.

Add scripts/check-integration-guides.ts, which strict type-checks the
SDK-facing fences of the three guides against the installed package.
CI installs the published @wraith-protocol/sdk tarball before running
it, so API drift fails the build instead of shipping. Wire it into
`npm test` and the Snippet checks workflow.
@drips-wave

drips-wave Bot commented Oct 19, 2026

Copy link
Copy Markdown

@Pythagoras-x Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits

@truthixify truthixify left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Reviewed exact head 8269beb. The three framework guides compile their SDK-facing TypeScript fences, the full docs suite passes, navigation coverage is complete, workflow changes are limited to the new checker, and all required checks are green.

@truthixify
truthixify merged commit 8a820c3 into wraith-protocol:develop Oct 19, 2026
7 checks passed
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.

[Wave 10] Add first-party integration guides for Svelte, Vue, and Solid

2 participants