@atlaspack/reporter-dev-server 2.12.1-dev.3450 → 2.12.1-dev.3460

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaspack/reporter-dev-server",
-  "version": "2.12.1-dev.3450+58845ef87",
+  "version": "2.12.1-dev.3460+340817991",
   "description": "Blazing fast, zero configuration web application bundler",
   "license": "(MIT OR Apache-2.0)",
   "publishConfig": {
@@ -14,7 +14,7 @@
   "source": "src/ServerReporter.js",
   "engines": {
     "node": ">= 16.0.0",
-    "parcel": "^2.12.1-dev.3450+58845ef87"
+    "parcel": "^2.12.1-dev.3460+340817991"
   },
   "targets": {
     "main": {
@@ -25,12 +25,12 @@
     }
   },
   "dependencies": {
-    "@atlaspack/plugin": "2.12.1-dev.3450+58845ef87",
-    "@atlaspack/utils": "2.12.1-dev.3450+58845ef87"
+    "@atlaspack/plugin": "2.12.1-dev.3460+340817991",
+    "@atlaspack/utils": "2.12.1-dev.3460+340817991"
   },
   "devDependencies": {
     "@atlaspack/babel-preset": "2.12.0",
-    "@atlaspack/types": "2.12.1-dev.3450+58845ef87",
+    "@atlaspack/types": "2.12.1-dev.3460+340817991",
     "connect": "^3.7.0",
     "ejs": "^3.1.6",
     "fresh": "^0.5.2",
@@ -41,5 +41,5 @@
     "serve-handler": "^6.0.0",
     "ws": "^7.0.0"
   },
-  "gitHead": "58845ef87446fcedb7d7d8876440c64184645cbb"
+  "gitHead": "3408179911d6c67e2bdad99e545dd7a0a9a6782c"
 }

package/src/HMRServer.js

@@ -95,14 +95,14 @@ export default class HMRServer {
     }
     this.wss = new WebSocket.Server({server});
 
