feat: add Venly connector to packages

docs/src/routes/docs/[...4]wallets/venly.md

@@ -0,0 +1,55 @@
+# Venly
+
+Wallet module for connecting Venly Wallet SDK to web3-onboard. Check out the [Venly Docs](https://docs.venly.io/) for more information.
+## Install
+
+<Tabs values={['yarn', 'npm']}>
+<TabPanel value="yarn">
+
+```sh copy
+yarn add @web3-onboard/venly
+```
+
+  </TabPanel>
+  <TabPanel value="npm">
+
+```sh copy
+npm install @web3-onboard/venly
+```
+
+  </TabPanel>
+</Tabs>
+
+## Options
+
+```typescript
+type VenlyProviderOptions = {
+  clientId: string
+}
+```
+
+## Usage
+
+```typescript
+import Onboard from '@web3-onboard/core'
+import venlyModule from '@web3-onboard/venly'
+
+// initialize the module with options
+const venly = venlyModule({ 
+  clientId: 'YOUR_CLIENT_ID',
+})
+
+const onboard = Onboard({
+  // ... other Onboard options
+  wallets: [
+    venly
+    //... other wallets
+  ]
+})
+
+const connectedWallets = await onboard.connectWallet()
+console.log(connectedWallets)
+```
+
+## Build Environments
+For build env configurations and setups please see the Build Env section [here](/docs/modules/core#build-environments)

packages/venly/README.md

@@ -0,0 +1,31 @@
+# @web3-onboard/venly
+
+## Wallet module for connecting Venly SDK to web3-onboard
+See [Venly SDK Docs](https://docs.venly.io/widget/) for complete documentation of Venly usage
+
+### Install
+
+`npm install @web3-onboard/venly`
+
+## Usage
+
+```typescript
+import Onboard from '@web3-onboard/core'
+import venlyModule from '@web3-onboard/venly'
+
+// initialize the module with options
+const venly = venlyModule({
+  clientId: 'YOUR_CLIENT_ID'
+})
+
+const onboard = Onboard({
+  // ... other Onboard options
+  wallets: [
+    venly
+    //... other wallets
+  ]
+})
+
+const connectedWallets = await onboard.connectWallet()
+console.log(connectedWallets)
+```

packages/venly/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@web3-onboard/venly",
+  "version": "2.0.0-alpha.1",
+  "description": "Venly wallet module for connecting to Web3-Onboard. Web3-Onboard makes it simple to connect Ethereum hardware and software wallets to your dapp. Features standardised spec compliant web3 providers for all supported wallets, framework agnostic modern javascript UI with code splitting, CSS customization, multi-chain and multi-account support, reactive wallet state subscriptions and real-time transaction state change notifications.",
+  "keywords": [
+    "Ethereum",
+    "Web3",
+    "EVM",
+    "dapp",
+    "Multichain",
+    "Wallet",
+    "Transaction",
+    "Provider",
+    "Notifications",
+    "React",
+    "Venly",
+    "Connect Wallet",
+    "Ethereum Hooks",
+    "Blocknative",
+    "Crypto",
+    "Crypto Wallet"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/blocknative/web3-onboard.git",
+    "directory": "packages/venly"
+  },
+  "homepage": "https://onboard.blocknative.com",
+  "bugs": "https://github.com/blocknative/web3-onboard/issues",
+  "module": "dist/index.js",
+  "browser": "dist/index.js",
+  "main": "dist/index.js",
+  "type": "module",
+  "typings": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsc -w",
+    "type-check": "tsc --noEmit"
+  },
+  "license": "MIT",
+  "devDependencies": {
+    "typescript": "^4.5.5"
+  },
+  "dependencies": {
+    "@venly/web3-provider": "^3.0.0-develop.8",
+    "@web3-onboard/common": "^2.3.1"
+  }
+}

packages/venly/src/icon.ts

@@ -0,0 +1,12 @@
+export default `
+  <svg width="100%" height="100%" viewBox="0 0 1080 1080" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect width="1080" height="1080" fill="url(#paint0_linear)" rx="20%"/>
+    <path d="M834.167 474.367L760.572 502.319C757.478 503.445 754.478 500.443 755.79 497.348L837.823 298.208C839.042 295.206 836.135 292.111 833.135 293.237L677.227 347.829C674.227 348.861 671.789 351.206 670.57 354.207L564.913 620.884C563.6 624.261 566.882 627.638 570.257 626.418L636.257 602.218C639.914 600.904 643.289 604.844 641.32 608.315L544.381 772.936C542.319 776.5 537.069 776.5 535.006 772.936L438.067 608.221C436.098 604.844 439.38 600.811 443.13 602.124L509.131 626.324C512.506 627.544 515.787 624.167 514.475 620.79L408.723 354.207C407.504 351.206 405.16 348.954 402.067 347.829L246.346 293.237C243.252 292.205 240.439 295.206 241.658 298.208L323.597 497.348C324.816 500.35 321.816 503.445 318.815 502.319L245.689 474.367C241.939 472.96 238.564 476.993 240.627 480.464L458.317 841.035C460.474 844.6 464.318 846.757 468.536 846.757H611.226C615.351 846.757 619.288 844.6 621.445 841.035L839.51 480.464C841.292 476.993 837.917 472.96 834.167 474.367Z" fill="white"/>
+    <defs>
+      <linearGradient id="paint0_linear" x1="435.874" y1="-3.23691e-05" x2="1146.57" y2="178.471" gradientUnits="userSpaceOnUse">
+        <stop stop-color="#7735E8"/>
+        <stop offset="1" stop-color="#C62CF1"/>
+      </linearGradient>
+    </defs>
+  </svg>
+`

packages/venly/src/index.ts

@@ -0,0 +1,36 @@
+import { WalletInit } from '@web3-onboard/common';
+
+interface VenlyProviderOptions {
+  clientId: string
+  secretType?: any
+  environment?: string
+}
+
+function venly(options: VenlyProviderOptions): WalletInit {
+  return () => {
+    return {
+      label: 'Venly',
+      getIcon: async () => (await import('./icon.js')).default,
+      getInterface: async ({ chains }) => {
+        const { VenlyProvider, SECRET_TYPES } = await import('@venly/web3-provider');
+        if (!options.secretType) {
+          const chainId = +chains[0].id;
+          const chain = SECRET_TYPES[chainId];
+          if (!chain) throw Error('Chain not supported');
+          options.secretType = chain.secretType;
+          options.environment = chain.env;
+        }
+
+        const instance = new VenlyProvider();
+        const provider = await instance.createProvider(options);
+
+        return {
+          provider,
+          instance
+        }
+      }
+    }
+  }
+}
+
+export default venly

packages/venly/tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "extends": "../../tsconfig.json",
+  "include": ["src/**/*"],
+
+  "compilerOptions": {
+    "outDir": "dist",
+    "rootDir": "src",
+    "declarationDir": "dist",
+    "paths": {
+      "*": ["./src/*", "./node_modules/*"]
+    },
+    "typeRoots": ["node_modules/@types"],
+  }
+}