Use Chrome debugger to inspect the CSS locator of each studio’s location, and this should be sufficient — .studios-cl-wrapper [role="listitem"] .w-embed
Locate the first outerHTML, so we have an HTML element to feed into ChatGPT, so I don’t have to write code. :-)
document.querySelectorAll('.studios-cl-wrapper [role="listitem"] .w-embed')[0].outerHTML
Feed that into ChatGPT to convert the data into JSON blob — And... Bingo!
Use the extractInfo function above, and feed it into a forEach(...) loop from the querySelectorAll(...) output, and now we got our JSON.
Good enough of a stopping point — It’d be great if we could add studio ID as a part of JSON payload — Maybe next time if I’m interested.
[Updated on 2023-02-01] The CSS selector unfortunately creates duplicate (Thanks to