@parcel/utils 2.0.0-nightly.146 → 2.0.0-nightly.1468

package/test/replaceBundleReferences.test.js

@@ -0,0 +1,268 @@
+// @flow strict-local
+
+import type {NamedBundle, Dependency} from '@parcel/types';
+
+import assert from 'assert';
+import {getURLReplacement} from '../src/replaceBundleReferences';
+
+describe('replace bundle references', () => {
+  it('Query params and named pipeline, relative', () => {
+    // $FlowFixMe
+    let fromBundle: NamedBundle = {
+      filePath: '/user/dist/reformat.html',
+      name: 'reformat.html',
+      // $FlowFixMe
+      target: {
+        distDir: '/user/dist',
+        publicUrl: '/',
+      },
+    };
+
+    // $FlowFixMe
+    let toBundle: NamedBundle = {
+      filePath:
+        '/user/dist/image.HASH_REF_87f9d66c16c2216ccc7e5664cf089305.webp',
+      name: 'image.HASH_REF_87f9d66c16c2216ccc7e5664cf089305.webp',
+      // $FlowFixMe
+      target: {
+        distDir: '/user/dist',
+        publicUrl: '/',
+      },
+    };
+
+    // $FlowFixMe
+    let dependency: Dependency = {
+      id: '074b36596e3147e900a8ad17ceb5c90b',
+      specifier: 'url:./image.jpg?as=webp',
+      specifierType: 'esm',
+    };
+
+    let result = getURLReplacement({
+      dependency,
+      fromBundle,
+      toBundle,
+      relative: true,
+    });
+
+    assert.equal(
+      result.to,
+      'image.HASH_REF_87f9d66c16c2216ccc7e5664cf089305.webp',
+    );
+    assert.equal(result.from, '074b36596e3147e900a8ad17ceb5c90b');
+  });
+
+  it('Query params and named pipeline, absolute', () => {
+    // $FlowFixMe
+    let fromBundle: NamedBundle = {
+      filePath: '/user/dist/reformat.html',
+      name: 'reformat.html',
+      // $FlowFixMe
+      target: {
+        distDir: '/user/dist',
+        publicUrl: '/',
+      },
+    };
+
+    // $FlowFixMe
+    let toBundle: NamedBundle = {
+      filePath:
+        '/user/dist/image.HASH_REF_87f9d66c16c2216ccc7e5664cf089305.webp',
+      name: 'image.HASH_REF_87f9d66c16c2216ccc7e5664cf089305.webp',
+      // $FlowFixMe
+      target: {
+        distDir: '/user/dist',
+        publicUrl: '/',
+      },
+    };
+
+    // $FlowFixMe
+    let dependency: Dependency = {
+      id: '074b36596e3147e900a8ad17ceb5c90b',
+      specifier: 'url:./image.jpg?as=webp',
+      specifierType: 'esm',
+    };
+
+    let result = getURLReplacement({
+      dependency,
+      fromBundle,
+      toBundle,
+      relative: false,
+    });
+
+    assert.equal(
+      result.to,
+      '/image.HASH_REF_87f9d66c16c2216ccc7e5664cf089305.webp',
+    );
+    assert.equal(result.from, '074b36596e3147e900a8ad17ceb5c90b');
+  });
+
+  it('Custom Public URL', () => {
+    // $FlowFixMe
+    let fromBundle: NamedBundle = {
+      filePath: '/user/dist/reformat.html',
+      name: 'reformat.html',
+      // $FlowFixMe
+      target: {
+        distDir: '/user/dist',
+        publicUrl: 'https://test.com/static',
+      },
+    };
+
+    // $FlowFixMe
+    let toBundle: NamedBundle = {
+      filePath:
+        '/user/dist/image.HASH_REF_87f9d66c16c2216ccc7e5664cf089305.webp',
+      name: 'image.HASH_REF_87f9d66c16c2216ccc7e5664cf089305.webp',
+      // $FlowFixMe
+      target: {
+        distDir: '/user/dist',
+        publicUrl: 'https://test.com/static',
+      },
+    };
+
+    // $FlowFixMe
+    let dependency: Dependency = {
+      id: '074b36596e314797845a8ad17ceb5c9b',
+      specifier: './image.jpg',
+      specifierType: 'esm',
+    };
+
+    let result = getURLReplacement({
+      dependency,
+      fromBundle,
+      toBundle,
+      relative: false,
+    });
+
+    assert.equal(
+      result.to,
+      'https://test.com/static/image.HASH_REF_87f9d66c16c2216ccc7e5664cf089305.webp',
+    );
+    assert.equal(result.from, '074b36596e314797845a8ad17ceb5c9b');
+  });
+
+  it('Relative with folders in between', () => {
+    // $FlowFixMe
+    let fromBundle: NamedBundle = {
+      filePath: '/user/dist/reformat.html',
+      name: 'reformat.html',
+      // $FlowFixMe
+      target: {
+        distDir: '/user/dist',
+        publicUrl: 'https://test.com/static',
+      },
+    };
+
+    // $FlowFixMe
+    let toBundle: NamedBundle = {
+      filePath:
+        '/user/dist/assets/image.HASH_REF_87f9d66c16c2216ccc7e5664cf089305.webp',
+      name: 'image.HASH_REF_87f9d66c16c2216ccc7e5664cf089305.webp',
+      // $FlowFixMe
+      target: {
+        distDir: '/user/dist/assets',
+        publicUrl: 'https://test.com/static',
+      },
+    };
+
+    // $FlowFixMe
+    let dependency: Dependency = {
+      id: '074b36596e3147e900a8ad17ceb5c90b',
+      specifier: 'url:./image.jpg?as=webp',
+      specifierType: 'esm',
+    };
+
+    let result = getURLReplacement({
+      dependency,
+      fromBundle,
+      toBundle,
+      relative: true,
+    });
+
+    assert.equal(
+      result.to,
+      'assets/image.HASH_REF_87f9d66c16c2216ccc7e5664cf089305.webp',
+    );
+    assert.equal(result.from, '074b36596e3147e900a8ad17ceb5c90b');
+  });
+
+  it('should work with bundle names with colons, relative', () => {
+    // $FlowFixMe
+    let fromBundle: NamedBundle = {
+      filePath: '/user/dist/reformat.html',
+      name: 'reformat.html',
+      // $FlowFixMe
+      target: {
+        distDir: '/user/dist',
+        publicUrl: '/',
+      },
+    };
+
+    // $FlowFixMe
+    let toBundle: NamedBundle = {
+      filePath: '/user/dist/a:b:c.html',
+      name: 'a:b:c.html',
+      // $FlowFixMe
+      target: {
+        distDir: '/user/dist',
+        publicUrl: '/',
+      },
+    };
+
+    // $FlowFixMe
+    let dependency: Dependency = {
+      id: '074b36596e3147e900a8ad17ceb5c90b',
+      specifier: './a:b:c.html',
+      specifierType: 'esm',
+    };
+
+    let result = getURLReplacement({
+      dependency,
+      fromBundle,
+      toBundle,
+      relative: true,
+    });
+
+    assert.equal(result.to, './a:b:c.html');
+  });
+
+  it('should work with bundle names with colons, absolute', () => {
+    // $FlowFixMe
+    let fromBundle: NamedBundle = {
+      filePath: '/user/dist/reformat.html',
+      name: 'reformat.html',
+      // $FlowFixMe
+      target: {
+        distDir: '/user/dist',
+        publicUrl: '/',
+      },
+    };
+
+    // $FlowFixMe
+    let toBundle: NamedBundle = {
+      filePath: '/user/dist/a:b:c.html',
+      name: 'a:b:c.html',
+      // $FlowFixMe
+      target: {
+        distDir: '/user/dist',
+        publicUrl: '/',
+      },
+    };
+
+    // $FlowFixMe
+    let dependency: Dependency = {
+      id: '074b36596e3147e900a8ad17ceb5c90b',
+      specifier: './a:b:c.html',
+      specifierType: 'esm',
+    };
+
+    let result = getURLReplacement({
+      dependency,
+      fromBundle,
+      toBundle,
+      relative: false,
+    });
+
+    assert.equal(result.to, '/a:b:c.html');
+  });
+});

