@web3jskit/walletkit 0.0.4 → 0.0.6

package/src/stores/index.ts

@@ -1,75 +0,0 @@
-import { create } from 'zustand';
-import { persist, createJSONStorage } from 'zustand/middleware';
-import type { Locals, Theme } from '../types/configType';
-
-export enum AppModal {
-	ConnectModal,
-	InfoModal
-}
-
-type Avatar = {
-	text: string;
-	bg: string;
-};
-
-export interface WalletKitState {
-	chains: Array<any>;
-	setChains: (chains: Array<any>) => void;
-
-	language: Locals;
-	setLanguage: (language: Locals) => void;
-
-	theme: Theme;
-	toggleTheme: () => void;
-
-	modalType: AppModal | null;
-	openModal: (modal: AppModal) => void;
-	closeModal: () => void;
-
-	avatar: Avatar | null;
-	setAvatar: (avatar: Avatar) => void;
-}
-
-export const walletKitStore = create<WalletKitState>()(
-	persist(
-		(set, get) => ({
-			chains: [],
-			setChains(chains: Array<any>) {
-				return set(() => ({ chains }));
-			},
-
-			language: 'en',
-			setLanguage(language: Locals) {
-				return set(() => ({ language }));
-			},
-
-			theme: 'lightMode',
-			toggleTheme() {
-				const { theme } = get();
-				return set(() => ({ theme: theme === 'darkMode' ? 'lightMode' : 'darkMode' }));
-			},
-
-			modalType: null,
-			openModal(modal: AppModal) {
-				return set(() => ({ modalType: modal }));
-			},
-			closeModal() {
-				return set(() => ({ modalType: null }));
-			},
-
-			avatar: null,
-			setAvatar(avatar: Avatar) {
-				return set(() => ({ avatar }));
-			}
-		}),
-		{
-			name: 'WALLET_KIT_STORE',
-			storage: createJSONStorage(() => localStorage),
-			onRehydrateStorage: () => state => {
-				if (state) {
-					state.closeModal();
-				}
-			}
-		}
-	)
-);

package/src/styled/index.ts

@@ -1,79 +0,0 @@
-import { styled } from 'styled-components';
-
-export const FlexBox = styled.div`
-	display: flex;
-	position: relative;
-`;
-export const FlexCenter = styled.div`
-	display: flex;
-	align-items: center;
-	justify-content: center;
-`;
-export const FlexAICenter = styled.div`
-	display: flex;
-	align-items: center;
-`;
-export const FlexJCCenter = styled.div`
-	display: flex;
-	justify-content: center;
-`;
-export const FlexJCSpaceBetween = styled.div`
-	display: flex;
-	justify-content: space-between;
-`;
-
-export const FlexJCEnd = styled.div`
-	display: flex;
-	justify-content: flex-end;
-`;
-export const FlexJCStart = styled.div`
-	display: flex;
-	justify-content: flex-start;
-`;
-export const FlexWrap = styled.div`
-	display: flex;
-	flex-wrap: wrap;
-`;
-export const FlexCol = styled.div`
-	display: flex;
-	flex-direction: column;
-`;
-export const FlexColAIEnd = styled.div`
-	display: flex;
-	flex-direction: column;
-	align-items: end;
-`;
-export const FlexColJCEnd = styled.div`
-	display: flex;
-	flex-direction: column;
-	justify-content: end;
-`;
-export const FlexCenterCol = styled.div`
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-`;
-export const FlexJCCenterCol = styled.div`
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-`;
-
-export const FlexJCSBCol = styled.div`
-	display: flex;
-	flex-direction: column;
-	justify-content: space-between;
-`;
-export const FlexJCSBCenter = styled.div`
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-`;
-export const FlexAICenterCol = styled.div`
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-`;
-
-export const SlotWrapper = styled.div``;

package/src/test/getwalletprovider.test.ts

@@ -1,9 +0,0 @@
-import { describe, it } from 'vitest';
-describe('getInjectedProvider', () => {
-	it('metamask provider', () => {
-		console.log('connector');
-	});
-	it('getInjectedConnector', () => {
-		console.log('connector');
-	});
-});

package/src/test/setup.ts

@@ -1,7 +0,0 @@
-import '@testing-library/jest-dom';
-import { cleanup } from '@testing-library/react';
-import { afterEach } from 'vitest';
-
-afterEach(() => {
-	cleanup();
-});

package/src/theme/index.ts

