132 lines
3.3 KiB
Vue
132 lines
3.3 KiB
Vue
<template>
|
|
<ion-app>
|
|
<ion-router-outlet />
|
|
</ion-app>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import { IonApp, IonRouterOutlet } from "@ionic/vue";
|
|
import { defineComponent, onBeforeMount, onMounted } from "vue";
|
|
import { useRoute, useRouter } from "vue-router";
|
|
import { getSettings } from "@/utils/platform";
|
|
import { getSelectedAddress } from "@/utils/wallet";
|
|
import type { RequestArguments } from "@/extension/types";
|
|
|
|
export default defineComponent({
|
|
name: "App",
|
|
components: {
|
|
IonApp,
|
|
IonRouterOutlet,
|
|
},
|
|
setup() {
|
|
const route = useRoute();
|
|
const router = useRouter();
|
|
const { param, rid } = route.query;
|
|
|
|
const pageListener = (
|
|
message: RequestArguments,
|
|
sender: any,
|
|
sendResponse: (a: any) => any
|
|
) => {
|
|
if (chrome.runtime.lastError) {
|
|
console.info("Error receiving message:", chrome.runtime.lastError);
|
|
}
|
|
if (message?.type !== "CLWALLET_PAGE_MSG") {
|
|
return true;
|
|
}
|
|
|
|
console.info("page listener:", message);
|
|
|
|
(async () => {
|
|
if (!message?.method) {
|
|
sendResponse({
|
|
code: 500,
|
|
message: "Invalid request method",
|
|
});
|
|
} else {
|
|
// ETH API
|
|
switch (message.method) {
|
|
case "paste": {
|
|
const currentAddress = (await getSelectedAddress()) as string[];
|
|
if (currentAddress.length > 0) {
|
|
document.execCommand("insertText", false, currentAddress[0]);
|
|
}
|
|
sendResponse(true);
|
|
break;
|
|
}
|
|
default: {
|
|
sendResponse({
|
|
error: true,
|
|
message:
|
|
"ClearWallet: Invalid PAGE request method " + message?.method ?? "",
|
|
});
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
})();
|
|
return true;
|
|
};
|
|
|
|
if (chrome?.runtime?.onMessage) {
|
|
chrome.runtime.onMessage.addListener(pageListener);
|
|
console.info("page listener set");
|
|
}
|
|
|
|
onBeforeMount(() => {
|
|
getSettings().then((settings) => {
|
|
if (settings.theme !== "system") {
|
|
document.body.classList.remove(settings.theme === "dark" ? "light" : "dark");
|
|
document.body.classList.add(settings.theme);
|
|
}
|
|
});
|
|
});
|
|
|
|
// onUnmounted(() => {
|
|
// if (chrome?.runtime?.onMessage) {
|
|
// chrome.runtime.onMessage.removeListener(pageListener);
|
|
// console.info("page listener removed");
|
|
// }
|
|
// });
|
|
|
|
onMounted(() => {
|
|
switch (route?.query?.route ?? "") {
|
|
case "sign-msg": {
|
|
router.push({
|
|
path: `/sign-msg/${rid}/${param}`,
|
|
});
|
|
break;
|
|
}
|
|
case "sign-tx": {
|
|
router.push({
|
|
path: `/sign-tx/${rid}/${param}`,
|
|
});
|
|
break;
|
|
}
|
|
case "switch-network": {
|
|
router.push({
|
|
path: `/switch-network/${rid}/${param}`,
|
|
});
|
|
break;
|
|
}
|
|
case "request-network": {
|
|
router.push({
|
|
path: `/request-network/${rid}/${param}`,
|
|
});
|
|
break;
|
|
}
|
|
case "wallet-error": {
|
|
router.push({
|
|
path: `/wallet-error/${rid}/${param}`,
|
|
});
|
|
break;
|
|
}
|
|
default: {
|
|
router.push({ path: "/" });
|
|
}
|
|
}
|
|
});
|
|
},
|
|
});
|
|
</script>
|