goji-search 1.0.0

package/dist/goji-search/lib/goji-client.d.ts

@@ -0,0 +1,81 @@
+/**
+ * GojiSearch API Client
+ * Handles both HTTP and WebSocket connections to the GojiSearch backend
+ */
+export interface ChatMessage {
+    role: "user" | "assistant";
+    content: string;
+    timestamp: number;
+}
+export interface ChatSource {
+    index: number;
+    url: string;
+    title: string;
+    domain: string;
+    page_type: string;
+    score: number;
+}
+export interface ChatResponse {
+    session_id: string;
+    answer: string;
+    sources: ChatSource[];
+}
+export interface StreamDeltaMessage {
+    type: "chat_delta";
+    delta: string;
+}
+export interface StreamDoneMessage {
+    type: "chat_done";
+    session_id: string;
+    answer: string;
+    sources: ChatSource[];
+}
+export type StreamMessage = StreamDeltaMessage | StreamDoneMessage;
+export declare class GojiSearchClient {
+    private baseUrl;
+    private wsUrl;
+    private ws;
+    private currentHandler;
+    private reconnectAttempts;
+    private maxReconnectAttempts;
+    constructor(baseUrl?: string);
+    private ensureWebSocketConnection;
+    closeWebSocket(): void;
+    /**
+     * Send a chat message (non-streaming)
+     */
+    chat(params: {
+        message: string;
+        sessionId?: string;
+        limit?: number;
+        language?: string;
+    }): Promise<ChatResponse>;
+    /**
+     * Send a chat message with streaming (WebSocket)
+     * Reuses existing WebSocket connection
+     */
+    streamChat(params: {
+        message: string;
+        sessionId?: string;
+        limit?: number;
+        language?: string;
+        onDelta: (delta: string) => void;
+        onDone: (response: ChatResponse) => void;
+        onError: (error: Error) => void;
+    }): Promise<() => void>;
+    /**
+     * Get chat history for a session
+     */
+    getHistory(sessionId: string): Promise<{
+        history: ChatMessage[];
+    }>;
+    /**
+     * Clear a chat session
+     */
+    clearSession(sessionId: string): Promise<void>;
+    /**
+     * Health check
+     */
+    health(): Promise<any>;
+}
+export declare const gojiClient: GojiSearchClient;

package/dist/goji-search/lib/goji-client.js

