create-bubbles 0.1.18 → 0.1.20

package/template-taro-react-oxc/config/index.ts

@@ -0,0 +1,172 @@
+import path from 'path'
+
+import { defineConfig, type UserConfigExport } from '@tarojs/cli'
+import TsconfigPathsPlugin from 'tsconfig-paths-webpack-plugin'
+import { WeappTailwindcss } from 'weapp-tailwindcss/webpack'
+
+import devConfig from './dev'
+import prodConfig from './prod'
+import { CIPluginFn } from './release'
+
+export default defineConfig<'webpack5'>(async (merge) => {
+  // 设置 BROWSERSLIST_ENV 环境变量，以便在不同环境使用不同的 browserslist 配置
+  process.env.BROWSERSLIST_ENV = process.env.NODE_ENV
+
+  const baseConfig: UserConfigExport<'webpack5'> = {
+    projectName: 'myApp',
+    date: '2026-6-8',
+    designWidth(input) {
+      // 配置 NutUI 375 尺寸
+      if ((input as any)?.file?.replace(/\\+/g, '/').indexOf('@nutui') > -1) {
+        return 375
+      }
+      // 全局使用 Taro 默认的 750 尺寸
+      return 750
+    },
+    deviceRatio: {
+      640: 2.34 / 2,
+      750: 1,
+      828: 1.81 / 2,
+      375: 2 / 1,
+    },
+    sourceRoot: 'src',
+    outputRoot: 'dist',
+    plugins: [
+      '@tarojs/plugin-generator',
+      '@tarojs/plugin-html',
+      ['@tarojs/plugin-mini-ci', CIPluginFn],
+    ],
+    defineConstants: {},
+    copy: {
+      patterns: [],
+      options: {},
+    },
+    framework: 'react',
+    compiler: {
+      type: 'webpack5',
+      prebundle: {
+        enable: false,
+      },
+    },
+    cache: {
+      enable: false,
+    },
+    sass: {
+      data: '@use "@nutui/nutui-react-taro/dist/styles/variables.scss" as *;',
+    },
+    mini: {
+      debugReact: true,
+      compile: {
+        include: [
+          // 确保产物为 ES5，如可以确认包含 ES6 代码的 node_modules，则可修改正则采用白名单方式缩小编译范围，以提升编译速度
+          (filename) =>
+            /node_modules\/(?!(@babel|core-js|style-loader|css-loader|react|react-dom))/.test(
+              filename,
+            ),
+        ],
+      },
+      postcss: {
+        pxtransform: {
+          enable: true,
+          config: {},
+        },
+        cssModules: {
+          enable: false,
+          config: {
+            namingPattern: 'module',
+            generateScopedName: '[name]__[local]___[hash:base64:5]',
+          },
+        },
+      },
+      webpackChain(chain) {
+        chain.resolve.plugin('tsconfig-paths').use(TsconfigPathsPlugin)
+        const projectRoot = path.resolve(__dirname, '..')
+        const srcRoot = path.resolve(projectRoot, 'src')
+        const outputRoot = path.resolve(projectRoot, 'dist').replace(/\\/g, '/')
+        const tailwindCssEntry = path.resolve(srcRoot, 'styles/index.css')
+
+        chain.merge({
+          watchOptions: {
+            ignored: [`${outputRoot}/**`, '**/node_modules/**'],
+          },
+        })
+        chain.plugin('weapp-tailwindcss').use(WeappTailwindcss, [
+          {
+            appType: 'taro',
+            rem2rpx: true,
+            tailwindcssBasedir: srcRoot,
+            cssEntries: [tailwindCssEntry],
+            tailwindcss: {
+              version: 4,
+              v4: {
+                base: srcRoot,
+                cssEntries: [tailwindCssEntry],
+                sources: [
+                  {
+                    base: srcRoot,
+                    pattern: '**/*.{html,js,ts,jsx,tsx}',
+                    negated: false,
+                  },
+                ],
+              },
+            },
+          },
+        ])
+      },
+    },
+    h5: {
+      compile: {
+        include: [
+          // 确保产物为 ES5，如可以确认包含 ES6 代码的 node_modules，则可修改正则采用白名单方式缩小编译范围，以提升编译速度
+          (filename) =>
+            /node_modules\/(?!(@babel|core-js|style-loader|css-loader|react|react-dom))/.test(
+              filename,
+            ),
+        ],
+      },
+      publicPath: '/',
+      staticDirectory: 'static',
+      output: {
+        filename: 'js/[name].[hash:8].js',
+        chunkFilename: 'js/[name].[chunkhash:8].js',
+      },
+      miniCssExtractPluginOption: {
+        ignoreOrder: true,
+        filename: 'css/[name].[hash].css',
+        chunkFilename: 'css/[name].[chunkhash].css',
+      },
+      postcss: {
+        autoprefixer: {
+          enable: true,
+          config: {},
+        },
+        cssModules: {
+          enable: false,
+          config: {
+            namingPattern: 'module',
+            generateScopedName: '[name]__[local]___[hash:base64:5]',
+          },
+        },
+      },
+      webpackChain(chain) {
+        chain.resolve.plugin('tsconfig-paths').use(TsconfigPathsPlugin)
+      },
+    },
+    rn: {
+      appName: 'taroDemo',
+      postcss: {
+        cssModules: {
+          enable: false,
+        },
+      },
+    },
+  }
+
+  process.env.BROWSERSLIST_ENV = process.env.NODE_ENV
+
+  if (process.env.NODE_ENV === 'development') {
+    return merge({}, baseConfig, devConfig)
+  }
+
+  return merge({}, baseConfig, prodConfig)
+})

