Hello all,
For some reason the top level redirect code stopped working. The result is that when some stores load, nothing happens. It appears that they need to re-auth. Here's the page that the app template returns to the client during 'top level auth':
export default function topLevelAuthRedirect({ apiKey, hostName, shop }) {
return `<!DOCTYPE html>
<html>
<head>
<script>
document.addEventListener('DOMContentLoaded', function () {
if (window.top === window.self) {
window.location.href = '/auth?shop=${shop}';
} else {
var AppBridge = window['app-bridge'];
var createApp = AppBridge.default;
var Redirect = AppBridge.actions.Redirect;
const app = createApp({
apiKey: '${apiKey}',
shopOrigin: '${shop}',
});
const redirect = Redirect.create(app);
redirect.dispatch(
Redirect.Action.REMOTE,
'https://${hostName}/auth/toplevel?shop=${shop}',
);
}
});
</script>
</head>
<body></body>
</html>`;
}
I have not modified the code since it was created by the CLI. The 'redirect.dispatch()' apparently does nothing.
I've been able to debug in the browser with Chrome devtools and copied the value of
'https://${hostName}/auth/toplevel?shop=${shop}'. When I paste the url into the browser it launched the shopify app and works from then on (I suspect it successfully acquired a ne token).
I've tried for several days to get to the bottom of the issue without success, including various app-bridge versions. Any advice would be appreciated
Regards
