create-bubbles 0.1.19 → 0.1.22

package/template-taro-vue-eslint/babel.config.js

@@ -0,0 +1,12 @@
+// babel-preset-taro 更多选项和默认值：
+// https://docs.taro.zone/docs/next/babel-config
+module.exports = {
+  presets: [
+    ['taro', {
+      framework: 'vue3',
+      ts: true,
+      compiler: 'webpack5',
+      useBuiltIns: process.env.TARO_ENV === 'h5' ? 'usage' : false
+    }]
+  ]
+}

package/template-taro-vue-eslint/commitlint.config.mjs

@@ -0,0 +1 @@
+export default { extends: ["@commitlint/config-conventional"] };

package/template-taro-vue-eslint/config/dev.ts

@@ -0,0 +1,27 @@
+import type { UserConfigExport } from '@tarojs/cli'
+
+export default {
+  logger: {
+    quiet: false,
+    stats: true,
+  },
+  mini: {},
+  h5: {
+    devServer: {
+      open: false,
+      port: 9970,
+      proxy: {
+        [`/${process.env.TARO_APP_API_AFFIX}`]: {
+          target: process.env.TARO_APP_API_URL,
+          changeOrigin: true,
+          secure: false,
+        },
+        [`/${process.env.TARO_APP_UPLOAD_API_AFFIX}`]: {
+          target: process.env.TARO_APP_API_URL,
+          changeOrigin: true,
+          secure: false,
+        },
+      },
+    },
+  },
+} satisfies UserConfigExport<'webpack5'>

package/template-taro-vue-eslint/config/index.ts

@@ -0,0 +1,134 @@
+import type { UserConfigExport } from '@tarojs/cli'
+import process from 'node:process'
+import NutUIResolver from '@nutui/auto-import-resolver'
+import { defineConfig } from '@tarojs/cli'
+import TsconfigPathsPlugin from 'tsconfig-paths-webpack-plugin'
+import UnoCSS from 'unocss/webpack'
+import Components from 'unplugin-vue-components/webpack'
+import devConfig from './dev'
+import { outputRootMap } from './output-root'
+import prodConfig from './prod'
+import { CIPluginFn } from './release'
+
+const isWatch = process.env.NODE_ENV === 'development' || process.argv.includes('--watch')
+const unoOptions = isWatch
+  ? { watch: true }
+  : undefined
+
+// https://taro-docs.jd.com/docs/next/config#defineconfig-辅助函数
+export default defineConfig<'webpack5'>(async (merge, { command, mode }) => {
+  const baseConfig: UserConfigExport<'webpack5'> = {
+    projectName: 'myApp',
+    date: '2026-2-24',
+    designWidth: (input: any) => {
+    // 配置 NutUI 375 尺寸
+      if (input?.file?.replace(/\\+/g, '/').indexOf('@nutui') > -1) {
+        return 375
+      }
+      // 全局使用 Taro 默认的 750 尺寸
+      return 750
+    },
+    deviceRatio: {
+      640: 2.34 / 2,
+      750: 1,
+      375: 2,
+      828: 1.81 / 2,
+    },
+    sourceRoot: 'src',
+    outputRoot: outputRootMap[process.env.TARO_ENV] || 'dist/other',
+    plugins: [
+      '@tarojs/plugin-generator',
+      '@tarojs/plugin-html',
+      ['@tarojs/plugin-mini-ci', CIPluginFn],
+    ],
+    defineConstants: {
+    },
+    copy: {
+      patterns: [
+      ],
+      options: {
+      },
+    },
+    framework: 'vue3',
+    compiler: 'webpack5',
+    cache: {
+      enable: false, // Webpack 持久化缓存配置，建议开启。默认配置请参考：https://docs.taro.zone/docs/config-detail#cache
+    },
+    mini: {
+      postcss: {
+        pxtransform: {
+          enable: true,
+          config: {
+
+          },
+        },
+        cssModules: {
+          enable: true, // 默认为 false，如需使用 css modules 功能，则设为 true
+          config: {
+            namingPattern: 'module', // 转换模式，取值为 global/module
+            generateScopedName: '[name]__[local]___[hash:base64:5]',
+          },
+        },
+      },
+      webpackChain(chain) {
+        chain.resolve.plugin('tsconfig-paths').use(TsconfigPathsPlugin)
+        chain.plugin('unplugin-vue-components').use(Components({
+          resolvers: [NutUIResolver({ taro: true })],
+          dts: './types/components.d.ts',
+        }))
+        chain.plugin('unocss').use(UnoCSS(unoOptions))
+      },
+    },
+    h5: {
+      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: true, // 默认为 false，如需使用 css modules 功能，则设为 true
+          config: {
+            namingPattern: 'module', // 转换模式，取值为 global/module
+            generateScopedName: '[name]__[local]___[hash:base64:5]',
+          },
+        },
+      },
+      webpackChain(chain) {
+        chain.resolve.plugin('tsconfig-paths').use(TsconfigPathsPlugin)
+        chain.plugin('unplugin-vue-components').use(Components({
+          resolvers: [NutUIResolver({ taro: true })],
+          dts: './types/components.d.ts',
+        }))
+        chain.plugin('unocss').use(UnoCSS(unoOptions))
+      },
+    },
+    rn: {
+      appName: 'taroDemo',
+      postcss: {
+        cssModules: {
+          enable: false, // 默认为 false，如需使用 css modules 功能，则设为 true
+        },
+      },
+    },
+  }
+
+  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-vue-eslint/config/output-root.ts

