create-bubbles 0.0.8 → 0.0.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-bubbles",
-  "version": "0.0.8",
+  "version": "0.0.12",
   "type": "module",
   "author": "bubbles plant",
   "bin": {

package/template-react-rsbuild/biome.json

@@ -1,101 +1,102 @@
-{
-  "files": {
-    "ignoreUnknown": true,
-    "ignore": ["dist/*", "node_modules", "package.json", "auto-import.d.ts", "*.js"]
-  },
-  "formatter": {
-    "enabled": true,
-    "indentStyle": "space",
-    "lineWidth": 100,
-    "indentWidth": 2
-  },
-  "javascript": {
-    "formatter": {
-      "quoteStyle": "single"
-    }
-  },
-  "organizeImports": {
-    "enabled": false
-  },
-  "linter": {
-    "rules": {
-      "style": {
-        "useImportType": "off",
-        "useNumberNamespace": "off",
-        "useNodejsImportProtocol": "off",
-        "noNonNullAssertion": "off",
-        "noUnusedTemplateLiteral": "off"
-      },
-      "complexity": {
-        "noUselessTypeConstraint": "off",
-        "noForEach": "off"
-      },
-      "correctness": {
-        "useExhaustiveDependencies": "off"
-      },
-      "suspicious": {
-        "noGlobalIsNan": "off",
-        "noGlobalIsFinite": "off",
-        "noExplicitAny": "off",
-        "noArrayIndexKey": "off",
-        "noConfusingVoidType": "off",
-        "noThenProperty": "off"
-      },
-      "performance": {
-        "noDelete": "off",
-        "noAccumulatingSpread": "off"
-      },
-      "a11y": {
-        "noAriaHiddenOnFocusable": "off",
-        "noLabelWithoutControl": "off",
-        "useFocusableInteractive": "off",
-        "useKeyWithClickEvents": "off",
-        "useSemanticElements": "off"
-      }
-    }
-  },
-  "css": {
-    "formatter": {
-      "quoteStyle": "single"
-    }
-  },
-  "overrides": [
-    {
-      "include": ["**/*.test.ts", "**/*.test.tsx", "tests/**/*", "scripts/**/*"],
-      "linter": {
-        "rules": {
-          "style": {
-            "noParameterAssign": "off"
-          },
-          "suspicious": {
-            "noThenProperty": "off",
-            "noImplicitAnyLet": "off"
-          },
-          "complexity": {
-            "noUselessFragments": "off"
-          },
-          "a11y": {
-            "useValidAnchor": "off",
-            "useAnchorContent": "off",
-            "useKeyWithClickEvents": "off"
-          }
-        }
-      }
-    },
-    {
-      "include": ["components/*/demo/*"],
-      "linter": {
-        "rules": {
-          "correctness": {
-            "noVoidTypeReturn": "off"
-          },
-          "a11y": {
-            "useValidAnchor": "off",
-            "useAnchorContent": "off",
-            "useKeyWithClickEvents": "off"
-          }
-        }
-      }
-    }
-  ]
-}
+{
+  "files": {
+    "ignoreUnknown": true,
+    "ignore": ["dist/*", "node_modules", "package.json", "auto-import.d.ts", "*.js"]
+  },
+  "formatter": {
+    "enabled": true,
+    "indentStyle": "space",
+    "lineWidth": 100,
+    "indentWidth": 2
+  },
+  "javascript": {
+    "formatter": {
+      "quoteStyle": "single",
+      "semicolons": "asNeeded"
+    }
+  },
+  "organizeImports": {
+    "enabled": false
+  },
+  "linter": {
+    "rules": {
+      "style": {
+        "useImportType": "off",
+        "useNumberNamespace": "off",
+        "useNodejsImportProtocol": "off",
+        "noNonNullAssertion": "off",
+        "noUnusedTemplateLiteral": "off"
+      },
+      "complexity": {
+        "noUselessTypeConstraint": "off",
+        "noForEach": "off"
+      },
+      "correctness": {
+        "useExhaustiveDependencies": "off"
+      },
+      "suspicious": {
+        "noGlobalIsNan": "off",
+        "noGlobalIsFinite": "off",
+        "noExplicitAny": "off",
+        "noArrayIndexKey": "off",
+        "noConfusingVoidType": "off",
+        "noThenProperty": "off"
+      },
+      "performance": {
+        "noDelete": "off",
+        "noAccumulatingSpread": "off"
+      },
+      "a11y": {
+        "noAriaHiddenOnFocusable": "off",
+        "noLabelWithoutControl": "off",
+        "useFocusableInteractive": "off",
+        "useKeyWithClickEvents": "off",
+        "useSemanticElements": "off"
+      }
+    }
+  },
+  "css": {
+    "formatter": {
+      "quoteStyle": "single"
+    }
+  },
+  "overrides": [
+    {
+      "include": ["**/*.test.ts", "**/*.test.tsx", "tests/**/*", "scripts/**/*"],
+      "linter": {
+        "rules": {
+          "style": {
+            "noParameterAssign": "off"
+          },
+          "suspicious": {
+            "noThenProperty": "off",
+            "noImplicitAnyLet": "off"
+          },
+          "complexity": {
+            "noUselessFragments": "off"
+          },
+          "a11y": {
+            "useValidAnchor": "off",
+            "useAnchorContent": "off",
+            "useKeyWithClickEvents": "off"
+          }
+        }
+      }
+    },
+    {
+      "include": ["components/*/demo/*"],
+      "linter": {
+        "rules": {
+          "correctness": {
+            "noVoidTypeReturn": "off"
+          },
+          "a11y": {
+            "useValidAnchor": "off",
+            "useAnchorContent": "off",
+            "useKeyWithClickEvents": "off"
+          }
+        }
+      }
+    }
+  ]
+}

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

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

package/template-react-rsbuild/lefthook.yml

@@ -1,7 +1,7 @@
 pre-commit:
   commands:
     check:
-      glob: "*.{js,ts,cjs,mjs,d.cts,d.mts,jsx,tsx,json,jsonc,vue}"
+      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
 

package/template-react-rsbuild/package.json

@@ -13,27 +13,27 @@
   },
   "dependencies": {
     "ahooks": "^3.8.4",
-    "antd": "^5.23.0",
-    "axios": "^1.7.9",
+    "antd": "^5.24.5",
+    "axios": "^1.8.4",
     "dayjs": "^1.11.13",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "react-router": "^7.1.1",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "react-router": "^7.4.1",
     "zustand": "^5.0.3"
   },
   "devDependencies": {
-    "@biomejs/biome": "^1.9.3",
-    "@commitlint/config-conventional": "^19.6.0",
-    "@ianvs/prettier-plugin-sort-imports": "^4.4.0",
-    "@rsbuild/core": "^1.1.8",
-    "@rsbuild/plugin-react": "^1.0.7",
-    "@types/react": "^19.0.0",
-    "@types/react-dom": "^19.0.0",
+    "@biomejs/biome": "^1.9.4",
+    "@commitlint/config-conventional": "^19.8.0",
+    "@ianvs/prettier-plugin-sort-imports": "^4.4.1",
+    "@rsbuild/core": "^1.3.1",
+    "@rsbuild/plugin-react": "^1.1.1",
+    "@types/react": "^19.0.12",
+    "@types/react-dom": "^19.0.4",
     "@unocss/postcss": "^0.65.4",
-    "lefthook": "^1.10.1",
-    "prettier": "^3.3.3",
-    "typescript": "^5.7.2",
+    "lefthook": "^1.11.6",
+    "prettier": "^3.5.3",
+    "typescript": "^5.8.2",
     "unocss": "^0.65.4",
-    "unplugin-auto-import": "^19.0.0"
+    "unplugin-auto-import": "^19.1.2"
   }
 }

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

@@ -1,6 +1,7 @@
-import { defineConfig } from '@rsbuild/core';
-import { pluginReact } from '@rsbuild/plugin-react';
-import AutoImport from 'unplugin-auto-import/rspack';
+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: {
@@ -12,7 +13,7 @@ export default defineConfig({
     },
   },
   server: {
-    port: process.env.PUBLIC_PORT,
+    port: Number(process.env.PUBLIC_PORT),
   },
   plugins: [pluginReact()],
   tools: {
@@ -24,5 +25,10 @@ export default defineConfig({
         }),
       ],
     },
+    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,26 @@
-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;
+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;

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

@@ -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/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'];
+}