create-bubbles 0.1.13 → 0.1.17

package/template-react-rsbuild-biome/src/components/Loading/PageLoading.tsx

@@ -1,11 +0,0 @@
-import { Spin } from 'antd';
-
-const Loading = () => {
-  return (
-    <div className="flex justify-center items-center w-full h-100%">
-      <Spin size="large" />
-    </div>
-  );
-};
-
-export default Loading;

package/template-react-rsbuild-biome/src/env.d.ts

@@ -1 +0,0 @@
-/// <reference types="@rsbuild/core/types" />

package/template-react-rsbuild-biome/src/index.tsx

@@ -1,18 +0,0 @@
-import React, { Suspense } from 'react'
-import ReactDOM from 'react-dom/client'
-
-import App from './App'
-import Loading from './components/Loading/PageLoading'
-import '@/styles/index.scss'
-
-const rootEl = document.getElementById('root')
-if (rootEl) {
-  const root = ReactDOM.createRoot(rootEl)
-  root.render(
-    <React.StrictMode>
-      <Suspense fallback={<Loading />}>
-        <App />
-      </Suspense>
-    </React.StrictMode>,
-  )
-}

package/template-react-rsbuild-biome/src/layout/default/index.tsx

@@ -1,10 +0,0 @@
-import { Outlet } from 'react-router'
-const Layout = () => {
-  return (
-    <div className="w-full">
-      <Outlet />
-    </div>
-  )
-}
-
-export default memo(Layout)

package/template-react-rsbuild-biome/src/pages/home/index.tsx

@@ -1,5 +0,0 @@
-const Home = () => {
-  return <h1 className="abc h-full w-full flex-center text-green">1112</h1>
-}
-
-export default Home

package/template-react-rsbuild-biome/src/router/index.tsx

@@ -1,38 +0,0 @@
-import { createBrowserRouter, Navigate, type RouteObject } from 'react-router'
-import Layout from '@/layout/default'
-import { envVariables } from '@/utils/env'
-export const lazyLoad = (path: string) => {
-  const Module = lazy(() => import(`@/pages/${path}.tsx`))
-  return <Module />
-}
-
-export const menuRoutes: RouteObject[] = [
-  {
-    path: 'home',
-    id: 'home',
-    handle: { title: '首页' },
-    element: lazyLoad('home/index'),
-  },
-]
-
-const routes: RouteObject[] = [
-  {
-    path: '/',
-    id: 'layout',
-    element: <Layout />,
-    children: [
-      {
-        path: '',
-        id: 'index',
-        element: <Navigate to={'/home'} />,
-      },
-      ...menuRoutes,
-    ],
-  },
-]
-
-export const router = createBrowserRouter(routes, {
-  basename: envVariables.PUBLIC_PATH,
-})
-
-export default router

package/template-react-rsbuild-biome/src/store/modules/user.ts

@@ -1,11 +0,0 @@
-import { create } from 'zustand'
-
-interface searchFormState {
-  token?: string
-  setToken: (token?: string) => void
-}
-
-export const useUserStore = create<searchFormState>((set) => ({
-  token: undefined,
-  setToken: (token) => set(() => ({ token })),
-}))

package/template-react-rsbuild-biome/src/styles/fonts.scss

@@ -1,4 +0,0 @@
-@font-face {
-  font-family: 'Alimama ShuHeiTi';
-  src: url('@/assets/font/AlimamaShuHeiTi-Bold.ttf');
-}

package/template-react-rsbuild-biome/src/styles/index.scss

@@ -1,19 +0,0 @@
-@unocss preflights;
-@unocss default;  
-@import "./variables.scss";
-@import "./fonts.scss";
-
-html,
-body,
-#root {
-  width: 100%;
-  height: 100%;
-}
-
-*,
-*::before,
-*::after {
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
-}

package/template-react-rsbuild-biome/src/styles/variables.scss

