@coherent.js/core 1.0.0-beta.6 → 1.0.0-beta.7

package/dist/components/component-system.js

@@ -85,8 +85,8 @@ class ComponentState {
             try {
                 listener(newState, oldState);
             }
-            catch (_error) {
-                console._error('State listener _error:', _error);
+            catch (error) {
+                console.error('State listener error:', error);
             }
         });
         this.isUpdating = false;
@@ -215,20 +215,20 @@ export class Component {
                 return this.hooks[hookName].call(this, ...args);
             }
         }
-        catch (_error) {
-            this.handleError(_error, `${hookName} hook`);
+        catch (error) {
+            this.handleError(error, `${hookName} hook`);
         }
     }
     /**
      * Handle component errors
      */
-    handleError(_error) {
-        console._error(`Component Error in ${this.name}:`, _error);
-        // Call _error hook
-        this.callHook('errorCaptured', _error);
+    handleError(error) {
+        console.error(`Component Error in ${this.name}:`, error);
+        // Call error hook
+        this.callHook('errorCaptured', error);
         // Propagate to parent
         if (this.parent && this.parent.handleError) {
-            this.parent.handleError(_error, `${this.name} -> ${context}`);
+            this.parent.handleError(error, `${this.name} -> ${context}`);
         }
     }
     /**
@@ -263,9 +263,9 @@ export class Component {
             }
             return this.rendered;
         }
-        catch (_error) {
-            this.handleError(_error);
-            return { div: { className: 'component-_error', text: `Error in ${this.name}` } };
+        catch (error) {
+            this.handleError(error);
+            return { div: { className: 'component-error', text: `Error in ${this.name}` } };
         }
     }
     /**
@@ -384,9 +384,9 @@ export function createComponent(definition) {
  * Create a component factory
  */
 export function defineComponent(definition) {
-    const componentFactory = (props) => {
+    const componentFactory = (_props) => {
         const component = new Component(definition);
-        return component.render(props);
+        return component.render(_props);
     };
     // Add static properties
     componentFactory.componentName = definition.name || 'Component';
@@ -425,8 +425,8 @@ export function createHOC(enhancer) {
     return (WrappedComponent) => {
         return defineComponent({
             name: `HOC(${WrappedComponent.componentName || 'Component'})`,
-            render(props) {
-                return enhancer(WrappedComponent, props);
+            render(_props) {
+                return enhancer(WrappedComponent, _props);
             }
         });
     };
@@ -472,8 +472,8 @@ export const compose = {
     combine: (...components) => {
         return defineComponent({
             name: 'ComposedComponent',
-            render(props) {
-                return components.map(comp => typeof comp === 'function' ? comp(props) : comp);
+            render(_props) {
+                return components.map(comp => typeof comp === 'function' ? comp(_props) : comp);
             }
         });
     },
@@ -483,16 +483,16 @@ export const compose = {
     conditional: (condition, trueComponent, falseComponent = null) => {
         return defineComponent({
             name: 'ConditionalComponent',
-            render(props) {
+            render(_props) {
                 const shouldRender = typeof condition === 'function' ?
-                    condition(props) : condition;
+                    condition(_props) : condition;
                 if (shouldRender) {
                     return typeof trueComponent === 'function' ?
-                        trueComponent(props) : trueComponent;
+                        trueComponent(_props) : trueComponent;
                 }
                 else if (falseComponent) {
                     return typeof falseComponent === 'function' ?
-                        falseComponent(props) : falseComponent;
+                        falseComponent(_props) : falseComponent;
                 }
                 return null;
             }
@@ -504,8 +504,8 @@ export const compose = {
     loop: (data, itemComponent, keyFn = (item, index) => index) => {
         return defineComponent({
             name: 'LoopComponent',
-            render(props) {
-                const items = typeof data === 'function' ? data(props) : data;
+            render(_props) {
+                const items = typeof data === 'function' ? data(_props) : data;
                 if (!Array.isArray(items)) {
                     console.warn('Loop component expects array data');
                     return null;
@@ -692,9 +692,9 @@ export function lazy(factory, options = {}) {
                 }
                 // Handle promises
                 if (result && typeof result.then === 'function') {
-                    return result.catch(_error => {
+                    return result.catch(error => {
                         if (onError)
-                            onError(_error);
+                            onError(error);
                         return fallback;
                     });
                 }
@@ -705,12 +705,12 @@ export function lazy(factory, options = {}) {
                 }
                 return result;
             }
-            catch (_error) {
+            catch (error) {
                 if (onError) {
-                    onError(_error);
+                    onError(error);
                 }
                 else {
-                    console._error('Lazy evaluation _error:', _error);
+                    console.error('Lazy evaluation error:', error);
                 }
                 return fallback;
             }
@@ -831,7 +831,7 @@ export function batchEvaluate(lazyValues, ...args) {
             const result = lazyValue.evaluate(...args);
             if (result && typeof result.then === 'function') {
                 promises.push(result.then(value => ({ key, value }))
-                    .catch(_error => ({ key, _error })));
+                    .catch(error => ({ key, error })));
             }
             else {
                 results[key] = result;
@@ -845,9 +845,9 @@ export function batchEvaluate(lazyValues, ...args) {
         return results;
     }
     return Promise.all(promises).then(asyncResults => {
-        asyncResults.forEach(({ key, value, _error }) => {
-            if (_error) {
-                console._error(`Batch evaluation _error for ${key}:`, _error);
+        asyncResults.forEach(({ key, value, error }) => {
+            if (error) {
+                console.error(`Batch evaluation error for ${key}:`, error);
                 results[key] = null;
             }
             else {
@@ -884,9 +884,9 @@ function evaluateWithTimeout(factory, timeout, args, fallback) {
                     clearTimeout(timer);
                     resolve(value);
                 })
-                    .catch(_error => {
+                    .catch(error => {
                     clearTimeout(timer);
-                    reject(_error);
+                    reject(error);
                 });
             }
             else {
@@ -894,9 +894,9 @@ function evaluateWithTimeout(factory, timeout, args, fallback) {
                 resolve(result);
             }
         }
-        catch (_error) {
+        catch (error) {
             clearTimeout(timer);
-            reject(_error);
+            reject(error);
         }
     }).catch(() => fallback);
 }
@@ -1091,16 +1091,16 @@ export function memoComponent(component, options = {}) {
     const { propsEqual = shallowEqual, stateEqual = shallowEqual, name = component.name || 'AnonymousComponent' } = options;
     return memo((props = {}, state = {}, context = {}) => {
         return typeof component === 'function' ?
-            component(props, state, context) :
+            component(props, state, _context) :
             component;
     }, {
         keyFn: (props, state) => {
             // Create key based on props and state
-            return `${name}:${JSON.stringify(props)}:${JSON.stringify(state)}`;
+            return `${name}:${JSON.stringify(_props)}:${JSON.stringify(state)}`;
         },
         compareFn: (a, b) => {
             // Custom comparison for component args
-            return propsEqual(a.props, b.props) &&
+            return propsEqual(a.props, b._props) &&
                 stateEqual(a.state, b.state);
         },
         ...options
@@ -1120,10 +1120,10 @@ export function memoAsync(asyncFn, options = {}) {
             return promiseCache.get(key);
         }
         // Start new async operation
-        const promise = asyncFn(...args).catch(_error => {
+        const promise = asyncFn(...args).catch(error => {
             // Remove failed promise from cache
             promiseCache.delete(key);
-            throw _error;
+            throw error;
         });
         promiseCache.set(key, promise);
         // Clean up resolved promise
@@ -1200,7 +1200,7 @@ class TTLCache {
     }
     get(key) {
         if (this.cache.has(key)) {
-            const entry = this.cache.get(key);
+            const _entry = this.cache.get(key);
             if (Date.now() < entry.expires) {
                 return entry.value;
             }
@@ -1226,7 +1226,7 @@ class TTLCache {
     }
     has(key) {
         if (this.cache.has(key)) {
-            const entry = this.cache.get(key);
+            const _entry = this.cache.get(key);
             return Date.now() < entry.expires;
         }
         return false;
@@ -1234,7 +1234,7 @@ class TTLCache {
     delete(key) {
         const had = this.cache.has(key);
         if (had) {
-            const entry = this.cache.get(key);
+            const _entry = this.cache.get(key);
             this.cache.delete(key);
             if (this.timers.has(key)) {
                 clearTimeout(this.timers.get(key));
@@ -1367,7 +1367,7 @@ export function withProps(propsTransform, options = {}) {
     memoOptions = {}, // Memoization options
     // Error handling
     onError = null, // Error handler for transformation
-    fallbackProps = {}, // Fallback props on _error
+    fallbackProps = {}, // Fallback props on error
     // Development
     displayName = null, // Component name for debugging
     debug = false, // Debug logging
@@ -1382,7 +1382,7 @@ export function withProps(propsTransform, options = {}) {
                 // Transform props
                 let transformedProps;
                 if (typeof propsTransform === 'function') {
-                    transformedProps = propsTransform(originalProps, state, context);
+                    transformedProps = propsTransform(originalProps, state, _context);
                 }
                 else if (typeof propsTransform === 'object') {
                     transformedProps = propsTransform;
@@ -1393,26 +1393,26 @@ export function withProps(propsTransform, options = {}) {
                 // Handle async transformations
                 if (transformedProps && typeof transformedProps.then === 'function') {
                     return transformedProps.then(resolved => {
-                        return processProps(resolved, originalProps, WrappedComponent, state, context);
-                    }).catch(_error => {
+                        return processProps(resolved, originalProps, WrappedComponent, state, _context);
+                    }).catch(error => {
                         if (onError)
-                            onError(_error, originalProps);
-                        return processProps(fallbackProps, originalProps, WrappedComponent, state, context);
+                            onError(error, originalProps);
+                        return processProps(fallbackProps, originalProps, WrappedComponent, state, _context);
                     });
                 }
-                return processProps(transformedProps, originalProps, WrappedComponent, state, context);
+                return processProps(transformedProps, originalProps, WrappedComponent, state, _context);
             }
-            catch (_error) {
+            catch (error) {
                 if (debug)
-                    console._error('withProps _error:', _error);
+                    console.error('withProps error:', error);
                 if (onError)
-                    onError(_error, originalProps);
+                    onError(error, originalProps);
                 // Use fallback props
-                return processProps(fallbackProps, originalProps, WrappedComponent, state, context);
+                return processProps(fallbackProps, originalProps, WrappedComponent, state, _context);
             }
         }
         // Process and merge props
-        function processProps(transformed, original, component, state, context) {
+        function processProps(transformed, original, component, state, _context) {
             let finalProps;
             if (merge) {
                 if (override) {
@@ -1449,7 +1449,7 @@ export function withProps(propsTransform, options = {}) {
             }
             // Render wrapped component
             return typeof component === 'function' ?
-                component(finalProps, state, context) :
+                component(finalProps, state, _context) :
                 component;
         }
         // Set display name for debugging
@@ -1480,16 +1480,16 @@ export const withPropsUtils = {
     /**
      * Transform props based on conditions
      */
-    conditional: (condition, trueProps, falseProps = {}) => withProps((props, state, context) => {
+    conditional: (condition, trueProps, falseProps = {}) => withProps((props, state, _context) => {
         const shouldApply = typeof condition === 'function' ?
-            condition(props, state, context) :
+            condition(props, state, _context) :
             condition;
         return shouldApply ? trueProps : falseProps;
     }),
     /**
      * Map specific props to new names/values
      */
-    map: (mapping) => withProps((props) => {
+    map: (mapping) => withProps((_props) => {
         const result = {};
         Object.entries(mapping).forEach(([newKey, mapper]) => {
             if (typeof mapper === 'string') {
@@ -1498,7 +1498,7 @@ export const withPropsUtils = {
             }
             else if (typeof mapper === 'function') {
                 // Transform function
-                result[newKey] = mapper(props);
+                result[newKey] = mapper(_props);
             }
             else {
                 // Static value
@@ -1510,7 +1510,7 @@ export const withPropsUtils = {
     /**
      * Pick only specific props
      */
-    pick: (keys) => withProps((props) => {
+    pick: (keys) => withProps((_props) => {
         const result = {};
         keys.forEach(key => {
             if (props.hasOwnProperty(key)) {
@@ -1522,7 +1522,7 @@ export const withPropsUtils = {
     /**
      * Omit specific props
      */
-    omit: (keys) => withProps((props) => {
+    omit: (keys) => withProps((_props) => {
         const result = { ...props };
         keys.forEach(key => delete result[key]);
         return result;
@@ -1530,7 +1530,7 @@ export const withPropsUtils = {
     /**
      * Default values for missing props
      */
-    defaults: (defaultProps) => withProps((props) => ({
+    defaults: (defaultProps) => withProps((_props) => ({
         ...defaultProps,
         ...props
     }), { merge: false }),
@@ -1539,17 +1539,17 @@ export const withPropsUtils = {
      */
     validated: (transform, validator) => withProps(transform, {
         validate: validator,
-        onError: (_error) => console.warn('Prop validation failed:', _error)
+        onError: (error) => console.warn('Prop validation failed:', error)
     }),
     /**
      * Async prop transformation
      */
-    async: (asyncTransform, loadingProps = {}) => withProps(async (props, state, context) => {
+    async: (asyncTransform, loadingProps = {}) => withProps(async (props, state, _context) => {
         try {
-            return await asyncTransform(props, state, context);
+            return await asyncTransform(props, state, _context);
         }
-        catch (_error) {
-            console._error('Async prop transform failed:', _error);
+        catch (error) {
+            console.error('Async prop transform failed:', error);
             return loadingProps;
         }
     }, {
@@ -1558,11 +1558,11 @@ export const withPropsUtils = {
     /**
      * Computed props based on other props
      */
-    computed: (computedProps) => withProps((props) => {
+    computed: (computedProps) => withProps((_props) => {
         const computed = {};
         Object.entries(computedProps).forEach(([key, compute]) => {
             computed[key] = typeof compute === 'function' ?
-                compute(props) :
+                compute(_props) :
                 compute;
         });
         return computed;
@@ -1570,7 +1570,7 @@ export const withPropsUtils = {
     /**
      * Props with context injection
      */
-    withContext: (contextKeys) => withProps((props, state, context) => {
+    withContext: (contextKeys) => withProps((props, state, _context) => {
         const contextProps = {};
         contextKeys.forEach(key => {
             if (context && context[key] !== undefined) {
@@ -1584,7 +1584,7 @@ export const withPropsUtils = {
      */
     withState: (stateMapping) => withProps((props, state) => {
         if (typeof stateMapping === 'function') {
-            return stateMapping(state, props);
+            return stateMapping(state, _props);
         }
         const stateProps = {};
         Object.entries(stateMapping).forEach(([propKey, stateKey]) => {
@@ -1605,9 +1605,9 @@ export const withPropsUtils = {
     /**
      * Props with performance measurement
      */
-    timed: (transform, name = 'PropTransform') => withProps((props, state, context) => {
+    timed: (transform, name = 'PropTransform') => withProps((props, state, _context) => {
         const start = performance.now();
-        const result = transform(props, state, context);
+        const result = transform(props, state, _context);
         const end = performance.now();
         if (end - start > 1) { // Log if > 1ms
             console.log(`${name} took ${(end - start).toFixed(2)}ms`);
@@ -1617,13 +1617,13 @@ export const withPropsUtils = {
     /**
      * Chain multiple prop transformations
      */
-    chain: (...transforms) => withProps((props, state, context) => {
+    chain: (...transforms) => withProps((props, state, _context) => {
         return transforms.reduce((acc, transform) => {
             if (typeof transform === 'function') {
-                return { ...acc, ...transform(acc, state, context) };
+                return { ...acc, ...transform(acc, state, _context) };
             }
             return { ...acc, ...transform };
-        }, props);
+        }, _props);
     })
 };
 /**
@@ -1631,12 +1631,12 @@ export const withPropsUtils = {
  */
 export function createPropTransformer(config) {
     const { transforms = [], validators = [], defaults = {}, options = {} } = config;
-    return withProps((props, state, context) => {
+    return withProps((props, state, _context) => {
         let result = { ...defaults, ...props };
         // Apply transforms in sequence
         for (const transform of transforms) {
             if (typeof transform === 'function') {
-                result = { ...result, ...transform(result, state, context) };
+                result = { ...result, ...transform(result, state, _context) };
             }
             else {
                 result = { ...result, ...transform };
@@ -1656,12 +1656,12 @@ export function createPropTransformer(config) {
  */
 export function withPropsDebug(component, debugOptions = {}) {
     const { logProps = true, logChanges = true, breakOnError = false } = debugOptions;
-    return withProps((props, state, context) => {
+    return withProps((props, state, _context) => {
         if (logProps) {
             console.group(`Props Debug: ${component.name || 'Component'}`);
-            console.log('Props:', props);
+            console.log('Props:', _props);
             console.log('State:', state);
-            console.log('Context:', context);
+            console.log('Context:', _context);
             console.groupEnd();
         }
         return props;
@@ -1738,7 +1738,7 @@ export function withState(initialState = {}, options = {}) {
             if (!stateContainer.initialized) {
                 stateContainer.initialize();
                 if (onMount) {
-                    onMount(stateContainer.getState(), props, context);
+                    onMount(stateContainer.getState(), props, _context);
                 }
             }
             // Get current state
@@ -1746,7 +1746,7 @@ export function withState(initialState = {}, options = {}) {
             // Transform state if needed
             let transformedState = currentState;
             if (stateTransform) {
-                transformedState = stateTransform(currentState, props, context);
+                transformedState = stateTransform(currentState, props, _context);
             }
             // Create actions bound to this state container
             const boundActions = createBoundActions(actions, stateContainer, {
@@ -1818,7 +1818,7 @@ export function withState(initialState = {}, options = {}) {
             }
             // Render wrapped component
             return typeof WrappedComponent === 'function' ?
-                WrappedComponent(enhancedProps, globalState, context) :
+                WrappedComponent(enhancedProps, globalState, _context) :
                 WrappedComponent;
         }
         // Set display name
@@ -1861,9 +1861,9 @@ function createStateContainer(initialState, options) {
                         state = { ...state, ...parsed };
                     }
                 }
-                catch (_error) {
+                catch (error) {
                     if (debug)
-                        console.warn('Failed to load persisted state:', _error);
+                        console.warn('Failed to load persisted state:', error);
                 }
             }
             container.initialized = true;
@@ -1896,9 +1896,9 @@ function createStateContainer(initialState, options) {
                 try {
                     storage.setItem(storageKey, JSON.stringify(state));
                 }
-                catch (_error) {
+                catch (error) {
                     if (debug)
-                        console.warn('Failed to persist state:', _error);
+                        console.warn('Failed to persist state:', error);
                 }
             }
             // Notify listeners
@@ -1907,9 +1907,9 @@ function createStateContainer(initialState, options) {
                     try {
                         listener(state, prevState);
                     }
-                    catch (_error) {
+                    catch (error) {
                         if (debug)
-                            console._error('State listener _error:', _error);
+                            console.error('State listener error:', error);
                     }
                 });
                 if (onStateChange) {
@@ -1943,9 +1943,9 @@ function createStateContainer(initialState, options) {
                 try {
                     storage.removeItem(storageKey);
                 }
-                catch (_error) {
+                catch (error) {
                     if (debug)
-                        console.warn('Failed to remove persisted state:', _error);
+                        console.warn('Failed to remove persisted state:', error);
                 }
             }
         }
@@ -1964,18 +1964,18 @@ function createBoundActions(actions, stateContainer, options) {
                 const result = actionCreator(stateContainer.getState(), stateContainer.setState.bind(stateContainer), { props, context, args });
                 // Handle async actions
                 if (supportAsync && result && typeof result.then === 'function') {
-                    return result.catch(_error => {
+                    return result.catch(error => {
                         if (debug)
-                            console._error(`Async action ${actionName} failed:`, _error);
-                        throw _error;
+                            console.error(`Async action ${actionName} failed:`, error);
+                        throw error;
                     });
                 }
                 return result;
             }
-            catch (_error) {
+            catch (error) {
                 if (debug)
-                    console._error(`Action ${actionName} failed:`, _error);
-                throw _error;
+                    console.error(`Action ${actionName} failed:`, error);
+                throw error;
             }
         };
     });
@@ -2027,7 +2027,7 @@ export const withStateUtils = {
         }
         return (WrappedComponent) => {
             const sharedContainer = sharedStates.get(sharedKey);
-            function SharedStateComponent(props, globalState, context) {
+            function SharedStateComponent(props, globalState, _context) {
                 const currentState = sharedContainer.getState();
                 const enhancedProps = {
                     ...props,
@@ -2036,7 +2036,7 @@ export const withStateUtils = {
                     subscribe: sharedContainer.subscribe.bind(sharedContainer)
                 };
                 return typeof WrappedComponent === 'function' ?
-                    WrappedComponent(enhancedProps, globalState, context) :
+                    WrappedComponent(enhancedProps, globalState, _context) :
                     WrappedComponent;
             }
             SharedStateComponent.displayName = `withSharedState(${getComponentName(WrappedComponent)})`;
@@ -2065,7 +2065,7 @@ export const withStateUtils = {
         }
     }),
     /**
-     * State with loading/_error handling
+     * State with loading/error handling
      */
     withLoading: async (initialState) => withState({
         ...initialState,
@@ -2077,8 +2077,8 @@ export const withStateUtils = {
             setLoading: (state, setState, { args: [loading] }) => {
                 setState({ _loading: loading });
             },
-            setError: (state, setState, { args: [_error] }) => {
-                setState({ _error: _error, _loading: false });
+            setError: (state, setState, { args: [error] }) => {
+                setState({ _error: error, _loading: false });
             },
             clearError: (state, setState) => {
                 setState({ _error: null });
@@ -2090,9 +2090,9 @@ export const withStateUtils = {
                     setState({ _loading: false });
                     return result;
                 }
-                catch (_error) {
-                    setState({ _loading: false, _error: _error });
-                    throw _error;
+                catch (error) {
+                    setState({ _loading: false, _error: error });
+                    throw error;
                 }
             }
         }