@ripperts/poco-agent-embed 0.1.0 → 0.1.2

package/index.js

@@ -106,6 +106,10 @@
       var language = ["en", "zh"].includes(requestedLanguage)
         ? requestedLanguage
         : "en";
+      var toggleButtonLabels =
+        language === "zh"
+          ? { open: "打开 AI 助手", close: "关闭 AI 助手" }
+          : { open: "Open AI Agent", close: "Close AI Agent" };
       var theme = ["light", "dark", "system"].includes(options.theme)
         ? options.theme
         : "system";
@@ -136,6 +140,22 @@
       var openIcon = createIcon(options.openIcon, false);
       var closeIcon = createIcon(options.closeIcon, true);
 
+      function renderFloatingState() {
+        container.style.opacity = opened ? "1" : "0";
+        container.style.visibility = opened ? "visible" : "hidden";
+        container.style.pointerEvents = opened ? "auto" : "none";
+        container.style.transform = opened ? "scale(1)" : "scale(.96)";
+        if (!button) return;
+        button.replaceChildren(opened ? closeIcon : openIcon);
+        button.setAttribute("aria-expanded", opened ? "true" : "false");
+        button.setAttribute(
+          "aria-label",
+          opened
+            ? toggleButtonLabels.close
+            : options.ariaLabel || toggleButtonLabels.open,
+        );
+      }
+
       if (target) {
         container.style.cssText =
           "position:relative;width:100%;height:100%;overflow:hidden";
@@ -160,7 +180,6 @@
 
         button = document.createElement("button");
         button.type = "button";
-        button.setAttribute("aria-label", options.ariaLabel || "Open AI Agent");
         button.style.cssText = [
           "position:fixed",
           "display:flex",
@@ -188,19 +207,6 @@
         container.style[horizontal] = "20px";
         container.style.transformOrigin = vertical + " " + horizontal;
 
-        function renderButtonIcon() {
-          button.replaceChildren(opened ? closeIcon : openIcon);
-          button.setAttribute("aria-expanded", opened ? "true" : "false");
-        }
-
-        function renderOpenState() {
-          container.style.opacity = opened ? "1" : "0";
-          container.style.visibility = opened ? "visible" : "hidden";
-          container.style.pointerEvents = opened ? "auto" : "none";
-          container.style.transform = opened ? "scale(1)" : "scale(.96)";
-          renderButtonIcon();
-        }
-
         function anchorContainerToButton() {
           var rect = button.getBoundingClientRect();
           var useLeft = rect.left + rect.width / 2 < window.innerWidth / 2;
@@ -299,9 +305,10 @@
         button.addEventListener("click", function () {
           if (Date.now() < suppressClickUntil) return;
           opened = !opened;
-          renderOpenState();
+          renderFloatingState();
         });
 
+        renderFloatingState();
         document.body.appendChild(container);
         document.body.appendChild(button);
         window.addEventListener("resize", updateViewportPosition);
@@ -313,7 +320,6 @@
           );
         }
         updateViewportPosition();
-        renderOpenState();
       }
 
       async function authenticate() {
@@ -367,14 +373,7 @@
       function setOpened(next) {
         if (destroyed || target) return;
         opened = next;
-        container.style.opacity = opened ? "1" : "0";
-        container.style.visibility = opened ? "visible" : "hidden";
-        container.style.pointerEvents = opened ? "auto" : "none";
-        container.style.transform = opened ? "scale(1)" : "scale(.96)";
-        if (button) {
-          button.replaceChildren(opened ? closeIcon : openIcon);
-          button.setAttribute("aria-expanded", opened ? "true" : "false");
-        }
+        renderFloatingState();
       }
 
       return {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ripperts/poco-agent-embed",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Zero-dependency SDK for embedding a Poco Agent conversation",
   "main": "index.js",
   "module": "index.mjs",