@@ -1,4 +0,0 @@
-:root {
-  --header-height: 64px;
-  --menu-bg: linear-gradient(180deg, #2a2d3e 0%, #2a2d3e 100%);
-}

package/template-react-rsbuild-biome/src/types/auto-import.d.ts

@@ -1,49 +0,0 @@
-/* eslint-disable */
-/* prettier-ignore */
-// @ts-nocheck
-// noinspection JSUnusedGlobalSymbols
-// Generated by unplugin-auto-import
-// biome-ignore lint: disable
-export {}
-declare global {
-  const Activity: typeof import('react').Activity
-  const Fragment: typeof import('react').Fragment
-  const Suspense: typeof import('react').Suspense
-  const cache: typeof import('react').cache
-  const cacheSignal: typeof import('react').cacheSignal
-  const createContext: typeof import('react').createContext
-  const createRef: typeof import('react').createRef
-  const forwardRef: typeof import('react').forwardRef
-  const lazy: typeof import('react').lazy
-  const memo: typeof import('react').memo
-  const startTransition: typeof import('react').startTransition
-  const use: typeof import('react').use
-  const useActionState: typeof import('react').useActionState
-  const useCallback: typeof import('react').useCallback
-  const useContext: typeof import('react').useContext
-  const useDebugValue: typeof import('react').useDebugValue
-  const useDeferredValue: typeof import('react').useDeferredValue
-  const useEffect: typeof import('react').useEffect
-  const useEffectEvent: typeof import('react').useEffectEvent
-  const useHref: typeof import('react-router').useHref
-  const useId: typeof import('react').useId
-  const useImperativeHandle: typeof import('react').useImperativeHandle
-  const useInRouterContext: typeof import('react-router').useInRouterContext
-  const useInsertionEffect: typeof import('react').useInsertionEffect
-  const useLayoutEffect: typeof import('react').useLayoutEffect
-  const useLocation: typeof import('react-router').useLocation
-  const useMemo: typeof import('react').useMemo
-  const useNavigate: typeof import('react-router').useNavigate
-  const useNavigationType: typeof import('react-router').useNavigationType
-  const useOptimistic: typeof import('react').useOptimistic
-  const useOutlet: typeof import('react-router').useOutlet
-  const useOutletContext: typeof import('react-router').useOutletContext
-  const useParams: typeof import('react-router').useParams
-  const useReducer: typeof import('react').useReducer
-  const useRef: typeof import('react').useRef
-  const useResolvedPath: typeof import('react-router').useResolvedPath
-  const useRoutes: typeof import('react-router').useRoutes
-  const useState: typeof import('react').useState
-  const useSyncExternalStore: typeof import('react').useSyncExternalStore
-  const useTransition: typeof import('react').useTransition
-}

package/template-react-rsbuild-biome/src/utils/env.ts

@@ -1,10 +0,0 @@
-/**
- * 通过一个文件导出所有的环境变量这样方便统一修改
- * @returns
- */
-export const envVariables = {
-  PUBLIC_PORT: import.meta.env.PUBLIC_PORT,
-  PUBLIC_PATH: import.meta.env.PUBLIC_PATH,
-  PUBLIC_APP_NAME: import.meta.env.PUBLIC_APP_NAME,
-  PUBLIC_API_AFFIX: import.meta.env.PUBLIC_API_AFFIX,
-}

package/template-react-rsbuild-biome/src/utils/request/core/index.ts

@@ -1,166 +0,0 @@
-import { type AlovaGenerics, type AlovaOptions, createAlova } from 'alova'
-import adapterFetch from 'alova/fetch'
-import { deepMergeObject, isReadableStream } from './utils'
-
-interface statusMap {
-  success?: number
-  unAuthorized?: number
-}
-
-interface codeMap {
-  success?: number[]
-  unAuthorized?: number[]
-}
-
-export interface baseRequestOption<AG extends AlovaGenerics> {
-  baseUrl?: string
-  timeout?: number
-  commonHeaders?: Record<string, string | (() => string)>
-  statusMap?: statusMap
-  codeMap?: codeMap
-  responseDataKey?: string
-  responseMessageKey?: string
-  isTransformResponse?: boolean
-  isShowSuccessMessage?: boolean
-  successDefaultMessage?: string
-  isShowErrorMessage?: boolean
-  errorDefaultMessage?: string
-  statesHook?: AlovaOptions<AG>['statesHook']
-  successMessageFunc?: (message: string) => void
-  errorMessageFunc?: (message: string) => void
-  unAuthorizedResponseFunc?: () => void
-  requestAdapter?: AlovaOptions<AG>['requestAdapter']
-}
-
-export interface CustomConfig {
-  isTransformResponse?: boolean
-  isShowSuccessMessage?: boolean
-  isShowErrorMessage?: boolean
-}
-
-type requestOption = baseRequestOption<AlovaGenerics> & CustomConfig
-
-export const createInstance = (option: requestOption) => {
-  const defaultOption: requestOption = {
-    baseUrl: '/',
-    timeout: 0,
-    statusMap: {
-      success: 200,
-      unAuthorized: 401,
-    },
-    codeMap: {
-      success: [200],
-      unAuthorized: [401],
-    },
-    responseDataKey: 'data',
-    responseMessageKey: 'message',
-    isTransformResponse: true,
-    isShowSuccessMessage: false,
-    successDefaultMessage: '操作成功',
-    isShowErrorMessage: true,
-    errorDefaultMessage: '服务异常',
-    requestAdapter: adapterFetch(),
-  }
-
-  const mergeOption: baseRequestOption<AlovaGenerics> & CustomConfig = deepMergeObject(
-    defaultOption,
-    option,
-  )
-
-  const instance = createAlova({
-    baseURL: mergeOption.baseUrl,
-    timeout: mergeOption.timeout,
-    statesHook: mergeOption?.statesHook,
-    requestAdapter: mergeOption.requestAdapter as AlovaOptions<AlovaGenerics>['requestAdapter'],
-    beforeRequest: async (method) => {
-      for (const [key, value] of Object.entries(option?.commonHeaders ?? {})) {
-        method.config.headers[key] = typeof value === 'function' ? value() : value
-      }
-    },
-    responded: {
-      onSuccess: async (response) => {
-        if (!mergeOption?.isTransformResponse) return response
-        const { status } = response
-
-        // 判断响应类型：如果使用 adapterFetch，response.data 是可读流，则调用 json()；否则直接使用 response.data
-        const data =
-          response?.body && isReadableStream(response.body)
-            ? await response.json() // adapterFetch 的响应，使用 json() 解析可读流
-            : response.data // 其他适配器的响应
-        // 不成功的情况
-        if (status !== mergeOption.statusMap?.success) {
-          // 如果后端使用status 字段来表示未授权，则返回401
-          if (mergeOption?.statusMap?.unAuthorized === status) {
-            mergeOption?.unAuthorizedResponseFunc?.()
-          }
-          return Promise.reject(response)
-        }
-
-        const {
-          responseDataKey,
-          codeMap,
-          isShowSuccessMessage,
-          responseMessageKey,
-          isShowErrorMessage,
-        } = mergeOption
-        const {
-          code,
-          [responseDataKey as string]: responseData,
-          [responseMessageKey as string]: responseMessage,
-        } = data
-        if (!codeMap?.success?.includes(+code)) {
-          // code unAuthorized 处理
-          if (codeMap?.unAuthorized?.includes(+code)) {
-            mergeOption?.unAuthorizedResponseFunc?.()
-            return Promise.reject(response)
-          }
-          // 其他错误直接打印msg
-
-          const errorMessage = data[responseMessageKey as string] ?? mergeOption.errorDefaultMessage
-          if (isShowErrorMessage) mergeOption?.errorMessageFunc?.(errorMessage)
-          return Promise.reject(response)
-        }
-        if (isShowSuccessMessage)
-          mergeOption?.successMessageFunc?.(responseMessage ?? mergeOption.successDefaultMessage)
-        return responseData
-      },
-      onError: (error) => {
-        if (mergeOption?.isShowErrorMessage)
-          mergeOption.errorMessageFunc?.(
-            error.response?.data?.message ?? mergeOption?.errorDefaultMessage,
-          )
-      },
-      // onComplete: (_method) => {},
-    },
-  })
-
-  return instance
-}
-
-// 🚀 创建双重调用实例的工厂函数
-export const createDualCallInstance = (baseConfig: baseRequestOption<AlovaGenerics>) => {
-  // 创建默认实例
-  const defaultInstance = createInstance(baseConfig)
-
-  // 双重调用函数
-  const dualInstance = (option?: CustomConfig) => {
-    if (option) {
-      // 合并配置并创建新实例
-      const mergedConfig = { ...baseConfig, ...option }
-      return createInstance(mergedConfig)
-    }
-    return defaultInstance
-  }
-
-  // 🎯 直接绑定 HTTP 方法，无需复杂类型注释
-  dualInstance.Get = defaultInstance.Get.bind(defaultInstance)
-  dualInstance.Post = defaultInstance.Post.bind(defaultInstance)
-  dualInstance.Put = defaultInstance.Put.bind(defaultInstance)
-  dualInstance.Delete = defaultInstance.Delete.bind(defaultInstance)
-  dualInstance.Patch = defaultInstance.Patch.bind(defaultInstance)
-  dualInstance.Head = defaultInstance.Head.bind(defaultInstance)
-  dualInstance.Options = defaultInstance.Options.bind(defaultInstance)
-  dualInstance.Request = defaultInstance.Request.bind(defaultInstance)
-
-  return dualInstance
-}

package/template-react-rsbuild-biome/src/utils/request/core/utils.ts

@@ -1,38 +0,0 @@
-export const 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 => {
-    if (isObject(src) && isObject(tgt)) {
-      Object.keys(tgt).forEach((key) => {
-        if (isObject(tgt[key])) {
-          src[key] = merge(src[key] || {}, tgt[key])
-        } else {
-          src[key] = tgt[key]
-        }
-      })
-    }
-    return src
-  }
-
-  return merge({ ...source }, target)
-}
-
-/**
- * 判断一个变量是不是可读流
- * @param data
- */
-export const isReadableStream = (data: unknown): boolean => {
-  if (!(data instanceof ReadableStream)) {
-    return false
-  }
-  if (typeof data.locked !== 'boolean') return false
-
-  const instanceFunc = ['cancel', 'getReader', 'pipeThrough', 'pipeTo', 'tee'] as const
-
-  for (const func of instanceFunc) {
-    if (typeof data[func] !== 'function') return false
-  }
-
-  return true
-}