@@ -0,0 +1,11 @@
+export const outputRootMap = {
+  'weapp': 'dist/weapp',
+  'swan': 'dist/swan',
+  'alipay': 'dist/alipay',
+  'tt': 'dist/tt',
+  'h5': 'dist/h5',
+  'rn': 'dist/rn',
+  'qq': 'dist/qq',
+  'jd': 'dist/jd',
+  'harmony-hybrid': 'dist/harmony-hybrid',
+}

package/template-taro-vue-eslint/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-vue-eslint/config/release.ts

@@ -0,0 +1,113 @@
+import { execSync } from 'node:child_process'
+import * as fs from 'node:fs'
+import * as path from 'node:path'
+import process from 'node:process'
+
+/**
+ * 获取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 {
+    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 {
+    console.warn('⚠️ 获取Git提交信息失败，使用默认描述')
+    return '版本更新'
+  }
+}
+
+/**
+ * 获取当前分支名
+ */
+function getCurrentBranch(): string {
+  try {
+    return execSync('git rev-parse --abbrev-ref HEAD', { encoding: 'utf8' }).trim()
+  } catch {
+    return 'unknown'
+  }
+}
+
+/**
+ * 获取提交者信息
+ */
+function getCommitAuthor(): string {
+  try {
+    return execSync('git log -1 --pretty=%an', { encoding: 'utf8' }).trim()
+  } catch {
+    return 'unknown'
+  }
+}
+
+/**
+ * CI插件配置函数
+ * 自动读取版本号和提交信息
+ * @returns CIOptions配置
+ */
+export async function CIPluginFn() {
+  // 动态获取版本信息
+  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.warn('🚀 CI发布配置:')
+  console.warn(`📦 版本号: ${version}`)
+  console.warn(`📝 提交信息: ${commitMessage}`)
+  console.warn(`🌿 分支: ${branch}`)
+  console.warn(`👤 提交者: ${author}`)
+
+  /**
+   * @typedef { import("@tarojs/plugin-mini-ci").CIOptions } CIOptions
+   * @type {CIOptions}
+   */
+  return {
+    weapp: {
+      appid: process.env.TARO_APP_MODE === 'development' ? 'abc' : 'abc',
+      privateKeyPath:
+        process.env.TARO_APP_MODE === 'development' ? 'key/private.abc.key' : 'key/private.abc.key',
+      devToolsInstallPath: `C:\\Program Files (x86)\\Tencent\\微信web开发者工具`,
+    },
+    // tt: {
+    //   email: '字节小程序邮箱',
+    //   password: '字节小程序密码',
+    // },
+    // alipay: {
+    //   appid: '支付宝小程序appid',
+    //   toolId: '工具id',
+    //   privateKeyPath: '密钥文件相对项目根目录的相对路径，例如 key/pkcs8-private-pem',
+    // },
+    // dd: {
+    //   appid: '钉钉小程序appid,即钉钉开放平台后台应用管理的 MiniAppId 选项',
+    //   token: '令牌，从钉钉后台获取',
+    // },
+    // swan: {
+    //   token: '鉴权需要的token令牌',
+    // },
+    // 动态版本号
+    version,
+    // 动态版本发布描述
+    desc,
+  }
+}
+
+// export const config = {
+//   plugin: [['@tarojs/plugin-mini-ci', CIPluginFn]],
+// }

