Bug 257944

Summary: Web Inspector: Source maps files are not searchable when enabled
Product: WebKit Reporter: Karl Dubost <karlcow>
Component: Web InspectorAssignee: Nobody <webkit-unassigned>
Status: REOPENED ---    
Severity: Normal CC: ap, frances_c, greggy, inspector-bugzilla-changes, qianlangchen, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: Safari 17   
Hardware: All   
OS: All   
URL: https://music.amazon.com/
See Also: https://bugs.webkit.org/show_bug.cgi?id=258956
Attachments:
Description Flags
web-inspector showing the ts file none

Description Karl Dubost 2023-06-11 20:45:24 PDT 
1. With Safari Version 17.0 (19616.1.15)
2. Go to music.amazon.com
3. Open Web Inspector and Go to the Sources Tab.
4. With By Type selected, Go to Scripts and select the script starting by app.modern.…
   https://d5fx445wy2wpk.cloudfront.net/release/WebSF/app.modern.a19bdd31eed305bc2d16.js

Expected:
Be able to see the script and set breakpoints

Actual:
Loading Wheel only

If I unfold the directories to, for example,

Scripts/
  app.modern.a19bdd31eed305bc2d16/
    src/
      player/
        html5VideoPlayer/
          AudioPlayer.ts

I can see there is for example Orchestra.Player

Going to the search tab, searching for Orchestra.Player and I get no search results.
Comment 1 Radar WebKit Bug Importer 2023-06-11 20:45:34 PDT 
<rdar://problem/110620849>
Comment 2 Frances Cornwall 2024-05-14 19:49:58 PDT 
The loading wheel appears briefly and then I can see the scripts and set the breakpoints at music.amazon.com.

Following the instructions, I do not see the AudioPlayer.ts in Safari 17.4.1 in the directories. I am closing this because I can't replicate the test case.
Comment 3 Frances Cornwall 2024-05-14 20:06:04 PDT 
I mean I do not ever see Orchestra.Player, I can see AudioPlayer.ts.
Comment 4 Karl Dubost 2024-05-14 21:34:07 PDT 
Created attachment 471408 [details]
web-inspector showing the ts file

The scripts organization has changed. :) 
I need to find a more stable place for this bug.

ok. 
Important setting Enable Source Maps must be checked. 

1. Go to https://stackblitz.com/edit/typescript-demo?file=index.ts
2. same steps as the initial report,

the path is now 
Scripts/
  ajs-destination.bundle.ed53a26b6edc80c65d73.js/
    segment/analytics-next/src
      lib
        is-plan-event-enabled.ts

There is `isPlanEventEnabled`

Do Command + Shift + F
enter isPlanEventEnabled

No search results.

The search is not giving results for the source maps file. 

Maybe I should rename the bug.
Comment 5 Karl Dubost 2024-05-14 21:35:05 PDT 
Frances, could you confirm you get the same result than me.
Comment 6 Greg Marriott 2024-05-23 11:17:28 PDT 
<rdar://problem/128625465>
Comment 7 Qianlang Chen 2024-05-30 14:05:02 PDT 
(In reply to Karl Dubost from comment #5)
> Frances, could you confirm you get the same result than me.

Karl, I can get the same results by following exactly your instructions. The bug is indeed happening.