package/template-react-rsbuild-biome/src/utils/request/index.ts

@@ -1,43 +0,0 @@
-import { envVariables } from '../env'
-import { createDualCallInstance } from './core'
-import { router } from '@/router'
-import { message } from 'antd'
-import 'element-plus/es/components/message/style/css'
-import vueHook from 'alova/vue'
-import { axiosRequestAdapter } from '@alova/adapter-axios'
-
-// 🎯 获取基础配置
-const getBaseConfig = (): Parameters<typeof createDualCallInstance>[0] => {
-
-  return {
-    baseUrl: `/${envVariables.PUBLIC_API_AFFIX}`,
-    statusMap: {
-      success: 200,
-      unAuthorized: 401,
-    },
-    codeMap: {
-      success: [200],
-    },
-    responseDataKey: 'data',
-    responseMessageKey: 'msg',
-    commonHeaders: {
-    },
-    successMessageFunc: (msg: string) => {
-      message.success(msg)
-    },
-    errorMessageFunc: (msg: string) => {
-      message.error(msg)
-    },
-    unAuthorizedResponseFunc: () => {
-      router.navigate('/login')
-      message.error('登录过期或未登录')
-    },
-    statesHook: vueHook,
-    requestAdapter: axiosRequestAdapter(),
-  }
-}
-
-// 🚀 使用 alova-core 的双重调用功能，超级简洁！
-const alovaRequest = createDualCallInstance(getBaseConfig())
-
-export default alovaRequest

