mastercontroller 1.3.9 → 1.3.12

package/error/SSRErrorHandler.js

@@ -1,273 +0,0 @@
-/**
- * SSRErrorHandler - Server-side rendering error handling
- * Handles component render failures with graceful fallbacks
- * Version: 1.0.1
- */
-
-const { MasterControllerError } = require('./MasterErrorHandler');
-
-const isDevelopment = process.env.NODE_ENV !== 'production' && process.env.master === 'development';
-
-/**
- * Render error component for development mode
- */
-function renderErrorComponent(options = {}) {
-  const {
-    component,
-    error,
-    stack,
-    file,
-    line,
-    details
-  } = options;
-
-  const errorObj = new MasterControllerError({
-    code: 'MC_ERR_COMPONENT_RENDER_FAILED',
-    message: error || 'Component failed to render on server',
-    component,
-    file,
-    line,
-    details: details || stack,
-    originalError: options.originalError
-  });
-
-  // Return full HTML error page in development
-  return errorObj.toHTML();
-}
-
-/**
- * Render fallback component for production mode
- */
-function renderFallback(componentName, options = {}) {
-  const { showSkeleton = true, customMessage } = options;
-
-  if (showSkeleton) {
-    return `
-      <div class="mc-fallback" data-component="${componentName}" style="
-        padding: 20px;
-        background: #f9fafb;
-        border-radius: 8px;
-        border: 1px dashed #d1d5db;
-        min-height: 100px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        color: #6b7280;
-      ">
-        <div class="mc-fallback-content">
-          ${customMessage || ''}
-          <div class="skeleton-loader" style="
-            width: 100%;
-            height: 20px;
-            background: linear-gradient(90deg, #e5e7eb 25%, #f3f4f6 50%, #e5e7eb 75%);
-            background-size: 200% 100%;
-            animation: skeleton-loading 1.5s ease-in-out infinite;
-            border-radius: 4px;
-          "></div>
-        </div>
-        <style>
-          @keyframes skeleton-loading {
-            0% { background-position: 200% 0; }
-            100% { background-position: -200% 0; }
-          }
-        </style>
-      </div>
-    `;
-  }
-
-  // Minimal fallback - just an empty div
-  return `<div class="mc-fallback" data-component="${componentName}"></div>`;
-}
-
-/**
- * Safe component render wrapper
- * Catches errors and returns either error page (dev) or fallback (prod)
- */
-function safeRenderComponent(component, componentName, filePath) {
-  try {
-    // Try tempRender first
-    if (typeof component.tempRender === 'function') {
-      const startTime = Date.now();
-      const result = component.tempRender();
-      const renderTime = Date.now() - startTime;
-
-      // Warn about slow renders in development
-      if (isDevelopment && renderTime > 100) {
-        console.warn(
-          new MasterControllerError({
-            code: 'MC_ERR_SLOW_RENDER',
-            message: `Component rendering slowly on server (${renderTime}ms)`,
-            component: componentName,
-            file: filePath,
-            details: `Render time exceeded 100ms threshold. Consider optimizing this component.`
-          }).format()
-        );
-      }
-
-      return { success: true, html: result, renderTime };
-    }
-
-    // Fallback to connectedCallback
-    if (typeof component.connectedCallback === 'function') {
-      const startTime = Date.now();
-      component.connectedCallback();
-      const renderTime = Date.now() - startTime;
-
-      // Get the rendered HTML
-      const html = component.innerHTML || '';
-      return { success: true, html, renderTime };
-    }
-
-    // No render method found
-    throw new Error('No tempRender() or connectedCallback() method found');
-
-  } catch (error) {
-    console.error(
-      new MasterControllerError({
-        code: 'MC_ERR_COMPONENT_RENDER_FAILED',
-        message: `Failed to render component: ${error.message}`,
-        component: componentName,
-        file: filePath,
-        originalError: error
-      }).format()
-    );
-
-    if (isDevelopment) {
-      return {
-        success: false,
-        html: renderErrorComponent({
-          component: componentName,
-          error: error.message,
-          stack: error.stack,
-          file: filePath,
-          originalError: error
-        }),
-        renderTime: 0
-      };
-    } else {
-      // Log error for monitoring
-      logProductionError(error, componentName, filePath);
-
-      return {
-        success: false,
-        html: renderFallback(componentName, { showSkeleton: true }),
-        renderTime: 0
-      };
-    }
-  }
-}
-
-/**
- * Log production errors for monitoring
- */
-function logProductionError(error, component, file) {
-  const errorData = {
-    timestamp: new Date().toISOString(),
-    component,
-    file,
-    message: error.message,
-    stack: error.stack,
-    environment: 'production'
-  };
-
-  // Log to console (can be captured by monitoring services)
-  console.error('[MasterController Production Error]', JSON.stringify(errorData, null, 2));
-
-  // Hook for external logging services (Sentry, LogRocket, etc.)
-  if (global.masterControllerErrorHook) {
-    try {
-      global.masterControllerErrorHook(errorData);
-    } catch (hookError) {
-      console.error('[MasterController] Error hook failed:', hookError.message);
-    }
-  }
-}
-
-/**
- * Wrap connectedCallback with try-catch
- */
-function wrapConnectedCallback(element, componentName, filePath) {
-  if (!element || typeof element.connectedCallback !== 'function') {
-    return;
-  }
-
-  const originalCallback = element.connectedCallback;
-
-  element.connectedCallback = function(...args) {
-    try {
-      return originalCallback.apply(this, args);
-    } catch (error) {
-      console.error(
-        new MasterControllerError({
-          code: 'MC_ERR_COMPONENT_RENDER_FAILED',
-          message: `connectedCallback failed: ${error.message}`,
-          component: componentName,
-          file: filePath,
-          originalError: error
-        }).format()
-      );
-
-      if (isDevelopment) {
-        this.innerHTML = renderErrorComponent({
-          component: componentName,
-          error: error.message,
-          stack: error.stack,
-          file: filePath,
-          originalError: error
-        });
-      } else {
-        logProductionError(error, componentName, filePath);
-        this.innerHTML = renderFallback(componentName);
-      }
-    }
-  };
-}
-
-/**
- * Check if component has required SSR methods
- */
-function validateSSRComponent(componentClass, componentName, filePath) {
-  const warnings = [];
-
-  // Check for tempRender method
-  if (!componentClass.prototype.tempRender && !componentClass.prototype.connectedCallback) {
-    warnings.push(
-      new MasterControllerError({
-        code: 'MC_ERR_TEMPRENDER_MISSING',
-        message: 'Component missing tempRender() method for SSR',
-        component: componentName,
-        file: filePath,
-        details: `Add a tempRender() method to enable server-side rendering:\n\n  tempRender() {\n    return \`<div>Your HTML here</div>\`;\n  }`
-      })
-    );
-  }
-
-  // Warn if only render() exists (client-only)
-  if (componentClass.prototype.render && !componentClass.prototype.tempRender) {
-    warnings.push(
-      new MasterControllerError({
-        code: 'MC_ERR_TEMPRENDER_MISSING',
-        message: 'Component has render() but no tempRender() - will not SSR',
-        component: componentName,
-        file: filePath,
-        details: 'For SSR, rename render() to tempRender() or add a separate tempRender() method'
-      })
-    );
-  }
-
-  if (warnings.length > 0 && isDevelopment) {
-    warnings.forEach(warning => console.warn(warning.format()));
-  }
-
-  return warnings.length === 0;
-}
-
-module.exports = {
-  renderErrorComponent,
-  renderFallback,
-  safeRenderComponent,
-  wrapConnectedCallback,
-  validateSSRComponent,
-  logProductionError,
-  isDevelopment
-};