package/template-taro-vue-eslint/eslint.config.mjs

@@ -0,0 +1,22 @@
+import antfu from '@antfu/eslint-config'
+
+export default antfu(
+  {
+    extends: ['taro/vue3'],
+    formatters: true,
+    unocss: true,
+    vue: true,
+    typescript: true,
+    stylistic: {
+      indent: 2, // 4, or 'tab'
+      quotes: 'single', // or 'double'
+    },
+    // Parse the `.gitignore` file to get the ignores, on by default
+    gitignore: true,
+  },
+  {
+    rules: {
+      'n/prefer-global/process': 'off',
+    },
+  },
+)

package/template-taro-vue-eslint/lefthook.yaml

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

package/template-taro-vue-eslint/package.json

@@ -0,0 +1,115 @@
+{
+  "name": "bubbles-project",
+  "version": "1.0.0",
+  "private": true,
+  "description": "vue-taro-eslint",
+  "author": "",
+  "templateInfo": {
+    "name": "default",
+    "typescript": true,
+    "css": "Sass",
+    "framework": "Vue3"
+  },
+  "scripts": {
+    "new": "taro new",
+    "build:weapp": "taro build --type weapp --open",
+    "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:h5:prod": "taro build --type h5 --mode production",
+    "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",
+    "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",
+    "lint": "eslint",
+    "lint:fix": "eslint --fix"
+  },
+  "browserslist": {
+    "development": [
+      "defaults and fully supports es6-module",
+      "maintained node versions"
+    ],
+    "production": [
+      "last 3 versions",
+      "Android >= 4.1",
+      "ios >= 8"
+    ]
+  },
+  "dependencies": {
+    "@alova/adapter-taro": "^2.0.15",
+    "@babel/runtime": "^7.29.7",
+    "@nutui/nutui-taro": "^4.3.14",
+    "@nutui/touch-emulator": "^1.0.0",
+    "@tarojs/components": "4.2.0",
+    "@tarojs/helper": "4.2.0",
+    "@tarojs/plugin-framework-vue3": "4.2.0",
+    "@tarojs/plugin-html": "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/runtime": "4.2.0",
+    "@tarojs/shared": "4.2.0",
+    "@tarojs/taro": "4.2.0",
+    "alova": "^3.5.1",
+    "pinia": "^3.0.4",
+    "pinia-plugin-persistedstate": "^4.7.1",
+    "spark-md5": "^3.0.2",
+    "vue": "^3.5.35"
+  },
+  "devDependencies": {
+    "@antfu/eslint-config": "^9.0.0",
+    "@babel/core": "^7.29.7",
+    "@babel/plugin-transform-class-properties": "7.29.7",
+    "@commitlint/cli": "^21.0.2",
+    "@commitlint/config-conventional": "^21.0.2",
+    "@nutui/auto-import-resolver": "^1.0.0",
+    "@tarojs/cli": "4.2.0",
+    "@tarojs/plugin-generator": "4.2.0",
+    "@tarojs/plugin-mini-ci": "^4.2.0",
+    "@tarojs/taro-loader": "4.2.0",
+    "@tarojs/test-utils-vue3": "^0.1.1",
+    "@tarojs/webpack5-runner": "4.2.0",
+    "@types/minimatch": "^6.0.0",
+    "@types/node": "^24.13.1",
+    "@types/webpack-env": "^1.18.8",
+    "@unocss/eslint-plugin": "^66.6.2",
+    "@unocss/webpack": "0.58.9",
+    "@vue/babel-plugin-jsx": "^2.0.1",
+    "@vue/compiler-sfc": "^3.5.35",
+    "autoprefixer": "^10.5.0",
+    "babel-preset-taro": "4.2.0",
+    "css-loader": "^7.1.4",
+    "eslint": "^10.4.1",
+    "eslint-config-taro": "4.2.0",
+    "eslint-plugin-format": "^2.0.1",
+    "eslint-plugin-vue": "^10.9.2",
+    "lefthook": "^2.1.9",
+    "miniprogram-ci": "^2.1.31",
+    "postcss": "^8.5.15",
+    "sass": "^1.100.0",
+    "style-loader": "^4.0.0",
+    "tsconfig-paths-webpack-plugin": "^4.2.0",
+    "typescript": "^6.0.3",
+    "unocss": "0.58.9",
+    "unocss-preset-weapp": "0.58.8",
+    "unplugin-vue-components": "^32.1.0",
+    "vue-loader": "^17.4.2",
+    "webpack": "5.91.0"
+  }
+}

