Allow importing and using of lib/worklets as opposed to only blob: URLs

[atesgoral]

To get blobs working, we need to punch a hole in our CSP config. It would be nice to be able to optionally refer to the .js files and let the worklet load them through HTTP, from the same origin / CDN. What do you think? Worth a PR?

[keithwhor]

Maybe just an option to load from a URL instead on instantiation? Happy to take a look at the PR!

[atesgoral]

Taking a first step: #5

[atesgoral]

As an interim workaround I did this in our app:

import {
  WavRecorder as WavRecorderBase,
  WavStreamPlayer as WavStreamPlayerBase,
} from 'wavtools';

export class WavRecorder extends WavRecorderBase {
  constructor(
    options: ConstructorParameters<typeof WavRecorderBase>[0] & {
      scriptSrc?: string;
    },
  ) {
    super(options);

    if (options.scriptSrc) {
      this.scriptSrc = options.scriptSrc;
    }
  }
}

export class WavStreamPlayer extends WavStreamPlayerBase {
  constructor(
    options: ConstructorParameters<typeof WavStreamPlayerBase>[0] & {
      scriptSrc?: string;
    },
  ) {
    super(options);

    if (options.scriptSrc) {
      this.scriptSrc = options.scriptSrc;
    }
  }
}

(With the caveat that I had to make copies of the worklet scripts.)