Repository: leptonai/search_with_lepton
Branch: main
Commit: 0a2fe3713ee4
Files: 33
Total size: 77.5 KB
Directory structure:
gitextract_s5boz8oq/
├── .gitignore
├── LICENSE
├── README.md
├── lepton_template/
│ └── README.md
├── search_with_lepton.py
└── web/
├── .eslintrc.json
├── next.config.mjs
├── package.json
├── postcss.config.js
├── src/
│ └── app/
│ ├── components/
│ │ ├── answer.tsx
│ │ ├── footer.tsx
│ │ ├── logo.tsx
│ │ ├── popover.tsx
│ │ ├── preset-query.tsx
│ │ ├── relates.tsx
│ │ ├── result.tsx
│ │ ├── search.tsx
│ │ ├── skeleton.tsx
│ │ ├── sources.tsx
│ │ ├── title.tsx
│ │ └── wrapper.tsx
│ ├── globals.css
│ ├── interfaces/
│ │ ├── relate.ts
│ │ └── source.ts
│ ├── layout.tsx
│ ├── page.tsx
│ ├── search/
│ │ └── page.tsx
│ └── utils/
│ ├── cn.ts
│ ├── fetch-stream.ts
│ ├── get-search-url.ts
│ └── parse-streaming.ts
├── tailwind.config.ts
└── tsconfig.json
================================================
FILE CONTENTS
================================================
================================================
FILE: .gitignore
================================================
# Byte-compiled / optimized / DLL files
__pycache__/
*.py[cod]
*$py.class
# C extensions
*.so
# Distribution / packaging
.Python
build/
develop-eggs/
dist/
downloads/
eggs/
.eggs/
lib/
lib64/
parts/
sdist/
var/
wheels/
share/python-wheels/
*.egg-info/
.installed.cfg
*.egg
MANIFEST
# PyInstaller
# Usually these files are written by a python script from a template
# before PyInstaller builds the exe, so as to inject date/other infos into it.
*.manifest
*.spec
# Installer logs
pip-log.txt
pip-delete-this-directory.txt
# Unit test / coverage reports
htmlcov/
.tox/
.nox/
.coverage
.coverage.*
.cache
nosetests.xml
coverage.xml
*.cover
*.py,cover
.hypothesis/
.pytest_cache/
cover/
# Translations
*.mo
*.pot
# Django stuff:
*.log
local_settings.py
db.sqlite3
db.sqlite3-journal
# Flask stuff:
instance/
.webassets-cache
# Scrapy stuff:
.scrapy
# Sphinx documentation
docs/_build/
# PyBuilder
.pybuilder/
target/
# Jupyter Notebook
.ipynb_checkpoints
# IPython
profile_default/
ipython_config.py
# pyenv
# For a library or package, you might want to ignore these files since the code is
# intended to run in multiple environments; otherwise, check them in:
# .python-version
# pipenv
# According to pypa/pipenv#598, it is recommended to include Pipfile.lock in version control.
# However, in case of collaboration, if having platform-specific dependencies or dependencies
# having no cross-platform support, pipenv may install dependencies that don't work, or not
# install all needed dependencies.
#Pipfile.lock
# poetry
# Similar to Pipfile.lock, it is generally recommended to include poetry.lock in version control.
# This is especially recommended for binary packages to ensure reproducibility, and is more
# commonly ignored for libraries.
# https://python-poetry.org/docs/basic-usage/#commit-your-poetrylock-file-to-version-control
#poetry.lock
# pdm
# Similar to Pipfile.lock, it is generally recommended to include pdm.lock in version control.
#pdm.lock
# pdm stores project-wide configurations in .pdm.toml, but it is recommended to not include it
# in version control.
# https://pdm.fming.dev/#use-with-ide
.pdm.toml
# PEP 582; used by e.g. github.com/David-OConnor/pyflow and github.com/pdm-project/pdm
__pypackages__/
# Celery stuff
celerybeat-schedule
celerybeat.pid
# SageMath parsed files
*.sage.py
# Environments
.env
.venv
env/
venv/
ENV/
env.bak/
venv.bak/
# Spyder project settings
.spyderproject
.spyproject
# Rope project settings
.ropeproject
# mkdocs documentation
/site
# mypy
.mypy_cache/
.dmypy.json
dmypy.json
# Pyre type checker
.pyre/
# pytype static type analyzer
.pytype/
# Cython debug symbols
cython_debug/
# PyCharm
# JetBrains specific template is maintained in a separate JetBrains.gitignore that can
# be found at https://github.com/github/gitignore/blob/main/Global/JetBrains.gitignore
# and can be added to the global gitignore or merged into this file. For a more nuclear
# option (not recommended) you can uncomment the following to ignore the entire idea folder.
#.idea/
# Web related
# dependencies
node_modules/
/.pnp
.pnp.js
.yarn/install-state.gz
# testing
/coverage
# next.js
.next/
/out/
# production
/build
/ui
# misc
.DS_Store
.idea
*.pem
# debug
npm-debug.log*
yarn-debug.log*
yarn-error.log*
# local env files
.env*.local
# vercel
.vercel
# typescript
*.tsbuildinfo
next-env.d.ts
================================================
FILE: LICENSE
================================================
Apache License
Version 2.0, January 2004
http://www.apache.org/licenses/
TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
1. Definitions.
"License" shall mean the terms and conditions for use, reproduction,
and distribution as defined by Sections 1 through 9 of this document.
"Licensor" shall mean the copyright owner or entity authorized by
the copyright owner that is granting the License.
"Legal Entity" shall mean the union of the acting entity and all
other entities that control, are controlled by, or are under common
control with that entity. For the purposes of this definition,
"control" means (i) the power, direct or indirect, to cause the
direction or management of such entity, whether by contract or
otherwise, or (ii) ownership of fifty percent (50%) or more of the
outstanding shares, or (iii) beneficial ownership of such entity.
"You" (or "Your") shall mean an individual or Legal Entity
exercising permissions granted by this License.
"Source" form shall mean the preferred form for making modifications,
including but not limited to software source code, documentation
source, and configuration files.
"Object" form shall mean any form resulting from mechanical
transformation or translation of a Source form, including but
not limited to compiled object code, generated documentation,
and conversions to other media types.
"Work" shall mean the work of authorship, whether in Source or
Object form, made available under the License, as indicated by a
copyright notice that is included in or attached to the work
(an example is provided in the Appendix below).
"Derivative Works" shall mean any work, whether in Source or Object
form, that is based on (or derived from) the Work and for which the
editorial revisions, annotations, elaborations, or other modifications
represent, as a whole, an original work of authorship. For the purposes
of this License, Derivative Works shall not include works that remain
separable from, or merely link (or bind by name) to the interfaces of,
the Work and Derivative Works thereof.
"Contribution" shall mean any work of authorship, including
the original version of the Work and any modifications or additions
to that Work or Derivative Works thereof, that is intentionally
submitted to Licensor for inclusion in the Work by the copyright owner
or by an individual or Legal Entity authorized to submit on behalf of
the copyright owner. For the purposes of this definition, "submitted"
means any form of electronic, verbal, or written communication sent
to the Licensor or its representatives, including but not limited to
communication on electronic mailing lists, source code control systems,
and issue tracking systems that are managed by, or on behalf of, the
Licensor for the purpose of discussing and improving the Work, but
excluding communication that is conspicuously marked or otherwise
designated in writing by the copyright owner as "Not a Contribution."
"Contributor" shall mean Licensor and any individual or Legal Entity
on behalf of whom a Contribution has been received by Licensor and
subsequently incorporated within the Work.
2. Grant of Copyright License. Subject to the terms and conditions of
this License, each Contributor hereby grants to You a perpetual,
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
copyright license to reproduce, prepare Derivative Works of,
publicly display, publicly perform, sublicense, and distribute the
Work and such Derivative Works in Source or Object form.
3. Grant of Patent License. Subject to the terms and conditions of
this License, each Contributor hereby grants to You a perpetual,
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
(except as stated in this section) patent license to make, have made,
use, offer to sell, sell, import, and otherwise transfer the Work,
where such license applies only to those patent claims licensable
by such Contributor that are necessarily infringed by their
Contribution(s) alone or by combination of their Contribution(s)
with the Work to which such Contribution(s) was submitted. If You
institute patent litigation against any entity (including a
cross-claim or counterclaim in a lawsuit) alleging that the Work
or a Contribution incorporated within the Work constitutes direct
or contributory patent infringement, then any patent licenses
granted to You under this License for that Work shall terminate
as of the date such litigation is filed.
4. Redistribution. You may reproduce and distribute copies of the
Work or Derivative Works thereof in any medium, with or without
modifications, and in Source or Object form, provided that You
meet the following conditions:
(a) You must give any other recipients of the Work or
Derivative Works a copy of this License; and
(b) You must cause any modified files to carry prominent notices
stating that You changed the files; and
(c) You must retain, in the Source form of any Derivative Works
that You distribute, all copyright, patent, trademark, and
attribution notices from the Source form of the Work,
excluding those notices that do not pertain to any part of
the Derivative Works; and
(d) If the Work includes a "NOTICE" text file as part of its
distribution, then any Derivative Works that You distribute must
include a readable copy of the attribution notices contained
within such NOTICE file, excluding those notices that do not
pertain to any part of the Derivative Works, in at least one
of the following places: within a NOTICE text file distributed
as part of the Derivative Works; within the Source form or
documentation, if provided along with the Derivative Works; or,
within a display generated by the Derivative Works, if and
wherever such third-party notices normally appear. The contents
of the NOTICE file are for informational purposes only and
do not modify the License. You may add Your own attribution
notices within Derivative Works that You distribute, alongside
or as an addendum to the NOTICE text from the Work, provided
that such additional attribution notices cannot be construed
as modifying the License.
You may add Your own copyright statement to Your modifications and
may provide additional or different license terms and conditions
for use, reproduction, or distribution of Your modifications, or
for any such Derivative Works as a whole, provided Your use,
reproduction, and distribution of the Work otherwise complies with
the conditions stated in this License.
5. Submission of Contributions. Unless You explicitly state otherwise,
any Contribution intentionally submitted for inclusion in the Work
by You to the Licensor shall be under the terms and conditions of
this License, without any additional terms or conditions.
Notwithstanding the above, nothing herein shall supersede or modify
the terms of any separate license agreement you may have executed
with Licensor regarding such Contributions.
6. Trademarks. This License does not grant permission to use the trade
names, trademarks, service marks, or product names of the Licensor,
except as required for reasonable and customary use in describing the
origin of the Work and reproducing the content of the NOTICE file.
7. Disclaimer of Warranty. Unless required by applicable law or
agreed to in writing, Licensor provides the Work (and each
Contributor provides its Contributions) on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
implied, including, without limitation, any warranties or conditions
of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
PARTICULAR PURPOSE. You are solely responsible for determining the
appropriateness of using or redistributing the Work and assume any
risks associated with Your exercise of permissions under this License.
8. Limitation of Liability. In no event and under no legal theory,
whether in tort (including negligence), contract, or otherwise,
unless required by applicable law (such as deliberate and grossly
negligent acts) or agreed to in writing, shall any Contributor be
liable to You for damages, including any direct, indirect, special,
incidental, or consequential damages of any character arising as a
result of this License or out of the use or inability to use the
Work (including but not limited to damages for loss of goodwill,
work stoppage, computer failure or malfunction, or any and all
other commercial damages or losses), even if such Contributor
has been advised of the possibility of such damages.
9. Accepting Warranty or Additional Liability. While redistributing
the Work or Derivative Works thereof, You may choose to offer,
and charge a fee for, acceptance of support, warranty, indemnity,
or other liability obligations and/or rights consistent with this
License. However, in accepting such obligations, You may act only
on Your own behalf and on Your sole responsibility, not on behalf
of any other Contributor, and only if You agree to indemnify,
defend, and hold each Contributor harmless for any liability
incurred by, or claims asserted against, such Contributor by reason
of your accepting any such warranty or additional liability.
END OF TERMS AND CONDITIONS
APPENDIX: How to apply the Apache License to your work.
To apply the Apache License to your work, attach the following
boilerplate notice, with the fields enclosed by brackets "[]"
replaced with your own identifying information. (Don't include
the brackets!) The text should be enclosed in the appropriate
comment syntax for the file format. We also recommend that a
file or class name and description of purpose be included on the
same "printed page" as the copyright notice for easier
identification within third-party archives.
Copyright [yyyy] [name of copyright owner]
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
================================================
FILE: README.md
================================================
<div align="center">
<h1 align="center">Search with Lepton</h1>
Build your own conversational search engine using less than 500 lines of code.
<br/>
<a href="https://search.lepton.run/" target="_blank"> Live Demo </a>
<br/>
<img width="70%" src="https://github.com/leptonai/search_with_lepton/assets/1506722/845d7057-02cd-404e-bbc7-60f4bae89680">
</div>
## Features
- Built-in support for LLM
- Built-in support for search engine
- Customizable pretty UI interface
- Shareable, cached search results
## Setup Search Engine API
There are two default supported search engines: Bing and Google.
### Bing Search
To use the Bing Web Search API, please visit [this link](https://www.microsoft.com/en-us/bing/apis/bing-web-search-api) to obtain your Bing subscription key.
### Google Search
You have three options for Google Search: you can use the [SearchApi Google Search API](https://www.searchapi.io/) from SearchApi, [Serper Google Search API](https://serper.dev) from Serper, or opt for the [Programmable Search Engine](https://developers.google.com/custom-search) provided by Google.
## Setup LLM and KV
> [!NOTE]
> We recommend using the built-in llm and kv functions with Lepton.
> Running the following commands to set up them automatically.
```shell
pip install -U leptonai openai && lep login
```
## Obtain Your Lepton AI Workspace Token
You can copy your workspace toke from the Lepton AI Dashboard → Settings → Tokens.
## Build
1. Set Bing subscription key
```shell
export BING_SEARCH_V7_SUBSCRIPTION_KEY=YOUR_BING_SUBSCRIPTION_KEY
```
2. Set Lepton AI workspace token
```shell
export LEPTON_WORKSPACE_TOKEN=YOUR_LEPTON_WORKSPACE_TOKEN
```
3. Build web
```shell
cd web && npm install && npm run build
```
4. Run server
```shell
BACKEND=BING python search_with_lepton.py
```
For Google Search using SearchApi:
```shell
export SEARCHAPI_API_KEY=YOUR_SEARCHAPI_API_KEY
BACKEND=SEARCHAPI python search_with_lepton.py
```
For Google Search using Serper:
```shell
export SERPER_SEARCH_API_KEY=YOUR_SERPER_API_KEY
BACKEND=SERPER python search_with_lepton.py
```
For Google Search using Programmable Search Engine:
```shell
export GOOGLE_SEARCH_API_KEY=YOUR_GOOGLE_SEARCH_API_KEY
export GOOGLE_SEARCH_CX=YOUR_GOOGLE_SEARCH_ENGINE_ID
BACKEND=GOOGLE python search_with_lepton.py
```
## Deploy
You can deploy this to Lepton AI with one click:
[](https://dashboard.lepton.ai/workspace-redirect/explore/detail/search-by-lepton)
You can also deploy your own version via
```shell
lep photon run -n search-with-lepton-modified -m search_with_lepton.py --env BACKEND=BING --env BING_SEARCH_V7_SUBSCRIPTION_KEY=YOUR_BING_SUBSCRIPTION_KEY
```
Learn more about `lep photon` [here](https://www.lepton.ai/docs/references/lep_photon).
================================================
FILE: lepton_template/README.md
================================================
# Lepton Search
Build your own conversational search engine using less than 500 lines of code.
See a live demo site https://search.lepton.run/
The source code of this project lives [here](https://github.com/leptonai/search_with_lepton/). This README will detail how to set up and deploy this project on Lepton's platform.
## Setup Search Engine API
You have a few options for setting up your search engine API. You can use Bing or Google, or if you just want to very quickly try the demo out, use the lepton demo API directly.
### Bing
If you are using Bing, you can subscribe to the bing search api [here](https://www.microsoft.com/en-us/bing/apis/bing-web-search-api). After that, write down the Bing search api subscription key. We follow the convention and name it `BING_SEARCH_V7_SUBSCRIPTION_KEY`. We recommend you store the key as a secret in Lepton.
### Google
If you choose to use Google, you can follow the instructions [here](https://developers.google.com/custom-search/v1/overview) to get your Google search api key. We follow the convention and name it `GOOGLE_SEARCH_API_KEY`. We recommend you store the key as a secret in Lepton. You will also get a search engine CX id, which you will need as well.
### SearchApi
If you want to use SearchApi, a 3rd party Google Search API, you can retrieve the API key by registering [here](https://www.searchapi.io/). We follow the convention and name it `SEARCHAPI_API_KEY`. We recommend you store the key as a secret in Lepton.
### Lepton Demo API
If you choose to use the lepton demo api, you don't need to do anything - your workspace credential will give you access to the demo api. Note that this does incur an API call cost.
## Deployment Configurations
Here are the configurations you can set for your deployment:
* Name: The name of your deployment, like "my-search"
* Resource Shape: most of heavy lifting will be done by the LLM server and the search engine API, so you can choose a small resource shape. `cpu.small` is usually good enough.
Then, set the following environmental variables.
* `BACKEND`: the search backend to use. If you don't have bing or google set up, simply use `LEPTON` to try the demo. Otherwise, do `BING`, `GOOGLE` or `SEARCHAPI`.
* `LLM_MODEL`: the LLM model to run. We recommend using `mixtral-8x7b`, but if you want to experiment other models, you can try the ones hosted on LeptonAI, for example, `llama2-70b`, `llama2-13b`, `llama2-7b`. Note that small models won't work that well.
* `KV_NAME`: the Lepton KV to use to store the search results. You can use the default `search-with-lepton`.
* `RELATED_QUESTIONS`: whether to generate related questions. If you set this to `true`, the search engine will generate related questions for you. Otherwise, it will not.
* `GOOGLE_SEARCH_CX`: if you are using google, specify the search cx. Otherwise, leave it empty.
* `LEPTON_ENABLE_AUTH_BY_COOKIE`: this is to allow web UI access to the deployment. Set it to `true`.
In addition, you will need to set the following secrets:
* `LEPTON_WORKSPACE_TOKEN`: this is required to call Lepton's LLM and KV apis. You can find your workspace token at [Settings](https://dashboard.lepton.ai/workspace-redirect/settings).
* `BING_SEARCH_V7_SUBSCRIPTION_KEY`: if you are using Bing, you need to specify the subscription key. Otherwise it is not needed.
* `GOOGLE_SEARCH_API_KEY`: if you are using Google, you need to specify the search api key. Note that you should also specify the cx in the env. If you are not using Google, it is not needed.
* `SEARCHAPI_API_KEY`: if you are using SearchApi, a 3rd party Google Search API, you need to specify the api key.
Once these fields are set, click `Deploy` button at the bottom of the page to create the deployment. You can see the deployment has now been created under [Deployments](https://dashboard.lepton.ai/workspace-redirect/deployments). Click on the deployment name to check the details. You’ll be able to see the deployment URL and status on this page.
Once the status is turned into `Ready`, click the URL on the deployment card to access it. Enjoy!
================================================
FILE: search_with_lepton.py
================================================
import concurrent.futures
import glob
import json
import os
import re
import threading
import requests
import traceback
from typing import Annotated, List, Generator, Optional
from fastapi import HTTPException
from fastapi.responses import HTMLResponse, StreamingResponse, RedirectResponse
import httpx
from loguru import logger
import leptonai
from leptonai import Client
from leptonai.kv import KV
from leptonai.photon import Photon, StaticFiles
from leptonai.photon.types import to_bool
from leptonai.api.v0.workspace import WorkspaceInfoLocalRecord
from leptonai.util import tool
################################################################################
# Constant values for the RAG model.
################################################################################
# Search engine related. You don't really need to change this.
BING_SEARCH_V7_ENDPOINT = "https://api.bing.microsoft.com/v7.0/search"
BING_MKT = "en-US"
GOOGLE_SEARCH_ENDPOINT = "https://customsearch.googleapis.com/customsearch/v1"
SERPER_SEARCH_ENDPOINT = "https://google.serper.dev/search"
SEARCHAPI_SEARCH_ENDPOINT = "https://www.searchapi.io/api/v1/search"
# Specify the number of references from the search engine you want to use.
# 8 is usually a good number.
REFERENCE_COUNT = 8
# Specify the default timeout for the search engine. If the search engine
# does not respond within this time, we will return an error.
DEFAULT_SEARCH_ENGINE_TIMEOUT = 5
# If the user did not provide a query, we will use this default query.
_default_query = "Who said 'live long and prosper'?"
# This is really the most important part of the rag model. It gives instructions
# to the model on how to generate the answer. Of course, different models may
# behave differently, and we haven't tuned the prompt to make it optimal - this
# is left to you, application creators, as an open problem.
_rag_query_text = """
You are a large language AI assistant built by Lepton AI. You are given a user question, and please write clean, concise and accurate answer to the question. You will be given a set of related contexts to the question, each starting with a reference number like [[citation:x]], where x is a number. Please use the context and cite the context at the end of each sentence if applicable.
Your answer must be correct, accurate and written by an expert using an unbiased and professional tone. Please limit to 1024 tokens. Do not give any information that is not related to the question, and do not repeat. Say "information is missing on" followed by the related topic, if the given context do not provide sufficient information.
Please cite the contexts with the reference numbers, in the format [citation:x]. If a sentence comes from multiple contexts, please list all applicable citations, like [citation:3][citation:5]. Other than code and specific names and citations, your answer must be written in the same language as the question.
Here are the set of contexts:
{context}
Remember, don't blindly repeat the contexts verbatim. And here is the user question:
"""
# A set of stop words to use - this is not a complete set, and you may want to
# add more given your observation.
stop_words = [
"<|im_end|>",
"[End]",
"[end]",
"\nReferences:\n",
"\nSources:\n",
"End.",
]
# This is the prompt that asks the model to generate related questions to the
# original question and the contexts.
# Ideally, one want to include both the original question and the answer from the
# model, but we are not doing that here: if we need to wait for the answer, then
# the generation of the related questions will usually have to start only after
# the whole answer is generated. This creates a noticeable delay in the response
# time. As a result, and as you will see in the code, we will be sending out two
# consecutive requests to the model: one for the answer, and one for the related
# questions. This is not ideal, but it is a good tradeoff between response time
# and quality.
_more_questions_prompt = """
You are a helpful assistant that helps the user to ask related questions, based on user's original question and the related contexts. Please identify worthwhile topics that can be follow-ups, and write questions no longer than 20 words each. Please make sure that specifics, like events, names, locations, are included in follow up questions so they can be asked standalone. For example, if the original question asks about "the Manhattan project", in the follow up question, do not just say "the project", but use the full name "the Manhattan project". Your related questions must be in the same language as the original question.
Here are the contexts of the question:
{context}
Remember, based on the original question and related contexts, suggest three such further questions. Do NOT repeat the original question. Each related question should be no longer than 20 words. Here is the original question:
"""
def search_with_bing(query: str, subscription_key: str):
"""
Search with bing and return the contexts.
"""
params = {"q": query, "mkt": BING_MKT}
response = requests.get(
BING_SEARCH_V7_ENDPOINT,
headers={"Ocp-Apim-Subscription-Key": subscription_key},
params=params,
timeout=DEFAULT_SEARCH_ENGINE_TIMEOUT,
)
if not response.ok:
logger.error(f"{response.status_code} {response.text}")
raise HTTPException(response.status_code, "Search engine error.")
json_content = response.json()
try:
contexts = json_content["webPages"]["value"][:REFERENCE_COUNT]
except KeyError:
logger.error(f"Error encountered: {json_content}")
return []
return contexts
def search_with_google(query: str, subscription_key: str, cx: str):
"""
Search with google and return the contexts.
"""
params = {
"key": subscription_key,
"cx": cx,
"q": query,
"num": REFERENCE_COUNT,
}
response = requests.get(
GOOGLE_SEARCH_ENDPOINT, params=params, timeout=DEFAULT_SEARCH_ENGINE_TIMEOUT
)
if not response.ok:
logger.error(f"{response.status_code} {response.text}")
raise HTTPException(response.status_code, "Search engine error.")
json_content = response.json()
try:
contexts = json_content["items"][:REFERENCE_COUNT]
except KeyError:
logger.error(f"Error encountered: {json_content}")
return []
return contexts
def search_with_serper(query: str, subscription_key: str):
"""
Search with serper and return the contexts.
"""
payload = json.dumps({
"q": query,
"num": (
REFERENCE_COUNT
if REFERENCE_COUNT % 10 == 0
else (REFERENCE_COUNT // 10 + 1) * 10
),
})
headers = {"X-API-KEY": subscription_key, "Content-Type": "application/json"}
logger.info(
f"{payload} {headers} {subscription_key} {query} {SERPER_SEARCH_ENDPOINT}"
)
response = requests.post(
SERPER_SEARCH_ENDPOINT,
headers=headers,
data=payload,
timeout=DEFAULT_SEARCH_ENGINE_TIMEOUT,
)
if not response.ok:
logger.error(f"{response.status_code} {response.text}")
raise HTTPException(response.status_code, "Search engine error.")
json_content = response.json()
try:
# convert to the same format as bing/google
contexts = []
if json_content.get("knowledgeGraph"):
url = json_content["knowledgeGraph"].get("descriptionUrl") or json_content["knowledgeGraph"].get("website")
snippet = json_content["knowledgeGraph"].get("description")
if url and snippet:
contexts.append({
"name": json_content["knowledgeGraph"].get("title",""),
"url": url,
"snippet": snippet
})
if json_content.get("answerBox"):
url = json_content["answerBox"].get("url")
snippet = json_content["answerBox"].get("snippet") or json_content["answerBox"].get("answer")
if url and snippet:
contexts.append({
"name": json_content["answerBox"].get("title",""),
"url": url,
"snippet": snippet
})
contexts += [
{"name": c["title"], "url": c["link"], "snippet": c.get("snippet","")}
for c in json_content["organic"]
]
return contexts[:REFERENCE_COUNT]
except KeyError:
logger.error(f"Error encountered: {json_content}")
return []
def search_with_searchapi(query: str, subscription_key: str):
"""
Search with SearchApi.io and return the contexts.
"""
payload = {
"q": query,
"engine": "google",
"num": (
REFERENCE_COUNT
if REFERENCE_COUNT % 10 == 0
else (REFERENCE_COUNT // 10 + 1) * 10
),
}
headers = {"Authorization": f"Bearer {subscription_key}", "Content-Type": "application/json"}
logger.info(
f"{payload} {headers} {subscription_key} {query} {SEARCHAPI_SEARCH_ENDPOINT}"
)
response = requests.get(
SEARCHAPI_SEARCH_ENDPOINT,
headers=headers,
params=payload,
timeout=30,
)
if not response.ok:
logger.error(f"{response.status_code} {response.text}")
raise HTTPException(response.status_code, "Search engine error.")
json_content = response.json()
try:
# convert to the same format as bing/google
contexts = []
if json_content.get("answer_box"):
if json_content["answer_box"].get("organic_result"):
title = json_content["answer_box"].get("organic_result").get("title", "")
url = json_content["answer_box"].get("organic_result").get("link", "")
if json_content["answer_box"].get("type") == "population_graph":
title = json_content["answer_box"].get("place", "")
url = json_content["answer_box"].get("explore_more_link", "")
title = json_content["answer_box"].get("title", "")
url = json_content["answer_box"].get("link")
snippet = json_content["answer_box"].get("answer") or json_content["answer_box"].get("snippet")
if url and snippet:
contexts.append({
"name": title,
"url": url,
"snippet": snippet
})
if json_content.get("knowledge_graph"):
if json_content["knowledge_graph"].get("source"):
url = json_content["knowledge_graph"].get("source").get("link", "")
url = json_content["knowledge_graph"].get("website", "")
snippet = json_content["knowledge_graph"].get("description")
if url and snippet:
contexts.append({
"name": json_content["knowledge_graph"].get("title", ""),
"url": url,
"snippet": snippet
})
contexts += [
{"name": c["title"], "url": c["link"], "snippet": c.get("snippet", "")}
for c in json_content["organic_results"]
]
if json_content.get("related_questions"):
for question in json_content["related_questions"]:
if question.get("source"):
url = question.get("source").get("link", "")
else:
url = ""
snippet = question.get("answer", "")
if url and snippet:
contexts.append({
"name": question.get("question", ""),
"url": url,
"snippet": snippet
})
return contexts[:REFERENCE_COUNT]
except KeyError:
logger.error(f"Error encountered: {json_content}")
return []
class RAG(Photon):
"""
Retrieval-Augmented Generation Demo from Lepton AI.
This is a minimal example to show how to build a RAG engine with Lepton AI.
It uses search engine to obtain results based on user queries, and then uses
LLM models to generate the answer as well as related questions. The results
are then stored in a KV so that it can be retrieved later.
"""
requirement_dependency = [
"openai", # for openai client usage.
]
extra_files = glob.glob("ui/**/*", recursive=True)
deployment_template = {
# All actual computations are carried out via remote apis, so
# we will use a cpu.small instance which is already enough for most of
# the work.
"resource_shape": "cpu.small",
# You most likely don't need to change this.
"env": {
# Choose the backend. Currently, we support BING and GOOGLE. For
# simplicity, in this demo, if you specify the backend as LEPTON,
# we will use the hosted serverless version of lepton search api
# at https://search-api.lepton.run/ to do the search and RAG, which
# runs the same code (slightly modified and might contain improvements)
# as this demo.
"BACKEND": "LEPTON",
# If you are using google, specify the search cx.
"GOOGLE_SEARCH_CX": "",
# Specify the LLM model you are going to use.
"LLM_MODEL": "mixtral-8x7b",
# For all the search queries and results, we will use the Lepton KV to
# store them so that we can retrieve them later. Specify the name of the
# KV here.
"KV_NAME": "search-with-lepton",
# If set to true, will generate related questions. Otherwise, will not.
"RELATED_QUESTIONS": "true",
# On the lepton platform, allow web access when you are logged in.
"LEPTON_ENABLE_AUTH_BY_COOKIE": "true",
},
# Secrets you need to have: search api subscription key, and lepton
# workspace token to query lepton's llama models.
"secret": [
# If you use BING, you need to specify the subscription key. Otherwise
# it is not needed.
"BING_SEARCH_V7_SUBSCRIPTION_KEY",
# If you use GOOGLE, you need to specify the search api key. Note that
# you should also specify the cx in the env.
"GOOGLE_SEARCH_API_KEY",
# If you use Serper, you need to specify the search api key.
"SERPER_SEARCH_API_KEY",
# If you use SearchApi, you need to specify the search api key.
"SEARCHAPI_API_KEY",
# You need to specify the workspace token to query lepton's LLM models.
"LEPTON_WORKSPACE_TOKEN",
],
}
# It's just a bunch of api calls, so our own deployment can be made massively
# concurrent.
handler_max_concurrency = 16
def local_client(self):
"""
Gets a thread-local client, so in case openai clients are not thread safe,
each thread will have its own client.
"""
import openai
thread_local = threading.local()
try:
return thread_local.client
except AttributeError:
thread_local.client = openai.OpenAI(
base_url=f"https://{self.model}.lepton.run/api/v1/",
api_key=os.environ.get("LEPTON_WORKSPACE_TOKEN")
or WorkspaceInfoLocalRecord.get_current_workspace_token(),
# We will set the connect timeout to be 10 seconds, and read/write
# timeout to be 120 seconds, in case the inference server is
# overloaded.
timeout=httpx.Timeout(connect=10, read=120, write=120, pool=10),
)
return thread_local.client
def init(self):
"""
Initializes photon configs.
"""
# First, log in to the workspace.
leptonai.api.v0.workspace.login()
self.backend = os.environ["BACKEND"].upper()
if self.backend == "LEPTON":
self.leptonsearch_client = Client(
"https://search-api.lepton.run/",
token=os.environ.get("LEPTON_WORKSPACE_TOKEN")
or WorkspaceInfoLocalRecord.get_current_workspace_token(),
stream=True,
timeout=httpx.Timeout(connect=10, read=120, write=120, pool=10),
)
elif self.backend == "BING":
self.search_api_key = os.environ["BING_SEARCH_V7_SUBSCRIPTION_KEY"]
self.search_function = lambda query: search_with_bing(
query,
self.search_api_key,
)
elif self.backend == "GOOGLE":
self.search_api_key = os.environ["GOOGLE_SEARCH_API_KEY"]
self.search_function = lambda query: search_with_google(
query,
self.search_api_key,
os.environ["GOOGLE_SEARCH_CX"],
)
elif self.backend == "SERPER":
self.search_api_key = os.environ["SERPER_SEARCH_API_KEY"]
self.search_function = lambda query: search_with_serper(
query,
self.search_api_key,
)
elif self.backend == "SEARCHAPI":
self.search_api_key = os.environ["SEARCHAPI_API_KEY"]
self.search_function = lambda query: search_with_searchapi(
query,
self.search_api_key,
)
else:
raise RuntimeError("Backend must be LEPTON, BING, GOOGLE, SERPER or SEARCHAPI.")
self.model = os.environ["LLM_MODEL"]
# An executor to carry out async tasks, such as uploading to KV.
self.executor = concurrent.futures.ThreadPoolExecutor(
max_workers=self.handler_max_concurrency * 2
)
# Create the KV to store the search results.
logger.info("Creating KV. May take a while for the first time.")
self.kv = KV(
os.environ["KV_NAME"], create_if_not_exists=True, error_if_exists=False
)
# whether we should generate related questions.
self.should_do_related_questions = to_bool(os.environ["RELATED_QUESTIONS"])
def get_related_questions(self, query, contexts):
"""
Gets related questions based on the query and context.
"""
def ask_related_questions(
questions: Annotated[
List[str],
[(
"question",
Annotated[
str, "related question to the original question and context."
],
)],
]
):
"""
ask further questions that are related to the input and output.
"""
pass
try:
response = self.local_client().chat.completions.create(
model=self.model,
messages=[
{
"role": "system",
"content": _more_questions_prompt.format(
context="\n\n".join([c["snippet"] for c in contexts])
),
},
{
"role": "user",
"content": query,
},
],
tools=[{
"type": "function",
"function": tool.get_tools_spec(ask_related_questions),
}],
max_tokens=512,
)
related = response.choices[0].message.tool_calls[0].function.arguments
if isinstance(related, str):
related = json.loads(related)
logger.trace(f"Related questions: {related}")
return related["questions"][:5]
except Exception as e:
# For any exceptions, we will just return an empty list.
logger.error(
"encountered error while generating related questions:"
f" {e}\n{traceback.format_exc()}"
)
return []
def _raw_stream_response(
self, contexts, llm_response, related_questions_future
) -> Generator[str, None, None]:
"""
A generator that yields the raw stream response. You do not need to call
this directly. Instead, use the stream_and_upload_to_kv which will also
upload the response to KV.
"""
# First, yield the contexts.
yield json.dumps(contexts)
yield "\n\n__LLM_RESPONSE__\n\n"
# Second, yield the llm response.
if not contexts:
# Prepend a warning to the user
yield (
"(The search engine returned nothing for this query. Please take the"
" answer with a grain of salt.)\n\n"
)
for chunk in llm_response:
if chunk.choices:
yield chunk.choices[0].delta.content or ""
# Third, yield the related questions. If any error happens, we will just
# return an empty list.
if related_questions_future is not None:
related_questions = related_questions_future.result()
try:
result = json.dumps(related_questions)
except Exception as e:
logger.error(f"encountered error: {e}\n{traceback.format_exc()}")
result = "[]"
yield "\n\n__RELATED_QUESTIONS__\n\n"
yield result
def stream_and_upload_to_kv(
self, contexts, llm_response, related_questions_future, search_uuid
) -> Generator[str, None, None]:
"""
Streams the result and uploads to KV.
"""
# First, stream and yield the results.
all_yielded_results = []
for result in self._raw_stream_response(
contexts, llm_response, related_questions_future
):
all_yielded_results.append(result)
yield result
# Second, upload to KV. Note that if uploading to KV fails, we will silently
# ignore it, because we don't want to affect the user experience.
_ = self.executor.submit(self.kv.put, search_uuid, "".join(all_yielded_results))
@Photon.handler(method="POST", path="/query")
def query_function(
self,
query: str,
search_uuid: str,
generate_related_questions: Optional[bool] = True,
) -> StreamingResponse:
"""
Query the search engine and returns the response.
The query can have the following fields:
- query: the user query.
- search_uuid: a uuid that is used to store or retrieve the search result. If
the uuid does not exist, generate and write to the kv. If the kv
fails, we generate regardless, in favor of availability. If the uuid
exists, return the stored result.
- generate_related_questions: if set to false, will not generate related
questions. Otherwise, will depend on the environment variable
RELATED_QUESTIONS. Default: true.
"""
# Note that, if uuid exists, we don't check if the stored query is the same
# as the current query, and simply return the stored result. This is to enable
# the user to share a searched link to others and have others see the same result.
if search_uuid:
try:
result = self.kv.get(search_uuid)
def str_to_generator(result: str) -> Generator[str, None, None]:
yield result
return StreamingResponse(str_to_generator(result))
except KeyError:
logger.info(f"Key {search_uuid} not found, will generate again.")
except Exception as e:
logger.error(
f"KV error: {e}\n{traceback.format_exc()}, will generate again."
)
else:
raise HTTPException(status_code=400, detail="search_uuid must be provided.")
if self.backend == "LEPTON":
# delegate to the lepton search api.
result = self.leptonsearch_client.query(
query=query,
search_uuid=search_uuid,
generate_related_questions=generate_related_questions,
)
return StreamingResponse(content=result, media_type="text/html")
# First, do a search query.
query = query or _default_query
# Basic attack protection: remove "[INST]" or "[/INST]" from the query
query = re.sub(r"\[/?INST\]", "", query)
contexts = self.search_function(query)
system_prompt = _rag_query_text.format(
context="\n\n".join(
[f"[[citation:{i+1}]] {c['snippet']}" for i, c in enumerate(contexts)]
)
)
try:
client = self.local_client()
llm_response = client.chat.completions.create(
model=self.model,
messages=[
{"role": "system", "content": system_prompt},
{"role": "user", "content": query},
],
max_tokens=1024,
stop=stop_words,
stream=True,
temperature=0.9,
)
if self.should_do_related_questions and generate_related_questions:
# While the answer is being generated, we can start generating
# related questions as a future.
related_questions_future = self.executor.submit(
self.get_related_questions, query, contexts
)
else:
related_questions_future = None
except Exception as e:
logger.error(f"encountered error: {e}\n{traceback.format_exc()}")
return HTMLResponse("Internal server error.", 503)
return StreamingResponse(
self.stream_and_upload_to_kv(
contexts, llm_response, related_questions_future, search_uuid
),
media_type="text/html",
)
@Photon.handler(mount=True)
def ui(self):
return StaticFiles(directory="ui")
@Photon.handler(method="GET", path="/")
def index(self) -> RedirectResponse:
"""
Redirects "/" to the ui page.
"""
return RedirectResponse(url="/ui/index.html")
if __name__ == "__main__":
rag = RAG()
rag.launch()
================================================
FILE: web/.eslintrc.json
================================================
{
"plugins": ["unused-imports"],
"extends": [
"next/core-web-vitals",
"plugin:prettier/recommended"
],
"rules": {
"unused-imports/no-unused-imports": "error"
}
}
================================================
FILE: web/next.config.mjs
================================================
export default (phase, { defaultConfig }) => {
const env = process.env.NODE_ENV;
/**
* @type {import("next").NextConfig}
*/
if (env === "production") {
return {
output: "export",
assetPrefix: "/ui/",
basePath: "/ui",
distDir: "../ui"
};
} else {
return {
async rewrites() {
return [
{
source: "/query",
destination: "http://localhost:8080/query" // Proxy to Backend
}
];
}
};
}
}
================================================
FILE: web/package.json
================================================
{
"name": "search",
"version": "0.1.0",
"private": true,
"scripts": {
"dev": "next dev",
"build": "next build",
"start": "next start",
"lint": "next lint"
},
"dependencies": {
"@next/third-parties": "^14.0.4",
"@radix-ui/react-popover": "^1.0.7",
"@tailwindcss/forms": "^0.5.7",
"@upstash/ratelimit": "^1.0.0",
"@vercel/kv": "^1.0.1",
"clsx": "^2.1.0",
"headlessui": "^0.0.0",
"lucide-react": "^0.309.0",
"mdast-util-from-markdown": "^2.0.0",
"nanoid": "^5.0.4",
"next": "14.2.22",
"react": "^18",
"react-dom": "^18",
"react-markdown": "^9.0.1",
"tailwind-merge": "^2.2.0",
"unist-builder": "^4.0.0"
},
"devDependencies": {
"@tailwindcss/typography": "^0.5.10",
"@types/node": "^20",
"@types/react": "^18",
"@types/react-dom": "^18",
"autoprefixer": "^10.0.1",
"eslint": "^8",
"eslint-config-next": "14.0.4",
"eslint-config-prettier": "^9.0.0",
"eslint-plugin-prettier": "^5.0.1",
"eslint-plugin-unused-imports": "^3.0.0",
"postcss": "^8",
"prettier": "^3.1.0",
"tailwindcss": "^3.3.0",
"typescript": "^5"
}
}
================================================
FILE: web/postcss.config.js
================================================
module.exports = {
plugins: {
tailwindcss: {},
autoprefixer: {},
},
}
================================================
FILE: web/src/app/components/answer.tsx
================================================
import {
Popover,
PopoverContent,
PopoverTrigger,
} from "@/app/components/popover";
import { Skeleton } from "@/app/components/skeleton";
import { Wrapper } from "@/app/components/wrapper";
import { Source } from "@/app/interfaces/source";
import { BookOpenText } from "lucide-react";
import { FC } from "react";
import Markdown from "react-markdown";
export const Answer: FC<{ markdown: string; sources: Source[] }> = ({
markdown,
sources,
}) => {
return (
<Wrapper
title={
<>
<BookOpenText></BookOpenText> Answer
</>
}
content={
markdown ? (
<div className="prose prose-sm max-w-full">
<Markdown
components={{
a: ({ node: _, ...props }) => {
if (!props.href) return <></>;
const source = sources[+props.href - 1];
if (!source) return <></>;
return (
<span className="inline-block w-4">
<Popover>
<PopoverTrigger asChild>
<span
title={source.name}
className="inline-block cursor-pointer transform scale-[60%] no-underline font-medium bg-zinc-300 hover:bg-zinc-400 w-6 text-center h-6 rounded-full origin-top-left"
>
{props.href}
</span>
</PopoverTrigger>
<PopoverContent
align={"start"}
className="max-w-screen-md flex flex-col gap-2 bg-white shadow-transparent ring-zinc-50 ring-4 text-xs"
>
<div className="text-ellipsis overflow-hidden whitespace-nowrap font-medium">
{source.name}
</div>
<div className="flex gap-4">
{source.primaryImageOfPage?.thumbnailUrl && (
<div className="flex-none">
<img
className="rounded h-16 w-16"
width={source.primaryImageOfPage?.width}
height={source.primaryImageOfPage?.height}
src={source.primaryImageOfPage?.thumbnailUrl}
/>
</div>
)}
<div className="flex-1">
<div className="line-clamp-4 text-zinc-500 break-words">
{source.snippet}
</div>
</div>
</div>
<div className="flex gap-2 items-center">
<div className="flex-1 overflow-hidden">
<div className="text-ellipsis text-blue-500 overflow-hidden whitespace-nowrap">
<a
title={source.name}
href={source.url}
target="_blank"
>
{source.url}
</a>
</div>
</div>
<div className="flex-none flex items-center relative">
<img
className="h-3 w-3"
alt={source.url}
src={`https://www.google.com/s2/favicons?domain=${source.url}&sz=${16}`}
/>
</div>
</div>
</PopoverContent>
</Popover>
</span>
);
},
}}
>
{markdown}
</Markdown>
</div>
) : (
<div className="flex flex-col gap-2">
<Skeleton className="max-w-sm h-4 bg-zinc-200"></Skeleton>
<Skeleton className="max-w-lg h-4 bg-zinc-200"></Skeleton>
<Skeleton className="max-w-2xl h-4 bg-zinc-200"></Skeleton>
<Skeleton className="max-w-lg h-4 bg-zinc-200"></Skeleton>
<Skeleton className="max-w-xl h-4 bg-zinc-200"></Skeleton>
</div>
)
}
></Wrapper>
);
};
================================================
FILE: web/src/app/components/footer.tsx
================================================
import { Mails } from "lucide-react";
import { FC } from "react";
export const Footer: FC = () => {
return (
<div className="text-center flex flex-col items-center text-xs text-zinc-700 gap-1">
<div className="text-zinc-400">
Answer generated by large language models, plz double check for
correctness.
</div>
<div className="text-zinc-400">
LLM, Vector DB, and other components powered by the Lepton AI platform.
</div>
<div className="flex gap-2 justify-center">
<div>
<a
className="text-blue-500 font-medium inline-flex gap-1 items-center flex-nowrap text-nowrap"
href="mailto:info@lepton.ai"
>
<Mails size={8} />
Talk to us
</a>
</div>
<div>if you need a performant and scalable AI cloud!</div>
</div>
<div className="flex items-center justify-center flex-wrap gap-x-4 gap-y-2 mt-2 text-zinc-400">
<a className="hover:text-zinc-950" href="https://lepton.ai/">
Lepton Home
</a>
<a
className="hover:text-zinc-950"
href="https://dashboard.lepton.ai/playground"
>
API Playground
</a>
<a
className="hover:text-zinc-950"
href="https://github.com/leptonai/leptonai"
>
Python Library
</a>
<a className="hover:text-zinc-950" href="https://twitter.com/leptonai">
Twitter
</a>
<a className="hover:text-zinc-950" href="https://leptonai.medium.com/">
Blog
</a>
</div>
</div>
);
};
================================================
FILE: web/src/app/components/logo.tsx
================================================
import React, { FC } from "react";
export const Logo: FC = () => {
return (
<div className="flex gap-4 items-center justify-center cursor-default select-none relative">
<div className="h-10 w-10">
<svg viewBox="0 0 85 85" className="h-full w-full">
<path
fillRule="evenodd"
clipRule="evenodd"
fill="#2D9CDB"
d="M75.9,48.1V36.9c0-2,0-3.1-0.1-3.9c0-0.4-0.1-0.6-0.1-0.7c-0.1-0.3-0.2-0.5-0.4-0.7c-0.1,0-0.2-0.2-0.6-0.4 c-0.7-0.5-1.6-1-3.3-2l-9.7-5.6c-1.7-1-2.7-1.5-3.4-1.9c-0.4-0.2-0.6-0.3-0.6-0.3c-0.3-0.1-0.6-0.1-0.9,0c-0.1,0-0.3,0.1-0.6,0.3 c-0.7,0.4-1.7,0.9-3.4,1.9l-9.7,5.6c-1.7,1-2.7,1.5-3.3,2c-0.3,0.2-0.5,0.4-0.6,0.4c-0.2,0.2-0.3,0.5-0.4,0.7c0,0.1,0,0.3-0.1,0.7 c0,0.8-0.1,1.9-0.1,3.9v11.2c0,2,0,3.1,0.1,3.9c0,0.4,0.1,0.6,0.1,0.7c0.1,0.3,0.2,0.5,0.4,0.7c0.1,0,0.2,0.2,0.6,0.4 c0.7,0.5,1.6,1,3.3,2l9.7,5.6c1.7,1,2.7,1.5,3.4,1.9c0.4,0.2,0.6,0.3,0.6,0.3c0.3,0.1,0.6,0.1,0.9,0c0.1,0,0.3-0.1,0.6-0.3 c0.7-0.4,1.7-0.9,3.4-1.9l9.7-5.6c1.7-1,2.7-1.5,3.3-2c0.3-0.2,0.5-0.4,0.6-0.4c0.2-0.2,0.3-0.5,0.4-0.7c0-0.1,0-0.3,0.1-0.7 C75.9,51.2,75.9,50.1,75.9,48.1z M75.7,52.7C75.7,52.7,75.7,52.7,75.7,52.7C75.7,52.7,75.7,52.7,75.7,52.7z M75.3,53.4 C75.3,53.4,75.3,53.4,75.3,53.4C75.3,53.4,75.3,53.4,75.3,53.4z M57.7,63.7C57.7,63.7,57.7,63.7,57.7,63.7 C57.7,63.7,57.7,63.7,57.7,63.7z M56.9,63.7C56.9,63.7,56.9,63.7,56.9,63.7C56.9,63.7,56.9,63.7,56.9,63.7z M39.3,53.4 C39.3,53.4,39.3,53.4,39.3,53.4C39.3,53.4,39.3,53.4,39.3,53.4z M38.9,52.7C38.9,52.7,38.9,52.7,38.9,52.7 C38.9,52.7,38.9,52.7,38.9,52.7z M38.9,32.3C38.9,32.3,38.9,32.3,38.9,32.3C38.9,32.3,38.9,32.3,38.9,32.3z M39.3,31.6 C39.3,31.6,39.3,31.6,39.3,31.6C39.3,31.6,39.3,31.6,39.3,31.6z M56.9,21.4C56.9,21.4,56.9,21.4,56.9,21.4 C56.9,21.4,56.9,21.4,56.9,21.4z M57.7,21.4C57.7,21.4,57.7,21.4,57.7,21.4C57.7,21.4,57.7,21.4,57.7,21.4z M75.3,31.6 C75.3,31.6,75.3,31.6,75.3,31.6C75.3,31.6,75.3,31.6,75.3,31.6z M75.7,32.3C75.7,32.3,75.7,32.3,75.7,32.3 C75.7,32.3,75.7,32.3,75.7,32.3z M81.9,25.6c-1.2-1.3-2.8-2.3-6-4.1l-9.7-5.6C63,14,61.3,13,59.6,12.7c-1.5-0.3-3.1-0.3-4.6,0 c-1.7,0.4-3.3,1.3-6.6,3.2l-9.7,5.6c-3.2,1.9-4.9,2.8-6,4.1c-1,1.2-1.8,2.5-2.3,4c-0.5,1.7-0.5,3.6-0.5,7.3v11.2 c0,3.8,0,5.6,0.5,7.3c0.5,1.5,1.3,2.9,2.3,4c1.2,1.3,2.8,2.3,6,4.1l9.7,5.6c3.2,1.9,4.9,2.8,6.6,3.2c1.5,0.3,3.1,0.3,4.6,0 c1.7-0.4,3.3-1.3,6.6-3.2l9.7-5.6c3.2-1.9,4.9-2.8,6-4.1c1-1.2,1.8-2.5,2.3-4c0.5-1.7,0.5-3.6,0.5-7.3V36.9c0-3.8,0-5.6-0.5-7.3 C83.7,28.1,82.9,26.7,81.9,25.6z"
></path>
<path
fillRule="evenodd"
clipRule="evenodd"
fill="#2F80ED"
d="M46.3,48.1V36.9c0-2,0-3.1-0.1-3.9c0-0.4-0.1-0.6-0.1-0.7c-0.1-0.3-0.2-0.5-0.4-0.7c-0.1,0-0.2-0.2-0.6-0.4 c-0.7-0.5-1.6-1-3.3-2l-9.7-5.6c-1.7-1-2.7-1.5-3.4-1.9c-0.4-0.2-0.6-0.3-0.6-0.3c-0.3-0.1-0.6-0.1-0.9,0c-0.1,0-0.3,0.1-0.6,0.3 c-0.7,0.4-1.7,0.9-3.4,1.9l-9.7,5.6c-1.7,1-2.7,1.5-3.3,2c-0.3,0.2-0.5,0.4-0.6,0.4c-0.2,0.2-0.3,0.5-0.4,0.7c0,0.1,0,0.3-0.1,0.7 c0,0.8-0.1,1.9-0.1,3.9v11.2c0,2,0,3.1,0.1,3.9c0,0.4,0.1,0.6,0.1,0.7c0.1,0.3,0.2,0.5,0.4,0.7c0.1,0,0.2,0.2,0.6,0.4 c0.7,0.5,1.6,1,3.3,2l9.7,5.6c1.7,1,2.7,1.5,3.4,1.9c0.4,0.2,0.6,0.3,0.6,0.3c0.3,0.1,0.6,0.1,0.9,0c0.1,0,0.3-0.1,0.6-0.3 c0.7-0.4,1.7-0.9,3.4-1.9l9.7-5.6c1.7-1,2.7-1.5,3.3-2c0.3-0.2,0.5-0.4,0.6-0.4c0.2-0.2,0.3-0.5,0.4-0.7c0-0.1,0-0.3,0.1-0.7 C46.3,51.2,46.3,50.1,46.3,48.1z M52.3,25.6c-1.2-1.3-2.8-2.3-6-4.1l-9.7-5.6C33.4,14,31.8,13,30,12.7c-1.5-0.3-3.1-0.3-4.6,0 c-1.7,0.4-3.3,1.3-6.6,3.2l-9.7,5.6c-3.2,1.9-4.9,2.8-6,4.1c-1,1.2-1.8,2.5-2.3,4c-0.5,1.7-0.5,3.6-0.5,7.3v11.2 c0,3.8,0,5.6,0.5,7.3c0.5,1.5,1.3,2.9,2.3,4c1.2,1.3,2.8,2.3,6,4.1l9.7,5.6c3.2,1.9,4.9,2.8,6.6,3.2c1.5,0.3,3.1,0.3,4.6,0 c1.7-0.4,3.3-1.3,6.6-3.2l9.7-5.6c3.2-1.9,4.9-2.8,6-4.1c1-1.2,1.8-2.5,2.3-4c0.5-1.7,0.5-3.6,0.5-7.3V36.9c0-3.8,0-5.6-0.5-7.3 C54.2,28.1,53.4,26.7,52.3,25.6z"
></path>
<path
fill="#2F80ED"
d="M42.5,55.5c0.2,0.1,0.4,0.3,0.7,0.4l8,4.6c-1.1,0.9-2.6,1.7-4.9,3.1l-3.8,2.2l-3.8-2.2 c-2.3-1.4-3.8-2.2-4.9-3.1l8-4.6C42.1,55.7,42.3,55.6,42.5,55.5z"
></path>
<path
fill="#2D9CDB"
d="M51.2,24.5c-1.1-0.9-2.6-1.7-4.9-3.1l-3.8-2.2l-3.8,2.2c-2.3,1.4-3.8,2.2-4.9,3.1l8,4.6 c0.2,0.1,0.5,0.3,0.7,0.4c0.2-0.1,0.4-0.3,0.7-0.4L51.2,24.5z"
></path>
</svg>
</div>
<div className="text-center font-medium text-2xl md:text-3xl text-zinc-950 relative text-nowrap">
Lepton Search
</div>
<div className="transform scale-75 origin-left border items-center rounded-lg bg-gray-100 px-2 py-1 text-xs font-medium text-zinc-600">
beta
</div>
</div>
);
};
================================================
FILE: web/src/app/components/popover.tsx
================================================
"use client";
import * as React from "react";
import * as PopoverPrimitive from "@radix-ui/react-popover";
import { cn } from "@/app/utils/cn";
const Popover = PopoverPrimitive.Root;
const PopoverTrigger = PopoverPrimitive.Trigger;
const PopoverContent = React.forwardRef<
React.ElementRef<typeof PopoverPrimitive.Content>,
React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>
>(({ className, align = "center", sideOffset = 4, ...props }, ref) => (
<PopoverPrimitive.Portal>
<PopoverPrimitive.Content
ref={ref}
align={align}
sideOffset={sideOffset}
className={cn(
"z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
className,
)}
{...props}
/>
</PopoverPrimitive.Portal>
));
PopoverContent.displayName = PopoverPrimitive.Content.displayName;
export { Popover, PopoverTrigger, PopoverContent };
================================================
FILE: web/src/app/components/preset-query.tsx
================================================
import { getSearchUrl } from "@/app/utils/get-search-url";
import { nanoid } from "nanoid";
import Link from "next/link";
import React, { FC, useMemo } from "react";
export const PresetQuery: FC<{ query: string }> = ({ query }) => {
const rid = useMemo(() => nanoid(), [query]);
return (
<Link
prefetch={false}
title={query}
href={getSearchUrl(query, rid)}
className="border border-zinc-200/50 text-ellipsis overflow-hidden text-nowrap items-center rounded-lg bg-zinc-100 hover:bg-zinc-200/80 hover:text-zinc-950 px-2 py-1 text-xs font-medium text-zinc-600"
>
{query}
</Link>
);
};
================================================
FILE: web/src/app/components/relates.tsx
================================================
import { PresetQuery } from "@/app/components/preset-query";
import { Skeleton } from "@/app/components/skeleton";
import { Wrapper } from "@/app/components/wrapper";
import { Relate } from "@/app/interfaces/relate";
import { MessageSquareQuote } from "lucide-react";
import React, { FC } from "react";
export const Relates: FC<{ relates: Relate[] | null }> = ({ relates }) => {
return (
<Wrapper
title={
<>
<MessageSquareQuote></MessageSquareQuote> Related
</>
}
content={
<div className="flex gap-2 flex-col">
{relates !== null ? (
relates.length > 0 ? (
relates.map(({ question }) => (
<PresetQuery key={question} query={question}></PresetQuery>
))
) : (
<div className="text-sm">No related questions.</div>
)
) : (
<>
<Skeleton className="w-full h-5 bg-zinc-200/80"></Skeleton>
<Skeleton className="w-full h-5 bg-zinc-200/80"></Skeleton>
<Skeleton className="w-full h-5 bg-zinc-200/80"></Skeleton>
</>
)}
</div>
}
></Wrapper>
);
};
================================================
FILE: web/src/app/components/result.tsx
================================================
"use client";
import { Answer } from "@/app/components/answer";
import { Relates } from "@/app/components/relates";
import { Sources } from "@/app/components/sources";
import { Relate } from "@/app/interfaces/relate";
import { Source } from "@/app/interfaces/source";
import { parseStreaming } from "@/app/utils/parse-streaming";
import { Annoyed } from "lucide-react";
import { FC, useEffect, useState } from "react";
export const Result: FC<{ query: string; rid: string }> = ({ query, rid }) => {
const [sources, setSources] = useState<Source[]>([]);
const [markdown, setMarkdown] = useState<string>("");
const [relates, setRelates] = useState<Relate[] | null>(null);
const [error, setError] = useState<number | null>(null);
useEffect(() => {
const controller = new AbortController();
void parseStreaming(
controller,
query,
rid,
setSources,
setMarkdown,
setRelates,
setError,
);
return () => {
controller.abort();
};
}, [query]);
return (
<div className="flex flex-col gap-8">
<Answer markdown={markdown} sources={sources}></Answer>
<Sources sources={sources}></Sources>
<Relates relates={relates}></Relates>
{error && (
<div className="absolute inset-4 flex items-center justify-center bg-white/40 backdrop-blur-sm">
<div className="p-4 bg-white shadow-2xl rounded text-blue-500 font-medium flex gap-4">
<Annoyed></Annoyed>
{error === 429
? "Sorry, you have made too many requests recently, try again later."
: "Sorry, we might be overloaded, try again later."}
</div>
</div>
)}
</div>
);
};
================================================
FILE: web/src/app/components/search.tsx
================================================
"use client";
import { getSearchUrl } from "@/app/utils/get-search-url";
import { ArrowRight } from "lucide-react";
import { nanoid } from "nanoid";
import { useRouter } from "next/navigation";
import React, { FC, useState } from "react";
export const Search: FC = () => {
const [value, setValue] = useState("");
const router = useRouter();
return (
<form
onSubmit={(e) => {
e.preventDefault();
if (value) {
setValue("");
router.push(getSearchUrl(encodeURIComponent(value), nanoid()));
}
}}
>
<label
className="relative bg-white flex items-center justify-center border ring-8 ring-zinc-300/20 py-2 px-2 rounded-lg gap-2 focus-within:border-zinc-300"
htmlFor="search-bar"
>
<input
id="search-bar"
value={value}
onChange={(e) => setValue(e.target.value)}
autoFocus
placeholder="Ask Lepton AI anything ..."
className="px-2 pr-6 w-full rounded-md flex-1 outline-none bg-white"
/>
<button
type="submit"
className="w-auto py-1 px-2 bg-black border-black text-white fill-white active:scale-95 border overflow-hidden relative rounded-xl"
>
<ArrowRight size={16} />
</button>
</label>
</form>
);
};
================================================
FILE: web/src/app/components/skeleton.tsx
================================================
import { cn } from "@/app/utils/cn";
import { HTMLAttributes } from "react";
function Skeleton({ className, ...props }: HTMLAttributes<HTMLDivElement>) {
return (
<div
className={cn("animate-pulse rounded-md bg-muted", className)}
{...props}
/>
);
}
export { Skeleton };
================================================
FILE: web/src/app/components/sources.tsx
================================================
import { Skeleton } from "@/app/components/skeleton";
import { Wrapper } from "@/app/components/wrapper";
import { Source } from "@/app/interfaces/source";
import { BookText } from "lucide-react";
import { FC } from "react";
const SourceItem: FC<{ source: Source; index: number }> = ({
source,
index,
}) => {
const { id, name, url } = source;
const domain = new URL(url).hostname;
return (
<div
className="relative text-xs py-3 px-3 bg-zinc-100 hover:bg-zinc-200 rounded-lg flex flex-col gap-2"
key={id}
>
<a href={url} target="_blank" className="absolute inset-0"></a>
<div className="font-medium text-zinc-950 text-ellipsis overflow-hidden whitespace-nowrap break-words">
{name}
</div>
<div className="flex gap-2 items-center">
<div className="flex-1 overflow-hidden">
<div className="text-ellipsis whitespace-nowrap break-all text-zinc-400 overflow-hidden w-full">
{index + 1} - {domain}
</div>
</div>
<div className="flex-none flex items-center">
<img
className="h-3 w-3"
alt={domain}
src={`https://www.google.com/s2/favicons?domain=${domain}&sz=${16}`}
/>
</div>
</div>
</div>
);
};
export const Sources: FC<{ sources: Source[] }> = ({ sources }) => {
return (
<Wrapper
title={
<>
<BookText></BookText> Sources
</>
}
content={
<div className="grid grid-cols-2 sm:grid-cols-4 gap-2">
{sources.length > 0 ? (
sources.map((item, index) => (
<SourceItem
key={item.id}
index={index}
source={item}
></SourceItem>
))
) : (
<>
<Skeleton className="max-w-sm h-16 bg-zinc-200/80"></Skeleton>
<Skeleton className="max-w-sm h-16 bg-zinc-200/80"></Skeleton>
<Skeleton className="max-w-sm h-16 bg-zinc-200/80"></Skeleton>
<Skeleton className="max-w-sm h-16 bg-zinc-200/80"></Skeleton>
</>
)}
</div>
}
></Wrapper>
);
};
================================================
FILE: web/src/app/components/title.tsx
================================================
"use client";
import { getSearchUrl } from "@/app/utils/get-search-url";
import { RefreshCcw } from "lucide-react";
import { nanoid } from "nanoid";
import { useRouter } from "next/navigation";
export const Title = ({ query }: { query: string }) => {
const router = useRouter();
return (
<div className="flex items-center pb-4 mb-6 border-b gap-4">
<div
className="flex-1 text-lg sm:text-xl text-black text-ellipsis overflow-hidden whitespace-nowrap"
title={query}
>
{query}
</div>
<div className="flex-none">
<button
onClick={() => {
router.push(getSearchUrl(encodeURIComponent(query), nanoid()));
}}
type="button"
className="rounded flex gap-2 items-center bg-transparent px-2 py-1 text-xs font-semibold text-blue-500 hover:bg-zinc-100"
>
<RefreshCcw size={12}></RefreshCcw>Rewrite
</button>
</div>
</div>
);
};
================================================
FILE: web/src/app/components/wrapper.tsx
================================================
import { FC, ReactNode } from "react";
export const Wrapper: FC<{
title: ReactNode;
content: ReactNode;
}> = ({ title, content }) => {
return (
<div className="flex flex-col gap-4 w-full">
<div className="flex gap-2 text-blue-500">{title}</div>
{content}
</div>
);
};
================================================
FILE: web/src/app/globals.css
================================================
@tailwind base;
@tailwind components;
@tailwind utilities;
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
-webkit-background-clip: text;
}
================================================
FILE: web/src/app/interfaces/relate.ts
================================================
export interface Relate {
question: string;
}
================================================
FILE: web/src/app/interfaces/source.ts
================================================
export interface Source {
id: string;
name: string;
url: string;
isFamilyFriendly: boolean;
displayUrl: string;
snippet: string;
deepLinks: { snippet: string; name: string; url: string }[];
dateLastCrawled: string;
cachedPageUrl: string;
language: string;
primaryImageOfPage?: {
thumbnailUrl: string;
width: number;
height: number;
imageId: string;
};
isNavigational: boolean;
}
================================================
FILE: web/src/app/layout.tsx
================================================
import type { Metadata } from "next";
import { Inter } from "next/font/google";
import "./globals.css";
import { ReactNode } from "react";
const inter = Inter({ subsets: ["latin"] });
export const metadata: Metadata = {
title: "Lepton Search",
description:
"Answer generated by large language models (LLMs). Double check for correctness.",
};
export default function RootLayout({ children }: { children: ReactNode }) {
return (
<html lang="en">
<body className={inter.className}>{children}</body>
</html>
);
}
================================================
FILE: web/src/app/page.tsx
================================================
"use client";
import { Footer } from "@/app/components/footer";
import { Logo } from "@/app/components/logo";
import { PresetQuery } from "@/app/components/preset-query";
import { Search } from "@/app/components/search";
import React from "react";
export default function Home() {
return (
<div className="absolute inset-0 min-h-[500px] flex items-center justify-center">
<div className="relative flex flex-col gap-8 px-4 -mt-24">
<Logo></Logo>
<Search></Search>
<div className="flex gap-2 flex-wrap justify-center">
<PresetQuery query="Who said live long and prosper?"></PresetQuery>
<PresetQuery query="Why do we only see one side of the moon?"></PresetQuery>
</div>
<Footer></Footer>
</div>
</div>
);
}
================================================
FILE: web/src/app/search/page.tsx
================================================
"use client";
import { Result } from "@/app/components/result";
import { Search } from "@/app/components/search";
import { Title } from "@/app/components/title";
import { useSearchParams } from "next/navigation";
export default function SearchPage() {
const searchParams = useSearchParams();
const query = decodeURIComponent(searchParams.get("q") || "");
const rid = decodeURIComponent(searchParams.get("rid") || "");
return (
<div className="absolute inset-0 bg-[url('/ui/bg.svg')]">
<div className="mx-auto max-w-3xl absolute inset-4 md:inset-8 bg-white">
<div className="h-20 pointer-events-none rounded-t-2xl w-full backdrop-filter absolute top-0 bg-gradient-to-t from-transparent to-white [mask-image:linear-gradient(to_bottom,white,transparent)]"></div>
<div className="px-4 md:px-8 pt-6 pb-24 rounded-2xl ring-8 ring-zinc-300/20 border border-zinc-200 h-full overflow-auto">
<Title query={query}></Title>
<Result key={rid} query={query} rid={rid}></Result>
</div>
<div className="h-80 pointer-events-none w-full rounded-b-2xl backdrop-filter absolute bottom-0 bg-gradient-to-b from-transparent to-white [mask-image:linear-gradient(to_top,white,transparent)]"></div>
<div className="absolute z-10 flex items-center justify-center bottom-6 px-4 md:px-8 w-full">
<div className="w-full">
<Search></Search>
</div>
</div>
</div>
</div>
);
}
================================================
FILE: web/src/app/utils/cn.ts
================================================
import { type ClassValue, clsx } from "clsx";
import { twMerge } from "tailwind-merge";
export function cn(...inputs: ClassValue[]) {
return twMerge(clsx(inputs));
}
================================================
FILE: web/src/app/utils/fetch-stream.ts
================================================
async function pump(
reader: ReadableStreamDefaultReader<Uint8Array>,
controller: ReadableStreamDefaultController,
onChunk?: (chunk: Uint8Array) => void,
onDone?: () => void,
): Promise<ReadableStreamReadResult<Uint8Array> | undefined> {
const { done, value } = await reader.read();
if (done) {
onDone && onDone();
controller.close();
return;
}
onChunk && onChunk(value);
controller.enqueue(value);
return pump(reader, controller, onChunk, onDone);
}
export const fetchStream = (
response: Response,
onChunk?: (chunk: Uint8Array) => void,
onDone?: () => void,
): ReadableStream<string> => {
const reader = response.body!.getReader();
return new ReadableStream({
start: (controller) => pump(reader, controller, onChunk, onDone),
});
};
================================================
FILE: web/src/app/utils/get-search-url.ts
================================================
export const getSearchUrl = (query: string, search_uuid: string) => {
const prefix =
process.env.NODE_ENV === "production" ? "/search.html" : "/search";
return `${prefix}?q=${encodeURIComponent(query)}&rid=${search_uuid}`;
};
================================================
FILE: web/src/app/utils/parse-streaming.ts
================================================
import { Relate } from "@/app/interfaces/relate";
import { Source } from "@/app/interfaces/source";
import { fetchStream } from "@/app/utils/fetch-stream";
const LLM_SPLIT = "__LLM_RESPONSE__";
const RELATED_SPLIT = "__RELATED_QUESTIONS__";
export const parseStreaming = async (
controller: AbortController,
query: string,
search_uuid: string,
onSources: (value: Source[]) => void,
onMarkdown: (value: string) => void,
onRelates: (value: Relate[]) => void,
onError?: (status: number) => void,
) => {
const decoder = new TextDecoder();
let uint8Array = new Uint8Array();
let chunks = "";
let sourcesEmitted = false;
const response = await fetch(`/query`, {
method: "POST",
headers: {
"Content-Type": "application/json",
Accept: "*./*",
},
signal: controller.signal,
body: JSON.stringify({
query,
search_uuid,
}),
});
if (response.status !== 200) {
onError?.(response.status);
return;
}
const markdownParse = (text: string) => {
onMarkdown(
text
.replace(/\[\[([cC])itation/g, "[citation")
.replace(/[cC]itation:(\d+)]]/g, "citation:$1]")
.replace(/\[\[([cC]itation:\d+)]](?!])/g, `[$1]`)
.replace(/\[[cC]itation:(\d+)]/g, "[citation]($1)"),
);
};
fetchStream(
response,
(chunk) => {
uint8Array = new Uint8Array([...uint8Array, ...chunk]);
chunks = decoder.decode(uint8Array, { stream: true });
if (chunks.includes(LLM_SPLIT)) {
const [sources, rest] = chunks.split(LLM_SPLIT);
if (!sourcesEmitted) {
try {
onSources(JSON.parse(sources));
} catch (e) {
onSources([]);
}
}
sourcesEmitted = true;
if (rest.includes(RELATED_SPLIT)) {
const [md] = rest.split(RELATED_SPLIT);
markdownParse(md);
} else {
markdownParse(rest);
}
}
},
() => {
const [_, relates] = chunks.split(RELATED_SPLIT);
try {
onRelates(JSON.parse(relates));
} catch (e) {
onRelates([]);
}
},
);
};
================================================
FILE: web/tailwind.config.ts
================================================
import type { Config } from "tailwindcss";
const config: Config = {
content: [
"./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
"./src/components/**/*.{js,ts,jsx,tsx,mdx}",
"./src/app/**/*.{js,ts,jsx,tsx,mdx}",
],
theme: {
extend: {
backgroundImage: {
"gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
"gradient-conic":
"conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
},
colors: {
blue: {
500: "#2F80ED",
},
},
},
},
plugins: [require("@tailwindcss/typography")],
};
export default config;
================================================
FILE: web/tsconfig.json
================================================
{
"compilerOptions": {
"target": "es2015",
"lib": [
"dom",
"dom.iterable",
"esnext"
],
"allowJs": true,
"skipLibCheck": true,
"strict": true,
"noEmit": true,
"esModuleInterop": true,
"module": "esnext",
"moduleResolution": "bundler",
"resolveJsonModule": true,
"isolatedModules": true,
"jsx": "preserve",
"incremental": true,
"plugins": [
{
"name": "next"
}
],
"paths": {
"@/*": [
"./src/*"
]
}
},
"include": [
"next-env.d.ts",
"**/*.ts",
"**/*.tsx",
".next/types/**/*.ts",
"../ui/types/**/*.ts"
],
"exclude": [
"node_modules"
]
}
gitextract_s5boz8oq/
├── .gitignore
├── LICENSE
├── README.md
├── lepton_template/
│ └── README.md
├── search_with_lepton.py
└── web/
├── .eslintrc.json
├── next.config.mjs
├── package.json
├── postcss.config.js
├── src/
│ └── app/
│ ├── components/
│ │ ├── answer.tsx
│ │ ├── footer.tsx
│ │ ├── logo.tsx
│ │ ├── popover.tsx
│ │ ├── preset-query.tsx
│ │ ├── relates.tsx
│ │ ├── result.tsx
│ │ ├── search.tsx
│ │ ├── skeleton.tsx
│ │ ├── sources.tsx
│ │ ├── title.tsx
│ │ └── wrapper.tsx
│ ├── globals.css
│ ├── interfaces/
│ │ ├── relate.ts
│ │ └── source.ts
│ ├── layout.tsx
│ ├── page.tsx
│ ├── search/
│ │ └── page.tsx
│ └── utils/
│ ├── cn.ts
│ ├── fetch-stream.ts
│ ├── get-search-url.ts
│ └── parse-streaming.ts
├── tailwind.config.ts
└── tsconfig.json
SYMBOL INDEX (24 symbols across 11 files)
FILE: search_with_lepton.py
function search_with_bing (line 97) | def search_with_bing(query: str, subscription_key: str):
function search_with_google (line 120) | def search_with_google(query: str, subscription_key: str, cx: str):
function search_with_serper (line 145) | def search_with_serper(query: str, subscription_key: str):
function search_with_searchapi (line 201) | def search_with_searchapi(query: str, subscription_key: str):
class RAG (line 291) | class RAG(Photon):
method local_client (line 356) | def local_client(self):
method init (line 378) | def init(self):
method get_related_questions (line 433) | def get_related_questions(self, query, contexts):
method _raw_stream_response (line 488) | def _raw_stream_response(
method stream_and_upload_to_kv (line 521) | def stream_and_upload_to_kv(
method query_function (line 539) | def query_function(
method ui (line 631) | def ui(self):
method index (line 635) | def index(self) -> RedirectResponse:
FILE: web/next.config.mjs
method rewrites (line 15) | async rewrites() {
FILE: web/src/app/components/skeleton.tsx
function Skeleton (line 4) | function Skeleton({ className, ...props }: HTMLAttributes<HTMLDivElement...
FILE: web/src/app/interfaces/relate.ts
type Relate (line 1) | interface Relate {
FILE: web/src/app/interfaces/source.ts
type Source (line 1) | interface Source {
FILE: web/src/app/layout.tsx
function RootLayout (line 14) | function RootLayout({ children }: { children: ReactNode }) {
FILE: web/src/app/page.tsx
function Home (line 8) | function Home() {
FILE: web/src/app/search/page.tsx
function SearchPage (line 6) | function SearchPage() {
FILE: web/src/app/utils/cn.ts
function cn (line 4) | function cn(...inputs: ClassValue[]) {
FILE: web/src/app/utils/fetch-stream.ts
function pump (line 1) | async function pump(
FILE: web/src/app/utils/parse-streaming.ts
constant LLM_SPLIT (line 5) | const LLM_SPLIT = "__LLM_RESPONSE__";
constant RELATED_SPLIT (line 6) | const RELATED_SPLIT = "__RELATED_QUESTIONS__";
Condensed preview — 33 files, each showing path, character count, and a content snippet. Download the .json file or copy for the full structured content (85K chars).
[
{
"path": ".gitignore",
"chars": 3408,
"preview": "# Byte-compiled / optimized / DLL files\n__pycache__/\n*.py[cod]\n*$py.class\n\n# C extensions\n*.so\n\n# Distribution / packagi"
},
{
"path": "LICENSE",
"chars": 11357,
"preview": " Apache License\n Version 2.0, January 2004\n "
},
{
"path": "README.md",
"chars": 2878,
"preview": "<div align=\"center\">\n<h1 align=\"center\">Search with Lepton</h1>\nBuild your own conversational search engine using less t"
},
{
"path": "lepton_template/README.md",
"chars": 4097,
"preview": "# Lepton Search\nBuild your own conversational search engine using less than 500 lines of code.\n\nSee a live demo site htt"
},
{
"path": "search_with_lepton.py",
"chars": 26630,
"preview": "import concurrent.futures\nimport glob\nimport json\nimport os\nimport re\nimport threading\nimport requests\nimport traceback\n"
},
{
"path": "web/.eslintrc.json",
"chars": 184,
"preview": "{\n \"plugins\": [\"unused-imports\"],\n \"extends\": [\n \"next/core-web-vitals\",\n \"plugin:prettier/recommended\"\n ],\n \""
},
{
"path": "web/next.config.mjs",
"chars": 508,
"preview": "export default (phase, { defaultConfig }) => {\n const env = process.env.NODE_ENV;\n /**\n * @type {import(\"next\").Next"
},
{
"path": "web/package.json",
"chars": 1164,
"preview": "{\n \"name\": \"search\",\n \"version\": \"0.1.0\",\n \"private\": true,\n \"scripts\": {\n \"dev\": \"next dev\",\n \"build\": \"next "
},
{
"path": "web/postcss.config.js",
"chars": 82,
"preview": "module.exports = {\n plugins: {\n tailwindcss: {},\n autoprefixer: {},\n },\n}\n"
},
{
"path": "web/src/app/components/answer.tsx",
"chars": 4607,
"preview": "import {\n Popover,\n PopoverContent,\n PopoverTrigger,\n} from \"@/app/components/popover\";\nimport { Skeleton } from \"@/a"
},
{
"path": "web/src/app/components/footer.tsx",
"chars": 1646,
"preview": "import { Mails } from \"lucide-react\";\nimport { FC } from \"react\";\n\nexport const Footer: FC = () => {\n return (\n <div"
},
{
"path": "web/src/app/components/logo.tsx",
"chars": 4684,
"preview": "import React, { FC } from \"react\";\n\nexport const Logo: FC = () => {\n return (\n <div className=\"flex gap-4 items-cent"
},
{
"path": "web/src/app/components/popover.tsx",
"chars": 1257,
"preview": "\"use client\";\n\nimport * as React from \"react\";\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\n\nimport { cn"
},
{
"path": "web/src/app/components/preset-query.tsx",
"chars": 632,
"preview": "import { getSearchUrl } from \"@/app/utils/get-search-url\";\nimport { nanoid } from \"nanoid\";\nimport Link from \"next/link\""
},
{
"path": "web/src/app/components/relates.tsx",
"chars": 1205,
"preview": "import { PresetQuery } from \"@/app/components/preset-query\";\nimport { Skeleton } from \"@/app/components/skeleton\";\nimpor"
},
{
"path": "web/src/app/components/result.tsx",
"chars": 1707,
"preview": "\"use client\";\nimport { Answer } from \"@/app/components/answer\";\nimport { Relates } from \"@/app/components/relates\";\nimpo"
},
{
"path": "web/src/app/components/search.tsx",
"chars": 1331,
"preview": "\"use client\";\nimport { getSearchUrl } from \"@/app/utils/get-search-url\";\nimport { ArrowRight } from \"lucide-react\";\nimpo"
},
{
"path": "web/src/app/components/skeleton.tsx",
"chars": 297,
"preview": "import { cn } from \"@/app/utils/cn\";\nimport { HTMLAttributes } from \"react\";\n\nfunction Skeleton({ className, ...props }:"
},
{
"path": "web/src/app/components/sources.tsx",
"chars": 2194,
"preview": "import { Skeleton } from \"@/app/components/skeleton\";\nimport { Wrapper } from \"@/app/components/wrapper\";\nimport { Sourc"
},
{
"path": "web/src/app/components/title.tsx",
"chars": 969,
"preview": "\"use client\";\nimport { getSearchUrl } from \"@/app/utils/get-search-url\";\nimport { RefreshCcw } from \"lucide-react\";\nimpo"
},
{
"path": "web/src/app/components/wrapper.tsx",
"chars": 297,
"preview": "import { FC, ReactNode } from \"react\";\n\nexport const Wrapper: FC<{\n title: ReactNode;\n content: ReactNode;\n}> = ({ tit"
},
{
"path": "web/src/app/globals.css",
"chars": 360,
"preview": "@tailwind base;\n@tailwind components;\n@tailwind utilities;\n\ninput:-webkit-autofill,\ninput:-webkit-autofill:hover,\ninput:"
},
{
"path": "web/src/app/interfaces/relate.ts",
"chars": 48,
"preview": "export interface Relate {\n question: string;\n}\n"
},
{
"path": "web/src/app/interfaces/source.ts",
"chars": 421,
"preview": "export interface Source {\n id: string;\n name: string;\n url: string;\n isFamilyFriendly: boolean;\n displayUrl: string"
},
{
"path": "web/src/app/layout.tsx",
"chars": 539,
"preview": "import type { Metadata } from \"next\";\nimport { Inter } from \"next/font/google\";\nimport \"./globals.css\";\nimport { ReactNo"
},
{
"path": "web/src/app/page.tsx",
"chars": 791,
"preview": "\"use client\";\nimport { Footer } from \"@/app/components/footer\";\nimport { Logo } from \"@/app/components/logo\";\nimport { P"
},
{
"path": "web/src/app/search/page.tsx",
"chars": 1473,
"preview": "\"use client\";\nimport { Result } from \"@/app/components/result\";\nimport { Search } from \"@/app/components/search\";\nimport"
},
{
"path": "web/src/app/utils/cn.ts",
"chars": 169,
"preview": "import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: C"
},
{
"path": "web/src/app/utils/fetch-stream.ts",
"chars": 783,
"preview": "async function pump(\n reader: ReadableStreamDefaultReader<Uint8Array>,\n controller: ReadableStreamDefaultController,\n "
},
{
"path": "web/src/app/utils/get-search-url.ts",
"chars": 234,
"preview": "export const getSearchUrl = (query: string, search_uuid: string) => {\n const prefix =\n process.env.NODE_ENV === \"pro"
},
{
"path": "web/src/app/utils/parse-streaming.ts",
"chars": 2127,
"preview": "import { Relate } from \"@/app/interfaces/relate\";\nimport { Source } from \"@/app/interfaces/source\";\nimport { fetchStream"
},
{
"path": "web/tailwind.config.ts",
"chars": 622,
"preview": "import type { Config } from \"tailwindcss\";\n\nconst config: Config = {\n content: [\n \"./src/pages/**/*.{js,ts,jsx,tsx,m"
},
{
"path": "web/tsconfig.json",
"chars": 697,
"preview": "{\n \"compilerOptions\": {\n \"target\": \"es2015\",\n \"lib\": [\n \"dom\",\n \"dom.iterable\",\n \"esnext\"\n ],\n "
}
]
About this extraction
This page contains the full source code of the leptonai/search_with_lepton GitHub repository, extracted and formatted as plain text for AI agents and large language models (LLMs). The extraction includes 33 files (77.5 KB), approximately 21.5k tokens, and a symbol index with 24 extracted functions, classes, methods, constants, and types. Use this with OpenClaw, Claude, ChatGPT, Cursor, Windsurf, or any other AI tool that accepts text input. You can copy the full output to your clipboard or download it as a .txt file.
Extracted by GitExtract — free GitHub repo to text converter for AI. Built by Nikandr Surkov.