Bug 283870 – Web inspector fails to syntax highlight JS with backtick-delimited format strings

• Status: RESOLVED
• Resolution: FIXED
• Component: Web Inspector

[Dimitri Bouniol]

Created attachment 473406 [details]
Screenshot of web inspector showing the broken behavior

When the web inspector displays JS with backtick-delimited format strings, the syntax highlighter breaks. For instance, the following fails as soon as `${` is encountered as shown in the attached screenshot:

```js
self.addEventListener('push', function(event) {
    event.waitUntil((async () => {
        const data = event.data?.json() ?? {};
        console.log("Received notification:");
        console.log({data});
        
        let title = data.aps?.alert?.title ?? "Jiiiii";
        const subtitle = data.aps?.alert?.subtitle;
        if (subtitle) title = `${title} — ${subtitle}`;
        const body = data.aps?.alert?.body ?? "New Episodes are Available";
        
        await self.registration.showNotification(title, { 
            body, 
            icon: "/images/icon-fall-web-512.png",
            data
        });
    })());
});
```

[Razvan Caliman]

rdar://107619553

[Razvan Caliman]

Pull request: https://github.com/WebKit/WebKit/pull/49538

[Razvan Caliman]

*** Bug 299120 has been marked as a duplicate of this bug. ***

[EWS]

Committed 300332@main (fe5c7a50d8e3): <https://commits.webkit.org/300332@main>

Reviewed commits have been landed. Closing PR #49538 and removing active labels.

[Razvan Caliman]

*** Bug 299618 has been marked as a duplicate of this bug. ***