In fastboot sandbox the URL global object is not WHATWG URL

[nag5000]

Since Node.js 10 the URL is available as global variable, and it is WHATWG URL API - "Browser-compatible URL class, implemented by following the WHATWG URL Standard".
But under fastboot I can not use new URL(...), because sandbox globals assigns URL to require('url').

ember-cli-fastboot/packages/fastboot/src/sandbox.js

Lines 17 to 26 in 9e0b053

	let URL = require('url');
	let globals = this.globals;
	let sandbox = Object.assign(
	{
	sourceMapSupport,
	console,
	setTimeout,
	clearTimeout,
	URL,

It's very confusing because:

1. it differs from nodejs, where globalThis.URL === require('url').URL
2. I can't write code new URL(...) in app that will be valid for both environments - browser and fastboot.
   Instead, I have to write like this IS_FASTBOOT ? new URL.URL(...) : new URL(...) or use buildSandboxGlobals to assign URL to require('url').URL instead of default require('url').

In my opinion, the URL global variable in fastboot should be the same as for Node.js:

-   let URL = require('url');
+   let { URL } = require('url');
    let globals = this.globals;

    let sandbox = Object.assign(
      {
        sourceMapSupport,
        console,
        setTimeout,
        clearTimeout,
        URL,

Also, it make sense because support of Node < 10 has been dropped here (#695).

[rwjblue]

Ya, this is a pretty annoying bug. Thanks for reporting!

We need to figure out if this will be a breaking change though 🤔

[xg-wang]

Maybe pass require('url').URL to sandbox, and define a a getter for URL.URL with deprecation warning?

[hoIIer]

just ran into this with const _url = new URL(url)

[hoIIer]

I tried creating config/fastboot.js with the following code but it doesn't seem to work?

const { URL } = require('url');

module.exports = function() {
  return {
    buildSandboxGlobals(defaultGlobals) {
      return {...defaultGlobals, URL };
    },
  };
};

[nag5000]

@burritoIand Check your version of ember-cli-fastboot.
If v < 3.0 beta, use sandboxGlobals instead.

const { URL } = require('url');

module.exports = function(environment) {
  return {
    sandboxGlobals: { URL }
  };
};

[hoIIer]

@nag5000 thank you for the suggestion, I indeed am on 2.2.2
I tried using that code but I get the following error (local dev server)

Error: Could not find valid URL parsing mechanism for URL Sanitization

[simonihmig]

Just tripped over this. In an addon, where I cannot influence the sandbox globals, I had to revert to this ugly check:

const URLConstructor: typeof URL =
        typeof URL === 'function' ? URL : (URL as { URL: typeof URL }).URL;

Would be nice to get this fixed in a stable v3!?

Maybe pass require('url').URL to sandbox, and define a a getter for URL.URL with deprecation warning?

If we want to keep compatibility with the url module and at the same time compatibility with the WHATWG API, that would mean not only exposing URL.URL, but also all the other module exports, right? This is how the export currently looks like when logged:

{
  Url: [Function: Url],
  parse: [Function: urlParse],
  resolve: [Function: urlResolve],
  resolveObject: [Function: urlResolveObject],
  format: [Function: urlFormat],
  URL: [class URL],
  URLSearchParams: [class URLSearchParams],
  domainToASCII: [Function: domainToASCII],
  domainToUnicode: [Function: domainToUnicode],
  pathToFileURL: [Function: pathToFileURL],
  fileURLToPath: [Function: fileURLToPath]
}

Doable, but also kinda ugly.

[hoIIer]

@simonihmig I've been struggling trying to get this to work in my app, even when using sandbox globals as below:

const { URL } = require('url');

module.exports = function() {
  return {
    buildSandboxGlobals(globals) {
      return {...globals, URL };
    },
  };
};

My app code looks like:

    const url = new URL(<url>)

edit 1

I got the above to work when using the latest 3.X beta version of this library

edit 2

Testing using ember-cli-fastboot-testing fails despite identical configuration (different lib but somewhat related so leaving here)

const { URL } = require('url');

module.exports = {
  buildSandboxGlobals(globals) {
    return {...globals, URL };
  },
};

[ryanflowers]

Bumping my version of ember-source to 3.22 solved this issue for me. The code throwing the exception is not gone, no other changes needed.

[runspired]

we are dropping official support for fastboot from ember-data's test suite due to this issue as you cannot remove ember-fetch (not compatible with embroider-optimized / ember/ember-data 5.0) and also use ember-data due to the inability to use or expose globals like AbortController.