Debugbar not showing in embed iframe

[bastos71]

Hello, i'm devloping Shopify Apps under Laravel framework, which is using php-debugbar package

Because of this line, we cannot print the debug bar :

php-debugbar/src/DebugBar/Resources/debugbar.js

Line 428 in cd46685

this.isIframe = window.self !== window.top;

The concept of shopify apps is really simple : embed apps into an iframe, so it makes it completely incompatible with the debug bar, and generates the following error :

Uncaught DOMException: Failed to read a named property 'phpdebugbar' from 'Window': Blocked a frame with origin "https://[subdomain].ngrok-free.app" from accessing a cross-origin frame.
    at child.addDataSet (https://[subdomain].ngrok-free.app/_debugbar/assets/javascript?v=1712740545:949:28)
    at https://[subdomain].ngrok-free.app/admin/dashboard?shop=[subdomain].myshopify.com&host=[...]:633:13

What should we do ?

[erikn69]

cross-origin problem, try #651