package/test/sourcemap.test.js

@@ -0,0 +1,207 @@
+import assert from 'assert';
+import {
+  matchSourceMappingURL,
+  loadSourceMapUrl,
+  loadSourceMap,
+} from '../src/sourcemap';
+import {NodeFS} from '@parcel/fs';
+import path from 'path';
+
+const fs = new NodeFS();
+
+describe('loadSourceMap', () => {
+  it('should not match sourceMappingURL when not at the end of the bundle', () => {
+    // Code example taken from livescript.js (issue #2408 in parcel-bundler)
+    // This snippet lead to JSAsset.js being mislead and incorrectly trying to
+    // load (due to false-positive match) sourcemap before fix was introduced
+    let code = fs.readFileSync(
+      path.join(__dirname, './input/sourcemap/no-sourcemap.js'),
+      'utf-8',
+    );
+
+    assert(!matchSourceMappingURL(code));
+  });
+
+  it('should match referenced-min sourceMappingURL when correctly inserted at end of the bundle', () => {
+    let code = fs.readFileSync(
+      path.join(__dirname, './input/sourcemap/referenced-min.js'),
+      'utf-8',
+    );
+
+    assert(!!matchSourceMappingURL(code));
+  });
+
+  it('should match inline sourceMappingURL when correctly inserted at end of the bundle', () => {
+    // inline source map taken from https://github.com/thlorenz/inline-source-map
+    let code = fs.readFileSync(
+      path.join(__dirname, './input/sourcemap/inline.js'),
+      'utf-8',
+    );
+
+    assert(!!matchSourceMappingURL(code));
+  });
+
+  it('Should be able to load sourcemap data from a url reference', async () => {
+    let filename = path.join(__dirname, './input/sourcemap/referenced-min.js');
+    let contents = fs.readFileSync(filename, 'utf-8');
+
+    let foundMap = await loadSourceMapUrl(fs, filename, contents);
+    assert.equal(foundMap.url, 'file://referenced-min.js.map');
+    assert.equal(
+      foundMap.filename,
+      path.join(__dirname, 'input/sourcemap/referenced-min.js.map'),
+    );
+    assert.deepEqual(foundMap.map, {
+      version: 3,
+      sources: ['./referenced.js'],
+      names: ['hello', 'l', 'o', 'console', 'log'],
+      mappings:
+        'AAAA,SAASA,QACP,IAAIC,EAAI,QACNC,EAAI,QACNC,QAAQC,IAAIH,EAAI,IAAMC,EAAI,KAE5BF',
+    });
+  });
+
+  it('Should be able to load sourcemap data from an inline url reference', async () => {
+    let filename = path.join(__dirname, './input/sourcemap/inline.js');
+    let contents = fs.readFileSync(filename, 'utf-8');
+
+    let foundMap = await loadSourceMapUrl(fs, filename, contents);
+    assert.equal(
+      foundMap.url,
+      'data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiIiwic291cmNlcyI6WyJmb28uanMiLCJiYXIuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O1VBQ0c7Ozs7Ozs7Ozs7Ozs7O3NCQ0RIO3NCQUNBIn0=',
+    );
+    assert.equal(foundMap.filename, filename);
+    assert.deepEqual(foundMap.map, {
+      version: 3,
+      file: '',
+      sources: ['foo.js', 'bar.js'],
+      names: [],
+      mappings: ';;;;;;;;;UACG;;;;;;;;;;;;;;sBCDH;sBACA',
+    });
+  });
+
+  it('Should be able to load a SourceMap instance from a file', async () => {
+    let filename = path.join(__dirname, './input/sourcemap/referenced-min.js');
+    let contents = fs.readFileSync(filename, 'utf-8');
+
+    let map = await loadSourceMap(filename, contents, {
+      fs,
+      projectRoot: __dirname,
+    });
+
+    assert(!!map);
+
+    let parsedMap = map.getMap();
+    assert.deepEqual(parsedMap.sources, ['input/sourcemap/referenced.js']);
+    assert.deepEqual(parsedMap.names, ['hello', 'l', 'o', 'console', 'log']);
+    assert.deepEqual(parsedMap.mappings, [
+      {
+        generated: {line: 1, column: 0},
+        original: {line: 1, column: 0},
+        source: 0,
+      },
+      {
+        generated: {line: 1, column: 9},
+        original: {line: 1, column: 9},
+        source: 0,
+        name: 0,
+      },
+      {
+        generated: {line: 1, column: 17},
+        original: {line: 2, column: 2},
+        source: 0,
+      },
+      {
+        generated: {line: 1, column: 21},
+        original: {line: 2, column: 6},
+        source: 0,
+        name: 1,
+      },
+      {
+        generated: {line: 1, column: 23},
+        original: {line: 2, column: 10},
+        source: 0,
+      },
+      {
+        generated: {line: 1, column: 31},
+        original: {line: 3, column: 4},
+        source: 0,
+        name: 2,
+      },
+      {
+        generated: {line: 1, column: 33},
+        original: {line: 3, column: 8},
+        source: 0,
+      },
+      {
+        generated: {line: 1, column: 41},
+        original: {line: 4, column: 2},
+        source: 0,
+        name: 3,
+      },
+      {
+        generated: {line: 1, column: 49},
+        original: {line: 4, column: 10},
+        source: 0,
+        name: 4,
+      },
+      {
+        generated: {line: 1, column: 53},
+        original: {line: 4, column: 14},
+        source: 0,
+        name: 1,
+      },
+      {
+        generated: {line: 1, column: 55},
+        original: {line: 4, column: 18},
+        source: 0,
+      },
+      {
+        generated: {line: 1, column: 59},
+        original: {line: 4, column: 24},
+        source: 0,
+        name: 2,
+      },
+      {
+        generated: {line: 1, column: 61},
+        original: {line: 4, column: 28},
+        source: 0,
+      },
+      {
+        generated: {line: 1, column: 66},
+        original: {line: 6, column: 0},
+        source: 0,
+        name: 0,
+      },
+    ]);
+  });
+
+  it('Should remap sources when using sourceRoot', async () => {
+    let filename = path.join(__dirname, './input/sourcemap/referenced-min.js');
+    let contents = fs.readFileSync(filename, 'utf-8');
+
+    let map = await loadSourceMap(filename, contents, {
+      fs,
+      projectRoot: __dirname,
+    });
+
+    assert(!!map);
+
+    let parsedMap = map.getMap();
+    assert.deepEqual(parsedMap.sources, ['input/sourcemap/referenced.js']);
+  });
+
+  it('Should remap sources when using sourceRoot', async () => {
+    let filename = path.join(__dirname, './input/sourcemap/source-root.js');
+    let contents = fs.readFileSync(filename, 'utf-8');
+
+    let map = await loadSourceMap(filename, contents, {
+      fs,
+      projectRoot: __dirname,
+    });
+
+    assert(!!map);
+
+    let parsedMap = map.getMap();
+    assert.deepEqual(parsedMap.sources, ['input/source.js']);
+  });
+});

