create-bubbles 0.1.18 → 0.1.20

package/template-react-rsbuild-biome/README.md

@@ -0,0 +1,29 @@
+# Rsbuild Project
+
+## Setup
+
+Install the dependencies:
+
+```bash
+pnpm install
+```
+
+## Get Started
+
+Start the dev server:
+
+```bash
+pnpm dev
+```
+
+Build the app for production:
+
+```bash
+pnpm build
+```
+
+Preview the production build locally:
+
+```bash
+pnpm preview
+```

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

@@ -0,0 +1,116 @@
+{
+  "$schema": "./node_modules/@biomejs/biome/configuration_schema.json",
+  "files": {
+    "ignoreUnknown": true,
+    "includes": ["**", "!public/**/*", "!node_modules/**/*", "!dist/**/*"]
+  },
+  "formatter": {
+    "enabled": true,
+    "indentStyle": "space",
+    "lineWidth": 100,
+    "indentWidth": 2
+  },
+  "linter": {
+    "rules": {
+      "style": {
+        "useImportType": "off",
+        "useNumberNamespace": "off",
+        "useNodejsImportProtocol": "off",
+        "noNonNullAssertion": "off",
+        "noUnusedTemplateLiteral": "off",
+        "useConst": {
+          "level": "warn",
+          "fix": "unsafe"
+        }
+      },
+      "complexity": {
+        "noUselessTypeConstraint": "off",
+        "noForEach": "off",
+        "useDateNow": "off"
+      },
+      "correctness": {
+        "useExhaustiveDependencies": "off",
+        "useHookAtTopLevel": "off",
+        "noUnusedFunctionParameters": "off",
+        "noUnusedVariables": "off",
+        "useUniqueElementIds": "off",
+        "useParseIntRadix": "off"
+      },
+      "security": {
+        "noDangerouslySetInnerHtml": "off"
+      },
+      "suspicious": {
+        "noConsole": {
+          "level": "warn",
+          "options": {
+            "allow": ["warn", "error"]
+          }
+        },
+        "noDebugger": "warn",
+        "noGlobalIsNan": "off",
+        "noGlobalIsFinite": "off",
+        "noExplicitAny": "off",
+        "noArrayIndexKey": "off",
+        "noConfusingVoidType": "off",
+        "noThenProperty": "off",
+        "noTemplateCurlyInString": "off"
+      },
+      "performance": {
+        "noDelete": "off",
+        "noAccumulatingSpread": "off",
+        "noDynamicNamespaceImportAccess": "off"
+      },
+      "a11y": {
+        "noAriaHiddenOnFocusable": "off",
+        "noLabelWithoutControl": "off",
+        "useFocusableInteractive": "off",
+        "useKeyWithClickEvents": "off",
+        "useSemanticElements": "off",
+        "noStaticElementInteractions": "off",
+        "useAriaPropsSupportedByRole": "off",
+        "useAriaPropsForRole": "off",
+        "useValidAnchor": "off",
+        "useMediaCaption": "off"
+      },
+      "nursery": {
+        "useSortedClasses": {
+          "level": "warn",
+          "fix": "safe"
+        }
+      }
+    }
+  },
+  "css": {
+    "formatter": {
+      "quoteStyle": "single"
+    }
+  },
+  "javascript": {
+    "jsxRuntime": "reactClassic",
+    "formatter": {
+      "quoteStyle": "single",
+      "semicolons": "asNeeded"
+    }
+  },
+  "assist": {
+    "enabled": true,
+    "actions": {
+      "source": {
+        "organizeImports": {
+          "level": "on",
+          "options": {
+            "identifierOrder": "natural",
+            "groups": [
+              [":NODE:", ":BUN:"],
+              ":BLANK_LINE:",
+              ["react", "react-dom/**", "react-dom", "react-router", "react-router-dom"],
+              ["vue", "vue-router"],
+              ":BLANK_LINE:",
+              ["@/**", "**"]
+            ]
+          }
+        }
+      }
+    }
+  }
+}

package/template-react-rsbuild-biome/commitlint.config.js

@@ -0,0 +1 @@
+module.exports = { extends: ['@commitlint/config-conventional'] }

package/template-react-rsbuild-biome/index.html

@@ -0,0 +1,7 @@
+<!doctype html>
+<html>
+  <head></head>
+  <body>
+    <div id="<%= mountId %>"></div>
+  </body>
+</html>

package/template-react-rsbuild-biome/lefthook.yml

@@ -0,0 +1,14 @@
+pre-commit:
+  commands:
+    check:
+      glob: "*.{js,ts,cjs,mjs,d.cts,d.mts,jsx,tsx,json,jsonc}"
+      run: npx @biomejs/biome check --write --no-errors-on-unmatched --files-ignore-unknown=true --colors=off {staged_files}
+      stage_fixed: true
+
+commit-msg:
+  commands:
+    "lint commit message":
+      run: npx commitlint --edit {1}
+
+
+

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

