react example

please provide an example on how to import this module from create-react-app application.

right now if you start a new project:

• create-react-app myproject
• npm install nats.ws
• import { connect } from “nats.ws”

it will generate an error:

./node_modules/nats.ws/nats.mjs 3499:17
Module parse failed: Unexpected token (3499:17)
File was processed with these loaders:
 * ./node_modules/babel-loader/lib/index.js
You may need an additional loader to handle the result of these loaders.
| 
| function defaultJsOptions(opts4) {
>   opts4 = opts4 ?? {};
|   return extend1({
|     apiPrefix: defaultPrefix,

thank you

[aricart]

to build the repo:

npm run setup #(only the first time)
npm run install
npm run build

See the docs: https://github.com/nats-io/nats.ws#contributing

[aricart]

@SunChero glad you were able to unblock yourself. Using the latest, I was able to do this:

import React, {Component} from 'react'
import {connect} from '../node_modules/nats.ws/lib/src/mod.js'
import './App.css';

class App extends Component {
  constructor(props) {
    super(props);
    this.server = props.server;
    this.doConnect();
  }

  doConnect() {
    connect({servers: [this.server]})
      .then((nc) => {
        this.nc = nc;
        this.nc.jetstreamManager()
          .then((jsm) => {
            this.jsm = jsm;
            console.info(`connected jsm`);
            this.jsm.streams.add({name: "my", subjects: ["my.>"]})
              .then((info) => {
                console.info(info);
              })
          })
          .catch((err) => {
            console.error(`failed to connect to jetstream: ${err}`);
          })
      })
      .catch((err) => {
        console.error(`failed to connect: ${err}`);
      })
  }

  render() {
    return (
      <div className="App">
        <header className="App-header">
          Hello NATS.ws!!!
        </header>
      </div>
    );
  }
}

export default App;