jsxc-react-hook 0.0.2 → 0.0.3

package/src/Jsxc.tsx

@@ -2,36 +2,58 @@ import './lib/styles/jsxc.bundle.css';
 import {useEffect} from 'react';
 //import Keepalive from 'react-activation';
 
+let userJid: string = '';
+
 export interface JsxcProp {
   boshUrl: string;
   id: string;
   pw: string;
+  contactId?: string,
   marginTop?: string;
   marginLeft?: string;
   marginBottom?: string;
   marginRight?: string;
   fullscreen?: boolean;
   jqueryUrl?: string;
+  showMenu: "yes"|"no";
+}
+
+export async function directOpenChatWindow(jid: string) {
+  if (!userJid) {
+    throw "user jid is empty, please initialize jsxc";
+  }
+  await (window as any).jsxc.getAccount(userJid).account.getConnection().getRosterService().
+      addContact(new (window as any).jsxc.JID(jid), '');
+  (window as any).jsxc.getAccount(userJid).getContact(jid).openChatWindow();
 }
 
 export  function Jsxc(prop: JsxcProp) {
+
     const rosterAppend = 'roster-append';
     const windowListAppend = 'windowlist-append';
     const dialogAppend = 'dialog-append';
     const {
-      fullscreen = false,
+
       jqueryUrl = 'https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.js',
       marginTop = '40px',
       marginLeft = '40px',
       marginBottom = '40px',
       marginRight = '40px',
+      contactId = null,
+      showMenu,
+      fullscreen,
       boshUrl,
       id,
       pw
     } = prop;
-    useEffect(()=>{
 
+    userJid = id;
+
+    useEffect(()=>{
         if ((window as any).jsxc) {
+            if (contactId) {
+              (window as any).jsxc.getAccount(id).getContact(contactId).openChatWindow();
+            }
             return;
         }
         if (fullscreen) {
@@ -54,6 +76,8 @@ export  function Jsxc(prop: JsxcProp) {
         root.style.setProperty('--jsxc-margin-right', marginRight);
 
 
+
+
         script.onload = ()=> { localStorage.removeItem('jsxc2:accounts'); // for fobidden show 'account has ..' error message;
         let jsx = new (window as any).JSXC({
           /*  loadConnectionOptions: function(username: any, password: any) {
@@ -71,6 +95,12 @@ export  function Jsxc(prop: JsxcProp) {
         (window as any).jsxc = jsx;
         jsx.start(boshUrl, id, pw);}
 
+        if (showMenu === 'yes') {
+          root.style.setProperty('--jsxc-show-menu', 'none');
+          console.log('not show jsxc menu')
+        }
+
+
     },[]);
 
 

package/src/Sel.tsx

@@ -11,9 +11,9 @@ export default function Sel() {
         }
         }>
 
-        
+
          {sel && <Jsxc boshUrl = 'https://localhost:5443/bosh' fullscreen={true}
-         id= 'user1@localhost' pw='987654'
+         id= 'user1@localhost' pw='987654' showMenu={false}
           />}
 
         {!sel && <div>hellow world</div> }