@atlaspack/query 2.14.5-canary.36 → 2.14.5-canary.360

package/src/{cli.js → cli.ts}

@@ -1,4 +1,3 @@
-// @flow strict-local
 /* eslint-disable no-console, monorepo/no-internal-import */
 import type {ContentGraph, ContentKey, NodeId} from '@atlaspack/graph';
 import type {BundleGraphEdgeType} from '@atlaspack/core/src/BundleGraph';
@@ -11,7 +10,6 @@ import os from 'os';
 import nullthrows from 'nullthrows';
 import invariant from 'assert';
 import {serialize} from 'v8';
-// $FlowFixMe
 import {table} from 'table';
 
 import {loadGraphs} from './index';
@@ -33,7 +31,7 @@ export async function run(input: string[]) {
 
   try {
     fs.accessSync(cacheDir);
-  } catch (e) {
+  } catch (e: any) {
     console.error("Can't find cache dir", cacheDir);
     process.exit(1);
   }
@@ -85,7 +83,7 @@ export async function run(input: string[]) {
   }
 
   function parseAssetLocator(v: string) {
-    let id: ?string = null;
+    let id: string | null | undefined = null;
     if (v.length === 16) {
       id = v;
     } else {
@@ -138,7 +136,7 @@ export async function run(input: string[]) {
   }
 
   function getAsset(v: string) {
-    let id: ?string = parseAssetLocator(v);
+    let id: string | null | undefined = parseAssetLocator(v);
 
     if (id == null) {
       console.log(null);
@@ -151,7 +149,7 @@ export async function run(input: string[]) {
         let asset = bundleGraph.getAssetById(id);
         console.log('Public id', bundleGraph.getAssetPublicId(asset));
         console.log(asset);
-      } catch (e) {
+      } catch (e: any) {
         if (!hasAssetGraph()) {
           return;
         }
@@ -192,7 +190,7 @@ export async function run(input: string[]) {
             bundleGraph.getAssetById(node.id),
           )} ${fromProjectPathRelative(node.value.filePath)}`,
         );
-      } catch (e) {
+      } catch (e: any) {
         console.log(fromProjectPathRelative(node.value.filePath));
       }
     }
@@ -246,7 +244,7 @@ export async function run(input: string[]) {
           bundleGraph.getAssetById(asset.id),
         )} ${fromProjectPathRelative(asset.value.filePath)}`,
       );
-    } catch (e) {
+    } catch (e: any) {
       console.log(fromProjectPathRelative(asset.value.filePath));
     }
     if (binding === 'export' && asset.value.symbols) {
@@ -262,7 +260,7 @@ export async function run(input: string[]) {
                     bundleGraph.getAssetById(locAsset.id),
                   )} ${fromProjectPathRelative(locAsset.value.filePath)}`,
                 );
-              } catch (e) {
+              } catch (e: any) {
                 console.log(
                   `imported as ${symbolName} from ${fromProjectPathRelative(
                     locAsset.value.filePath,
@@ -311,12 +309,12 @@ export async function run(input: string[]) {
       this.label = label;
       this.suffix = suffix;
     }
-    add(v: T, label: string | void, suffix: string | void): Paths<T> {
+    add(v: T, label?: string, suffix?: string): Paths<T> {
       let next = new Paths(v, label, suffix);
       this.children.push(next);
       return next;
     }
-    print(format: (T) => string, prefix = '') {
+    print(format: (arg1: T) => string, prefix = '') {
       console.log(
         `${prefix}${this.label} ${format(this.value)} ${this.suffix}`,
       );
@@ -335,7 +333,14 @@ export async function run(input: string[]) {
     let asset = nullthrows(parseAssetLocator(v), 'Asset not found');
 
     let paths = new Paths<NodeId>(graph.getNodeIdByContentKey(asset), ' ');
-    let cb = (id, ctx, revisiting) => {
+    let cb = (
+      id: NodeId,
+      ctx: {
+        lazyOutgoing: boolean;
+        paths: Paths<NodeId>;
+      },
+      revisiting: boolean,
+    ) => {
       let {paths, lazyOutgoing} = ctx;
       let node = nullthrows(graph.getNode(id));
       if (node.id === asset) return ctx;
@@ -356,7 +361,13 @@ export async function run(input: string[]) {
 
     // like graph.dfs, but revisiting nodes and skipping its children
     let seen = new Set();
-    function walk(id, ctx) {
+    function walk(
+      id: NodeId,
+      ctx: {
+        lazyOutgoing: boolean;
+        paths: Paths<NodeId>;
+      },
+    ) {
       let revisiting = seen.has(id);
       let newCtx = cb(id, ctx, revisiting);
       if (revisiting) return;
@@ -434,7 +445,7 @@ export async function run(input: string[]) {
   }
 
   // eslint-disable-next-line no-unused-vars
-  function getBundles(_) {
+  function getBundles(_: any) {
     if (!hasBundleGraph()) {
       return;
     }
@@ -549,6 +560,7 @@ export async function run(input: string[]) {
       'Node is not a bundle, but a ' + node.type,
     );
 
+    // @ts-expect-error TS7006
     bundleGraph.traverseAssets(node.value, (asset) => {
       console.log(asset.id, asset.filePath);
     });
@@ -568,6 +580,7 @@ export async function run(input: string[]) {
       'Node is not a bundle, but a ' + node.type,
     );
 
+    // @ts-expect-error TS7006
     bundleGraph.traverseBundle(node.value, (node) => {
       if (node.type === 'asset') {
         console.log(node.id, node.value.filePath);
@@ -667,6 +680,7 @@ export async function run(input: string[]) {
       assetNodeId,
     )) {
       if (
+        // @ts-expect-error TS7006
         referencingBundles.some((ref) =>
           bundleGraph._graph.hasEdge(
             bundleGraph._graph.getNodeIdByContentKey(ref.id),
@@ -680,22 +694,33 @@ export async function run(input: string[]) {
     }
   }
 
-  function _getIncomingNodeOfType(bundleGraph, node, type: string) {
+  function _getIncomingNodeOfType(
+    // @ts-expect-error TS2304
+    bundleGraph: BundleGraph,
+    // @ts-expect-error TS7006
+    node,
+    type: string,
+  ) {
     if (!hasBundleGraph()) {
       return;
     }
     invariant(bundleGraph != null);
     const bundleGraphNodeId = bundleGraph._graph.getNodeIdByContentKey(node.id);
-    return bundleGraph._graph
-      .getNodeIdsConnectedTo(bundleGraphNodeId, -1)
-      .map((id) => nullthrows(bundleGraph._graph.getNode(id)))
-      .find((node) => node.type == type);
+    return (
+      bundleGraph._graph
+        .getNodeIdsConnectedTo(bundleGraphNodeId, -1)
+        // @ts-expect-error TS7006
+        .map((id) => nullthrows(bundleGraph._graph.getNode(id)))
+        // @ts-expect-error TS7006
+        .find((node) => node.type == type)
+    );
   }
 
   // We find the priority of a Bundle or BundleGroup by looking at its incoming dependencies.
   // If a Bundle does not have an incoming dependency, we look for an incoming BundleGroup and its dependency
   // e.g. Dep(priority = 1) -> BundleGroup -> Bundle means that the Bundle has priority 1.
-  function _getBundlePriority(bundleGraph, bundle) {
+  // @ts-expect-error TS2304
+  function _getBundlePriority(bundleGraph: BundleGraph, bundle: BundleNode) {
     if (!hasBundleGraph()) {
       return;
     }
@@ -715,7 +740,8 @@ export async function run(input: string[]) {
     return node.value.priority;
   }
 
-  function _findEntryBundle(bundleGraph, node) {
+  // @ts-expect-error TS2304
+  function _findEntryBundle(bundleGraph: BundleGraph, node: BundleNode) {
     if (!hasBundleGraph()) {
       return;
     }
@@ -723,8 +749,10 @@ export async function run(input: string[]) {
     const bundleGraphNodeId = bundleGraph._graph.getNodeIdByContentKey(node.id);
     const entryBundleGroup = bundleGraph._graph
       .getNodeIdsConnectedTo(bundleGraphNodeId, -1)
+      // @ts-expect-error TS7006
       .map((id) => nullthrows(bundleGraph._graph.getNode(id)))
       .find(
+        // @ts-expect-error TS7006
         (node) =>
           node.type === 'bundle_group' &&
           bundleGraph.isEntryBundleGroup(node.value),
@@ -733,7 +761,7 @@ export async function run(input: string[]) {
     return entryBundleGroup;
   }
   // eslint-disable-next-line no-unused-vars
-  function inspectCache(_) {
+  function inspectCache(_: any) {
     // displays sizing of various entries of the cache
     let table: Array<Array<string | number>> = [];
     table.push([
@@ -767,6 +795,7 @@ export async function run(input: string[]) {
       column.shift();
       invariant(column != null);
       return column.reduce(
+        // @ts-expect-error TS2365
         (accumulator, currentValue) => accumulator + currentValue,
         initialValue,
       );
@@ -780,13 +809,19 @@ export async function run(input: string[]) {
     _printStatsTable('Cache Info', table);
   }
 
-  function timeSerialize(graph) {
+  function timeSerialize(
+    // @ts-expect-error TS2304
+    graph: AssetGraph | null | undefined | BundleGraph | RequestTracker,
+  ) {
     let date = Date.now();
     serialize(graph);
     date = Date.now() - date;
     return date;
   }
-  function _printStatsTable(header, data) {
+  function _printStatsTable(
+    header: string,
+    data: Array<Array<string | number>> | Array<[string, unknown]>,
+  ) {
     const config = {
       columnDefault: {
         width: 18,
@@ -795,13 +830,13 @@ export async function run(input: string[]) {
         alignment: 'center',
         content: header,
       },
-    };
+    } as const;
 
     console.log(table(data, config));
   }
 
   // eslint-disable-next-line no-unused-vars
-  function stats(_) {
+  function stats(_: any) {
     let ag = {
       asset: 0,
       dependency: 0,
@@ -812,7 +847,7 @@ export async function run(input: string[]) {
       invariant(assetGraph != null);
       for (let n of assetGraph.nodes) {
         if (n && n.type in ag) {
-          // $FlowFixMe
+          // @ts-expect-error TS7053
           ag[n.type]++;
         }
       }
@@ -839,7 +874,7 @@ export async function run(input: string[]) {
       sync: 0,
     };
 
-    let b_ext = {};
+    let b_ext: Record<string, any> = {};
 
     const entries = new Set();
 
@@ -849,10 +884,8 @@ export async function run(input: string[]) {
       } else if (n?.type === 'bundle') {
         bg.bundle++;
 
-        // $FlowFixMe
         b_ext[n.value.type] = (b_ext[n.value.type] || 0) + 1;
 
-        // $FlowFixMe
         const entry_group = _findEntryBundle(bundleGraph, n);
 
         if (entry_group != null && !entries.has(entry_group.id)) {
@@ -874,7 +907,6 @@ export async function run(input: string[]) {
         }
       } else if (n?.type === 'asset') {
         if (
-          // $FlowFixMe
           fromProjectPathRelative(n.value.filePath).includes('node_modules')
         ) {
           bg.asset_node_modules++;
@@ -899,6 +931,7 @@ export async function run(input: string[]) {
 
     let sum_b_type = 0;
     for (let k in b_type) {
+      // @ts-expect-error TS7053
       sum_b_type += b_type[k];
     }
 
@@ -929,19 +962,14 @@ export async function run(input: string[]) {
     });
 
     const server = repl.start({useColors: true, useGlobal: true});
-    // $FlowFixMe[prop-missing]
     server.setupHistory(
       path.join(os.homedir(), '.parcel_query_history'),
       () => {},
     );
 
-    // $FlowFixMe[prop-missing]
     server.context.bundleGraph = bundleGraph;
-    // $FlowFixMe[prop-missing]
     server.context.assetGraph = assetGraph;
-    // $FlowFixMe[prop-missing]
     server.context.requestTracker = requestTracker;
-    // $FlowFixMe[prop-missing]
     server.context.cacheInfo = cacheInfo;
     for (let [name, cmd] of new Map([
       [
@@ -1060,6 +1088,7 @@ export async function run(input: string[]) {
         'findBundleReason',
         {
           help: 'args: <bundle> <asset>. Why is the asset in the bundle',
+          // @ts-expect-error TS2556
           action: (v) => findBundleReason(...v.split(' ')),
         },
       ],
@@ -1106,16 +1135,11 @@ export async function run(input: string[]) {
         },
       ],
     ])) {
-      // $FlowFixMe
       server.context[name] = cmd.action;
-      // $FlowFixMe
       server.defineCommand(name, {
-        // $FlowFixMe
         help: '📦 ' + cmd.help,
         action: (v) => {
-          // $FlowFixMe
           server.clearBufferedCommand();
-          // $FlowFixMe
           try {
             cmd.action(v);
           } finally {

package/src/{deep-imports.js → deep-imports.ts}

@@ -1,34 +1,28 @@
-// @flow
 /* eslint-disable monorepo/no-internal-import */
-import typeof AssetGraph from '@atlaspack/core/src/AssetGraph';
-import typeof BundleGraph, {
+import AssetGraph from '@atlaspack/core/src/AssetGraph';
+import BundleGraph, {
   bundleGraphEdgeTypes,
 } from '@atlaspack/core/src/BundleGraph';
-import typeof RequestTracker, {
+import RequestTracker, {
   RequestGraph,
   readAndDeserializeRequestGraph,
 } from '@atlaspack/core/src/RequestTracker';
-import typeof {requestGraphEdgeTypes} from '@atlaspack/core/src/RequestTracker';
-import typeof {LMDBLiteCache} from '@atlaspack/cache/src/LMDBLiteCache';
-import typeof {Priority} from '@atlaspack/core/src/types';
-import typeof {fromProjectPathRelative} from '@atlaspack/core/src/projectPath';
+import {requestGraphEdgeTypes} from '@atlaspack/core/src/RequestTracker';
+import {LMDBLiteCache} from '@atlaspack/cache/src/LMDBLiteCache';
+import {Priority} from '@atlaspack/core/src/types';
+import {fromProjectPathRelative} from '@atlaspack/core/src/projectPath';
 
 const v =
-  process.env.ATLASPACK_BUILD_ENV === 'production'
+  process.env.ATLASPACK_BUILD_ENV === 'production' ||
+  process.env.ATLASPACK_REGISTER_USE_SRC !== 'true'
     ? {
         // Split up require specifier to outsmart packages/dev/babel-register/babel-plugin-module-translate.js
-        // $FlowFixMe(unsupported-syntax)
         AssetGraph: require('@atlaspack/core' + '/lib/AssetGraph').default,
-        // $FlowFixMe(unsupported-syntax)
         BundleGraph: require('@atlaspack/core' + '/lib/BundleGraph'),
-        // $FlowFixMe(unsupported-syntax)
         RequestTracker: require('@atlaspack/core' + '/lib/RequestTracker'),
-        // $FlowFixMe(unsupported-syntax)
         LMDBLiteCache: require('@atlaspack/cache' + '/lib/LMDBLiteCache')
           .LMDBLiteCache,
-        // $FlowFixMe(unsupported-syntax)
         Priority: require('@atlaspack/core' + '/lib/types').Priority,
-        // $FlowFixMe(unsupported-syntax)
         fromProjectPathRelative: require('@atlaspack/core' + '/lib/projectPath')
           .fromProjectPathRelative,
       }
@@ -43,21 +37,24 @@ const v =
           .fromProjectPathRelative,
       };
 
-module.exports = (v: {|
-  AssetGraph: AssetGraph,
+module.exports = v as {
+  AssetGraph: AssetGraph;
   BundleGraph: {
-    default: BundleGraph,
-    bundleGraphEdgeTypes: bundleGraphEdgeTypes,
-    ...
-  },
+    default: BundleGraph;
+    // @ts-expect-error TS2749
+    bundleGraphEdgeTypes: bundleGraphEdgeTypes;
+  };
   RequestTracker: {
-    default: RequestTracker,
-    readAndDeserializeRequestGraph: readAndDeserializeRequestGraph,
-    RequestGraph: RequestGraph,
-    requestGraphEdgeTypes: requestGraphEdgeTypes,
-    ...
-  },
-  LMDBLiteCache: LMDBLiteCache,
-  Priority: Priority,
-  fromProjectPathRelative: fromProjectPathRelative,
-|});
+    default: RequestTracker;
+    // @ts-expect-error TS2749
+    readAndDeserializeRequestGraph: readAndDeserializeRequestGraph;
+    RequestGraph: RequestGraph;
+    // @ts-expect-error TS2749
+    requestGraphEdgeTypes: requestGraphEdgeTypes;
+  };
+  LMDBLiteCache: LMDBLiteCache;
+  // @ts-expect-error TS2749
+  Priority: Priority;
+  // @ts-expect-error TS2749
+  fromProjectPathRelative: fromProjectPathRelative;
+};

package/src/{index.js → index.ts}

@@ -1,10 +1,7 @@
-// @flow strict-local
 /* eslint-disable no-console, monorepo/no-internal-import */
 import type {ContentKey, NodeId} from '@atlaspack/graph';
 import type {PackagedBundleInfo} from '@atlaspack/core/src/types';
 
-import fs from 'fs';
-import path from 'path';
 import v8 from 'v8';
 import nullthrows from 'nullthrows';
 import invariant from 'assert';
@@ -18,98 +15,86 @@ const {
     requestGraphEdgeTypes,
   },
   LMDBLiteCache,
-} = require('./deep-imports.js');
-
-export async function loadGraphs(cacheDir: string): Promise<{|
-  assetGraph: ?AssetGraph,
-  bundleGraph: ?BundleGraph,
-  requestTracker: ?RequestTracker,
-  bundleInfo: ?Map<ContentKey, PackagedBundleInfo>,
-  cacheInfo: ?Map<string, Array<string | number>>,
-|}> {
-  function getMostRecentCacheBlobs() {
-    let files = fs.readdirSync(cacheDir);
-
-    let result = {};
-
-    let blobsToFind: Array<{|
-      name: string,
-      check: (v: string) => boolean,
-      mtime?: Date,
-    |}> = [
-      {
-        name: 'requestGraphBlob',
-        check: (basename) =>
-          basename.startsWith('requestGraph-') &&
-          !basename.startsWith('requestGraph-nodes'),
-      },
-      {
-        name: 'bundleGraphBlob',
-        check: (basename) => basename.endsWith('BundleGraph-0'),
-      },
-      {
-        name: 'assetGraphBlob',
-        check: (basename) => basename.endsWith('AssetGraph-0'),
-      },
-    ];
-
-    for (let file of files) {
-      let basename = path.basename(file);
-      let match = blobsToFind.find(({check}) => check(basename));
-
-      if (match) {
-        let stat = fs.statSync(path.join(cacheDir, file));
-
-        if (!match.mtime || stat.mtime > match.mtime) {
-          match.mtime = stat.mtime;
-          result[match.name] = file;
-        }
-      }
+} = process.env.ATLASPACK_REGISTER_USE_SRC === 'true'
+  ? require('./deep-imports.ts')
+  : require('./deep-imports.js');
+
+export async function loadGraphs(cacheDir: string): Promise<{
+  // @ts-expect-error TS2749
+  assetGraph: AssetGraph | null | undefined;
+  // @ts-expect-error TS2749
+  bundleGraph: BundleGraph | null | undefined;
+  // @ts-expect-error TS2749
+  requestTracker: RequestTracker | null | undefined;
+  bundleInfo: Map<ContentKey, PackagedBundleInfo> | null | undefined;
+  cacheInfo: Map<string, Array<string | number>> | null | undefined;
+}> {
+  let cacheInfo: Map<string, Array<string | number>> = new Map();
+  const cache = new LMDBLiteCache(cacheDir);
+
+  let requestGraphBlob;
+  let requestGraphKey;
+  let bundleGraphBlob;
+  let assetGraphBlob;
+  for (let key of cache.keys()) {
+    if (key.startsWith('Asset/')) {
+      continue;
+    } else if (key.startsWith('PackagerRunner/')) {
+      continue;
     }
 
-    return result;
+    if (key.startsWith('RequestTracker/') && key.endsWith('/RequestGraph')) {
+      requestGraphBlob = key;
+      requestGraphKey = key.split('/').slice(0, -1).join('/');
+    }
+    if (key.startsWith('BundleGraph/')) {
+      bundleGraphBlob = key;
+    }
+    if (key.startsWith('AssetGraph/')) {
+      assetGraphBlob = key;
+    }
   }
 
-  let cacheInfo: Map<string, Array<string | number>> = new Map();
-
-  let {requestGraphBlob, bundleGraphBlob, assetGraphBlob} =
-    getMostRecentCacheBlobs();
-  const cache = new LMDBLiteCache(cacheDir);
+  console.log({requestGraphBlob, bundleGraphBlob, assetGraphBlob});
 
   // Get requestTracker
+  // @ts-expect-error TS7034
   let requestTracker;
-  if (requestGraphBlob) {
+  if (requestGraphBlob != null && requestGraphKey != null) {
     try {
-      let requestGraphKey = requestGraphBlob.slice(0, -'-0'.length);
       let date = Date.now();
+
+      const buffer = await cache.getBlob(requestGraphBlob);
+      const deserializer = new v8.Deserializer(buffer);
+      console.log(
+        'Wire format version stored',
+        deserializer.getWireFormatVersion(),
+      );
+
       let {requestGraph, bufferLength} = await readAndDeserializeRequestGraph(
         cache,
+        requestGraphBlob,
         requestGraphKey,
-        requestGraphKey.replace('requestGraph-', ''),
       );
 
       requestTracker = new RequestTracker({
         graph: requestGraph,
-        // $FlowFixMe
         farm: null,
-        // $FlowFixMe
         options: null,
       });
       let timeToDeserialize = Date.now() - date;
       cacheInfo.set('RequestGraph', [bufferLength]);
       cacheInfo.get('RequestGraph')?.push(timeToDeserialize);
-    } catch (e) {
-      console.log('Error loading Request Graph\n', e);
+    } catch (e: any) {
+      console.error('Error loading Request Graph\n', e);
     }
   }
 
   // Get bundleGraph
   let bundleGraph;
-  if (bundleGraphBlob) {
+  if (bundleGraphBlob != null) {
     try {
-      let file = await cache.getLargeBlob(
-        path.basename(bundleGraphBlob).slice(0, -'-0'.length),
-      );
+      let file = await cache.getBlob(bundleGraphBlob);
 
       let timeToDeserialize = Date.now();
       let obj = v8.deserialize(file);
@@ -119,19 +104,17 @@ export async function loadGraphs(cacheDir: string): Promise<{|
 
       cacheInfo.set('BundleGraph', [Buffer.byteLength(file)]);
       cacheInfo.get('BundleGraph')?.push(timeToDeserialize);
-    } catch (e) {
-      console.log('Error loading Bundle Graph\n', e);
+    } catch (e: any) {
+      console.error('Error loading Bundle Graph\n', e);
     }
   }
 
   // Get assetGraph
   let assetGraph;
-  if (assetGraphBlob) {
+  if (assetGraphBlob != null) {
     try {
       // TODO: this should be reviewed when `cachePerformanceImprovements` flag is removed, as we'll be writing files to LMDB cache instead of large blobs
-      let file = await cache.getLargeBlob(
-        path.basename(assetGraphBlob).slice(0, -'-0'.length),
-      );
+      let file = await cache.getBlob(assetGraphBlob);
 
       let timeToDeserialize = Date.now();
       let obj = v8.deserialize(file);
@@ -141,15 +124,19 @@ export async function loadGraphs(cacheDir: string): Promise<{|
 
       cacheInfo.set('AssetGraph', [Buffer.byteLength(file)]);
       cacheInfo.get('AssetGraph')?.push(timeToDeserialize);
-    } catch (e) {
-      console.log('Error loading Asset Graph\n', e);
+    } catch (e: any) {
+      console.error('Error loading Asset Graph\n', e);
     }
   }
 
   function getSubRequests(id: NodeId) {
-    return requestTracker.graph
-      .getNodeIdsConnectedFrom(id, requestGraphEdgeTypes.subrequest)
-      .map((n) => nullthrows(requestTracker.graph.getNode(n)));
+    return (
+      // @ts-expect-error TS7005
+      requestTracker.graph
+        .getNodeIdsConnectedFrom(id, requestGraphEdgeTypes.subrequest)
+        // @ts-expect-error TS7006
+        .map((n) => nullthrows(requestTracker.graph.getNode(n)))
+    );
   }
 
   // Load graphs by finding the main subrequests and loading their results
@@ -168,18 +155,18 @@ export async function loadGraphs(cacheDir: string): Promise<{|
     let buildRequestSubRequests = getSubRequests(buildRequestId);
 
     let writeBundlesRequest = buildRequestSubRequests.find(
+      // @ts-expect-error TS7006
       (n) => n.type === 1 && n.requestType === 11,
     );
     if (writeBundlesRequest != null) {
       invariant(writeBundlesRequest.type === 1);
-      // $FlowFixMe[incompatible-cast]
-      bundleInfo = (nullthrows(writeBundlesRequest.result): Map<
+      bundleInfo = nullthrows(writeBundlesRequest.result) as Map<
         ContentKey,
-        PackagedBundleInfo,
-      >);
+        PackagedBundleInfo
+      >;
     }
-  } catch (e) {
-    console.log('Error loading bundleInfo\n', e);
+  } catch (e: any) {
+    console.error('Error loading bundleInfo\n', e);
   }
 
   return {assetGraph, bundleGraph, requestTracker, bundleInfo, cacheInfo};