Add Gnosis Safe

[johnson86tw]

sdk: https://docs.gnosis-safe.io/build/sdks/safe-apps/build

[re2005]

Any update on this one ?

[johnson86tw]

@re2005 No, sorry. My hands are full recently. Do you want to make it work?

[re2005]

Already trying to fix this.

https://github.com/safe-global/safe-apps-sdk/issues/337

[fberger-xyz]

Hi @re2005 Any update on the integration of gnosis ? If not I might give it a try soon Thanks

[re2005]

@fran6brg in order to use Gnosis Safe you should do something like this:

You will need to install @gnosis.pm/safe-apps-wagmi

import { MetaMaskConnector, WalletConnectConnector } from 'vue-dapp';
import { SafeConnector } from '@gnosis.pm/safe-apps-wagmi';

const isServer = typeof window === 'undefined';
const isIframe = !isServer && window?.parent !== window;

const connectors: any = [
    new MetaMaskConnector({
        appUrl: window.location.href,
    }),
    new WalletConnectConnector({
        qrcode: true,
        rpc: {},
    }),
];

if (isIframe) {
    connectors.push(new SafeConnector({}));
}

export const isGnosisSafeApp = isIframe;

export default connectors;

So basically within your connect you can check if your dapp is running inside GnosisSafe and than just use

new SafeConnector({})

Give it a try ;)

[fberger-xyz]

Just tested your suggestion of code, for me it works perfectly 🙏 I only had some minor typescript issues but surely because I modified the vue-dapp package a bit

[re2005]

@fran6brg please feel free to suggest improvements for this repo as well.

Cheers.

[johnson86tw]

You will need to install @gnosis.pm/safe-apps-wagmi

import { MetaMaskConnector, WalletConnectConnector } from 'vue-dapp';
import { SafeConnector } from '@gnosis.pm/safe-apps-wagmi';

const isServer = typeof window === 'undefined';
const isIframe = !isServer && window?.parent !== window;

const connectors: any = [
    new MetaMaskConnector({
        appUrl: window.location.href,
    }),
    new WalletConnectConnector({
        qrcode: true,
        rpc: {},
    }),
];

if (isIframe) {
    connectors.push(new SafeConnector({}));
}

export const isGnosisSafeApp = isIframe;

export default connectors;

So basically within your connect you can check if your dapp is running inside GnosisSafe and than just use

new SafeConnector({})

Give it a try ;)

Seems that this solution can be written down on the document and then it's better to close this issue