package/template-taro-vue-eslint/patches/@tarojs__plugin-mini-ci.patch

@@ -0,0 +1,13 @@
+diff --git a/dist/WeappCI.js b/dist/WeappCI.js
+index 778b65b4f366611ed3c577d3d470da391c3ca879..f6049120970a60a1cd9bbc420a7b835ea2056a49 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: 'utf8' });
+     }
+     async preview() {
+         const { chalk, printLog, processTypeEnum } = this.ctx.helper;

package/template-taro-vue-eslint/pnpm-workspace.yaml

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

package/template-taro-vue-eslint/project.config.json

@@ -0,0 +1,16 @@
+{
+  "miniprogramRoot": "./dist/weapp",
+  "projectname": "myApp",
+  "description": "vue-taro-eslint",
+  "appid": "wxac3f99d8814754aa",
+  "setting": {
+    "urlCheck": true,
+    "es6": false,
+    "enhance": false,
+    "compileHotReLoad": false,
+    "postcss": false,
+    "minified": false,
+    "minifyWXML": true
+  },
+  "compileType": "miniprogram"
+}

package/template-taro-vue-eslint/src/api/common/upload.ts

@@ -0,0 +1,53 @@
+import { isH5, uploadApiAffix } from '@/utils/env'
+import { alovaUploadRequest } from '@/utils/request'
+
+interface UploadBaseParams {
+  fileMd5: string
+  fileSize: number
+  filename: string
+  companyId: string
+  projectId: string
+  indexDbId: number
+}
+
+export interface H5UploadParams extends UploadBaseParams {
+  file: Blob
+}
+
+export interface MpUploadParams extends UploadBaseParams {
+  filePath: string
+}
+
+export type UploadParams = H5UploadParams | MpUploadParams
+
+export function uploadFile(data: any) {
+  if (isH5) {
+    // H5 端用 fetch 发送 FormData，绕过 Taro 适配器的序列化问题
+    return fetch(`/${uploadApiAffix}/files/uploadFileAppend`, {
+      method: 'POST',
+      body: data,
+      // headers: {
+      // 'Content-Type': 'multipart/form-data',
+      // authorization: 'Bearer 9a2d60a8-d9a6-40a3-9b13-4288225d855d',
+      // },
+    }).then(res => res.json())
+  }
+  else {
+    // 小程序端：用 Taro uploadFile 适配器
+    const { filePath, fileMd5, fileSize, filename, companyId, projectId, indexDbId } = data
+    return alovaUploadRequest.Post(`/files/uploadFileAppend`, {
+      name: 'file',
+      filePath,
+      fileMd5,
+      fileSize,
+      filename,
+      companyId,
+      projectId,
+      indexDbId,
+    }, {
+      requestType: 'upload',
+      fileName: filename,
+      meta: { isWrapped: false },
+    })
+  }
+}

package/template-taro-vue-eslint/src/app.config.ts

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

package/template-taro-vue-eslint/src/app.ts

@@ -0,0 +1,14 @@
+import { createApp } from 'vue'
+
+import { setupStore } from './store'
+import '@nutui/touch-emulator'
+import 'uno.css'
+import '@/styles/index.css'
+
+const App = createApp({
+  onShow(_options) {},
+})
+
+setupStore(App)
+
+export default App

package/template-taro-vue-eslint/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-vue-eslint/src/pages/example/upload/index.config.ts

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

package/template-taro-vue-eslint/src/pages/example/upload/index.module.scss

@@ -0,0 +1,4 @@
+.red {
+  color: #fff;
+  background-color: red;
+}