@moontra/moonui-pro 0.1.0 → 2.0.1

package/package.json

@@ -1,20 +1,37 @@
 {
   "name": "@moontra/moonui-pro",
-  "version": "0.1.0",
-  "description": "Premium UI components for MoonUI - Professional component library",
+  "version": "2.0.1",
+  "description": "Premium React components for MoonUI - Advanced UI library with 50+ pro components including performance, interactive, and gesture components",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
   "types": "dist/index.d.ts",
   "files": [
     "dist",
-    "README.md"
+    "scripts",
+    "README.md",
+    "LICENSE"
   ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.js"
+    }
+  },
   "scripts": {
-    "build": "tsup src/index.ts --format cjs,esm --dts --external react --external react-dom",
+    "postinstall": "node scripts/postinstall.js",
+    "build": "tsup src/index.ts --format cjs,esm --external react --external react-dom",
+    "build:dts": "tsup src/index.ts --format cjs,esm --dts --external react --external react-dom",
     "dev": "tsup src/index.ts --format cjs,esm --dts --external react --external react-dom --watch",
     "clean": "rm -rf dist",
     "lint": "eslint \"src/**/*.{ts,tsx}\"",
-    "test": "jest"
+    "test": "jest",
+    "test:watch": "jest --watch",
+    "test:coverage": "jest --coverage",
+    "prepublishOnly": "npm run clean && npm run build || true",
+    "pub": "npm version patch && npm run build && npm publish",
+    "pub:minor": "npm version minor && npm run build && npm publish",
+    "pub:major": "npm version major && npm run build && npm publish"
   },
   "keywords": [
     "ui",
@@ -23,7 +40,18 @@
     "typescript",
     "moonui",
     "premium",
-    "pro"
+    "pro",
+    "virtual-list",
+    "performance",
+    "memory-efficient",
+    "animations",
+    "gestures",
+    "touch",
+    "interactive",
+    "3d-effects",
+    "charts",
+    "data-table",
+    "advanced-components"
   ],
   "author": "MoonUI Team",
   "license": "Commercial",
@@ -33,11 +61,11 @@
   },
   "homepage": "https://moonui.dev",
   "peerDependencies": {
+    "@moontra/moonui": ">=2.0.0",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0"
   },
   "dependencies": {
-    "@moontra/moonui": "^0.1.0",
     "@radix-ui/react-accordion": "^1.2.11",
     "@radix-ui/react-avatar": "^1.1.10",
     "@radix-ui/react-checkbox": "^1.3.2",
@@ -50,8 +78,6 @@
     "date-fns": "^3.6.0",
     "framer-motion": "^11.11.17",
     "lucide-react": "^0.263.1",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
     "recharts": "^2.12.7",
     "tailwind-merge": "^2.5.4",
     "tailwindcss-animate": "^1.0.7"
@@ -60,12 +86,19 @@
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
     "@types/node": "^18.16.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.3.0",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/jest": "^30.0.0",
     "eslint": "^8.39.0",
     "jest": "^29.5.0",
+    "jest-environment-jsdom": "^29.5.0",
+    "ts-jest": "^29.1.0",
     "tsup": "^6.7.0",
     "typescript": "^5.0.4"
   },
   "publishConfig": {
-    "access": "restricted"
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
   }
 }

package/scripts/postinstall.js

