lint

src/components/.cursor/rules/components_rules.mdc

@@ -4,11 +4,10 @@ globs: ["**/*.ts", "**/*.tsx"]
 alwaysApply: Auto Attached
 ---
 
-本规则为前端组件制定规范：
+# 本规则为前端公共组件规范
 
-在 components 目录工作时：
-
-样式统一使用 Tailwind
-动画使用 Framer Motion
-遵循组件命名约定
-本规则同时对 API 端点实施校验：
+- 非公共组件不要放在本目录下
+- 样式统一使用 Tailwind
+- 如果需要动画，使用 Motion 库
+- 遵循组件命名约定
+- export 的时候采用 命名导出，不要使用 默认导出

src/components/index.ts

@@ -1 +1 @@
-export * from './Example';
+export * from './Example';

src/pages/home/index.tsx

@@ -1,40 +1,16 @@
 import { useGlobalStore } from '@/store/global';
 import './index.css';
 import { isEmpty } from 'lodash-es';
-import { EVENT, useMujian } from '@/providers/MujianProvider';
+import { Button } from '@/components';
 
 function Home() {
-  const { count, increment } = useGlobalStore((state) => state);
-  const mujian = useMujian();
-
-  console.log('count', count);
-
-  console.log('isEmpty', isEmpty(count));
 
   return (
     <>
       <div>
         <div className="text-3xl font-bold underline">Hello World2</div>
       </div>
-      <h1>Vite + React</h1>
-      <button type="button" onClick={increment}>
-        Increment
-      </button>
-
-      <p>Count: {count}</p>
-
-      <br />
-
-      <button
-        type="button"
-        onClick={async () => {
-          mujian.emit(EVENT.MUJIAN_AI_CHAT_SEND_MESSAGE, {
-            message: 'Hello, World!',
-          });
-        }}
-      >
-        Hello
-      </button>
+      <Button>Click me</Button>
     </>
   );
 }

src/providers/.cursor/rules/providers_rules.mdc

@@ -3,3 +3,5 @@ description: Provider 模版
 globs: ["**/*.ts", "**/*.tsx"]
 alwaysApply: Auto Attached
 ---
+
+- RouterProvider 为 react-router 路由配置文件

src/providers/MujianProvider.tsx

@@ -1,51 +0,0 @@
-// @rule: do not modify this file
-
-import { MujianSdk } from '@mujian/js-sdk';
-import {
-  createContext,
-  type ReactNode,
-  useContext,
-  useEffect,
-  useState,
-} from 'react';
-
-export { EVENT } from '@mujian/js-sdk';
-
-const MujianContext = createContext<MujianSdk | null>(null);
-
-export interface MujianProviderProps {
-  children: ReactNode;
-  loadingPage?: ReactNode;
-}
-
-export const MujianProvider = ({
-  children,
-  loadingPage,
-}: MujianProviderProps) => {
-  const [mujian, setMujian] = useState<MujianSdk | null>(null);
-
-  useEffect(() => {
-    (async () => {
-      const mujian = new MujianSdk();
-      await mujian.init();
-      setMujian(mujian);
-    })();
-  }, []);
-
-  return (
-    <MujianContext.Provider value={mujian}>
-      {mujian ? children : (loadingPage ?? 'Mujian is loading')}
-    </MujianContext.Provider>
-  );
-};
-
-export const useMujian = () => {
-  const mujian = useContext(MujianContext);
-  if (!mujian) {
-    const message =
-      'Mujian is not initialized. Please check that useMujian is called inside MujianProvider';
-    console.error(message);
-    throw new Error(message);
-  }
-  return mujian;
-};