package/test/throttle.test.js

@@ -1,7 +1,6 @@
 // @flow strict-local
 
 import assert from 'assert';
-// $FlowFixMe
 import sinon from 'sinon';
 import throttle from '../src/throttle';
 
@@ -35,7 +34,7 @@ describe('throttle', () => {
 
   it('preserves the `this` when throttled functions are invoked', () => {
     let result;
-    let throttled = throttle(function() {
+    let throttled = throttle(function () {
       result = this.bar;
     }, 100);
 

package/test/urlJoin.test.js

@@ -0,0 +1,37 @@
+// @flow strict-local
+
+import assert from 'assert';
+import urlJoin from '../src/urlJoin';
+
+describe('urlJoin', () => {
+  it('Should join two paths', () => {
+    let joinedUrl = urlJoin('/', './image.jpeg?test=test');
+    assert.equal(joinedUrl, '/image.jpeg?test=test');
+  });
+
+  it('Should join two paths with longer publicUrl', () => {
+    let joinedUrl = urlJoin('/static', './image.jpeg?test=test');
+    assert.equal(joinedUrl, '/static/image.jpeg?test=test');
+  });
+
+  it('Should join two paths with longer publicUrl', () => {
+    let joinedUrl = urlJoin('/static', 'image.jpeg?test=test');
+    assert.equal(joinedUrl, '/static/image.jpeg?test=test');
+  });
+
+  it('Should turn windows path into posix', () => {
+    let joinedUrl = urlJoin('/static', '.\\image.jpeg?test=test');
+    assert.equal(joinedUrl, '/static/image.jpeg?test=test');
+  });
+
+  it('should support paths with colons', () => {
+    let joinedUrl = urlJoin('/static', 'a:b:c.html');
+    assert.equal(joinedUrl, '/static/a:b:c.html');
+
+    joinedUrl = urlJoin('/static', '/a:b:c.html');
+    assert.equal(joinedUrl, '/static/a:b:c.html');
+
+    joinedUrl = urlJoin('/static', './a:b:c.html');
+    assert.equal(joinedUrl, '/static/a:b:c.html');
+  });
+});

package/lib/DefaultMap.js

@@ -1,64 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DefaultWeakMap = exports.DefaultMap = void 0;
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-class DefaultMap extends Map {
-  constructor(getDefault, entries) {
-    super(entries);
-
-    _defineProperty(this, "_getDefault", void 0);
-
-    this._getDefault = getDefault;
-  }
-
-  get(key) {
-    let ret;
-
-    if (this.has(key)) {
-      ret = super.get(key);
-    } else {
-      ret = this._getDefault(key);
-      this.set(key, ret);
-    } // $FlowFixMe
-
-
-    return ret;
-  }
-
-} // Duplicated from DefaultMap implementation for Flow
-// Roughly mirrors https://github.com/facebook/flow/blob/2eb5a78d92c167117ba9caae070afd2b9f598599/lib/core.js#L617
-
-
-exports.DefaultMap = DefaultMap;
-
-class DefaultWeakMap extends WeakMap {
-  constructor(getDefault, entries) {
-    super(entries);
-
-    _defineProperty(this, "_getDefault", void 0);
-
-    this._getDefault = getDefault;
-  }
-
-  get(key) {
-    let ret;
-
-    if (this.has(key)) {
-      ret = super.get(key);
-    } else {
-      ret = this._getDefault(key);
-      this.set(key, ret);
-    } // $FlowFixMe
-
-
-    return ret;
-  }
-
-}
-
-exports.DefaultWeakMap = DefaultWeakMap;

package/lib/Deferred.js

@@ -1,26 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.makeDeferredWithPromise = makeDeferredWithPromise;
-
-var _assert = _interopRequireDefault(require("assert"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function makeDeferredWithPromise() {
-  let deferred;
-  let promise = new Promise((resolve, reject) => {
-    deferred = {
-      resolve,
-      reject
-    };
-  }); // Promise constructor callback executes synchronously, so this is defined
-
-  (0, _assert.default)(deferred != null);
-  return {
-    deferred,
-    promise
-  };
-}