@gram-ai/elements 1.27.4 → 1.27.6

package/src/react-shim.ts

@@ -5,15 +5,15 @@
  */
 
 // @ts-expect-error — resolved by the Vite plugin to the real react package
-import * as ReactOriginal from 'react-original'
-import { createShims } from './compat-shims'
+import * as ReactOriginal from "react-original";
+import { createShims } from "./compat-shims";
 
-const Shimmed = { ...ReactOriginal, ...createShims(ReactOriginal) }
+const Shimmed = { ...ReactOriginal, ...createShims(ReactOriginal) };
 
 // React internals required by react-dom
 export const __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED =
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  (ReactOriginal as any).__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED
+  (ReactOriginal as any).__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
 export const {
   Children,
@@ -49,6 +49,6 @@ export const {
   useSyncExternalStore,
   useTransition,
   version,
-} = Shimmed
+} = Shimmed;
 
-export default Shimmed
+export default Shimmed;

package/src/server/bun.ts

@@ -19,7 +19,7 @@
  * ```
  */
 
-import { createChatSession, type SessionHandlerOptions } from './core'
+import { createChatSession, type SessionHandlerOptions } from "./core";
 
 /**
  * Create a Bun route handler for the chat session endpoint.
@@ -31,33 +31,33 @@ export function createBunHandler(
   options:
     | SessionHandlerOptions
     | ((
-        request: Request
-      ) => SessionHandlerOptions | Promise<SessionHandlerOptions>)
+        request: Request,
+      ) => SessionHandlerOptions | Promise<SessionHandlerOptions>),
 ) {
   return async (request: Request) => {
-    const projectSlug = request.headers.get('gram-project')
+    const projectSlug = request.headers.get("gram-project");
 
     if (!projectSlug) {
       return new Response(
-        JSON.stringify({ error: 'Missing Gram-Project header' }),
+        JSON.stringify({ error: "Missing Gram-Project header" }),
         {
           status: 400,
-          headers: { 'Content-Type': 'application/json' },
-        }
-      )
+          headers: { "Content-Type": "application/json" },
+        },
+      );
     }
 
     const sessionOptions =
-      typeof options === 'function' ? await options(request) : options
+      typeof options === "function" ? await options(request) : options;
 
     const result = await createChatSession({
       projectSlug,
       options: sessionOptions,
-    })
+    });
 
     return new Response(result.body, {
       status: result.status,
       headers: result.headers,
-    })
-  }
+    });
+  };
 }

package/src/server/core.ts

@@ -7,34 +7,34 @@ export interface SessionHandlerOptions {
   /**
    * The origin from which the token will be used
    */
-  embedOrigin: string
+  embedOrigin: string;
 
   /**
    * Free-form user identifier
    */
-  userIdentifier: string
+  userIdentifier: string;
 
   /**
    * Token expiration in seconds (max / default 3600)
    * @default 3600
    */
-  expiresAfter?: number
+  expiresAfter?: number;
 
   /**
    * Gram API key. If not provided, falls back to the `GRAM_API_KEY` environment variable.
    */
-  apiKey?: string
+  apiKey?: string;
 }
 
 export interface CreateSessionRequest {
-  projectSlug: string
-  options: SessionHandlerOptions
+  projectSlug: string;
+  options: SessionHandlerOptions;
 }
 
 export interface CreateSessionResponse {
-  status: number
-  body: string
-  headers: Record<string, string>
+  status: number;
+  body: string;
+  headers: Record<string, string>;
 }
 
 /**
@@ -42,43 +42,43 @@ export interface CreateSessionResponse {
  * This is framework-agnostic and can be used by any adapter.
  */
 export async function createChatSession(
-  request: CreateSessionRequest
+  request: CreateSessionRequest,
 ): Promise<CreateSessionResponse> {
-  const base = process.env.GRAM_API_URL ?? 'https://app.getgram.ai'
+  const base = process.env.GRAM_API_URL ?? "https://app.getgram.ai";
 
   try {
-    const response = await fetch(base + '/rpc/chatSessions.create', {
-      method: 'POST',
+    const response = await fetch(base + "/rpc/chatSessions.create", {
+      method: "POST",
       body: JSON.stringify({
         embed_origin: request.options.embedOrigin,
         user_identifier: request.options.userIdentifier,
         expires_after: request.options.expiresAfter,
       }),
       headers: {
-        'Content-Type': 'application/json',
-        'Gram-Project': request.projectSlug,
-        'Gram-Key': request.options.apiKey ?? process.env.GRAM_API_KEY ?? '',
+        "Content-Type": "application/json",
+        "Gram-Project": request.projectSlug,
+        "Gram-Key": request.options.apiKey ?? process.env.GRAM_API_KEY ?? "",
       },
-    })
+    });
 
-    const body = await response.text()
+    const body = await response.text();
 
     return {
       status: response.status,
       body,
-      headers: { 'Content-Type': 'application/json' },
-    }
+      headers: { "Content-Type": "application/json" },
+    };
   } catch (error) {
     const errorMessage =
-      error instanceof Error ? error.message : 'Unknown error'
-    console.error('Failed to create chat session:', error)
+      error instanceof Error ? error.message : "Unknown error";
+    console.error("Failed to create chat session:", error);
 
     return {
       status: 500,
       body: JSON.stringify({
-        error: 'Failed to create chat session: ' + errorMessage,
+        error: "Failed to create chat session: " + errorMessage,
       }),
-      headers: { 'Content-Type': 'application/json' },
-    }
+      headers: { "Content-Type": "application/json" },
+    };
   }
 }

package/src/server/express.ts

@@ -19,8 +19,8 @@
  * ```
  */
 
