d94d0b188b
Insole-production time tracker exported from the Create/Anything AI platform. Baseline snapshot before any reverse-engineering or cleanup. - apps/mobile: Expo Router app (iOS/Android/web), the only workspace - publisher/: standalone OpenNext/AWS deploy tooling for the web side - Backend (/api/tasks, /api/logs + DB) lives remotely, not in this repo
73 lines
2.2 KiB
TypeScript
73 lines
2.2 KiB
TypeScript
import React, { useEffect } from "react";
|
|
import { Appearance, useColorScheme } from "react-native";
|
|
import {
|
|
StatusBar as ExpoStatusBar,
|
|
type StatusBarStyle,
|
|
type StatusBarAnimation,
|
|
type StatusBarProps,
|
|
} from "expo-status-bar";
|
|
import * as ExpoSB from "expo-status-bar";
|
|
|
|
function postColorToParent(color: string) {
|
|
try {
|
|
if (typeof window !== "undefined" && "parent" in window) {
|
|
window.parent.postMessage(
|
|
{ type: "sandbox:mobile:statusbarcolor", color, timestamp: Date.now() },
|
|
"*"
|
|
);
|
|
}
|
|
} catch {
|
|
console.warn("Color was not sent to parent");
|
|
}
|
|
}
|
|
|
|
function styleToBarColor(
|
|
style: StatusBarStyle | "auto" | "inverted" = "auto",
|
|
colorScheme = Appearance.getColorScheme()
|
|
) {
|
|
const actual = colorScheme ?? "light";
|
|
let resolved:
|
|
| Exclude<StatusBarStyle, "auto" | "inverted">
|
|
| "light"
|
|
| "dark" = style as any;
|
|
|
|
if (style === "auto") resolved = actual === "light" ? "dark" : "light";
|
|
else if (style === "inverted")
|
|
resolved = actual === "light" ? "light" : "dark";
|
|
|
|
return resolved === "light" ? "#FFFFFF" : "#000000";
|
|
}
|
|
|
|
export const StatusBar = React.forwardRef<any, StatusBarProps>(
|
|
function StatusBar({ style = "auto", ...props }, _ref) {
|
|
const colorScheme = useColorScheme();
|
|
|
|
useEffect(() => {
|
|
postColorToParent(styleToBarColor(style, colorScheme));
|
|
}, [style, colorScheme]);
|
|
|
|
return <ExpoStatusBar style={style} {...props} />;
|
|
}
|
|
);
|
|
|
|
export const setStatusBarStyle = (style: StatusBarStyle, animated?: boolean) =>
|
|
ExpoSB.setStatusBarStyle(style, animated);
|
|
|
|
export const setStatusBarHidden = (
|
|
hidden: boolean,
|
|
animation?: StatusBarAnimation
|
|
) => ExpoSB.setStatusBarHidden(hidden, animation);
|
|
|
|
export const setStatusBarBackgroundColor = (
|
|
backgroundColor: string,
|
|
animated?: boolean
|
|
) => ExpoSB.setStatusBarBackgroundColor(backgroundColor as any, animated);
|
|
|
|
export const setStatusBarNetworkActivityIndicatorVisible = (visible: boolean) =>
|
|
ExpoSB.setStatusBarNetworkActivityIndicatorVisible(visible);
|
|
|
|
export const setStatusBarTranslucent = (translucent: boolean) =>
|
|
ExpoSB.setStatusBarTranslucent(translucent);
|
|
|
|
export type { StatusBarStyle, StatusBarAnimation, StatusBarProps };
|