Bug 257944 - Web Inspector: Source maps files are not searchable when enabled
Summary: Web Inspector: Source maps files are not searchable when enabled
Status: REOPENED
Alias: None
Product: WebKit
Classification: Unclassified
Component: Web Inspector (show other bugs)
Version: Safari 17
Hardware: All All
: P2 Normal
Assignee: Nobody
URL: https://music.amazon.com/
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2023-06-11 20:45 PDT by Karl Dubost
Modified: 2024-05-30 14:05 PDT (History)
6 users (show)

See Also:


Attachments
web-inspector showing the ts file (1.00 MB, image/png)
2024-05-14 21:34 PDT, Karl Dubost
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
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.