package/template-taro-react-oxc/config/prod.ts

@@ -0,0 +1,39 @@
+import type { UserConfigExport } from "@tarojs/cli"
+
+export default {
+  mini: {},
+  h5: {
+    compile: {
+      include: [
+        // 确保产物为 es5
+        filename => /node_modules\/(?!(@babel|core-js|style-loader|css-loader|react|react-dom))/.test(filename)
+      ]
+    },
+    /**
+     * WebpackChain 插件配置
+     * @docs https://github.com/neutrinojs/webpack-chain
+     */
+    // webpackChain (chain) {
+    //   /**
+    //    * 如果 h5 端编译后体积过大，可以使用 webpack-bundle-analyzer 插件对打包体积进行分析。
+    //    * @docs https://github.com/webpack-contrib/webpack-bundle-analyzer
+    //    */
+    //   chain.plugin('analyzer')
+    //     .use(require('webpack-bundle-analyzer').BundleAnalyzerPlugin, [])
+    //   /**
+    //    * 如果 h5 端首屏加载时间过长，可以使用 prerender-spa-plugin 插件预加载首页。
+    //    * @docs https://github.com/chrisvfritz/prerender-spa-plugin
+    //    */
+    //   const path = require('path')
+    //   const Prerender = require('prerender-spa-plugin')
+    //   const staticDir = path.join(__dirname, '..', 'dist')
+    //   chain
+    //     .plugin('prerender')
+    //     .use(new Prerender({
+    //       staticDir,
+    //       routes: [ '/pages/index/index' ],
+    //       postProcess: (context) => ({ ...context, outputPath: path.join(staticDir, 'index.html') })
+    //     }))
+    // }
+  }
+} satisfies UserConfigExport<'webpack5'>

package/template-taro-react-oxc/config/release.ts

