From 5c96c4ae1f56b4e4c24a454bc6d648a0c47b31b0 Mon Sep 17 00:00:00 2001 From: IzumiSy Date: Fri, 3 Apr 2026 15:44:33 +0900 Subject: [PATCH 1/2] Add npm badges on READMEs --- README.md | 10 +++++----- packages/md-react-preview/README.md | 2 ++ packages/vite-plugin-react-preview/README.md | 2 ++ packages/vitepress-plugin-react-preview/README.md | 2 ++ 4 files changed, 11 insertions(+), 5 deletions(-) diff --git a/README.md b/README.md index 6008650..cac8c50 100644 --- a/README.md +++ b/README.md @@ -8,11 +8,11 @@ A lightweight toolkit for live-previewing React components directly from Markdow ## Packages -| Package | Description | -| ------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------- | -| [`@izumisy/md-react-preview`](packages/md-react-preview/) | CLI & programmatic API — run a standalone preview server with `mrp dev` / `mrp build` | -| [`@izumisy/vite-plugin-react-preview`](packages/vite-plugin-react-preview/) | Vite plugin & utilities — preview block parsing, iframe rendering, standalone preview page generation | -| [`@izumisy/vitepress-plugin-react-preview`](packages/vitepress-plugin-react-preview/) | VitePress plugin — live React component previews inside a VitePress site | +| Package | Version | Description | +| ------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------- | +| [`@izumisy/md-react-preview`](packages/md-react-preview/) | [![npm](https://img.shields.io/npm/v/@izumisy/md-react-preview)](https://www.npmjs.com/package/@izumisy/md-react-preview) | CLI & programmatic API — run a standalone preview server with `mrp dev` / `mrp build` | +| [`@izumisy/vite-plugin-react-preview`](packages/vite-plugin-react-preview/) | [![npm](https://img.shields.io/npm/v/@izumisy/vite-plugin-react-preview)](https://www.npmjs.com/package/@izumisy/vite-plugin-react-preview) | Vite plugin & utilities — preview block parsing, iframe rendering, standalone preview page generation | +| [`@izumisy/vitepress-plugin-react-preview`](packages/vitepress-plugin-react-preview/) | [![npm](https://img.shields.io/npm/v/@izumisy/vitepress-plugin-react-preview)](https://www.npmjs.com/package/@izumisy/vitepress-plugin-react-preview) | VitePress plugin — live React component previews inside a VitePress site | ## Examples diff --git a/packages/md-react-preview/README.md b/packages/md-react-preview/README.md index 2e3fdb1..b2bc548 100644 --- a/packages/md-react-preview/README.md +++ b/packages/md-react-preview/README.md @@ -1,5 +1,7 @@ # @izumisy/md-react-preview +[![npm](https://img.shields.io/npm/v/@izumisy/md-react-preview)](https://www.npmjs.com/package/@izumisy/md-react-preview) + CLI and programmatic API for md-react-preview — a zero-config component previewer for React projects. Drop Markdown files into `docs/` with `` ```tsx preview `` fenced blocks and get a Vite-powered dev server with live component previews and syntax-highlighted source code. diff --git a/packages/vite-plugin-react-preview/README.md b/packages/vite-plugin-react-preview/README.md index cc5ac81..c71078c 100644 --- a/packages/vite-plugin-react-preview/README.md +++ b/packages/vite-plugin-react-preview/README.md @@ -1,5 +1,7 @@ # @izumisy/vite-plugin-react-preview +[![npm](https://img.shields.io/npm/v/@izumisy/vite-plugin-react-preview)](https://www.npmjs.com/package/@izumisy/vite-plugin-react-preview) + Low-level Vite plugin and utilities for rendering React component previews. This package is the shared engine used by both `@izumisy/md-react-preview` (CLI) and `@izumisy/vitepress-plugin-react-preview` (VitePress integration). ## Features diff --git a/packages/vitepress-plugin-react-preview/README.md b/packages/vitepress-plugin-react-preview/README.md index 67307e5..684c79c 100644 --- a/packages/vitepress-plugin-react-preview/README.md +++ b/packages/vitepress-plugin-react-preview/README.md @@ -1,5 +1,7 @@ # @izumisy/vitepress-plugin-react-preview +[![npm](https://img.shields.io/npm/v/@izumisy/vitepress-plugin-react-preview)](https://www.npmjs.com/package/@izumisy/vitepress-plugin-react-preview) + VitePress plugin for rendering live React component previews inside your VitePress documentation site. Transforms `` ```tsx preview `` fenced blocks in Markdown into interactive previews rendered via iframes, with full style isolation and dark mode support. From 5699e19da01ba1d3ac677106832b176a56140d29 Mon Sep 17 00:00:00 2001 From: IzumiSy Date: Fri, 3 Apr 2026 15:52:17 +0900 Subject: [PATCH 2/2] Fix missing info in package.json --- packages/md-react-preview/package.json | 12 ++++++++++-- packages/vite-plugin-react-preview/package.json | 17 +++++++++++++---- .../vitepress-plugin-react-preview/package.json | 10 ++++++++++ pnpm-lock.yaml | 7 +++---- 4 files changed, 36 insertions(+), 10 deletions(-) diff --git a/packages/md-react-preview/package.json b/packages/md-react-preview/package.json index 2265582..f1634fd 100644 --- a/packages/md-react-preview/package.json +++ b/packages/md-react-preview/package.json @@ -26,9 +26,17 @@ "fmt:check": "oxfmt --check src app/src", "test": "vitest run" }, + "repository": { + "type": "git", + "url": "https://github.com/IzumiSy/md-react-preview", + "directory": "packages/md-react-preview" + }, "keywords": [], - "author": "", - "license": "ISC", + "author": "IzumiSy", + "license": "MIT", + "publishConfig": { + "access": "public" + }, "dependencies": { "@izumisy/vite-plugin-react-preview": "workspace:*", "@mdx-js/react": "^3.1.0", diff --git a/packages/vite-plugin-react-preview/package.json b/packages/vite-plugin-react-preview/package.json index b9680d3..9475fdb 100644 --- a/packages/vite-plugin-react-preview/package.json +++ b/packages/vite-plugin-react-preview/package.json @@ -23,16 +23,25 @@ "type-check": "tsc --incremental", "test": "vitest run" }, + "repository": { + "type": "git", + "url": "https://github.com/IzumiSy/md-react-preview", + "directory": "packages/vite-plugin-react-preview" + }, "keywords": [], - "author": "", - "license": "ISC", - "dependencies": { - "vite": "catalog:" + "author": "IzumiSy", + "license": "MIT", + "publishConfig": { + "access": "public" }, "devDependencies": { "@types/node": "catalog:", "tsdown": "catalog:", "typescript": "catalog:", + "vite": "catalog:", "vitest": "catalog:" + }, + "peerDependencies": { + "vite": ">=6" } } diff --git a/packages/vitepress-plugin-react-preview/package.json b/packages/vitepress-plugin-react-preview/package.json index 3f63156..8adb9a2 100644 --- a/packages/vitepress-plugin-react-preview/package.json +++ b/packages/vitepress-plugin-react-preview/package.json @@ -21,6 +21,16 @@ "type-check": "tsc --incremental", "test": "vitest run" }, + "repository": { + "type": "git", + "url": "https://github.com/IzumiSy/md-react-preview", + "directory": "packages/vitepress-plugin-react-preview" + }, + "author": "IzumiSy", + "license": "MIT", + "publishConfig": { + "access": "public" + }, "dependencies": { "@izumisy/vite-plugin-react-preview": "workspace:*" }, diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 23b5e53..574b5fe 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -156,10 +156,6 @@ importers: version: 4.1.2(@types/node@22.19.15)(vite@6.4.1(@types/node@22.19.15)(jiti@2.6.1)(yaml@2.8.3)) packages/vite-plugin-react-preview: - dependencies: - vite: - specifier: 'catalog:' - version: 6.4.1(@types/node@22.19.15)(jiti@2.6.1)(yaml@2.8.3) devDependencies: '@types/node': specifier: 'catalog:' @@ -170,6 +166,9 @@ importers: typescript: specifier: 'catalog:' version: 5.9.3 + vite: + specifier: 'catalog:' + version: 6.4.1(@types/node@22.19.15)(jiti@2.6.1)(yaml@2.8.3) vitest: specifier: 'catalog:' version: 4.1.2(@types/node@22.19.15)(vite@6.4.1(@types/node@22.19.15)(jiti@2.6.1)(yaml@2.8.3))