@plasius/chatbot 1.0.0 → 1.0.1

package/dist-cjs/client.js

@@ -0,0 +1,174 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChatbotClientError = void 0;
+exports.getChatbotUsage = getChatbotUsage;
+exports.sendChatbotMessage = sendChatbotMessage;
+class ChatbotClientError extends Error {
+    constructor(status, message, code, usage) {
+        super(message);
+        this.name = "ChatbotClientError";
+        this.status = status;
+        this.code = code;
+        this.usage = usage;
+    }
+}
+exports.ChatbotClientError = ChatbotClientError;
+const DEFAULT_ENDPOINT = "/ai/chatbot";
+const DEFAULT_CSRF_COOKIE_NAME = "csrf-token";
+const DEFAULT_CSRF_HEADER_NAME = "x-csrf-token";
+function resolveFetch(fetchFn) {
+    const resolved = fetchFn ?? (typeof fetch !== "undefined" ? fetch : undefined);
+    if (!resolved) {
+        throw new Error("No fetch implementation is available.");
+    }
+    return resolved;
+}
+async function resolveHeaders(headers) {
+    if (!headers)
+        return undefined;
+    if (typeof headers === "function") {
+        return await headers();
+    }
+    return headers;
+}
+function readCookie(name) {
+    if (typeof document === "undefined" || typeof document.cookie !== "string") {
+        return undefined;
+    }
+    const entry = document.cookie
+        .split(";")
+        .map((part) => part.trim())
+        .find((value) => value.startsWith(`${name}=`));
+    if (!entry)
+        return undefined;
+    const [, rawValue = ""] = entry.split("=");
+    try {
+        return decodeURIComponent(rawValue);
+    }
+    catch {
+        return rawValue;
+    }
+}
+function normalizeUsage(value) {
+    if (!value || typeof value !== "object")
+        return undefined;
+    const usage = value;
+    if (typeof usage.limit !== "number" ||
+        typeof usage.used !== "number" ||
+        typeof usage.remaining !== "number" ||
+        typeof usage.exhausted !== "boolean") {
+        return undefined;
+    }
+    return {
+        limit: usage.limit,
+        used: usage.used,
+        remaining: usage.remaining,
+        exhausted: usage.exhausted,
+    };
+}
+async function parseBody(response) {
+    const contentType = response.headers.get("content-type") ?? "";
+    if (contentType.includes("application/json")) {
+        return await response.json();
+    }
+    const text = await response.text();
+    if (!text)
+        return undefined;
+    try {
+        return JSON.parse(text);
+    }
+    catch {
+        return text;
+    }
+}
+function normalizeError(status, body) {
+    const payload = body && typeof body === "object" ? body : undefined;
+    const fallbackMessage = status === 401
+        ? "Sign in to use chatbot."
+        : status === 429
+            ? "Chatbot usage limit reached."
+            : "Chatbot request failed.";
+    const message = payload?.message ?? fallbackMessage;
+    return new ChatbotClientError(status, message, payload?.error, payload?.usage);
+}
+async function ensureCsrfToken(fetcher, endpoint, options, baseHeaders) {
+    const cookieName = options.csrfCookieName ?? DEFAULT_CSRF_COOKIE_NAME;
+    const existing = readCookie(cookieName);
+    if (existing || options.bootstrapCsrf === false) {
+        return existing;
+    }
+    await fetcher(endpoint, {
+        method: "GET",
+        credentials: options.credentials ?? "include",
+        headers: baseHeaders,
+    });
+    return readCookie(cookieName);
+}
+async function getChatbotUsage(options = {}) {
+    const fetcher = resolveFetch(options.fetchFn);
+    const endpoint = options.endpoint ?? DEFAULT_ENDPOINT;
+    const customHeaders = await resolveHeaders(options.headers);
+    const response = await fetcher(endpoint, {
+        method: "GET",
+        credentials: options.credentials ?? "include",
+        headers: {
+            Accept: "application/json",
+            ...(customHeaders ?? {}),
+        },
+    });
+    const body = await parseBody(response);
+    if (!response.ok) {
+        throw normalizeError(response.status, body);
+    }
+    if (!body || typeof body !== "object") {
+        throw new Error("Invalid chatbot usage response.");
+    }
+    const usage = normalizeUsage(body.usage);
+    if (!usage) {
+        throw new Error("Invalid chatbot usage response.");
+    }
+    return { usage };
+}
+async function sendChatbotMessage(payload, options = {}) {
+    const fetcher = resolveFetch(options.fetchFn);
+    const endpoint = options.endpoint ?? DEFAULT_ENDPOINT;
+    const customHeaders = await resolveHeaders(options.headers);
+    const baseHeaders = {
+        Accept: "application/json",
+        "Content-Type": "application/json",
+        ...(customHeaders ?? {}),
+    };
+    const csrfToken = await ensureCsrfToken(fetcher, endpoint, options, baseHeaders);
+    const csrfHeader = options.csrfHeaderName ?? DEFAULT_CSRF_HEADER_NAME;
+    const requestHeaders = csrfToken
+        ? {
+            ...baseHeaders,
+            [csrfHeader]: csrfToken,
+        }
+        : baseHeaders;
+    const response = await fetcher(endpoint, {
+        method: "POST",
+        credentials: options.credentials ?? "include",
+        headers: requestHeaders,
+        body: JSON.stringify({
+            message: payload.message,
+            history: payload.history ?? [],
+            systemPrompt: payload.systemPrompt,
+        }),
+    });
+    const body = await parseBody(response);
+    if (!response.ok) {
+        throw normalizeError(response.status, body);
+    }
+    if (!body || typeof body !== "object") {
+        throw new Error("Invalid chatbot response.");
+    }
+    const content = body;
+    const reply = content.reply;
+    const model = content.model;
+    const usage = normalizeUsage(content.usage);
+    if (typeof reply !== "string" || typeof model !== "string" || !usage) {
+        throw new Error("Invalid chatbot response.");
+    }
+    return { reply, model, usage };
+}

