Powered by electron-vite
-
- Build an Electron app with
- Svelte
- and
- TypeScript
-
-Please try pressing F12 to open the devTool
-
-
- Documentation
-
-
-
- Send IPC
-
-
+
+
+{/if}
diff --git a/src/renderer/src/lib/components/Initializing.svelte b/src/renderer/src/lib/components/Initializing.svelte
new file mode 100644
index 0000000..5e585d0
--- /dev/null
+++ b/src/renderer/src/lib/components/Initializing.svelte
@@ -0,0 +1,55 @@
+
+
+{#if visible}
+
+ 
+
+
+
+
+
+ Connections
+
+ {#if view === 'list'}
+
+
+ {#each $connections as conn, i (conn.id)}
+
+
+
+
+
+ {:else if view === 'add'}
+ connect(conn.id)}
+ onkeydown={(e) => e.key === 'Enter' && connect(conn.id)}
+ in:fly={{ y: 4, duration: 150, delay: i * 30 }}
+ >
+
+
+
+ {:else}
+
+
+
+
+ {conn.name}
+ {#if $config?.defaultConnectionId === conn.id}
+ default
+ {/if}
+
+ {conn.url}
+
+ {#if $config?.defaultConnectionId !== conn.id}
+
+ {/if}
+
+
+
+ No connections
+
+ {/each}
+
+
+
+
+ {/if}
+ Add connection.
+
+
+ e.key === 'Enter' && add()}
+ />
+
+ {#if error}
+ {error}
+ {/if}
+
+
+
+
+
+{/if}
diff --git a/src/renderer/src/lib/components/LocalInstall.svelte b/src/renderer/src/lib/components/LocalInstall.svelte
new file mode 100644
index 0000000..7e28700
--- /dev/null
+++ b/src/renderer/src/lib/components/LocalInstall.svelte
@@ -0,0 +1,104 @@
+
+
+
+
+
+
+
+
+
+
+
+ {#if phase === 'initializing'}
+
+
+
+ {/if}
+
+ Preparing environment…
+
+ {#if $serverInfo?.status}
+
+ {$serverInfo.status}
+
+ {/if}
+
+
+
+ {#if phase === 'ready'}
+
diff --git a/src/renderer/src/lib/components/Main.svelte b/src/renderer/src/lib/components/Main.svelte
new file mode 100644
index 0000000..7ad83fe
--- /dev/null
+++ b/src/renderer/src/lib/components/Main.svelte
@@ -0,0 +1,130 @@
+
+
+{#if visible}
+ Open WebUI
+ Install locally.
++ Download and run Open WebUI on this machine. +
+ + + + {:else if phase === 'working'} +
+
+
+
+ {:else if phase === 'done'}
+
+
+ Installing…
+ {#if $serverInfo?.status}
+
+ {$serverInfo.status}
+
+ {:else}
+
+ This might take a few minutes
+
+ {/if}
+
+
+
+
+ {:else if phase === 'error'}
+ Ready
+
+
+ {/if}
+{errorMsg}
+
+
+
+
+{/if}
diff --git a/src/renderer/src/lib/components/Main/Connections.svelte b/src/renderer/src/lib/components/Main/Connections.svelte
new file mode 100644
index 0000000..23fbc25
--- /dev/null
+++ b/src/renderer/src/lib/components/Main/Connections.svelte
@@ -0,0 +1,559 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ {#if activeConnectionName}
+ {activeConnectionName}
+ {/if}
+
+ {#if isLocalConnection}
+
+
+
+ {/if}
+
+ (settingsOpen = true)}
+ />
+
+
+ {#if settingsOpen}
+ (settingsOpen = false)}
+ role="button"
+ tabindex="-1"
+ >
+
+
+ {/if}
+ e.stopPropagation()}
+ >
+ (settingsOpen = false)} />
+
+
+
+ {#if sidebarOpen}
+
diff --git a/src/renderer/src/lib/components/Main/Settings.svelte b/src/renderer/src/lib/components/Main/Settings.svelte
new file mode 100644
index 0000000..3179ba7
--- /dev/null
+++ b/src/renderer/src/lib/components/Main/Settings.svelte
@@ -0,0 +1,326 @@
+
+
+
+
+
+ {/if}
+
+
+
+
+ Connections
+
+
+
+
+
+ {#each $connections as conn (conn.id)}
+
+
+
+ {#if settingsOpen}
+ connect(conn.id)}
+ onkeydown={(e) => e.key === 'Enter' && connect(conn.id)}
+ >
+
+ {#if conn.type === 'local'}
+ {#if serverStatus === 'starting'}
+
+ {/each}
+
+
+
+ {:else if serverReachable}
+
+
+
+ {:else}
+
+
+
+ {/if}
+ {:else}
+
+ {/if}
+ {conn.name}
+
+
+ (settingsOpen = false)}>
+
+
+
+ {/if}
+
+
+
+
+
+ Open WebUI Desktop
+ {$appInfo?.version ?? ''}
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/renderer/src/lib/components/Setup.svelte b/src/renderer/src/lib/components/Setup.svelte
new file mode 100644
index 0000000..634571c
--- /dev/null
+++ b/src/renderer/src/lib/components/Setup.svelte
@@ -0,0 +1,129 @@
+
+
+
+
+
+
+
+ Settings
+
+
+
+ {#each tabs as tab}
+
+ {/each}
+
+
+
+
+
+ {settingsTab}
+
+
+
+ {#if settingsTab}
+
+ {#if settingsTab === 'general'}
+
+
+ {/if}
+
+
+ {:else if settingsTab === 'connections'}
+
+
+
+
+
+
+
+ Default connection
+ Connection used on launch
+
+
+
+
+
+
+ updateConfig('port', parseInt((e.target as HTMLInputElement).value) || 8080)}
+ />
+ Server port
+ Port for local Open WebUI server
+
+
+
+
+
+
+ Serve on local network
+
+ Allow other devices on your network to connect
+
+
+
+
+
+
+
+ Auto-update
+
+ Automatically update Open WebUI package
+
+
+
+
+
+
+
+ Launch at login
+ Open app when you log in
+
+
+
+
+
+ Factory reset
+
+ Remove Python, packages, data & connections
+
+
+ {#each $connections as conn}
+
+ {:else if settingsTab === 'about'}
+
+
+
+ {/each}
+
+ {#if ($connections ?? []).length === 0}
+
+
+
+
+
+
+ {conn.name}
+ {conn.url}
+ No connections
+ {/if}
+
+
+ {/if}
+
+
+
+ Version
+ {$appInfo?.version ?? 'Unknown'}
+
+
+
+ Platform
+ {$appInfo?.platform ?? 'Unknown'}
+
+
+
+
+
+
diff --git a/src/renderer/src/lib/stores.ts b/src/renderer/src/lib/stores.ts
new file mode 100644
index 0000000..8adf1ab
--- /dev/null
+++ b/src/renderer/src/lib/stores.ts
@@ -0,0 +1,7 @@
+import { writable } from 'svelte/store'
+
+export const appInfo = writable(null)
+export const config = writable(null)
+export const connections = writable([])
+export const serverInfo = writable(null)
+export const appState = writable('loading') // loading | initializing | setup | ready
diff --git a/src/renderer/src/main.ts b/src/renderer/src/main.ts
index d176bcc..d30995e 100644
--- a/src/renderer/src/main.ts
+++ b/src/renderer/src/main.ts
@@ -1,6 +1,6 @@
import { mount } from 'svelte'
-import './assets/main.css'
+import './app.css'
import App from './App.svelte'
+
+
+
+
+
+
+
+ {#if mounted}
+
+ {#if view === 'main'}
+
+ {/if}
+
+
+
+ {:else if view === 'install'}
+ Open WebUI
+
+ + New Connection +
+ +
+
+
+
+ e.key === 'Enter' && connect()}
+ />
+
+
+
+
+ {#if error}
+ {error}
+ {/if} +
+
+
+
+ (view = 'main')}
+ onComplete={() => appState.set('ready')}
+ />
+
+ {/if}
+