- App.tsx: full navigation (Auth stack + Main tabs with 5 screens) - Auth: LoginScreen, RegisterScreen, ForgotPasswordScreen - HomeScreen: dashboard with IoT metrics, weather widget, alerts, quick actions, sensors - MapScreen: interactive map with layer toggles (6 layers) - MarketplaceScreen: categories (6), products (5), search - ChatScreen: AI chat with quick prompts (4), bot responses - ProfileScreen: user info, stats, menu (9 items), logout - AlertsScreen: alert list with severity, acknowledge - SensorsScreen: sensor list with type filters (6 types), search - ZonesScreen: zone cards with stats - SettingsScreen: language picker (FR/EN/ES/DE), privacy, about - Stores: iotStore (sensors, zones, alerts), notificationStore, uiStore + i18n - Hooks: useSensors, useAlerts, useNotifications, useLocation - Components: Card, Button, LoadingSpinner, ErrorBoundary, Header - Services: iotService, notificationService (with axios API client) - Utils: formatters (temp, AQI, noise, dates), validators (email, password, IBAN) - Theme: colors.ts with full design system (Blue Ocean palette) - Ditto: fixed MongoDB connection, new JWT secrets, official gateway image
130 lines
4.0 KiB
JavaScript
130 lines
4.0 KiB
JavaScript
/**
|
|
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
*
|
|
* This source code is licensed under the MIT license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
*
|
|
* @flow strict-local
|
|
* @format
|
|
*/
|
|
|
|
import type {
|
|
HostComponent,
|
|
PartialViewConfig,
|
|
} from '../../Renderer/shims/ReactNativeTypes';
|
|
|
|
import * as NativeComponentRegistry from '../../NativeComponent/NativeComponentRegistry';
|
|
import codegenNativeCommands from '../../Utilities/codegenNativeCommands';
|
|
import Platform from '../../Utilities/Platform';
|
|
import {type ViewProps as Props} from './ViewPropTypes';
|
|
import * as React from 'react';
|
|
|
|
export const __INTERNAL_VIEW_CONFIG: PartialViewConfig =
|
|
Platform.OS === 'android'
|
|
? {
|
|
uiViewClassName: 'RCTView',
|
|
validAttributes: {
|
|
// ReactClippingViewManager @ReactProps
|
|
removeClippedSubviews: true,
|
|
|
|
// ReactViewManager @ReactProps
|
|
accessible: true,
|
|
hasTVPreferredFocus: true,
|
|
nextFocusDown: true,
|
|
nextFocusForward: true,
|
|
nextFocusLeft: true,
|
|
nextFocusRight: true,
|
|
nextFocusUp: true,
|
|
|
|
borderRadius: true,
|
|
borderTopLeftRadius: true,
|
|
borderTopRightRadius: true,
|
|
borderBottomRightRadius: true,
|
|
borderBottomLeftRadius: true,
|
|
borderTopStartRadius: true,
|
|
borderTopEndRadius: true,
|
|
borderBottomStartRadius: true,
|
|
borderBottomEndRadius: true,
|
|
borderEndEndRadius: true,
|
|
borderEndStartRadius: true,
|
|
borderStartEndRadius: true,
|
|
borderStartStartRadius: true,
|
|
borderStyle: true,
|
|
hitSlop: true,
|
|
pointerEvents: true,
|
|
nativeBackgroundAndroid: true,
|
|
nativeForegroundAndroid: true,
|
|
needsOffscreenAlphaCompositing: true,
|
|
|
|
borderWidth: true,
|
|
borderLeftWidth: true,
|
|
borderRightWidth: true,
|
|
borderTopWidth: true,
|
|
borderBottomWidth: true,
|
|
borderStartWidth: true,
|
|
borderEndWidth: true,
|
|
|
|
borderColor: {
|
|
process: require('../../StyleSheet/processColor').default,
|
|
},
|
|
borderLeftColor: {
|
|
process: require('../../StyleSheet/processColor').default,
|
|
},
|
|
borderRightColor: {
|
|
process: require('../../StyleSheet/processColor').default,
|
|
},
|
|
borderTopColor: {
|
|
process: require('../../StyleSheet/processColor').default,
|
|
},
|
|
borderBottomColor: {
|
|
process: require('../../StyleSheet/processColor').default,
|
|
},
|
|
borderStartColor: {
|
|
process: require('../../StyleSheet/processColor').default,
|
|
},
|
|
borderEndColor: {
|
|
process: require('../../StyleSheet/processColor').default,
|
|
},
|
|
borderBlockColor: {
|
|
process: require('../../StyleSheet/processColor').default,
|
|
},
|
|
borderBlockEndColor: {
|
|
process: require('../../StyleSheet/processColor').default,
|
|
},
|
|
borderBlockStartColor: {
|
|
process: require('../../StyleSheet/processColor').default,
|
|
},
|
|
|
|
focusable: true,
|
|
overflow: true,
|
|
backfaceVisibility: true,
|
|
experimental_layoutConformance: true,
|
|
},
|
|
}
|
|
: {
|
|
uiViewClassName: 'RCTView',
|
|
};
|
|
|
|
const ViewNativeComponent: HostComponent<Props> =
|
|
NativeComponentRegistry.get<Props>('RCTView', () => __INTERNAL_VIEW_CONFIG);
|
|
|
|
interface NativeCommands {
|
|
+hotspotUpdate: (
|
|
viewRef: React.ElementRef<HostComponent<mixed>>,
|
|
x: number,
|
|
y: number,
|
|
) => void;
|
|
+setPressed: (
|
|
viewRef: React.ElementRef<HostComponent<mixed>>,
|
|
pressed: boolean,
|
|
) => void;
|
|
}
|
|
|
|
export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
|
|
supportedCommands: ['hotspotUpdate', 'setPressed'],
|
|
});
|
|
|
|
export default ViewNativeComponent;
|
|
|
|
export type ViewNativeComponentType = HostComponent<Props>;
|