create-bubbles 0.1.8 → 0.1.10

package/template-nextjs-vinext-eslint/src/styles/globals.css

@@ -0,0 +1,47 @@
+:root {
+  --background: #ffffff;
+  --foreground: #171717;
+
+  /* Brand tokens */
+  --brand-blue: #146ae1;
+  --brand-blue-dark: #0f52b0;
+  --brand-amber: #fdc23a;
+  --brand-text: #1a1a2e;
+  --brand-text-secondary: #555;
+  --brand-bg-light: #f5f8ff;
+  --brand-border: #e0e8f5;
+}
+
+html {
+  scroll-behavior: smooth;
+}
+
+body {
+  max-width: 100vw;
+  overflow-x: hidden;
+}
+
+body {
+  color: var(--foreground);
+  background: var(--background);
+  font-family: Arial, Helvetica, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+* {
+  box-sizing: border-box;
+  padding: 0;
+  margin: 0;
+}
+
+a {
+  color: inherit;
+  text-decoration: none;
+}
+
+@media (prefers-color-scheme: dark) {
+  html {
+    color-scheme: dark;
+  }
+}

package/template-nextjs-vinext-eslint/src/types/vite-env.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="vite/client" />
+
+declare module '*.svg?react' {
+  import type { FC, SVGProps } from 'react'
+
+  const ReactComponent: FC<SVGProps<SVGSVGElement>>
+  export default ReactComponent
+}
+
+declare module '*.svg' {
+  const src: string
+  export default src
+}
+
+declare module '*/png' {
+  const src: string
+  export default src
+}

package/template-nextjs-vinext-eslint/src/utils/env.ts

@@ -0,0 +1,14 @@
+/**
+ * 环境变量工具
+ * 所有环境变量通过 import.meta.env 读取，在此统一导出。
+ * 在 .env.local / .env.production 中配置对应变量。
+ */
+
+/** API 基础域名，例如 https://api.example.com */
+export const apiUrl: string = import.meta.env.VITE_API_URL ?? ''
+
+/** 普通接口路径前缀，例如 api */
+export const apiAffix: string = import.meta.env.VITE_API_AFFIX ?? 'api'
+
+/** 上传接口路径前缀，例如 upload */
+export const uploadApiAffix: string = import.meta.env.VITE_UPLOAD_API_AFFIX ?? 'upload'

package/template-nextjs-vinext-eslint/src/utils/request/core/index.ts

@@ -0,0 +1,182 @@
+import type {
+  AlovaGlobalCacheAdapter,
+  AlovaOptions,
+  AlovaRequestAdapter,
+  GlobalCacheConfig,
+  StatesExport,
+  StatesHook,
+} from 'alova'
+import type { FetchRequestInit } from 'alova/fetch'
+import { createAlova } from 'alova'
+import adapterFetch from 'alova/fetch'
+import { deepMergeObject, isReadableStream } from './utils'
+
+// ---- 支持的适配器联合类型 ----
+type SupportedRequestConfig = FetchRequestInit
+type SupportedResponse = Response
+type SupportedResponseHeader = Headers
+
+interface StatusMap {
+  success?: number
+  unAuthorized?: number
+}
+
+interface CodeMap {
+  success?: number[]
+  unAuthorized?: number[]
+}
+
+export interface BaseRequestOption<
+  RC extends SupportedRequestConfig = SupportedRequestConfig,
+  RE extends SupportedResponse = SupportedResponse,
+  RH extends SupportedResponseHeader = SupportedResponseHeader,
+  SE extends StatesExport<any> = StatesExport<any>,
+> {
+  baseUrl?: string
+  timeout?: number
+  commonHeaders?: Record<string, string | (() => string)>
+  statusMap?: StatusMap
+  isWrapped?: boolean
+  cacheFor?: GlobalCacheConfig<any>
+  cacheLogger?: boolean
+  codeMap?: CodeMap
+  responseDataKey?: string
+  responseMessageKey?: string
+  isTransformResponse?: boolean
+  isShowSuccessMessage?: boolean
+  successDefaultMessage?: string
+  isShowErrorMessage?: boolean
+  errorDefaultMessage?: string
+  statesHook?: StatesHook<SE>
+  successMessageFunc?: (message: string) => void
+  errorMessageFunc?: (message: string) => void
+  unAuthorizedResponseFunc?: () => void
+  requestAdapter?: AlovaRequestAdapter<RC, RE, RH>
+  storageAdapter?: AlovaGlobalCacheAdapter
+}
+
+/** method.meta 中可按请求覆盖的字段 */
+export interface RequestMeta {
+  isTransformResponse?: boolean
+  isShowSuccessMessage?: boolean
+  isShowErrorMessage?: boolean
+}
+
+function getMetaFlag(meta: Record<string, any> | undefined, key: string, fallback: boolean): boolean {
+  if (meta && typeof meta[key] === 'boolean')
+    return meta[key]
+  return fallback
+}
+
+export function createInstance<
+  RC extends SupportedRequestConfig = SupportedRequestConfig,
+  RE extends SupportedResponse = SupportedResponse,
+  RH extends SupportedResponseHeader = SupportedResponseHeader,
+>(option: BaseRequestOption<RC, RE, RH>) {
+  const defaultOption: BaseRequestOption = {
+    baseUrl: '/',
+    timeout: undefined,
+    statusMap: { success: 200, unAuthorized: 401 },
+    isWrapped: true,
+    cacheFor: null,
+    cacheLogger: true,
+    codeMap: { success: [200], unAuthorized: [401] },
+    responseDataKey: 'data',
+    responseMessageKey: 'message',
+    isTransformResponse: true,
+    isShowSuccessMessage: false,
+    successDefaultMessage: '操作成功',
+    isShowErrorMessage: true,
+    errorDefaultMessage: '服务异常',
+    requestAdapter: adapterFetch() as AlovaRequestAdapter<any, any, any>,
+  }
+
+  const config = deepMergeObject(defaultOption as any, option as any) as Required<
+    Pick<BaseRequestOption, 'statusMap' | 'codeMap' | 'responseDataKey' | 'responseMessageKey'>
+  > & BaseRequestOption<RC, RE, RH>
+
+  const alovaOptions: AlovaOptions<{
+    Responded: any
+    Transformed: any
+    RequestConfig: RC
+    Response: RE
+    ResponseHeader: RH
+    L1Cache: AlovaGlobalCacheAdapter
+    L2Cache: AlovaGlobalCacheAdapter
+    StatesExport: StatesExport<any>
+  }> = {
+    baseURL: config.baseUrl,
+    timeout: config.timeout,
+    cacheFor: config.cacheFor as any,
+    cacheLogger: config.cacheLogger,
+    statesHook: config.statesHook,
+    l2Cache: config.storageAdapter,
+    requestAdapter: config.requestAdapter!,
+    beforeRequest: async (method) => {
+      for (const [key, value] of Object.entries(config.commonHeaders ?? {})) {
+        method.config.headers[key] = typeof value === 'function' ? value() : value
+      }
+    },
+    responded: {
+      onSuccess: async (response, method) => {
+        const meta = method.meta as Record<string, any> | undefined
+        const shouldTransform = getMetaFlag(meta, 'isTransformResponse', config.isTransformResponse ?? true)
+        const showSuccess = getMetaFlag(meta, 'isShowSuccessMessage', config.isShowSuccessMessage ?? false)
+        const showError = getMetaFlag(meta, 'isShowErrorMessage', config.isShowErrorMessage ?? true)
+        const isWrapped = getMetaFlag(meta, 'isWrapped', config.isWrapped ?? true)
+
+        if (!shouldTransform)
+          return response
+
+        // 兼容 fetch (status) 和 Taro (statusCode)
+        const status = (response as any).statusCode ?? (response as any).status
+        // 兼容 fetch (body 是 ReadableStream) 和 Taro (data 直接可用)
+        const data
+          = (response as any)?.body && isReadableStream((response as any).body)
+            ? await (response as Response).json()
+            : (response as any).data ?? response
+
+        if (status !== config.statusMap.success) {
+          if (config.statusMap.unAuthorized === status)
+            config.unAuthorizedResponseFunc?.()
+          if (showError)
+            config.errorMessageFunc?.(config.errorDefaultMessage ?? '服务异常')
+          return Promise.reject(response)
+        }
+
+        if (!isWrapped || (isWrapped === undefined || !config.isWrapped)) {
+          if (showSuccess)
+            config.successMessageFunc?.(config.successDefaultMessage ?? '操作成功')
+          return data
+        }
+
+        const code = data?.code
+        const responseData = data?.[config.responseDataKey]
+        const responseMessage = data?.[config.responseMessageKey]
+
+        if (!config.codeMap.success?.includes(+code)) {
+          if (config.codeMap.unAuthorized?.includes(+code)) {
+            config.unAuthorizedResponseFunc?.()
+            return Promise.reject(response)
+          }
+          if (showError)
+            config.errorMessageFunc?.(responseMessage ?? config.errorDefaultMessage ?? '服务异常')
+          return Promise.reject(response)
+        }
+
+        if (showSuccess)
+          config.successMessageFunc?.(responseMessage ?? config.successDefaultMessage)
+        return responseData
+      },
+      onError: (error, method) => {
+        const meta = method.meta as Record<string, any> | undefined
+        const showError = getMetaFlag(meta, 'isShowErrorMessage', config.isShowErrorMessage ?? true)
+        if (showError)
+          config.errorMessageFunc?.(config.errorDefaultMessage ?? error.message)
+        return Promise.reject(error)
+      },
+    },
+  }
+
+  return createAlova(alovaOptions)
+}

package/template-nextjs-vinext-eslint/src/utils/request/core/utils.ts

@@ -0,0 +1,30 @@
+export function deepMergeObject<T = any>(source: T, target: Partial<T>): T {
+  const isObject = (obj: any): obj is Record<string, any> =>
+    obj && typeof obj === 'object' && !Array.isArray(obj)
+
+  const merge = (src: any, tgt: any): any => {
+    const result = { ...src }
+    if (isObject(result) && isObject(tgt)) {
+      Object.keys(tgt).forEach((key) => {
+        if (isObject(tgt[key])) {
+          result[key] = merge(result[key] || {}, tgt[key])
+        }
+        else {
+          result[key] = tgt[key]
+        }
+      })
+    }
+    return result
+  }
+
+  return merge(source, target)
+}
+
+/**
+ * 判断一个变量是不是可读流
+ */
+export function isReadableStream(data: unknown): boolean {
+  if (typeof ReadableStream === 'undefined')
+    return false
+  return data instanceof ReadableStream
+}

package/template-nextjs-vinext-eslint/src/utils/request/index.ts

@@ -0,0 +1,48 @@
+import type { FetchRequestInit } from 'alova/fetch'
+import { message } from 'antd'
+import { apiAffix, apiUrl, uploadApiAffix } from '@/utils/env'
+import { createInstance } from './core'
+
+export const moduleUrl = {
+  LJSD: 'bee/single-track',
+}
+
+const alovaRequest = createInstance<FetchRequestInit, Response, Headers>({
+  baseUrl: `${apiUrl}/${apiAffix}`,
+  statusMap: { success: 200, unAuthorized: 401 },
+  codeMap: { success: [200] },
+  responseDataKey: 'data',
+  responseMessageKey: 'msg',
+  commonHeaders: {},
+  successMessageFunc: (msg) => {
+    message.success(msg)
+  },
+  errorMessageFunc: (msg) => {
+    message.error(msg)
+  },
+  unAuthorizedResponseFunc: () => {
+    message.warning('登录过期或未登录')
+    window.location.href = '/login'
+  },
+})
+
+export default alovaRequest
+
+export const alovaUploadRequest = createInstance<FetchRequestInit, Response, Headers>({
+  baseUrl: `${apiUrl}/${uploadApiAffix}`,
+  statusMap: { success: 200, unAuthorized: 401 },
+  codeMap: { success: [200] },
+  responseDataKey: 'data',
+  responseMessageKey: 'msg',
+  commonHeaders: {},
+  successMessageFunc: (msg) => {
+    message.success(msg)
+  },
+  errorMessageFunc: (msg) => {
+    message.error(msg)
+  },
+  unAuthorizedResponseFunc: () => {
+    message.warning('登录过期或未登录')
+    window.location.href = '/login'
+  },
+})

package/template-nextjs-vinext-eslint/tsconfig.json

@@ -0,0 +1,34 @@
+{
+  "compilerOptions": {
+    "incremental": true,
+    "target": "ES2017",
+    "jsx": "react-jsx",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "paths": {
+      "@/*": ["./src/*"]
+    },
+    "resolveJsonModule": true,
+    "allowJs": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "isolatedModules": true,
+    "skipLibCheck": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ]
+  },
+  "include": [
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts",
+    "./src/types/vite-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    "**/*.mts"
+  ],
+  "exclude": ["node_modules"]
+}

package/template-nextjs-vinext-eslint/uno.config.ts

@@ -0,0 +1,10 @@
+import {
+  defineConfig,
+  presetAttributify,
+  presetIcons,
+  presetWind4,
+} from 'unocss'
+
+export default defineConfig({
+  presets: [presetWind4(), presetAttributify(), presetIcons()],
+})

package/template-nextjs-vinext-eslint/vite.config.ts

@@ -0,0 +1,8 @@
+import UnoCSS from 'unocss/vite'
+import vinext from 'vinext'
+import { defineConfig } from 'vite'
+import svgr from 'vite-plugin-svgr'
+
+export default defineConfig({
+  plugins: [UnoCSS(), svgr(), vinext()],
+})

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

@@ -0,0 +1,3 @@
+TARO_APP_API_AFFIX='api'
+
+TARO_APP_UPLOAD_API_AFFIX='upload-api'

package/template-taro-vue-eslint/.env.development

@@ -1,4 +1,5 @@
 # 配置文档参考 https://taro-docs.jd.com/docs/next/env-mode-config
-TARO_WEAPP_ID = 'wxac3f99d8814754aa'
+TARO_APP_ID='abc'
+
 # 接口地址
-TARO_API_URL = 'https://mfsl.com.cn/api'
+TARO_APP_API_URL='http://xxx'

package/template-taro-vue-eslint/.env.production

@@ -1,4 +1,5 @@
 # 配置文档参考 https://taro-docs.jd.com/docs/next/env-mode-config
-TARO_WEAPP_ID = 'wxac3f99d8814754aa'
+TARO_APP_ID='abc'
+
 # 接口地址
-TARO_API_URL = 'https://mfsl.com.cn/api'
+TARO_APP_API_URL='http://xxx'

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

@@ -6,5 +6,22 @@ export default {
     stats: true,
   },
   mini: {},
-  h5: {},
+  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/release.ts

@@ -2,7 +2,6 @@ import { execSync } from 'node:child_process'
 import * as fs from 'node:fs'
 import * as path from 'node:path'
 import process from 'node:process'
-import { devtools } from 'vue'
 
 /**
  * 获取package.json中的版本号
@@ -13,8 +12,7 @@ function getPackageVersion(): string {
     const packageContent = fs.readFileSync(packagePath, 'utf8')
     const packageData = JSON.parse(packageContent)
     return packageData.version || '1.0.0'
-  }
-  catch {
+  } catch {
     console.warn('⚠️ 获取package.json版本号失败，使用默认版本 1.0.0')
     return '1.0.0'
   }
@@ -27,8 +25,7 @@ function getLatestCommitMessage(): string {
   try {
     const message = execSync('git log -1 --pretty=%B', { encoding: 'utf8' }).trim()
     return message || '版本更新'
-  }
-  catch {
+  } catch {
     console.warn('⚠️ 获取Git提交信息失败，使用默认描述')
     return '版本更新'
   }
@@ -40,8 +37,7 @@ function getLatestCommitMessage(): string {
 function getCurrentBranch(): string {
   try {
     return execSync('git rev-parse --abbrev-ref HEAD', { encoding: 'utf8' }).trim()
-  }
-  catch {
+  } catch {
     return 'unknown'
   }
 }
@@ -52,8 +48,7 @@ function getCurrentBranch(): string {
 function getCommitAuthor(): string {
   try {
     return execSync('git log -1 --pretty=%an', { encoding: 'utf8' }).trim()
-  }
-  catch {
+  } catch {
     return 'unknown'
   }
 }
@@ -85,12 +80,9 @@ export async function CIPluginFn() {
    */
   return {
     weapp: {
-      appid:
-        process.env.TARO_APP_MODE === 'development' ? 'wxac3f99d8814754aa' : 'wxac3f99d8814754aa',
+      appid: process.env.TARO_APP_MODE === 'development' ? 'abc' : 'abc',
       privateKeyPath:
-        process.env.TARO_APP_MODE === 'development'
-          ? 'key/private.wxac3f99d8814754aa.key'
-          : 'key/private.wxac3f99d8814754aa.key',
+        process.env.TARO_APP_MODE === 'development' ? 'key/private.abc.key' : 'key/private.abc.key',
       devToolsInstallPath: `C:\\Program Files (x86)\\Tencent\\微信web开发者工具`,
     },
     // tt: {

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

@@ -14,4 +14,9 @@ export default antfu(
     // Parse the `.gitignore` file to get the ignores, on by default
     gitignore: true,
   },
+  {
+    rules: {
+      'n/prefer-global/process': 'off',
+    },
+  },
 )

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

@@ -1,5 +1,5 @@
 {
-  "name": "taro-vue-eslint",
+  "name": "bubbles-project",
   "version": "1.0.0",
   "private": true,
   "description": "vue-taro-eslint",
@@ -11,13 +11,13 @@
     "framework": "Vue3"
   },
   "scripts": {
-    "prepare": "lefthook install",
     "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",
@@ -31,7 +31,7 @@
     "dev:qq": "npm run build:qq -- --watch",
     "dev:jd": "npm run build:jd -- --watch",
     "dev:harmony-hybrid": "npm run build:harmony-hybrid -- --watch",
-    "postinstall": "weapp-tw patch",
+    "prepare": "lefthook install",
     "lint": "eslint",
     "lint:fix": "eslint --fix"
   },
@@ -69,6 +69,7 @@
     "alova": "^3.5.0",
     "pinia": "^3.0.4",
     "pinia-plugin-persistedstate": "^4.7.1",
+    "spark-md5": "^3.0.2",
     "vue": "^3.0.0"
   },
   "devDependencies": {
@@ -87,6 +88,7 @@
     "@types/minimatch": "^5",
     "@types/node": "^18",
     "@types/webpack-env": "^1.13.6",
+    "@unocss/eslint-plugin": "^66.6.2",
     "@unocss/webpack": "0.58.9",
     "@vue/babel-plugin-jsx": "^1.2.2",
     "@vue/compiler-sfc": "^3.0.0",