Merge pull request #928 from ItzCrazyKns/master

Merge master into canary

README.md

@@ -49,29 +49,10 @@ Perplexica's development is powered by the generous support of our sponsors. The
   <img alt="Warp Terminal" src=".assets/sponsers/warp.png" width="100%">
 </a>
 
-### **✨ [Try Warp - The AI-Powered Terminal →](https://www.warp.dev/perplexica)**
-
-Warp is revolutionizing development workflows with AI-powered features, modern UX, and blazing-fast performance. Used by developers at top companies worldwide.
+**[Warp](https://www.warp.dev/perplexica)** - The AI-powered terminal revolutionizing development workflows
 
 </div>
 
----
-
-We'd also like to thank the following partners for their generous support:
-
-<table>
-  <tr>
-    <td width="100" align="center">
-      <a href="https://dashboard.exa.ai" target="_blank">
-        <img src=".assets/sponsers/exa.png" alt="Exa" width="80" height="80" style="border-radius: .75rem;" />
-      </a>
-    </td>
-    <td>
-      <a href="https://dashboard.exa.ai">Exa</a> • The Perfect Web Search API for LLMs - web search, crawling, deep research, and answer APIs
-    </td>
-  </tr>
-</table>
-
 ## Installation
 
 There are mainly 2 ways of installing Perplexica - With Docker, Without Docker. Using Docker is highly recommended.

src/components/EmptyChat.tsx

@@ -1,6 +1,3 @@
-'use client';
-
-import { useEffect, useState } from 'react';
 import { Settings } from 'lucide-react';
 import EmptyChatMessageInput from './EmptyChatMessageInput';
 import { File } from './ChatWindow';
@@ -8,39 +5,8 @@ import Link from 'next/link';
 import WeatherWidget from './WeatherWidget';
 import NewsArticleWidget from './NewsArticleWidget';
 import SettingsButtonMobile from '@/components/Settings/SettingsButtonMobile';
-import {
-  getShowNewsWidget,
-  getShowWeatherWidget,
-} from '@/lib/config/clientRegistry';
 
 const EmptyChat = () => {
-  const [showWeather, setShowWeather] = useState(() =>
-    typeof window !== 'undefined' ? getShowWeatherWidget() : true,
-  );
-  const [showNews, setShowNews] = useState(() =>
-    typeof window !== 'undefined' ? getShowNewsWidget() : true,
-  );
-
-  useEffect(() => {
-    const updateWidgetVisibility = () => {
-      setShowWeather(getShowWeatherWidget());
-      setShowNews(getShowNewsWidget());
-    };
-
-    updateWidgetVisibility();
-
-    window.addEventListener('client-config-changed', updateWidgetVisibility);
-    window.addEventListener('storage', updateWidgetVisibility);
-
-    return () => {
-      window.removeEventListener(
-        'client-config-changed',
-        updateWidgetVisibility,
-      );
-      window.removeEventListener('storage', updateWidgetVisibility);
-    };
-  }, []);
-
   return (
     <div className="relative">
       <div className="absolute w-full flex flex-row items-center justify-end mr-5 mt-5">
@@ -53,20 +19,14 @@ const EmptyChat = () => {
           </h2>
           <EmptyChatMessageInput />
         </div>
-        {(showWeather || showNews) && (
-          <div className="flex flex-col w-full gap-4 mt-2 sm:flex-row sm:justify-center">
-            {showWeather && (
-              <div className="flex-1 w-full">
-                <WeatherWidget />
-              </div>
-            )}
-            {showNews && (
-              <div className="flex-1 w-full">
-                <NewsArticleWidget />
-              </div>
-            )}
+        <div className="flex flex-col w-full gap-4 mt-2 sm:flex-row sm:justify-center">
+          <div className="flex-1 w-full">
+            <WeatherWidget />
           </div>
-        )}
+          <div className="flex-1 w-full">
+            <NewsArticleWidget />
+          </div>
+        </div>
       </div>
     </div>
   );

src/components/Settings/SettingsField.tsx

@@ -12,12 +12,6 @@ import { useTheme } from 'next-themes';
 import { Loader2 } from 'lucide-react';
 import { Switch } from '@headlessui/react';
 
-const emitClientConfigChanged = () => {
-  if (typeof window !== 'undefined') {
-    window.dispatchEvent(new Event('client-config-changed'));
-  }
-};
-
 const SettingsSelect = ({
   field,
   value,
@@ -41,7 +35,6 @@ const SettingsSelect = ({
         if (field.key === 'theme') {
           setTheme(newValue);
         }
-        emitClientConfigChanged();
       } else {
         const res = await fetch('/api/config', {
           method: 'POST',
@@ -113,7 +106,6 @@ const SettingsInput = ({
     try {
       if (field.scope === 'client') {
         localStorage.setItem(field.key, newValue);
-        emitClientConfigChanged();
       } else {
         const res = await fetch('/api/config', {
           method: 'POST',
@@ -190,7 +182,6 @@ const SettingsTextarea = ({
     try {
       if (field.scope === 'client') {
         localStorage.setItem(field.key, newValue);
-        emitClientConfigChanged();
       } else {
         const res = await fetch('/api/config', {
           method: 'POST',
@@ -267,7 +258,6 @@ const SettingsSwitch = ({
     try {
       if (field.scope === 'client') {
         localStorage.setItem(field.key, String(newValue));
-        emitClientConfigChanged();
       } else {
         const res = await fetch('/api/config', {
           method: 'POST',

src/lib/config/clientRegistry.ts

@@ -11,9 +11,3 @@ export const getAutoMediaSearch = () =>
 
 export const getSystemInstructions = () =>
   getClientConfig('systemInstructions', '');
-
-export const getShowWeatherWidget = () =>
-  getClientConfig('showWeatherWidget', 'true') === 'true';
-
-export const getShowNewsWidget = () =>
-  getClientConfig('showNewsWidget', 'true') === 'true';

src/lib/config/index.ts

@@ -69,24 +69,6 @@ class ConfigManager {
         default: true,
         scope: 'client',
       },
-      {
-        name: 'Show weather widget',
-        key: 'showWeatherWidget',
-        type: 'switch',
-        required: false,
-        description: 'Display the weather card on the home screen.',
-        default: true,
-        scope: 'client',
-      },
-      {
-        name: 'Show news widget',
-        key: 'showNewsWidget',
-        type: 'switch',
-        required: false,
-        description: 'Display the recent news card on the home screen.',
-        default: true,
-        scope: 'client',
-      },
     ],
     personalization: [
       {