@gram-ai/elements 1.0.9 → 1.1.0

package/README.md

@@ -18,14 +18,16 @@ pnpm add @gram-ai/elements
 
 ## Setting up your backend
 
-At the moment, we provide a set of handlers via the `@gram-ai/elements/server` package that you can use to automatically setup your backend for usage with Gram Elements. The example below demonstrates the setup for Hono:
+At the moment, we provide a set of handlers via the `@gram-ai/elements/server` package that you can use to automatically setup your backend for usage with Gram Elements. The example below demonstrates the setup for Express:
 
 ```typescript
-import { Hono } from 'hono'
 import { createElementsServerHandlers } from '@gram-ai/elements/server'
+import express from 'express'
 
-const app = new Hono()
 const handlers = createElementsServerHandlers()
+const app = express()
+
+app.use(express.json())
 
 app.post('/chat/completions', handlers.chat)
 ```
@@ -50,6 +52,8 @@ import '@gram-ai/elements/elements.css'
 const config: ElementsConfig = {
   projectSlug: 'xxx',
   mcp: 'https://app.getgram.ai/mcp/{your_slug}',
+  // Points to your backend endpoint
+  chatEndpoint: '/chat/completions',
   variant: 'widget',
   welcome: {
     title: 'Hello!',

package/dist/elements.js

@@ -7310,7 +7310,7 @@ const Ko = zs(
 }) => {
   const o = Zh({
     transport: new Fr({
-      api: Bh,
+      api: r.chatEndpoint ?? Bh,
       prepareSendMessagesRequest: ({ id: i, messages: e }) => ({
         body: {
           messages: e,

package/dist/types/index.d.ts

@@ -20,9 +20,20 @@ export interface ElementsConfig {
     /**
      * The Gram Server URL to use for the Elements library.
      * Can be retrieved from https://app.getgram.ai/{team}/{project}/mcp/{mcp_slug}
+     *
      * Note: This config option will likely change in the future
      */
     mcp: ServerUrl;
+    /**
+     * The path of your backend's chat endpoint.
+     * @default '/chat/completions'
+     *
+     * @example
+     * const config: ElementsConfig = {
+     *   chatEndpoint: '/my-custom-chat-endpoint',
+     * }
+     */
+    chatEndpoint?: string;
     /**
      * Custom environment variable overrides for the Elements library.
      * Will be used to override the environment variables for the MCP server.

package/package.json

@@ -2,7 +2,7 @@
   "name": "@gram-ai/elements",
   "description": "Gram Elements is a library of UI primitives for building chat-like experiences for MCP Servers.",
   "type": "module",
-  "version": "1.0.9",
+  "version": "1.1.0",
   "main": "dist/index.js",
   "exports": {
     ".": {