@suzumiyaaoba/mdxr 0.6.0 → 0.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +19 -0
- package/dist/cli.mjs +2783 -72
- package/dist/components.d.mts +3 -3
- package/dist/components.mjs +2 -2
- package/dist/{config-C-pcUAoU.mjs → config-HGfE6JlG.mjs} +4 -1
- package/dist/doc-context-Ch5E5sze.d.mts +1231 -0
- package/dist/index.d.mts +1 -1
- package/dist/index.mjs +2 -2
- package/dist/{ui-k-VrmhPJ.mjs → ui-BhvyxJNU.mjs} +6754 -592
- package/package.json +28 -2
- package/skill/SKILL.md +1 -0
- package/skill/references/components/wireframe.md +50 -0
- package/skill/references/components.md +4 -0
- package/src/agent-http.ts +131 -0
- package/src/agent-markdown.ts +90 -0
- package/src/agent-preview.ts +23 -0
- package/src/agent-session.ts +238 -0
- package/src/ai-elements/LICENSE +201 -0
- package/src/ai-elements/NOTICE.md +7 -0
- package/src/ai-elements/conversation.tsx +195 -0
- package/src/ai-elements/message.tsx +92 -0
- package/src/ai-elements/prompt-input.tsx +260 -0
- package/src/annotation-html.ts +8 -1
- package/src/annotations.ts +55 -4
- package/src/ascii/index.ts +2 -0
- package/src/ascii/wireframe-catalog.ts +71 -0
- package/src/ascii/wireframe.ts +139 -0
- package/src/assets/annotations.css +139 -0
- package/src/assets/pages.css +147 -0
- package/src/assets/section-reviews.css +67 -0
- package/src/assets/workspace.css +1098 -0
- package/src/claude-stream-session.ts +267 -0
- package/src/cli.ts +48 -2
- package/src/client/annotation-view.ts +140 -2
- package/src/client/annotations.ts +179 -19
- package/src/client/entry.ts +4 -0
- package/src/client/pages.ts +290 -0
- package/src/client/section-reviews.ts +184 -0
- package/src/codex-app-server.ts +926 -0
- package/src/components/wireframe/README.md +20 -0
- package/src/components/wireframe/blocks/contact-form.tsx +114 -0
- package/src/components/wireframe/blocks/dashboard.tsx +190 -0
- package/src/components/wireframe/blocks/hero-section.tsx +59 -0
- package/src/components/wireframe/blocks/login-form.tsx +94 -0
- package/src/components/wireframe/blocks/pricing.tsx +166 -0
- package/src/components/wireframe/blocks/product-grid.tsx +125 -0
- package/src/components/wireframe/blocks/profile-page.tsx +192 -0
- package/src/components/wireframe/blocks/register-form.tsx +134 -0
- package/src/components/wireframe/blocks/settings-page.tsx +284 -0
- package/src/components/wireframe/lib/wireframe-types.ts +180 -0
- package/src/components/wireframe/lib/wireframe-utils.ts +51 -0
- package/src/components/wireframe/ui/accordion.tsx +95 -0
- package/src/components/wireframe/ui/alert.tsx +135 -0
- package/src/components/wireframe/ui/avatar.tsx +98 -0
- package/src/components/wireframe/ui/badge.tsx +100 -0
- package/src/components/wireframe/ui/breadcrumb.tsx +150 -0
- package/src/components/wireframe/ui/button-group.tsx +136 -0
- package/src/components/wireframe/ui/button.tsx +123 -0
- package/src/components/wireframe/ui/card.tsx +195 -0
- package/src/components/wireframe/ui/carousel.tsx +309 -0
- package/src/components/wireframe/ui/chart.tsx +458 -0
- package/src/components/wireframe/ui/checkbox.tsx +60 -0
- package/src/components/wireframe/ui/collapsible.tsx +112 -0
- package/src/components/wireframe/ui/context-menu.tsx +350 -0
- package/src/components/wireframe/ui/dialog.tsx +276 -0
- package/src/components/wireframe/ui/drawer.tsx +246 -0
- package/src/components/wireframe/ui/empty.tsx +195 -0
- package/src/components/wireframe/ui/file.tsx +297 -0
- package/src/components/wireframe/ui/form.tsx +230 -0
- package/src/components/wireframe/ui/heading.tsx +70 -0
- package/src/components/wireframe/ui/hover-card.tsx +147 -0
- package/src/components/wireframe/ui/input-group.tsx +186 -0
- package/src/components/wireframe/ui/input.tsx +75 -0
- package/src/components/wireframe/ui/item.tsx +330 -0
- package/src/components/wireframe/ui/kbd.tsx +41 -0
- package/src/components/wireframe/ui/label.tsx +29 -0
- package/src/components/wireframe/ui/list-group.tsx +81 -0
- package/src/components/wireframe/ui/media.tsx +143 -0
- package/src/components/wireframe/ui/menubar.tsx +359 -0
- package/src/components/wireframe/ui/pagination.tsx +172 -0
- package/src/components/wireframe/ui/paragraph.tsx +85 -0
- package/src/components/wireframe/ui/section.tsx +141 -0
- package/src/components/wireframe/ui/select.tsx +316 -0
- package/src/components/wireframe/ui/separator.tsx +47 -0
- package/src/components/wireframe/ui/sheet.tsx +197 -0
- package/src/components/wireframe/ui/sidebar.tsx +751 -0
- package/src/components/wireframe/ui/slider.tsx +109 -0
- package/src/components/wireframe/ui/sonner.tsx +78 -0
- package/src/components/wireframe/ui/stack.tsx +81 -0
- package/src/components/wireframe/ui/switch.tsx +59 -0
- package/src/components/wireframe/ui/table.tsx +195 -0
- package/src/components/wireframe/ui/tabs.tsx +109 -0
- package/src/components/wireframe/ui/text.tsx +216 -0
- package/src/components/wireframe/ui/textarea.tsx +75 -0
- package/src/components/wireframe/ui/toggle.tsx +78 -0
- package/src/components/wireframe/ui/tooltip.tsx +174 -0
- package/src/document-history-http.ts +118 -0
- package/src/document-history.ts +455 -0
- package/src/html.ts +13 -0
- package/src/load-user-module.ts +3 -1
- package/src/mdx.ts +4 -0
- package/src/rehype/shiki.ts +39 -0
- package/src/remark/pages.ts +68 -0
- package/src/remark/section-reviews.ts +109 -0
- package/src/section-review-html.ts +43 -0
- package/src/section-reviews.ts +30 -0
- package/src/serve.ts +126 -4
- package/src/styles/globals.css +2 -0
- package/src/styles/wireframe-upstream.css +104 -0
- package/src/styles/wireframe.css +50 -0
- package/src/tailwind.ts +2 -0
- package/src/ui/checks.tsx +1 -1
- package/src/ui/index.ts +343 -0
- package/src/ui/tests.tsx +1 -1
- package/src/ui/tones.ts +2 -2
- package/src/ui/wireframe-card.tsx +9 -0
- package/src/ui/wireframe-controls.tsx +4 -0
- package/src/ui/wireframe-layout.tsx +52 -0
- package/src/ui/wireframe-library-accordion.tsx +30 -0
- package/src/ui/wireframe-library-alert.tsx +30 -0
- package/src/ui/wireframe-library-avatar.tsx +24 -0
- package/src/ui/wireframe-library-badge.tsx +15 -0
- package/src/ui/wireframe-library-breadcrumb.tsx +48 -0
- package/src/ui/wireframe-library-button-group.tsx +30 -0
- package/src/ui/wireframe-library-button.tsx +10 -0
- package/src/ui/wireframe-library-card.tsx +48 -0
- package/src/ui/wireframe-library-carousel.tsx +42 -0
- package/src/ui/wireframe-library-catalog.ts +112 -0
- package/src/ui/wireframe-library-chart.tsx +49 -0
- package/src/ui/wireframe-library-checkbox.tsx +10 -0
- package/src/ui/wireframe-library-collapsible.tsx +31 -0
- package/src/ui/wireframe-library-contact-form.tsx +11 -0
- package/src/ui/wireframe-library-context-menu.tsx +108 -0
- package/src/ui/wireframe-library-dashboard.tsx +11 -0
- package/src/ui/wireframe-library-dialog.tsx +72 -0
- package/src/ui/wireframe-library-drawer.tsx +72 -0
- package/src/ui/wireframe-library-empty.tsx +60 -0
- package/src/ui/wireframe-library-file.tsx +78 -0
- package/src/ui/wireframe-library-form.tsx +48 -0
- package/src/ui/wireframe-library-heading.tsx +10 -0
- package/src/ui/wireframe-library-hero-section.tsx +11 -0
- package/src/ui/wireframe-library-hover-card.tsx +30 -0
- package/src/ui/wireframe-library-input-group.tsx +42 -0
- package/src/ui/wireframe-library-input.tsx +10 -0
- package/src/ui/wireframe-library-item.tsx +84 -0
- package/src/ui/wireframe-library-kbd.tsx +11 -0
- package/src/ui/wireframe-library-label.tsx +10 -0
- package/src/ui/wireframe-library-list-group.tsx +11 -0
- package/src/ui/wireframe-library-login-form.tsx +11 -0
- package/src/ui/wireframe-library-media.tsx +10 -0
- package/src/ui/wireframe-library-menubar.tsx +108 -0
- package/src/ui/wireframe-library-pagination.tsx +48 -0
- package/src/ui/wireframe-library-paragraph.tsx +10 -0
- package/src/ui/wireframe-library-pricing.tsx +11 -0
- package/src/ui/wireframe-library-product-grid.tsx +11 -0
- package/src/ui/wireframe-library-profile-page.tsx +11 -0
- package/src/ui/wireframe-library-register-form.tsx +11 -0
- package/src/ui/wireframe-library-section.tsx +10 -0
- package/src/ui/wireframe-library-select.tsx +66 -0
- package/src/ui/wireframe-library-separator.tsx +10 -0
- package/src/ui/wireframe-library-settings-page.tsx +11 -0
- package/src/ui/wireframe-library-sheet.tsx +66 -0
- package/src/ui/wireframe-library-sidebar.tsx +158 -0
- package/src/ui/wireframe-library-slider.tsx +10 -0
- package/src/ui/wireframe-library-sonner.tsx +18 -0
- package/src/ui/wireframe-library-stack.tsx +10 -0
- package/src/ui/wireframe-library-switch.tsx +10 -0
- package/src/ui/wireframe-library-table.tsx +66 -0
- package/src/ui/wireframe-library-tabs.tsx +30 -0
- package/src/ui/wireframe-library-text.tsx +36 -0
- package/src/ui/wireframe-library-textarea.tsx +10 -0
- package/src/ui/wireframe-library-toggle.tsx +10 -0
- package/src/ui/wireframe-library-tooltip.tsx +36 -0
- package/src/ui/wireframe-media.tsx +2 -0
- package/src/ui/wireframe-props.ts +60 -0
- package/src/ui/wireframe-text.tsx +13 -0
- package/src/ui/wireframe-utilities.ts +24 -0
- package/src/wireframe/component.tsx +42 -0
- package/src/wireframe/props.ts +397 -0
- package/src/wireframe/registry.json +877 -0
- package/src/wireframe-ui.LICENSE.md +9 -0
- package/src/workspace-app.tsx +787 -0
- package/src/workspace-chat.tsx +256 -0
- package/src/workspace-code.tsx +117 -0
- package/src/workspace-diff-model.ts +471 -0
- package/src/workspace-diff.tsx +184 -0
- package/src/workspace-js.ts +36 -0
- package/src/workspace-syntax.ts +66 -0
- package/dist/doc-context-CWOZ0eDq.d.mts +0 -779
package/README.md
CHANGED
|
@@ -43,6 +43,8 @@ Select text and click **Add comment**, or open **Annotate → Select figure** to
|
|
|
43
43
|
|
|
44
44
|
Saved annotations remain in your browser for that document; they do not modify the source file or travel with the HTML. If the document changes, targets that cannot be identified keep their original quotes and are marked unavailable. [Review annotations](https://suzumiyaaoba.com/mdxr/annotations) describes keyboard shortcuts, storage, and clipboard fallbacks.
|
|
45
45
|
|
|
46
|
+
Each document-level `##` section also has a **Not reviewed / Reviewed** toggle. Review status is saved locally per document and restored after reload; sections with changed content require review again. In **Pages** view, the sidebar shows section statuses and review progress. See [Section review status](https://suzumiyaaoba.com/mdxr/authoring#section-review-status).
|
|
47
|
+
|
|
46
48
|
### `mdxr text [file]`
|
|
47
49
|
|
|
48
50
|
Render an `.mdx` document to plain Markdown — every component becomes an ASCII/text stand-in (status checkbox lists, block-bar charts, GFM tables, `<details>` disclosures) so the document stays readable in any Markdown viewer or terminal. Interactive-only widgets (dialogs, menus, shadcn chrome) degrade to their text content; unknown components warn to stderr and keep their children.
|
|
@@ -70,6 +72,23 @@ mdxr init --global # into your home directory instead
|
|
|
70
72
|
|
|
71
73
|
Local installs also add `.mdxr/` to the project's `.gitignore` — the untracked scratch dir agents write documents to.
|
|
72
74
|
|
|
75
|
+
## Wireframes
|
|
76
|
+
|
|
77
|
+
Build screen mockups with the built-in `Wireframe*` components, adapted from [wireframe-ui](https://wireframe-ui.vercel.app/components). All 45 upstream UI families and nine blocks are included, with their compound parts and wireframe helpers. No imports or extra installation are needed in MDX:
|
|
78
|
+
|
|
79
|
+
```mdx
|
|
80
|
+
<Wireframe title="Sign in" device="mobile">
|
|
81
|
+
<WireframeStack>
|
|
82
|
+
<WireframeHeading>Welcome back</WireframeHeading>
|
|
83
|
+
<WireframeInput label="Email" type="email" />
|
|
84
|
+
<WireframeInput label="Password" type="password" />
|
|
85
|
+
<WireframeButton>Sign in</WireframeButton>
|
|
86
|
+
</WireframeStack>
|
|
87
|
+
</Wireframe>
|
|
88
|
+
```
|
|
89
|
+
|
|
90
|
+
Render with `mdxr render wireframe.mdx`. Text/media placeholders, cards, avatars, lists, section presets, and editable fields support light/dark themes and Markdown output. See the [guide](docs/docs/wireframe.mdx) and [examples](examples/catalog/wireframe.mdx). Adapted source retains the [upstream MIT license](src/wireframe-ui.LICENSE.md).
|
|
91
|
+
|
|
73
92
|
## Agent skill
|
|
74
93
|
|
|
75
94
|
The `mdxr` skill teaches coding agents the component catalog and the render workflow. Install it into your project (or globally) with the [`skills` CLI](https://github.com/vercel-labs/skills):
|