@@ -0,0 +1,176 @@
+/**
+ * GojiSearch API Client
+ * Handles both HTTP and WebSocket connections to the GojiSearch backend
+ */
+export class GojiSearchClient {
+    baseUrl;
+    wsUrl;
+    ws = null;
+    currentHandler = null;
+    reconnectAttempts = 0;
+    maxReconnectAttempts = 3;
+    constructor(baseUrl = "http://localhost:8000") {
+        this.baseUrl = baseUrl;
+        this.wsUrl = baseUrl.replace(/^http/, "ws");
+    }
+    ensureWebSocketConnection() {
+        if (this.ws && this.ws.readyState === WebSocket.OPEN) {
+            return Promise.resolve();
+        }
+        return new Promise((resolve, reject) => {
+            this.ws = new WebSocket(`${this.wsUrl}/ws/chat`);
+            this.ws.onopen = () => {
+                console.log("[GojiSearch] WebSocket connected");
+                this.reconnectAttempts = 0;
+                resolve();
+            };
+            this.ws.onmessage = (event) => {
+                try {
+                    const data = JSON.parse(event.data);
+                    console.log("[GojiSearch] WebSocket message:", data.type, data);
+                    if (data.type === "ready") {
+                        console.log("[GojiSearch] WebSocket ready");
+                    }
+                    else if (data.type === "chat_delta") {
+                        if (this.currentHandler) {
+                            console.log("[GojiSearch] Delta:", data.delta);
+                            this.currentHandler.onDelta(data.delta);
+                        }
+                    }
+                    else if (data.type === "chat_done") {
+                        console.log("[GojiSearch] Chat done, answer length:", data.answer?.length, "sources:", data.sources?.length);
+                        if (this.currentHandler) {
+                            this.currentHandler.onDone({
+                                session_id: data.session_id,
+                                answer: data.answer,
+                                sources: data.sources,
+                            });
+                            // Clear handler after completion
+                            this.currentHandler = null;
+                        }
+                    }
+                    else if (data.type === "error") {
+                        if (this.currentHandler) {
+                            this.currentHandler.onError(new Error(data.error || "Unknown error"));
+                            this.currentHandler = null;
+                        }
+                    }
+                }
+                catch (error) {
+                    console.error("[GojiSearch] Parse error:", error);
+                    if (this.currentHandler) {
+                        this.currentHandler.onError(error);
+                        this.currentHandler = null;
+                    }
+                }
+            };
+            this.ws.onerror = (event) => {
+                console.error("[GojiSearch] WebSocket error");
+                reject(new Error("WebSocket connection failed"));
+            };
+            this.ws.onclose = (event) => {
+                console.log("[GojiSearch] WebSocket closed");
+                this.ws = null;
+                // Attempt reconnect if not a clean close
+                if (!event.wasClean && this.reconnectAttempts < this.maxReconnectAttempts) {
+                    this.reconnectAttempts++;
+                    console.log(`[GojiSearch] Reconnecting (${this.reconnectAttempts}/${this.maxReconnectAttempts})...`);
+                    setTimeout(() => this.ensureWebSocketConnection(), 1000 * this.reconnectAttempts);
+                }
+            };
+        });
+    }
+    closeWebSocket() {
+        if (this.ws) {
+            this.ws.close();
+            this.ws = null;
+        }
+        this.currentHandler = null;
+    }
+    /**
+     * Send a chat message (non-streaming)
+     */
+    async chat(params) {
+        const response = await fetch(`${this.baseUrl}/chat`, {
+            method: "POST",
+            headers: {
+                "Content-Type": "application/json",
+            },
+            body: JSON.stringify({
+                message: params.message,
+                session_id: params.sessionId,
+                limit: params.limit || 5,
+                language: params.language,
+            }),
+        });
+        if (!response.ok) {
+            throw new Error(`Chat request failed: ${response.statusText}`);
+        }
+        return response.json();
+    }
+    /**
+     * Send a chat message with streaming (WebSocket)
+     * Reuses existing WebSocket connection
+     */
+    async streamChat(params) {
+        try {
+            // Ensure WebSocket is connected
+            await this.ensureWebSocketConnection();
+            // Set current handler (only one message at a time)
+            this.currentHandler = {
+                onDelta: params.onDelta,
+                onDone: params.onDone,
+                onError: params.onError,
+            };
+            console.log("[GojiSearch] Sending message:", params.message);
+            // Send message
+            this.ws.send(JSON.stringify({
+                message: params.message,
+                session_id: params.sessionId,
+                limit: params.limit || 5,
+                stream: true,
+                language: params.language,
+            }));
+            // Return cleanup function
+            return () => {
+                if (this.currentHandler === params) {
+                    this.currentHandler = null;
+                }
+            };
+        }
+        catch (error) {
+            params.onError(error);
+            return () => { }; // No-op cleanup
+        }
+    }
+    /**
+     * Get chat history for a session
+     */
+    async getHistory(sessionId) {
+        const response = await fetch(`${this.baseUrl}/chat/history/${sessionId}`);
+        if (!response.ok) {
+            throw new Error(`Failed to get history: ${response.statusText}`);
+        }
+        return response.json();
+    }
+    /**
+     * Clear a chat session
+     */
+    async clearSession(sessionId) {
+        const response = await fetch(`${this.baseUrl}/chat/clear/${sessionId}`, {
+            method: "DELETE",
+        });
+        if (!response.ok) {
+            throw new Error(`Failed to clear session: ${response.statusText}`);
+        }
+    }
+    /**
+     * Health check
+     */
+    async health() {
+        const response = await fetch(`${this.baseUrl}/health`);
+        return response.json();
+    }
+}
+// Global instance
+export const gojiClient = new GojiSearchClient(process.env.NEXT_PUBLIC_GOJI_API_URL || "http://localhost:8000");

package/dist/goji-search.css

