@cometchat/skills-cli 2.4.1 → 3.0.0

package/dist/registry/v6/widget/reactjs/CometChatWidget.tsx.tpl

@@ -1,89 +0,0 @@
-/**
- * CometChatWidget — floating chat overlay.
- *
- * Renders a fixed-position button in the bottom-right corner. Click it to
- * open a drawer containing the CometChat conversation list + message view.
- *
- * Assumes CometChatUIKit.init() and CometChatUIKit.login() have already been
- * called elsewhere (e.g. in src/main.tsx). The widget just renders the
- * existing logged-in user's chat — it does NOT initialize CometChat.
- *
- * To use:
- *   import CometChatWidget from "./cometchat/CometChatWidget";
- *   // ...
- *   <CometChatWidget />
- */
-import { useEffect, useState } from "react";
-import {
-  CometChatMessageComposer,
-  CometChatMessageHeader,
-  CometChatMessageList,
-} from "@cometchat/chat-uikit-react";
-import { CometChat } from "@cometchat/chat-sdk-javascript";
-import { CometChatSelector } from "./CometChatSelector";
-import "./CometChatWidget.css";
-
-export default function CometChatWidget() {
-  const [open, setOpen] = useState(false);
-  const [selectedUser, setSelectedUser] = useState<CometChat.User | undefined>();
-  const [selectedGroup, setSelectedGroup] = useState<CometChat.Group | undefined>();
-
-  // Close on Escape key
-  useEffect(() => {
-    if (!open) return;
-    const handler = (e: KeyboardEvent) => {
-      if (e.key === "Escape") setOpen(false);
-    };
-    window.addEventListener("keydown", handler);
-    return () => window.removeEventListener("keydown", handler);
-  }, [open]);
-
-  return (
-    <>
-      <button
-        type="button"
-        className="cometchat-widget-button"
-        onClick={() => setOpen((v) => !v)}
-        aria-label={open ? "Close chat" : "Open chat"}
-      >
-        {open ? "✕" : "💬"}
-      </button>
-
-      {open && (
-        <div className="cometchat-widget-drawer" role="dialog" aria-label="Chat">
-          <div className="cometchat-widget-conversations">
-            <CometChatSelector
-              onSelectorItemClicked={(activeItem) => {
-                const item =
-                  activeItem instanceof CometChat.Conversation
-                    ? activeItem.getConversationWith()
-                    : activeItem;
-                if (item instanceof CometChat.User) {
-                  setSelectedUser(item);
-                  setSelectedGroup(undefined);
-                } else if (item instanceof CometChat.Group) {
-                  setSelectedUser(undefined);
-                  setSelectedGroup(item);
-                }
-              }}
-            />
-          </div>
-          {selectedUser || selectedGroup ? (
-            <div className="cometchat-widget-messages">
-              {selectedUser && <CometChatMessageHeader user={selectedUser} />}
-              {selectedGroup && <CometChatMessageHeader group={selectedGroup} />}
-              {selectedUser && <CometChatMessageList user={selectedUser} />}
-              {selectedGroup && <CometChatMessageList group={selectedGroup} />}
-              {selectedUser && <CometChatMessageComposer user={selectedUser} />}
-              {selectedGroup && <CometChatMessageComposer group={selectedGroup} />}
-            </div>
-          ) : (
-            <div className="cometchat-widget-empty">
-              Select a conversation to start chatting
-            </div>
-          )}
-        </div>
-      )}
-    </>
-  );
-}

package/dist/registry/v6/widget/reactjs.template.json

@@ -1,36 +0,0 @@
-{
-  "$schema": "../../schemas/template.schema.json",
-  "version": "1.0.0",
-  "experience_id": 1,
-  "framework": "reactjs",
-  "sdk_compatibility": ">=6.0.0 <7.0.0",
-  "default_placement": "spa-root",
-  "deps": [],
-  "env_vars": [],
-  "files": [
-    {
-      "path": "src/cometchat/CometChatWidget.tsx",
-      "action": "create",
-      "template_ref": "CometChatWidget.tsx.tpl",
-      "owned": true
-    },
-    {
-      "path": "src/cometchat/CometChatWidget.css",
-      "action": "create",
-      "template_ref": "CometChatWidget.css.tpl",
-      "owned": true
-    }
-  ],
-  "verify_rules": [],
-  "next_steps": [
-    "1. The widget component is now at src/cometchat/CometChatWidget.tsx.",
-    "2. Import and render it in your root layout (e.g. src/App.tsx):",
-    "     import CometChatWidget from './cometchat/CometChatWidget';",
-    "     // Then render <CometChatWidget /> anywhere in your component tree.",
-    "3. The widget is a fixed-position floating button in the bottom-right corner.",
-    "   Click it to open a drawer with the conversation list + message thread.",
-    "4. To customize position, edit the .cometchat-widget-button class in CometChatWidget.css.",
-    "5. The widget reuses your existing CometChat init/login flow from main.tsx —",
-    "   you do NOT need to call init/login again inside the widget."
-  ]
-}