Support dependency not found for scoped packages

Author: Ives van Hoorne

src/sandbox/errors/__snapshots__/dependency-not-found-error.test.js.snap

@@ -20,3 +20,10 @@ Object {
   "path": "redux-form/immutable",
 }
 `;
+
+exports[`it parses scoped packages 1`] = `
+Object {
+  "dependency": "@vx/group",
+  "path": "@vx/group",
+}
+`;

src/sandbox/errors/dependency-not-found-error.js

@@ -1,20 +1,18 @@
-const parseDependencyName = (dependency: string) => {
-  const match = dependency.match(/(.*?)\//);
-
-  if (match) return match[1];
-  return dependency;
-};
-
 export default class DependencyNotFoundError extends Error {
   constructor(dependencyName: string) {
     super();
 
-    const parsedName = parseDependencyName(dependencyName);
+    const [root, second] = dependencyName.split('/');
+
+    // If the package starts with a @ it's scoped, we should add the second
+    // part of the name in that case
+    const parsedName = root.startsWith('@') ? `${root}/${second}` : root;
+
     this.payload = {
       dependency: parsedName,
       path: dependencyName,
     };
-    this.message = `Could not find dependency: '${parsedName}'`;
+    this.message = `Could not find dependency: '${dependencyName}'`;
   }
   type = 'dependency-not-found';
   severity = 'error';

src/sandbox/errors/dependency-not-found-error.test.js

@@ -17,3 +17,9 @@ test('it parses dependency names with multiple slashes correctly', () => {
 
   expect(error.payload).toMatchSnapshot();
 });
+
+test('it parses scoped packages', () => {
+  const error = new DependencyError('@vx/group');
+
+  expect(error.payload).toMatchSnapshot();
+});