package/ssr/hydration-client.js

@@ -1,93 +0,0 @@
-/**
- * MasterController Client-Side Hydration Runtime
- * Handles error boundaries and hydration mismatch detection
- * Version: 2.0.1
- */
-
-// Import error boundary
-import { ErrorBoundary } from '../error/ErrorBoundary.js';
-
-// Import hydration mismatch detection
-const isDevelopment = window.location.hostname === 'localhost' ||
-                     window.location.hostname === '127.0.0.1';
-
-if (isDevelopment && typeof require !== 'undefined') {
-  try {
-    const { enableHydrationMismatchDetection } = require('../error/HydrationMismatch.js');
-    enableHydrationMismatchDetection({
-      verbose: localStorage.getItem('mc-hydration-debug') === 'true',
-      delay: 1000
-    });
-  } catch (e) {
-    console.warn('[MasterController] Could not load hydration mismatch detection:', e.message);
-  }
-}
-
-// Auto-wrap app root with error boundary if not already wrapped
-document.addEventListener('DOMContentLoaded', () => {
-  const appRoot = document.querySelector('root-layout') || document.body;
-
-  // Check if already wrapped
-  if (!appRoot.closest('error-boundary')) {
-    // Create error boundary wrapper
-    const boundary = document.createElement('error-boundary');
-
-    // Set development mode
-    if (isDevelopment) {
-      boundary.setAttribute('dev-mode', '');
-    }
-
-    // Configure custom error handler
-    boundary.onError = (errorInfo) => {
-      console.error('[App Error]', errorInfo);
-
-      // Send to monitoring service if configured
-      if (window.masterControllerErrorReporter) {
-        window.masterControllerErrorReporter(errorInfo);
-      }
-    };
-
-    // Wrap content
-    const parent = appRoot.parentNode;
-    parent.insertBefore(boundary, appRoot);
-    boundary.appendChild(appRoot);
-  }
-});
-
-// Global error reporter hook
-window.masterControllerErrorReporter = window.masterControllerErrorReporter || function(errorData) {
-  console.log('[MasterController] Error reported:', errorData);
-
-  // Example: Send to your monitoring service
-  // fetch('/api/errors', {
-  //   method: 'POST',
-  //   headers: { 'Content-Type': 'application/json' },
-  //   body: JSON.stringify(errorData)
-  // });
-
-  // Example: Send to Sentry
-  // if (window.Sentry) {
-  //   Sentry.captureException(new Error(errorData.message), {
-  //     extra: errorData
-  //   });
-  // }
-};
-
-// Log successful hydration
-if (isDevelopment) {
-  window.addEventListener('load', () => {
-    const ssrElements = document.querySelectorAll('[data-ssr]');
-    if (ssrElements.length > 0) {
-      console.log(
-        `%c✓ MasterController Hydration Complete`,
-        'color: #10b981; font-weight: bold; font-size: 14px;'
-      );
-      console.log(`  ${ssrElements.length} server-rendered components hydrated`);
-    }
-  });
-}
-
-// Export for manual use
-export {
-  ErrorBoundary
-};