chore: fix getOriginalPosition() to work in Storybook (#484)

microsoft · Jan 11, 2024 · 8b9a354 · 8b9a354
1 parent 1594e42
commit 8b9a354
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 8 deletions.
diff --git a/change/@griffel-devtools-a62e678a-424d-48c1-a910-c370523a4977.json b/change/@griffel-devtools-a62e678a-424d-48c1-a910-c370523a4977.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: fix getOriginalPosition() to work in Storybook",
+  "packageName": "@griffel/devtools",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/devtools/src/sourceMap/sourceMapConsumer.ts b/packages/devtools/src/sourceMap/sourceMapConsumer.ts
@@ -1,19 +1,25 @@
-import type { MappedPosition, RawSourceMap } from 'source-map-js';
 import { SourceMapConsumer } from 'source-map-js';
+import type { MappedPosition, RawSourceMap } from 'source-map-js';
 
 export const resources: Promise<chrome.devtools.inspectedWindow.Resource[]> = new Promise(resolve => {
-  chrome.devtools.inspectedWindow.getResources(currResources => {
-    resolve(currResources);
-  });
-});
-chrome.devtools.inspectedWindow.onResourceAdded.addListener(async resource => {
-  if (!resource.url.startsWith('debugger')) {
-    (await resources).push(resource);
+  if (chrome.devtools) {
+    chrome.devtools.inspectedWindow.getResources(currResources => {
+      resolve(currResources);
+    });
   }
 });
 
+if (chrome.devtools) {
+  chrome.devtools.inspectedWindow.onResourceAdded.addListener(async resource => {
+    if (!resource.url.startsWith('debugger')) {
+      (await resources).push(resource);
+    }
+  });
+}
+
 export async function getOriginalPosition(sourceMapJSON: RawSourceMap, sourceLoc: MappedPosition) {
   const { source, line, column } = sourceLoc;
+
   try {
     const sourceMapConsumer = new SourceMapConsumer(sourceMapJSON);
     const result = sourceMapConsumer.originalPositionFor({ line, column });