@aguacerowx/react-native 0.0.28 → 0.0.30

package/src/GridRenderLayer.js

@@ -1,218 +1,216 @@
-// packages/react-native/src/GridRenderLayer.js
-
-import React, { useRef, useImperativeHandle, forwardRef, useEffect } from 'react';
-import { UIManager, findNodeHandle, requireNativeComponent, StyleSheet, Platform } from 'react-native';
-import GridRenderView from './GridRenderLayerNativeComponent';
-
-// This must match the module name exported in the native code
-const NATIVE_COMPONENT_NAME = 'GridRenderLayer';
-
-if (UIManager.getViewManagerConfig) {
-    const allComponents = Object.keys(UIManager).filter(key => 
-        !key.startsWith('_') && typeof UIManager[key] !== 'function'
-    );
-    console.log('📋 Available components:', allComponents.slice(0, 20)); // Show first 20
-}
-
-export const GridRenderLayer = forwardRef((props, ref) => {
-    const nativeRef = useRef(null);
-    
-    useEffect(() => {
-        
-        if (nativeRef.current) {
-            const handle = findNodeHandle(nativeRef.current);
-            console.log('🟢 [GridRenderLayer] Native node handle:', handle);
-        }
-        
-        return () => {
-            console.log('🔴 [GridRenderLayer] Component unmounting');
-        };
-    }, []);
-
-    const getCommandId = (commandName) => {
-        try {
-            const config = UIManager.getViewManagerConfig(NATIVE_COMPONENT_NAME);
-
-            const commandId = config?.Commands?.[commandName];
-            
-            return commandId;
-        } catch (error) {
-            console.error(`🔴 [GridRenderLayer] Error getting command ${commandName}:`, error);
-            return null;
-        }
-    };
-
-    useImperativeHandle(ref, () => ({
-        updateGeometry: (corners, gridDef) => {
-            if (nativeRef.current) {
-                const commandId = getCommandId('updateGeometry');
-                if (commandId != null) {
-                    const handle = findNodeHandle(nativeRef.current);
-                    
-                    UIManager.dispatchViewManagerCommand(
-                        handle,
-                        commandId,
-                        [corners, gridDef]
-                    );
-                } else {
-                    console.warn('⚠️ [GridRenderLayer] updateGeometry command ID not found');
-                }
-            } else {
-                console.warn('⚠️ [GridRenderLayer] nativeRef not available for updateGeometry');
-            }
-        },
-
-        setVariable: (variableName) => {
-            if (nativeRef.current) {
-                const commandId = getCommandId('setVariable');
-                if (commandId != null) {
-                    UIManager.dispatchViewManagerCommand(
-                        findNodeHandle(nativeRef.current),
-                        commandId,
-                        [variableName]
-                    );
-                }
-            }
-        },
-
-        updateDataTextureFromFile: (filePath, nx, ny, scale, offset, missing, scaleType) => {
-            if (nativeRef.current) {
-                const commandId = getCommandId('updateDataTexture');
-                if (commandId != null) {
-                    UIManager.dispatchViewManagerCommand(
-                        findNodeHandle(nativeRef.current),
-                        commandId,
-                        [filePath, Number(nx), Number(ny), Number(scale), Number(offset), Number(missing), scaleType || "linear"]
-                    );
-                }
-            } else {
-                console.warn('⚠️ [GridRenderLayer] nativeRef not available for updateDataTextureFromFile');
-            }
-        },
-        
-        updateDataTexture: (base64Data, nx, ny, scale, offset, missing, scaleType) => {
-            if (nativeRef.current) {
-                const commandId = getCommandId('updateDataTexture');
-                if (commandId != null) {
-                    UIManager.dispatchViewManagerCommand(
-                        findNodeHandle(nativeRef.current),
-                        commandId,
-                        [base64Data, Number(nx), Number(ny), Number(scale), Number(offset), Number(missing), scaleType || "linear"]
-                    );
-                }
-            } else {
-                console.warn('⚠️ [GridRenderLayer] nativeRef not available for updateDataTexture');
-            }
-        },
-
-        updateColormapTexture: (colormapArray) => {
-            if (nativeRef.current) {
-                const commandId = getCommandId('updateColormapTexture');
-                if (commandId != null) {
-                    UIManager.dispatchViewManagerCommand(
-                        findNodeHandle(nativeRef.current),
-                        commandId,
-                        [colormapArray]
-                    );
-                }
-            } else {
-                console.warn('⚠️ [GridRenderLayer] nativeRef not available for updateColormapTexture');
-            }
-        },
-
-        updateDataParameters: (scale, offset, missing, scaleType) => {  // ADD scaleType parameter
-            if (nativeRef.current) {
-                const commandId = getCommandId('updateDataParameters');
-                if (commandId != null) {
-                    UIManager.dispatchViewManagerCommand(
-                        findNodeHandle(nativeRef.current),
-                        commandId,
-                        [Number(scale), Number(offset), Number(missing), Number(scaleType)]  // Pass 4 params
-                    );
-                }
-            }
-        },
-
-        setSmoothing: (enabled) => {
-            if (nativeRef.current) {
-                nativeRef.current.setNativeProps({ smoothing: enabled });
-            } else {
-                console.warn('⚠️ [GridRenderLayer] nativeRef not available for setSmoothing');
-            }
-        },
-
-        clear: () => {
-            if (nativeRef.current) {
-                const commandId = getCommandId('clear');
-                if (commandId != null) {
-                    UIManager.dispatchViewManagerCommand(
-                        findNodeHandle(nativeRef.current),
-                        commandId,
-                        [] // No arguments needed
-                    );
-                }
-            }
-        },
-        // IOS. Methods
-        // Primes the GPU cache with all frame data. Android will ignore this.
-        primeGpuCache: (frameInfo) => {
-            if (nativeRef.current) {
-                const commandId = getCommandId('primeGpuCache');
-                if (commandId != null) {
-                    UIManager.dispatchViewManagerCommand(
-                        findNodeHandle(nativeRef.current),
-                        commandId,
-                        [frameInfo]
-                    );
-                }
-            }
-        },
-
-        // Sets the active frame from the cache. Android will ignore this.
-        setActiveFrame: (cacheKey) => {
-            if (nativeRef.current) {
-                const commandId = getCommandId('setActiveFrame');
-                if (commandId != null) {
-                    UIManager.dispatchViewManagerCommand(
-                        findNodeHandle(nativeRef.current),
-                        commandId,
-                        [cacheKey]
-                    );
-                }
-            }
-        },
-
-        // Clears the GPU cache. Android will ignore this.
-        clearGpuCache: () => {
-             if (nativeRef.current) {
-                const commandId = getCommandId('clearGpuCache');
-                if (commandId != null) {
-                    UIManager.dispatchViewManagerCommand(
-                        findNodeHandle(nativeRef.current),
-                        commandId,
-                        []
-                    );
-                }
-            }
-        },
-
-    }));
-
-    return (
-        <GridRenderView
-            ref={nativeRef}
-            opacity={props.opacity}
-            dataRange={props.dataRange}
-            belowID={props.belowID}
-            smoothing={true}
-            style={styles.overlay}
-            pointerEvents="none"
-        />
-    );
-});
-
-const styles = StyleSheet.create({
-    overlay: {
-        ...StyleSheet.absoluteFillObject,
-    },
+// packages/react-native/src/GridRenderLayer.js
+
+import React, { useRef, useImperativeHandle, forwardRef, useEffect } from 'react';
+import { UIManager, findNodeHandle, requireNativeComponent, StyleSheet, Platform } from 'react-native';
+import GridRenderView from './GridRenderLayerNativeComponent';
+
+// This must match the module name exported in the native code
+const NATIVE_COMPONENT_NAME = 'GridRenderLayer';
+
+if (UIManager.getViewManagerConfig) {
+    const allComponents = Object.keys(UIManager).filter(key => 
+        !key.startsWith('_') && typeof UIManager[key] !== 'function'
+    );
+}
+
+export const GridRenderLayer = forwardRef((props, ref) => {
+    const nativeRef = useRef(null);
+    
+    useEffect(() => {
+        
+        if (nativeRef.current) {
+            const handle = findNodeHandle(nativeRef.current);
+        }
+        
+        return () => {
+            console.log('🔴 [GridRenderLayer] Component unmounting');
+        };
+    }, []);
+
+    const getCommandId = (commandName) => {
+        try {
+            const config = UIManager.getViewManagerConfig(NATIVE_COMPONENT_NAME);
+
+            const commandId = config?.Commands?.[commandName];
+            
+            return commandId;
+        } catch (error) {
+            console.error(`🔴 [GridRenderLayer] Error getting command ${commandName}:`, error);
+            return null;
+        }
+    };
+
+    useImperativeHandle(ref, () => ({
+        updateGeometry: (corners, gridDef) => {
+            if (nativeRef.current) {
+                const commandId = getCommandId('updateGeometry');
+                if (commandId != null) {
+                    const handle = findNodeHandle(nativeRef.current);
+                    
+                    UIManager.dispatchViewManagerCommand(
+                        handle,
+                        commandId,
+                        [corners, gridDef]
+                    );
+                } else {
+                    console.warn('⚠️ [GridRenderLayer] updateGeometry command ID not found');
+                }
+            } else {
+                console.warn('⚠️ [GridRenderLayer] nativeRef not available for updateGeometry');
+            }
+        },
+
+        setVariable: (variableName) => {
+            if (nativeRef.current) {
+                const commandId = getCommandId('setVariable');
+                if (commandId != null) {
+                    UIManager.dispatchViewManagerCommand(
+                        findNodeHandle(nativeRef.current),
+                        commandId,
+                        [variableName]
+                    );
+                }
+            }
+        },
+
+        updateDataTextureFromFile: (filePath, nx, ny, scale, offset, missing, scaleType) => {
+            if (nativeRef.current) {
+                const commandId = getCommandId('updateDataTexture');
+                if (commandId != null) {
+                    UIManager.dispatchViewManagerCommand(
+                        findNodeHandle(nativeRef.current),
+                        commandId,
+                        [filePath, Number(nx), Number(ny), Number(scale), Number(offset), Number(missing), scaleType || "linear"]
+                    );
+                }
+            } else {
+                console.warn('⚠️ [GridRenderLayer] nativeRef not available for updateDataTextureFromFile');
+            }
+        },
+        
+        updateDataTexture: (base64Data, nx, ny, scale, offset, missing, scaleType) => {
+            if (nativeRef.current) {
+                const commandId = getCommandId('updateDataTexture');
+                if (commandId != null) {
+                    UIManager.dispatchViewManagerCommand(
+                        findNodeHandle(nativeRef.current),
+                        commandId,
+                        [base64Data, Number(nx), Number(ny), Number(scale), Number(offset), Number(missing), scaleType || "linear"]
+                    );
+                }
+            } else {
+                console.warn('⚠️ [GridRenderLayer] nativeRef not available for updateDataTexture');
+            }
+        },
+
+        updateColormapTexture: (colormapArray) => {
+            if (nativeRef.current) {
+                const commandId = getCommandId('updateColormapTexture');
+                if (commandId != null) {
+                    UIManager.dispatchViewManagerCommand(
+                        findNodeHandle(nativeRef.current),
+                        commandId,
+                        [colormapArray]
+                    );
+                }
+            } else {
+                console.warn('⚠️ [GridRenderLayer] nativeRef not available for updateColormapTexture');
+            }
+        },
+
+        updateDataParameters: (scale, offset, missing, scaleType) => {  // ADD scaleType parameter
+            if (nativeRef.current) {
+                const commandId = getCommandId('updateDataParameters');
+                if (commandId != null) {
+                    UIManager.dispatchViewManagerCommand(
+                        findNodeHandle(nativeRef.current),
+                        commandId,
+                        [Number(scale), Number(offset), Number(missing), Number(scaleType)]  // Pass 4 params
+                    );
+                }
+            }
+        },
+
+        setSmoothing: (enabled) => {
+            if (nativeRef.current) {
+                nativeRef.current.setNativeProps({ smoothing: enabled });
+            } else {
+                console.warn('⚠️ [GridRenderLayer] nativeRef not available for setSmoothing');
+            }
+        },
+
+        clear: () => {
+            if (nativeRef.current) {
+                const commandId = getCommandId('clear');
+                if (commandId != null) {
+                    UIManager.dispatchViewManagerCommand(
+                        findNodeHandle(nativeRef.current),
+                        commandId,
+                        [] // No arguments needed
+                    );
+                }
+            }
+        },
+        // IOS. Methods
+        // Primes the GPU cache with all frame data. Android will ignore this.
+        primeGpuCache: (frameInfo) => {
+            if (nativeRef.current) {
+                const commandId = getCommandId('primeGpuCache');
+                if (commandId != null) {
+                    UIManager.dispatchViewManagerCommand(
+                        findNodeHandle(nativeRef.current),
+                        commandId,
+                        [frameInfo]
+                    );
+                }
+            }
+        },
+
+        // Sets the active frame from the cache. Android will ignore this.
+        setActiveFrame: (cacheKey) => {
+            if (nativeRef.current) {
+                const commandId = getCommandId('setActiveFrame');
+                if (commandId != null) {
+                    UIManager.dispatchViewManagerCommand(
+                        findNodeHandle(nativeRef.current),
+                        commandId,
+                        [cacheKey]
+                    );
+                }
+            }
+        },
+
+        // Clears the GPU cache. Android will ignore this.
+        clearGpuCache: () => {
+             if (nativeRef.current) {
+                const commandId = getCommandId('clearGpuCache');
+                if (commandId != null) {
+                    UIManager.dispatchViewManagerCommand(
+                        findNodeHandle(nativeRef.current),
+                        commandId,
+                        []
+                    );
+                }
+            }
+        },
+
+    }));
+
+    return (
+        <GridRenderView
+            ref={nativeRef}
+            opacity={props.opacity}
+            dataRange={props.dataRange}
+            belowID={props.belowID}
+            smoothing={true}
+            style={styles.overlay}
+            pointerEvents="none"
+        />
+    );
+});
+
+const styles = StyleSheet.create({
+    overlay: {
+        ...StyleSheet.absoluteFillObject,
+    },
 });

package/src/GridRenderLayerNativeComponent.ts

@@ -1,16 +1,16 @@
-// src/GridRenderLayerNativeComponent.ts
-import type { ViewProps } from 'react-native/Libraries/Components/View/ViewPropTypes';
-import type { HostComponent } from 'react-native';
-import type { Float, Double, Int32, WithDefault } from 'react-native/Libraries/Types/CodegenTypes';
-import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
-
-export interface NativeProps extends ViewProps {
-  opacity?: WithDefault<Float, 1.0>;
-  readonly dataRange?: ReadonlyArray<Double>;
-  belowID?: string;
-  smoothing?: WithDefault<boolean, true>;
-}
-
-export default codegenNativeComponent<NativeProps>(
-  'GridRenderLayer'
+// src/GridRenderLayerNativeComponent.ts
+import type { ViewProps } from 'react-native/Libraries/Components/View/ViewPropTypes';
+import type { HostComponent } from 'react-native';
+import type { Float, Double, Int32, WithDefault } from 'react-native/Libraries/Types/CodegenTypes';
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+
+export interface NativeProps extends ViewProps {
+  opacity?: WithDefault<Float, 1.0>;
+  readonly dataRange?: ReadonlyArray<Double>;
+  belowID?: string;
+  smoothing?: WithDefault<boolean, true>;
+}
+
+export default codegenNativeComponent<NativeProps>(
+  'GridRenderLayer'
 ) as HostComponent<NativeProps>;