@rock-js/welcome-screen 0.8.13

package/README.md

@@ -0,0 +1,7 @@
+# @rock-js/welcome-screen
+
+A welcome screen component for React Native apps, used in the official template for newly created Rock projects.
+
+## Documentation
+
+For detailed documentation about Rock and its tools, visit [Rock Documentation](https://rockjs.dev)

package/dist/src/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare function WelcomeScreen(): React.JSX.Element;
+export default WelcomeScreen;

package/dist/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAuD1B,iBAAS,aAAa,sBAmFrB;AA0FD,eAAe,aAAa,CAAC"}

package/dist/src/index.jsx

@@ -0,0 +1,170 @@
+import React from 'react';
+import { Animated, Image, Platform, Pressable, StyleSheet, Text, useColorScheme, View, } from 'react-native';
+// @ts-expect-error deep import without declaration
+import openURLInBrowser from 'react-native/Libraries/Core/Devtools/openURLInBrowser';
+const ICONS = {
+    // eslint-disable-next-line @typescript-eslint/no-require-imports
+    book: require('./assets/book-open.png'),
+    // eslint-disable-next-line @typescript-eslint/no-require-imports
+    logo: require('./assets/building-skyscraper.png'),
+    // eslint-disable-next-line @typescript-eslint/no-require-imports
+    debug: require('./assets/debug-check.png'),
+    // eslint-disable-next-line @typescript-eslint/no-require-imports
+    zap: require('./assets/zap.png'),
+};
+function Card({ dark, icon, title, description, }) {
+    return (<View style={styles.featureCard}>
+      <View style={styles.featureIconContainer}>
+        <Image source={ICONS[icon]} style={styles.featureIcon} resizeMode="contain"/>
+      </View>
+      <View style={styles.featureContent}>
+        <Text style={[styles.featureTitle, { color: dark ? '#fff' : '#000' }]}>
+          {title}
+        </Text>
+        <Text style={[styles.featureDescription]}>{description}</Text>
+      </View>
+    </View>);
+}
+function WelcomeScreen() {
+    const isDarkMode = useColorScheme() === 'dark';
+    const bgColor = isDarkMode ? '#000' : '#fff';
+    const textColor = isDarkMode ? '#fff' : '#000';
+    const scaleValue = React.useRef(new Animated.Value(1)).current;
+    const animatedStyle = { transform: [{ scale: scaleValue }] };
+    const onPressIn = () => {
+        Animated.spring(scaleValue, {
+            toValue: 0.95,
+            useNativeDriver: true,
+            speed: 20,
+            bounciness: 5,
+        }).start();
+    };
+    const onPressOut = () => {
+        Animated.spring(scaleValue, {
+            toValue: 1,
+            useNativeDriver: true,
+            speed: 20,
+            bounciness: 5,
+        }).start();
+    };
+    const onPress = () => {
+        openURLInBrowser('https://rockjs.dev');
+    };
+    return (<View style={[styles.container, { backgroundColor: bgColor }]}>
+      <View style={styles.header}>
+        <View style={styles.logoContainer}>
+          <Image source={ICONS['logo']} style={styles.logo} resizeMode="contain"/>
+        </View>
+        <Text style={[styles.title, { color: textColor }]}>
+          Welcome to Rock!
+        </Text>
+      </View>
+
+      <View style={styles.content}>
+        <View style={styles.featureList}>
+          <Card dark={isDarkMode} icon="zap" title="Start building" description="Open App.tsx, edit and see your changes live here"/>
+          <Card dark={isDarkMode} icon="debug" title="Debug with DevTools" description={`Press ${Platform.select({
+            ios: 'Cmd+D',
+            android: 'Ctrl+M',
+        })} to access Dev Menu to debug, reload and inspect your app`}/>
+          <Card dark={isDarkMode} icon="book" title="Learn more" description="Visit our documentation and learn about Remote Cache, Brownfield, and more by Callstack"/>
+        </View>
+        <View style={styles.footer}>
+          <Animated.View style={[styles.buttonContainer, animatedStyle]}>
+            <Pressable onPressIn={onPressIn} onPressOut={onPressOut} onPress={onPress} style={styles.button}>
+              <Text style={styles.buttonText}>View Documentation</Text>
+            </Pressable>
+          </Animated.View>
+        </View>
+      </View>
+    </View>);
+}
+const styles = StyleSheet.create({
+    container: {
+        flex: 2,
+    },
+    header: {
+        flex: 1,
+        justifyContent: 'flex-end',
+        alignItems: 'center',
+        padding: 24,
+    },
+    logoContainer: {
+        width: 80,
+        height: 80,
+        marginBottom: 20,
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    logo: {
+        width: 48,
+        height: 48,
+    },
+    title: {
+        fontSize: 36,
+        fontWeight: 'bold',
+        textAlign: 'center',
+        color: '#000',
+    },
+    content: {
+        flex: 1.2,
+        justifyContent: 'flex-start',
+        marginHorizontal: 16,
+    },
+    featureList: {
+        flex: 1,
+        flexShrink: 1,
+    },
+    footer: {
+        flex: 1,
+        justifyContent: 'flex-end',
+    },
+    buttonContainer: {
+        marginBottom: 60,
+        borderRadius: 12,
+        overflow: 'hidden',
+    },
+    button: {
+        backgroundColor: 'rgb(120,55,245)',
+        borderRadius: 12,
+        padding: 16,
+        alignItems: 'center',
+    },
+    buttonText: {
+        color: '#fff',
+        fontSize: 16,
+        fontWeight: '600',
+    },
+    featureCard: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        padding: 12,
+    },
+    featureIconContainer: {
+        width: 40,
+        height: 40,
+        borderRadius: 12,
+        marginRight: 24,
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    featureIcon: {
+        width: 30,
+        height: 30,
+    },
+    featureContent: {
+        flex: 1,
+        flexShrink: 1,
+    },
+    featureTitle: {
+        fontSize: 16,
+        fontWeight: '600',
+        marginBottom: 4,
+    },
+    featureDescription: {
+        fontSize: 14,
+        color: '#666',
+    },
+});
+export default WelcomeScreen;
+//# sourceMappingURL=index.jsx.map

package/dist/src/index.jsx.map

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

package/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "@rock-js/welcome-screen",
+  "version": "0.8.13",
+  "type": "module",
+  "main": "./dist/src/index.jsx",
+  "types": "./dist/src/index.d.ts",
+  "exports": {
+    "types": "./dist/src/index.d.ts",
+    "default": "./dist/src/index.jsx"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsc -p tsconfig.lib.json && cp -r src/assets dist/src/assets",
+    "dev": "tsc -p tsconfig.lib.json --watch",
+    "publish:npm": "npm publish --access public",
+    "publish:verdaccio": "npm publish --registry http://localhost:4873 --userconfig ../../.npmrc"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*"
+  },
+  "devDependencies": {
+    "@types/react": "^19.1.0",
+    "react": "19.1.0",
+    "react-native": "0.80.1"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}