Compile error when using trackerAssist

[hishtadlut]

I was trying to update OpenReplay so I will have the ability to use the trackerAssist plugin.

After using

$ npm i @openreplay/tracker@latest
$ npm i @openreplay/tracker-assist

And after running the app I gut this error message on the console:

peerjs.min.js:1 Uncaught ReferenceError: parcelRequire is not defined
    at push.oLy0.parcelRequire.EgBh (peerjs.min.js:1)
    at Object.oLy0 (peerjs.min.js:1)
    at __webpack_require__ (bootstrap:79)
    at Module.sj1N (index.js:1)
    at __webpack_require__ (bootstrap:79)
    at Module.WO6z (index.ts:2)
    at __webpack_require__ (bootstrap:79)
    at Module.3LUQ (google-auth.service.ts:11)
    at __webpack_require__ (bootstrap:79)
    at Module.N+K7 (visa-type.enum.ts:35)

main.ts

import OpenReplay from '@openreplay/tracker';

platformBrowserDynamic().bootstrapModule(AppModule).then((ref) => {
  const tracker = new OpenReplay({
    projectKey: '********************'
  });
  tracker.start();

  ServiceWorkerModule.register('ngsw-worker.js', { enabled: environment.production, registrationStrategy: 'registerImmediately' })
  ref.injector.get(ReplaySessionService).tracker = tracker;
}).catch(err => console.log(err));

replay-session.service.ts

import { Injectable } from '@angular/core';
import OpenReplay from '@openreplay/tracker';
import trackerAssist from '@openreplay/tracker-assist';

@Injectable({
  providedIn: 'root'
})
export class ReplaySessionService {
  tracker: OpenReplay

  sendErrorToReplaySession = (error: Error) => {
    this.tracker.handleError(error);
  }

  sendIssueToReplaySession = (key: string, payload: any) => {
    this.tracker.issue(key, payload);
  }

  assist = () => {
    this.tracker.use(trackerAssist({ confirmText: 'Live assistant'}));
  }
}

The project is running:

"webpack": "^4.46.0",
"@angular/compiler": "^10.2.5"

[PandaCodes]

Hello, @hishtadlut , thank you for reporting this. There is apparently a bug in peerjs library when it is compiled with the angular compiler.
Here is the living issue. People there propose a hack to declare var parcelRequire; before importing peerjs (in our case tracker-assist) package.

You could try it. If it works, I'll add it to the package on the next release for angular users.

[hishtadlut]

I can confirm that after adding to index.html:

<script>
    var parcelRequire;
</script>

The compile error has disappeared

[PandaCodes]

This fix-hack was added in version 3.2.0