@@ -0,0 +1,106 @@
+import { execSync } from 'node:child_process'
+import * as fs from 'node:fs'
+import * as path from 'node:path'
+
+/**
+ * 获取package.json中的版本号
+ */
+function getPackageVersion(): string {
+  try {
+    const packagePath = path.join(process.cwd(), 'package.json')
+    const packageContent = fs.readFileSync(packagePath, 'utf8')
+    const packageData = JSON.parse(packageContent)
+    return packageData.version || '1.0.0'
+  } catch (error) {
+    console.warn('⚠️ 获取package.json版本号失败，使用默认版本 1.0.0')
+    return '1.0.0'
+  }
+}
+
+/**
+ * 获取最新的Git提交信息
+ */
+function getLatestCommitMessage(): string {
+  try {
+    const message = execSync('git log -1 --pretty=%B', { encoding: 'utf8' }).trim()
+    return message || '版本更新'
+  } catch (error) {
+    console.warn('⚠️ 获取Git提交信息失败，使用默认描述')
+    return '版本更新'
+  }
+}
+
+/**
+ * 获取当前分支名
+ */
+function getCurrentBranch(): string {
+  try {
+    return execSync('git rev-parse --abbrev-ref HEAD', { encoding: 'utf8' }).trim()
+  } catch (error) {
+    return 'unknown'
+  }
+}
+
+/**
+ * 获取提交者信息
+ */
+function getCommitAuthor(): string {
+  try {
+    return execSync('git log -1 --pretty=%an', { encoding: 'utf8' }).trim()
+  } catch (error) {
+    return 'unknown'
+  }
+}
+
+/**
+ * CI插件配置函数
+ * 自动读取版本号和提交信息
+ * @returns CIOptions配置
+ */
+export const CIPluginFn = async () => {
+  // 动态获取版本信息
+  const version = getPackageVersion()
+  const commitMessage = getLatestCommitMessage()
+  const branch = getCurrentBranch()
+  const author = getCommitAuthor()
+
+  // 构建发布描述
+  const desc = `${commitMessage}\n\n📦 版本: ${version}\n🌿 分支: ${branch}\n👤 提交者: ${author}\n⏰ 发布时间: ${new Date().toLocaleString('zh-CN')}`
+
+  console.log('🚀 CI发布配置:')
+  console.log(`📦 版本号: ${version}`)
+  console.log(`📝 提交信息: ${commitMessage}`)
+  console.log(`🌿 分支: ${branch}`)
+  console.log(`👤 提交者: ${author}`)
+
+  /**
+   * @typedef { import("@tarojs/plugin-mini-ci").CIOptions } CIOptions
+   * @type {CIOptions}
+   */
+  return {
+    weapp: {
+      appid: 'xxx',
+      privateKeyPath: 'xxx',
+    },
+    // tt: {
+    //   email: '字节小程序邮箱',
+    //   password: '字节小程序密码',
+    // },
+    // alipay: {
+    //   appid: '支付宝小程序appid',
+    //   toolId: '工具id',
+    //   privateKeyPath: '密钥文件相对项目根目录的相对路径，例如 key/pkcs8-private-pem',
+    // },
+    // dd: {
+    //   appid: '钉钉小程序appid,即钉钉开放平台后台应用管理的 MiniAppId 选项',
+    //   token: '令牌，从钉钉后台获取',
+    // },
+    // swan: {
+    //   token: '鉴权需要的token令牌',
+    // },
+    // 动态版本号
+    version,
+    // 动态版本发布描述
+    desc,
+  }
+}

package/template-taro-react-oxc/lefthook.yaml

@@ -0,0 +1,18 @@
+pre-commit:
+  commands:
+    fmt:
+      glob: '*.{js,ts,cjs,mjs,d.cts,d.mts,jsx,tsx,json,jsonc,vue,css,scss,md}'
+      run: pnpm fmt {staged_files}
+      stage_fixed: true
+    lint:
+      glob: '*.{js,ts,cjs,mjs,d.cts,d.mts,jsx,tsx,vue}'
+      run: pnpm lint:fix {staged_files}
+      stage_fixed: true
+    lint-style:
+      glob: '*.{css,scss}'
+      run: pnpm exec stylelint {staged_files}
+
+commit-msg:
+  commands:
+    lint commit message:
+      run: npx commitlint --edit {1}

package/template-taro-react-oxc/package.json

