feat(Le Chat): Add new presence (#9271)

* fix(package-lock-version): upgraded cli version in package-lock.json

* feat(lechat): added new presence

* fix(lechat): formatted

* fix(deepseek): fixed newline

* fix(lechat): changed tab

* fix(lechat): fixxed all the linting issues

* fix(lechat): removed name from tags

* fix(lechat): changed null to ""

* fix(lechat): removed possible null

* fix(lechat): fix quotes

* fix(lechat): possible null

* fix(lechat): possible null

* fix(lechat): possible null

* fix(lechat): possible null

* fix(lechat): possible null

---------

Co-authored-by: Daniel Lau <32113157+theusaf@users.noreply.github.com>
Co-authored-by: Florian Metz <me@timeraa.dev>
Co-authored-by: Bas van Zanten <me@bas950.com>

Author: 4 people

websites/L/Le Chat/Le Chat.json

@@ -0,0 +1,18 @@
+{
+  "leChat.startingPrompt": {
+    "description": "Displayed when the user is on the page to start a new prompt.",
+    "message": "Phrasing a new prompt..."
+  },
+  "leChat.talkingWithAi": {
+    "description": "Displayed when the user is engaging in a conversation with the AI and the Chat title is not shown",
+    "message": "Talking with AI about something"
+  },
+  "leChat.readingResponse": {
+    "description": "Displayed when the user is reading the response of the AI.",
+    "message": "Reading the AI's response"
+  },
+  "leChat.askingQuestion": {
+    "description": "Displayed when the user is asking a question.",
+    "message": "Asking a question..."
+  }
+}

websites/L/Le Chat/metadata.json

@@ -0,0 +1,35 @@
+{
+  "$schema": "https://schemas.premid.app/metadata/1.13",
+  "apiVersion": 1,
+  "author": {
+    "id": "1167417152664522764",
+    "name": "kaktuswerk"
+  },
+  "service": "Le Chat",
+  "description": {
+    "en": "Le Chat is a conversational entry point to interact with the various models from Mistral AI. It offers a pedagogical and fun way to explore Mistral AI’s technology."
+  },
+  "url": "chat.mistral.ai",
+  "version": "1.0.0",
+  "logo": "https://i.imgur.com/CzKaHyo.png",
+  "thumbnail": "https://i.imgur.com/GYS9A0f.png",
+  "color": "#fc7703",
+  "category": "other",
+  "tags": [
+    "mistral",
+    "ai",
+    "conversations"
+  ],
+  "settings": [
+    {
+      "id": "lang",
+      "multiLanguage": true
+    },
+    {
+      "id": "showTitle",
+      "title": "Show chat title",
+      "icon": "fa-solid fa-message-quote",
+      "value": true
+    }
+  ]
+}

websites/L/Le Chat/presence.ts

@@ -0,0 +1,61 @@
+const presence = new Presence({
+  clientId: '1338859356497641503',
+})
+async function getStrings() {
+  return presence.getStrings({
+    play: 'presence.playback.playing',
+    pause: 'presence.playback.paused',
+    newPrompt: 'leChat.startingPrompt',
+    talkingWithAi: 'leChat.talkingWithAi',
+    readingResponse: 'leChat.readingResponse',
+    askingQuestion: 'leChat.askingQuestion',
+  })
+}
+const browsingTimestamp = Math.floor(Date.now() / 1000)
+
+enum Assets {
+  Logo = 'https://i.imgur.com/CzKaHyo.png',
+}
+
+presence.on('UpdateData', async () => {
+  const { pathname } = document.location
+  const showTitle = await presence.getSetting<boolean>('showTitle')
+
+  let presenceDetail: string, presenceState: string
+
+  const strings = await getStrings()
+
+  if (pathname === '/chat') {
+    presenceDetail = strings?.newPrompt ?? ''
+  }
+  else if (pathname.includes('/chat/')) {
+    presenceDetail = (showTitle
+      ? document.querySelector('a[aria-label="Open chat"]>div')?.textContent
+      : strings?.talkingWithAi) ?? ''
+  }
+  else {
+    presenceDetail = strings.talkingWithAi
+  }
+
+  // Checking if the user is currently typing a question
+  if (document.querySelector('textarea')?.textContent !== '') {
+    presenceState = strings.askingQuestion
+  }
+  else if (
+    document.querySelector(
+      'div[class=\'flex h-fit w-full flex-col\'] > div:last-child[style*=\'transform:none\']',
+    )
+  ) {
+    presenceState = strings.readingResponse
+  }
+  else {
+    presenceState = ''
+  }
+
+  presence.setActivity({
+    largeImageKey: Assets.Logo,
+    startTimestamp: browsingTimestamp,
+    details: presenceDetail,
+    state: presenceState,
+  })
+})