Hi,
I have a scenario where a javascript (injected using scriptTags)
this script does some calculation & gets a result variable ( const a ="foo" )
I want this script to send a `postmessage` to my extension worker.
Inside my extension, i'm listening for the message,
Checkout.tsx
useEffect(() => {
seld.addEventListener("message", (event: { data: string }) => {
const data = JSON.parse(event.data)
!!data &&
applyMetaFieldChange({
type: "updateCartMetafield",
metafield: {
key: "foo-key",
namespace: "my-extension-namesapce",
type: "single_line_text_field",
value: data,
},
}).then((result) => {
console.log("metafield set in the cart", result);
});
});
}, [applyMetaFieldChange]);
when i try to send to postmessage like following in the console window from `top`window..
window.postMessage(JSON.stringify({"foo-key": "abcd"}), "https://extensions.shopifycdn.com") // to the specific target origin
I get the following error
Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('https://extensions.shopifycdn.com') does not match the recipient window's origin ('https://quickstart-9bac1fe7.myshopify.com').
