create-weapp-vite 2.6.3 → 2.7.0

package/dist/cli.js

@@ -1,4 +1,4 @@
-import { n as RECOMMENDED_SKILLS_INSTALL_COMMAND, t as createProject } from "./src-Cu_jx17D.js";
+import { n as RECOMMENDED_SKILLS_INSTALL_COMMAND, t as createProject } from "./src-DdedlrNP.js";
 import logger from "@weapp-core/logger";
 import { fs } from "@weapp-core/shared/fs";
 import process from "node:process";
@@ -16,6 +16,10 @@ const TEMPLATE_CHOICES = [
 		name: "Wevu 模板 (Vue SFC)",
 		value: "wevu"
 	},
+	{
+		name: "React 模板 (React 19 + 小程序 runtime)",
+		value: "react"
+	},
 	{
 		name: "Wevu + TDesign 模板 (wevu + tdesign + tailwindcss)",
 		value: "wevu-tdesign"

package/dist/index.d.ts

@@ -8,6 +8,7 @@ declare enum TemplateName {
   vant = "vant",
   tdesign = "tdesign",
   wevuTdesign = "wevu-tdesign",
+  react = "react",
   lib = "lib"
 }
 //#endregion

package/dist/index.js

@@ -1,2 +1,2 @@
-import { r as TemplateName, t as createProject } from "./src-Cu_jx17D.js";
+import { r as TemplateName, t as createProject } from "./src-DdedlrNP.js";
 export { TemplateName, createProject };

package/dist/{src-Cu_jx17D.js → src-DdedlrNP.js}

@@ -5,14 +5,17 @@ import path from "pathe";
 import https from "node:https";
 import { spawn } from "node:child_process";
 import process from "node:process";
+//#region ../../packages-runtime/react/package.json
+var version$3 = "0.2.0";
+//#endregion
 //#region ../../packages-runtime/wevu/package.json
-var version$2 = "6.19.3";
+var version$2 = "6.20.0";
 //#endregion
 //#region ../dashboard/package.json
-var version$1 = "6.19.3";
+var version$1 = "6.20.0";
 //#endregion
 //#region ../weapp-vite/package.json
-var version = "6.19.3";
+var version = "6.20.0";
 //#endregion
 //#region src/enums.ts
 let TemplateName = /* @__PURE__ */ function(TemplateName) {
@@ -23,6 +26,7 @@ let TemplateName = /* @__PURE__ */ function(TemplateName) {
 	TemplateName["vant"] = "vant";
 	TemplateName["tdesign"] = "tdesign";
 	TemplateName["wevuTdesign"] = "wevu-tdesign";
+	TemplateName["react"] = "react";
 	TemplateName["lib"] = "lib";
 	return TemplateName;
 }({});
@@ -119,10 +123,11 @@ const TEMPLATE_CATALOG = {
 	"@types/semver": "^7.8.0",
 	"@vant/weapp": "^1.11.7",
 	"@vitejs/plugin-vue": "^6.0.8",
+	"@vue/babel-plugin-jsx": "3.0.0",
 	"@vue/compiler-core": "^3.5.41",
 	"@vue/compiler-dom": "^3.5.41",
 	"@vue/language-core": "^3.3.9",
-	"@wot-ui/ui": "2.3.1",
+	"@wot-ui/ui": "2.3.2",
 	"antd-mini": "^3.4.3",
 	"bundle-require": "^5.1.0",
 	"class-variance-authority": "^0.7.1",
@@ -133,7 +138,7 @@ const TEMPLATE_CATALOG = {
 	"lru-cache": "^11.5.2",
 	"magic-string": "^1.1.0",
 	"miniprogram-api-typings": "^5.2.3",
-	"oxc-parser": "^0.143.0",
+	"oxc-parser": "^0.144.0",
 	"oxc-walker": "^1.1.1",
 	"pkg-types": "^2.3.1",
 	"sass-embedded": "^1.100.0",
@@ -144,12 +149,12 @@ const TEMPLATE_CATALOG = {
 	"uview-plus": "3.8.86",
 	"vite-plugin-inspect": "^12.0.2",
 	"vue-tsc": "^3.3.9",
-	"weapp-tailwindcss": "^5.2.12",
+	"weapp-tailwindcss": "^5.2.14",
 	autoprefixer: "^10.5.4",
 	clsx: "^2.1.1",
 	dayjs: "^1.11.21",
 	echarts: "^6.1.0",
-	esbuild: "^0.28.1",
+	esbuild: "^0.28.2",
 	eslint: "^10.8.1",
 	fdir: "^6.5.0",
 	htmlparser2: "^12.0.0",
@@ -163,7 +168,7 @@ const TEMPLATE_CATALOG = {
 	stylelint: "^17.14.1",
 	tailwindcss: "^4.3.3",
 	tslib: "^2.8.1",
-	tsx: "^4.23.11",
+	tsx: "^4.23.12",
 	typescript: "^6.0.3",
 	vite: "8.2.1",
 	vue: "^3.5.41",
@@ -171,7 +176,7 @@ const TEMPLATE_CATALOG = {
 };
 const TEMPLATE_NAMED_CATALOG = {
 	"tdesign-miniprogram-fixed": { "tdesign-miniprogram": "1.16.0" },
-	"weapp-tailwindcss-fixed": { "weapp-tailwindcss": "5.2.12" },
+	"weapp-tailwindcss-fixed": { "weapp-tailwindcss": "5.2.14" },
 	latest: {
 		"miniprogram-api-typings": "^5.2.3",
 		typescript: "^6.0.3"
@@ -402,6 +407,7 @@ const TEMPLATE_DIR_MAP = {
 	["plugin"]: "weapp-vite-plugin-template",
 	["lib"]: "weapp-vite-lib-template",
 	["wevu"]: "weapp-vite-wevu-template",
+	["react"]: "weapp-vite-react-template",
 	["wevu-tdesign"]: "weapp-vite-wevu-tailwindcss-tdesign-template",
 	["tailwindcss"]: "weapp-vite-tailwindcss-template",
 	["tdesign"]: "weapp-vite-tailwindcss-tdesign-template",
@@ -573,6 +579,7 @@ async function createProject(targetDir = "", templateName = "default", options =
 	ensureManagedTypeScriptDevDependencies(pkgJson);
 	if (!pkgJson.devDependencies) pkgJson.devDependencies = {};
 	upsertExistingDependencyVersion(pkgJson, "weapp-vite", toCaretVersion(version));
+	upsertExistingDependencyVersion(pkgJson, "@weapp-vite/react", toCaretVersion(version$3));
 	upsertExistingDependencyVersion(pkgJson, "wevu", toCaretVersion(version$2));
 	upsertExistingDependencyVersion(pkgJson, "@weapp-vite/dashboard", toCaretVersion(version$1));
 	await upsertTailwindcssVersion(pkgJson);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "create-weapp-vite",
   "type": "module",
-  "version": "2.6.3",
+  "version": "2.7.0",
   "description": "create-weapp-vite",
   "author": "ice breaker <1324318532@qq.com>",
   "license": "MIT",

package/templates/lib/package.json

@@ -1,7 +1,7 @@
 {
   "name": "weapp-vite-lib-template",
   "type": "module",
-  "version": "10.0.3",
+  "version": "11.0.0",
   "private": true,
   "description": "weapp-vite 组件库（lib 模式）模板",
   "author": "ice breaker <1324318532@qq.com>",

package/templates/react/eslint.config.js

@@ -0,0 +1,6 @@
+import { icebreaker } from '@icebreakers/eslint-config'
+
+export default icebreaker({
+  miniProgram: true,
+  ignores: ['dist/**', '.weapp-vite/**'],
+})

package/templates/react/gitignore

@@ -0,0 +1,9 @@
+node_modules
+coverage
+.DS_Store
+*.log
+.turbo
+dist
+dist-web
+.weapp-vite/
+vite.config.ts.timestamp-*.mjs

package/templates/react/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "weapp-vite-react-template",
+  "type": "module",
+  "version": "0.0.1",
+  "private": true,
+  "weappVite": {
+    "web": false
+  },
+  "scripts": {
+    "build": "wv build",
+    "dev": "wv dev",
+    "dev:open": "wv dev -o",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "postinstall": "wv prepare",
+    "stylelint": "stylelint \"src/**/*.{css,scss,vue,wxss}\" --allow-empty-input",
+    "stylelint:fix": "stylelint \"src/**/*.{css,scss,vue,wxss}\" --fix --allow-empty-input",
+    "typecheck": "vue-tsc --noEmit -p .weapp-vite/tsconfig.app.json"
+  },
+  "dependencies": {
+    "@weapp-vite/react": "workspace:*",
+    "react": "19.2.8",
+    "react-reconciler": "0.33.0",
+    "wevu": "workspace:*"
+  },
+  "devDependencies": {
+    "@icebreakers/eslint-config": "catalog:",
+    "@icebreakers/stylelint-config": "catalog:",
+    "@swc/core": "^1.15.47",
+    "@types/node": "catalog:",
+    "@types/react": "19.2.18",
+    "@types/react-reconciler": "0.33.0",
+    "eslint": "catalog:",
+    "miniprogram-api-typings": "catalog:",
+    "stylelint": "catalog:",
+    "typescript": "catalog:",
+    "vite": "catalog:",
+    "vue-tsc": "catalog:",
+    "weapp-vite": "workspace:*"
+  }
+}

package/templates/react/project.config.json

@@ -0,0 +1,43 @@
+{
+  "description": "React 小程序项目配置文件",
+  "miniprogramRoot": "dist/",
+  "compileType": "miniprogram",
+  "setting": {
+    "babelSetting": {
+      "ignore": [],
+      "disablePlugins": [],
+      "outputPath": ""
+    },
+    "coverView": false,
+    "postcss": false,
+    "minified": false,
+    "enhance": false,
+    "showShadowRootInWxmlPanel": false,
+    "packNpmRelationList": [
+      {
+        "packageJsonPath": "./package.json",
+        "miniprogramNpmDistDir": "./dist"
+      }
+    ],
+    "ignoreUploadUnusedFiles": true,
+    "compileHotReLoad": false,
+    "skylineRenderEnable": false,
+    "packNpmManually": true,
+    "es6": true,
+    "minifyWXML": true
+  },
+  "simulatorType": "wechat",
+  "simulatorPluginLibVersion": {},
+  "condition": {},
+  "srcMiniprogramRoot": "dist/",
+  "editorSetting": {
+    "tabIndent": "insertSpaces",
+    "tabSize": 2
+  },
+  "libVersion": "3.13.2",
+  "packOptions": {
+    "ignore": [],
+    "include": []
+  },
+  "appid": "wxb3d842a4a7e3440d"
+}

package/templates/react/project.private.config.json

@@ -0,0 +1,9 @@
+{
+  "description": "React 小程序模板私有配置文件",
+  "projectname": "weapp-vite-react-template",
+  "setting": {
+    "compileHotReLoad": true,
+    "urlCheck": false
+  },
+  "libVersion": "3.15.0"
+}

package/templates/react/src/app.json

@@ -0,0 +1,6 @@
+{
+  "pages": ["pages/index/index"],
+  "window": {
+    "navigationBarTitleText": "React 小程序"
+  }
+}

package/templates/react/src/app.ts

@@ -0,0 +1 @@
+App({})

package/templates/react/src/components/native-leaf/index.json

@@ -0,0 +1,3 @@
+{
+  "component": true
+}

package/templates/react/src/components/native-leaf/index.ts

@@ -0,0 +1,13 @@
+Component({
+  properties: {
+    label: String,
+    value: Number,
+  },
+  methods: {
+    emitChange() {
+      this.triggerEvent('change', {
+        value: Number(this.data.value ?? 0) + 1,
+      })
+    },
+  },
+})

package/templates/react/src/components/native-leaf/index.wxml

@@ -0,0 +1,5 @@
+<view class="leaf">
+  <text class="label">{{label}}：{{value}}</text>
+  <slot />
+  <button id="native-action" size="mini" bindtap="emitChange">原生 +1</button>
+</view>

package/templates/react/src/components/native-leaf/index.wxss

@@ -0,0 +1,11 @@
+.leaf {
+  padding: 20rpx;
+  margin-bottom: 20rpx;
+  background: #fff;
+  border: 1rpx solid #9aa5b1;
+}
+
+.label {
+  display: block;
+  font-weight: 600;
+}

package/templates/react/src/components/wevu-leaf/index.vue

@@ -0,0 +1,48 @@
+<script setup lang="ts">
+const props = defineProps<{
+  label: string
+  value: number
+}>()
+
+const emit = defineEmits<{
+  change: [detail: { value: number }]
+}>()
+
+defineComponentJson({
+  options: {
+    multipleSlots: true,
+  },
+})
+
+function emitChange() {
+  emit('change', {
+    value: Number(props.value ?? 0) + 1,
+  })
+}
+</script>
+
+<template>
+  <view class="leaf">
+    <text class="label">
+      {{ label }}：{{ value }}
+    </text>
+    <slot />
+    <button id="wevu-action" size="mini" @tap="emitChange">
+      Wevu +1
+    </button>
+  </view>
+</template>
+
+<style>
+.leaf {
+  padding: 20rpx;
+  margin-bottom: 20rpx;
+  background: #fff;
+  border: 1rpx solid #7b8794;
+}
+
+.label {
+  display: block;
+  font-weight: 600;
+}
+</style>

package/templates/react/src/pages/index/index.json

@@ -0,0 +1,6 @@
+{
+  "usingComponents": {
+    "native-leaf": "/components/native-leaf/index",
+    "wevu-leaf": "/components/wevu-leaf/index"
+  }
+}

package/templates/react/src/pages/index/index.ts

@@ -0,0 +1,19 @@
+import { createReactMiniProgramRoot } from '@weapp-vite/react'
+import { createElement } from 'react'
+import { AppView } from './view'
+
+let root: ReturnType<typeof createReactMiniProgramRoot> | undefined
+
+Page({
+  onLoad() {
+    root = createReactMiniProgramRoot(this, { renderMode: 'static-bindings' })
+    root.render(createElement(AppView))
+  },
+  __weapp_vite_react_event(event: WechatMiniprogram.CustomEvent) {
+    root?.dispatchEvent(event)
+  },
+  onUnload() {
+    root?.unmount()
+    root = undefined
+  },
+})

package/templates/react/src/pages/index/index.wxss

@@ -0,0 +1,20 @@
+.page {
+  min-height: 100vh;
+  padding: 32rpx;
+  background: #f4f6f8;
+}
+
+.title,
+.slot-content {
+  display: block;
+}
+
+.title {
+  margin-bottom: 24rpx;
+  font-size: 36rpx;
+  font-weight: 700;
+}
+
+.slot-content {
+  color: #52606d;
+}

package/templates/react/src/pages/index/view.tsx

@@ -0,0 +1,40 @@
+import type { HostEventHandler } from '@weapp-vite/react'
+import { createNativeComponent, Text, View } from '@weapp-vite/react'
+import { useState } from 'react'
+
+interface LeafProps {
+  label: string
+  onChange?: HostEventHandler
+  value: number
+}
+
+const NativeLeaf = createNativeComponent<LeafProps>('native-leaf')
+const WevuLeaf = createNativeComponent<LeafProps>('wevu-leaf')
+
+export function AppView() {
+  const [count, setCount] = useState(0)
+  return (
+    <View className="page">
+      <Text className="title">React 组件互操作</Text>
+      <NativeLeaf
+        id="native-leaf"
+        label="React → 原生"
+        value={count}
+        onChange={event => setCount(Number(event.detail.value))}
+      >
+        <Text className="slot-content">React 默认插槽</Text>
+      </NativeLeaf>
+      <WevuLeaf
+        id="wevu-leaf"
+        label="React → Wevu"
+        value={count}
+        onChange={event => setCount(Number(event.detail.value))}
+      >
+        <Text className="slot-content">
+          同一份状态：
+          {count}
+        </Text>
+      </WevuLeaf>
+    </View>
+  )
+}

package/templates/react/stylelint.config.js

@@ -0,0 +1,5 @@
+import { icebreaker } from '@icebreakers/stylelint-config'
+
+export default icebreaker({
+  miniProgram: true,
+})

package/templates/react/tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "jsx": "react-jsx",
+    "jsxImportSource": "react",
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "types": ["miniprogram-api-typings", "node", "react"],
+    "strict": true,
+    "noEmit": true,
+    "skipLibCheck": true
+  },
+  "include": ["src/**/*.ts", "src/**/*.tsx", "weapp-vite.config.ts"]
+}

package/templates/react/weapp-vite.config.ts

@@ -0,0 +1,11 @@
+import { defineConfig } from 'weapp-vite'
+
+export default defineConfig({
+  weapp: {
+    srcRoot: 'src',
+    react: {
+      renderMode: 'auto',
+      compiler: false,
+    },
+  },
+})