Strophe.j | An Objective-J wrapper around the strophe.js XMPP library

The warning just tells you that it is greatly preferred to use async calls, for a reason.

A synchronous call will block the rest of your code until a response has been received. Somehow, it takes a long time for your synchronous call to return.

Without looking at your code it is hard to tell why, but you could try retrieving the resource you are trying to get by typing its URL in in a browser and see how long it takes to get a response, or if you get a response at all, and if you see any errors.

If the resource can't be retrieved or is slow in coming, you know where the problem is and where to fix it.

There are some ways of getting XMLHttpRequest results in the right order:

• Use synchronous calls and try to make sure the server responds fast enough;
• Use asynchronous calls and start the next call when the previous has been returned succesfully (so start the next request in the callback of the previous one);
• Use asynchronous calls, store a request number, store the responses in a temporary array until all the calls have returned, and sort them;
• Some hip and modern way of doing it I don't know about but Google probably does.

It woule be a good idea to add Strophe.js as a dependency through a package manager like npm or Yarn. It looks like you have manually placed them in the folder called dependencies.

Adding the dependency: yarn add strophe.js
Adding the type declarations: yarn add -D @types/strophe.js

This would download Strophe.js into your node_modules folder.

Importing it in your code:

Please check your configuration file and see if tls is true or false under bosh configuration. If tls is true then please use HTTPS over HTTP when connecting to the bosh service URL.

To use npm package you should add to angular.json projects>your-project-name>architect>build>options>scripts like below. In the JSON file, it is a bit deep.

"scripts": [ "node_modules/jquery/dist/jquery.js",

for ordinary JS library like jquery you can import it inside a TS file like

import * as $ from 'jquery';

Using together with types and typing support might be complicated.

I found a partial solution, it's only working when the roster is online. we can take default user status offline and we can update online presence response.

Once the connection is created you need to define hooks to receive the message and be able to interact with it:

UPDATE: Forget everything below. Please see the answer from Badlop

Did a complete reinstall of ejabberd:

Well, I've found xmpp-bosh-client and ngx-chat.

The first one is at least documented. The second is not, but I can peek into sources.

May be this can help someone else in my same boots.

Thanks

P.S. If someone knows something better, he/she is most welcome

I'm posting some code snippet of how I managed to connect to an eJabberd (local) server with strophe.js in a TypeScript/Angular (6.x) frontend.

chat-panel.service.ts

There is currently no mechanism specified besides querying the archive. One prominent idea within the XMPP community to solve this in the future is to reflect the send carbon back to the original sender, which would include a stanza-id element with the ID assigned by the archive.