tdpeuter/open-webui
tdpeuter/open-webui
1
Fork 0
forked from open-webui/open-webui
Code Issues Pull requests 1 Releases 2 Packages Activity Actions

Merge pull request #14 from ollama-webui/main

Browse source 
dev branch update
This commit is contained in:
Timothy Jaeryang Baek 2023-10-22 00:13:21 -05:00 committed by GitHub
commit fa1db09157
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
8 changed files with 95 additions and 66 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
.github/workflows/node.js.yaml vendored Normal file
View file

@ -0,0 +1,25 @@
name: Node.js CI
on:
push:
branches: ['main']
pull_request:
jobs:
build:
name: 'Fmt, Lint, & Build'
runs-on: ubuntu-latest
strategy:
matrix:
node-version:
- latest
steps:
- uses: actions/checkout@v3
- name: Use Node.js ${{ matrix.node-version }}
uses: actions/setup-node@v3
with:
node-version: ${{ matrix.node-version }}
- run: node --version
- run: npm clean-install
- run: npm run fmt
#- run: npm run lint
#- run: npm run lint:types
- run: npm run build

8
package.json
View file

@ -8,8 +8,12 @@
"preview": "vite preview", "preview": "vite preview",
"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json", "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch", "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
"lint": "prettier --plugin-search-dir . --check . && eslint .", "lint": "npm run eslint",
"format": "prettier --plugin-search-dir . --write ." "lint:types": "npm run check",
"fmt": "npm run prettier:svelte && npm run prettier",
"eslint": "npx -p eslint@8 -- eslint .",
"prettier:svelte": "npx -p prettier@2 -- prettier --plugin-search-dir . --write .",
"prettier": "npx -p prettier@2 -- prettier --write '**/*.{js,css,md,html,json}'"
}, },
"devDependencies": { "devDependencies": {
"@sveltejs/adapter-auto": "^2.0.0", "@sveltejs/adapter-auto": "^2.0.0",

10
postcss.config.js
View file

@ -1,6 +1,6 @@
export default { export default {
plugins: { plugins: {
tailwindcss: {}, tailwindcss: {},
autoprefixer: {}, autoprefixer: {}
}, }
} };

66
src/lib/components/common/Overlay.svelte
View file

@ -1,33 +1,33 @@
<script> <script>
import Spinner from './Spinner.svelte'; import Spinner from './Spinner.svelte';
export let show = false; export let show = false;
export let content = ''; export let content = '';
export let opacity = 1; export let opacity = 1;
</script> </script>
<div class="relative"> <div class="relative">
{#if show} {#if show}
<div class="absolute w-full h-full flex"> <div class="absolute w-full h-full flex">
<div <div
class="absolute rounded" class="absolute rounded"
style="inset: -10px; opacity: {opacity}; backdrop-filter: blur(5px);" style="inset: -10px; opacity: {opacity}; backdrop-filter: blur(5px);"
/> />
<div class="flex w-full flex-col justify-center"> <div class="flex w-full flex-col justify-center">
<div class=" py-3"> <div class=" py-3">
<Spinner className="ml-2" /> <Spinner className="ml-2" />
</div> </div>
{#if content !== ''} {#if content !== ''}
<div class="text-center text-gray-100 text-xs font-medium z-50"> <div class="text-center text-gray-100 text-xs font-medium z-50">
{content} {content}
</div> </div>
{/if} {/if}
</div> </div>
</div> </div>
{/if} {/if}
<slot /> <slot />
</div> </div>

48
src/lib/components/common/Spinner.svelte
View file

@ -1,24 +1,24 @@
<script lang="ts"> <script lang="ts">
export let className: string = 'text-white'; export let className: string = 'text-white';
export let theme: 'blue' | 'white' | 'black' = 'white'; export let theme: 'blue' | 'white' | 'black' = 'white';
</script> </script>
<div class="flex justify-center text-center {className}"> <div class="flex justify-center text-center {className}">
<svg <svg
class="animate-spin -ml-1 mr-3 h-5 w-5 {theme === 'blue' class="animate-spin -ml-1 mr-3 h-5 w-5 {theme === 'blue'
? 'text-sky-600' ? 'text-sky-600'
: theme === 'white' : theme === 'white'
? 'text-white' ? 'text-white'
: 'text-gray-600'} " : 'text-gray-600'} "
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
fill="none" fill="none"
viewBox="0 0 24 24" viewBox="0 0 24 24"
> >
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" /> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" />
<path <path
class="opacity-75" class="opacity-75"
fill="currentColor" fill="currentColor"
d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
/> />
</svg> </svg>
</div> </div>

0
src/lib/contants.ts → src/lib/constants.ts
View file

2
src/routes/+page.server.ts
View file

@ -1,4 +1,4 @@
import { ENDPOINT } from '$lib/contants'; import { ENDPOINT } from '$lib/constants';
import type { PageServerLoad } from './$types'; import type { PageServerLoad } from './$types';
export const load: PageServerLoad = async ({ url }) => { export const load: PageServerLoad = async ({ url }) => {

2
src/routes/+page.svelte
View file

@ -9,7 +9,7 @@
import 'highlight.js/styles/dark.min.css'; import 'highlight.js/styles/dark.min.css';
import type { PageData } from './$types'; import type { PageData } from './$types';
import { ENDPOINT as SERVER_ENDPOINT } from '$lib/contants'; import { ENDPOINT as SERVER_ENDPOINT } from '$lib/constants';
import { onMount, tick } from 'svelte'; import { onMount, tick } from 'svelte';
import { page } from '$app/stores'; import { page } from '$app/stores';
const suggestions = $page.url.searchParams.get('suggestions'); const suggestions = $page.url.searchParams.get('suggestions');