@vitarx/plugin-vite 0.0.1-beta.3 → 0.0.1-beta.4

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import { type Plugin } from 'vite';
-export type * from './components.js';
+export type * from './types.js';
 /**
  * vite-plugin-vitarx 配置选项
  *

package/dist/index.js

@@ -1,10 +1,11 @@
 import path from 'node:path';
 import { fileURLToPath } from 'node:url';
-import { defineConfig, version } from 'vite';
+import { version } from 'vite';
 import { transform } from './transform.js';
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const IS_V8 = version.startsWith('8');
 let viteTransform;
-if (version.startsWith('8')) {
+if (IS_V8) {
     // @ts-ignore
     viteTransform = (await import('vite')).transformWithOxc;
 }
@@ -34,16 +35,11 @@ export default function vitarx(_options) {
             isDEV = env.command === 'serve' && !env.isPreview;
             const configSSR = !!config.build?.ssr;
             isSSR = env.isSsrBuild === true || configSSR;
-            return defineConfig({
-                // @ts-ignore
-                oxc: {
-                    jsx: 'preserve',
-                    exclude: /\.[jt]sx$/
-                },
-                esbuild: {
-                    jsx: 'preserve',
-                    exclude: /\.[jt]sx$/
-                },
+            const buildConfig = {
+                jsx: 'preserve',
+                exclude: /\.[jt]sx$/
+            };
+            const _config = {
                 define: {
                     __VITARX_DEV__: JSON.stringify(isDEV),
                     __VITARX_SSR__: JSON.stringify(isSSR)
@@ -53,7 +49,9 @@ export default function vitarx(_options) {
                         '@vitarx/vite-plugin/hmr-client': path.join(__dirname, 'hmr-client/index.js')
                     }
                 }
-            });
+            };
+            _config[IS_V8 ? 'oxc' : 'esbuild'] = buildConfig;
+            return _config;
         },
         configResolved(config) {
             viteConfig = config;

package/dist/passes/imports/collectImports.d.ts

@@ -6,6 +6,7 @@
 import * as t from '@babel/types';
 /**
  * 收集现有导入信息
+ * 只收集普通的 import 语句，跳过 import type 语句
  * @param program - AST Program 节点
  * @returns 本地变量名集合和 vitarx 导入映射
  */
@@ -16,6 +17,7 @@ export declare function collectExistingImports(program: t.Program): {
 /**
  * 收集本地变量绑定
  * 包括导入绑定、变量声明、函数声明、类声明
+ * 只收集运行时存在的绑定，跳过 import type
  * @param program - AST Program 节点
  * @returns 本地变量名集合
  */

package/dist/passes/imports/collectImports.js

@@ -2,6 +2,7 @@ import { VITARX_MODULE } from '../../constants/index.js';
 import { collectPatternBindings } from '../../utils/index.js';
 /**
  * 收集现有导入信息
+ * 只收集普通的 import 语句，跳过 import type 语句
  * @param program - AST Program 节点
  * @returns 本地变量名集合和 vitarx 导入映射
  */
@@ -11,6 +12,9 @@ export function collectExistingImports(program) {
     for (const node of program.body) {
         if (node.type !== 'ImportDeclaration')
             continue;
+        // 跳过 import type 和 import typeof 语句
+        if (node.importKind === 'type' || node.importKind === 'typeof')
+            continue;
         const source = node.source.value;
         for (const specifier of node.specifiers) {
             localNames.add(specifier.local.name);
@@ -27,6 +31,7 @@ export function collectExistingImports(program) {
 /**
  * 收集本地变量绑定
  * 包括导入绑定、变量声明、函数声明、类声明
+ * 只收集运行时存在的绑定，跳过 import type
  * @param program - AST Program 节点
  * @returns 本地变量名集合
  */
@@ -34,6 +39,9 @@ export function collectLocalBindings(program) {
     const bindings = new Set();
     for (const node of program.body) {
         if (node.type === 'ImportDeclaration') {
+            // 跳过 import type 和 import typeof 语句
+            if (node.importKind === 'type' || node.importKind === 'typeof')
+                continue;
             for (const specifier of node.specifiers) {
                 bindings.add(specifier.local.name);
             }

package/dist/passes/imports/injectImports.js

@@ -29,7 +29,7 @@ export function injectImports(program, ctx) {
     if (!needsInject(ctx))
         return;
     const existingVitarxImport = findExistingVitarxImport(program);
-    if (existingVitarxImport) {
+    if (existingVitarxImport && canAppendSpecifiers(existingVitarxImport)) {
         appendImportSpecifiers(existingVitarxImport, ctx);
     }
     else {
@@ -40,12 +40,29 @@ export function injectImports(program, ctx) {
         program.body.unshift(importDecl);
     }
 }
+/**
+ * 检查是否可以向导入语句追加说明符
+ * 只有纯命名导入才能追加，命名空间导入和默认导入不能追加
+ */
+function canAppendSpecifiers(importDecl) {
+    for (const spec of importDecl.specifiers) {
+        // 如果存在命名空间导入或默认导入，不能追加
+        if (spec.type === 'ImportNamespaceSpecifier' || spec.type === 'ImportDefaultSpecifier') {
+            return false;
+        }
+    }
+    return true;
+}
 /**
  * 查找已存在的 vitarx 导入语句
+ * 只查找普通的 import 语句，跳过 import type 语句
  */
 function findExistingVitarxImport(program) {
     for (const node of program.body) {
-        if (node.type === 'ImportDeclaration' && node.source.value === VITARX_MODULE) {
+        if (node.type === 'ImportDeclaration' &&
+            node.source.value === VITARX_MODULE &&
+            node.importKind !== 'type' &&
+            node.importKind !== 'typeof') {
             return node;
         }
     }

package/dist/{components.d.ts → types.d.ts}

@@ -1,5 +1,5 @@
 import type { RenderUnit, View } from 'vitarx';
-interface IfBlockProps {
+export interface IfBlockProps {
     /**
      * 子元素列表
      *
@@ -7,7 +7,7 @@ interface IfBlockProps {
      */
     children: View[];
 }
-interface SwitchProps {
+export interface SwitchProps {
     /**
      * 默认渲染内容
      *
@@ -21,7 +21,7 @@ interface SwitchProps {
      */
     children: View | View[];
 }
-interface MatchProps {
+export interface MatchProps {
     /**
      * 匹配条件
      */
@@ -82,5 +82,25 @@ declare global {
      * 需 `Switch` 组件搭配使用，不允许单独使用。
      */
     const Match: (props: MatchProps) => View;
+    /**
+     * 开发环境
+     *
+     * @example
+     * ```js
+     * // 等效于 import.meta.env.DEV
+     * if(__VITARX_DEV__){
+     *   // 仅在开发环境下运行的代码
+     * }
+     * ```
+     */
+    const __VITARX_DEV__: boolean;
+    /**
+     * SSR环境
+     *
+     * // 等效于 import.meta.env.SSR
+     * if(__VITARX_SSR__){
+     *   // 仅在服务端运行的代码
+     * }
+     */
+    const __VITARX_SSR__: boolean;
 }
-export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vitarx/plugin-vite",
-  "version": "0.0.1-beta.3",
+  "version": "0.0.1-beta.4",
   "description": "The official plugin for Vitarx support in Vite.",
   "author": "ZhuChongLin <8210856@qq.com>",
   "license": "MIT",