@dev-to/react-plugin 0.4.0 → 0.4.1

package/README.md

@@ -31,7 +31,7 @@ export default defineConfig({
 })
 ```
 
-### devComponentMap 形态
+### components 参数形态
 
 - `devToReactPlugin()`：通配符模式（默认 `'*': '/'`），便于开发；但 `vite build --mode lib` 需要显式 componentName。
 - `devToReactPlugin('MyCard')`：字符串快捷模式，等价于 `{ MyCard: '/' }`。
@@ -50,7 +50,7 @@ export default defineConfig({
 
 ## 生产构建（Library Mode）
 
-执行 `vite build --mode lib` 时，插件会按 `devComponentMap` 为每个组件产出一个 UMD bundle，默认输出到 `dist/<component>/`。
+执行 `vite build --mode lib` 时，插件会按 `components` 参数为每个组件产出一个 UMD bundle，默认输出到 `dist/<component>/`。
 
 > 提示：`'*': '/'` 的通配符模式仅适合开发；lib 构建请显式列出组件名。
 

package/dist/debugTools.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"debugTools.d.ts","sourceRoot":"","sources":["../src/debugTools.ts"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,MAAM,CAAA;AAEzC,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,0BAA0B,EAAE,MAAM,YAAY,CAAA;AAG/H,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,cAAc,CAAA;IACxB,KAAK,EAAE,WAAW,CAAA;IAClB,KAAK,EAAE,iBAAiB,CAAA;IACxB,cAAc,EAAE,0BAA0B,CAAA;IAC1C,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAqFD,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,aAAa,EAAE,GAAG,EAAE,iBAAiB,EAAE,KAAK,EAAE,iBAAiB,QAwUxG"}
+{"version":3,"file":"debugTools.d.ts","sourceRoot":"","sources":["../src/debugTools.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,MAAM,CAAA;AAEzC,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,0BAA0B,EAAE,MAAM,YAAY,CAAA;AAG/H,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,cAAc,CAAA;IACxB,KAAK,EAAE,WAAW,CAAA;IAClB,KAAK,EAAE,iBAAiB,CAAA;IACxB,cAAc,EAAE,0BAA0B,CAAA;IAC1C,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AA4ID,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,aAAa,EAAE,GAAG,EAAE,iBAAiB,EAAE,KAAK,EAAE,iBAAiB,QA6TxG"}

package/dist/index.js

@@ -4,6 +4,7 @@ import node_path from "node:path";
 import picocolors from "picocolors";
 import { mergeConfig } from "vite";
 import { exec } from "node:child_process";
+import { createRequire } from "node:module";
 import { fileURLToPath } from "node:url";
 import node_os from "node:os";
 import typescript from "typescript";
@@ -255,14 +256,14 @@ function renderDebugHtml(params) {
                 <summary>插件参数与配置说明 (Plugin API)</summary>
                 <div class="parameter-desc">
                     <div style="margin-bottom: 24px;">
-                        <pre style="background: #ebf8ff; color: #2c5282; border-color: #bee3f8; font-size: 14px; font-weight: 600;">reactHmrHostPlugin(devComponentMap?, options?)</pre>
+                        <pre style="background: #ebf8ff; color: #2c5282; border-color: #bee3f8; font-size: 14px; font-weight: 600;">devToReactPlugin(components?, options?)</pre>
                         <div class="muted" style="margin-top: 8px;">
                             支持单组件简写、对象全量映射，以及透传 Vite 原生配置。
                         </div>
                     </div>
 
                     <div class="parameter-item">
-                        <span class="parameter-name">1. devComponentMap (第一个参数)</span>
+                        <span class="parameter-name">1. components (第一个参数)</span>
                         <div class="parameter-info">
                             定义组件名与本地入口文件的映射：
                             <ul style="margin-top: 8px;">
@@ -271,10 +272,10 @@ function renderDebugHtml(params) {
                                 <li><b>多组件映射</b>：支持具体的相对/绝对路径。</li>
                             </ul>
                             <pre><span class="cmt">// Option 1: Shorthand (Default)</span>
-reactHmrHostPlugin(<span class="str">'Demo'</span>)
+devToReactPlugin(<span class="str">'Demo'</span>)
 
 <span class="cmt">// Option 2: Explicit Mapping with Wildcard</span>
-reactHmrHostPlugin({
+devToReactPlugin({
   <span class="str">'*'</span>: <span class="str">'/'</span>, <span class="cmt">// Wildcard to default entry</span>
   <span class="str">'Card'</span>: <span class="str">'src/Card.tsx'</span> <span class="cmt">// Specific file</span>
 })</pre>
@@ -295,8 +296,8 @@ reactHmrHostPlugin({
                                         <li>详细配置请参考 <a href="https://cn.vite.dev/config/shared-options#css-modules" target="_blank" style="color:#3b82f6;">Vite CSS 官方文档 ↗</a></li>
                                     </ul>
                                     <pre><span class="cmt">// Disable plugin CSS config or provide custom overrides</span>
-reactHmrHostPlugin(<span class="str">'Demo'</span>, { css: <span class="kw">false</span> })
-reactHmrHostPlugin(<span class="str">'Demo'</span>, { css: { ... } })</pre>
+devToReactPlugin(<span class="str">'Demo'</span>, { css: <span class="kw">false</span> })
+devToReactPlugin(<span class="str">'Demo'</span>, { css: { ... } })</pre>
                                 </li>
                                 <li style="margin-top: 12px;"><code class="kw">build</code>:
                                     <ul>
@@ -308,7 +309,7 @@ globals: { react: <span class="str">'React'</span>, <span class="str">'react-dom
                                         <li>详细配置请参考 <a href="https://cn.vite.dev/config/build-options" target="_blank" style="color:#3b82f6;">Vite 构建官方文档 ↗</a></li>
                                     </ul>
                                     <pre><span class="cmt">// Example: Disable asset inlining during build</span>
-reactHmrHostPlugin(<span class="str">'Demo'</span>, {
+devToReactPlugin(<span class="str">'Demo'</span>, {
   build: { assetsInlineLimit: <span class="val">0</span> }
 })</pre>
                                 </li>
@@ -318,7 +319,7 @@ reactHmrHostPlugin(<span class="str">'Demo'</span>, {
                                         <li>是否在启动 Vite 开发服务器后自动在浏览器中打开此调试面板。</li>
                                     </ul>
                                     <pre><span class="cmt">// Enable auto-open</span>
-reactHmrHostPlugin(<span class="str">'Demo'</span>, { open: <span class="kw">true</span> })</pre>
+devToReactPlugin(<span class="str">'Demo'</span>, { open: <span class="kw">true</span> })</pre>
                                 </li>
                             </ul>
                         </div>
@@ -1140,6 +1141,27 @@ function openBrowser(url) {
     if ('win32' === process.platform) return void exec(`start "" "${url}"`);
     exec(`xdg-open "${url}"`);
 }
+function getReactLoaderUmdPath() {
+    const require = createRequire(import.meta.url);
+    try {
+        const loaderPkgPath = require.resolve('@dev-to/react-loader/package.json');
+        const loaderPkgDir = node_path.dirname(loaderPkgPath);
+        const umdPath = node_path.join(loaderPkgDir, 'dist/index.umd.js');
+        if (node_fs.existsSync(umdPath)) return umdPath;
+    } catch  {}
+    try {
+        const loaderMainPath = require.resolve('@dev-to/react-loader');
+        const loaderPkgDir = node_path.dirname(node_path.dirname(loaderMainPath));
+        const umdPath = node_path.join(loaderPkgDir, 'dist/index.umd.js');
+        if (node_fs.existsSync(umdPath)) return umdPath;
+    } catch  {}
+    try {
+        const __dirname = node_path.dirname(fileURLToPath(import.meta.url));
+        const umdPath = node_path.resolve(__dirname, '../../react-loader/dist/index.umd.js');
+        if (node_fs.existsSync(umdPath)) return umdPath;
+    } catch  {}
+    throw new Error(`${constants_PLUGIN_LOG_PREFIX} react-loader UMD not found. Run 'pnpm build' in react-loader package.`);
+}
 const globalState = globalThis;
 let didOpenBrowser = Boolean(globalState[DEV_TO_REACT_DID_OPEN_BROWSER_KEY]);
 function installDebugTools(server, ctx, state) {
@@ -1266,32 +1288,25 @@ function installDebugTools(server, ctx, state) {
                 },
                 tips: [
                     '宿主侧需设置 localStorage.VITE_DEV_SERVER_ORIGIN（可从 originCandidates 里选择一个可访问的 origin）。',
-                    'devComponentMap 的 key 必须与后端返回的 componentName 完全一致（严格匹配）。',
+                    'components 参数的 key 必须与后端返回的 componentName 完全一致（严格匹配）。',
                     'Fast Refresh 关键：必须先 import init.js（安装 react-refresh preamble），再 import react-dom/client。',
-                    '如需产出可分发 UMD 包：使用 `vite build --mode lib`（仅构建 componentMap 指定的组件，输出到 dist/<component>/）。'
+                    '如需产出可分发 UMD 包：使用 `vite build --mode lib`（仅构建 components 指定的组件，输出到 dist/<component>/）。'
                 ]
             }, null, 2));
             return;
         }
         if (pathname === `${STABLE_BASE_PATH}/react-loader.js`) try {
-            const __filename = fileURLToPath(import.meta.url);
-            const __dirname = node_path.dirname(__filename);
-            const reactLoaderUmdPath = node_path.resolve(__dirname, '../../react-loader/dist/index.umd.js');
-            if (node_fs.existsSync(reactLoaderUmdPath)) {
-                const umdCode = node_fs.readFileSync(reactLoaderUmdPath, 'utf-8');
-                res.statusCode = 200;
-                res.setHeader('Content-Type', "application/javascript; charset=utf-8");
-                res.setHeader('Access-Control-Allow-Origin', '*');
-                res.setHeader('Cache-Control', 'no-cache, no-store, must-revalidate');
-                res.end(umdCode);
-                return;
-            }
-            res.statusCode = 404;
-            res.end(`react-loader UMD not found at ${reactLoaderUmdPath}. Run 'pnpm build' in react-loader package.`);
+            const reactLoaderUmdPath = getReactLoaderUmdPath();
+            const umdCode = node_fs.readFileSync(reactLoaderUmdPath, 'utf-8');
+            res.statusCode = 200;
+            res.setHeader('Content-Type', "application/javascript; charset=utf-8");
+            res.setHeader('Access-Control-Allow-Origin', '*');
+            res.setHeader('Cache-Control', 'no-cache, no-store, must-revalidate');
+            res.end(umdCode);
             return;
         } catch (error) {
-            res.statusCode = 500;
-            res.end(`Error loading react-loader UMD: ${error}`);
+            res.statusCode = 404;
+            res.end(`${error instanceof Error ? error.message : String(error)}`);
             return;
         }
         if (pathname.startsWith(STABLE_LOADER_BASE_PATH)) {
@@ -1580,7 +1595,7 @@ function createContractVirtualModuleCode(contract) {
       console.log('Events:', CONTRACT.events);
       console.log('Dev mode:', CONTRACT?.dev?.mode);
       console.log('Default entry:', CONTRACT?.dev?.defaultEntry);
-      console.log('devComponentMap keys:', Object.keys(CONTRACT?.dev?.componentMap || {}));
+      console.log('Components:', Object.keys(CONTRACT?.dev?.componentMap || {}));
       console.log('Tip: open', ORIGIN + '${STABLE_DEBUG_HTML_PATH}');
       console.groupEnd();
     }
@@ -1680,7 +1695,9 @@ function createReactRuntimeVirtualModuleCode() {
     export default React;
   `;
 }