-import type { Request, Response } from 'express'
-import { createChatSession, type SessionHandlerOptions } from './core'
+import type { Request, Response } from "express";
+import { createChatSession, type SessionHandlerOptions } from "./core";
 
 /**
  * Create an Express request handler for the chat session endpoint.
@@ -31,30 +31,32 @@ import { createChatSession, type SessionHandlerOptions } from './core'
 export function createExpressHandler(
   options:
     | SessionHandlerOptions
-    | ((req: Request) => SessionHandlerOptions | Promise<SessionHandlerOptions>)
+    | ((
+        req: Request,
+      ) => SessionHandlerOptions | Promise<SessionHandlerOptions>),
 ) {
   return async (req: Request, res: Response) => {
-    const projectSlug = Array.isArray(req.headers['gram-project'])
-      ? req.headers['gram-project'][0]
-      : req.headers['gram-project']
+    const projectSlug = Array.isArray(req.headers["gram-project"])
+      ? req.headers["gram-project"][0]
+      : req.headers["gram-project"];
 
     if (!projectSlug) {
-      res.status(400).json({ error: 'Missing Gram-Project header' })
-      return
+      res.status(400).json({ error: "Missing Gram-Project header" });
+      return;
     }
 
     const sessionOptions =
-      typeof options === 'function' ? await options(req) : options
+      typeof options === "function" ? await options(req) : options;
 
     const result = await createChatSession({
       projectSlug,
       options: sessionOptions,
-    })
+    });
 
-    res.status(result.status)
+    res.status(result.status);
     Object.entries(result.headers).forEach(([key, value]) => {
-      res.setHeader(key, value)
-    })
-    res.send(result.body)
-  }
+      res.setHeader(key, value);
+    });
+    res.send(result.body);
+  };
 }

package/src/server/fastify.ts

@@ -18,8 +18,8 @@
  * ```
  */
 
-import type { FastifyRequest, FastifyReply } from 'fastify'
-import { createChatSession, type SessionHandlerOptions } from './core'
+import type { FastifyRequest, FastifyReply } from "fastify";
+import { createChatSession, type SessionHandlerOptions } from "./core";
 
 /**
  * Create a Fastify route handler for the chat session endpoint.
@@ -31,31 +31,31 @@ export function createFastifyHandler(
   options:
     | SessionHandlerOptions
     | ((
-        request: FastifyRequest
-      ) => SessionHandlerOptions | Promise<SessionHandlerOptions>)
+        request: FastifyRequest,
+      ) => SessionHandlerOptions | Promise<SessionHandlerOptions>),
 ) {
   return async (request: FastifyRequest, reply: FastifyReply) => {
-    const projectSlug = Array.isArray(request.headers['gram-project'])
-      ? request.headers['gram-project'][0]
-      : request.headers['gram-project']
+    const projectSlug = Array.isArray(request.headers["gram-project"])
+      ? request.headers["gram-project"][0]
+      : request.headers["gram-project"];
 
     if (!projectSlug) {
-      reply.code(400).send({ error: 'Missing Gram-Project header' })
-      return
+      reply.code(400).send({ error: "Missing Gram-Project header" });
+      return;
     }
 
     const sessionOptions =
-      typeof options === 'function' ? await options(request) : options
+      typeof options === "function" ? await options(request) : options;
 
     const result = await createChatSession({
       projectSlug,
       options: sessionOptions,
-    })
+    });
 
     reply
       .code(result.status)
       .headers(result.headers)
-      .type('application/json')
-      .send(result.body)
-  }
+      .type("application/json")
+      .send(result.body);
+  };
 }

package/src/server/hono.ts

@@ -18,8 +18,8 @@
  * ```
  */
 
