create-bubbles 0.0.11 → 0.0.16

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

@@ -1,28 +1,34 @@
-import { defineConfig } from '@rsbuild/core';
-import { pluginReact } from '@rsbuild/plugin-react';
-import AutoImport from 'unplugin-auto-import/rspack';
-
-export default defineConfig({
-  html: {
-    template: './index.html',
-  },
-  resolve: {
-    alias: {
-      '@': './src',
-    },
-  },
-  server: {
-    port: process.env.PUBLIC_PORT,
-  },
-  plugins: [pluginReact()],
-  tools: {
-    rspack: {
-      plugins: [
-        AutoImport({
-          imports: ['react', 'react-router', 'react-router-dom'],
-          dts: './src/types/auto-import.d.ts',
-        }),
-      ],
-    },
-  },
-});
+import { defineConfig } from '@rsbuild/core'
+import { pluginReact } from '@rsbuild/plugin-react'
+import AutoImport from 'unplugin-auto-import/rspack'
+import UnoCSS from '@unocss/postcss'
+
+export default defineConfig({
+  html: {
+    template: './index.html',
+  },
+  resolve: {
+    alias: {
+      '@': './src',
+    },
+  },
+  server: {
+    port: Number(process.env.PUBLIC_PORT),
+  },
+  plugins: [pluginReact()],
+  tools: {
+    rspack: {
+      plugins: [
+        AutoImport({
+          imports: ['react', 'react-router', 'react-router-dom'],
+          dts: './src/types/auto-import.d.ts',
+        }),
+      ],
+    },
+    postcss: {
+      postcssOptions: {
+        plugins: [UnoCSS()],
+      },
+    },
+  },
+})

package/template-react-rsbuild/src/App.tsx

@@ -1,9 +1,9 @@
-import { RouterProvider } from 'react-router';
-
-import router from './router';
-
-const App = () => {
-  return <RouterProvider router={router} />;
-};
-
-export default App;
+import { RouterProvider } from 'react-router';
+
+import router from './router';
+
+const App = () => {
+  return <RouterProvider router={router} />;
+};
+
+export default App;

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

@@ -1,11 +1,11 @@
-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;
+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/src/env.d.ts

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

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

@@ -1,20 +1,20 @@
-import React, { Suspense } from 'react';
-import ReactDOM from 'react-dom/client';
-
-import App from './App';
-
-import '@/styles/index.css';
-
-import Loading from './components/Loading/PageLoading';
-
-const rootEl = document.getElementById('root');
-if (rootEl) {
-  const root = ReactDOM.createRoot(rootEl);
-  root.render(
-    <React.StrictMode>
-      <Suspense fallback={<Loading />}>
-        <App />
-      </Suspense>
-    </React.StrictMode>,
-  );
-}
+import React, { Suspense } from 'react';
+import ReactDOM from 'react-dom/client';
+
+import App from './App';
+
+import '@/styles/index.css';
+
+import Loading from './components/Loading/PageLoading';
+
+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/src/pages/home/index.tsx

@@ -1,26 +1,5 @@
-import { use } from 'react';
-
-const fetchData = () => {
-  return new Promise((resolve) => {
-    setTimeout(() => {
-      resolve({
-        data: [
-          {
-            id: 1,
-            title: 'Album 1',
-          },
-          {
-            id: 2,
-            title: 'Album 2',
-          },
-        ],
-      });
-    }, 1000);
-  });
-};
-
-const Home = () => {
-  return <h1>111</h1>;
-};
-
-export default Home;
+const Home = () => {
+  return <h1 className="text-red text-30px">111</h1>
+}
+
+export default Home

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

@@ -1,27 +1,27 @@
-import { Suspense } from 'react';
-import { createBrowserRouter, type RouteObject } from 'react-router';
-
-import Loading from '@/components/Loading/PageLoading';
-
-export const lazyLoad = (path: string) => {
-  const Module = lazy(() => import(`@/pages/${path}.tsx`));
-  return (
-    <Suspense fallback={<Loading />}>
-      <Module />
-    </Suspense>
-  );
-};
-
-const routes: RouteObject[] = [
-  {
-    path: '/',
-    id: 'home',
-    element: lazyLoad('home/index'),
-  },
-];
-
-export const router = createBrowserRouter(routes, {
-  basename: import.meta.env.PUBLIC_PATH,
-});
-
-export default router;
+import { Suspense } from 'react';
+import { createBrowserRouter, type RouteObject } from 'react-router';
+
+import Loading from '@/components/Loading/PageLoading';
+
+export const lazyLoad = (path: string) => {
+  const Module = lazy(() => import(`@/pages/${path}.tsx`));
+  return (
+    <Suspense fallback={<Loading />}>
+      <Module />
+    </Suspense>
+  );
+};
+
+const routes: RouteObject[] = [
+  {
+    path: '/',
+    id: 'home',
+    element: lazyLoad('home/index'),
+  },
+];
+
+export const router = createBrowserRouter(routes, {
+  basename: import.meta.env.PUBLIC_PATH,
+});
+
+export default router;

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