@@ -0,0 +1,42 @@
+{
+  "name": "react-rsbuild-biomejs",
+  "private": true,
+  "version": "0.0.2",
+  "scripts": {
+    "dev": "rsbuild dev --env-mode development",
+    "dev:prod": "rsbuild dev --env-mode production",
+    "build": "rsbuild build",
+    "check": "biome check --write",
+    "format": "prettier --write .",
+    "preview": "rsbuild preview",
+    "reinstall": "rimraf pnpm-lock.yaml && rimraf node_modules && pnpm install"
+  },
+  "dependencies": {
+    "@alova/adapter-axios": "^2.0.18",
+    "@ant-design/icons": "~6.2.5",
+    "ahooks": "^3.9.7",
+    "alova": "^3.5.1",
+    "antd": "^6.4.3",
+    "dayjs": "^1.11.21",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
+    "react-router": "^7.17.0",
+    "zustand": "^5.0.14"
+  },
+  "devDependencies": {
+    "@biomejs/biome": "^2.4.16",
+    "@commitlint/config-conventional": "^21.0.2",
+    "@rsbuild/core": "^2.0.11",
+    "@rsbuild/plugin-react": "^2.0.1",
+    "@rsbuild/plugin-sass": "^1.5.3",
+    "@rsbuild/plugin-svgr": "^2.0.3",
+    "@types/react": "^19.2.17",
+    "@types/react-dom": "^19.2.3",
+    "@unocss/postcss": "^66.7.0",
+    "lefthook": "^2.1.9",
+    "prettier": "^3.8.3",
+    "typescript": "^6.0.3",
+    "unocss": "^66.7.0",
+    "unplugin-auto-import": "^21.0.0"
+  }
+}

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

@@ -0,0 +1,44 @@
+import { defineConfig } from '@rsbuild/core'
+import { pluginReact } from '@rsbuild/plugin-react'
+import { pluginSass } from '@rsbuild/plugin-sass'
+import { pluginSvgr } from '@rsbuild/plugin-svgr'
+import UnoCSS from '@unocss/postcss'
+import AutoImport from 'unplugin-auto-import/rspack'
+
+export default defineConfig({
+  html: {
+    template: './index.html',
+  },
+  resolve: {
+    alias: {
+      '@': './src',
+    },
+  },
+  server: {
+    port: Number(process.env.PUBLIC_PORT),
+  },
+  plugins: [
+    pluginReact(),
+    pluginSass({
+      sassLoaderOptions: {
+        // additionalData: `@import "@/styles/variables.scss";`,
+      },
+    }),
+    pluginSvgr(),
+  ],
+  tools: {
+    rspack: {
+      plugins: [
+        AutoImport({
+          imports: ['react', 'react-router'],
+          dts: './src/types/auto-import.d.ts',
+        }),
+      ],
+    },
+    postcss: {
+      postcssOptions: {
+        plugins: [UnoCSS()],
+      },
+    },
+  },
+})

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

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

package/template-react-rsbuild-biome/src/assets/icon/logo.svg

@@ -0,0 +1,7 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="32" height="32" rx="8" fill="white" fill-opacity="0.96"/>
+  <path d="M19.0579 9.09827L15.8082 11.0706L12.9421 9.09827L6 13.3109V21.7368L12.9421 25.9498L16.1918 24.2105L19.0579 25.9498L26 21.7368V13.3109L19.0579 9.09827ZM12.9421 24.705L7.02568 21.1148V13.9336L12.9421 10.3433L14.7822 11.6929L12.1157 13.3112V21.7371L15.1661 23.5882L12.9421 24.705ZM13.1417 20.0549H18.8586V21.3475L16.1918 22.9658L13.1417 21.1148V20.0549ZM13.1417 18.9765V16.5097H18.8586V18.9765H13.1417ZM18.8586 15.4312H13.1417V13.9336L15.8082 12.3153L18.8586 14.1663V15.4312ZM24.9743 21.1148L19.0579 24.705L17.2178 23.5882L19.8846 21.9699V13.544L16.8342 11.6929L19.0582 10.3433L24.9746 13.9336L24.9743 21.1148Z" fill="#146AE1"/>
+  <path d="M14.573 7.86376L13.3172 5.51634C13.3835 5.37271 13.4218 5.21177 13.4218 5.04137C13.4218 4.43853 12.9568 3.94971 12.3832 3.94971C11.8097 3.94971 11.3447 4.43853 11.3447 5.04137C11.3447 5.64421 11.7792 6.0987 12.326 6.1302L13.5704 8.45652C13.6759 8.65401 13.8713 8.76487 14.0723 8.76487C14.1676 8.76487 14.2647 8.73999 14.3537 8.68708C14.6306 8.5233 14.7289 8.15479 14.573 7.86376Z" fill="#FDC23A"/>
+  <path d="M17.4268 7.86376L18.6826 5.51634C18.6164 5.37271 18.5781 5.21177 18.5781 5.04137C18.5781 4.43853 19.0431 3.94971 19.6169 3.94971C20.1904 3.94971 20.6555 4.43853 20.6555 5.04137C20.6555 5.62405 20.221 6.0987 19.6742 6.1302L18.4297 8.45652C18.3243 8.65401 18.1289 8.76487 17.9278 8.76487C17.8325 8.76487 17.7355 8.73999 17.6465 8.68708C17.3696 8.5233 17.2713 8.15479 17.4271 7.86376H17.4268Z" fill="#FDC23A"/>
+  </svg>
+  

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

@@ -0,0 +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;

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

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

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

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

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

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

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

@@ -0,0 +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 })),
+}))

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

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

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

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

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

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

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

@@ -0,0 +1,10 @@
+/**
+ * 通过一个文件导出所有的环境变量这样方便统一修改
+ * @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,
+}