-import type { Context } from 'hono'
-import { createChatSession, type SessionHandlerOptions } from './core'
+import type { Context } from "hono";
+import { createChatSession, type SessionHandlerOptions } from "./core";
 
 /**
  * Create a Hono route handler for the chat session endpoint.
@@ -30,26 +30,26 @@ import { createChatSession, type SessionHandlerOptions } from './core'
 export function createHonoHandler(
   options:
     | SessionHandlerOptions
-    | ((c: Context) => SessionHandlerOptions | Promise<SessionHandlerOptions>)
+    | ((c: Context) => SessionHandlerOptions | Promise<SessionHandlerOptions>),
 ) {
   return async (c: Context) => {
-    const projectSlug = c.req.header('gram-project')
+    const projectSlug = c.req.header("gram-project");
 
     if (!projectSlug) {
-      return c.json({ error: 'Missing Gram-Project header' }, 400)
+      return c.json({ error: "Missing Gram-Project header" }, 400);
     }
 
     const sessionOptions =
-      typeof options === 'function' ? await options(c) : options
+      typeof options === "function" ? await options(c) : options;
 
     const result = await createChatSession({
       projectSlug,
       options: sessionOptions,
-    })
+    });
 
     return new Response(result.body, {
       status: result.status,
       headers: result.headers,
-    })
-  }
+    });
+  };
 }

package/src/server/nextjs.ts

@@ -14,7 +14,7 @@
  * ```
  */
 
-import { createChatSession, type SessionHandlerOptions } from './core'
+import { createChatSession, type SessionHandlerOptions } from "./core";
 
 /**
  * Create a Next.js App Router route handler for the chat session endpoint.
@@ -26,33 +26,33 @@ export function createNextHandler(
   options:
     | SessionHandlerOptions
     | ((
-        request: Request
-      ) => SessionHandlerOptions | Promise<SessionHandlerOptions>)
+        request: Request,
+      ) => SessionHandlerOptions | Promise<SessionHandlerOptions>),
 ) {
   return async (request: Request) => {
-    const projectSlug = request.headers.get('gram-project')
+    const projectSlug = request.headers.get("gram-project");
 
     if (!projectSlug) {
       return new Response(
-        JSON.stringify({ error: 'Missing Gram-Project header' }),
+        JSON.stringify({ error: "Missing Gram-Project header" }),
         {
           status: 400,
-          headers: { 'Content-Type': 'application/json' },
-        }
-      )
+          headers: { "Content-Type": "application/json" },
+        },
+      );
     }
 
     const sessionOptions =
-      typeof options === 'function' ? await options(request) : options
+      typeof options === "function" ? await options(request) : options;
 
     const result = await createChatSession({
       projectSlug,
       options: sessionOptions,
-    })
+    });
 
     return new Response(result.body, {
       status: result.status,
       headers: result.headers,
-    })
-  }
+    });
+  };
 }

package/src/server/tanstack-start.ts

@@ -30,7 +30,7 @@
  * ```
  */
 
