@atlaspack/core 2.12.1-canary.3597 → 2.12.1-canary.3598

package/lib/requests/BundleGraphRequest.js

@@ -4,6 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = createBundleGraphRequest;
+function _fs() {
+  const data = _interopRequireDefault(require("fs"));
+  _fs = function () {
+    return data;
+  };
+  return data;
+}
 function _assert() {
   const data = _interopRequireDefault(require("assert"));
   _assert = function () {
@@ -72,6 +79,7 @@ function _profiler() {
   return data;
 }
 var _RequestTracker = require("../RequestTracker");
+var _assetGraphDot = require("./asset-graph-dot");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -109,6 +117,10 @@ function createBundleGraphRequest(input) {
       } = await api.runRequest(request, {
         force: options.shouldBuildLazily && requestedAssetIds.size > 0
       });
+      let debugAssetGraphDotPath = (0, _assetGraphDot.getDebugAssetGraphDotPath)();
+      if (debugAssetGraphDotPath !== null) {
+        await _fs().default.promises.writeFile(debugAssetGraphDotPath, (0, _assetGraphDot.assetGraphToDot)(assetGraph, (0, _assetGraphDot.getDebugAssetGraphDotOptions)()), 'utf8');
+      }
 
       // if (input.rustAtlaspack && process.env.NATIVE_COMPARE === 'true') {
       //   let {assetGraph: jsAssetGraph} = await api.runRequest(

package/lib/requests/asset-graph-dot.js

@@ -0,0 +1,131 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.assetGraphToDot = assetGraphToDot;
+exports.getDebugAssetGraphDotOptions = getDebugAssetGraphDotOptions;
+exports.getDebugAssetGraphDotPath = getDebugAssetGraphDotPath;
+function _path() {
+  const data = _interopRequireDefault(require("path"));
+  _path = function () {
+    return data;
+  };
+  return data;
+}
+var _AssetGraph = _interopRequireDefault(require("../AssetGraph"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/** @description Renders AssetGraph into GraphViz Dot format */
+function assetGraphToDot(assetGraph, {
+  sort = false,
+  style = true
+} = {}) {
+  const edges = [];
+  const nodeStyles = {};
+  assetGraph.traverse(nodeId => {
+    let node = assetGraph.getNode(nodeId) ?? null;
+    if (!node) return;
+    const fromIds = assetGraph.getNodeIdsConnectedTo(nodeId);
+    for (const fromId of fromIds) {
+      let fromNode = assetGraph.getNode(fromId) ?? null;
+      if (!fromNode) throw new Error('No Node');
+      const edgeStyle = getEdgeStyle(node);
+      const nodeStyle = getNodeStyle(node);
+      let entry = `"${getNodeName(fromNode)}" -> "${getNodeName(node)}"`;
+      if (edgeStyle) {
+        entry += ` [${edgeStyle}]`;
+      }
+      if (nodeStyle) {
+        nodeStyles[getNodeName(node)] = nodeStyle;
+      }
+      edges.push(entry);
+    }
+  });
+
+  // $FlowFixMe
+  const nodeStylesList = Object.entries(nodeStyles);
+  if (sort) {
+    edges.sort();
+    nodeStylesList.sort();
+  }
+  let digraph = `digraph {\n\tnode [shape=rectangle]\n`;
+  if (style) {
+    digraph += nodeStylesList.map(([node, style]) => `\t"${node}" [${style}]\n`).join('');
+  }
+  digraph += edges.map(v => `\t${v}\n`).join('');
+  digraph += `}\n`;
+  return digraph;
+}
+function getDebugAssetGraphDotPath() {
+  let debugAssetGraphDot = process.env.DEBUG_ASSET_GRAPH_DOT;
+  if (debugAssetGraphDot === undefined || debugAssetGraphDot === '') {
+    return null;
+  }
+  if (!_path().default.isAbsolute(debugAssetGraphDot)) {
+    debugAssetGraphDot = _path().default.join(process.cwd(), debugAssetGraphDot);
+  }
+  return debugAssetGraphDot;
+}
+function getDebugAssetGraphDotOptions() {
+  const options = {};
+  let style = process.env.DEBUG_ASSET_GRAPH_DOT_STYLE;
+  if (style !== undefined) {
+    options.style = style === 'true';
+  }
+  let sort = process.env.DEBUG_ASSET_GRAPH_DOT_SORT;
+  if (sort !== undefined) {
+    options.sort = sort === 'true';
+  }
+  return options;
+}
+function fromCwd(input) {
+  return _path().default.relative(process.cwd(), input);
+}
+function getNodeName(node) {
+  if (node.type === 'asset_group') {
+    // $FlowFixMe
+    return [`asset_group`, node.id, fromCwd(node.value.filePath)].join('\\n');
+  } else if (node.type === 'asset') {
+    // $FlowFixMe
+    return [`asset`, node.id, fromCwd(node.value.filePath)].join('\\n');
+  } else if (node.type === 'dependency') {
+    return [`dependency`, node.id, node.value.specifier].join('\\n');
+  } else if (node.type === 'entry_specifier') {
+    // $FlowFixMe
+    return [`entry_specifier`, node.value].join('\\n');
+  } else if (node.type === 'entry_file') {
+    // $FlowFixMe
+    return [`entry_file`, fromCwd(node.value.filePath)].join('\\n');
+  }
+  return 'ROOT';
+}
+function getEdgeStyle(node) {
+  if (node.type === 'asset_group') {
+    return ``;
+  } else if (node.type === 'asset') {
+    return ``;
+  } else if (node.type === 'dependency') {
+    if (node.value.priority === 2) {
+      return `style="dashed"`;
+    }
+  } else if (node.type === 'entry_specifier') {
+    return ``;
+  } else if (node.type === 'entry_file') {
+    return ``;
+  }
+  return '';
+}
+function getNodeStyle(node) {
+  if (node.type === 'asset_group') {
+    return `fillcolor="#E8F5E9", style="filled"`;
+  } else if (node.type === 'asset') {
+    return `fillcolor="#DCEDC8", style="filled"`;
+  } else if (node.type === 'dependency') {
+    return `fillcolor="#BBDEFB", style="filled"`;
+  } else if (node.type === 'entry_specifier') {
+    return `fillcolor="#FFF9C4", style="filled"`;
+  } else if (node.type === 'entry_file') {
+    return `fillcolor="#FFE0B2", style="filled"`;
+  }
+  return '';
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaspack/core",
-  "version": "2.12.1-canary.3597+d444767b9",
+  "version": "2.12.1-canary.3598+43565eabc",
   "license": "(MIT OR Apache-2.0)",
   "publishConfig": {
     "access": "public"
@@ -20,21 +20,21 @@
     "check-ts": "tsc --noEmit index.d.ts"
   },
   "dependencies": {
-    "@atlaspack/build-cache": "2.12.1-canary.3597+d444767b9",
-    "@atlaspack/cache": "2.12.1-canary.3597+d444767b9",
-    "@atlaspack/diagnostic": "2.12.1-canary.3597+d444767b9",
-    "@atlaspack/events": "2.12.1-canary.3597+d444767b9",
-    "@atlaspack/feature-flags": "2.12.1-canary.3597+d444767b9",
-    "@atlaspack/fs": "2.12.1-canary.3597+d444767b9",
-    "@atlaspack/graph": "3.2.1-canary.3597+d444767b9",
-    "@atlaspack/logger": "2.12.1-canary.3597+d444767b9",
-    "@atlaspack/package-manager": "2.12.1-canary.3597+d444767b9",
-    "@atlaspack/plugin": "2.12.1-canary.3597+d444767b9",
-    "@atlaspack/profiler": "2.12.1-canary.3597+d444767b9",
-    "@atlaspack/rust": "2.12.1-canary.3597+d444767b9",
-    "@atlaspack/types": "2.12.1-canary.3597+d444767b9",
-    "@atlaspack/utils": "2.12.1-canary.3597+d444767b9",
-    "@atlaspack/workers": "2.12.1-canary.3597+d444767b9",
+    "@atlaspack/build-cache": "2.12.1-canary.3598+43565eabc",
+    "@atlaspack/cache": "2.12.1-canary.3598+43565eabc",
+    "@atlaspack/diagnostic": "2.12.1-canary.3598+43565eabc",
+    "@atlaspack/events": "2.12.1-canary.3598+43565eabc",
+    "@atlaspack/feature-flags": "2.12.1-canary.3598+43565eabc",
+    "@atlaspack/fs": "2.12.1-canary.3598+43565eabc",
+    "@atlaspack/graph": "3.2.1-canary.3598+43565eabc",
+    "@atlaspack/logger": "2.12.1-canary.3598+43565eabc",
+    "@atlaspack/package-manager": "2.12.1-canary.3598+43565eabc",
+    "@atlaspack/plugin": "2.12.1-canary.3598+43565eabc",
+    "@atlaspack/profiler": "2.12.1-canary.3598+43565eabc",
+    "@atlaspack/rust": "2.12.1-canary.3598+43565eabc",
+    "@atlaspack/types": "2.12.1-canary.3598+43565eabc",
+    "@atlaspack/utils": "2.12.1-canary.3598+43565eabc",
+    "@atlaspack/workers": "2.12.1-canary.3598+43565eabc",
     "@mischnic/json-sourcemap": "^0.1.0",
     "@parcel/source-map": "^2.1.1",
     "base-x": "^3.0.8",
@@ -66,5 +66,5 @@
   "browser": {
     "./src/serializerCore.js": "./src/serializerCore.browser.js"
   },
-  "gitHead": "d444767b9661b3dec94771ccc01a29d95eab51d0"
+  "gitHead": "43565eabcda613c67cbf579d38b1093a7c629955"
 }

package/src/requests/BundleGraphRequest.js

@@ -15,6 +15,7 @@ import type {
 } from '../types';
 import type {ConfigAndCachePath} from './AtlaspackConfigRequest';
 
+import fs from 'fs';
 import invariant from 'assert';
 import assert from 'assert';
 import nullthrows from 'nullthrows';
@@ -57,6 +58,11 @@ import createAssetGraphRequestJS from './AssetGraphRequest';
 import {createAssetGraphRequestRust} from './AssetGraphRequestRust';
 import {tracer, PluginTracer} from '@atlaspack/profiler';
 import {requestTypes} from '../RequestTracker';
+import {
+  assetGraphToDot,
+  getDebugAssetGraphDotPath,
+  getDebugAssetGraphDotOptions,
+} from './asset-graph-dot';
 
 type BundleGraphRequestInput = {|
   requestedAssetIds: Set<string>,
@@ -119,6 +125,15 @@ export default function createBundleGraphRequest(
         },
       );
 
+      let debugAssetGraphDotPath = getDebugAssetGraphDotPath();
+      if (debugAssetGraphDotPath !== null) {
+        await fs.promises.writeFile(
+          debugAssetGraphDotPath,
+          assetGraphToDot(assetGraph, getDebugAssetGraphDotOptions()),
+          'utf8',
+        );
+      }
+
       // if (input.rustAtlaspack && process.env.NATIVE_COMPARE === 'true') {
       //   let {assetGraph: jsAssetGraph} = await api.runRequest(
       //     createAssetGraphRequestJS({

package/src/requests/asset-graph-dot.js

@@ -0,0 +1,144 @@
+// @flow
+import path from 'path';
+
+import type {AssetGraphNode} from '../types';
+import AssetGraph from '../AssetGraph';
+
+export type AssetGraphToDotOptions = {
+  style?: boolean,
+  sort?: boolean,
+  ...
+};
+
+/** @description Renders AssetGraph into GraphViz Dot format */
+export function assetGraphToDot(
+  assetGraph: AssetGraph,
+  {sort = false, style = true}: AssetGraphToDotOptions = {},
+): string {
+  const edges = [];
+  const nodeStyles: {[key: string]: string} = {};
+
+  assetGraph.traverse((nodeId) => {
+    let node: AssetGraphNode | null = assetGraph.getNode(nodeId) ?? null;
+    if (!node) return;
+
+    const fromIds = assetGraph.getNodeIdsConnectedTo(nodeId);
+
+    for (const fromId of fromIds) {
+      let fromNode: AssetGraphNode | null = assetGraph.getNode(fromId) ?? null;
+      if (!fromNode) throw new Error('No Node');
+      const edgeStyle = getEdgeStyle(node);
+      const nodeStyle = getNodeStyle(node);
+
+      let entry = `"${getNodeName(fromNode)}" -> "${getNodeName(node)}"`;
+      if (edgeStyle) {
+        entry += ` [${edgeStyle}]`;
+      }
+
+      if (nodeStyle) {
+        nodeStyles[getNodeName(node)] = nodeStyle;
+      }
+
+      edges.push(entry);
+    }
+  });
+
+  // $FlowFixMe
+  const nodeStylesList: Array<[string, string]> = Object.entries(nodeStyles);
+  if (sort) {
+    edges.sort();
+    nodeStylesList.sort();
+  }
+
+  let digraph = `digraph {\n\tnode [shape=rectangle]\n`;
+  if (style) {
+    digraph += nodeStylesList
+      .map(([node, style]) => `\t"${node}" [${style}]\n`)
+      .join('');
+  }
+  digraph += edges.map((v) => `\t${v}\n`).join('');
+  digraph += `}\n`;
+  return digraph;
+}
+
+export function getDebugAssetGraphDotPath(): string | null {
+  let debugAssetGraphDot = process.env.DEBUG_ASSET_GRAPH_DOT;
+  if (debugAssetGraphDot === undefined || debugAssetGraphDot === '') {
+    return null;
+  }
+  if (!path.isAbsolute(debugAssetGraphDot)) {
+    debugAssetGraphDot = path.join(process.cwd(), debugAssetGraphDot);
+  }
+  return debugAssetGraphDot;
+}
+
+export function getDebugAssetGraphDotOptions(): AssetGraphToDotOptions {
+  const options: AssetGraphToDotOptions = {};
+
+  let style = process.env.DEBUG_ASSET_GRAPH_DOT_STYLE;
+  if (style !== undefined) {
+    options.style = style === 'true';
+  }
+
+  let sort = process.env.DEBUG_ASSET_GRAPH_DOT_SORT;
+  if (sort !== undefined) {
+    options.sort = sort === 'true';
+  }
+
+  return options;
+}
+
+function fromCwd(input: string): string {
+  return path.relative(process.cwd(), input);
+}
+
+function getNodeName(node: AssetGraphNode): string {
+  if (node.type === 'asset_group') {
+    // $FlowFixMe
+    return [`asset_group`, node.id, fromCwd(node.value.filePath)].join('\\n');
+  } else if (node.type === 'asset') {
+    // $FlowFixMe
+    return [`asset`, node.id, fromCwd(node.value.filePath)].join('\\n');
+  } else if (node.type === 'dependency') {
+    return [`dependency`, node.id, node.value.specifier].join('\\n');
+  } else if (node.type === 'entry_specifier') {
+    // $FlowFixMe
+    return [`entry_specifier`, node.value].join('\\n');
+  } else if (node.type === 'entry_file') {
+    // $FlowFixMe
+    return [`entry_file`, fromCwd(node.value.filePath)].join('\\n');
+  }
+  return 'ROOT';
+}
+
+function getEdgeStyle(node: AssetGraphNode): string {
+  if (node.type === 'asset_group') {
+    return ``;
+  } else if (node.type === 'asset') {
+    return ``;
+  } else if (node.type === 'dependency') {
+    if (node.value.priority === 2) {
+      return `style="dashed"`;
+    }
+  } else if (node.type === 'entry_specifier') {
+    return ``;
+  } else if (node.type === 'entry_file') {
+    return ``;
+  }
+  return '';
+}
+
+function getNodeStyle(node: AssetGraphNode): string {
+  if (node.type === 'asset_group') {
+    return `fillcolor="#E8F5E9", style="filled"`;
+  } else if (node.type === 'asset') {
+    return `fillcolor="#DCEDC8", style="filled"`;
+  } else if (node.type === 'dependency') {
+    return `fillcolor="#BBDEFB", style="filled"`;
+  } else if (node.type === 'entry_specifier') {
+    return `fillcolor="#FFF9C4", style="filled"`;
+  } else if (node.type === 'entry_file') {
+    return `fillcolor="#FFE0B2", style="filled"`;
+  }
+  return '';
+}