@@ -1,93 +0,0 @@
-import { createGlobalStyle } from 'styled-components';
-
-export const themeStyle = {
-	darkMode: {
-		textColor: '#ffffff',
-		textColor1: '#757575 ',
-		textColor2: '#ffffff',
-		textColor3: '#5c5c5c',
-		textColor4: '#ffffff',
-		textColor5: '#858585',
-		buttonBg: '#ffffff',
-		buttonColor: '#000000',
-		modalBg: '#191919',
-		modalSideBg: '#171717',
-		itemActiveBg: 'rgba(255, 255, 255, 0.20)',
-		itemHoverBg: 'rgba(255, 255, 255, 0.10)',
-		blue: '#00a6ff',
-		gray: '#acacac',
-		borderColor: '#2a2a2a',
-		backArrowColor: '#fbfbfb',
-		closeBtnBg: 'rgba(146, 146, 146, .2)',
-		closeBtnColor: '#ffffff',
-		closeBtnHoverBg: 'rgba(146, 146, 146, .4)',
-		infoBtnBg: 'rgba(224, 232, 255, 0.1)',
-		infoBtnHoverBg: 'rgba(224, 232, 255, 0.2)',
-		cardBg: 'linear-gradient(126deg, rgba(120, 120, 120, 0.2) 9.49%, rgba(0, 0, 0, 0) 71.04%), #1A1B1F',
-		spinColor: '#ffffff'
-	},
-	lightMode: {
-		textColor: '#000000',
-		textColor1: '#757575',
-		textColor2: '#444444',
-		textColor3: '#a8a8a8',
-		textColor4: '#111111',
-		textColor5: '#858585',
-		buttonBg: '#000000',
-		buttonColor: '#ffffff',
-		modalBg: '#ffffff',
-		modalSideBg: '#f9f9f9',
-		itemActiveBg: 'rgba(0, 0, 0, 0.20)',
-		itemHoverBg: 'rgba(0, 0, 0, 0.10)',
-		blue: '#00a6ff',
-		gray: '#acacac',
-		borderColor: '#f0f0f0',
-		backArrowColor: '#161617',
-		closeBtnBg: 'rgba(146, 146, 146, .3)',
-		closeBtnColor: '#ffffff',
-		closeBtnHoverBg: 'rgba(146, 146, 146, .5)',
-		infoBtnBg: 'rgba(0, 0, 0, 0.05)',
-		infoBtnHoverBg: 'rgba(0, 0, 0, 0.1)',
-		cardBg: 'linear-gradient(126deg,rgba(200, 200, 200, 0.2) 9.49%, rgba(255, 255, 255, 0) 71.04%),#f5f5f5',
-		spinColor: '#6a6a6a'
-	}
-};
-
-export const ThemedGlobalStyle = createGlobalStyle`
-
-	.gap-2 {
-		gap: 2px;
-	}
-
-	.gap-4 {
-		gap: 4px;
-	}
-
-	.gap-6 {
-		gap: 6px;
-	}
-
-	.gap-8 {
-		gap: 8px;
-	}
-
-	.gap-10 {
-		gap: 10px;
-	}
-
-	.gap-12 {
-		gap: 12px;
-	}
-
-	.gap-14 {
-		gap: 14px;
-	}
-
-	.gap-16 {
-		gap: 16px;
-	}
-
-	.pd-tb-10{
-		padding: 10px 0;
-	}
-`;

package/src/theme/styled.d.ts

@@ -1,30 +0,0 @@
-// styled.d.ts
-import 'styled-components';
-
-declare module 'styled-components' {
-	export interface DefaultTheme {
-		textColor: string;
-		textColor1: string;
-		textColor2: string;
-		textColor3: string;
-		textColor4: string;
-		textColor5: string;
-		buttonBg: string;
-		buttonColor: string;
-		modalBg: string;
-		modalSideBg: string;
-		itemActiveBg: string;
-		itemHoverBg: string;
-		blue: string;
-		gray: string;
-		borderColor: string;
-		backArrowColor: string;
-		closeBtnBg: string;
-		closeBtnColor: string;
-		closeBtnHoverBg: string;
-		infoBtnBg: string;
-		infoBtnHoverBg: string;
-		cardBg: string;
-		spinColor: string;
-	}
-}

package/src/types/configType.ts

@@ -1,2 +0,0 @@
-export type Locals = 'zh-CN' | 'en' | 'zh' | 'en-US';
-export type Theme = 'darkMode' | 'lightMode';

package/src/types/slotsType.ts

@@ -1,23 +0,0 @@
-export interface EIP6963ProviderInfo {
-	uuid: string;
-	name: string;
-	icon: string;
-	rdns: string;
-}
-export interface ISlots {
-	EIP6963ProviderInfo?: EIP6963ProviderInfo;
-	isEIP6963Provider?: boolean;
-	injected?: boolean;
-	provider: any;
-	namespace: string;
-}
-export interface ICreateSlots {
-	slots?: Array<ISlots>;
-}
-export interface ISlotsConnector {
-	uuid: string;
-	walletName: string;
-	walletIcon: string;
-	connector?: any;
-	connectorNamespace?: string;
-}

package/src/utils/formatter.ts

