removing filter

package.json

@@ -80,7 +80,8 @@
     "react-transition-group": "^2.2.1",
     "reselect": "^4.0.0",
     "svg-inline-react": "^3.0.0",
-    "wasmparser": "^0.7.0"
+    "wasmparser": "^0.7.0",
+    "whatwg-url": "^7.0.0"
   },
   "private": true,
   "workspaces": [

src/utils/sources-tree/addToTree.js

@@ -85,8 +85,8 @@ function traverseTree(
   tree: TreeDirectory,
   debuggeeHost: ?string
 ): TreeNode {
-  const parts = url.path.split("/").filter(p => p !== "");
-  parts.unshift(url.group);
+  const parts = url.path.replace(/\/$/, "").split("/");
+  parts[0] = url.group;
 
   let path = "";
   return parts.reduce((subTree, part, index) => {

src/utils/sources-tree/tests/getUrl.spec.js

@@ -79,10 +79,20 @@ describe("getUrl", () => {
   it("creates a group name for webpack", () => {
     const urlObject = getURL(
       createMockSource({
-        url: "webpack://src/component.jsx",
+        url: "webpack:///src/component.jsx",
         id: "c3"
       })
     );
     expect(urlObject.group).toBe("webpack://");
   });
+
+  it("creates a group name for angular source", () => {
+    const urlObject = getURL(
+      createMockSource({
+        url: "ng://src/component.jsx",
+        id: "c3"
+      })
+    );
+    expect(urlObject.group).toBe("ng://");
+  });
 });

src/utils/url.js

@@ -5,6 +5,7 @@
 // @flow
 
 import { memoize } from "lodash";
+import { URL } from "whatwg-url";
 
 const defaultUrl = {
   hash: "",