package/template-react-rsbuild-biome/tsconfig.json

@@ -1,35 +0,0 @@
-{
-  "compilerOptions": {
-    "lib": ["DOM", "ES2020"],
-    "jsx": "react-jsx",
-    "target": "ES2020",
-    "noEmit": true,
-    "skipLibCheck": true,
-    "useDefineForClassFields": true,
-
-    /* modules */
-    "module": "ESNext",
-    "isolatedModules": true,
-    "resolveJsonModule": true,
-    "moduleResolution": "Bundler",
-    "allowImportingTsExtensions": true,
-
-    /* type checking */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-
-    "baseUrl": ".",
-    "paths": {
-      "@/*": ["src/*"]
-    }
-  },
-  "include": [
-    "src/**/*.ts",
-    "src/**/*.d.ts",
-    "src/**/*.tsx",
-    "src/types/**/*.d.ts",
-    "src/types/**/*.ts"
-  ],
-  "exclude": ["node_modules", "dist", "**/*.js"]
-}

package/template-react-rsbuild-biome/uno.config.ts

@@ -1,8 +0,0 @@
-import { defineConfig, presetWind4 } from 'unocss'
-
-export default defineConfig({
-  content: {
-    filesystem: ['./src/**/*.{html,js,ts,jsx,tsx}'],
-  },
-  presets: [presetWind4()],
-})

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