package/dist-cjs/index.d.ts

@@ -1,2 +1,3 @@
 export { default as ChatBot } from "./chatbot.js";
+export * from "./client.js";
 //# sourceMappingURL=index.d.ts.map

package/dist-cjs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,cAAc,CAAC;AAClD,cAAc,aAAa,CAAC"}

package/dist-cjs/index.js

@@ -1,4 +1,18 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -6,3 +20,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ChatBot = void 0;
 var chatbot_js_1 = require("./chatbot.js");
 Object.defineProperty(exports, "ChatBot", { enumerable: true, get: function () { return __importDefault(chatbot_js_1).default; } });
+__exportStar(require("./client.js"), exports);

package/dist-cjs/styles/chatbot.module.css

@@ -1,106 +1,139 @@
-/* src/components/Chatbot.css */
 .chatbotcontainer {
   display: flex;
   flex-direction: column;
-  height: 100vh;
   width: 100%;
-  max-width: 600px;
+  max-width: 720px;
   margin: 0 auto;
-  border: 1px solid #ddd;
-  border-radius: 8px;
-  background: #f9f9f9;
+  border: 1px solid #d1d7e0;
+  border-radius: 12px;
+  background: #f7f9fc;
+  min-height: 70vh;
+  overflow: hidden;
+}
+
+.header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 12px 16px;
+  border-bottom: 1px solid #d1d7e0;
+  background: #eef3fb;
+}
+
+.title {
+  font-size: 16px;
+  font-weight: 700;
+  color: #1f2a3d;
+}
+
+.usage {
+  font-size: 13px;
+  font-weight: 600;
+  color: #4c5970;
+}
+
+.notice {
+  padding: 10px 16px;
+  font-size: 13px;
+  border-bottom: 1px solid #d1d7e0;
+  background: #fff8db;
+  color: #6f5200;
 }
 
 .messagesbox {
   flex: 1;
-  padding: 10px;
+  padding: 12px;
   overflow-y: auto;
-  background: #fff;
+  background: #ffffff;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
 }
 
 .message {
   display: flex;
-  margin-bottom: 10px;
 }
 
