@aguacerowx/react-native 0.0.18 → 0.0.19

package/package.json

@@ -1,67 +1,72 @@
-{
-  "name": "@aguacerowx/react-native",
-  "version": "0.0.18",
-  "description": "Native weather rendering for React Native",
-  "license": "ISC",
-  "author": "Michael Barletta",
-  "keywords": [
-    "react-native",
-    "android",
-    "weather",
-    "map"
-  ],
-  "main": "lib/commonjs/index.js",
-  "module": "lib/module/index.js",
-  "types": "lib/typescript/index.d.ts",
-  "react-native": "index.js",
-  "source": "index.js",
-  "files": [
-    "src",
-    "index.js",
-    "lib",
-    "android",
-    "ios",
-    "cpp",
-    "*.podspec",
-    "ios/generated",
-    "android/src/main/java/com/facebook/react/viewmanagers"
-  ],
-  "scripts": {
-    "clean": "node -e \"require('fs').rmSync('lib', {recursive: true, force: true})\"",
-    "build": "npm run clean && bob build",
-    "prepare": "npm run build"
-  },
-  "devDependencies": {
-    "react-native-builder-bob": "^0.23.2",
-    "typescript": "^5.0.2"
-  },
-  "peerDependencies": {
-    "@rnmapbox/maps": "*",
-    "react": "*",
-    "react-native": "*",
-    "react-native-device-info": ">=10.0.0"
-  },
-  "dependencies": {
-    "@aguacerowx/javascript-sdk": "^0.0.9",
-    "base64-js": "^1.5.1"
-  },
-  "react-native-builder-bob": {
-    "source": ".",
-    "output": "lib",
-    "targets": [
-      "commonjs",
-      "module",
-      [
-        "typescript",
-        {
-          "project": "tsconfig.json"
-        }
-      ]
-    ]
-  },
-  "codegenConfig": {
-    "name": "AguaceroWxReactNativeSpec",
-    "type": "components",
-    "jsSrcsDir": "."
-  }
-}
+{
+  "name": "@aguacerowx/react-native",
+  "version": "0.0.19",
+  "description": "Native weather rendering for React Native",
+  "license": "ISC",
+  "author": "Michael Barletta",
+  "keywords": [
+    "react-native",
+    "android",
+    "weather",
+    "map"
+  ],
+  "main": "lib/commonjs/index.js",
+  "module": "lib/module/index.js",
+  "types": "lib/typescript/index.d.ts",
+  "react-native": "index.js",
+  "source": "index.js",
+  "files": [
+    "src",
+    "index.js",
+    "lib",
+    "android",
+    "ios",
+    "cpp",
+    "*.podspec",
+    "ios/generated",
+    "ios/compiled-shaders",
+    "android/src/main/java/com/facebook/react/viewmanagers"
+  ],
+  "scripts": {
+    "compile-shaders": "node scripts/compile-shaders.js",
+    "clean": "node -e \"require('fs').rmSync('lib', {recursive: true, force: true})\"",
+    "build": "npm run compile-shaders && npm run clean && bob build",
+    "prepare": "npm run build"
+  },
+  "devDependencies": {
+    "react-native-builder-bob": "^0.23.2",
+    "typescript": "^5.0.2"
+  },
+  "peerDependencies": {
+    "@rnmapbox/maps": "*",
+    "react": "*",
+    "react-native": "*",
+    "react-native-device-info": ">=10.0.0"
+  },
+  "dependencies": {
+    "@aguacerowx/javascript-sdk": "^0.0.14",
+    "base64-js": "^1.5.1"
+  },
+  "react-native-builder-bob": {
+    "source": ".",
+    "output": "lib",
+    "targets": [
+      "commonjs",
+      "module",
+      [
+        "typescript",
+        {
+          "project": "tsconfig.json"
+        }
+      ]
+    ]
+  },
+  "codegenConfig": {
+    "name": "AguaceroWxReactNativeSpec",
+    "type": "components",
+    "jsSrcsDir": "src",
+    "android": {
+      "javaPackageName": "com.aguacerowx.reactnative"
+    }
+  }
+}

package/src/AguaceroContext.js

@@ -1,4 +1,4 @@
-import React from 'react';
-
-// This will hold the single instance of our AguaceroCore
+import React from 'react';
+
+// This will hold the single instance of our AguaceroCore
 export const AguaceroContext = React.createContext(null);

package/src/GridRenderLayer.js

@@ -1,205 +1,218 @@
-// 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');
-            }
-        },
-
-        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'
+    );
+    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,
+    },
 });

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>;