@@ -1,4 +0,0 @@
-export const formatAddress = (address: string) => {
-	if (!address) return '';
-	return `${address.slice(0, 4)}...${address.slice(-4)}`;
-};

package/src/utils/generateAvatar.ts

@@ -1,35 +0,0 @@
-export function generateRandomAvatar() {
-	const animalColors = {
-		'🐵': '#8B4513',
-		'🐶': '#A0522D',
-		'🐺': '#696969',
-		'🦊': '#FF8C00',
-		'🦝': '#808080',
-		'🐱': '#FAFAD2',
-		'🦁': '#FFA500',
-		'🐯': '#FF8C00',
-		'🐮': '#8B4513',
-		'🐷': '#FF8CBC',
-		'🐗': '#8B4513',
-		'🦒': '#FFD700',
-		'🐭': '#D3D3D3',
-		'🐹': '#DEB887',
-		'🐰': '#FFF5EE',
-		'🐻': '#8B4513',
-		'🐨': '#A9A9A9',
-		'🐼': '#FFFFFF',
-		'🐸': '#7CFC00'
-	};
-
-	const keys = Object.keys(animalColors) as (keyof typeof animalColors)[];
-	const randomIndex = Math.floor(Math.random() * keys.length);
-	const text = keys[randomIndex];
-
-	if (!text) {
-		throw new Error('Unexpected undefined value from keys[randomIndex]');
-	}
-
-	const bg = animalColors[text];
-
-	return { text, bg };
-}

package/src/wallets/SlotsWallets/index.ts

@@ -1,30 +0,0 @@
-import type { EIP6963ProviderInfo, ICreateSlots, ISlots } from '../../types/slotsType';
-
-export function announceProvider(info: EIP6963ProviderInfo, provider: any) {
-	(window as any)['ethereum'] = provider;
-	try {
-		window.dispatchEvent(
-			new CustomEvent('eip6963:announceProvider', {
-				detail: Object.freeze({ info, provider })
-			})
-		);
-		window.dispatchEvent(new Event('eip6963:requestProvider'));
-	} catch (e) {
-		console.error(e);
-	}
-}
-
-export function createSlots({ slots }: ICreateSlots) {
-	if (slots && slots?.length) {
-		const providers: any = {};
-
-		slots?.map((slot: ISlots) => {
-			if (slot?.isEIP6963Provider && slot?.EIP6963ProviderInfo && !slot?.injected) {
-				announceProvider(slot.EIP6963ProviderInfo, slot.provider);
-			}
-			providers[slot.namespace] = slot.provider;
-		});
-		return providers;
-	}
-	return;
-}

package/tsconfig.build.json

@@ -1,4 +0,0 @@
-{
-	"extends": "./tsconfig.json",
-	"exclude": ["**/tests"]
-}

package/tsconfig.json

@@ -1,55 +0,0 @@
-{
-	"compilerOptions": {
-		"target": "ES2021",
-		"lib": ["DOM", "DOM.Iterable", "ESNext"],
-		"module": "ESNext",
-		"skipLibCheck": true,
-		"strict": true,
-		"forceConsistentCasingInFileNames": true,
-		"esModuleInterop": true,
-		"moduleResolution": "Bundler",
-		"experimentalDecorators": true,
-		"resolveJsonModule": true,
-		"removeComments": true,
-		"isolatedModules": true,
-		"allowJs": false,
-		"allowSyntheticDefaultImports": true,
-		"allowUnreachableCode": false,
-		"noUnusedLocals": true,
-		"noUnusedParameters": true,
-		"noImplicitReturns": true,
-		"noImplicitOverride": true,
-		"noFallthroughCasesInSwitch": true,
-		"noPropertyAccessFromIndexSignature": true,
-		"noUncheckedIndexedAccess": true,
-		"verbatimModuleSyntax": true,
-		"sourceMap": true,
-		"incremental": true,
-		//		"composite": true,
-		"preserveSymlinks": false,
-		"declaration": true,
-		"declarationDir": "dist",
-		"jsx": "react-jsx",
-		"outDir": "dist" // 指定输出目录
-
-		//
-		//		"noEmit": true,
-		//		"alwaysStrict": true,
-		//		"strictNullChecks": true,
-		//		"noImplicitAny": true,
-		//		"noImplicitThis": true,
-		//		"downlevelIteration": true,
-	},
-	"exclude": [
-		"node_modules",
-		"src/**/*.test.tsx",
-		"src/**/*.test.ts",
-		"dist",
-		"types",
-		"out",
-		".next",
-		".turbo",
-		"coverage"
-	],
-	"include": ["src/**/*", "package.json"]
-}

package/vitest.config.ts

@@ -1,10 +0,0 @@
-import { defineConfig } from 'vitest/config';
-
-export default defineConfig({
-	test: {
-		environment: 'jsdom',
-		globals: true,
-		setupFiles: ['./src/test/setup.ts'],
-		watch: false
-	}
-});