-import { createChatSession, type SessionHandlerOptions } from './core'
+import { createChatSession, type SessionHandlerOptions } from "./core";
 
 /**
  * Create a TanStack Start server route handler for the chat session endpoint.
@@ -45,33 +45,33 @@ export function createTanStackStartHandler(
   options:
     | SessionHandlerOptions
     | ((
-        request: Request
-      ) => SessionHandlerOptions | Promise<SessionHandlerOptions>)
+        request: Request,
+      ) => SessionHandlerOptions | Promise<SessionHandlerOptions>),
 ) {
   return async (request: Request) => {
-    const projectSlug = request.headers.get('gram-project')
+    const projectSlug = request.headers.get("gram-project");
 
     if (!projectSlug) {
       return new Response(
-        JSON.stringify({ error: 'Missing Gram-Project header' }),
+        JSON.stringify({ error: "Missing Gram-Project header" }),
         {
           status: 400,
-          headers: { 'Content-Type': 'application/json' },
-        }
-      )
+          headers: { "Content-Type": "application/json" },
+        },
+      );
     }
 
     const sessionOptions =
-      typeof options === 'function' ? await options(request) : options
+      typeof options === "function" ? await options(request) : options;
 
     const result = await createChatSession({
       projectSlug,
       options: sessionOptions,
-    })
+    });
 
     return new Response(result.body, {
       status: result.status,
       headers: result.headers,
-    })
-  }
+    });
+  };
 }

package/src/server.ts

@@ -1,11 +1,11 @@
-import { IncomingMessage, ServerResponse } from 'node:http'
-import { createChatSession, type SessionHandlerOptions } from './server/core'
+import { IncomingMessage, ServerResponse } from "node:http";
+import { createChatSession, type SessionHandlerOptions } from "./server/core";
 
 type ServerHandler<T> = (
   req: IncomingMessage,
   res: ServerResponse,
-  options?: T
-) => Promise<void>
+  options?: T,
+) => Promise<void>;
 
 interface ServerHandlers {
   /**
@@ -21,7 +21,7 @@ interface ServerHandlers {
    * app.listen(3000)
    * ```
    */
-  session: ServerHandler<SessionHandlerOptions>
+  session: ServerHandler<SessionHandlerOptions>;
 }
 
 /**
@@ -35,43 +35,43 @@ interface ServerHandlers {
 export const createElementsServerHandlers = (): ServerHandlers => {
   return {
     session: sessionHandler,
-  }
-}
+  };
+};
 
-export type { SessionHandlerOptions }
+export type { SessionHandlerOptions };
 
 const sessionHandler: ServerHandler<SessionHandlerOptions> = async (
   req,
   res,
-  options
+  options,
 ) => {
-  if (req.method !== 'POST') {
-    res.writeHead(405, { 'Content-Type': 'application/json' })
-    res.end(JSON.stringify({ error: 'Method not allowed' }))
-    return
+  if (req.method !== "POST") {
+    res.writeHead(405, { "Content-Type": "application/json" });
+    res.end(JSON.stringify({ error: "Method not allowed" }));
+    return;
   }
 
-  const projectSlug = Array.isArray(req.headers['gram-project'])
-    ? req.headers['gram-project'][0]
-    : req.headers['gram-project']
+  const projectSlug = Array.isArray(req.headers["gram-project"])
+    ? req.headers["gram-project"][0]
+    : req.headers["gram-project"];
 
-  if (!projectSlug || typeof projectSlug !== 'string') {
-    res.writeHead(400, { 'Content-Type': 'application/json' })
-    res.end(JSON.stringify({ error: 'Missing Gram-Project header' }))
-    return
+  if (!projectSlug || typeof projectSlug !== "string") {
+    res.writeHead(400, { "Content-Type": "application/json" });
+    res.end(JSON.stringify({ error: "Missing Gram-Project header" }));
+    return;
   }
 
   if (!options) {
-    res.writeHead(400, { 'Content-Type': 'application/json' })
-    res.end(JSON.stringify({ error: 'Missing session options' }))
-    return
+    res.writeHead(400, { "Content-Type": "application/json" });
+    res.end(JSON.stringify({ error: "Missing session options" }));
+    return;
   }
 
   const result = await createChatSession({
     projectSlug,
     options,
-  })
+  });
 
-  res.writeHead(result.status, result.headers)
-  res.end(result.body)
-}
+  res.writeHead(result.status, result.headers);
+  res.end(result.body);
+};

package/src/storybook.d.ts

@@ -4,7 +4,7 @@
  * This file extends Storybook's Parameters interface to provide
  * type safety for the `elements` parameter used in stories.
  */
-import type { ElementsConfig } from './types'
+import type { ElementsConfig } from "./types";
 
 /**
  * Configuration for the elements decorator in Storybook stories.
@@ -14,15 +14,15 @@ export interface ElementsParameters {
    * Partial configuration that will be merged with the default Elements config.
    * Use this to override specific config values per-story.
    */
-  config?: Partial<ElementsConfig>
+  config?: Partial<ElementsConfig>;
 }
 
-declare module 'storybook/internal/csf' {
+declare module "storybook/internal/csf" {
   interface Parameters {
     /**
      * Custom parameters for the Gram Elements decorator.
      * The config is passed to ElementsProvider and merged with defaults.
      */
-    elements?: ElementsParameters
+    elements?: ElementsParameters;
   }
 }