ump-h5-native

Browser peer of ump-native for UMP. Mirrors the same component surface so import { View, Text, ... } from 'ump-h5-native' works on the web.

ump-h5-native does not ship its own runtime — pair it with ump-core for JSX + hooks.

Install

npm install ump-h5-native ump-core

Surface

The component list mirrors ump-native 1:1: View / Text / Image / Pressable / TouchableOpacity / TextInput / Switch / ScrollView / FlatList / VirtualizedList / Modal / Dialog / BottomSheet / StatusBar / Alert / Toast / Canvas / CustomPainter / Animated / Gesture / LayoutAnimation / Platform / Dimensions / Keyboard / AppState / BackHandler / Linking / etc.

Native-plugin parities (install the matching ump-plugin-* to use): SectionList / WebView / Video / Audio / Worker / Reanimated / Slider / Picker / DatePicker / ProgressBar / Matrix4 / SVG primitives. See packages/ump-plugins/ for the full list.

Web-standard names (fetch, URL, localStorage, navigator.clipboard, requestAnimationFrame, …) are re-exported unchanged from the browser — no polyfilling, no install side-effects.

H5-only opt-in helpers:

• installIntlPolyfill() — call once at app start to register FormatJS-backed Intl polyfills against globalThis.Intl. Inert on hosts that already ship a working Intl (modern browsers, Hermes 0.83+).
• addLocaleData(name, data) — register additional locale data for the polyfill. Pair with the @formatjs/intl-* peer deps when you need a locale that isn't bundled by default.

Usage

UMP uses the automatic JSX runtime (jsx: "react-jsx" + jsxImportSource: "ump-core"), so <View> and <></> resolve via ump-core/jsx-runtime without per-file createElement imports.

import { AppRegistry, View, Text, StyleSheet } from 'ump-h5-native';

const styles = StyleSheet.create({
    container: { display: 'flex', justifyContent: 'center', alignItems: 'center' },
});

function App() {
    return (
        <View style={styles.container}>
            <Text>UMP runs on the web.</Text>
        </View>
    );
}

AppRegistry.registerComponent('MyApp', () => App);
AppRegistry.runApplication('MyApp');

See the main README for the full component matrix.

License

MIT — see LICENSE.