@@ -1,12 +0,0 @@
-# http://editorconfig.org
-root = true
-
-[*]
-indent_style = space
-indent_size = 2
-charset = utf-8
-trim_trailing_whitespace = true
-insert_final_newline = true
-
-[*.md]
-trim_trailing_whitespace = false

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

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

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

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

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

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

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

@@ -1,57 +0,0 @@
-{
-  // Disable the default formatter, use eslint instead
-  "oxc.enable": false,
-  "biome.enabled": false,
-  "prettier.enable": false,
-  "editor.formatOnSave": false,
-
-  // Auto fix
-  "editor.codeActionsOnSave": {
-    "source.fixAll.eslint": "explicit",
-    "source.organizeImports": "never"
-  },
-
-  // Silent the stylistic rules in your IDE, but still auto fix them
-  "eslint.rules.customizations": [
-    { "rule": "style/*", "severity": "off", "fixable": true },
-    { "rule": "format/*", "severity": "off", "fixable": true },
-    { "rule": "*-indent", "severity": "off", "fixable": true },
-    { "rule": "*-spacing", "severity": "off", "fixable": true },
-    { "rule": "*-spaces", "severity": "off", "fixable": true },
-    { "rule": "*-order", "severity": "off", "fixable": true },
-    { "rule": "*-dangle", "severity": "off", "fixable": true },
-    { "rule": "*-newline", "severity": "off", "fixable": true },
-    { "rule": "*quotes", "severity": "off", "fixable": true },
-    { "rule": "*semi", "severity": "off", "fixable": true }
-  ],
-
-  // Enable eslint for all supported languages
-  "eslint.validate": [
-    "javascript",
-    "javascriptreact",
-    "typescript",
-    "typescriptreact",
-    "vue",
-    "html",
-    "markdown",
-    "json",
-    "json5",
-    "jsonc",
-    "yaml",
-    "toml",
-    "xml",
-    "gql",
-    "graphql",
-    "astro",
-    "svelte",
-    "css",
-    "less",
-    "scss",
-    "pcss",
-    "postcss"
-  ],
-  "cSpell.words": [
-    "Alova",
-    "tarojs"
-  ]
-}

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

@@ -1,12 +0,0 @@
-// 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

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

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

@@ -1,27 +0,0 @@
-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'>