@@ -0,0 +1,228 @@
+#!/usr/bin/env node
+
+const https = require('https');
+const fs = require('fs');
+const path = require('path');
+const os = require('os');
+
+// 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 getLicenseConfig = () => {
+  try {
+    const configPath = path.join(os.homedir(), '.moonui', 'license.json');
+    
+    if (fs.existsSync(configPath)) {
+      const configData = fs.readFileSync(configPath, 'utf-8');
+      return JSON.parse(configData);
+    }
+    
+    return null;
+  } catch (error) {
+    return null;
+  }
+};
+
+const validateLicense = async (licenseKey) => {
+  return new Promise((resolve) => {
+    const API_BASE = process.env.MOONUI_API_BASE || 'moonui.dev';
+    
+    const postData = JSON.stringify({
+      licenseKey,
+      packageName: '@moontra/moonui-pro',
+      version: '1.0.0',
+      userId: 'npm-install'
+    });
+
+    const options = {
+      hostname: API_BASE.replace('https://', '').replace('http://', ''),
+      port: 443,
+      path: '/api/license/validate',
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        'Content-Length': Buffer.byteLength(postData),
+        'User-Agent': 'moonui-pro-postinstall/1.0.0'
+      },
+      timeout: 10000
+    };
+
+    const req = https.request(options, (res) => {
+      let data = '';
+      
+      res.on('data', (chunk) => {
+        data += chunk;
+      });
+      
+      res.on('end', () => {
+        try {
+          const result = JSON.parse(data);
+          resolve(result);
+        } 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 license server' });
+    });
+
+    req.on('timeout', () => {
+      resolve({ valid: false, error: 'TIMEOUT', message: 'License validation timeout' });
+    });
+
+    req.write(postData);
+    req.end();
+  });
+};
+
+const checkEnvironmentLicense = () => {
+  // Check for license in environment variables
+  const envLicense = process.env.MOONUI_PRO_LICENSE || process.env.MOONUI_LICENSE_KEY;
+  
+  if (envLicense) {
+    log('🔑 Found license in environment variables', colors.blue);
+    return envLicense;
+  }
+  
+  return null;
+};
+
+const main = async () => {
+  log('', ''); // Empty line
+  log('🌙 MoonUI Pro Installation', colors.cyan + colors.bright);
+  log('═'.repeat(50), colors.gray);
+  
+  // Check if this is a CI environment
+  const isCI = process.env.CI || process.env.CONTINUOUS_INTEGRATION || process.env.GITHUB_ACTIONS;
+  
+  if (isCI) {
+    log('🤖 CI Environment detected', colors.blue);
+    
+    const envLicense = checkEnvironmentLicense();
+    if (!envLicense) {
+      log('⚠️  No license found in CI environment', colors.yellow);
+      log('   Set MOONUI_PRO_LICENSE environment variable for CI builds', colors.gray);
+      log('   Example: MOONUI_PRO_LICENSE=moonui_your_license_key_here', colors.gray);
+      return;
+    }
+    
+    // Validate CI license
+    log('🔍 Validating CI license...', colors.blue);
+    const validation = await validateLicense(envLicense);
+    
+    if (validation.valid) {
+      log('✅ CI License validation successful!', colors.green);
+      log(`   Plan: ${validation.planType}`, colors.blue);
+      return;
+    } else {
+      log('❌ CI License validation failed!', colors.red);
+      log(`   Error: ${validation.message}`, colors.red);
+      process.exit(1);
+    }
+  }
+  
+  // Regular installation - check for existing license
+  const licenseConfig = getLicenseConfig();
+  
+  if (!licenseConfig || !licenseConfig.licenseKey) {
+    log('🔐 MoonUI Pro License Required', colors.yellow + colors.bright);
+    log('', '');
+    log('This package requires a valid MoonUI Pro license.', colors.yellow);
+    log('', '');
+    log('📋 Next Steps:', colors.blue + colors.bright);
+    log('  1. Get a license: https://moonui.dev/pricing', colors.blue);
+    log('  2. Configure license: moonui license set <your-license-key>', colors.blue);
+    log('  3. Or set environment variable: MOONUI_PRO_LICENSE=<your-key>', colors.blue);
+    log('', '');
+    log('📖 Documentation: https://moonui.dev/docs/license', colors.gray);
+    log('🔧 CLI Help: moonui license --help', colors.gray);
+    log('', '');
+    return;
+  }
+  
+  // Validate existing license
+  log('🔍 Validating license...', colors.blue);
+  
+  const validation = await validateLicense(licenseConfig.licenseKey);
+  
+  if (validation.valid) {
+    log('✅ License validation successful!', colors.green + colors.bright);
+    log(`   Plan: ${validation.planType}`, colors.blue);
+    log(`   Licensed to: ${licenseConfig.email || 'N/A'}`, colors.blue);
+    
+    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('❌ License validation failed!', colors.red + colors.bright);
+    log(`   Error: ${validation.message}`, colors.red);
+    log('', '');
+    
+    if (validation.error === 'INVALID_LICENSE') {
+      log('🔧 Troubleshooting:', colors.yellow + colors.bright);
+      log('  • Check your license key is correct', colors.yellow);
+      log('  • Ensure your subscription is active', colors.yellow);
+      log('  • Contact support: support@moonui.dev', colors.yellow);
+    } else if (validation.error === 'NETWORK_ERROR') {
+      log('🌐 Network Issue:', colors.yellow + colors.bright);
+      log('  • License 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('📖 License Guide: https://moonui.dev/docs/license', colors.gray);
+    
+    // Don't fail installation for network issues, only for invalid licenses
+    if (validation.error === 'INVALID_LICENSE') {
+      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);
+});

package/dist/index.d.ts

@@ -1,61 +0,0 @@
-export * from '@moontra/moonui';
-export { Alert, Avatar, Badge, Button, Card, Dialog, Input, Select, Switch, Tabs, Toast, Tooltip, cn } from '@moontra/moonui';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ColumnDef } from '@tanstack/react-table';
-
-interface DataTableProps<TData, TValue> {
-    columns: ColumnDef<TData, TValue>[];
-    data: TData[];
-    searchable?: boolean;
-    filterable?: boolean;
-    exportable?: boolean;
-    selectable?: boolean;
-    pagination?: boolean;
-    pageSize?: number;
-    className?: string;
-    onRowSelect?: (rows: TData[]) => void;
-    onExport?: (data: TData[]) => void;
-}
-declare function DataTable<TData, TValue>({ columns, data, searchable, filterable, exportable, selectable, pagination, pageSize, className, onRowSelect, onExport, }: DataTableProps<TData, TValue>): react_jsx_runtime.JSX.Element;
-
-interface UseDataTableOptions<TData> {
-    data: TData[];
-    columns: ColumnDef<TData, any>[];
-    searchable?: boolean;
-    filterable?: boolean;
-    sortable?: boolean;
-    pagination?: boolean;
-    pageSize?: number;
-    enableRowSelection?: boolean;
-    enableMultiRowSelection?: boolean;
-}
-interface UseDataTableReturn<TData> {
-    filteredData: TData[];
-    selectedRows: TData[];
-    searchQuery: string;
-    currentPage: number;
-    totalPages: number;
-    setSearchQuery: (query: string) => void;
-    setCurrentPage: (page: number) => void;
-    selectRow: (row: TData) => void;
-    selectAllRows: () => void;
-    clearSelection: () => void;
-    exportData: (format?: 'csv' | 'json') => void;
-    getRowCount: () => number;
-    getSelectedCount: () => number;
-    isRowSelected: (row: TData) => boolean;
-}
-declare function useDataTable<TData extends Record<string, any>>(options: UseDataTableOptions<TData>): UseDataTableReturn<TData>;
-
-interface DataProcessor<T = any> {
-    filter: (data: T[], predicate: (item: T) => boolean) => T[];
-    sort: (data: T[], key: keyof T, direction?: 'asc' | 'desc') => T[];
-    group: (data: T[], key: keyof T) => Record<string, T[]>;
-    aggregate: (data: T[], key: keyof T, operation: 'sum' | 'avg' | 'min' | 'max' | 'count') => number;
-    paginate: (data: T[], page: number, pageSize: number) => T[];
-    search: (data: T[], query: string, searchKeys?: (keyof T)[]) => T[];
-    transform: <U>(data: T[], transformer: (item: T) => U) => U[];
-}
-declare function createDataProcessor<T = any>(): DataProcessor<T>;
-
-export { DataProcessor, DataTable, createDataProcessor, useDataTable };