mirror of
https://github.com/status-im/status-desktop.git
synced 2025-01-19 11:03:40 +00:00
106988d534
This PR is refactoring the dapps service to avoid code duplication between SDKs and also to avoid overlapping requests/responses. It brings Browser Connect inline with Wallet Connect in terms of session management and sign transactions. New architecture: WalletConnectService becomes DAppsService. Its responsibility is to provide dapp access to the app. This is the component currently used by the UI What does it do: 1. Provide dapp APIs line connect, disconnect, session requests etc 2. Spawn app notifications on dapp events 3. Timeout requests if the dapp does not respons DAppsRequestHandler becomes DAppsModule. This component is consumed by the DAppService. Its responsibility is to aggregate all the building blocks for the dapps, but does not control any of the dapp features or consume the SDKs requests. What does it do: 1. Aggregate all the building blocks for dapps (currently known as plugins) DAppConnectionsPlugin - This component provides the session management features line connect, disconnect and provide a model with the connected dapps. SignRequestPlugin - This component provides the sign request management. It receives the sign request from the dapp, translates it to what Status understands and manages the lifecycle of the request.
537 lines
22 KiB
QML
537 lines
22 KiB
QML
import QtQuick 2.15
|
|
import QtQuick.Controls 2.15
|
|
import QtQuick.Layouts 1.15
|
|
|
|
import QtWebEngine 1.10
|
|
import QtWebChannel 1.15
|
|
|
|
import StatusQ.Core.Utils 0.1 as SQUtils
|
|
import StatusQ.Components 0.1
|
|
|
|
import "types"
|
|
|
|
WalletConnectSDKBase {
|
|
id: root
|
|
|
|
readonly property bool sdkReady: d.sdkReady
|
|
|
|
property alias userUID: loader.profileName
|
|
readonly property alias url: loader.url
|
|
|
|
implicitWidth: 1
|
|
implicitHeight: 1
|
|
|
|
/// Generates \c pairResponse signal and expects to receive
|
|
/// a \c sessionProposal signal with the sessionProposal object
|
|
pair: function(pairLink) {
|
|
wcCalls.pair(pairLink)
|
|
}
|
|
|
|
getPairings: function(callback) {
|
|
wcCalls.getPairings(callback)
|
|
}
|
|
|
|
getActiveSessions: function(callback) {
|
|
wcCalls.getActiveSessions(callback)
|
|
}
|
|
|
|
disconnectSession: function(topic) {
|
|
wcCalls.disconnectSession(topic)
|
|
}
|
|
|
|
disconnectPairing: function(topic) {
|
|
wcCalls.disconnectPairing(topic)
|
|
}
|
|
|
|
ping: function(topic) {
|
|
wcCalls.ping(topic)
|
|
}
|
|
|
|
buildApprovedNamespaces: function(id, params, supportedNamespaces) {
|
|
wcCalls.buildApprovedNamespaces(id, params, supportedNamespaces)
|
|
}
|
|
|
|
approveSession: function(sessionProposal, supportedNamespaces) {
|
|
wcCalls.approveSession(sessionProposal, supportedNamespaces)
|
|
}
|
|
|
|
rejectSession: function(id) {
|
|
wcCalls.rejectSession(id)
|
|
}
|
|
|
|
acceptSessionRequest: function(topic, id, signature) {
|
|
wcCalls.acceptSessionRequest(topic, id, signature)
|
|
}
|
|
|
|
rejectSessionRequest: function(topic, id, error) {
|
|
wcCalls.rejectSessionRequest(topic, id, error)
|
|
}
|
|
|
|
populateAuthPayload: function(id, authPayload, chains, methods) {
|
|
wcCalls.populateAuthPayload(id, authPayload, chains, methods)
|
|
}
|
|
|
|
formatAuthMessage: function(id, request, iss) {
|
|
wcCalls.formatAuthMessage(id, request, iss)
|
|
}
|
|
|
|
acceptSessionAuthenticate: function(id, auths) {
|
|
wcCalls.acceptSessionAuthenticate(id, auths)
|
|
}
|
|
|
|
rejectSessionAuthenticate: function(id, error) {
|
|
wcCalls.rejectSessionAuthenticate(id, error)
|
|
}
|
|
|
|
buildAuthObject: function(id, authPayload, signature, iss) {
|
|
wcCalls.buildAuthObject(id, authPayload, signature, iss)
|
|
}
|
|
|
|
emitSessionEvent: function(topic, event, chainId) {
|
|
wcCalls.emitSessionEvent(topic, event, chainId)
|
|
}
|
|
|
|
QtObject {
|
|
id: d
|
|
|
|
property bool sdkReady: false
|
|
property WebEngineView engine: loader.instance
|
|
}
|
|
|
|
QtObject {
|
|
id: wcCalls
|
|
|
|
function init() {
|
|
console.debug(`WC WalletConnectSDK.wcCall.init; root.projectId: ${root.projectId}`)
|
|
|
|
d.engine.runJavaScript(`
|
|
wc.init("${root.projectId}")
|
|
.then(()=> {
|
|
wc.statusObject.sdkInitialized("");
|
|
})
|
|
.catch((error) => {
|
|
wc.statusObject.sdkInitialized("SDK init error: "+error)
|
|
})
|
|
`)
|
|
}
|
|
|
|
function getPairings(callback) {
|
|
console.debug(`WC WalletConnectSDK.wcCall.getPairings;`)
|
|
|
|
if (d.engine) {
|
|
d.engine.runJavaScript(`wc.getPairings()`, function(result) {
|
|
console.debug(`WC WalletConnectSDK.wcCall.getPairings; result: ${JSON.stringify(result)}`)
|
|
|
|
if (callback && result) {
|
|
callback(result)
|
|
}
|
|
})
|
|
}
|
|
}
|
|
|
|
function getActiveSessions(callback) {
|
|
console.debug(`WC WalletConnectSDK.wcCall.getActiveSessions;`)
|
|
|
|
if (d.engine) {
|
|
d.engine.runJavaScript(`wc.getActiveSessions()`, function(result) {
|
|
if (callback && result) {
|
|
callback(result)
|
|
}
|
|
})
|
|
}
|
|
}
|
|
|
|
function pair(pairLink) {
|
|
console.debug(`WC WalletConnectSDK.wcCall.pair; pairLink: ${pairLink}`)
|
|
|
|
d.engine.runJavaScript(`
|
|
wc.pair("${pairLink}")
|
|
.then((value) => {
|
|
wc.statusObject.onPairResponse("")
|
|
})
|
|
.catch((e) => {
|
|
wc.statusObject.onPairResponse(e.message)
|
|
})
|
|
`
|
|
)
|
|
}
|
|
|
|
function buildApprovedNamespaces(pairingId, params, supportedNamespaces) {
|
|
console.debug(`WC WalletConnectSDK.wcCall.buildApprovedNamespaces; id: ${pairingId}, params: ${JSON.stringify(params)}, supportedNamespaces: ${JSON.stringify(supportedNamespaces)}`)
|
|
|
|
d.engine.runJavaScript(`
|
|
wc.buildApprovedNamespaces(${JSON.stringify(params)}, ${JSON.stringify(supportedNamespaces)})
|
|
.then((approvedNamespaces) => {
|
|
wc.statusObject.onBuildApprovedNamespacesResponse(${pairingId}, approvedNamespaces, "")
|
|
})
|
|
.catch((e) => {
|
|
wc.statusObject.onBuildApprovedNamespacesResponse(${pairingId}, "", e.message)
|
|
})
|
|
`
|
|
)
|
|
}
|
|
|
|
function approveSession(sessionProposal, supportedNamespaces) {
|
|
console.debug(`WC WalletConnectSDK.wcCall.approveSession; sessionProposal: ${JSON.stringify(sessionProposal)}, supportedNamespaces: ${JSON.stringify(supportedNamespaces)}`)
|
|
|
|
d.engine.runJavaScript(`
|
|
wc.approveSession(${JSON.stringify(sessionProposal)}, ${JSON.stringify(supportedNamespaces)})
|
|
.then((session) => {
|
|
wc.statusObject.onApproveSessionResponse(${sessionProposal.id}, session, "")
|
|
})
|
|
.catch((e) => {
|
|
wc.statusObject.onApproveSessionResponse(${sessionProposal.id}, "", e.message)
|
|
})
|
|
`
|
|
)
|
|
}
|
|
|
|
function rejectSession(id) {
|
|
console.debug(`WC WalletConnectSDK.wcCall.rejectSession; id: ${id}`)
|
|
|
|
d.engine.runJavaScript(`
|
|
wc.rejectSession(${id})
|
|
.then((value) => {
|
|
wc.statusObject.onRejectSessionResponse(${id}, "")
|
|
})
|
|
.catch((e) => {
|
|
wc.statusObject.onRejectSessionResponse(${id}, e.message)
|
|
})
|
|
`
|
|
)
|
|
}
|
|
|
|
function acceptSessionRequest(topic, id, signature) {
|
|
console.debug(`WC WalletConnectSDK.wcCall.acceptSessionRequest; topic: "${topic}", id: ${id}, signature: "${signature}"`)
|
|
|
|
d.engine.runJavaScript(`
|
|
wc.respondSessionRequest("${topic}", ${id}, "${signature}")
|
|
.then((value) => {
|
|
wc.statusObject.onAcceptSessionRequestResponse("${topic}", ${id}, "")
|
|
})
|
|
.catch((e) => {
|
|
wc.statusObject.onAcceptSessionRequestResponse("${topic}", ${id}, e.message)
|
|
})
|
|
`
|
|
)
|
|
}
|
|
|
|
function rejectSessionRequest(topic, id, error) {
|
|
console.debug(`WC WalletConnectSDK.wcCall.rejectSessionRequest; topic: "${topic}", id: ${id}, error: "${error}"`)
|
|
|
|
d.engine.runJavaScript(`
|
|
wc.rejectSessionRequest("${topic}", ${id}, ${error})
|
|
.then((value) => {
|
|
wc.statusObject.onRejectSessionRequestResponse("${topic}", ${id}, "")
|
|
})
|
|
.catch((e) => {
|
|
wc.statusObject.onRejectSessionRequestResponse("${topic}", ${id}, e.message)
|
|
})
|
|
`
|
|
)
|
|
}
|
|
|
|
function disconnectSession(topic) {
|
|
console.debug(`WC WalletConnectSDK.wcCall.disconnectSession; topic: "${topic}"`)
|
|
|
|
d.engine.runJavaScript(`
|
|
wc.disconnect("${topic}")
|
|
.then(() => {
|
|
wc.statusObject.onDisconnectSessionResponse("${topic}", "")
|
|
})
|
|
.catch((e) => {
|
|
wc.statusObject.onDisconnectSessionResponse("", e.message)
|
|
})
|
|
`
|
|
)
|
|
}
|
|
|
|
function emitSessionEvent(topic, event, chainId) {
|
|
console.debug(`WC WalletConnectSDK.wcCall.emitSessionEvent; topic: ${topic}, event: ${JSON.stringify(event)}, chainId: ${chainId}`)
|
|
d.engine.runJavaScript(`
|
|
wc.emitSessionEvent("${topic}", ${JSON.stringify(event)}, "${chainId}")
|
|
.then((value) => {
|
|
wc.statusObject.echo("debug", " emitSessionEvent success")
|
|
})
|
|
.catch((e) => {
|
|
wc.statusObject.echo("error", " emitSessionEvent error: " + e.message)
|
|
})`)
|
|
}
|
|
|
|
function disconnectPairing(topic) {
|
|
console.debug(`WC WalletConnectSDK.wcCall.disconnectPairing; topic: "${topic}"`)
|
|
|
|
d.engine.runJavaScript(`
|
|
wc.disconnect("${topic}")
|
|
.then(() => {
|
|
wc.statusObject.onDisconnectPairingResponse("${topic}", "")
|
|
})
|
|
.catch((e) => {
|
|
wc.statusObject.onDisconnectPairingResponse("", e.message)
|
|
})
|
|
`
|
|
)
|
|
}
|
|
|
|
function ping(topic) {
|
|
console.debug(`WC WalletConnectSDK.wcCall.ping; topic: "${topic}"`)
|
|
|
|
d.engine.runJavaScript(`
|
|
wc.ping("${topic}")
|
|
.then((value) => {
|
|
wc.statusObject.onPingResponse("")
|
|
})
|
|
.catch((e) => {
|
|
wc.statusObject.onPingResponse(e.message)
|
|
})
|
|
`
|
|
)
|
|
}
|
|
|
|
function populateAuthPayload(id, authPayload, chains, methods) {
|
|
console.debug(`WC WalletConnectSDK.wcCall.populateAuthPayload; id: "${id}", authPayload: ${JSON.stringify(authPayload)}, chains: ${JSON.stringify(chains)}, methods: ${JSON.stringify(methods)}`)
|
|
|
|
d.engine.runJavaScript(`
|
|
wc.populateAuthPayload(${JSON.stringify(authPayload)}, ${JSON.stringify(chains)}, ${JSON.stringify(methods)})
|
|
.then((value) => {
|
|
wc.statusObject.onPopulateAuthPayloadResponse("${id}", value, "")
|
|
})
|
|
.catch((e) => {
|
|
wc.statusObject.onPopulateAuthPayloadResponse("${id}", "", e.message)
|
|
})
|
|
`
|
|
)
|
|
}
|
|
|
|
function formatAuthMessage(id, request, iss) {
|
|
console.debug(`WC WalletConnectSDK.wcCall.formatAuthMessage; id: ${id}, request: ${JSON.stringify(request)}, iss: ${iss}`)
|
|
|
|
d.engine.runJavaScript(`
|
|
wc.formatAuthMessage(${JSON.stringify(request)}, "${iss}")
|
|
.then((value) => {
|
|
wc.statusObject.onFormatAuthMessageResponse(${id}, value, "")
|
|
})
|
|
.catch((e) => {
|
|
wc.statusObject.onFormatAuthMessageResponse(${id}, "", e.message)
|
|
})
|
|
`
|
|
)
|
|
}
|
|
|
|
function buildAuthObject(id, authPayload, signature, iss) {
|
|
console.debug(`WC WalletConnectSDK.wcCall.buildAuthObject; id: ${id}, authPayload: ${JSON.stringify(authPayload)}, signature: ${signature}, iss: ${iss}`)
|
|
|
|
d.engine.runJavaScript(`
|
|
wc.buildAuthObject(${JSON.stringify(authPayload)}, "${signature}", "${iss}")
|
|
.then((value) => {
|
|
wc.statusObject.onBuildAuthObjectResponse(${id}, value, "")
|
|
})
|
|
.catch((e) => {
|
|
wc.statusObject.onBuildAuthObjectResponse(${id}, "", e.message)
|
|
})
|
|
`
|
|
)
|
|
}
|
|
|
|
function acceptSessionAuthenticate(id, auths) {
|
|
console.debug(`WC WalletConnectSDK.wcCall.acceptSessionAuthenticate; id: ${id}, auths: ${JSON.stringify(auths)}`)
|
|
|
|
d.engine.runJavaScript(`
|
|
wc.acceptSessionAuthenticate(${id}, ${JSON.stringify(auths)})
|
|
.then((value) => {
|
|
wc.statusObject.onAcceptSessionAuthenticateResult(${id}, value, "")
|
|
})
|
|
.catch((e) => {
|
|
wc.statusObject.onAcceptSessionAuthenticateResult(${id}, "", e.message)
|
|
})
|
|
`
|
|
)
|
|
}
|
|
|
|
function rejectSessionAuthenticate(id, error) {
|
|
console.debug(`WC WalletConnectSDK.wcCall.rejectSessionAuthenticate; id: ${id}, error: "${error}"`)
|
|
|
|
d.engine.runJavaScript(`
|
|
wc.rejectSessionAuthenticate(${id}, ${error})
|
|
.then((value) => {
|
|
wc.statusObject.onRejectSessionAuthenticateResult(${id}, value, "")
|
|
})
|
|
.catch((e) => {
|
|
wc.statusObject.onRejectSessionAuthenticateResult(${id}, "", e.message)
|
|
})
|
|
`
|
|
)
|
|
}
|
|
}
|
|
|
|
QtObject {
|
|
id: statusObject
|
|
|
|
WebChannel.id: "statusObject"
|
|
|
|
function echo(type, message) {
|
|
if (type === "warn") {
|
|
console.warn(message)
|
|
} else if (type === "debug") {
|
|
console.debug(message)
|
|
} else if (type === "error") {
|
|
console.error(message)
|
|
} else {
|
|
console.log(message)
|
|
}
|
|
}
|
|
|
|
function sdkInitialized(error) {
|
|
console.debug(`WC WalletConnectSDK.sdkInitialized: ${!!error ? "error: " + error : "success"}`)
|
|
d.sdkReady = !error
|
|
root.sdkInit(d.sdkReady, error)
|
|
}
|
|
|
|
function onPairResponse(error) {
|
|
console.debug(`WC WalletConnectSDK.onPairResponse; error: ${error}`)
|
|
root.pairResponse(error == "")
|
|
}
|
|
|
|
function onPingResponse(error) {
|
|
console.debug(`WC WalletConnectSDK.onPingResponse; error: ${error}`)
|
|
}
|
|
|
|
function onDisconnectSessionResponse(topic, error) {
|
|
console.debug(`WC WalletConnectSDK.onDisconnectSessionResponse; topic: ${topic}, error: ${error}`)
|
|
root.sessionDelete(topic, error)
|
|
}
|
|
|
|
function onDisconnectPairingResponse(topic, error) {
|
|
console.debug(`WC WalletConnectSDK.onDisconnectPairingResponse; topic: ${topic}, error: ${error}`)
|
|
}
|
|
|
|
function onBuildApprovedNamespacesResponse(id, approvedNamespaces, error) {
|
|
console.debug(`WC WalletConnectSDK.onBuildApprovedNamespacesResponse; id: ${id}, approvedNamespaces: ${approvedNamespaces ? JSON.stringify(approvedNamespaces) : "-"}, error: ${error}`)
|
|
root.buildApprovedNamespacesResult(id, approvedNamespaces, error)
|
|
}
|
|
|
|
function onApproveSessionResponse(proposalId, session, error) {
|
|
console.debug(`WC WalletConnectSDK.onApproveSessionResponse; proposalId: ${proposalId}, sessionTopic: ${JSON.stringify(session)}, error: ${error}`)
|
|
root.approveSessionResult(proposalId, session, error)
|
|
}
|
|
|
|
function onRejectSessionResponse(proposalId, error) {
|
|
console.debug(`WC WalletConnectSDK.onRejectSessionResponse; proposalId: ${proposalId}, error: ${error}`)
|
|
root.rejectSessionResult(proposalId, error)
|
|
}
|
|
|
|
function onAcceptSessionRequestResponse(topic, id, error) {
|
|
console.debug(`WC WalletConnectSDK.onAcceptSessionRequestResponse; topic: ${topic}, id: ${id} error: ${error}`)
|
|
let responseToAccept = true
|
|
root.sessionRequestUserAnswerResult(topic, id, responseToAccept, error)
|
|
}
|
|
|
|
function onRejectSessionRequestResponse(topic, id, error) {
|
|
console.debug(`WC WalletConnectSDK.onRejectSessionRequestResponse; topic: ${topic}, id: ${id}, error: ${error}`)
|
|
let responseToAccept = false
|
|
root.sessionRequestUserAnswerResult(topic, id, responseToAccept, error)
|
|
}
|
|
|
|
function onSessionProposal(details) {
|
|
console.debug(`WC WalletConnectSDK.onSessionProposal; details: ${JSON.stringify(details)}`)
|
|
root.sessionProposal(details)
|
|
}
|
|
|
|
function onSessionUpdate(details) {
|
|
console.debug(`WC TODO WalletConnectSDK.onSessionUpdate; details: ${JSON.stringify(details)}`)
|
|
}
|
|
|
|
function onSessionExtend(details) {
|
|
console.debug(`WC TODO WalletConnectSDK.onSessionExtend; details: ${JSON.stringify(details)}`)
|
|
}
|
|
|
|
function onSessionPing(details) {
|
|
console.debug(`WC TODO WalletConnectSDK.onSessionPing; details: ${JSON.stringify(details)}`)
|
|
}
|
|
|
|
function onSessionDelete(details) {
|
|
console.debug(`WC WalletConnectSDK.onSessionDelete; details: ${JSON.stringify(details)}`)
|
|
root.sessionDelete(details.topic, "")
|
|
}
|
|
|
|
function onSessionExpire(details) {
|
|
console.debug(`WC TODO WalletConnectSDK.onSessionExpire; details: ${JSON.stringify(details)}`)
|
|
}
|
|
|
|
function onSessionRequest(details) {
|
|
console.debug(`WC WalletConnectSDK.onSessionRequest; details: ${JSON.stringify(details)}`)
|
|
root.sessionRequestEvent(details)
|
|
}
|
|
|
|
function onSessionRequestSent(details) {
|
|
console.debug(`WC TODO WalletConnectSDK.onSessionRequestSent; details: ${JSON.stringify(details)}`)
|
|
}
|
|
|
|
function onSessionEvent(details) {
|
|
console.debug(`WC TODO WalletConnectSDK.onSessionEvent; details: ${JSON.stringify(details)}`)
|
|
}
|
|
|
|
function onProposalExpire(details) {
|
|
console.debug(`WC WalletConnectSDK.onProposalExpire; details: ${JSON.stringify(details)}`)
|
|
root.sessionProposalExpired()
|
|
}
|
|
|
|
function onSessionRequestExpire(id) {
|
|
console.debug(`WC WalletConnectSDK.onSessionRequestExpire; id: ${id}`)
|
|
root.sessionRequestExpired(id)
|
|
}
|
|
|
|
function onPopulateAuthPayloadResponse(id, payload, error) {
|
|
console.debug(`WC WalletConnectSDK.onPopulateAuthPayloadResponse; id: ${id}, payload: ${JSON.stringify(payload)}, error: ${error}`)
|
|
root.populateAuthPayloadResult(id, payload, error)
|
|
}
|
|
|
|
function onFormatAuthMessageResponse(id, message, error) {
|
|
console.debug(`WC WalletConnectSDK.onFormatAuthMessageResponse; id: ${id}, message: ${JSON.stringify(message)}, error: ${error}`)
|
|
root.formatAuthMessageResult(id, message, error)
|
|
}
|
|
|
|
function onBuildAuthObjectResponse(id, authObject, error) {
|
|
console.debug(`WC WalletConnectSDK.onBuildAuthObjectResponse; id: ${id}, authObject: ${JSON.stringify(authObject)}, error: ${error}`)
|
|
root.buildAuthObjectResult(id, authObject, error)
|
|
}
|
|
|
|
function onSessionAuthenticate(details) {
|
|
console.debug(`WC WalletConnectSDK.onSessionAuthenticate; details: ${JSON.stringify(details)}`)
|
|
root.sessionAuthenticateRequest(details)
|
|
}
|
|
|
|
function onAcceptSessionAuthenticateResult(id, result, error) {
|
|
console.debug(`WC WalletConnectSDK.onAcceptSessionAuthenticateResult; id: ${id}, result: ${JSON.stringify(result)}, error: ${error}`)
|
|
root.acceptSessionAuthenticateResult(id, result, error)
|
|
}
|
|
|
|
function onRejectSessionAuthenticateResult(id, result, error) {
|
|
console.debug(`WC WalletConnectSDK.onRejectSessionAuthenticateResult; id: ${id}, result: ${result}, error: ${error}`)
|
|
root.rejectSessionAuthenticateResult(id, result, error)
|
|
}
|
|
}
|
|
|
|
WebEngineLoader {
|
|
id: loader
|
|
|
|
anchors.fill: parent
|
|
active: root.enabled
|
|
url: "qrc:/app/AppLayouts/Wallet/services/dapps/sdk/src/index.html"
|
|
webChannelObjects: [ statusObject ]
|
|
|
|
onPageLoaded: function() {
|
|
wcCalls.init()
|
|
}
|
|
onPageLoadingError: function(error) {
|
|
console.error("WebEngineLoader.onPageLoadingError: ", error)
|
|
}
|
|
|
|
onActiveChanged: function() {
|
|
if (!active) {
|
|
d.sdkReady = false
|
|
}
|
|
}
|
|
}
|
|
}
|