create-bubbles 0.1.9 → 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()],
+})