@parcel/utils 2.0.0-nightly.92 → 2.0.0-nightly.926

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/generateBundleReport.js

@@ -1,38 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = generateBundleReport;
-
-var _nullthrows = _interopRequireDefault(require("nullthrows"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function generateBundleReport(bundleGraph, largestAssetCount = 10) {
-  let bundles = [];
-  bundleGraph.traverseBundles(bundle => {
-    bundles.push(bundle);
-  });
-  bundles.sort((a, b) => b.stats.size - a.stats.size);
-  return {
-    bundles: bundles.map(bundle => {
-      let assets = [];
-      bundle.traverseAssets(asset => {
-        assets.push(asset);
-      });
-      assets.sort((a, b) => b.stats.size - a.stats.size);
-      return {
-        filePath: (0, _nullthrows.default)(bundle.filePath),
-        size: bundle.stats.size,
-        time: bundle.stats.time,
-        largestAssets: assets.slice(0, largestAssetCount).map(asset => ({
-          filePath: asset.filePath,
-          size: asset.stats.size,
-          time: asset.stats.time
-        })),
-        totalAssets: assets.length
-      };
-    })
-  };
-}

package/lib/loadSourceMapUrl.js

@@ -1,33 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.matchSourceMappingURL = matchSourceMappingURL;
-exports.default = loadSourceMapUrl;
-
-var _path = _interopRequireDefault(require("path"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const SOURCEMAP_RE = /(?:\/\*|\/\/)\s*[@#]\s*sourceMappingURL\s*=\s*([^\s*]+)(?:\s*\*\/)?\s*$/;
-const DATA_URL_RE = /^data:[^;]+(?:;charset=[^;]+)?;base64,(.*)/;
-
-function matchSourceMappingURL(contents) {
-  return contents.match(SOURCEMAP_RE);
-}
-
-async function loadSourceMapUrl(fs, filename, contents) {
-  let match = matchSourceMappingURL(contents);
-
-  if (match) {
-    let url = match[1].trim();
-    let dataURLMatch = url.match(DATA_URL_RE);
-    filename = dataURLMatch ? filename : _path.default.join(_path.default.dirname(filename), url);
-    return {
-      url,
-      filename,
-      map: JSON.parse(dataURLMatch ? Buffer.from(dataURLMatch[1], 'base64').toString() : await fs.readFile(filename, 'utf8'))
-    };
-  }
-}

package/lib/md5.js

@@ -1,35 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.md5FromString = md5FromString;
-exports.md5FromReadableStream = md5FromReadableStream;
-exports.md5FromObject = md5FromObject;
-exports.md5FromFilePath = md5FromFilePath;
-
-var _crypto = _interopRequireDefault(require("crypto"));
-
-var _collection = require("./collection");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function md5FromString(string, encoding = 'hex') {
-  return _crypto.default.createHash('md5').update(string).digest(encoding);
-}
-
-function md5FromReadableStream(stream) {
-  return new Promise((resolve, reject) => {
-    stream.pipe(_crypto.default.createHash('md5').setEncoding('hex')).on('finish', function () {
-      resolve(this.read());
-    }).on('error', reject);
-  });
-}
-
-function md5FromObject(obj, encoding = 'hex') {
-  return md5FromString(JSON.stringify((0, _collection.objectSortedEntriesDeep)(obj)), encoding);
-}
-
-function md5FromFilePath(fs, filePath) {
-  return md5FromReadableStream(fs.createReadStream(filePath));
-}

package/lib/prettyError.js

@@ -1,43 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = prettyError;
-
-function prettyError(err, opts = {}) {
-  if (typeof err === 'string') {
-    return {
-      message: err
-    };
-  }
-
-  let message = err.message;
-
-  if (!message) {
-    message = 'Unknown error';
-  }
-
-  if (err.fileName != null) {
-    let fileName = err.fileName;
-
-    if (err.loc) {
-      fileName += `:${err.loc.line}:${err.loc.column}`;
-    }
-
-    message = `${fileName}: ${message}`;
-  }
-
-  let stack;
-
-  if (err.codeFrame != null && err.codeFrame !== '') {
-    stack = opts.color === true && err.highlightedCodeFrame || err.codeFrame;
-  } else if (err.stack) {
-    stack = err.stack.slice(err.stack.indexOf('\n') + 1);
-  }
-
-  return {
-    message,
-    stack
-  };
-}

package/lib/promisify.js

@@ -1,13 +0,0 @@
-"use strict";
-
-module.exports = function (fn) {
-  return function (...args) {
-    return new Promise(function (resolve, reject) {
-      fn(...args, function (err, ...res) {
-        if (err) return reject(err);
-        if (res.length === 1) return resolve(res[0]);
-        resolve(res);
-      });
-    });
-  };
-};