@moontra/moonui-pro 2.20.4 → 2.21.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@moontra/moonui-pro",
-    "version": "2.20.4",
+    "version": "2.21.0",
     "description": "Premium React components for MoonUI - Advanced UI library with 50+ pro components including performance, interactive, and gesture components",
     "type": "module",
     "main": "dist/index.mjs",
@@ -34,7 +34,6 @@
         }
     },
     "scripts": {
-        "postinstall": "node scripts/postinstall.js",
         "build": "tsup && node scripts/postbuild.js",
         "build:dts": "tsup --dts",
         "dev": "tsup --watch --sourcemap",
@@ -96,10 +95,12 @@
         "@radix-ui/react-toast": "^1.2.14",
         "@radix-ui/react-tooltip": "^1.2.7",
         "@tanstack/react-table": "^8.20.5",
+        "@types/crypto-js": "^4.2.2",
         "canvas-confetti": "^1.9.3",
         "class-variance-authority": "^0.7.0",
         "clsx": "^2.1.1",
         "cmdk": "^1.0.4",
+        "crypto-js": "^4.2.0",
         "date-fns": "^3.6.0",
         "framer-motion": "^11.11.17",
         "fuse.js": "^7.0.0",

package/scripts/postinstall.js

@@ -1,504 +0,0 @@
-#!/usr/bin/env node
-
-import https from 'https';
-import fs from 'fs';
-import path from 'path';
-import os from 'os';
-import crypto from 'crypto';
-import { fileURLToPath } from 'url';
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-
-// ANSI color codes for console output
-const colors = {
-  reset: '\x1b[0m',
-  bright: '\x1b[1m',
-  red: '\x1b[31m',
-  green: '\x1b[32m',
-  yellow: '\x1b[33m',
-  blue: '\x1b[34m',
-  cyan: '\x1b[36m',
-  gray: '\x1b[90m'
-};
-
-const log = (message, color = '') => {
-  console.log(`${color}${message}${colors.reset}`);
-};
-
-const getDeviceFingerprint = () => {
-  // Create a unique device fingerprint using multiple system attributes
-  const hostname = os.hostname();
-  const username = os.userInfo().username;
-  const platform = os.platform();
-  const arch = os.arch();
-  const cpus = os.cpus();
-  const cpuModel = cpus[0]?.model || 'unknown';
-  const cpuCount = cpus.length;
-  const homeDir = os.homedir();
-  
-  // Combine all attributes for a unique device ID
-  const deviceString = `${hostname}|${username}|${platform}|${arch}|${cpuModel}|${cpuCount}|${homeDir}`;
-  return crypto.createHash('sha256').update(deviceString).digest('hex');
-};
-
-const getAuthConfig = () => {
-  try {
-    const authPath = path.join(os.homedir(), '.moonui', 'auth.encrypted');
-    
-    if (!fs.existsSync(authPath)) {
-      return null;
-    }
-    
-    // Read encrypted auth
-    const encryptedData = fs.readFileSync(authPath, 'utf-8');
-    const parts = encryptedData.split('.');
-    
-    if (parts.length !== 3) {
-      // Encrypted format: iv.encrypted.signature
-      return null;
-    }
-    
-    const [ivHex, encrypted, signature] = parts;
-    const iv = Buffer.from(ivHex, 'hex');
-    
-    // Get device-specific key using same fingerprint method
-    const deviceFingerprint = getDeviceFingerprint();
-    const key = crypto.createHash('sha256').update(deviceFingerprint).digest();
-    
-    // Verify signature
-    const hmac = crypto.createHmac('sha256', key);
-    hmac.update(encrypted);
-    const computedSignature = hmac.digest('hex');
-    
-    if (computedSignature !== signature) {
-      return null;
-    }
-    
-    // Decrypt
-    const decipher = crypto.createDecipheriv('aes-256-cbc', key, iv);
-    let decrypted = decipher.update(encrypted, 'hex', 'utf8');
-    decrypted += decipher.final('utf8');
-    
-    const cache = JSON.parse(decrypted);
-    
-    // Verify device matches
-    if (cache.deviceId && cache.deviceId !== deviceFingerprint) {
-      log('❌ Device mismatch detected!', colors.red + colors.bright);
-      log('   This license is registered to a different device', colors.red);
-      log('   MoonUI Pro licenses are single-device only', colors.yellow);
-      return null;
-    }
-    
-    // Extract token from cache
-    const auth = cache.token || cache;
-    
-    // Check if expired
-    if (new Date(auth.expiresAt) < new Date()) {
-      return null;
-    }
-    
-    return auth;
-  } catch (error) {
-    // Silent fail - will show auth required message
-    return null;
-  }
-};
-
-const validateAuth = async (token) => {
-  return new Promise((resolve) => {
-    const API_BASE = process.env.MOONUI_API_BASE || 'moonui.dev';
-    
-    const options = {
-      hostname: API_BASE.replace('https://', '').replace('http://', ''),
-      port: 443,
-      path: '/api/auth/validate',
-      method: 'GET',
-      headers: {
-        'Authorization': `Bearer ${token}`,
-        'User-Agent': 'moonui-pro-postinstall/2.0.0'
-      },
-      timeout: 10000
-    };
-
-    const req = https.request(options, (res) => {
-      let data = '';
-      
-      res.on('data', (chunk) => {
-        data += chunk;
-      });
-      
-      res.on('end', () => {
-        try {
-          if (res.statusCode === 200) {
-            const result = JSON.parse(data);
-            resolve({ valid: true, ...result });
-          } else {
-            resolve({ valid: false, error: 'INVALID_TOKEN', message: 'Authentication token is invalid' });
-          }
-        } catch (error) {
-          resolve({ valid: false, error: 'PARSE_ERROR', message: 'Invalid response from server' });
-        }
-      });
-    });
-
-    req.on('error', (error) => {
-      resolve({ valid: false, error: 'NETWORK_ERROR', message: 'Could not connect to auth server' });
-    });
-
-    req.on('timeout', () => {
-      resolve({ valid: false, error: 'TIMEOUT', message: 'Auth validation timeout' });
-    });
-
-    req.end();
-  });
-};
-
-const checkEnvironmentAuth = () => {
-  // Check for different types of auth tokens in environment variables
-  const teamToken = process.env.MOONUI_TEAM_TOKEN;
-  const ciToken = process.env.MOONUI_CI_TOKEN;
-  const envToken = process.env.MOONUI_AUTH_TOKEN || process.env.MOONUI_ACCESS_TOKEN;
-  const licenseKey = process.env.MOONUI_LICENSE_KEY;
-  
-  if (teamToken) {
-    log('👥 Found team token in environment variables', colors.blue);
-    return { token: teamToken, type: 'team' };
-  }
-  
-  if (ciToken) {
-    log('🤖 Found CI token in environment variables', colors.blue);
-    return { token: ciToken, type: 'ci' };
-  }
-  
-  if (licenseKey) {
-    log('🔐 Found license key in environment variables', colors.blue);
-    return { token: licenseKey, type: 'license' };
-  }
-  
-  if (envToken) {
-    log('🔑 Found auth token in environment variables', colors.blue);
-    return { token: envToken, type: 'personal' };
-  }
-  
-  return null;
-};
-
-// Check for perpetual license stamp
-const checkLicenseStamp = () => {
-  try {
-    const stampPath = path.join(process.cwd(), '.moonui-license-stamp');
-    if (fs.existsSync(stampPath)) {
-      const stamp = JSON.parse(fs.readFileSync(stampPath, 'utf8'));
-      
-      if (stamp.projectId && stamp.licensedAt && stamp.version) {
-        log('📋 Using perpetual license stamp', colors.green);
-        log(`   Licensed on: ${new Date(stamp.licensedAt).toLocaleDateString()}`, colors.blue);
-        log(`   Version: ${stamp.version}`, colors.blue);
-        log(`   Mode: Perpetual (no active license required)`, colors.green);
-        log('', '');
-        log('ℹ️  Your project has perpetual usage rights', colors.cyan);
-        log('   Updates require active license', colors.gray);
-        return true;
-      }
-    }
-  } catch (error) {
-    // Invalid stamp
-  }
-  return false;
-};
-
-// Create license stamp for perpetual usage
-const createLicenseStamp = (authInfo) => {
-  try {
-    const stamp = {
-      projectId: crypto.randomBytes(16).toString('hex'),
-      licensedAt: new Date().toISOString(),
-      version: process.env.npm_package_version || '2.x',
-      licensedTo: authInfo.user?.email || 'unknown',
-      plan: authInfo.user?.plan || 'unknown',
-      mode: 'perpetual',
-      installedComponents: []
-    };
-    
-    const stampPath = path.join(process.cwd(), '.moonui-license-stamp');
-    fs.writeFileSync(stampPath, JSON.stringify(stamp, null, 2), 'utf8');
-    
-    log('', '');
-    log('📋 License stamp created!', colors.green + colors.bright);
-    log('   Your project now has perpetual usage rights', colors.green);
-    log('   You can build without active license', colors.blue);
-    log('   Commit .moonui-license-stamp to your repository', colors.yellow);
-    
-    return true;
-  } catch (error) {
-    return false;
-  }
-};
-
-const main = async () => {
-  log('', ''); // Empty line
-  log('🌙 MoonUI Pro Installation', colors.cyan + colors.bright);
-  log('═'.repeat(50), colors.gray);
-  
-  // Check for Vercel environment with proper token
-  if (process.env.VERCEL) {
-    log('📦 Vercel Environment Detected', colors.blue);
-    
-    // Check for admin token in Vercel environment
-    const vercelToken = process.env.MOONUI_AUTH_TOKEN;
-    if (vercelToken && vercelToken.startsWith('mpt_admin_')) {
-      log('✅ Admin token detected - skipping license check', colors.green);
-      log('   Vercel build can proceed without validation', colors.blue);
-      log('═'.repeat(50), colors.gray);
-      return;
-    }
-    // Continue with normal auth flow - token will be checked below
-  }
-  
-  // Check for perpetual license stamp first
-  if (checkLicenseStamp()) {
-    log('✅ Installation complete with perpetual license', colors.green);
-    log('═'.repeat(50), colors.gray);
-    return;
-  }
-  
-  // Check for development bypass
-  if (process.env.MOONUI_DEV_MODE === 'true' || process.env.MOONUI_SKIP_AUTH === 'true') {
-    log('🔧 Development Mode Enabled', colors.yellow + colors.bright);
-    log('   Authentication bypassed for local development', colors.yellow);
-    log('   This mode should only be used during development', colors.gray);
-    log('', '');
-    log('✅ MoonUI Pro ready for development!', colors.green);
-    log('═'.repeat(50), colors.gray);
-    return;
-  }
-  
-  // Check if running on localhost (development)
-  const isLocalDev = process.env.NODE_ENV === 'development' || 
-                     process.cwd().includes('moonui') ||
-                     fs.existsSync(path.join(process.cwd(), '.moonui-dev'));
-  
-  if (isLocalDev && !process.env.MOONUI_FORCE_AUTH) {
-    log('🚀 Local Development Detected', colors.blue + colors.bright);
-    log('   Running in development mode without auth', colors.blue);
-    log('   To enable auth checks: MOONUI_FORCE_AUTH=true npm install', colors.gray);
-    log('', '');
-    log('✅ MoonUI Pro ready for development!', colors.green);
-    log('═'.repeat(50), colors.gray);
-    return;
-  }
-  
-  // Check for environment-based authentication first
-  const envAuth = checkEnvironmentAuth();
-  
-  if (envAuth) {
-    // Handle different token types
-    if (envAuth.type === 'team') {
-      log('🏢 Team License Mode', colors.blue + colors.bright);
-      log('   Multiple developers can use this token', colors.blue);
-      log('   No device restrictions applied', colors.gray);
-      
-      // Validate team token
-      log('🔍 Validating team license...', colors.blue);
-      const validation = await validateAuth(envAuth.token);
-      
-      if (validation.valid) {
-        log('✅ Team authentication successful!', colors.green);
-        log(`   Team: ${validation.team?.name || 'N/A'}`, colors.blue);
-        log(`   Seats: ${validation.team?.seats || 'N/A'}`, colors.blue);
-        
-        // Create perpetual license stamp for team
-        createLicenseStamp({ user: { email: 'team', plan: 'team' }, ...validation });
-        return;
-      } else {
-        log('❌ Team authentication failed!', colors.red);
-        log(`   Error: ${validation.message}`, colors.red);
-        process.exit(1);
-      }
-    }
-    
-    if (envAuth.type === 'ci' || process.env.CI) {
-      log('🤖 CI/CD Mode', colors.blue + colors.bright);
-      log('   Running in continuous integration environment', colors.blue);
-      
-      // Validate CI token
-      log('🔍 Validating CI token...', colors.blue);
-      const validation = await validateAuth(envAuth.token);
-      
-      if (validation.valid) {
-        log('✅ CI authentication successful!', colors.green);
-        log(`   Environment: ${process.env.CI_NAME || 'CI'}`, colors.blue);
-        return;
-      } else {
-        log('❌ CI authentication failed!', colors.red);
-        log(`   Error: ${validation.message}`, colors.red);
-        process.exit(1);
-      }
-    }
-    
-    if (envAuth.type === 'license') {
-      log('🔐 License Key Mode', colors.blue + colors.bright);
-      log('   Project-based licensing', colors.blue);
-      
-      // Validate license key
-      log('🔍 Validating license key...', colors.blue);
-      const validation = await validateAuth(envAuth.token);
-      
-      if (validation.valid) {
-        log('✅ License validation successful!', colors.green);
-        log(`   Project: ${validation.project?.name || 'N/A'}`, colors.blue);
-        log(`   Valid until: ${validation.expiresAt || 'Lifetime'}`, colors.blue);
-        return;
-      } else {
-        log('❌ License validation failed!', colors.red);
-        log(`   Error: ${validation.message}`, colors.red);
-        process.exit(1);
-      }
-    }
-    
-    // Personal token with existing flow
-    if (envAuth.type === 'personal') {
-      log('👤 Personal License Mode', colors.blue + colors.bright);
-      log('   Single developer license', colors.blue);
-      
-      const validation = await validateAuth(envAuth.token);
-      
-      if (validation.valid) {
-        log('✅ Personal authentication successful!', colors.green);
-        log(`   User: ${validation.user?.email || 'N/A'}`, colors.blue);
-        return;
-      } else {
-        log('❌ Personal authentication failed!', colors.red);
-        log(`   Error: ${validation.message}`, colors.red);
-        process.exit(1);
-      }
-    }
-  }
-  
-  // Check if this is a CI environment without token
-  const isCI = process.env.CI || process.env.CONTINUOUS_INTEGRATION || process.env.GITHUB_ACTIONS;
-  
-  if (isCI && !envAuth) {
-    log('⚠️  CI Environment detected but no auth token found', colors.yellow);
-    log('', '');
-    log('📋 Please set one of the following environment variables:', colors.blue);
-    log('   MOONUI_CI_TOKEN     - For CI/CD pipelines', colors.blue);
-    log('   MOONUI_TEAM_TOKEN   - For team licenses', colors.blue);
-    log('   MOONUI_LICENSE_KEY  - For project licenses', colors.blue);
-    log('', '');
-    log('📖 Documentation: https://moonui.dev/docs/ci-setup', colors.gray);
-    return;
-  }
-  
-  // Regular installation - check for existing auth
-  const authConfig = getAuthConfig();
-  
-  if (!authConfig || !authConfig.accessToken) {
-    log('🔐 MoonUI Pro Authentication Required', colors.yellow + colors.bright);
-    log('', '');
-    log('This package requires authentication with a MoonUI Pro account.', colors.yellow);
-    log('', '');
-    log('📋 Next Steps:', colors.blue + colors.bright);
-    log('  1. Install MoonUI CLI: npm install -g @moontra/moonui-cli', colors.blue);
-    log('  2. Login to your account: moonui login', colors.blue);
-    log('  3. Or set environment variable: MOONUI_AUTH_TOKEN=<your-token>', colors.blue);
-    log('', '');
-    log('📖 Documentation: https://moonui.dev/docs/authentication', colors.gray);
-    log('🔧 Get your account: https://moonui.dev/pricing', colors.gray);
-    log('', '');
-    process.exit(1);
-  }
-  
-  // Check if Pro access
-  const hasPro = authConfig.user?.plan === 'pro_monthly' || 
-                 authConfig.user?.plan === 'pro_annual' || 
-                 authConfig.user?.plan === 'pro_lifetime' ||
-                 authConfig.user?.features?.includes('pro_components');
-  
-  if (!hasPro) {
-    log('❌ MoonUI Pro Access Required', colors.red + colors.bright);
-    log('', '');
-    log('Your account does not have access to Pro components.', colors.red);
-    log(`Current plan: ${authConfig.user?.plan || 'free'}`, colors.yellow);
-    log('', '');
-    log('📋 Upgrade your account:', colors.blue + colors.bright);
-    log('  Visit: https://moonui.dev/pricing', colors.blue);
-    log('', '');
-    process.exit(1);
-  }
-  
-  // Validate existing auth
-  log('🔍 Validating authentication...', colors.blue);
-  
-  const validation = await validateAuth(authConfig.accessToken);
-  
-  if (validation.valid) {
-    log('✅ Authentication successful!', colors.green + colors.bright);
-    log(`   Plan: ${validation.user?.plan || authConfig.user?.plan}`, colors.blue);
-    log(`   Account: ${authConfig.user?.email || 'N/A'}`, colors.blue);
-    
-    // Create perpetual license stamp
-    createLicenseStamp(authConfig);
-    
-    if (validation.expiresAt) {
-      const expiryDate = new Date(validation.expiresAt);
-      const daysLeft = Math.ceil((expiryDate - new Date()) / (1000 * 60 * 60 * 24));
-      
-      if (daysLeft > 0) {
-        log(`   Expires: ${expiryDate.toLocaleDateString()} (${daysLeft} days)`, colors.blue);
-      } else {
-        log(`   Status: EXPIRED on ${expiryDate.toLocaleDateString()}`, colors.red);
-      }
-    } else {
-      log('   Expires: Never (Lifetime)', colors.green);
-    }
-    
-    if (validation.downloadLimit) {
-      const { current, max, period } = validation.downloadLimit;
-      const percentage = Math.round((current / max) * 100);
-      const warningColor = percentage > 80 ? colors.yellow : colors.blue;
-      log(`   Usage: ${current}/${max} downloads this ${period} (${percentage}%)`, warningColor);
-    }
-    
-    log('', '');
-    log('🚀 Ready to use MoonUI Pro components!', colors.green);
-    log('   Documentation: https://moonui.dev/docs/components', colors.gray);
-    
-  } else {
-    log('❌ Authentication failed!', colors.red + colors.bright);
-    log(`   Error: ${validation.message}`, colors.red);
-    log('', '');
-    
-    if (validation.error === 'INVALID_TOKEN') {
-      log('🔧 Troubleshooting:', colors.yellow + colors.bright);
-      log('  • Your session may have expired', colors.yellow);
-      log('  • Run: moonui login', colors.yellow);
-      log('  • Contact support: support@moonui.dev', colors.yellow);
-    } else if (validation.error === 'NETWORK_ERROR') {
-      log('🌐 Network Issue:', colors.yellow + colors.bright);
-      log('  • Auth validation requires internet connection', colors.yellow);
-      log('  • Components will work offline after initial validation', colors.yellow);
-      log('  • Retry: npm install --force', colors.yellow);
-    }
-    
-    log('', '');
-    log('📖 Auth Guide: https://moonui.dev/docs/authentication', colors.gray);
-    
-    // Don't fail installation for network issues, only for invalid auth
-    if (validation.error === 'INVALID_TOKEN') {
-      process.exit(1);
-    }
-  }
-  
-  log('═'.repeat(50), colors.gray);
-  log('', '');
-};
-
-// Run postinstall script
-main().catch((error) => {
-  log('❌ Postinstall script failed:', colors.red);
-  log(`   ${error.message}`, colors.red);
-  log('', '');
-  log('📖 If this persists, see: https://moonui.dev/docs/troubleshooting', colors.gray);
-});