9 |
12 | );
13 | };
14 |
--------------------------------------------------------------------------------
/web/src/app/globals.css:
--------------------------------------------------------------------------------
1 | @tailwind base;
2 | @tailwind components;
3 | @tailwind utilities;
4 |
5 | input:-webkit-autofill,
6 | input:-webkit-autofill:hover,
7 | input:-webkit-autofill:focus,
8 | textarea:-webkit-autofill,
9 | textarea:-webkit-autofill:hover,
10 | textarea:-webkit-autofill:focus,
11 | select:-webkit-autofill,
12 | select:-webkit-autofill:hover,
13 | select:-webkit-autofill:focus {
14 | -webkit-background-clip: text;
15 | }
16 |
--------------------------------------------------------------------------------
/web/src/app/interfaces/source.ts:
--------------------------------------------------------------------------------
1 | export interface Source {
2 | id: string;
3 | name: string;
4 | url: string;
5 | isFamilyFriendly: boolean;
6 | displayUrl: string;
7 | snippet: string;
8 | deepLinks: { snippet: string; name: string; url: string }[];
9 | dateLastCrawled: string;
10 | cachedPageUrl: string;
11 | language: string;
12 | primaryImageOfPage?: {
13 | thumbnailUrl: string;
14 | width: number;
15 | height: number;
16 | imageId: string;
17 | };
18 | isNavigational: boolean;
19 | }
20 |
--------------------------------------------------------------------------------
/web/next.config.mjs:
--------------------------------------------------------------------------------
1 | export default (phase, { defaultConfig }) => {
2 | const env = process.env.NODE_ENV;
3 | /**
4 | * @type {import("next").NextConfig}
5 | */
6 | if (env === "production") {
7 | return {
8 | output: "export",
9 | assetPrefix: "/ui/",
10 | basePath: "/ui",
11 | distDir: "../ui"
12 | };
13 | } else {
14 | return {
15 | async rewrites() {
16 | return [
17 | {
18 | source: "/query",
19 | destination: "http://localhost:8080/query" // Proxy to Backend
20 | }
21 | ];
22 | }
23 | };
24 | }
25 | }
26 |
--------------------------------------------------------------------------------
/web/src/app/layout.tsx:
--------------------------------------------------------------------------------
1 | import type { Metadata } from "next";
2 | import { Inter } from "next/font/google";
3 | import "./globals.css";
4 | import { ReactNode } from "react";
5 |
6 | const inter = Inter({ subsets: ["latin"] });
7 |
8 | export const metadata: Metadata = {
9 | title: "Lepton Search",
10 | description:
11 | "Answer generated by large language models (LLMs). Double check for correctness.",
12 | };
13 |
14 | export default function RootLayout({ children }: { children: ReactNode }) {
15 | return (
16 |
17 | {children}
18 |
19 | );
20 | }
21 |
--------------------------------------------------------------------------------
/web/src/app/components/preset-query.tsx:
--------------------------------------------------------------------------------
1 | import { getSearchUrl } from "@/app/utils/get-search-url";
2 | import { nanoid } from "nanoid";
3 | import Link from "next/link";
4 | import React, { FC, useMemo } from "react";
5 |
6 | export const PresetQuery: FC<{ query: string }> = ({ query }) => {
7 | const rid = useMemo(() => nanoid(), [query]);
8 |
9 | return (
10 |
16 | {query}
17 |
18 | );
19 | };
20 |
--------------------------------------------------------------------------------
/web/tailwind.config.ts:
--------------------------------------------------------------------------------
1 | import type { Config } from "tailwindcss";
2 |
3 | const config: Config = {
4 | content: [
5 | "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
6 | "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
7 | "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
8 | ],
9 | theme: {
10 | extend: {
11 | backgroundImage: {
12 | "gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
13 | "gradient-conic":
14 | "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
15 | },
16 | colors: {
17 | blue: {
18 | 500: "#2F80ED",
19 | },
20 | },
21 | },
22 | },
23 | plugins: [require("@tailwindcss/typography")],
24 | };
25 | export default config;
26 |
--------------------------------------------------------------------------------
/web/src/app/page.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 | import { Footer } from "@/app/components/footer";
3 | import { Logo } from "@/app/components/logo";
4 | import { PresetQuery } from "@/app/components/preset-query";
5 | import { Search } from "@/app/components/search";
6 | import React from "react";
7 |
8 | export default function Home() {
9 | return (
10 | {title}
10 | {content}
11 |
11 |
21 | );
22 | }
23 |
--------------------------------------------------------------------------------
/web/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "target": "es2015",
4 | "lib": [
5 | "dom",
6 | "dom.iterable",
7 | "esnext"
8 | ],
9 | "allowJs": true,
10 | "skipLibCheck": true,
11 | "strict": true,
12 | "noEmit": true,
13 | "esModuleInterop": true,
14 | "module": "esnext",
15 | "moduleResolution": "bundler",
16 | "resolveJsonModule": true,
17 | "isolatedModules": true,
18 | "jsx": "preserve",
19 | "incremental": true,
20 | "plugins": [
21 | {
22 | "name": "next"
23 | }
24 | ],
25 | "paths": {
26 | "@/*": [
27 | "./src/*"
28 | ]
29 | }
30 | },
31 | "include": [
32 | "next-env.d.ts",
33 | "**/*.ts",
34 | "**/*.tsx",
35 | ".next/types/**/*.ts",
36 | "../ui/types/**/*.ts"
37 | ],
38 | "exclude": [
39 | "node_modules"
40 | ]
41 | }
42 |
--------------------------------------------------------------------------------
/web/src/app/utils/fetch-stream.ts:
--------------------------------------------------------------------------------
1 | async function pump(
2 | reader: ReadableStreamDefaultReader
12 |
20 |
15 |
18 |
19 |
11 |
29 | );
30 | };
31 |
--------------------------------------------------------------------------------
/web/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "search",
3 | "version": "0.1.0",
4 | "private": true,
5 | "scripts": {
6 | "dev": "next dev",
7 | "build": "next build",
8 | "start": "next start",
9 | "lint": "next lint"
10 | },
11 | "dependencies": {
12 | "@next/third-parties": "^14.0.4",
13 | "@radix-ui/react-popover": "^1.0.7",
14 | "@tailwindcss/forms": "^0.5.7",
15 | "@upstash/ratelimit": "^1.0.0",
16 | "@vercel/kv": "^1.0.1",
17 | "clsx": "^2.1.0",
18 | "headlessui": "^0.0.0",
19 | "lucide-react": "^0.309.0",
20 | "mdast-util-from-markdown": "^2.0.0",
21 | "nanoid": "^5.0.4",
22 | "next": "14.0.4",
23 | "react": "^18",
24 | "react-dom": "^18",
25 | "react-markdown": "^9.0.1",
26 | "tailwind-merge": "^2.2.0",
27 | "unist-builder": "^4.0.0"
28 | },
29 | "devDependencies": {
30 | "@tailwindcss/typography": "^0.5.10",
31 | "@types/node": "^20",
32 | "@types/react": "^18",
33 | "@types/react-dom": "^18",
34 | "autoprefixer": "^10.0.1",
35 | "eslint": "^8",
36 | "eslint-config-next": "14.0.4",
37 | "eslint-config-prettier": "^9.0.0",
38 | "eslint-plugin-prettier": "^5.0.1",
39 | "eslint-plugin-unused-imports": "^3.0.0",
40 | "postcss": "^8",
41 | "prettier": "^3.1.0",
42 | "tailwindcss": "^3.3.0",
43 | "typescript": "^5"
44 | }
45 | }
46 |
--------------------------------------------------------------------------------
/web/src/app/components/relates.tsx:
--------------------------------------------------------------------------------
1 | import { PresetQuery } from "@/app/components/preset-query";
2 | import { Skeleton } from "@/app/components/skeleton";
3 | import { Wrapper } from "@/app/components/wrapper";
4 | import { Relate } from "@/app/interfaces/relate";
5 | import { MessageSquareQuote } from "lucide-react";
6 | import React, { FC } from "react";
7 |
8 | export const Relates: FC<{ relates: Relate[] | null }> = ({ relates }) => {
9 | return (
10 |
15 | {query}
16 |
17 |
18 |
27 |
28 |
18 | {relates !== null ? (
19 | relates.length > 0 ? (
20 | relates.map(({ question }) => (
21 |
34 | }
35 | >No related questions.
25 | )
26 | ) : (
27 | <>
28 |
12 |
26 | );
27 | }
28 |
--------------------------------------------------------------------------------
/web/src/app/components/footer.tsx:
--------------------------------------------------------------------------------
1 | import { Mails } from "lucide-react";
2 | import { FC } from "react";
3 |
4 | export const Footer: FC = () => {
5 | return (
6 |
13 |
14 |
25 |
15 |
18 |
19 |
20 |
24 |
21 |
23 |
7 |
51 | );
52 | };
53 |
--------------------------------------------------------------------------------
/web/src/app/components/result.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 | import { Answer } from "@/app/components/answer";
3 | import { Relates } from "@/app/components/relates";
4 | import { Sources } from "@/app/components/sources";
5 | import { Relate } from "@/app/interfaces/relate";
6 | import { Source } from "@/app/interfaces/source";
7 | import { parseStreaming } from "@/app/utils/parse-streaming";
8 | import { Annoyed } from "lucide-react";
9 | import { FC, useEffect, useState } from "react";
10 |
11 | export const Result: FC<{ query: string; rid: string }> = ({ query, rid }) => {
12 | const [sources, setSources] = useState
8 | Answer generated by large language models, plz double check for
9 | correctness.
10 |
11 |
12 | LLM, Vector DB, and other components powered by the Lepton AI platform.
13 |
14 |
15 |
26 |
27 |
16 |
20 |
24 | if you need a performant and scalable AI cloud!
25 |
28 |
29 | Lepton Home
30 |
31 |
35 | API Playground
36 |
37 |
41 | Python Library
42 |
43 |
44 | Twitter
45 |
46 |
47 | Blog
48 |
49 |
50 |
33 |
47 | );
48 | };
49 |
--------------------------------------------------------------------------------
/web/src/app/utils/parse-streaming.ts:
--------------------------------------------------------------------------------
1 | import { Relate } from "@/app/interfaces/relate";
2 | import { Source } from "@/app/interfaces/source";
3 | import { fetchStream } from "@/app/utils/fetch-stream";
4 |
5 | const LLM_SPLIT = "__LLM_RESPONSE__";
6 | const RELATED_SPLIT = "__RELATED_QUESTIONS__";
7 |
8 | export const parseStreaming = async (
9 | controller: AbortController,
10 | query: string,
11 | search_uuid: string,
12 | onSources: (value: Source[]) => void,
13 | onMarkdown: (value: string) => void,
14 | onRelates: (value: Relate[]) => void,
15 | onError?: (status: number) => void,
16 | ) => {
17 | const decoder = new TextDecoder();
18 | let uint8Array = new Uint8Array();
19 | let chunks = "";
20 | let sourcesEmitted = false;
21 | const response = await fetch(`/query`, {
22 | method: "POST",
23 | headers: {
24 | "Content-Type": "application/json",
25 | Accept: "*./*",
26 | },
27 | signal: controller.signal,
28 | body: JSON.stringify({
29 | query,
30 | search_uuid,
31 | }),
32 | });
33 | if (response.status !== 200) {
34 | onError?.(response.status);
35 | return;
36 | }
37 | const markdownParse = (text: string) => {
38 | onMarkdown(
39 | text
40 | .replace(/\[\[([cC])itation/g, "[citation")
41 | .replace(/[cC]itation:(\d+)]]/g, "citation:$1]")
42 | .replace(/\[\[([cC]itation:\d+)]](?!])/g, `[$1]`)
43 | .replace(/\[[cC]itation:(\d+)]/g, "[citation]($1)"),
44 | );
45 | };
46 | fetchStream(
47 | response,
48 | (chunk) => {
49 | uint8Array = new Uint8Array([...uint8Array, ...chunk]);
50 | chunks = decoder.decode(uint8Array, { stream: true });
51 | if (chunks.includes(LLM_SPLIT)) {
52 | const [sources, rest] = chunks.split(LLM_SPLIT);
53 | if (!sourcesEmitted) {
54 | try {
55 | onSources(JSON.parse(sources));
56 | } catch (e) {
57 | onSources([]);
58 | }
59 | }
60 | sourcesEmitted = true;
61 | if (rest.includes(RELATED_SPLIT)) {
62 | const [md] = rest.split(RELATED_SPLIT);
63 | markdownParse(md);
64 | } else {
65 | markdownParse(rest);
66 | }
67 | }
68 | },
69 | () => {
70 | const [_, relates] = chunks.split(RELATED_SPLIT);
71 | try {
72 | onRelates(JSON.parse(relates));
73 | } catch (e) {
74 | onRelates([]);
75 | }
76 | },
77 | );
78 | };
79 |
--------------------------------------------------------------------------------
/web/src/app/components/sources.tsx:
--------------------------------------------------------------------------------
1 | import { Skeleton } from "@/app/components/skeleton";
2 | import { Wrapper } from "@/app/components/wrapper";
3 | import { Source } from "@/app/interfaces/source";
4 | import { BookText } from "lucide-react";
5 | import { FC } from "react";
6 |
7 | const SourceItem: FC<{ source: Source; index: number }> = ({
8 | source,
9 | index,
10 | }) => {
11 | const { id, name, url } = source;
12 | const domain = new URL(url).hostname;
13 | return (
14 |
38 |
45 | )}
46 |
39 |
44 |
18 |
19 |
37 | );
38 | };
39 |
40 | export const Sources: FC<{ sources: Source[] }> = ({ sources }) => {
41 | return (
42 |
20 | {name}
21 |
22 |
23 |
36 |
24 |
28 |
25 | {index + 1} - {domain}
26 |
27 |
29 | 
34 |
35 |
50 | {sources.length > 0 ? (
51 | sources.map((item, index) => (
52 |
67 | }
68 | >
2 |
5 | Live Demo 6 |
7 |
8 |
9 |
10 |
11 | ## Features
12 | - Built-in support for LLM
13 | - Built-in support for search engine
14 | - Customizable pretty UI interface
15 | - Shareable, cached search results
16 |
17 | ## Setup Search Engine API
18 | There are two default supported search engines: Bing and Google.
19 |
20 | ### Bing Search
21 | 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.
22 |
23 | ### Google Search
24 | You have two options for Google Search: you can use the [Google Search API](https://www.serper.dev) from Serper or opt for the [Programmable Search Engine](https://developers.google.com/custom-search) provided by Google.
25 |
26 | ## Setup LLM and KV
27 |
28 | > [!NOTE]
29 | > We recommend using the built-in llm and kv functions with Lepton.
30 | > Running the following commands to set up them automatically.
31 |
32 | ```shell
33 | pip install -U leptonai && lep login
34 | ```
35 |
36 |
37 | ## Build
38 |
39 | 1. Set Bing subscription key
40 | ```shell
41 | export BING_SEARCH_V7_SUBSCRIPTION_KEY=YOUR_BING_SUBSCRIPTION_KEY
42 | ```
43 | 2. Build web
44 | ```shell
45 | cd web && npm install && npm run build
46 | ```
47 | 3. Run server
48 | ```shell
49 | BACKEND=BING python search_with_lepton.py
50 | ```
51 |
52 | For Google Search using Serper:
53 | ```shell
54 | export SERPER_SEARCH_API_KEY=YOUR_SERPER_API_KEY
55 | BACKEND=SERPER python search_with_lepton.py
56 | ```
57 |
58 | For Google Search using Programmable Search Engine:
59 | ```shell
60 | export GOOGLE_SEARCH_API_KEY=YOUR_GOOGLE_SEARCH_API_KEY
61 | export GOOGLE_SEARCH_CX=YOUR_GOOGLE_SEARCH_ENGINE_ID
62 | BACKEND=GOOGLE python search_with_lepton.py
63 | ```
64 |
65 |
66 |
67 | ## Deploy
68 |
69 | You can deploy this to Lepton AI with one click:
70 |
71 | [](https://dashboard.lepton.ai/workspace-redirect/explore/detail/search-by-lepton)
72 |
73 | You can also deploy your own version via
74 |
75 | ```shell
76 | 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
77 | ```
78 |
79 | Learn more about `lep photon` [here](https://www.lepton.ai/docs).
80 |
--------------------------------------------------------------------------------
/lepton_template/README.md:
--------------------------------------------------------------------------------
1 | # Lepton Search
2 | Build your own conversational search engine using less than 500 lines of code.
3 |
4 | See a live demo site https://search.lepton.run/
5 |
6 | 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.
7 |
8 | ## Setup Search Engine API
9 |
10 | 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.
11 |
12 | ### Bing
13 |
14 | 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.
15 |
16 | ### Google
17 |
18 | 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.
19 |
20 | ### Lepton Demo API
21 |
22 | 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.
23 |
24 |
25 | ## Deployment Configurations
26 |
27 | Here are the configurations you can set for your deployment:
28 | * Name: The name of your deployment, like "my-search"
29 | * 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.
30 |
31 | Then, set the following environmental variables.
32 |
33 | * `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` or `GOOGLE`.
34 | * `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.
35 | * `KV_NAME`: the Lepton KV to use to store the search results. You can use the default `search-with-lepton`.
36 | * `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.
37 | * `GOOGLE_SEARCH_CX`: if you are using google, specify the search cx. Otherwise, leave it empty.
38 | * `LEPTON_ENABLE_AUTH_BY_COOKIE`: this is to allow web UI access to the deployment. Set it to `true`.
39 |
40 | In addition, you will need to set the following secrets:
41 | * `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).
42 | * `BING_SEARCH_V7_SUBSCRIPTION_KEY`: if you are using Bing, you need to specify the subscription key. Otherwise it is not needed.
43 | * `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.
44 |
45 | 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.
46 |
47 | Once the status is turned into `Ready`, click the URL on the deployment card to access it. Enjoy!
48 |
--------------------------------------------------------------------------------
/web/src/app/icon.svg:
--------------------------------------------------------------------------------
1 |
23 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | # Byte-compiled / optimized / DLL files
2 | __pycache__/
3 | *.py[cod]
4 | *$py.class
5 |
6 | # C extensions
7 | *.so
8 |
9 | # Distribution / packaging
10 | .Python
11 | build/
12 | develop-eggs/
13 | dist/
14 | downloads/
15 | eggs/
16 | .eggs/
17 | lib/
18 | lib64/
19 | parts/
20 | sdist/
21 | var/
22 | wheels/
23 | share/python-wheels/
24 | *.egg-info/
25 | .installed.cfg
26 | *.egg
27 | MANIFEST
28 |
29 | # PyInstaller
30 | # Usually these files are written by a python script from a template
31 | # before PyInstaller builds the exe, so as to inject date/other infos into it.
32 | *.manifest
33 | *.spec
34 |
35 | # Installer logs
36 | pip-log.txt
37 | pip-delete-this-directory.txt
38 |
39 | # Unit test / coverage reports
40 | htmlcov/
41 | .tox/
42 | .nox/
43 | .coverage
44 | .coverage.*
45 | .cache
46 | nosetests.xml
47 | coverage.xml
48 | *.cover
49 | *.py,cover
50 | .hypothesis/
51 | .pytest_cache/
52 | cover/
53 |
54 | # Translations
55 | *.mo
56 | *.pot
57 |
58 | # Django stuff:
59 | *.log
60 | local_settings.py
61 | db.sqlite3
62 | db.sqlite3-journal
63 |
64 | # Flask stuff:
65 | instance/
66 | .webassets-cache
67 |
68 | # Scrapy stuff:
69 | .scrapy
70 |
71 | # Sphinx documentation
72 | docs/_build/
73 |
74 | # PyBuilder
75 | .pybuilder/
76 | target/
77 |
78 | # Jupyter Notebook
79 | .ipynb_checkpoints
80 |
81 | # IPython
82 | profile_default/
83 | ipython_config.py
84 |
85 | # pyenv
86 | # For a library or package, you might want to ignore these files since the code is
87 | # intended to run in multiple environments; otherwise, check them in:
88 | # .python-version
89 |
90 | # pipenv
91 | # According to pypa/pipenv#598, it is recommended to include Pipfile.lock in version control.
92 | # However, in case of collaboration, if having platform-specific dependencies or dependencies
93 | # having no cross-platform support, pipenv may install dependencies that don't work, or not
94 | # install all needed dependencies.
95 | #Pipfile.lock
96 |
97 | # poetry
98 | # Similar to Pipfile.lock, it is generally recommended to include poetry.lock in version control.
99 | # This is especially recommended for binary packages to ensure reproducibility, and is more
100 | # commonly ignored for libraries.
101 | # https://python-poetry.org/docs/basic-usage/#commit-your-poetrylock-file-to-version-control
102 | #poetry.lock
103 |
104 | # pdm
105 | # Similar to Pipfile.lock, it is generally recommended to include pdm.lock in version control.
106 | #pdm.lock
107 | # pdm stores project-wide configurations in .pdm.toml, but it is recommended to not include it
108 | # in version control.
109 | # https://pdm.fming.dev/#use-with-ide
110 | .pdm.toml
111 |
112 | # PEP 582; used by e.g. github.com/David-OConnor/pyflow and github.com/pdm-project/pdm
113 | __pypackages__/
114 |
115 | # Celery stuff
116 | celerybeat-schedule
117 | celerybeat.pid
118 |
119 | # SageMath parsed files
120 | *.sage.py
121 |
122 | # Environments
123 | .env
124 | .venv
125 | env/
126 | venv/
127 | ENV/
128 | env.bak/
129 | venv.bak/
130 |
131 | # Spyder project settings
132 | .spyderproject
133 | .spyproject
134 |
135 | # Rope project settings
136 | .ropeproject
137 |
138 | # mkdocs documentation
139 | /site
140 |
141 | # mypy
142 | .mypy_cache/
143 | .dmypy.json
144 | dmypy.json
145 |
146 | # Pyre type checker
147 | .pyre/
148 |
149 | # pytype static type analyzer
150 | .pytype/
151 |
152 | # Cython debug symbols
153 | cython_debug/
154 |
155 | # PyCharm
156 | # JetBrains specific template is maintained in a separate JetBrains.gitignore that can
157 | # be found at https://github.com/github/gitignore/blob/main/Global/JetBrains.gitignore
158 | # and can be added to the global gitignore or merged into this file. For a more nuclear
159 | # option (not recommended) you can uncomment the following to ignore the entire idea folder.
160 | #.idea/
161 |
162 |
163 | # Web related
164 |
165 | # dependencies
166 | node_modules/
167 | /.pnp
168 | .pnp.js
169 | .yarn/install-state.gz
170 |
171 | # testing
172 | /coverage
173 |
174 | # next.js
175 | .next/
176 | /out/
177 |
178 | # production
179 | /build
180 | /ui
181 |
182 | # misc
183 | .DS_Store
184 | .idea
185 | *.pem
186 |
187 | # debug
188 | npm-debug.log*
189 | yarn-debug.log*
190 | yarn-error.log*
191 |
192 | # local env files
193 | .env*.local
194 |
195 | # vercel
196 | .vercel
197 |
198 | # typescript
199 | *.tsbuildinfo
200 | next-env.d.ts
201 |
--------------------------------------------------------------------------------
/web/src/app/components/logo.tsx:
--------------------------------------------------------------------------------
1 | import React, { FC } from "react";
2 |
3 | export const Logo: FC = () => {
4 | return (
5 | Search with Lepton
3 | Build your own conversational search engine using less than 500 lines of code. 4 |5 | Live Demo 6 |
7 |
6 |
37 | );
38 | };
39 |
--------------------------------------------------------------------------------
/web/src/app/components/answer.tsx:
--------------------------------------------------------------------------------
1 | import {
2 | Popover,
3 | PopoverContent,
4 | PopoverTrigger,
5 | } from "@/app/components/popover";
6 | import { Skeleton } from "@/app/components/skeleton";
7 | import { Wrapper } from "@/app/components/wrapper";
8 | import { Source } from "@/app/interfaces/source";
9 | import { BookOpenText } from "lucide-react";
10 | import { FC } from "react";
11 | import Markdown from "react-markdown";
12 |
13 | export const Answer: FC<{ markdown: string; sources: Source[] }> = ({
14 | markdown,
15 | sources,
16 | }) => {
17 | return (
18 |
7 |
29 |
30 |
31 | Lepton Search
32 |
33 |
34 | beta
35 |
36 |
27 | {
30 | if (!props.href) return <>;
31 | const source = sources[+props.href - 1];
32 | if (!source) return <>;
33 | return (
34 |
35 |
36 |
37 |
41 | {props.href}
42 |
43 |
44 |
48 |
90 |
91 |
92 | );
93 | },
94 | }}
95 | >
96 | {markdown}
97 |
98 |
99 | ) : (
100 |
49 | {source.name}
50 |
51 |
52 | {source.primaryImageOfPage?.thumbnailUrl && (
53 |
68 |
69 |
54 | 
60 |
61 | )}
62 |
63 |
67 |
64 | {source.snippet}
65 |
66 |
70 |
89 |
71 |
81 |
72 |
77 | {source.url}
78 |
79 |
80 |
82 | 
87 |
88 |
101 |
107 | )
108 | }
109 | >