@harya72/react-native-ruler 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 harya72
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,212 @@
+# @harya72/react-native-ruler
+
+A highly customizable, performant ruler/picker component for React Native with smooth animations powered by Reanimated.
+
+![npm version](https://img.shields.io/npm/v/@harya72/react-native-ruler.svg)
+![license](https://img.shields.io/npm/l/@harya72/react-native-ruler.svg)
+
+## Features
+
+✨ **Smooth Animations** - Built with `react-native-reanimated` for 60fps performance  
+🎨 **Highly Customizable** - Control colors, sizes, and styles of every element  
+📱 **Cross-Platform** - Works on iOS and Android  
+🔧 **TypeScript Support** - Full type definitions included  
+🎯 **Precise Control** - Configurable min, max, step values  
+🌈 **Optional Gradients** - Fade effects with `expo-linear-gradient` (optional)  
+⚡ **Optimized** - Virtualized list for handling large ranges efficiently
+
+## Installation
+
+```bash
+npm install @harya72/react-native-ruler
+```
+
+or
+
+```bash
+yarn add @harya72/react-native-ruler
+```
+
+### Peer Dependencies
+
+This library requires the following peer dependencies:
+
+```bash
+npm install react-native-reanimated
+```
+
+**Optional:** For fade gradient effects:
+
+```bash
+npx expo install expo-linear-gradient
+```
+
+> **Note:** If you don't install `expo-linear-gradient`, the component will work perfectly fine without the fade effects.
+
+## Usage
+
+### Basic Example
+
+```tsx
+import React, { useState } from 'react';
+import { View, StyleSheet } from 'react-native';
+import Ruler from '@harya72/react-native-ruler';
+
+export default function App() {
+  const [value, setValue] = useState(50);
+
+  return (
+    <View style={styles.container}>
+      <Ruler
+        min={0}
+        max={200}
+        step={1}
+        height={100}
+        initialValue={value}
+        onChange={(newValue) => setValue(newValue)}
+      />
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    backgroundColor: '#000',
+  },
+});
+```
+
+### Advanced Example with Customization
+
+```tsx
+import React, { useState } from 'react';
+import { View, StyleSheet, Text } from 'react-native';
+import Ruler from '@harya72/react-native-ruler';
+
+export default function App() {
+  const [weight, setWeight] = useState(70);
+
+  return (
+    <View style={styles.container}>
+      <Ruler
+        min={30}
+        max={150}
+        step={0.5}
+        height={120}
+        initialValue={weight}
+        onChange={setWeight}
+        // Styling
+        longBarColor="#4CAF50"
+        shortBarColor="#81C784"
+        indicatorColor="#FF5722"
+        indicatorHeight={120}
+        indicatorWidth={8}
+        // Gradient fade (requires expo-linear-gradient)
+        supportLinearGradient={true}
+        fadeWidth={0.3}
+        fadeOpacity={0.2}
+        // Custom text component
+        textComponent={(currentValue) => (
+          <Text style={styles.customText}>
+            {currentValue.value} kg
+          </Text>
+        )}
+      />
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    backgroundColor: '#1a1a1a',
+  },
+  customText: {
+    fontSize: 48,
+    fontWeight: 'bold',
+    color: '#4CAF50',
+    marginBottom: 24,
+    textAlign: 'center',
+  },
+});
+```
+
+## API Reference
+
+### Props
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `min` | `number` | **Required** | Minimum value on the ruler |
+| `max` | `number` | **Required** | Maximum value on the ruler |
+| `height` | `number` | **Required** | Height of the ruler component |
+| `onChange` | `(value: number) => void` | **Required** | Callback when value changes |
+| `step` | `number` | `1` | Step increment between values |
+| `initialValue` | `number` | `min` | Initial value to display |
+| `decelerationRate` | `'fast' \| 'normal'` | `'normal'` | Scroll deceleration rate |
+| `longBarHeight` | `number` | `50` | Height of long bars (every 10th) |
+| `shortBarHeight` | `number` | `30` | Height of short bars |
+| `longBarWidth` | `number` | `6` | Width of long bars |
+| `shortBarWidth` | `number` | `3` | Width of short bars |
+| `longBarColor` | `string` | `'white'` | Color of long bars |
+| `shortBarColor` | `string` | `'#B5B5B5'` | Color of short bars |
+| `gapBetweenSteps` | `number` | `10` | Gap between ruler steps |
+| `borderRadius` | `number` | `50` | Border radius for bars |
+| `indicatorColor` | `string` | `'white'` | Color of center indicator |
+| `indicatorHeight` | `number` | `100` | Height of center indicator |
+| `indicatorWidth` | `number` | `10` | Width of center indicator |
+| `supportLinearGradient` | `boolean` | `false` | Enable fade gradients (requires expo-linear-gradient) |
+| `fadeWidth` | `number` | `0.25` | Width of fade as % of screen (0-1) |
+| `fadeOpacity` | `number` | `0.1` | Opacity of fade gradient (0-1) |
+| `textStyle` | `StyleProp<TextStyle>` | - | Style for the value text |
+| `style` | `StyleProp<ViewStyle>` | - | Style for container |
+| `barComponent` | `ReactNode` | - | Custom center indicator component |
+| `textComponent` | `(value: SharedValue<string>) => ReactNode` | - | Custom text display component |
+
+## TypeScript
+
+The library is written in TypeScript and includes full type definitions. Import types as needed:
+
+```tsx
+import Ruler, { RulerProps } from '@harya72/react-native-ruler';
+```
+
+## Performance Tips
+
+- The component uses `FlatList` with virtualization for optimal performance
+- For large ranges (e.g., 0-1000), consider using a larger `step` value
+- The component is optimized with `memo` and `useCallback` to prevent unnecessary re-renders
+
+## Troubleshooting
+
+### Gradients not showing
+
+Make sure you have `expo-linear-gradient` installed and `supportLinearGradient` is set to `true`:
+
+```bash
+npx expo install expo-linear-gradient
+```
+
+### Value not updating
+
+Ensure you're using the `onChange` callback to update your state:
+
+```tsx
+const [value, setValue] = useState(50);
+<Ruler onChange={setValue} initialValue={value} ... />
+```
+
+## Contributing
+
+Contributions are welcome! Please feel free to submit a Pull Request.
+
+## License
+
+MIT © harya72
+
+## Support
+
+If you like this project, please give it a ⭐ on [GitHub](https://github.com/harya72/react-native-ruler)!

package/dist/Ruler.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { RulerProps } from './types';
+/**
+ * A highly customizable, performant ruler component for React Native
+ *
+ * @example
+ * ```tsx
+ * <Ruler
+ *   min={0}
+ *   max={200}
+ *   step={1}
+ *   height={100}
+ *   initialValue={50}
+ *   onChange={(value) => console.log('Selected:', value)}
+ *   supportLinearGradient={true}
+ * />
+ * ```
+ */
+declare const Ruler: ({ onChange, max, min, fadeWidth, fadeOpacity, decelerationRate, ...rest }: RulerProps) => React.JSX.Element;
+export default Ruler;
+//# sourceMappingURL=Ruler.d.ts.map

package/dist/Ruler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Ruler.d.ts","sourceRoot":"","sources":["../src/Ruler.tsx"],"names":[],"mappings":"AAOA,OAAO,KAMN,MAAM,OAAO,CAAC;AAOf,OAAO,KAAK,EACV,UAAU,EAIX,MAAM,SAAS,CAAC;AAmGjB;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,KAAK,GAAI,2EAQZ,UAAU,sBAkSZ,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Ruler } from './Ruler';
+export { default } from './Ruler';
+export type { RulerProps, AnimatedTextInputProps, AnimatedGradientTextProps, BarProps, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,YAAY,EACV,UAAU,EACV,sBAAsB,EACtB,yBAAyB,EACzB,QAAQ,GACT,MAAM,SAAS,CAAC"}

package/dist/index.esm.js

@@ -0,0 +1,268 @@
+import { Dimensions, View, TextInput, StyleSheet, Platform } from 'react-native';
+import React, { memo, useMemo, useCallback, useRef, useEffect } from 'react';
+import Animated, { useAnimatedProps, useSharedValue, useAnimatedScrollHandler, runOnJS } from 'react-native-reanimated';
+
+let LinearGradient = null;
+try {
+    // @ts-ignore
+    LinearGradient = require('expo-linear-gradient').LinearGradient;
+}
+catch (e) {
+    // expo-linear-gradient not installed, fade gradients will be disabled
+}
+const { width: SCREEN_WIDTH } = Dimensions.get('window');
+const { width: screenWidth } = Dimensions.get('screen');
+const FADE_CONFIG = {
+    fadeWidth: 0.25,
+    fadeOpacity: 0.1,
+};
+const STEP = 1;
+const LONG_BAR_WIDTH = 6;
+const LONG_BAR_HEIGHT = 50;
+const SHORT_BAR_WIDTH = 3;
+const SHORT_BAR_HEIGHT = 30;
+const LONG_BAR_COLOR = 'white';
+const SHORT_BAR_COLOR = '#B5B5B5';
+const GAP = 10;
+const BORDER_RADIUS = 50;
+const Bar = memo(({ index, longBarHeight, longBarWidth, shortBarHeight, shortBarWidth, longBarColor, shortBarColor, borderRadius, }) => {
+    const isLong = index % 10 === 0;
+    const barWidth = isLong ? longBarWidth : shortBarWidth;
+    const barHeight = isLong ? longBarHeight : shortBarHeight;
+    const margin = (longBarWidth - barWidth) / 2;
+    return (React.createElement(View, { style: {
+            height: barHeight,
+            backgroundColor: isLong ? longBarColor : shortBarColor,
+            width: barWidth,
+            borderRadius: borderRadius,
+            marginHorizontal: margin,
+        } }));
+});
+Bar.displayName = 'Bar';
+const AnimatedTextInput = Animated.createAnimatedComponent(TextInput);
+const AnimatedText = memo(({ text, fontSize = 96, style, }) => {
+    const animatedProps = useAnimatedProps(() => {
+        return {
+            text: text.value,
+            defaultValue: text.value,
+        };
+    });
+    const textStyle = [
+        style,
+        {
+            fontSize: fontSize,
+            padding: 0,
+            margin: 0,
+            textAlign: 'center',
+            textAlignVertical: 'center',
+        },
+    ];
+    return (React.createElement(AnimatedTextInput, { animatedProps: animatedProps, editable: false, underlineColorAndroid: "transparent", style: [textStyle, { opacity: 1 }], multiline: false }));
+});
+AnimatedText.displayName = 'AnimatedText';
+/**
+ * A highly customizable, performant ruler component for React Native
+ *
+ * @example
+ * ```tsx
+ * <Ruler
+ *   min={0}
+ *   max={200}
+ *   step={1}
+ *   height={100}
+ *   initialValue={50}
+ *   onChange={(value) => console.log('Selected:', value)}
+ *   supportLinearGradient={true}
+ * />
+ * ```
+ */
+const Ruler = ({ onChange, max, min, fadeWidth = FADE_CONFIG.fadeWidth, fadeOpacity = FADE_CONFIG.fadeOpacity, decelerationRate = 'normal', ...rest }) => {
+    // Prop validation
+    if (__DEV__) {
+        if (min >= max) {
+            console.error('Ruler: min must be less than max');
+        }
+        if (rest?.step !== undefined && rest.step <= 0) {
+            console.error('Ruler: step must be greater than 0');
+        }
+    }
+    const MAX = max;
+    const MIN = min;
+    const step = rest?.step ?? STEP;
+    const longBarWidth = rest?.longBarWidth ?? LONG_BAR_WIDTH;
+    const shortBarWidth = rest?.shortBarWidth ?? SHORT_BAR_WIDTH;
+    const longBarHeight = rest?.longBarHeight ?? LONG_BAR_HEIGHT;
+    const shortBarHeight = rest?.shortBarHeight ?? SHORT_BAR_HEIGHT;
+    const longBarColor = rest?.longBarColor ?? LONG_BAR_COLOR;
+    const shortBarColor = rest?.shortBarColor ?? SHORT_BAR_COLOR;
+    const gap = rest?.gapBetweenSteps ?? GAP;
+    const borderRadius = rest?.borderRadius ?? BORDER_RADIUS;
+    // Calculate fraction digits based on step precision
+    const fractionDigits = useMemo(() => {
+        if (step >= 1)
+            return 0;
+        const decimals = step.toString().split('.')[1]?.length || 0;
+        return Math.min(decimals, 10);
+    }, [step]);
+    const formatValue = useCallback((value) => value.toFixed(fractionDigits), [fractionDigits]);
+    const getInitialValue = useCallback(() => {
+        const initialVal = rest?.initialValue !== undefined ? rest.initialValue : MIN;
+        return Math.max(MIN, Math.min(initialVal, MAX));
+    }, [rest?.initialValue, MIN, MAX]);
+    const prevInitialValue = useRef(getInitialValue());
+    const prevMomentumValue = useSharedValue(formatValue(getInitialValue()));
+    const isUserInteractingRef = useRef(false);
+    const isUserInteracting = useSharedValue(false);
+    const setIsUserInteracting = useCallback((value) => {
+        isUserInteractingRef.current = value;
+    }, []);
+    const currentValue = useSharedValue(formatValue(getInitialValue()));
+    const listRef = useRef(null);
+    const isInitialMount = useRef(true);
+    const data = useMemo(() => {
+        // Prevent division by zero
+        if (step <= 0)
+            return [];
+        const itemAmount = (MAX - MIN) / step;
+        // Warn about large ranges
+        if (__DEV__ && itemAmount > 1000) {
+            console.warn(`Ruler: Large range (${Math.round(itemAmount)} items). Consider increasing step size for better performance.`);
+        }
+        return Array.from({ length: itemAmount + 1 }, (_, i) => MIN + i * step);
+    }, [MIN, MAX, step]);
+    const snapOffsets = useMemo(() => {
+        return data.map((_, index) => index * (longBarWidth + gap));
+    }, [data, longBarWidth, gap]);
+    useEffect(() => {
+        let isMounted = true;
+        if (isInitialMount.current || isUserInteractingRef.current) {
+            return;
+        }
+        const clampedValue = getInitialValue();
+        const prevValue = prevInitialValue.current;
+        if (Math.abs(clampedValue - prevValue) <= step) {
+            return;
+        }
+        prevInitialValue.current = clampedValue;
+        currentValue.value = formatValue(clampedValue);
+        const index = Math.round((clampedValue - MIN) / step);
+        if (isMounted) {
+            listRef.current?.scrollToOffset({
+                offset: index * (longBarWidth + gap),
+                animated: true,
+            });
+        }
+        return () => {
+            isMounted = false;
+        };
+    }, [rest?.initialValue, MIN, MAX, step, longBarWidth, gap, formatValue, getInitialValue]);
+    const scrollHandler = useAnimatedScrollHandler({
+        onBeginDrag: () => {
+            'worklet';
+            isUserInteracting.value = true;
+            runOnJS(setIsUserInteracting)(true);
+        },
+        onScroll: (event) => {
+            if (!isUserInteracting.value)
+                return;
+            const scrollX = event.contentOffset.x;
+            const index = Math.round(scrollX / (longBarWidth + gap));
+            const value = MIN + index * step;
+            if (value >= MIN && value <= MAX) {
+                currentValue.value = value.toFixed(fractionDigits);
+            }
+        },
+        onMomentumEnd: (event) => {
+            const scrollX = event.contentOffset.x;
+            const index = Math.round(scrollX / (longBarWidth + gap));
+            const value = MIN + index * step;
+            const formattedValue = value.toFixed(fractionDigits);
+            if (value >= MIN && value <= MAX) {
+                if (prevMomentumValue.value !== formattedValue) {
+                    if (isUserInteracting.value) {
+                        runOnJS(onChange)(parseFloat(formattedValue));
+                    }
+                }
+            }
+            prevMomentumValue.value = formattedValue;
+            isUserInteracting.value = false;
+            runOnJS(setIsUserInteracting)(false);
+        },
+    });
+    const Spacer = useCallback(() => React.createElement(View, { style: { width: SCREEN_WIDTH / 2 - longBarWidth / 2 } }), [longBarWidth]);
+    const onContentSizeChange = useCallback(() => {
+        if (isInitialMount.current) {
+            isInitialMount.current = false;
+            const initialIndex = Math.round((getInitialValue() - MIN) / step);
+            listRef.current?.scrollToOffset({
+                offset: initialIndex * (longBarWidth + gap),
+                animated: false,
+            });
+        }
+    }, [getInitialValue, MIN, step, longBarWidth, gap]);
+    const renderItem = useCallback(({ index }) => (React.createElement(Bar, { index: index, longBarColor: longBarColor, longBarHeight: longBarHeight, longBarWidth: longBarWidth, shortBarColor: shortBarColor, shortBarHeight: shortBarHeight, shortBarWidth: shortBarWidth, borderRadius: borderRadius })), [
+        longBarColor,
+        longBarHeight,
+        longBarWidth,
+        shortBarColor,
+        shortBarHeight,
+        shortBarWidth,
+        borderRadius,
+    ]);
+    const renderSeparator = useCallback(() => React.createElement(View, { style: { width: gap } }), [gap]);
+    const getItemLayout = useCallback((_data, index) => ({
+        length: longBarWidth + gap,
+        offset: (longBarWidth + gap) * index,
+        index,
+    }), [longBarWidth, gap]);
+    // Check if linear gradient is supported
+    const shouldShowGradient = rest?.supportLinearGradient && LinearGradient;
+    return (React.createElement(View, { style: { width: screenWidth } },
+        !rest?.textComponent ? (React.createElement(AnimatedText, { text: currentValue, style: [styles.valueText, rest?.textStyle] })) : (rest.textComponent(currentValue)),
+        React.createElement(View, { style: { justifyContent: 'center', maxHeight: rest?.height } },
+            React.createElement(Animated.FlatList, { ref: listRef, data: data, renderItem: renderItem, keyExtractor: (_, i) => i.toString(), horizontal: true, showsHorizontalScrollIndicator: false, ListHeaderComponent: Spacer, ListFooterComponent: Spacer, ItemSeparatorComponent: renderSeparator, contentContainerStyle: {
+                    alignItems: 'center',
+                }, scrollEventThrottle: 16, onScroll: scrollHandler, overScrollMode: "never", snapToOffsets: snapOffsets, snapToAlignment: "start", onContentSizeChange: onContentSizeChange, decelerationRate: decelerationRate, maxToRenderPerBatch: 10, initialNumToRender: 20, windowSize: 21, getItemLayout: getItemLayout, removeClippedSubviews: Platform.OS === 'android' }),
+            shouldShowGradient && (React.createElement(LinearGradient, { colors: ['rgba(0,0,0,0.9)', `rgba(0,0,0,${fadeOpacity})`], start: { x: 0, y: 0 }, end: { x: 1, y: 0 }, style: [
+                    styles.fadeOverlay,
+                    {
+                        left: 0,
+                        width: SCREEN_WIDTH * fadeWidth,
+                    },
+                ], pointerEvents: "none" })),
+            shouldShowGradient && (React.createElement(LinearGradient, { colors: [`rgba(0,0,0,${fadeOpacity})`, 'rgba(0,0,0,0.9)'], start: { x: 0, y: 0 }, end: { x: 1, y: 0 }, style: [
+                    styles.fadeOverlay,
+                    {
+                        right: 0,
+                        width: SCREEN_WIDTH * fadeWidth,
+                    },
+                ], pointerEvents: "none" })),
+            React.createElement(View, { style: {
+                    position: 'absolute',
+                    alignSelf: 'center',
+                    zIndex: 1,
+                }, pointerEvents: "none" }, rest?.barComponent ?? (React.createElement(View, { style: {
+                    height: rest?.indicatorHeight ?? 100,
+                    width: rest?.indicatorWidth ?? 10,
+                    backgroundColor: rest?.indicatorColor ?? 'white',
+                    borderRadius: rest?.borderRadius ?? BORDER_RADIUS,
+                } }))))));
+};
+const styles = StyleSheet.create({
+    container: { justifyContent: 'center', alignItems: 'center' },
+    valueText: {
+        fontSize: 28,
+        color: 'white',
+        marginBottom: 16,
+        textAlign: 'center',
+    },
+    fadeOverlay: {
+        position: 'absolute',
+        top: 0,
+        bottom: 0,
+        zIndex: 2,
+    },
+});
+
+export { Ruler, Ruler as default };
+//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../src/Ruler.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}