-const devToReactPlugin = (devComponentMap = {}, options = {})=>{
+function devToReactPlugin(components, options) {
+    const componentsMap = components ?? {};
+    const opts = options ?? {};
     const stats = {
         contract: {
             count: 0,
@@ -1700,7 +1717,7 @@ const devToReactPlugin = (devComponentMap = {}, options = {})=>{
     };
     let configDir = process.cwd();
     let currentRootDir = configDir;
-    let resolvedConfig = resolveDevComponentConfig(currentRootDir, devComponentMap, configDir);
+    let resolvedConfig = resolveDevComponentConfig(currentRootDir, componentsMap, configDir);
     let version = '0.0.0';
     try {
         const pkgPath = node_path.join(configDir, 'package.json');
@@ -1814,14 +1831,14 @@ const devToReactPlugin = (devComponentMap = {}, options = {})=>{
                 audit: resolvedConfig.audit,
                 resolvedConfig,
                 configDir,
-                open: options.open
+                open: opts.open
             }, debugState);
         },
         config (userConfig, env) {
             const rootDir = configDir;
             if (rootDir !== currentRootDir) {
                 currentRootDir = rootDir;
-                resolvedConfig = resolveDevComponentConfig(rootDir, devComponentMap, configDir);
+                resolvedConfig = resolveDevComponentConfig(rootDir, componentsMap, configDir);
                 const isDev = !isLibBuild(env);
                 contract = createContract(resolvedConfig.componentMap, resolvedConfig.defaultEntryAbs, isDev);
             }
@@ -1836,11 +1853,11 @@ const devToReactPlugin = (devComponentMap = {}, options = {})=>{
                     }
                 }
             };
-            if (false === options.css) next.css = void 0;
-            else if (options.css) next.css = mergeConfig({
+            if (false === opts.css) next.css = void 0;
+            else if (opts.css) next.css = mergeConfig({
                 css: next.css
             }, {
-                css: options.css
+                css: opts.css
             }).css;
             if (isLibBuild(env)) {
                 const actualNames = Object.keys(contract.dev.componentMap).filter((n)=>'*' !== n);
@@ -1869,7 +1886,7 @@ const devToReactPlugin = (devComponentMap = {}, options = {})=>{
                     picked,
                     componentMap: contract.dev.componentMap,
                     resolvedConfig,
-                    options,
+                    options: opts,
                     userConfig
                 });
                 Object.assign(libBuildState, {
@@ -1901,7 +1918,7 @@ const devToReactPlugin = (devComponentMap = {}, options = {})=>{
                 if (nextConfigDir !== configDir) {
                     configDir = nextConfigDir;
                     currentRootDir = configDir;
-                    resolvedConfig = resolveDevComponentConfig(currentRootDir, devComponentMap, configDir);
+                    resolvedConfig = resolveDevComponentConfig(currentRootDir, componentsMap, configDir);
                     const isDev = 'serve' === resolved.command;
                     contract = createContract(resolvedConfig.componentMap, resolvedConfig.defaultEntryAbs, isDev);
                 }
@@ -2031,6 +2048,6 @@ const devToReactPlugin = (devComponentMap = {}, options = {})=>{
         devCssAssetPlugin,
         libPostPlugin
     ];
-};
+}
 const viteHostReactBridgePlugin = devToReactPlugin;
 export { EVENT_FULL_RELOAD, EVENT_HMR_UPDATE, PLUGIN_NAME, STABLE_BASE_PATH, STABLE_DEBUG_HTML_PATH, STABLE_DEBUG_JSON_PATH, STABLE_INIT_PATH, STABLE_REACT_RUNTIME_PATH, constants_PLUGIN_LOG_PREFIX as PLUGIN_LOG_PREFIX, constants_STABLE_CONTRACT_PATH as STABLE_CONTRACT_PATH, devToReactPlugin, viteHostReactBridgePlugin };

package/dist/plugin.d.ts

@@ -1,6 +1,46 @@
-import { type Plugin } from 'vite';
 import type { DevComponentMapInput, DevToReactPluginOptions } from './types.js';
-export declare const devToReactPlugin: (devComponentMap?: DevComponentMapInput, options?: DevToReactPluginOptions) => Plugin[];
+/**
+ * Dev-to React Plugin for Vite
+ *
+ * Enables rapid development and library building of React components with hot module replacement.
+ * Supports single or multiple component configurations with customizable CSS and build options.
+ *
+ * Compatible with Vite 4.0.0+
+ *
+ * @param components - Component configuration
+ *   - `string`: Single component name as wildcard (e.g. `'Button'`)
+ *   - `Record<string, string>`: Component name to file path mapping (e.g. `{ Button: 'src/Button.tsx' }`)
+ *   - `undefined`: Fallback to root index file
+ * @param options - Plugin options for CSS and build configuration
+ * @returns Array of Vite plugins (compatible with all Vite versions)
+ *
+ * @example
+ * // Single component with wildcard
+ * devToReactPlugin('Button')
+ *
+ * @example
+ * // Multiple components
+ * devToReactPlugin({
+ *   Button: 'src/Button.tsx',
+ *   Dialog: 'src/Dialog.tsx',
+ *   Input: 'src/Input.tsx',
+ * })
+ *
+ * @example
+ * // With custom options
+ * devToReactPlugin(
+ *   { Button: 'src/Button.tsx' },
+ *   {
+ *     css: { modules: { localsConvention: 'camelCase' } },
+ *     open: true,
+ *   }
+ * )
+ *
+ * @example
+ * // Fallback to root entry
+ * devToReactPlugin(undefined, { css: false })
+ */
+export declare function devToReactPlugin(components?: DevComponentMapInput, options?: DevToReactPluginOptions): any;
 /** @deprecated Use `devToReactPlugin` instead. */
-export declare const viteHostReactBridgePlugin: (devComponentMap?: DevComponentMapInput, options?: DevToReactPluginOptions) => Plugin[];
+export declare const viteHostReactBridgePlugin: typeof devToReactPlugin;
 //# sourceMappingURL=plugin.d.ts.map

package/dist/plugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"AAIA,OAAO,EAA+B,KAAK,MAAM,EAAwC,MAAM,MAAM,CAAA;AA4BrG,OAAO,KAAK,EAIV,oBAAoB,EACpB,uBAAuB,EACxB,MAAM,YAAY,CAAA;AA0BnB,eAAO,MAAM,gBAAgB,GAC3B,kBAAiB,oBAAyB,EAC1C,UAAS,uBAA4B,KACpC,MAAM,EA8fR,CAAA;AAED,kDAAkD;AAClD,eAAO,MAAM,yBAAyB,qBAngBnB,oBAAoB,YAC5B,uBAAuB,KAC/B,MAAM,EAigBgD,CAAA"}
+{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"AAgCA,OAAO,KAAK,EAIV,oBAAoB,EACpB,uBAAuB,EACxB,MAAM,YAAY,CAAA;AA0BnB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,wBAAgB,gBAAgB,CAC9B,UAAU,CAAC,EAAE,oBAAoB,EACjC,OAAO,CAAC,EAAE,uBAAuB,GAChC,GAAG,CAggBL;AAED,kDAAkD;AAClD,eAAO,MAAM,yBAAyB,yBAAmB,CAAA"}

package/dist/types.d.ts

@@ -1,34 +1,94 @@
 import type { BuildOptions, CSSOptions } from 'vite';
+/**
+ * Plugin options for dev-to React plugin
+ *
+ * @example
+ * ```typescript
+ * devToReactPlugin('Button', {
+ *   css: { modules: { localsConvention: 'camelCase' } },
+ *   open: true,
+ * })
+ * ```
+ */
 export interface DevToReactPluginOptions {
     /**
-     * 透传给 Vite 的 `css` 配置（开发与构建态均生效）。
+     * CSS configuration passed to Vite (applies in both dev and build modes).
      *
-     * 默认提供稳定的 CSS Modules 命名规则：
+     * By default, stable CSS Modules naming rule is provided:
      * `[name]__[local]___[hash:base64:5]`
      *
-     * - 传 `false`：禁用插件注入的所有 CSS 配置
-     * - 传对象：与插件默认配置深度合并
+     * - `false`: Disable all CSS configuration injected by the plugin
+     * - `CSSOptions`: Deep merge with plugin's default configuration (user config takes precedence)
+     *
+     * @example
+     * ```typescript
+     * // Custom CSS Modules naming
+     * { css: { modules: { localsConvention: 'camelCase' } } }
+     *
+     * // Disable CSS configuration
+     * { css: false }
+     * ```
      */
     css?: CSSOptions | false;
     /**
-     * 透传给 Vite 的 `build` 配置（仅在 `vite build --mode lib` 时生效）。
+     * Build configuration passed to Vite (only applies when running `vite build --mode lib`).
+     *
+     * Typical use cases:
+     * - Adjust asset inlining: `assetsInlineLimit`
+     * - Configure rollup: `rollupOptions`
+     * - Configure minification/output: `minify` / `sourcemap` / `target` etc.
      *
-     * 典型用途：
-     * - 调整资源内联：`assetsInlineLimit`
-     * - 调整 rollup：`rollupOptions`
-     * - 调整压缩/产物：`minify` / `sourcemap` / `target` 等
+     * This config will be deep merged with the plugin's internal `next.build` config
+     * (user config takes precedence).
      *
-     * 插件会将此配置与内部生成的 `next.build` 做深度合并（以这里传入的为准）。
+     * @example
+     * ```typescript
+     * {
+     *   build: {
+     *     assetsInlineLimit: 0,
+     *     rollupOptions: { external: ['react', 'react-dom'] }
+     *   }
+     * }
+     * ```
      */
     build?: BuildOptions;
     /**
-     * 启动开发服务器后，是否自动在浏览器中打开调试面板。
+     * Whether to automatically open the debug panel in browser after starting dev server.
+     *
      * @default false
+     *
+     * @example
+     * ```typescript
+     * { open: true } // Opens debug panel automatically
+     * ```
      */
     open?: boolean;
 }
 /** @deprecated Use `DevToReactPluginOptions` instead. */
 export type ViteHostReactBridgePluginOptions = DevToReactPluginOptions;
+/**
+ * Component configuration input type
+ *
+ * Can be one of:
+ * - `string`: Single component name used as wildcard pattern
+ * - `Record<string, string>`: Map of component names to their file paths
+ * - `undefined` or `null`: Use default entry point
+ *
+ * @example
+ * ```typescript
+ * // Single component
+ * 'Button'
+ *
+ * // Multiple components
+ * {
+ *   Button: 'src/Button.tsx',
+ *   Dialog: 'src/Dialog.tsx',
+ * }
+ *
+ * // Default entry
+ * undefined
+ * ```
+ */
 export type DevComponentMapInput = Record<string, string> | string | undefined | null;
 export interface DevComponentAudit {
     defaultEntryAbs: string;

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,MAAM,CAAA;AAEpD,MAAM,WAAW,uBAAuB;IACtC;;;;;;;;OAQG;IACH,GAAG,CAAC,EAAE,UAAU,GAAG,KAAK,CAAA;IAExB;;;;;;;;;OASG;IACH,KAAK,CAAC,EAAE,YAAY,CAAA;IAEpB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAED,yDAAyD;AACzD,MAAM,MAAM,gCAAgC,GAAG,uBAAuB,CAAA;AAEtE,MAAM,MAAM,oBAAoB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,GAAG,SAAS,GAAG,IAAI,CAAA;AAErF,MAAM,WAAW,iBAAiB;IAChC,eAAe,EAAE,MAAM,CAAA;IACvB,kBAAkB,EAAE,OAAO,CAAA;IAC3B,iBAAiB,EAAE,MAAM,CAAA;IACzB,cAAc,EAAE,KAAK,CAAC;QAAE,aAAa,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;CACnE;AAED,MAAM,WAAW,0BAA0B;IACzC,eAAe,EAAE,MAAM,CAAA;IACvB,YAAY,EAAE,MAAM,CAAA;IACpB,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACpC,KAAK,EAAE,iBAAiB,CAAA;CACzB;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,IAAI,EAAE,iBAAiB,CAAA;IACvB,OAAO,EAAE,iBAAiB,CAAA;CAC3B;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE;QACL,QAAQ,EAAE,MAAM,CAAA;QAChB,UAAU,EAAE,MAAM,CAAA;QAClB,YAAY,EAAE,MAAM,CAAA;KACrB,CAAA;IACD,MAAM,EAAE;QACN,UAAU,EAAE,MAAM,CAAA;QAClB,SAAS,EAAE,MAAM,CAAA;KAClB,CAAA;IACD,GAAG,EAAE;QACH,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;KACrC,CAAA;CACF;AAED,MAAM,WAAW,iBAAiB;IAChC,uBAAuB,EAAE,OAAO,CAAA;CACjC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,MAAM,CAAA;AAEpD;;;;;;;;;;GAUG;AACH,MAAM,WAAW,uBAAuB;IACtC;;;;;;;;;;;;;;;;;OAiBG;IACH,GAAG,CAAC,EAAE,UAAU,GAAG,KAAK,CAAA;IAExB;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,KAAK,CAAC,EAAE,YAAY,CAAA;IAEpB;;;;;;;;;OASG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAED,yDAAyD;AACzD,MAAM,MAAM,gCAAgC,GAAG,uBAAuB,CAAA;AAEtE;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,MAAM,oBAAoB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,GAAG,SAAS,GAAG,IAAI,CAAA;AAErF,MAAM,WAAW,iBAAiB;IAChC,eAAe,EAAE,MAAM,CAAA;IACvB,kBAAkB,EAAE,OAAO,CAAA;IAC3B,iBAAiB,EAAE,MAAM,CAAA;IACzB,cAAc,EAAE,KAAK,CAAC;QAAE,aAAa,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;CACnE;AAED,MAAM,WAAW,0BAA0B;IACzC,eAAe,EAAE,MAAM,CAAA;IACvB,YAAY,EAAE,MAAM,CAAA;IACpB,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACpC,KAAK,EAAE,iBAAiB,CAAA;CACzB;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,IAAI,EAAE,iBAAiB,CAAA;IACvB,OAAO,EAAE,iBAAiB,CAAA;CAC3B;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE;QACL,QAAQ,EAAE,MAAM,CAAA;QAChB,UAAU,EAAE,MAAM,CAAA;QAClB,YAAY,EAAE,MAAM,CAAA;KACrB,CAAA;IACD,MAAM,EAAE;QACN,UAAU,EAAE,MAAM,CAAA;QAClB,SAAS,EAAE,MAAM,CAAA;KAClB,CAAA;IACD,GAAG,EAAE;QACH,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;KACrC,CAAA;CACF;AAED,MAAM,WAAW,iBAAiB;IAChC,uBAAuB,EAAE,OAAO,CAAA;CACjC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dev-to/react-plugin",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "private": false,
   "type": "module",
   "main": "./dist/index.js",