@n1xyz/wallet-widget 0.0.1

package/src/utils/logger.ts

@@ -0,0 +1,98 @@
+const isDevelopment = process.env.NODE_ENV === 'development';
+
+type LogLevel = 'debug' | 'info' | 'warn' | 'error';
+
+interface LoggerOptions {
+  prefix?: string;
+  level?: LogLevel;
+}
+
+class Logger {
+  private prefix: string;
+  private level: LogLevel;
+
+  constructor(options: LoggerOptions = {}) {
+    this.prefix = options.prefix || '[N1-Wallet]';
+    this.level = options.level || 'debug';
+  }
+
+  private shouldLog(level: LogLevel): boolean {
+    if (!isDevelopment) return false;
+
+    const levels: Record<LogLevel, number> = {
+      debug: 0,
+      info: 1,
+      warn: 2,
+      error: 3,
+    };
+
+    return levels[level] >= levels[this.level];
+  }
+
+  private formatMessage(level: LogLevel, ...args: any[]): any[] {
+    const timestamp = new Date().toISOString();
+    const prefix = `${timestamp} ${this.prefix} [${level.toUpperCase()}]`;
+    return [prefix, ...args];
+  }
+
+  debug(...args: any[]): void {
+    if (this.shouldLog('debug')) {
+      console.log(...this.formatMessage('debug', ...args));
+    }
+  }
+
+  info(...args: any[]): void {
+    if (this.shouldLog('info')) {
+      console.info(...this.formatMessage('info', ...args));
+    }
+  }
+
+  warn(...args: any[]): void {
+    if (this.shouldLog('warn')) {
+      console.warn(...this.formatMessage('warn', ...args));
+    }
+  }
+
+  error(...args: any[]): void {
+    if (this.shouldLog('error')) {
+      console.error(...this.formatMessage('error', ...args));
+    }
+  }
+
+  group(label: string): void {
+    if (isDevelopment) {
+      console.group(this.formatMessage('debug', label)[0]);
+    }
+  }
+
+  groupEnd(): void {
+    if (isDevelopment) {
+      console.groupEnd();
+    }
+  }
+}
+
+// Create default logger instance
+export const logger = new Logger();
+
+// Export the Logger class for custom instances
+export { Logger };
+
+// Example usage:
+/*
+import { logger } from '@/utils/logger';
+
+logger.debug('Debug message');
+logger.info('Info message');
+logger.warn('Warning message');
+logger.error('Error message');
+
+logger.group('Group label');
+logger.debug('Grouped message');
+logger.groupEnd();
+
+// Custom logger instance
+const customLogger = new Logger({ prefix: '[Custom]', level: 'warn' });
+customLogger.debug('This won\'t show');
+customLogger.warn('This will show');
+*/

package/src/utils/react-shim.js

@@ -0,0 +1,8 @@
+import * as React from 'react';
+
+// Ensure React is available globally for JSX transformation
+if (typeof window !== 'undefined') {
+  window.React = React;
+}
+
+export { React as default, React }; 

package/tailwind.config.js

@@ -0,0 +1,44 @@
+module.exports = {
+	content: [
+		'./src/**/*.{html,js,jsx,ts,tsx}', // Adjust this based on your file structure and extensions
+	],
+	darkMode: 'class',
+	theme: {
+		extend: {
+			animation: {
+				'spin-slow': 'spin 2.1s linear infinite',
+			},
+			fontFamily: {
+				MonSans: ["Mona Sans", "sans-serif"],
+				mono: ["Monument Grotesk", "mono"],
+			},
+			colors: {
+				primary: {
+					bg: {
+						DEFAULT: 'white',
+						dark: '#171717',
+					},
+					text: {
+						DEFAULT: '#171717',
+						dark: 'white',
+					}
+				},
+				secondary: {
+					bg: {
+						DEFAULT: '#f5f5f5',
+						dark: '#262626',
+					},
+					text: {
+						DEFAULT: '#525252',
+						dark: '#a3a3a3',
+					}
+				},
+				border: {
+					DEFAULT: '#e5e5e5',
+					dark: '#404040',
+				}
+			}
+		},
+	},
+	plugins: [],
+};

package/tsconfig.json

@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "noFallthroughCasesInSwitch": true,
+    "module": "esnext",
+    "outDir": "./dist",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "declaration": true,
+    "jsx": "react-jsx"
+  },
+  "include": ["src/**/*"]
+}