Skip to content

Instantly share code, notes, and snippets.

View TABASCOatw's full-sized avatar
💜
At Particle, we're building Modular Chain Abstraction Infrastructure.

TABASCO TABASCOatw

💜
At Particle, we're building Modular Chain Abstraction Infrastructure.
61 followers · 40 following
  • Particle Network
  • Denver, CO
  • 01:22 (UTC -07:00)
  • X @TABASCOweb3
View GitHub Profile
@TABASCOatw
TABASCOatw / App.tsx
Created October 25, 2023 04:26
Manta Pacific Simple smart account implementation with Smart WaaS (modular SA update)
import React, { useState, useEffect } from 'react';
import { ParticleNetwork } from '@particle-network/auth';
import { ParticleProvider } from '@particle-network/provider';
import { Manta } from '@particle-network/chains';
import { AAWrapProvider, SmartAccount } from '@particle-network/aa';
import { ethers } from 'ethers';
const config = {
projectId: process.env.REACT_APP_PROJECT_ID,
clientKey: process.env.REACT_APP_CLIENT_KEY,
@TABASCOatw
TABASCOatw / App.tsx
Created October 25, 2023 04:28
Taiko Jolnir Simple smart account implementation with Smart WaaS (modular SA update)
import React, { useState, useEffect } from 'react';
import { ParticleNetwork } from '@particle-network/auth';
import { ParticleProvider } from '@particle-network/provider';
import { TaikoJolnir } from '@particle-network/chains';
import { AAWrapProvider, SmartAccount } from '@particle-network/aa';
import { ethers } from 'ethers';
const config = {
projectId: process.env.REACT_APP_PROJECT_ID,
clientKey: process.env.REACT_APP_CLIENT_KEY,
@TABASCOatw
TABASCOatw / App.tsx
Created October 25, 2023 04:48
Scroll Mainnet Simple smart account implementation with Smart WaaS (modular SA update)
import React, { useState, useEffect } from 'react';
import { ParticleNetwork } from '@particle-network/auth';
import { ParticleProvider } from '@particle-network/provider';
import { Scroll } from '@particle-network/chains';
import { AAWrapProvider, SmartAccount } from '@particle-network/aa';
import { ethers } from 'ethers';
const config = {
projectId: process.env.REACT_APP_PROJECT_ID,
clientKey: process.env.REACT_APP_CLIENT_KEY,
@TABASCOatw
TABASCOatw / App.tsx
Created October 25, 2023 05:17
Mantle Mainnet Simple smart account implementation with Smart WaaS (modular SA update)
import React, { useState, useEffect } from 'react';
import { ParticleNetwork } from '@particle-network/auth';
import { ParticleProvider } from '@particle-network/provider';
import { Mantle } from '@particle-network/chains';
import { AAWrapProvider, SmartAccount } from '@particle-network/aa';
import { ethers } from 'ethers';
const config = {
projectId: process.env.REACT_APP_PROJECT_ID,
clientKey: process.env.REACT_APP_CLIENT_KEY,
@TABASCOatw
TABASCOatw / App.tsx
Created October 25, 2023 07:10
Avalanche Mainnet Biconomy smart account implementation with Smart WaaS (modular SA update)
import React, { useState, useEffect } from 'react';
import { ParticleNetwork } from '@particle-network/auth';
import { ParticleProvider } from '@particle-network/provider';
import { Avalanche } from '@particle-network/chains';
import { AAWrapProvider, SmartAccount, SendTransactionMode } from '@particle-network/aa';
import { ethers } from 'ethers';
const config = {
projectId: process.env.REACT_APP_PROJECT_ID,
clientKey: process.env.REACT_APP_CLIENT_KEY,
@TABASCOatw
TABASCOatw / App.tsx
Created October 28, 2023 15:44
Ethereum Goerli Particle Smart WaaS SimpleAccount
import React, { useState, useEffect } from 'react';
import { ParticleNetwork } from '@particle-network/auth';
import { ParticleProvider } from '@particle-network/provider';
import { EthereumGoerli } from '@particle-network/chains';
import { AAWrapProvider, SmartAccount, SendTransactionMode } from '@particle-network/aa';
import { ethers } from 'ethers';
const config = {
projectId: process.env.REACT_APP_PROJECT_ID,
clientKey: process.env.REACT_APP_CLIENT_KEY,
@TABASCOatw
TABASCOatw / App.tsx
Created November 7, 2023 21:28
Gist example for Leveraging Viction within Particle Network's Smart Wallet-as-a-Service
import React, { useState, useEffect } from 'react';
import { ParticleNetwork } from '@particle-network/auth';
import { ParticleProvider } from '@particle-network/provider';
import { Viction } from '@particle-network/chains';
import { AAWrapProvider, SmartAccount } from '@particle-network/aa';
import { ethers } from 'ethers';
const config = {
projectId: process.env.REACT_APP_PROJECT_ID,
clientKey: process.env.REACT_APP_CLIENT_KEY,
@TABASCOatw
TABASCOatw / particleConnector.ts
Created January 18, 2024 05:49
ParticleConnector class used within @particle-network/rainbowkit-ext
import type { AuthType } from '@particle-network/auth';
import type { ParticleProvider } from '@particle-network/provider';
import type { Chain } from '@rainbow-me/rainbowkit';
import { Address, Connector, ConnectorData } from 'wagmi';
declare type ParticleAuth = ConstructorParameters<typeof ParticleProvider>[0];
declare type ParticleOptions = {
auth?: ParticleAuth;
authType?: AuthType;
};
export declare class ParticleConnector extends Connector<ParticleProvider, ParticleOptions> {
@TABASCOatw
TABASCOatw / index.tsx
Last active February 2, 2024 15:19
Example of leveraging Particle Auth Core alongside Particle's AA SDK to onboard users into smart accounts and execute transactions on Berachain Artio.
import React, { useState, useEffect } from 'react';
import ReactDOM from 'react-dom/client';
import { ethers } from 'ethers';
import { notification } from 'antd';
import { useEthereum, useConnect, useAuthCore, AuthCoreContextProvider } from '@particle-network/auth-core-modal';
import { AAWrapProvider, SmartAccount, SendTransactionMode } from '@particle-network/aa';
import { BerachainArtio } from '@particle-network/chains';
import './App.css';
const App = () => {
@TABASCOatw
TABASCOatw / index.css
Created February 21, 2024 23:58
Particle Connect CSS
/* src/styles/root.css */
.particle-connect-ui-theme-ligth {
--bg-color: #FFFFFF;
--font-color1: #000000;
--font-color2: rgba(60, 66, 66, 0.6);
--font-color3: rgba(107, 113, 146, 1);
--scoll-bar-color: rgba(0, 0, 0, 0.3);
--hover-color: rgba(0, 0, 0, 0.3);
--hover-color2: rgba(81, 119, 249, 0.05);
--active-color: rgba(0, 0, 0, 1);