@web3jskit/walletkit 0.0.1

package/src/theme/index.ts

@@ -0,0 +1,93 @@
+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

@@ -0,0 +1,30 @@
+// 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

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

package/src/types/slotsType.ts

@@ -0,0 +1,23 @@
+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

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

package/src/utils/generateAvatar.ts

@@ -0,0 +1,35 @@
+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

@@ -0,0 +1,30 @@
+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

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

package/tsconfig.json

@@ -0,0 +1,55 @@
+{
+	"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

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