@@ -0,0 +1,118 @@
+{
+  "name": "myApp",
+  "version": "1.0.0",
+  "private": true,
+  "description": "",
+  "author": "",
+  "scripts": {
+    "new": "taro new",
+    "lint": "oxlint",
+    "lint:fix": "oxlint --fix",
+    "lint:style": "stylelint \"src/**/*.{css,scss}\"",
+    "fmt": "oxfmt",
+    "fmt:check": "oxfmt --check",
+    "check": "pnpm lint && pnpm lint:style && pnpm fmt:check",
+    "build:weapp": "taro build --type weapp --mode development",
+    "build:weapp:upload": "taro build --type weapp --upload  --mode development",
+    "build:swan": "taro build --type swan",
+    "build:alipay": "taro build --type alipay",
+    "build:tt": "taro build --type tt",
+    "build:h5": "taro build --type h5",
+    "build:rn": "taro build --type rn",
+    "build:qq": "taro build --type qq",
+    "build:jd": "taro build --type jd",
+    "build:harmony-hybrid": "taro build --type harmony-hybrid",
+    "dev:weapp": "npm run build:weapp -- --watch --open",
+    "dev:swan": "npm run build:swan -- --watch",
+    "dev:alipay": "npm run build:alipay -- --watch",
+    "dev:tt": "npm run build:tt -- --watch",
+    "dev:h5": "npm run build:h5 -- --watch",
+    "dev:rn": "npm run build:rn -- --watch",
+    "dev:qq": "npm run build:qq -- --watch",
+    "dev:jd": "npm run build:jd -- --watch",
+    "dev:harmony-hybrid": "npm run build:harmony-hybrid -- --watch",
+    "prepare": "lefthook install"
+  },
+  "dependencies": {
+    "@alova/adapter-taro": "^2.0.15",
+    "@babel/runtime": "^7.24.4",
+    "@nutui/icons-react-taro": "3.0.2-cpp.3.beta.9",
+    "@nutui/nutui-react-taro": "3.1.0-beta.1",
+    "@tarojs/components": "4.2.0",
+    "@tarojs/plugin-html": "4.2.0",
+    "@tarojs/react": "4.2.0",
+    "@tarojs/runtime": "4.2.0",
+    "@tarojs/shared": "4.2.0",
+    "@tarojs/taro": "4.2.0",
+    "alova": "^3.5.1",
+    "classnames": "^2.5.1",
+    "dayjs": "^1.11.21",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "zustand": "^5.0.14"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.24.4",
+    "@babel/plugin-transform-class-properties": "7.25.9",
+    "@babel/preset-react": "^7.24.1",
+    "@commitlint/cli": "^19.8.1",
+    "@commitlint/config-conventional": "^19.8.1",
+    "@nutui/auto-import-resolver": "^1.0.0",
+    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.5",
+    "@tailwindcss/postcss": "^4.3.0",
+    "@tarojs/cli": "4.2.0",
+    "@tarojs/helper": "4.2.0",
+    "@tarojs/plugin-framework-react": "4.2.0",
+    "@tarojs/plugin-generator": "4.2.0",
+    "@tarojs/plugin-mini-ci": "^4.2.0",
+    "@tarojs/plugin-platform-alipay": "4.2.0",
+    "@tarojs/plugin-platform-h5": "4.2.0",
+    "@tarojs/plugin-platform-harmony-hybrid": "4.2.0",
+    "@tarojs/plugin-platform-jd": "4.2.0",
+    "@tarojs/plugin-platform-qq": "4.2.0",
+    "@tarojs/plugin-platform-swan": "4.2.0",
+    "@tarojs/plugin-platform-tt": "4.2.0",
+    "@tarojs/plugin-platform-weapp": "4.2.0",
+    "@tarojs/taro-loader": "4.2.0",
+    "@tarojs/webpack5-runner": "4.2.0",
+    "@types/minimatch": "^5",
+    "@types/node": "^18",
+    "@types/react": "^18.0.0",
+    "@types/webpack-env": "^1.13.6",
+    "autoprefixer": "^10.5.0",
+    "babel-plugin-import": "^1.13.8",
+    "babel-preset-taro": "4.2.0",
+    "lint-staged": "^16.1.2",
+    "miniprogram-ci": "^2.1.31",
+    "oxfmt": "^0.54.0",
+    "oxlint": "^1.69.0",
+    "postcss": "^8.5.15",
+    "react-refresh": "^0.14.0",
+    "sass": "^1.75.0",
+    "stylelint": "^16.26.1",
+    "stylelint-config-standard-scss": "^17.0.0",
+    "tailwindcss": "^4.3.0",
+    "tsconfig-paths-webpack-plugin": "^4.1.0",
+    "typescript": "^5.4.5",
+    "unplugin-vue-components": "^32.1.0",
+    "weapp-tailwindcss": "^5.0.4",
+    "webpack": "5.91.0"
+  },
+  "browserslist": {
+    "development": [
+      "defaults and fully supports es6-module",
+      "maintained node versions"
+    ],
+    "production": [
+      "last 3 versions",
+      "Android >= 4.1",
+      "ios >= 8"
+    ]
+  },
+  "templateInfo": {
+    "name": "default",
+    "typescript": true,
+    "css": "Sass",
+    "framework": "React"
+  }
+}

