e30ae8ed09
- 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
112 lines
3.7 KiB
JavaScript
112 lines
3.7 KiB
JavaScript
"use strict";
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
exports.getStatusBarColor = getStatusBarColor;
|
|
exports.getStatusBarStyle = getStatusBarStyle;
|
|
exports.getStatusBarTranslucent = getStatusBarTranslucent;
|
|
exports.setStatusBarColors = setStatusBarColors;
|
|
exports.setStatusBarStyles = setStatusBarStyles;
|
|
exports.withStatusBar = void 0;
|
|
function _assert() {
|
|
const data = _interopRequireDefault(require("assert"));
|
|
_assert = function () {
|
|
return data;
|
|
};
|
|
return data;
|
|
}
|
|
function _Colors() {
|
|
const data = require("./Colors");
|
|
_Colors = function () {
|
|
return data;
|
|
};
|
|
return data;
|
|
}
|
|
function _Styles() {
|
|
const data = require("./Styles");
|
|
_Styles = function () {
|
|
return data;
|
|
};
|
|
return data;
|
|
}
|
|
function _androidPlugins() {
|
|
const data = require("../plugins/android-plugins");
|
|
_androidPlugins = function () {
|
|
return data;
|
|
};
|
|
return data;
|
|
}
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
// https://developer.android.com/reference/android/R.attr#colorPrimaryDark
|
|
const COLOR_PRIMARY_DARK_KEY = 'colorPrimaryDark';
|
|
// https://developer.android.com/reference/android/R.attr#windowLightStatusBar
|
|
const WINDOW_LIGHT_STATUS_BAR = 'android:windowLightStatusBar';
|
|
// https://developer.android.com/reference/android/R.attr#statusBarColor
|
|
const STATUS_BAR_COLOR = 'android:statusBarColor';
|
|
const withStatusBar = config => {
|
|
config = withStatusBarColors(config);
|
|
config = withStatusBarStyles(config);
|
|
return config;
|
|
};
|
|
exports.withStatusBar = withStatusBar;
|
|
const withStatusBarColors = config => {
|
|
return (0, _androidPlugins().withAndroidColors)(config, config => {
|
|
config.modResults = setStatusBarColors(config, config.modResults);
|
|
return config;
|
|
});
|
|
};
|
|
const withStatusBarStyles = config => {
|
|
return (0, _androidPlugins().withAndroidStyles)(config, config => {
|
|
config.modResults = setStatusBarStyles(config, config.modResults);
|
|
return config;
|
|
});
|
|
};
|
|
function setStatusBarColors(config, colors) {
|
|
return (0, _Colors().assignColorValue)(colors, {
|
|
name: COLOR_PRIMARY_DARK_KEY,
|
|
value: getStatusBarColor(config)
|
|
});
|
|
}
|
|
function setStatusBarStyles(config, styles) {
|
|
const hexString = getStatusBarColor(config);
|
|
const floatElement = getStatusBarTranslucent(config);
|
|
styles = (0, _Styles().assignStylesValue)(styles, {
|
|
parent: (0, _Styles().getAppThemeLightNoActionBarGroup)(),
|
|
name: WINDOW_LIGHT_STATUS_BAR,
|
|
value: 'true',
|
|
// Default is light-content, don't need to do anything to set it
|
|
add: getStatusBarStyle(config) === 'dark-content'
|
|
});
|
|
styles = (0, _Styles().assignStylesValue)(styles, {
|
|
parent: (0, _Styles().getAppThemeLightNoActionBarGroup)(),
|
|
name: STATUS_BAR_COLOR,
|
|
value: floatElement ? '@android:color/transparent' : hexString ?? '@color/colorPrimaryDark',
|
|
// Remove the color if translucent is used
|
|
add: floatElement || !!hexString
|
|
});
|
|
return styles;
|
|
}
|
|
function getStatusBarColor(config) {
|
|
const backgroundColor = config.androidStatusBar?.backgroundColor;
|
|
if (backgroundColor) {
|
|
// Drop support for translucent
|
|
(0, _assert().default)(backgroundColor !== 'translucent', `androidStatusBar.backgroundColor must be a valid hex string, instead got: "${backgroundColor}"`);
|
|
}
|
|
return backgroundColor;
|
|
}
|
|
|
|
/**
|
|
* Specifies whether the status bar should be "translucent". When true, the status bar is drawn with `position: absolute` and a gray underlay, when false `position: relative` (pushes content down).
|
|
*
|
|
* @default false
|
|
* @param config
|
|
* @returns
|
|
*/
|
|
function getStatusBarTranslucent(config) {
|
|
return config.androidStatusBar?.translucent ?? false;
|
|
}
|
|
function getStatusBarStyle(config) {
|
|
return config.androidStatusBar?.barStyle || 'light-content';
|
|
}
|
|
//# sourceMappingURL=StatusBar.js.map
|