Can not sign a normal transaction with getting error cross-origin
thdailong opened this issue · comments
Currently I am working on a project called Sigma wallet. I have a input where user would paste the base64 format transaction and sign the multisig transaction.
Now I am heading on making multisig transaction work with myalgo. But I have test if I paste a normal transaction and sign that transaction using myalgo wallet. It appear that window would spinning till the end of the universe with errors:
Uncaught (in promise) DOMException: Blocked a frame with origin "http://localhost:8080" from accessing a cross-origin frame. at isRef (webpack-internal:///./node_modules/@vue/reactivity/dist/reactivity.esm-bundler.js:1329:20) at Object.get (webpack-internal:///./node_modules/@vue/reactivity/dist/reactivity.esm-bundler.js:622:9) at Proxy.signTransaction (webpack-internal:///./node_modules/@randlabs/myalgo-connect/lib/main.js:378:29) at async Proxy.signTransaction (webpack-internal:///./node_modules/@algo-builder/web/build/lib/myalgowallet-mode.js:69:12) at async Proxy.sign (webpack-internal:///./node_modules/@vue/cli-plugin-typescript/node_modules/babel-loader/lib/index.js!./node_modules/ts-loader/index.js??clonedRuleSet-41.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/pages/MsigUI.vue?vue&type=script&lang=ts:91:27)
Link to my source code: https://github.com/scale-it/algobuilder-msig/blob/815ea0a93504e0d00fff38bc40f67915a4b4eb46/src/pages/MsigUI.vue#L169
Is there any way that I can fix this?
Edited: I can access the the window myalgo wallet connect like below
I have try to enable vue.config.js like this but it still did not work
making https also not help me to solve this issues
Looking around for some similar issues like this. I have found this link: Link
It related to the ref https://github.com/vuejs/core/blob/3ca83179d1a798f65e4e70215c511e2f1b64adb6/packages/reactivity/src/ref.ts#L65-L67
@M-Picco can you check this?
I think I have fixed the issues by myself now.
It seems that myalgo struggle with vuejs and therefore, we need to use shallowref to containt myalgo object!