@@ -1,11 +1,11 @@
-import { create } from 'zustand'
-
-interface searchFormState {
-  token?: string
-  setToken: (token?: string) => void
-}
-
-export const useUserStore = create<searchFormState>((set) => ({
-  token: undefined,
-  setToken: (token) => set(() => ({ token })),
-}))
+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/src/styles/index.css

@@ -1,16 +1,16 @@
-@unocss;
-
-html,
-body,
-#root {
-  width: 100%;
-  height: 100%;
-}
-
-*,
-*::before,
-*::after {
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
-}
+@unocss;
+
+html,
+body,
+#root {
+  width: 100%;
+  height: 100%;
+}
+
+*,
+*::before,
+*::after {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}

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

@@ -1,47 +1,47 @@
-/* eslint-disable */
-/* prettier-ignore */
-// @ts-nocheck
-// noinspection JSUnusedGlobalSymbols
-// Generated by unplugin-auto-import
-// biome-ignore lint: disable
-export {};
-declare global {
-  const Link: typeof import('react-router-dom')['Link'];
-  const NavLink: typeof import('react-router-dom')['NavLink'];
-  const Navigate: typeof import('react-router-dom')['Navigate'];
-  const Outlet: typeof import('react-router-dom')['Outlet'];
-  const Route: typeof import('react-router-dom')['Route'];
-  const Routes: typeof import('react-router-dom')['Routes'];
-  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 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 useHref: typeof import('react-router-dom')['useHref'];
-  const useId: typeof import('react')['useId'];
-  const useImperativeHandle: typeof import('react')['useImperativeHandle'];
-  const useInRouterContext: typeof import('react-router-dom')['useInRouterContext'];
-  const useInsertionEffect: typeof import('react')['useInsertionEffect'];
-  const useLayoutEffect: typeof import('react')['useLayoutEffect'];
-  const useLinkClickHandler: typeof import('react-router-dom')['useLinkClickHandler'];
-  const useLocation: typeof import('react-router-dom')['useLocation'];
-  const useMemo: typeof import('react')['useMemo'];
-  const useNavigate: typeof import('react-router-dom')['useNavigate'];
-  const useNavigationType: typeof import('react-router-dom')['useNavigationType'];
-  const useOutlet: typeof import('react-router-dom')['useOutlet'];
-  const useOutletContext: typeof import('react-router-dom')['useOutletContext'];
-  const useParams: typeof import('react-router-dom')['useParams'];
-  const useReducer: typeof import('react')['useReducer'];
-  const useRef: typeof import('react')['useRef'];
-  const useResolvedPath: typeof import('react-router-dom')['useResolvedPath'];
-  const useRoutes: typeof import('react-router-dom')['useRoutes'];
-  const useSearchParams: typeof import('react-router-dom')['useSearchParams'];
-  const useState: typeof import('react')['useState'];
-  const useSyncExternalStore: typeof import('react')['useSyncExternalStore'];
-  const useTransition: typeof import('react')['useTransition'];
-}
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// noinspection JSUnusedGlobalSymbols
+// Generated by unplugin-auto-import
+// biome-ignore lint: disable
+export {}
+declare global {
+  const Link: typeof import('react-router-dom')['Link']
+  const NavLink: typeof import('react-router-dom')['NavLink']
+  const Navigate: typeof import('react-router-dom')['Navigate']
+  const Outlet: typeof import('react-router-dom')['Outlet']
+  const Route: typeof import('react-router-dom')['Route']
+  const Routes: typeof import('react-router-dom')['Routes']
+  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 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 useHref: typeof import('react-router-dom')['useHref']
+  const useId: typeof import('react')['useId']
+  const useImperativeHandle: typeof import('react')['useImperativeHandle']
+  const useInRouterContext: typeof import('react-router-dom')['useInRouterContext']
+  const useInsertionEffect: typeof import('react')['useInsertionEffect']
+  const useLayoutEffect: typeof import('react')['useLayoutEffect']
+  const useLinkClickHandler: typeof import('react-router-dom')['useLinkClickHandler']
+  const useLocation: typeof import('react-router-dom')['useLocation']
+  const useMemo: typeof import('react')['useMemo']
+  const useNavigate: typeof import('react-router-dom')['useNavigate']
+  const useNavigationType: typeof import('react-router-dom')['useNavigationType']
+  const useOutlet: typeof import('react-router-dom')['useOutlet']
+  const useOutletContext: typeof import('react-router-dom')['useOutletContext']
+  const useParams: typeof import('react-router-dom')['useParams']
+  const useReducer: typeof import('react')['useReducer']
+  const useRef: typeof import('react')['useRef']
+  const useResolvedPath: typeof import('react-router-dom')['useResolvedPath']
+  const useRoutes: typeof import('react-router-dom')['useRoutes']
+  const useSearchParams: typeof import('react-router-dom')['useSearchParams']
+  const useState: typeof import('react')['useState']
+  const useSyncExternalStore: typeof import('react')['useSyncExternalStore']
+  const useTransition: typeof import('react')['useTransition']
+}