package/template-taro-react-oxc/patches/@tarojs__plugin-mini-ci.patch

@@ -0,0 +1,13 @@
+diff --git a/dist/WeappCI.js b/dist/WeappCI.js
+index 778b65b4f366611ed3c577d3d470da391c3ca879..a7dd8831c160ac4022734be5c3e762128894ea5e 100644
+--- a/dist/WeappCI.js
++++ b/dist/WeappCI.js
+@@ -67,7 +67,7 @@ class WeappCI extends BaseCi_1.default {
+             printLog("error" /* processTypeEnum.ERROR */, '命令行工具路径不存在', cliPath);
+         }
+         printLog("start" /* processTypeEnum.START */, '微信开发者工具...', this.projectPath);
+-        shell.exec(`${cliPath} open --project ${this.projectPath}`);
++        shell.exec(`"${cliPath}" open --project "${this.projectPath}"`, { encoding: 'utf-8' });
+     }
+     async preview() {
+         const { chalk, printLog, processTypeEnum } = this.ctx.helper;

package/template-taro-react-oxc/pnpm-workspace.yaml

@@ -0,0 +1,13 @@
+allowBuilds:
+  '@nutui/nutui-react-taro': true
+  '@parcel/watcher': true
+  '@swc/core': true
+  '@tarojs/binding': true
+  '@tarojs/cli': true
+  core-js: true
+  core-js-pure: true
+  esbuild: true
+  less: true
+  protobufjs: true
+patchedDependencies:
+  '@tarojs/plugin-mini-ci': patches/@tarojs__plugin-mini-ci.patch

package/template-taro-react-oxc/postcss.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    ...(process.env.TARO_ENV === 'h5' ? { '@tailwindcss/postcss': {} } : {}),
+    autoprefixer: {}
+  }
+}

package/template-taro-react-oxc/project.config.json

@@ -0,0 +1,15 @@
+{
+  "miniprogramRoot": "./dist",
+  "projectname": "taro-react-webpack",
+  "description": "",
+  "appid": "wxac3f99d8814754aa",
+  "setting": {
+    "urlCheck": true,
+    "es6": false,
+    "enhance": false,
+    "compileHotReLoad": false,
+    "postcss": false,
+    "minified": false
+  },
+  "compileType": "miniprogram"
+}

package/template-taro-react-oxc/src/app.config.ts

@@ -0,0 +1,11 @@
+export default defineAppConfig({
+  pages: [
+    'pages/index/index'
+  ],
+  window: {
+    backgroundTextStyle: 'light',
+    navigationBarBackgroundColor: '#fff',
+    navigationBarTitleText: 'WeChat',
+    navigationBarTextStyle: 'black'
+  }
+})

package/template-taro-react-oxc/src/app.ts

@@ -0,0 +1,14 @@
+import '@nutui/nutui-react-taro/dist/styles/themes/default.css'
+import './styles/index.css'
+import { useLaunch } from '@tarojs/taro'
+import { PropsWithChildren } from 'react'
+
+function App({ children }: PropsWithChildren<any>) {
+  useLaunch(() => {
+    console.log('App launched.')
+  })
+
+  return children
+}
+
+export default App

package/template-taro-react-oxc/src/index.html

