app/components/sidebar.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useRef, useMemo } from "react";
+import { useEffect, useRef, useMemo, useState } from "react";
 
 import styles from "./home.module.scss";
 
@@ -128,6 +128,31 @@ function useDragSideBar() {
   };
 }
 
+function EEIcon() {
+  // 彩蛋
+  const [count, setCount] = useState(0);
+
+  return (
+    <div className="no-dark" onClick={() => setCount((c) => c + 1)}>
+      <ChatGptIcon />
+      {count >= 9 ? (
+        <video
+          src="https://registry.npmmirror.com/singlexyz-test/1.0.1/files/test.mp4"
+          autoPlay
+          style={{
+            position: "fixed",
+            inset: "0",
+            width: "100%",
+            height: "100%",
+            zIndex: 10086,
+            objectFit: "cover",
+          }}
+        />
+      ) : null}
+    </div>
+  );
+}
+
 export function SideBar(props: { className?: string }) {
   const chatStore = useChatStore();
 
@@ -162,7 +187,7 @@ export function SideBar(props: { className?: string }) {
           Build your own AI assistant.
         </div> */}
         <div className={styles["sidebar-logo"] + " no-dark"}>
-          <ChatGptIcon />
+          <EEIcon />
         </div>
       </div>
 

package.json

@@ -25,6 +25,7 @@
     "emoji-picker-react": "^4.5.15",
     "fuse.js": "^7.0.0",
     "html-to-image": "^1.11.11",
+    "katex": "^0.16.9",
     "mermaid": "^10.6.1",
     "nanoid": "^5.0.3",
     "next": "^13.4.9",
@@ -64,4 +65,4 @@
   "resolutions": {
     "lint-staged/yaml": "^2.2.2"
   }
-}
+}