Add test cases for local history

.github/workflows/lint-and-format.yml

@@ -22,7 +22,3 @@ jobs:
     - name: Run ESLint
       run: npm run lint
       working-directory: ./frontend
-
-    - name: Run Prettier
-      run: npm run prettier:check
-      working-directory: ./frontend

CONTRIBUTING.md

@@ -42,7 +42,7 @@ Before contributing, ensure you have the following set up:
 ```
 cd frontend
 
-bun icp env.example .env
+bun icp env-example .env
 
 bun run dev
 ```
@@ -67,6 +67,10 @@ bun i
 bun run build
 ```
 
+## Testing Guidelines
+
+Please refer to the [Testing Guidelines](./frontend/TESTING_GUIDELINES.md) for details on how to test your changes.
+
 ## One-Click Deployment
 
 MemFree offers a straightforward one-click deployment process:

README.de.md

@@ -8,7 +8,7 @@
 
 <div align="center">
 
-**Englisch**\|[chinesisch](./README.zh-CN.md)\|[Deutsch](./README.de.md)\|[Französisch](./README.fr.md)\|[Spanisch](README.es.md)\|[japanisch](./README.ja.md)
+**Englisch**\|[中文](./README.zh-CN.md)\|[Deutsch](./README.de.md)\|[Französisch](./README.fr.md)\|[Spanisch](README.es.md)\|[japanisch](./README.ja.md)
 
 </div>
 
@@ -114,7 +114,7 @@ MemFree ist mit leistungsstarken Funktionen ausgestattet, die verschiedene Such-
 
 <a href="https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fmemfreeme%2Fmemfree&env=UPSTASH_REDIS_REST_URL,UPSTASH_REDIS_REST_TOKEN,OPENAI_API_KEY,MEMFREE_HOST,AUTH_SECRET,API_TOKEN&envDescription=https%3A%2F%2Fgithub.com%2Fmemfreeme%2Fmemfree%2Fblob%2Fmain%2Ffrontend%2Fenv-example&project-name=memfree&repository-name=memfree&demo-title=MemFree&demo-description=MemFree – Hybrid AI Search Engine&demo-url=https%3A%2F%2Fwww.memfree.me%2F&demo-image=https%3A%2F%2Fwww.memfree.me%2Fog.png&root-directory=frontend"><img src="https://vercel.com/button" alt="Deploy with Vercel"/></a>
 
-### 3 Stellen Sie das Frontend mit Netlify bereit
+### 3 Deploy Frontend with Netlify
 
 <a href="https://app.netlify.com/start/deploy?repository=https://github.com/memfreeme/memfree&create_from_path=frontend/#UPSTASH_REDIS_REST_TOKEN
 =your_api_token&UPSTASH_REDIS_REST_URL=your_rest_url&SERPER_API_KEY=your_api_key&AUTH_SECRET=your_auth_key&OPENAI_API_KEY=your_api_key"><img src="https://www.netlify.com/img/deploy/button.svg" alt="Deploy to Netlify"></a>
@@ -153,7 +153,7 @@ Holen Sie sich einen Serper-API-Schlüssel:[Serper](https://serper.dev/api-key)
 
     bun i
 
-    cp env.example .env
+    cp env-example .env
 
     # Add your OpenAI API Key, Upstash Redis URL, and Serper API Key to .env
 
@@ -165,7 +165,7 @@ Holen Sie sich einen Serper-API-Schlüssel:[Serper](https://serper.dev/api-key)
 
     bun i
 
-    cp env.example .env
+    cp env-example .env
 
     # Add your OpenAI API Key, Upstash Redis URL to .env
 
@@ -175,14 +175,14 @@ Holen Sie sich einen Serper-API-Schlüssel:[Serper](https://serper.dev/api-key)
 
 So können Sie einen Beitrag leisten:
 
-- [Öffnen Sie ein Problem](https://github.com/memfreeme/memfree/issues) if you believe you've encountered a bug.
-- Machen Sie ein[Pull-Anfrage](https://github.com/memfreeme/memfree/pulls)um neue Funktionen hinzuzufügen/die Lebensqualität zu verbessern/Fehler zu beheben.
+- [Öffnen Sie ein Problem](https://github.com/memfreeme/memfree/issues)wenn Sie glauben, dass Sie auf einen Fehler gestoßen sind.
+- Make a [Pull-Anfrage](https://github.com/memfreeme/memfree/pulls)um neue Funktionen hinzuzufügen/die Lebensqualität zu verbessern/Fehler zu beheben.
 
 ## Vielen Dank an alle Mitwirkenden
 
 <p align="left">
  <a href="https://github.com/memfreeme/memfree/graphs/contributors">
-  <img src="https://contributors-img.web.app/image?repo=memfreeme/memfree" />
+  <img src="https://contrib.rocks/image?repo=memfreeme/memfree" />
  </a>
 </p>
 

README.es.md

@@ -66,7 +66,7 @@ MemFree está equipado con potentes funciones que satisfacen diversas necesidade
 
 -   📄**Compatibilidad de formatos de archivos locales**: Admite archivos de texto, PDF, Docx, PPTX y Markdown.
 
--   🔄**Sincronización entre dispositivos**: guarde y sincronice el historial de búsqueda en varios dispositivos.
+-   🔄**Cross-Device Syncing**: guarde y sincronice el historial de búsqueda en varios dispositivos.
 
 -   🌍**Soporte multilingüe**: Disponible en inglés, chino, alemán, francés, español, japonés y árabe.
 
@@ -88,7 +88,7 @@ MemFree está equipado con potentes funciones que satisfacen diversas necesidade
 -   **📱 Código responsivo y vista previa**: Obtenga una vista previa de su interfaz de usuario en varios dispositivos en tiempo real, lo que garantiza una adaptación perfecta a todos los tamaños de pantalla.
 -   **🌓 Código y vista previa del modo oscuro**: Genere sin esfuerzo código de interfaz de usuario impulsado por IA con soporte para modo oscuro incorporado, lo que le permite obtener una vista previa de los modos claro y oscuro al instante.
 -   **📸 Exportación de capturas de pantalla de la interfaz de usuario**: Exporte y comparta fácilmente sus diseños de interfaz de usuario como capturas de pantalla de alta calidad para una colaboración perfecta
--   **🛠️ Corrección de errores inteligente**: Si bien el modelo de IA avanzado de MemFree y las sofisticadas reglas de código se esfuerzan por alcanzar la perfección, pueden ocurrir errores ocasionales. Nuestra función de corrección inteligente de errores le permite solucionar instantáneamente cualquier problema con solo un clic
+-   **🛠️ Corrección de errores inteligente**: Si bien el modelo de IA avanzado de MemFree y las sofisticadas reglas de código se esfuerzan por alcanzar la perfección, pueden ocurrir errores ocasionales. Nuestra función de corrección inteligente de errores le permite solucionar instantáneamente cualquier problema con un solo clic
 
 ## Flujo de trabajo de búsqueda de IA híbrida de MemFree
 
@@ -110,7 +110,7 @@ MemFree está equipado con potentes funciones que satisfacen diversas necesidade
 
 <a href="https://zeabur.com/templates/CE71SC?referralCode=memfree"><img src="https://zeabur.com/button.svg" alt="Deploy on Zeabur"/></a>
 
-### 2 Implementar interfaz con Vercel
+### 2 Implementar frontend con Vercel
 
 <a href="https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fmemfreeme%2Fmemfree&env=UPSTASH_REDIS_REST_URL,UPSTASH_REDIS_REST_TOKEN,OPENAI_API_KEY,MEMFREE_HOST,AUTH_SECRET,API_TOKEN&envDescription=https%3A%2F%2Fgithub.com%2Fmemfreeme%2Fmemfree%2Fblob%2Fmain%2Ffrontend%2Fenv-example&project-name=memfree&repository-name=memfree&demo-title=MemFree&demo-description=MemFree – Hybrid AI Search Engine&demo-url=https%3A%2F%2Fwww.memfree.me%2F&demo-image=https%3A%2F%2Fwww.memfree.me%2Fog.png&root-directory=frontend"><img src="https://vercel.com/button" alt="Deploy with Vercel"/></a>
 
@@ -153,7 +153,7 @@ Obtenga una clave API de Serper:[Serpiente](https://serper.dev/api-key)
 
     bun i
 
-    cp env.example .env
+    cp env-example .env
 
     # Add your OpenAI API Key, Upstash Redis URL, and Serper API Key to .env
 
@@ -165,7 +165,7 @@ Obtenga una clave API de Serper:[Serpiente](https://serper.dev/api-key)
 
     bun i
 
-    cp env.example .env
+    cp env-example .env
 
     # Add your OpenAI API Key, Upstash Redis URL to .env
 
@@ -182,7 +182,7 @@ Así es como puedes contribuir:
 
 <p align="left">
  <a href="https://github.com/memfreeme/memfree/graphs/contributors">
-  <img src="https://contributors-img.web.app/image?repo=memfreeme/memfree" />
+  <img src="https://contrib.rocks/image?repo=memfreeme/memfree" />
  </a>
 </p>
 

README.fr.md

@@ -60,7 +60,7 @@ MemFree est équipé de fonctionnalités puissantes qui répondent à divers bes
 
 -   🌐**Plusieurs moteurs de recherche pris en charge**: Fonctionne avec Google, Exa et Vector.
 
--   🖼️**Format d'entrée de recherche multiple**: Texte, images, fichiers et pages Web, en particulier, il prend en charge la recherche, la comparaison, le résumé et l'analyse multi-images.
+-   🖼️**Format d'entrée de recherche multiple**: Texte, images, fichiers et pages Web, en particulier, il prend en charge la recherche, la comparaison, la synthèse et l'analyse multi-images.
 
 -   📊**Plusieurs méthodes de présentation des résultats**: Textes, cartes mentales, images et vidéos.
 
@@ -84,7 +84,7 @@ MemFree est équipé de fonctionnalités puissantes qui répondent à divers bes
 -   **🔍 Recherche de contenu basée sur l'IA**: Enrichissez votre interface utilisateur avec du contenu pertinent grâce à notre fonctionnalité de recherche avancée par IA
 -   **🖼 Génération d'interface utilisateur basée sur l'image** : Créez des composants et des pages d'interface utilisateur qui correspondent étroitement à vos images de référence
 -   **⚛️ Intégration de l'interface utilisateur React + TailWind + Shadcn** : exploitez le code généré par l'IA à l'aide de la pile frontale la plus populaire : React, TailWind et Shadcn UI
--   **🚀 Publication de l'interface utilisateur en un clic**: Publiez et partagez votre interface utilisateur sur le Web instantanément en un seul clic
+-   **🚀 Publication de l'interface utilisateur en un clic**: Publiez et partagez instantanément votre interface utilisateur sur le Web en un seul clic
 -   **📱 Code réactif et aperçu**: prévisualisez votre interface utilisateur sur différents appareils en temps réel, garantissant une adaptation parfaite à toutes les tailles d'écran
 -   **🌓 Code et aperçu du mode sombre**: Générez sans effort du code d'interface utilisateur alimenté par l'IA avec prise en charge intégrée du mode sombre, vous permettant de prévisualiser instantanément les modes clair et sombre
 -   **📸 Exportation de capture d'écran de l'interface utilisateur**: Exportez et partagez facilement vos conceptions d'interface utilisateur sous forme de captures d'écran de haute qualité pour une collaboration transparente
@@ -153,7 +153,7 @@ Obtenez une clé API Serper :[Serper](https://serper.dev/api-key)
 
     bun i
 
-    cp env.example .env
+    cp env-example .env
 
     # Add your OpenAI API Key, Upstash Redis URL, and Serper API Key to .env
 
@@ -165,7 +165,7 @@ Obtenez une clé API Serper :[Serper](https://serper.dev/api-key)
 
     bun i
 
-    cp env.example .env
+    cp env-example .env
 
     # Add your OpenAI API Key, Upstash Redis URL to .env
 
@@ -182,7 +182,7 @@ Voici comment vous pouvez contribuer :
 
 <p align="left">
  <a href="https://github.com/memfreeme/memfree/graphs/contributors">
-  <img src="https://contributors-img.web.app/image?repo=memfreeme/memfree" />
+  <img src="https://contrib.rocks/image?repo=memfreeme/memfree" />
  </a>
 </p>
 

README.ja.md

@@ -48,7 +48,7 @@ Memfree は、最も強力な AI モデルである Claude 3.5 Sonnet と、最
 ## MemFree の価値は何ですか?
 
 -   **効率的なナレッジマネジメント**: MemFree を使用すると、メモ、ブックマーク、ドキュメントを手動で整理する必要がなくなります。情報が必要な場合は、MemFree 内を検索するだけで関連する回答がすぐに見つかり、メモリが解放され、生産性が向上します。
--   **時間を節約する AI サマリー**: MemFree は、複数の Google 検索結果をクリックする代わりに、AI を使用して Web ページとナレッジ ベースから最適なコンテンツを即座に要約し、貴重な時間を節約します。
+-   **時間を節約する AI サマリー**: MemFree は、複数の Google 検索結果をクリックする代わりに、AI を使用して Web ページやナレッジ ベースから最適なコンテンツを即座に要約し、貴重な時間を節約します。
 -   **費用対効果の高いソリューション**: ChatGPT Plus、Claude Pro、Gemini Advanced などのサービスへの複数のサブスクリプションは避けてください。 MemFree はそれらの機能を統合し、月々のコストを大幅に削減します。
 -   **100 倍高速な UI ページ作成**: テキストや画像を数秒で素晴らしい、本番環境に対応したコードに変換し、デザインを作成しながら視覚化し、ページをシームレスに公開します。
 
@@ -153,7 +153,7 @@ Serper API キーを取得します。[サーペル](https://serper.dev/api-key)
 
     bun i
 
-    cp env.example .env
+    cp env-example .env
 
     # Add your OpenAI API Key, Upstash Redis URL, and Serper API Key to .env
 
@@ -165,7 +165,7 @@ Serper API キーを取得します。[サーペル](https://serper.dev/api-key)
 
     bun i
 
-    cp env.example .env
+    cp env-example .env
 
     # Add your OpenAI API Key, Upstash Redis URL to .env
 
@@ -182,7 +182,7 @@ Serper API キーを取得します。[サーペル](https://serper.dev/api-key)
 
 <p align="left">
  <a href="https://github.com/memfreeme/memfree/graphs/contributors">
-  <img src="https://contributors-img.web.app/image?repo=memfreeme/memfree" />
+  <img src="https://contrib.rocks/image?repo=memfreeme/memfree" />
  </a>
 </p>
 

README.md

@@ -156,7 +156,7 @@ cd frontend
 
 bun i
 
-cp env.example .env
+cp env-example .env
 
 # Add your OpenAI API Key, Upstash Redis URL, and Serper API Key to .env
 
@@ -170,7 +170,7 @@ cd vector
 
 bun i
 
-cp env.example .env
+cp env-example .env
 
 # Add your OpenAI API Key, Upstash Redis URL to .env
 
@@ -188,7 +188,7 @@ Here's how you can contribute:
 
 <p align="left">
  <a href="https://github.com/memfreeme/memfree/graphs/contributors">
-  <img src="https://contributors-img.web.app/image?repo=memfreeme/memfree" />
+  <img src="https://contrib.rocks/image?repo=memfreeme/memfree" />
  </a>
 </p>
 

README.zh-CN.md

@@ -8,7 +8,7 @@
 
 <div align="center">
 
-**英语**\|[中文](./README.zh-CN.md)\|[德语](./README.de.md)\|[法语](./README.fr.md)\|[Español](README.es.md)\|[日本人](./README.ja.md)
+**英语**\|[中文](./README.zh-CN.md)\|[德语](./README.de.md)\|[法语](./README.fr.md)\|[西班牙语](README.es.md)\|[日本人](./README.ja.md)
 
 </div>
 
@@ -48,7 +48,7 @@ Memfree 使用最强大的 AI 模型 - Claude 3.5 Sonnet 和最流行的前端
 ## 是什么让 MemFree 有价值？
 
 - **高效的知识管理**：MemFree 消除了手动组织笔记、书签和文档的需要。当您需要信息时，只需在 MemFree 中搜索即可快速找到相关答案，从而释放您的内存并提高工作效率。
-- **节省时间的人工智能摘要**：MemFree 无需点击多个 Google 搜索结果，而是使用 AI 立即总结网页和知识库中的最佳内容，从而节省宝贵的时间。
+- **节省时间的人工智能摘要**：MemFree 使用 AI 立即总结网页和知识库中的最佳内容，无需点击多个 Google 搜索结果，从而节省宝贵的时间。
 - **经济高效的解决方案**：避免多次订阅 ChatGPT Plus、Claude Pro 和 Gemini Advanced 等服务。 MemFree 集成了它们的功能，显着降低了每月的成本。
 - **UI 页面创建速度提高 100 倍**：在几秒钟内将文本或图像转换为令人惊叹的、可用于生产的代码，在创建时可视化您的设计，无缝发布您的页面。
 
@@ -83,7 +83,7 @@ MemFree 配备强大的功能，可满足各种搜索和生产力需求：
 - **🖥️ 实时 UI 预览**：即时渲染并预览生成的 UI
 - **🔍 AI 支持的内容搜索**：使用我们先进的人工智能搜索功能，用相关内容丰富您的用户界面
 - **🖼 图像驱动的 UI 生成**：创建与您的参考图像紧密匹配的 UI 组件和页面
-- **⚛️ React + TailWind + Shadcn UI 集成**：使用最流行的前端堆栈利用人工智能生成的代码：React、TailWind 和 Shadcn UI
+- **⚛️ React + TailWind + Shadcn UI Integration**：使用最流行的前端堆栈利用人工智能生成的代码：React、TailWind 和 Shadcn UI
 - **🚀 一键式 UI 发布**：只需单击一下即可立即将您的 UI 发布并共享到网络上
 - **📱 响应式代码和预览**：跨各种设备实时预览您的 UI，确保完美适应所有屏幕尺寸
 - **🌓 深色模式代码和预览**：轻松生成人工智能驱动的 UI 代码，并内置深色模式支持，让您可以立即预览浅色和深色模式
@@ -153,7 +153,7 @@ MemFree 配备强大的功能，可满足各种搜索和生产力需求：
 
     bun i
 
-    cp env.example .env
+    cp env-example .env
 
     # Add your OpenAI API Key, Upstash Redis URL, and Serper API Key to .env
 
@@ -165,7 +165,7 @@ MemFree 配备强大的功能，可满足各种搜索和生产力需求：
 
     bun i
 
-    cp env.example .env
+    cp env-example .env
 
     # Add your OpenAI API Key, Upstash Redis URL to .env
 
@@ -182,7 +182,7 @@ MemFree 配备强大的功能，可满足各种搜索和生产力需求：
 
 <p align="left">
  <a href="https://github.com/memfreeme/memfree/graphs/contributors">
-  <img src="https://contributors-img.web.app/image?repo=memfreeme/memfree" />
+  <img src="https://contrib.rocks/image?repo=memfreeme/memfree" />
  </a>
 </p>
 

frontend/app/[locale]/error.tsx

@@ -6,7 +6,7 @@ export default function Error({ reset }: { reset: () => void }) {
     return (
         <div className="flex min-h-screen flex-col items-center justify-center">
             <h2 className="mb-5 text-center">Something went wrong!</h2>
-            <Button type="submit" variant="default" onClick={() => reset()}>
+            <Button type="submit" variant="default" onClick={() => reset()} aria-label="Try again">
                 Try again
             </Button>
         </div>

frontend/app/[locale]/not-found.tsx

@@ -12,10 +12,10 @@ export default function NotFound() {
             <h2 className="my-2 font-heading text-2xl font-bold">Something&apos;s missing</h2>
             <p>Sorry, the page you are looking for doesn&apos;t exist or has been moved.</p>
             <div className="mt-8 flex justify-center gap-2">
-                <Button onClick={() => router.back()} variant="default" size="lg">
+                <Button onClick={() => router.back()} variant="default" size="lg" aria-label="Go back to the previous page">
                     Go back
                 </Button>
-                <Button onClick={() => router.push('/')} variant="ghost" size="lg">
+                <Button onClick={() => router.push('/')} variant="ghost" size="lg" aria-label="Go back to the home page">
                     Back to Home
                 </Button>
             </div>