-    this.wss.on('connection', ws => {
+    this.wss.on('connection', (ws) => {
       if (this.unresolvedError) {
         ws.send(JSON.stringify(this.unresolvedError));
       }
     });
 
     // $FlowFixMe[incompatible-exact]
-    this.wss.on('error', err => this.handleSocketError(err));
+    this.wss.on('error', (err) => this.handleSocketError(err));
   }
 
   handle(req: Request, res: Response): boolean {
@@ -111,7 +111,7 @@ export default class HMRServer {
       let id = pathname.slice(HMR_ENDPOINT.length + 1);
       let bundleGraph = nullthrows(this.bundleGraph);
       let asset = bundleGraph.getAssetById(id);
-      this.getHotAssetContents(asset).then(output => {
+      this.getHotAssetContents(asset).then((output) => {
         res.setHeader('Content-Type', mime.contentType(asset.type));
         res.end(output);
       });
@@ -130,7 +130,7 @@ export default class HMRServer {
 
   async emitError(options: PluginOptions, diagnostics: Array<Diagnostic>) {
     let renderedDiagnostics = await Promise.all(
-      diagnostics.map(d => prettyDiagnostic(d, options)),
+      diagnostics.map((d) => prettyDiagnostic(d, options)),
     );
 
     // store the most recent error so we can notify new connections
@@ -143,11 +143,11 @@ export default class HMRServer {
           return {
             message: ansiHtml(d.message),
             stack: ansiHtml(d.stack),
-            frames: d.frames.map(f => ({
+            frames: d.frames.map((f) => ({
               location: f.location,
               code: ansiHtml(f.code),
             })),
-            hints: d.hints.map(hint => ansiHtml(hint)),
+            hints: d.hints.map((hint) => ansiHtml(hint)),
             documentation: diagnostics[i].documentationURL ?? '',
           };
         }),
@@ -176,7 +176,7 @@ export default class HMRServer {
         // have a cache busting query param added with HMR enabled which will trigger a reload.
         let runtimes = new Set();
         let incomingDeps = event.bundleGraph.getIncomingDependencies(asset);
-        let isOnlyReferencedByRuntimes = incomingDeps.every(dep => {
+        let isOnlyReferencedByRuntimes = incomingDeps.every((dep) => {
           let resolved = event.bundleGraph.getResolvedAsset(dep);
           let isRuntime = resolved?.type === 'js' && resolved !== asset;
           if (resolved && isRuntime) {

package/src/Server.js

@@ -118,17 +118,17 @@ export default class Server {
   async buildError(options: PluginOptions, diagnostics: Array<Diagnostic>) {
     this.pending = false;
     this.errors = await Promise.all(
-      diagnostics.map(async d => {
+      diagnostics.map(async (d) => {
         let ansiDiagnostic = await prettyDiagnostic(d, options);
 
         return {
           message: ansiHtml(ansiDiagnostic.message),
           stack: ansiDiagnostic.stack ? ansiHtml(ansiDiagnostic.stack) : null,
-          frames: ansiDiagnostic.frames.map(f => ({
+          frames: ansiDiagnostic.frames.map((f) => ({
             location: f.location,
             code: ansiHtml(f.code),
           })),
-          hints: ansiDiagnostic.hints.map(hint => ansiHtml(hint)),
+          hints: ansiDiagnostic.hints.map((hint) => ansiHtml(hint)),
           documentation: d.documentationURL ?? '',
         };
       }),
@@ -136,7 +136,7 @@ export default class Server {
   }
 
   respond(req: Request, res: Response): mixed {
-    if (this.middleware.some(handler => handler(req, res))) return;
+    if (this.middleware.some((handler) => handler(req, res))) return;
     let {pathname, search} = url.parse(req.originalUrl || req.url);
     if (pathname == null) {
       pathname = '/';
@@ -186,8 +186,8 @@ export default class Server {
       // If the main asset is an HTML file, serve it
       let htmlBundleFilePaths = this.bundleGraph
         .getBundles()
-        .filter(bundle => path.posix.extname(bundle.name) === '.html')
-        .map(bundle => {
+        .filter((bundle) => path.posix.extname(bundle.name) === '.html')
+        .map((bundle) => {
           return `/${relativePath(
             this.options.distDir,
             bundle.filePath,
@@ -270,7 +270,7 @@ export default class Server {
       let bundle = bundleGraph
         .getBundles()
         .find(
-          b =>
+          (b) =>
             path.relative(this.options.distDir, b.filePath) === requestedPath,
         );
       if (!bundle) {
@@ -370,10 +370,10 @@ export default class Server {
         cleanUrls: false,
       },
       {
-        lstat: path => fs.stat(path),
-        realpath: path => fs.realpath(path),
+        lstat: (path) => fs.stat(path),
+        realpath: (path) => fs.realpath(path),
         createReadStream: (path, options) => fs.createReadStream(path, options),
-        readdir: path => fs.readdir(path),
+        readdir: (path) => fs.readdir(path),
       },
     );
   }
@@ -521,7 +521,7 @@ export default class Server {
 
     server.listen(this.options.port, this.options.host);
     return new Promise((resolve, reject) => {
-      server.once('error', err => {
+      server.once('error', (err) => {
         this.options.logger.error(
           ({
             message: serverErrors(err, this.options.port),

package/src/ServerReporter.js

@@ -47,7 +47,7 @@ export default (new Reporter({
               port: serveOptions.port,
               host: hmrOptions.host,
               devServer,
-              addMiddleware: handler => {
+              addMiddleware: (handler) => {
                 server?.middleware.push(handler);
               },
               logger,

package/src/templates/500.html

@@ -74,18 +74,26 @@
     <% errors.forEach(function(error){ %>
     <h2 class="error-message"><%- error.message %></h2>
 
-    <div class="error-stack-trace"><% if (error.frames?.length) { %><% error.frames.forEach(function(frame){ %><a href="/__parcel_launch_editor?file=<%- encodeURIComponent(frame.location) %>" style="text-decoration: underline; color: #888" onclick="fetch(this.href); return false"><%- frame.location %></a>
-<%- frame.code %><% }); %><% } else { %><%- error.stack %><% } %></div>
+    <div class="error-stack-trace">
+      <% if (error.frames?.length) { %><% error.frames.forEach(function(frame){
+      %><a
+        href="/__parcel_launch_editor?file=<%- encodeURIComponent(frame.location) %>"
+        style="text-decoration: underline; color: #888"
+        onclick="fetch(this.href); return false"
+        ><%- frame.location %></a
+      >
+      <%- frame.code %><% }); %><% } else { %><%- error.stack %><% } %>
+    </div>
     <ul class="error-hints-container">
       <% error.hints.forEach(function(hint){ %>
       <li class="error-hint"><%- hint %></li>
       <% }); %>
     </ul>
     <% if (error.documentation) { %>
-    <div class="documentation">📝 <a href="<%- error.documentation %>" target="_blank">Learn more</a></div>
-    <% } %>
-    <% }); %>
-    <% if (hmrOptions) { %>
+    <div class="documentation">
+      📝 <a href="<%- error.documentation %>" target="_blank">Learn more</a>
+    </div>
+    <% } %> <% }); %> <% if (hmrOptions) { %>
     <script>
       // Reload the page when an HMR update occurs.
       var protocol =