llms-py 3.0.0b7__py3-none-any.whl → 3.0.0b8__py3-none-any.whl

llms/ui/ctx.mjs

@@ -1,5 +1,5 @@
 
-import { reactive } from 'vue'
+import { reactive, markRaw } from 'vue'
 import { EventBus, humanize, combinePaths } from "@servicestack/client"
 import { storageObject } from './utils.mjs'
 
@@ -25,33 +25,77 @@ export class ExtensionScope {
     get(url, options) {
         return this.ctx.ai.get(combinePaths(this.baseUrl, url), options)
     }
+    delete(url, options) {
+        return this.ctx.ai.get(combinePaths(this.baseUrl, url), {
+            ...options,
+            method: 'DELETE'
+        })
+    }
     async getJson(url, options) {
         return this.ctx.ai.getJson(combinePaths(this.baseUrl, url), options)
     }
+    async deleteJson(url, options) {
+        return this.ctx.ai.getJson(combinePaths(this.baseUrl, url), {
+            ...options,
+            method: 'DELETE'
+        })
+    }
     post(url, options) {
         return this.ctx.ai.post(combinePaths(this.baseUrl, url), options)
     }
     async postForm(url, options) {
         return await this.ctx.ai.postForm(combinePaths(this.baseUrl, url), options)
     }
-    async postJson(url, options) {
-        return this.ctx.ai.postJson(combinePaths(this.baseUrl, url), options)
+    async postJson(url, body) {
+        return this.ctx.ai.postJson(combinePaths(this.baseUrl, url), {
+            body: body instanceof FormData ? body : JSON.stringify(body)
+        })
+    }
+    async putJson(url, body) {
+        return this.ctx.ai.postJson(combinePaths(this.baseUrl, url), {
+            method: 'PUT',
+            body: body instanceof FormData ? body : JSON.stringify(body)
+        })
+    }
+    async patchJson(url, body) {
+        return this.ctx.ai.postJson(combinePaths(this.baseUrl, url), {
+            method: 'PATCH',
+            body: body instanceof FormData ? body : JSON.stringify(body)
+        })
+    }
+    async createJsonResult(res) {
+        return this.ctx.ai.createJsonResult(res)
+    }
+    createErrorResult(e) {
+        return this.ctx.ai.createErrorResult(e)
+    }
+    setError(e, msg = null) {
+        const prefix = this.id ? `[${this.id}] ` : ''
+        this.ctx.setError(e, msg ? `${prefix} ${msg}` : prefix)
+    }
+    clearError() {
+        this.ctx.clearError()
+    }
+    toast(msg) {
+        this.ctx.toast(msg)
     }
 }
 
 export class AppContext {
-    constructor({ app, routes, ai, fmt, utils }) {
+    constructor({ app, routes, ai, fmt, utils, marked }) {
         this.app = app
         this.routes = routes
         this.ai = ai
         this.fmt = fmt
         this.utils = utils
         this._components = {}
+        this.marked = marked
 
         this.state = reactive({})
         this.events = new EventBus()
         this.modalComponents = {}
         this.extensions = []
+        this.markedFilters = []
         this.chatRequestFilters = []
         this.chatResponseFilters = []
         this.chatErrorFilters = []
@@ -83,6 +127,9 @@ export class AppContext {
     }
     async init() {
         Object.assign(this.state, await this.ai.init(this))
+        Object.assign(this.fmt, {
+            markdown: this.renderMarkdown.bind(this)
+        })
     }
     setGlobals(globals) {
         Object.entries(globals).forEach(([name, global]) => {
@@ -138,8 +185,9 @@ export class AppContext {
     }
     modals(modals) {
         Object.keys(modals).forEach(name => {
-            this.modalComponents[name] = modals[name]
-            this.component(name, modals[name])
+            const modal = markRaw(modals[name])
+            this.modalComponents[name] = modal
+            this.component(name, modal)
         })
     }
     openModal(name) {
@@ -214,6 +262,21 @@ export class AppContext {
         this.toggleLayout('left', toggle)
         return toggle
     }
+
+    setError(error, msg = null) {
+        this.state.error = error
+        if (error) {
+            if (msg) {
+                console.error(error.message, msg, error)
+            } else {
+                console.error(error.message, error)
+            }
+        }
+    }
+    clearError() {
+        this.state.error = null
+    }
+
     async getJson(url, options) {
         return await this.ai.getJson(url, options)
     }
@@ -260,4 +323,19 @@ export class AppContext {
         }
         return cls
     }
+    toast(msg) {
+        this.setState({ toast: msg })
+    }
+
+    renderMarkdown(content) {
+        if (Array.isArray(content)) {
+            content = content.filter(c => c.type === 'text').map(c => c.text).join('\n')
+        }
+        // if (content) {
+        //     content = content
+        //         .replaceAll(`\\[ \\boxed{`, '\n<span class="inline-block text-xl text-blue-500 bg-blue-50 dark:text-blue-400 dark:bg-blue-950 px-3 py-1 rounded">')
+        //         .replaceAll('} \\]', '</span>\n')
+        // }
+        return this.marked.parse(content || '')
+    }
 }

llms/ui/index.mjs

@@ -6,10 +6,9 @@ import App from './App.mjs'
 import ai from './ai.mjs'
 import LayoutModule from './modules/layout.mjs'
 import ChatModule from './modules/chat/index.mjs'
-import ThreadsModule from './modules/threads/index.mjs'
 import ModelSelectorModule from './modules/model-selector.mjs'
 import { utilsFunctions, utilsFormatters } from './utils.mjs'
-import { markdownFormatters } from './markdown.mjs'
+import { marked, markdownFormatters } from './markdown.mjs'
 import { AppContext } from './ctx.mjs'
 
 const Components = {
@@ -18,7 +17,6 @@ const Components = {
 const BuiltInModules = {
     LayoutModule,
     ChatModule,
-    ThreadsModule,
     ModelSelectorModule,
 }
 
@@ -31,11 +29,11 @@ export async function createContext() {
         app.component(name, Components[name])
     })
 
-    const fmt = Object.assign({}, useFormatters(), utilsFormatters(), markdownFormatters())
+    const fmt = Object.assign({}, useFormatters(), utilsFormatters())
     const utils = Object.assign({}, utilsFunctions())
     const routes = []
 
-    const ctx = new AppContext({ app, routes, ai, fmt, utils })
+    const ctx = new AppContext({ app, routes, ai, fmt, utils, marked })
     app.provide('ctx', ctx)
     await ctx.init()
 
@@ -97,7 +95,7 @@ export async function createContext() {
 
     ctx.router.beforeEach((to, from) => {
         const title = to.meta.title || 'Chat'
-        console.log('beforeEach', to.path, title)
+        console.debug('router:change', to.path, title)
         ctx.setLayout({ path: to.path })
         ctx.setState({ title })
         document.title = title