@moontra/moonui-pro 2.0.23 → 2.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moontra/moonui-pro",
-  "version": "2.0.23",
+  "version": "2.1.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",
@@ -16,7 +16,8 @@
   "sideEffects": [
     "**/*.css",
     "dist/**/*.css",
-    "src/**/*.css"
+    "src/**/*.css",
+    "src/utils/package-guard.ts"
   ],
   "exports": {
     ".": {

package/src/components/calendar/index.tsx

@@ -19,6 +19,7 @@ import {
 } from 'lucide-react'
 import { cn } from '../../lib/utils'
 import { EventDialog } from './event-dialog'
+import { withLicenseGuard } from '../../utils/license-guard'
 
 export interface CalendarEvent {
   id: string
@@ -528,4 +529,29 @@ export function Calendar({
   )
 }
 
-export default Calendar
+// Export the component with license guard
+const CalendarWithLicense = withLicenseGuard(Calendar, {
+  fallback: (
+    <Card className="w-full">
+      <CardHeader>
+        <CardTitle className="flex items-center gap-2">
+          <Lock className="h-5 w-5" />
+          Pro Component
+        </CardTitle>
+        <CardDescription>
+          This calendar component requires a MoonUI Pro license.
+        </CardDescription>
+      </CardHeader>
+      <CardContent className="text-center py-8">
+        <Button asChild>
+          <a href="https://moonui.dev/pricing">
+            Get Pro License
+          </a>
+        </Button>
+      </CardContent>
+    </Card>
+  )
+});
+
+export default CalendarWithLicense
+export { Calendar as CalendarCore } // Export unguarded version for internal use

package/src/index.ts

@@ -1,6 +1,9 @@
 // Pro Components Export - Source of Truth: packages/moonui-pro
 // Development environment imports from local packages
 
+// Package access guard - ensures CLI usage
+import "./utils/package-guard"
+
 // Import CSS for auto-loading
 import "./styles/index.css"
 

package/src/utils/license-guard.tsx

@@ -0,0 +1,177 @@
+"use client"
+
+import React, { useEffect, useState } from 'react';
+
+const API_BASE = process.env.NEXT_PUBLIC_MOONUI_API || 'https://moonui.dev';
+
+interface LicenseCheckResult {
+  valid: boolean;
+  error?: string;
+  loading: boolean;
+}
+
+// In-memory cache for license check
+let licenseCache: {
+  result: boolean;
+  timestamp: number;
+} | null = null;
+
+const CACHE_DURATION = 5 * 60 * 1000; // 5 minutes
+
+export function useLicenseCheck(): LicenseCheckResult {
+  const [state, setState] = useState<LicenseCheckResult>({
+    valid: false,
+    loading: true,
+    error: undefined
+  });
+
+  useEffect(() => {
+    checkLicense().then(result => {
+      setState({
+        valid: result.valid,
+        loading: false,
+        error: result.error
+      });
+    });
+  }, []);
+
+  return state;
+}
+
+async function checkLicense(): Promise<{ valid: boolean; error?: string }> {
+  // Check cache first
+  if (licenseCache && Date.now() - licenseCache.timestamp < CACHE_DURATION) {
+    return { valid: licenseCache.result };
+  }
+
+  try {
+    // Get auth token from localStorage or cookie
+    const token = getAuthToken();
+    
+    if (!token) {
+      return { valid: false, error: 'No authentication token found' };
+    }
+
+    const response = await fetch(`${API_BASE}/api/license/verify`, {
+      method: 'POST',
+      headers: {
+        'Authorization': `Bearer ${token}`,
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify({
+        component: 'runtime-check',
+        source: 'moonui-pro'
+      })
+    });
+
+    if (!response.ok) {
+      return { valid: false, error: 'License verification failed' };
+    }
+
+    const data = await response.json();
+    
+    // Cache the result
+    licenseCache = {
+      result: data.valid && data.planType !== 'free',
+      timestamp: Date.now()
+    };
+
+    return { valid: licenseCache.result };
+  } catch (error) {
+    return { valid: false, error: 'Network error during license check' };
+  }
+}
+
+function getAuthToken(): string | null {
+  // First check localStorage (for client-side)
+  if (typeof window !== 'undefined') {
+    const stored = localStorage.getItem('moonui_auth');
+    if (stored) {
+      try {
+        const auth = JSON.parse(stored);
+        return auth.accessToken;
+      } catch {
+        // Invalid JSON
+      }
+    }
+  }
+
+  // Check cookies (for SSR)
+  if (typeof document !== 'undefined') {
+    const cookies = document.cookie.split(';');
+    for (const cookie of cookies) {
+      const [name, value] = cookie.trim().split('=');
+      if (name === 'moonui_token') {
+        return decodeURIComponent(value);
+      }
+    }
+  }
+
+  return null;
+}
+
+// License Guard HOC
+export function withLicenseGuard<P extends object>(
+  Component: React.ComponentType<P>,
+  options?: {
+    fallback?: React.ReactNode;
+    onUnauthorized?: () => void;
+  }
+) {
+  return function LicenseGuardedComponent(props: P) {
+    const { valid, loading, error } = useLicenseCheck();
+
+    useEffect(() => {
+      if (!loading && !valid && options?.onUnauthorized) {
+        options.onUnauthorized();
+      }
+    }, [loading, valid]);
+
+    if (loading) {
+      return (
+        <div className="flex items-center justify-center p-8">
+          <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900"></div>
+        </div>
+      );
+    }
+
+    if (!valid) {
+      if (options?.fallback) {
+        return <>{options.fallback}</>;
+      }
+
+      return (
+        <div className="rounded-lg border border-red-200 bg-red-50 p-8 text-center">
+          <h3 className="text-lg font-semibold text-red-900 mb-2">
+            Pro License Required
+          </h3>
+          <p className="text-red-700 mb-4">
+            This component requires a MoonUI Pro license.
+          </p>
+          <a
+            href="https://moonui.dev/pricing"
+            className="inline-flex items-center justify-center rounded-md bg-red-600 px-4 py-2 text-sm font-medium text-white hover:bg-red-700"
+          >
+            Get Pro License
+          </a>
+          {error && (
+            <p className="text-xs text-red-600 mt-4">
+              Error: {error}
+            </p>
+          )}
+        </div>
+      );
+    }
+
+    return <Component {...props} />;
+  };
+}
+
+// Self-protecting component wrapper
+export function ProComponent<P extends object>({
+  component: Component,
+  ...props
+}: P & { component: React.ComponentType<P> }) {
+  const GuardedComponent = withLicenseGuard(Component);
+  return <GuardedComponent {...(props as P)} />;
+}

package/src/utils/package-guard.ts

@@ -0,0 +1,60 @@
+/**
+ * Package Access Guard
+ * Prevents direct NPM package usage without CLI
+ */
+
+const ALLOWED_CALLERS = [
+  '@moontra/moonui-cli',
+  'moonui-cli',
+  '.moonui/temp', // CLI temp directory
+];
+
+const DEV_MODE = process.env.NODE_ENV === 'development';
+
+export function checkPackageAccess(): void {
+  // Skip in development mode for easier testing
+  if (DEV_MODE) {
+    return;
+  }
+
+  // Check if running in a browser (client-side)
+  if (typeof window !== 'undefined') {
+    // Client-side access is allowed after server-side validation
+    return;
+  }
+
+  // Server-side check
+  const stack = new Error().stack;
+  
+  if (!stack) {
+    throw new Error(
+      'MoonUI Pro: This package can only be used via @moontra/moonui-cli. ' +
+      'Please install components using: npx @moontra/moonui-cli add <component>'
+    );
+  }
+
+  // Check if called from allowed sources
+  const isAllowed = ALLOWED_CALLERS.some(caller => stack.includes(caller));
+  
+  // Also check for local file paths that indicate CLI usage
+  const isCliGenerated = stack.includes('/components/ui/') || 
+                        stack.includes('/components/pro/');
+
+  if (!isAllowed && !isCliGenerated) {
+    console.error('Stack trace:', stack);
+    throw new Error(
+      'MoonUI Pro: Unauthorized package access detected.\n' +
+      'This package can only be used via @moontra/moonui-cli.\n' +
+      'Install components using: npx @moontra/moonui-cli add <component>\n\n' +
+      'If you have a Pro license, make sure to:\n' +
+      '1. Login with: npx @moontra/moonui-cli login\n' +
+      '2. Install components via CLI\n\n' +
+      'Learn more at: https://moonui.dev/docs/installation'
+    );
+  }
+}
+
+// Auto-check on import
+if (typeof window === 'undefined') {
+  checkPackageAccess();
+}