'{{ datetime }}' tag is automatically replaced by the current date and time.",
+ "ss6kle": "Reset to default",
+ "tZdXp/": "The temperature parameter controls the randomness of the AI's responses. Lower values will make the AI more predictable, while higher values will make it more creative.",
+ "wEQDC6": "Edit"
+}
diff --git a/public/logo192.png b/app/public/logo192.png
similarity index 100%
rename from public/logo192.png
rename to app/public/logo192.png
diff --git a/public/logo512.png b/app/public/logo512.png
similarity index 100%
rename from public/logo512.png
rename to app/public/logo512.png
diff --git a/public/manifest.json b/app/public/manifest.json
similarity index 100%
rename from public/manifest.json
rename to app/public/manifest.json
diff --git a/public/robots.txt b/app/public/robots.txt
similarity index 100%
rename from public/robots.txt
rename to app/public/robots.txt
diff --git a/app/src/backend.ts b/app/src/backend.ts
new file mode 100644
index 00000000..642727cd
--- /dev/null
+++ b/app/src/backend.ts
@@ -0,0 +1,155 @@
+import EventEmitter from 'events';
+import chatManager from './chat-manager';
+import { MessageTree } from './message-tree';
+import { Chat, Message } from './types';
+import { AsyncLoop } from './utils';
+
+const endpoint = '/chatapi';
+
+export let backend: {
+ current?: Backend | null
+} = {};
+
+export interface User {
+ email?: string;
+ name?: string;
+ avatar?: string;
+}
+
+export class Backend extends EventEmitter {
+ public user: User | null = null;
+
+ private sessionInterval = new AsyncLoop(() => this.getSession(), 1000 * 30);
+ private syncInterval = new AsyncLoop(() => this.sync(), 1000 * 60 * 2);
+
+ public constructor() {
+ super();
+
+ backend.current = this;
+
+ this.sessionInterval.start();
+ this.syncInterval.start();
+
+ chatManager.on('messages', async (messages: Message[]) => {
+ if (!this.isAuthenticated) {
+ return;
+ }
+ await this.post(endpoint + '/messages', { messages });
+ });
+
+ chatManager.on('title', async (id: string, title: string) => {
+ if (!this.isAuthenticated) {
+ return;
+ }
+ if (!title?.trim()) {
+ return;
+ }
+ await this.post(endpoint + '/title', { id, title });
+ });
+ }
+
+ public async getSession() {
+ const wasAuthenticated = this.isAuthenticated;
+ const session = await this.get(endpoint + '/session');
+ if (session?.authenticated) {
+ this.user = {
+ email: session.email,
+ name: session.name,
+ avatar: session.picture,
+ };
+ } else {
+ this.user = null;
+ }
+ if (wasAuthenticated !== this.isAuthenticated) {
+ this.emit('authenticated', this.isAuthenticated);
+ }
+ }
+
+ public async sync() {
+ const response = await this.post(endpoint + '/sync', {});
+
+ for (const chatID of Object.keys(response)) {
+ try {
+ const chat = chatManager.chats.get(chatID) || {
+ id: chatID,
+ messages: new MessageTree(),
+ } as Chat;
+ chat.title = response[chatID].title || chat.title;
+ chat.messages.addMessages(response[chatID].messages);
+ chatManager.loadChat(chat);
+ } catch (e) {
+ console.error('error loading chat', e);
+ }
+ }
+
+ chatManager.emit('update');
+ }
+
+ async signIn() {
+ window.location.href = endpoint + '/login';
+ }
+
+ get isAuthenticated() {
+ return this.user !== null;
+ }
+
+ async logout() {
+ window.location.href = endpoint + '/logout';
+ }
+
+ async shareChat(chat: Chat): Promise