@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
+  <meta content="width=device-width,initial-scale=1,user-scalable=no" name="viewport">
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="apple-touch-fullscreen" content="yes">
+  <meta name="format-detection" content="telephone=no,address=no">
+  <meta name="apple-mobile-web-app-status-bar-style" content="white">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" >
+  <title>myApp</title>
+  <script><%= htmlWebpackPlugin.options.script %></script>
+</head>
+<body>
+  <div id="app"></div>
+</body>
+</html>

package/template-taro-react-oxc/src/pages/index/index.config.ts

@@ -0,0 +1,3 @@
+export default definePageConfig({
+  navigationBarTitleText: '首页'
+})

package/template-taro-react-oxc/src/pages/index/index.tsx

@@ -0,0 +1,44 @@
+import { Cart, Heart, HeartFill, Hi, Home, Top, User } from '@nutui/icons-react-taro'
+import { Button, BackTop, Image, Tabbar } from '@nutui/nutui-react-taro'
+import { View, Text, ScrollView } from '@tarojs/components'
+
+import './index.scss'
+import { useLoad } from '@tarojs/taro'
+
+export default function Index() {
+  useLoad(() => {
+    console.log('Page loaded.')
+  })
+
+  const src =
+    'https://storage.360buyimg.com/imgtools/e067cd5b69-07c864c0-dd02-11ed-8b2c-d7f58b17086a.png'
+
+  return (
+    <ScrollView className="h-full w-full bg-[green]" scrollY={true}>
+      <Text className="bg-[red] text-red-500">Hello world!</Text>
+      你好1 你好李焕英 骄傲吧
+      <Text className="text-[pink]">你好李焕英</Text>
+      <Tabbar>
+        <Tabbar.Item title="首页" icon={<Home />} />
+        <Tabbar.Item title="逛" icon={<Hi />} />
+        <Tabbar.Item
+          title="收藏"
+          icon={(active: boolean) => (active ? <HeartFill /> : <Heart />)}
+        />
+        <Tabbar.Item title="购物车" icon={<Cart />} />
+        <Tabbar.Item title="我的" icon={<User />} />
+      </Tabbar>
+      <View className="h-[200rpx] w-[200rpx] bg-[yellow]"></View>
+      <View className="h-[200rpx] w-[200rpx] bg-[yellow]"></View>
+      <View className="h-[200rpx] w-[200rpx] bg-[gray]">2444</View>
+      <Button type="primary">我是一个按钮</Button>
+      <BackTop>
+        <Top size={12} />
+        <View style={{ fontSize: '12px' }}>顶部</View>
+      </BackTop>
+      <View className="h-[8000rpx] w-[200rpx] bg-[gray]">111</View>
+      <Image src={src} height={200} />
+      <Button type="primary">我是第二个按钮</Button>
+    </ScrollView>
+  )
+}

package/template-taro-react-oxc/src/store/taroStorage.ts

@@ -0,0 +1,7 @@
+import Taro from '@tarojs/taro'
+
+export const TaroStorage = {
+  getItem: (name: string) => Taro.getStorageSync(name),
+  setItem: (name: string, value: string) => Taro.setStorageSync(name, value),
+  removeItem: (name: string) => Taro.removeStorageSync(name),
+}

package/template-taro-react-oxc/src/store/user.ts

@@ -0,0 +1,13 @@
+import { create } from "zustand";
+import { createJSONStorage, persist } from "zustand/middleware";
+import { TaroStorage } from "./taroStorage";
+
+const useUserStore = create(persist((set, get) => ({
+  userInfo: undefined
+}),{
+  name: 'userStore',
+  storage: createJSONStorage(() => TaroStorage)
+}))
+
+
+export default useUserStore

package/template-taro-react-oxc/src/styles/index.css

@@ -0,0 +1 @@
+@import 'tailwindcss';

package/template-taro-react-oxc/src/utils/env.ts

@@ -0,0 +1,10 @@
+const API_URL = process.env.TARO_APP_API_URL
+// const API_AFFIX = process.env.TARO_APP_API_AFFIX
+const WEAPP_ID = process.env.TARO_APP_ID
+
+
+export {
+  API_URL,
+  // API_AFFIX,
+  WEAPP_ID,
+}