-.message.user {
-  justify-content: flex-end;
+.user {
+  margin-left: auto;
 }
 
-.message.system {
-  justify-content: flex-start;
+.assistant,
+.system {
+  margin-right: auto;
 }
 
 .bubble {
-  max-width: 60%;
-  padding: 10px 15px;
-  border-radius: 15px;
+  max-width: 85%;
+  padding: 10px 12px;
+  border-radius: 12px;
+  line-height: 1.4;
+  word-break: break-word;
+  white-space: pre-wrap;
   font-size: 14px;
-  line-height: 1.5;
-  position: relative;
-  word-wrap: break-word;
-}
-
-.message.user .bubble {
-  background: #007bff;
-  color: #fff;
-}
-
-.message.system .bubble {
-  background: #e9ecef;
-  color: #333;
-}
-
-.bubble::after {
-  content: '';
-  position: absolute;
-  width: 0;
-  height: 0;
-  border-style: solid;
 }
 
-.message.user .bubble::after {
-  right: -10px;
-  top: 50%;
-  border-width: 10px 0 10px 10px;
-  border-color: transparent transparent transparent #007bff;
-  transform: translateY(-50%);
+.user .bubble {
+  background: #2463eb;
+  color: #ffffff;
 }
 
-.message.system .bubble::after {
-  left: -10px;
-  top: 50%;
-  border-width: 10px 10px 10px 0;
-  border-color: transparent #e9ecef transparent transparent;
-  transform: translateY(-50%);
+.assistant .bubble,
+.system .bubble {
+  background: #edf2fa;
+  color: #182230;
 }
 
 .inputbox {
   display: flex;
   align-items: center;
+  gap: 8px;
   padding: 10px;
-  border-top: 1px solid #ddd;
-  background: #fff;
+  border-top: 1px solid #d1d7e0;
+  background: #f7f9fc;
+  position: relative;
 }
 
 .inputbox input {
   flex: 1;
-  padding: 10px;
-  border: 1px solid #ddd;
-  border-radius: 20px;
+  border: 1px solid #c3cedf;
+  border-radius: 999px;
+  padding: 10px 14px;
   font-size: 14px;
 }
 
-.emojiicon, .sendicon {
-  margin-left: 10px;
+.inputbox input:disabled {
+  cursor: not-allowed;
+  opacity: 0.75;
+  background: #f1f4f9;
+}
+
+.iconButton {
+  width: 36px;
+  height: 36px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border: 1px solid #c3cedf;
+  border-radius: 999px;
+  background: #ffffff;
   cursor: pointer;
-  color: whitesmoke;
 }
 
-.emojiicon {
-  font-size: 20px;
+.iconButton:disabled {
+  cursor: not-allowed;
+  opacity: 0.6;
 }
 
+.emojiicon,
 .sendicon {
-  font-size: 20px;
-}
+  color: #2f4f95;
+  font-size: 16px;
+}
+
+.emojiPicker {
+  position: absolute;
+  right: 44px;
+  bottom: 52px;
+  z-index: 20;
+}

package/docs/adrs/index.md

@@ -0,0 +1,4 @@
+# ADR Index
+
+- [ADR-0001: Standalone @plasius/chatbot Package Scope](./adr-0001-chatbot-package-scope.md)
+- [ADR-0002: Public Repository Governance Baseline](./adr-0002-public-repo-governance.md)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plasius/chatbot",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "OpenAI Chatbot",
   "main": "./dist-cjs/index.js",
   "types": "./dist/index.d.ts",
@@ -38,7 +38,6 @@
     "react-icons": "^5.5.0"
   },
   "peerDependencies": {
-    "openai": "^5.19.1",
     "react": "^19.1.0"
   },
   "devDependencies": {
@@ -52,7 +51,6 @@
     "depcheck": "^1.4.7",
     "eslint": "^9.33.0",
     "npm-run-all": "^4.1.5",
-    "openai": "^5.19.1",
     "react": "19.1.0",
     "react-dom": "19.1.0",
     "tsx": "^4.20.3",