Accessing WorkerGlobalScope instance in web Worker using package:web and js interop

[andynewman10]

When writing a Web worker using Dart, using the now deprecated dart:html package, it is possible to access the WorkerGlobalScope instance this way:

import 'dart:html'; // deprecated

void test() {
  WorkerGlobalScope.instance.importScripts("...");
}

Using package:web, how can I do the same?

import 'package:web/web.dart' as web;
import 'dart:js_interop';

void test() {
  web.WorkerGlobalScope.instance // not working. 
  // The only way I found is unsafe
  // import 'dart:js_interop_unsafe'; is needed
  globalContext.callMethod('importScripts'.toJS, "https://my/url.js".toJS);
}

I see WorkerGlobalScope is defined in package:web's lib/src/dom/html.dart file, suggesting Worker APIs are supported. But WorkerGlobalScope is an extension, not a class. How can I use it?

[srujzs]

The globalContext is the WorkerGlobalScope (which is an extension type) you want here (in dart:html, we just return self for instance), so just cast and use the result:

var globalScope = globalContext as WorkerGlobalScope;
globalScope.importScripts("https://my/url.js");