@botu/widget-react 0.1.0

package/dist/index.d.mts

@@ -0,0 +1,18 @@
+import { BootOptions, LoadOptions } from '@botu/widget';
+export { boot } from '@botu/widget';
+
+type BotuChatWidgetProps = {
+    projectId: string;
+    bootOptions?: Omit<BootOptions, "project_id">;
+    loadOptions?: LoadOptions;
+    autoload?: boolean;
+    shutdownOnUnmount?: boolean;
+};
+/**
+ * React wrapper for @botu/widget.
+ * - If autoload=true (default), calls boot() on mount.
+ * - Renders nothing.
+ */
+declare function BotuChatWidget({ projectId, bootOptions, loadOptions, autoload, shutdownOnUnmount, }: BotuChatWidgetProps): null;
+
+export { BotuChatWidget, type BotuChatWidgetProps };

package/dist/index.d.ts

@@ -0,0 +1,18 @@
+import { BootOptions, LoadOptions } from '@botu/widget';
+export { boot } from '@botu/widget';
+
+type BotuChatWidgetProps = {
+    projectId: string;
+    bootOptions?: Omit<BootOptions, "project_id">;
+    loadOptions?: LoadOptions;
+    autoload?: boolean;
+    shutdownOnUnmount?: boolean;
+};
+/**
+ * React wrapper for @botu/widget.
+ * - If autoload=true (default), calls boot() on mount.
+ * - Renders nothing.
+ */
+declare function BotuChatWidget({ projectId, bootOptions, loadOptions, autoload, shutdownOnUnmount, }: BotuChatWidgetProps): null;
+
+export { BotuChatWidget, type BotuChatWidgetProps };

package/dist/index.js

@@ -0,0 +1,64 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  BotuChatWidget: () => BotuChatWidget,
+  boot: () => import_widget2.boot
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/chat-widget.ts
+var import_react = require("react");
+var import_widget = require("@botu/widget");
+function BotuChatWidget({
+  projectId,
+  bootOptions,
+  loadOptions,
+  autoload = true,
+  shutdownOnUnmount = false
+}) {
+  const didBootRef = (0, import_react.useRef)(false);
+  (0, import_react.useEffect)(() => {
+    if (!autoload) return;
+    if (didBootRef.current) return;
+    didBootRef.current = true;
+    (0, import_widget.boot)({ project_id: projectId, ...bootOptions ?? {} }, loadOptions).catch((e) => {
+      console.error("[Widget] boot failed:", e);
+    });
+    return () => {
+      if (!shutdownOnUnmount) return;
+      try {
+        const maybe = import_widget.boot;
+        maybe.shutdown?.();
+      } catch {
+      }
+    };
+  }, []);
+  return null;
+}
+
+// src/index.ts
+var import_widget2 = require("@botu/widget");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BotuChatWidget,
+  boot
+});

package/dist/index.mjs

@@ -0,0 +1,36 @@
+// src/chat-widget.ts
+import { useEffect, useRef } from "react";
+import { boot } from "@botu/widget";
+function BotuChatWidget({
+  projectId,
+  bootOptions,
+  loadOptions,
+  autoload = true,
+  shutdownOnUnmount = false
+}) {
+  const didBootRef = useRef(false);
+  useEffect(() => {
+    if (!autoload) return;
+    if (didBootRef.current) return;
+    didBootRef.current = true;
+    boot({ project_id: projectId, ...bootOptions ?? {} }, loadOptions).catch((e) => {
+      console.error("[Widget] boot failed:", e);
+    });
+    return () => {
+      if (!shutdownOnUnmount) return;
+      try {
+        const maybe = boot;
+        maybe.shutdown?.();
+      } catch {
+      }
+    };
+  }, []);
+  return null;
+}
+
+// src/index.ts
+import { boot as boot2 } from "@botu/widget";
+export {
+  BotuChatWidget,
+  boot2 as boot
+};

package/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "@botu/widget-react",
+  "version": "0.1.0",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
+  "peerDependencies": {
+    "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
+  },
+  "dependencies": {
+    "@botu/widget": "^0.1.3"
+  },
+  "scripts": {
+    "build": "tsup src/index.ts --format esm,cjs --dts --external react --external react-dom"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}