package/template-react-rsbuild/src/utils/request/axios.ts

@@ -1,82 +1,82 @@
-import { message } from 'antd'
-import axios, { type AxiosResponse } from 'axios'
-
-import { router } from '@/router'
-import { useUserStore } from '@/store/modules/user'
-
-export interface CustomConfig {
-  /** 直接返回响应体 */
-  isTransformResponse?: boolean
-  // 成功需要提示
-  isShowSuccessMsg?: boolean
-}
-
-export enum CodeEnum {
-  SUCCESS = 200,
-  UNAUTHORIZED = 401,
-}
-
-const unAuthFunc = () => {
-  message.error('暂未登录或登录已过期，请重新登录')
-  router.navigate('/login')
-}
-export default (customConfig?: CustomConfig) => {
-  const token = useUserStore((state) => state.token)
-
-  const instance = axios.create({
-    baseURL: import.meta.env.PUBLIC_API_AFFIX,
-  })
-
-  instance.interceptors.request.use(
-    (config) => {
-      config.headers.set('X-Access-Token', token)
-      config.headers.set('Allow-Control-Allow-Origin', '*')
-      return config
-    },
-    (error) => {
-      message.error('请求错误')
-      return Promise.reject(error)
-    },
-  )
-
-  interface ResponseData<T = any> {
-    code: number
-    message: string
-    requestId: string
-    responseTime: number
-    result: T
-  }
-
-  instance.interceptors.response.use(
-    (response: AxiosResponse<ResponseData>) => {
-      const { status, data } = response
-      if (status === 200) {
-        if (customConfig?.isTransformResponse === false) return data
-        const { code, message: msg } = data
-        if (code === CodeEnum.SUCCESS) {
-          if (customConfig?.isShowSuccessMsg) {
-            message.success(msg)
-          }
-          return data.result
-        }
-        message.error(msg)
-        return Promise.reject(data)
-      }
-      if (status === CodeEnum.UNAUTHORIZED) {
-        unAuthFunc()
-      } else return Promise.reject(data.message)
-    },
-    (error) => {
-      const response = error.response
-      const { status, data } = response
-      if (status === CodeEnum.UNAUTHORIZED) {
-        unAuthFunc()
-      } else {
-        message.error(data?.message || '系统异常')
-        return Promise.reject(error)
-      }
-    },
-  )
-
-  return instance
-}
+import { message } from 'antd'
+import axios, { type AxiosResponse } from 'axios'
+
+import { router } from '@/router'
+import { useUserStore } from '@/store/modules/user'
+
+export interface CustomConfig {
+  /** 直接返回响应体 */
+  isTransformResponse?: boolean
+  // 成功需要提示
+  isShowSuccessMsg?: boolean
+}
+
+export enum CodeEnum {
+  SUCCESS = 200,
+  UNAUTHORIZED = 401,
+}
+
+const unAuthFunc = () => {
+  message.error('暂未登录或登录已过期，请重新登录')
+  router.navigate('/login')
+}
+export default (customConfig?: CustomConfig) => {
+  const token = useUserStore((state) => state.token)
+
+  const instance = axios.create({
+    baseURL: import.meta.env.PUBLIC_API_AFFIX,
+  })
+
+  instance.interceptors.request.use(
+    (config) => {
+      config.headers.set('X-Access-Token', token)
+      config.headers.set('Allow-Control-Allow-Origin', '*')
+      return config
+    },
+    (error) => {
+      message.error('请求错误')
+      return Promise.reject(error)
+    },
+  )
+
+  interface ResponseData<T = any> {
+    code: number
+    message: string
+    requestId: string
+    responseTime: number
+    result: T
+  }
+
+  instance.interceptors.response.use(
+    (response: AxiosResponse<ResponseData>) => {
+      const { status, data } = response
+      if (status === 200) {
+        if (customConfig?.isTransformResponse === false) return data
+        const { code, message: msg } = data
+        if (code === CodeEnum.SUCCESS) {
+          if (customConfig?.isShowSuccessMsg) {
+            message.success(msg)
+          }
+          return data.result
+        }
+        message.error(msg)
+        return Promise.reject(data)
+      }
+      if (status === CodeEnum.UNAUTHORIZED) {
+        unAuthFunc()
+      } else return Promise.reject(data.message)
+    },
+    (error) => {
+      const response = error.response
+      const { status, data } = response
+      if (status === CodeEnum.UNAUTHORIZED) {
+        unAuthFunc()
+      } else {
+        message.error(data?.message || '系统异常')
+        return Promise.reject(error)
+      }
+    },
+  )
+
+  return instance
+}