Include data path in CLI output

.changeset/warm-donkeys-applaud/changes.json

@@ -0,0 +1,4 @@
+{
+  "releases": [{ "name": "better-ajv-errors", "type": "minor" }],
+  "dependents": []
+}

.changeset/warm-donkeys-applaud/changes.md

@@ -0,0 +1 @@
+Include data path in CLI output

src/validation-errors/__tests__/__snapshots__/enum.js.snap

@@ -38,7 +38,9 @@ Array [
   "  1 | {
 > 2 |   \\"id\\": \\"baz\\"
     |         ^^^^^ 👈🏽  Did you mean bar here?
-  3 | }",
+  3 | }
+
+    @ /id",
 ]
 `;
 
@@ -50,7 +52,9 @@ Array [
   "  1 | {
 > 2 |   \\"id\\": \\"baz\\"
     |         ^^^^^ 👈🏽  Did you mean bar here?
-  3 | }",
+  3 | }
+
+    @ /id",
 ]
 `;
 
@@ -62,6 +66,8 @@ Array [
   "  1 | {
 > 2 |   \\"id\\": \\"baz\\"
     |         ^^^^^ 👈🏽  Unexpected value, should be equal to one of the allowed values
-  3 | }",
+  3 | }
+
+    @ /id",
 ]
 `;

src/validation-errors/__tests__/__snapshots__/required.js.snap

@@ -7,6 +7,8 @@ Array [
   "  1 | {
 > 2 |   \\"nested\\": {}
     |             ^ ☹️  id is missing here!
-  3 | }",
+  3 | }
+
+    @ /nested",
 ]
 `;

src/validation-errors/base.js

@@ -1,5 +1,6 @@
 import { codeFrameColumns } from '@babel/code-frame';
 import { getMetaFromPath, getDecoratedDataPath } from '../json';
+import chalk from 'chalk';
 
 export default class BaseValidationError {
   constructor(
@@ -32,10 +33,19 @@ export default class BaseValidationError {
   }
 
   getCodeFrame(message, dataPath = this.options.dataPath) {
-    return codeFrameColumns(this.jsonRaw, this.getLocation(dataPath), {
-      highlightCode: true,
-      message,
-    });
+    const formattedDataPath = dataPath
+      ? chalk`\n\n    {yellow @} {grey ${dataPath}}`
+      : '';
+    const codeFrame = codeFrameColumns(
+      this.jsonRaw,
+      this.getLocation(dataPath),
+      {
+        highlightCode: true,
+        message,
+      }
+    );
+
+    return codeFrame + formattedDataPath;
   }
 
   print() {