@@ -0,0 +1 @@
+@property --a{syntax: "<angle>"; inherits: true; initial-value: 0deg;}@property --l{syntax: "<number>"; inherits: true; initial-value: 0;}@property --x{syntax: "<length>"; inherits: false; initial-value: 0;}@property --y{syntax: "<length>"; inherits: false; initial-value: 0;}@property --o{syntax: "<number>"; inherits: false; initial-value: 0;}@property --value{syntax: "<angle>"; inherits: true; initial-value: 0deg;}@property --width-ratio{syntax: "<number>"; inherits: true; initial-value: 0;}@property --scale{syntax: "<number>"; inherits: true; initial-value: 0;}:root{--count: 4;--radius: .75rem;--width: .125rem;--duration: 8s}.ai{--s: 3.3rem;--p: calc(var(--s) / 4);width:var(--s);aspect-ratio:1;--bg-color: color-mix(in srgb, #7b7bf4, transparent 90%);background:radial-gradient(60% 75% at center,var(--bg-color) 50%,transparent 50%),radial-gradient(75% 60% at center,var(--bg-color) 50%,transparent 50%);padding:var(--p);display:grid;place-items:center;position:relative;border-radius:50%}@keyframes ai{0%{--a: 360deg;--l: .35;--o: 1}30%{--l: 1.5}70%{--o: .4;--l: .05}98%{--o: .7}to{--a: 0deg;--l: .35;--o: 1}}.c{opacity:.9;position:absolute;width:1.25rem;aspect-ratio:1;border-radius:50%;--offset-per-item: calc(360deg / var(--count));--current-angle-offset: calc(var(--offset-per-item) * var(--i) + var(--a));translate:calc(cos(var(--current-angle-offset)) * var(--radius) + var(--x, 0)) calc(sin(var(--current-angle-offset)) * var(--radius) * -1);scale:calc(.6 + var(--l));animation:ai 5.5s cubic-bezier(.45,-.35,.68,.24) infinite;transition:opacity .3s linear;opacity:var(--o, 1)}.c:nth-child(1){--i: 0}.c:nth-child(2){--i: 1}.c:nth-child(3){--i: 2}.c:nth-child(4){--i: 3}.c1{background:radial-gradient(50% 50% at center,#c979ee,#74bcd6);--x: .125rem;width:2rem;animation-timing-function:cubic-bezier(.12,.32,.68,.24)}.c2{background:radial-gradient(50% 50% at center,#ef788c,#e7e7fb);width:1.875rem}.c3{background:radial-gradient(50% 50% at center,#eb7fc6,transparent);width:.625rem;opacity:.6;--x: -.125rem}.c4{background:#6d67c8;animation-timing-function:cubic-bezier(.39,-.03,.75,.47)}.container-ai{overflow:hidden;background:#b6a9f8;width:100%;border-radius:50%;aspect-ratio:1;position:relative;display:grid;place-items:center}.glass-ai{overflow:hidden;position:absolute;--w: .0625rem;inset:calc(var(--p) - var(--w));border-radius:50%;-webkit-backdrop-filter:blur(.1625rem);backdrop-filter:blur(.1625rem);box-shadow:0 0 1rem color-mix(in srgb,black,transparent 70%);background:radial-gradient(1.25rem at 70% 30%,rgba(255,255,255,.7),transparent)}.glass-ai:after{content:"";position:absolute;inset:0;--c: rgba(255, 255, 255, .03);--w: .0625rem;--g: .1875rem;background:repeating-linear-gradient(var(--c),var(--c),var(--w),transparent var(--w),transparent calc(var(--w) + var(--g)));border-radius:inherit;border:.125rem rgba(255,255,255,.1) solid}.rings-ai{aspect-ratio:1;border-radius:50%;position:absolute;inset:0;perspective:11rem;opacity:.9}.rings-ai:before,.rings-ai:after{content:"";position:absolute;inset:0;background:red;border-radius:50%;--width-ratio: 1;border:calc(var(--width) * var(--width-ratio)) solid transparent;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);background:linear-gradient(#fff,#00f,#f0f,violet,#ffffe0) border-box;mask-composite:exclude;-webkit-mask-composite:xor;animation:ring-ai var(--duration) ease-in-out infinite;--start: 180deg;--value: var(--start);--scale: 1;transform:rotateY(var(--value)) rotateX(var(--value)) rotate(var(--value)) scale(var(--scale))}.rings-ai:before{--start: 180deg}.rings-ai:after{--start: 90deg}.rings-ai>.rings-ai:before{--start: 360deg}.rings-ai>.rings-ai:after{--start: 270deg}@keyframes ring-ai{0%{--value: var(--start);--scale: 1}50%{--scale: 1.2;--width-ratio: 1.5}70%{--scale: 1;--value: calc(var(--start) + 180deg);--width-ratio: 1}80%{--scale: 1.2;--width-ratio: 1.5}to{--value: calc(var(--start) + 360deg);--scale: 1;--width-ratio: 1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpMenu{0%{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}

package/dist/index.d.ts

@@ -0,0 +1 @@
+export { GojiSearchComponent } from './goji-search/components/goji-search-component';

package/dist/index.js

@@ -0,0 +1,2 @@
+// Export React components for React users
+export { GojiSearchComponent } from './goji-search/components/goji-search-component';

package/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "goji-search",
+  "version": "1.0.0",
+  "description": "Embeddable GojiSearch components for both React and vanilla JS",
+  "private": false,
+  "type": "module",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build && npx tsc",
+    "dev-pack": "tsc && vite build && npx tsc && cp dist/goji-search.css dist/goji-search/components/goji-search.css && cp -r src/goji-search/assets dist/goji-search/ && npm pack",
+    "lint": "eslint ."
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "devDependencies": {
+    "@eslint/js": "^8.57.0",
+    "@types/node": "^20.12.0",
+    "@types/react": "^18.2.56",
+    "@types/react-dom": "^18.2.19",
+    "@vitejs/plugin-react": "^4.2.1",
+    "eslint": "^8.57.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.5",
+    "typescript": "^5.4.5",
+    "vite": "^7.1.9"
+  },
+  "dependencies": {
+    "@calcom/embed-react": "^1.5.3",
+    "lucide-react": "^0.545.0",
+    "react-markdown": "^10.1.0",
+    "remark-gfm": "^4.0.1"
+  }
+}