Merge branch 'Chainlit:main' into main

.github/CONTRIBUTING.md

@@ -18,7 +18,6 @@ I've copy/pasted the whole document there, without the previous two headings.
     - [Install python dependencies](#install-python-dependencies)
   - [Start the Chainlit server from source](#start-the-chainlit-server-from-source)
   - [Start the UI from source](#start-the-ui-from-source)
-  - [Develop locally on `libs/react-components`](#develop-locally-on-libsreact-components)
   - [Run the tests](#run-the-tests)
     - [Run one test](#run-one-test)
 
@@ -117,19 +116,6 @@ pnpm run dev --port 5174
 
 If you visit `http://127.0.0.1:5174/`, it should connect to your local server. If the local server is not running, it should say that it can't connect to the server.
 
-## Develop locally on `libs/react-components`
-
-Reusable UI components are living in the separate npm package `libs/react-components`. The main Chainlit UI build and import that package automatically.
-
-You can enable hot module replacement for development.
-
-```sh
-cd libs/react-components
-pnpm run build:watch
-```
-
-This will watch for file changes in `libs/react-components` and automatically rebuild the library as you develop.
-
 ## Run the tests
 
 Run `pnpm test`

.github/workflows/ci.yaml

@@ -14,13 +14,10 @@ jobs:
   tests:
     uses: ./.github/workflows/tests.yaml
     secrets: inherit
-  tests-components:
-    uses: ./.github/workflows/tests-components.yaml
-    secrets: inherit
   ci:
     runs-on: ubuntu-latest
     name: Run CI
-    needs: [mypy, tests, tests-components]
+    needs: [mypy, tests]
     steps:
       - name: 'Done'
         run: echo "Done"

backend/chainlit/langchain/callbacks.py

@@ -534,6 +534,7 @@ def _on_run_update(self, run: Run) -> None:
 
                 current_step.language = "json"
                 current_step.output = json.dumps(message_completion)
+                completion = message_completion.get("content", "")
             else:
                 completion_start = self.completion_generations[str(run.id)]
                 completion = generation.get("text", "")

backend/chainlit/markdown.py

@@ -30,9 +30,19 @@ def init_markdown(root: str):
             logger.info(f"Created default chainlit markdown file at {chainlit_md_file}")
 
 
-def get_markdown_str(root: str):
+def get_markdown_str(root: str, language: str):
     """Get the chainlit.md file as a string."""
-    chainlit_md_path = os.path.join(root, "chainlit.md")
+    translated_chainlit_md_path = os.path.join(root, f"chainlit_{language}.md")
+    default_chainlit_md_path = os.path.join(root, "chainlit.md")
+
+    if os.path.exists(translated_chainlit_md_path):
+        chainlit_md_path = translated_chainlit_md_path
+    else:
+        chainlit_md_path = default_chainlit_md_path
+        logger.warning(
+            f"Translated markdown file for {language} not found. Defaulting to chainlit.md."
+        )
+
     if os.path.exists(chainlit_md_path):
         with open(chainlit_md_path, "r", encoding="utf-8") as f:
             chainlit_md = f.read()

backend/chainlit/server.py

@@ -511,6 +511,9 @@ async def project_settings(
     # Load translation based on the provided language
     translation = config.load_translation(language)
 
+    # Load the markdown file based on the provided language
+    markdown = get_markdown_str(config.root, language)
+
     profiles = []
     if config.code.set_chat_profiles:
         chat_profiles = await config.code.set_chat_profiles(current_user)
@@ -523,7 +526,7 @@ async def project_settings(
             "userEnv": config.project.user_env,
             "dataPersistence": get_data_layer() is not None,
             "threadResumable": bool(config.code.on_chat_resume),
-            "markdown": get_markdown_str(config.root),
+            "markdown": markdown,
             "chatProfiles": profiles,
             "translation": translation,
         }

backend/chainlit/translations/de.json

@@ -34,6 +34,7 @@
                 "confirm": "Best\u00e4tigen"
             },
             "settingsModal": {
+                "settings": "Einstellungen",
                 "expandMessages": "Nachrichten ausklappen",
                 "hideChainOfThought": "Zwischenschritte verbergen",
                 "darkMode": "Dunkelmodus"
@@ -43,6 +44,7 @@
             "chat": {
                 "history": {
                     "index": {
+                        "showHistory": "Zeige Chatverlauf",
                         "lastInputs": "Letzte Eingaben",
                         "noInputs": "Leer...",
                         "loading": "L\u00e4dt..."

backend/chainlit/translations/en-US.json

@@ -34,6 +34,7 @@
         "confirm": "Confirm"
       },
       "settingsModal": {
+        "settings": "Settings",
         "expandMessages": "Expand Messages",
         "hideChainOfThought": "Hide Chain of Thought",
         "darkMode": "Dark Mode"
@@ -43,6 +44,7 @@
       "chat": {
         "history": {
           "index": {
+            "showHistory": "Show history",
             "lastInputs": "Last Inputs",
             "noInputs": "Such empty...",
             "loading": "Loading..."

backend/chainlit/translations/pt-BR.json

@@ -34,6 +34,7 @@
         "confirm": "Confirmar"
       },
       "settingsModal": {
+        "settings": "Configurações",
         "expandMessages": "Expandir Mensagens",
         "hideChainOfThought": "Esconder Sequência de Pensamento",
         "darkMode": "Modo Escuro"
@@ -43,6 +44,7 @@
       "chat": {
         "history": {
           "index": {
+            "showHistory": "Mostrar histórico",
             "lastInputs": "Últimas Entradas",
             "noInputs": "Vazio...",
             "loading": "Carregando..."

cypress/e2e/readme/chainlit_pt-BR.md

@@ -0,0 +1,15 @@
+# Bem-vindo ao Chainlit! 🚀🤖
+
+Olá, desenvolvedor! 👋 Estamos empolgados em tê-lo a bordo. O Chainlit é uma ferramenta poderosa projetada para ajudá-lo a prototipar, depurar e compartilhar aplicativos construídos em cima de LLMs.
+
+## Links úteis 🔗
+
+- **Documentação:** Comece com a nossa abrangente Documentação do Chainlit 📚
+- **Comunidade no Discord:** Junte-se ao nosso amigável Discord do Chainlit para fazer perguntas, compartilhar seus projetos e se conectar com outros desenvolvedores! 💬
+
+Mal podemos esperar para ver o que você cria com o Chainlit! Boa codificação! 💻😊
+
+## Tela de boas-vindas
+
+Para modificar a tela de boas-vindas, edite o arquivo chainlit.md
+ na raiz do seu projeto. Se você não quiser uma tela de boas-vindas, basta deixar este arquivo vazio.

cypress/e2e/readme/main.py

@@ -0,0 +1 @@
+import chainlit as cl

cypress/e2e/readme/spec.cy.ts

@@ -0,0 +1,34 @@
+import { runTestServer } from '../../support/testUtils';
+
+describe('readme_language', () => {
+  before(() => {
+    runTestServer();
+  });
+
+  it('should show default markdown on open', () => {
+    cy.visit('/readme');
+    cy.contains('Welcome to Chainlit!');
+  });
+
+  it('should show Portguese markdown on pt-BR language', () => {
+    cy.visit('/readme', {
+      onBeforeLoad(win) {
+        Object.defineProperty(win.navigator, 'language', {
+          value: 'pt-BR'
+        });
+      }
+    });
+    cy.contains('Bem-vindo ao Chainlit!');
+  });
+
+  it('should fallback to default markdown on Klingon language', () => {
+    cy.visit('/readme', {
+      onBeforeLoad(win) {
+        Object.defineProperty(win.navigator, 'language', {
+          value: 'Klingon'
+        });
+      }
+    });
+    cy.contains('Welcome to Chainlit!');
+  });
+});

frontend/package.json

@@ -9,42 +9,71 @@
     "build": "tsc && vite build",
     "preview": "vite preview",
     "lint": "eslint ./src --ext .ts,.tsx && tsc --noemit",
-    "format": "prettier src/**/*.{ts,tsx} --write --loglevel error"
+    "format": "prettier src/**/*.{ts,tsx} --write --loglevel error",
+    "test": "vitest run",
+    "prepublish": "pnpm run build && pnpm test"
   },
   "dependencies": {
     "@chainlit/react-client": "workspace:^",
-    "@chainlit/react-components": "workspace:^",
     "@emotion/react": "^11.11.1",
     "@emotion/styled": "^11.11.0",
     "@mui/icons-material": "^5.14.9",
     "@mui/lab": "^5.0.0-alpha.122",
     "@mui/material": "^5.14.10",
+    "draft-js": "^0.11.7",
     "formik": "^2.4.3",
+    "highlight.js": "^11.9.0",
     "i18next": "^23.7.16",
     "lodash": "^4.17.21",
+    "mui-chips-input": "2.0.0",
+    "plotly.js": "^2.27.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-dropzone": "^14.2.3",
+    "react-file-icon": "^1.3.0",
     "react-hotkeys-hook": "^4.4.1",
     "react-i18next": "^14.0.0",
+    "react-markdown": "^9.0.1",
+    "react-password-checklist": "^1.5.0",
+    "react-plotly.js": "^2.6.0",
+    "react-resizable": "^3.0.5",
     "react-router-dom": "^6.15.0",
     "react-speech-recognition": "^3.10.0",
     "recoil": "^0.7.7",
     "regenerator-runtime": "^0.14.0",
+    "rehype-katex": "^7.0.0",
+    "rehype-raw": "^7.0.0",
+    "remark-gfm": "^4.0.0",
+    "remark-math": "^6.0.0",
     "sonner": "^1.2.3",
+    "swr": "^2.2.2",
     "usehooks-ts": "^2.9.1",
     "uuid": "^9.0.0",
     "yup": "^1.2.0"
   },
   "devDependencies": {
+    "@swc/core": "^1.3.86",
+    "@testing-library/jest-dom": "^5.17.0",
+    "@testing-library/react": "^14.0.0",
+    "@types/draft-js": "^0.11.10",
     "@types/lodash": "^4.14.199",
     "@types/node": "^20.5.7",
     "@types/react": "^18.2.0",
+    "@types/react-file-icon": "^1.0.2",
+    "@types/react-plotly.js": "^2.6.3",
+    "@types/react-resizable": "^3.0.4",
     "@types/react-speech-recognition": "^3.9.2",
     "@types/uuid": "^9.0.3",
+    "@vitejs/plugin-react": "^4.0.4",
     "@vitejs/plugin-react-swc": "^3.3.2",
+    "immutable": "^4.3.4",
+    "jsdom": "^22.1.0",
+    "tslib": "^2.6.2",
+    "tsup": "^7.2.0",
     "typescript": "^5.2.2",
     "vite": "^4.4.9",
     "vite-plugin-svgr": "^4.2.0",
-    "vite-tsconfig-paths": "^4.2.0"
+    "vite-tsconfig-paths": "^4.2.0",
+    "vitest": "^0.34.4"
   }
 }