Ship the SDK
Developer-experience primitives for the @mufflermen/sdk surface — package-manager switchers, multi-language samples, auth snippets, rate-limit guidance, cursor pagination, webhook payloads, an OpenAPI explorer for quotes.create / parts.lookup / bookings.list, changelog rows, and a TypeScript types preview. Tuned for the Mufflermen instant-quote engine and bay-availability webhooks.
Ship the SDK is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.
Ship the SDK: Developer-experience primitives for the @mufflermen/sdk surface — package-manager switchers, multi-language samples, auth snippets, rate-limit guidance, cursor pagination, webhook payloads, an OpenAPI explorer for quotes.create / parts.lookup / bookings.list, changelog rows, and a TypeScript types preview. Tuned for the Mufflermen instant-quote engine and bay-availability webhooks.
Pick a primitive
Every primitive renders at full scale in its own sub-route with realistic Mufflermen API data — @mufflermen/sdk, endpoints quotes.create, parts.lookup, bookings.list, webhook events quote.created and invoice.paid. Composition lives under /full-quickstart.
SDK install snippet
Package manager switcher — npm / pnpm / yarn / bun — each rendering the matching install command with copy-per-tab.
Inspect primitive statesQuickstart step card
Single quickstart step — number chip, title, body, language-tagged code block, and a mark-done toggle.
Inspect primitive statesLang switcher tabs
Multi-language code switcher — TypeScript / JavaScript / Python / Go / Ruby / cURL — each tab renders a code-block sample.
Inspect primitive statesAuth snippet card
Auth example card — Bearer / API key / mTLS / OIDC variants with copy + open-in-Postman CTA.
Inspect primitive statesRate-limit error card
Sample HTTP 429 response — JSON body, Retry-After header chip, and a link to the exponential back-off recipe.
Inspect primitive statesPagination cursor snippet
First-page request, response with next_cursor, then second-page request — three stacked code blocks with arrow rails.
Inspect primitive statesWebhook payload sample
Event-type chip, version + timestamp meta strip, signature header pill, and the full JSON payload body.
Inspect primitive statesOpenAPI explorer
Method chip + path + tabs (Parameters / Request body / Responses / Code samples) with a try-it CTA.
Inspect primitive statesSDK changelog row
Single changelog entry — version chip, date, categorised chips (Added / Changed / Fixed / Deprecated / Removed) and summary.
Inspect primitive statesTabbed code switcher
Generic topic switcher — Initialize / Authenticate / First request — persistent state across tab clicks.
Inspect primitive statesInline copy button
Tiny inline copy chip with a confirm-tone shift after click — for sprinkling on API keys, IDs, and short snippets.
Inspect primitive statesOutput preview pane
stdout / stderr / network / json tabs with tone-coded badges — for previewing CLI or SDK output.
Inspect primitive statesSDK version selector
Version dropdown — current version, chips for stable / beta / canary, and an inline breaking-changes badge.
Inspect primitive statesTypeScript types preview
Type definition pane with collapsible nested interfaces — every node toggles independently with aria-expanded.
Inspect primitive statesFull quickstart composition
SdkInstallSnippet on top, five QuickstartStepCards stacked, an AuthSnippetCard, a LangSwitcherTabs request example, the PaginationCursorSnippet, the WebhookPayloadSample, a SdkChangelogRow footer, and an SdkVersionSelector pinned top-right.
Review full composition