├── .npmrc
├── static
└── favicon.png
├── .gitignore
├── .eslintignore
├── .prettierignore
├── .prettierrc
├── src
├── app.d.ts
├── app.html
└── routes
│ ├── +page.server.ts
│ ├── +page.svelte
│ └── api
│ ├── ingest
│ └── +server.ts
│ └── chat
│ └── +server.ts
├── vite.config.ts
├── .env.example
├── tsconfig.json
├── .eslintrc.cjs
├── svelte.config.js
├── package.json
├── README.md
└── pnpm-lock.yaml
/.npmrc:
--------------------------------------------------------------------------------
1 | engine-strict=true
2 |
--------------------------------------------------------------------------------
/static/favicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SimonPrammer/svelte-chat-langchain/HEAD/static/favicon.png
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | node_modules
3 | /build
4 | /.svelte-kit
5 | /package
6 | .env
7 | .env.*
8 | !.env.example
9 | vite.config.js.timestamp-*
10 | vite.config.ts.timestamp-*
11 |
--------------------------------------------------------------------------------
/.eslintignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | node_modules
3 | /build
4 | /.svelte-kit
5 | /package
6 | .env
7 | .env.*
8 | !.env.example
9 |
10 | # Ignore files for PNPM, NPM and YARN
11 | pnpm-lock.yaml
12 | package-lock.json
13 | yarn.lock
14 |
--------------------------------------------------------------------------------
/.prettierignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | node_modules
3 | /build
4 | /.svelte-kit
5 | /package
6 | .env
7 | .env.*
8 | !.env.example
9 |
10 | # Ignore files for PNPM, NPM and YARN
11 | pnpm-lock.yaml
12 | package-lock.json
13 | yarn.lock
14 |
--------------------------------------------------------------------------------
/.prettierrc:
--------------------------------------------------------------------------------
1 | {
2 | "useTabs": true,
3 | "singleQuote": true,
4 | "trailingComma": "none",
5 | "printWidth": 100,
6 | "plugins": ["prettier-plugin-svelte"],
7 | "pluginSearchDirs": ["."],
8 | "overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]
9 | }
10 |
--------------------------------------------------------------------------------
/src/app.d.ts:
--------------------------------------------------------------------------------
1 | // See https://kit.svelte.dev/docs/types#app
2 | // for information about these interfaces
3 | declare global {
4 | namespace App {
5 | // interface Error {}
6 | // interface Locals {}
7 | // interface PageData {}
8 | // interface Platform {}
9 | }
10 | }
11 |
12 | export {};
13 |
--------------------------------------------------------------------------------
/src/app.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | %sveltekit.head%
8 |
9 |
10 |
11 | %sveltekit.body%
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/vite.config.ts:
--------------------------------------------------------------------------------
1 | import { loadEnv, defineConfig } from 'vite';
2 | import dotenvExpand from 'dotenv-expand';
3 | import { sveltekit } from '@sveltejs/kit/vite';
4 |
5 | export default defineConfig(({ mode }) => {
6 | //NECESSARY TO USE ENV VARIABLES WITHOUT EXPLICITLY DECLARING THEM IN DEVELOPMENT!
7 | if (mode === 'development') {
8 | const env = loadEnv(mode, process.cwd(), '');
9 | dotenvExpand.expand({ parsed: env });
10 | }
11 |
12 | return {
13 | plugins: [sveltekit()]
14 | };
15 | });
--------------------------------------------------------------------------------
/src/routes/+page.server.ts:
--------------------------------------------------------------------------------
1 | import { sql } from '@vercel/postgres';
2 |
3 | export const load = async (event) => {
4 | const isEnvSet = !!process.env.POSTGRES_URL && !!process.env.OPENAI_API_KEY;
5 |
6 | if (isEnvSet) {
7 | const exists = await sql`
8 | SELECT EXISTS (
9 | SELECT FROM information_schema.tables
10 | WHERE table_schema = 'public'
11 | AND table_name = 'langchain_docs_embeddings'
12 | );
13 | `;
14 | return {
15 | isEnvSet,
16 | vectorDbExists: exists?.rows[0]?.exists
17 | };
18 | } else {
19 | return {
20 | isEnvSet
21 | };
22 | }
23 | };
24 |
--------------------------------------------------------------------------------
/.env.example:
--------------------------------------------------------------------------------
1 | POSTGRES_URL="postgres://username:password@hostname:port/database"
2 | POSTGRES_PRISMA_URL="postgres://username:password@hostname:port/database?pgbouncer=true&connect_timeout=15"
3 | POSTGRES_URL_NON_POOLING="postgres://username:password@hostname:port/database"
4 | POSTGRES_USER="username"
5 | POSTGRES_HOST="hostname"
6 | POSTGRES_PASSWORD="password"
7 | POSTGRES_DATABASE="database"
8 | OPENAI_API_KEY="api_key"
9 | LANGCHAIN_API_KEY="api_key"
10 | LANGCHAIN_ENDPOINT="https://api.example.com"
11 | LANGCHAIN_PROJECT="project_name"
12 | LANGCHAIN_TRACING_V2="true"
13 | LANGCHAIN_CALLBACKS_BACKGROUND="true"
--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "./.svelte-kit/tsconfig.json",
3 | "compilerOptions": {
4 | "allowJs": true,
5 | "checkJs": true,
6 | "esModuleInterop": true,
7 | "forceConsistentCasingInFileNames": true,
8 | "resolveJsonModule": true,
9 | "skipLibCheck": true,
10 | "sourceMap": true,
11 | "strict": true
12 | }
13 | // Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias
14 | //
15 | // If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
16 | // from the referenced tsconfig.json - TypeScript does not merge them in
17 | }
18 |
--------------------------------------------------------------------------------
/.eslintrc.cjs:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | root: true,
3 | extends: [
4 | 'eslint:recommended',
5 | 'plugin:@typescript-eslint/recommended',
6 | 'plugin:svelte/recommended',
7 | 'prettier'
8 | ],
9 | parser: '@typescript-eslint/parser',
10 | plugins: ['@typescript-eslint'],
11 | parserOptions: {
12 | sourceType: 'module',
13 | ecmaVersion: 2020,
14 | extraFileExtensions: ['.svelte']
15 | },
16 | env: {
17 | browser: true,
18 | es2017: true,
19 | node: true
20 | },
21 | overrides: [
22 | {
23 | files: ['*.svelte'],
24 | parser: 'svelte-eslint-parser',
25 | parserOptions: {
26 | parser: '@typescript-eslint/parser'
27 | }
28 | }
29 | ]
30 | };
31 |
--------------------------------------------------------------------------------
/svelte.config.js:
--------------------------------------------------------------------------------
1 | import adapter from '@sveltejs/adapter-auto';
2 | import { vitePreprocess } from '@sveltejs/kit/vite';
3 |
4 | /** @type {import('@sveltejs/kit').Config} */
5 | const config = {
6 | // Consult https://kit.svelte.dev/docs/integrations#preprocessors
7 | // for more information about preprocessors
8 | preprocess: vitePreprocess(),
9 |
10 | kit: {
11 | // adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.
12 | // If your environment is not supported or you settled on a specific environment, switch out the adapter.
13 | // See https://kit.svelte.dev/docs/adapters for more information about adapters.
14 | adapter: adapter()
15 | }
16 | };
17 |
18 | export default config;
19 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "svelte-chat-langchain",
3 | "version": "0.0.1",
4 | "private": true,
5 | "scripts": {
6 | "dev": "vite dev",
7 | "build": "vite build",
8 | "preview": "vite preview",
9 | "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
10 | "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
11 | "test": "vitest",
12 | "lint": "prettier --plugin-search-dir . --check . && eslint .",
13 | "format": "prettier --plugin-search-dir . --write ."
14 | },
15 | "devDependencies": {
16 | "@sveltejs/adapter-auto": "^2.0.0",
17 | "@sveltejs/kit": "^1.20.4",
18 | "@typescript-eslint/eslint-plugin": "^6.0.0",
19 | "@typescript-eslint/parser": "^6.0.0",
20 | "eslint": "^8.28.0",
21 | "eslint-config-prettier": "^8.5.0",
22 | "eslint-plugin-svelte": "^2.30.0",
23 | "prettier": "^2.8.0",
24 | "prettier-plugin-svelte": "^2.10.1",
25 | "svelte": "^4.0.5",
26 | "svelte-check": "^3.4.3",
27 | "tslib": "^2.4.1",
28 | "typescript": "^5.0.0",
29 | "vite": "^4.4.2",
30 | "vitest": "^0.34.0"
31 | },
32 | "type": "module",
33 | "dependencies": {
34 | "@picocss/pico": "^1.5.10",
35 | "@vercel/postgres": "^0.5.0",
36 | "ai": "^2.2.13",
37 | "dotenv-expand": "^10.0.0",
38 | "html-to-text": "^9.0.5",
39 | "jsdom": "^22.1.0",
40 | "langchain": "^0.0.156"
41 | }
42 | }
43 |
--------------------------------------------------------------------------------
/src/routes/+page.svelte:
--------------------------------------------------------------------------------
1 |
22 |
23 |
24 | {#if data.isEnvSet && !data.vectorDbExists}
25 |
26 |
31 |
32 | {/if}
33 |
34 |
35 |
36 | {#each $messages as message}
37 | - {message.role}: {message.content}
38 | {/each}
39 |
40 |