nastech-app 1.0.0

package/sources/app/(app)/dev/device-info.tsx

@@ -0,0 +1,183 @@
+import React from 'react';
+import { View, Text, ScrollView, Dimensions, Platform, PixelRatio } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { Stack } from 'expo-router';
+import { Typography } from '@/constants/Typography';
+import { ItemGroup } from '@/components/ItemGroup';
+import { Item } from '@/components/Item';
+import { ItemList } from '@/components/ItemList';
+import Constants from 'expo-constants';
+import { useIsTablet, getDeviceType, calculateDeviceDimensions, useHeaderHeight } from '@/utils/responsive';
+import { layout } from '@/components/layout';
+import { isRunningOnMac } from '@/utils/platform';
+
+export default function DeviceInfo() {
+    const insets = useSafeAreaInsets();
+    const { width, height } = Dimensions.get('window');
+    const screenDimensions = Dimensions.get('screen');
+    const pixelDensity = PixelRatio.get();
+    const isTablet = useIsTablet();
+    const deviceType = getDeviceType();
+    const headerHeight = useHeaderHeight();
+    const isRunningOnMacCatalyst = isRunningOnMac();
+    
+    // Calculate device dimensions using the correct function
+    const dimensions = calculateDeviceDimensions({
+        widthPoints: screenDimensions.width,
+        heightPoints: screenDimensions.height,
+        pointsPerInch: Platform.OS === 'ios' ? 163 : 160
+    });
+    
+    const { widthInches, heightInches, diagonalInches } = dimensions;
+    
+    return (
+        <>
+            <Stack.Screen
+                options={{
+                    title: 'Device Info',
+                    headerLargeTitle: false,
+                }}
+            />
+            <ItemList>
+                <ItemGroup title="Safe Area Insets">
+                    <Item
+                        title="Top"
+                        detail={`${insets.top}px`}
+                    />
+                    <Item
+                        title="Bottom"
+                        detail={`${insets.bottom}px`}
+                    />
+                    <Item
+                        title="Left"
+                        detail={`${insets.left}px`}
+                    />
+                    <Item
+                        title="Right"
+                        detail={`${insets.right}px`}
+                    />
+                </ItemGroup>
+
+                <ItemGroup title="Device Detection">
+                    <Item
+                        title="Device Type"
+                        detail={deviceType === 'tablet' ? 'Tablet' : 'Phone'}
+                    />
+                    <Item
+                        title="Detection Method"
+                        // @ts-ignore - isPad is not in the type definitions but exists at runtime on iOS
+                        detail={Platform.OS === 'ios' && Platform.isPad ? 'iOS isPad' : `${diagonalInches.toFixed(1)}" diagonal`}
+                    />
+                    <Item
+                        title="Mac Catalyst"
+                        detail={isRunningOnMacCatalyst ? 'Yes' : 'No'}
+                    />
+                    <Item
+                        title="Header Height"
+                        detail={`${headerHeight} points`}
+                    />
+                    <Item
+                        title="Diagonal Size"
+                        detail={`${diagonalInches.toFixed(2)} inches`}
+                    />
+                    <Item
+                        title="Width (inches)"
+                        detail={`${widthInches.toFixed(2)}"`}
+                    />
+                    <Item
+                        title="Height (inches)"
+                        detail={`${heightInches.toFixed(2)}"`}
+                    />
+                    <Item
+                        title="Pixel Density"
+                        detail={`${pixelDensity}x`}
+                    />
+                    <Item
+                        title="Points per Inch"
+                        detail={Platform.OS === 'ios' ? '163' : '160'}
+                    />
+                    <Item
+                        title="Layout Max Width"
+                        detail={`${layout.maxWidth}px`}
+                    />
+                </ItemGroup>
+
+                <ItemGroup title="Screen Dimensions">
+                    <Item
+                        title="Window Width"
+                        detail={`${width} points`}
+                    />
+                    <Item
+                        title="Window Height"
+                        detail={`${height} points`}
+                    />
+                    <Item
+                        title="Screen Width"
+                        detail={`${screenDimensions.width} points`}
+                    />
+                    <Item
+                        title="Screen Height"
+                        detail={`${screenDimensions.height} points`}
+                    />
+                    <Item
+                        title="Physical Pixels (width)"
+                        detail={`${Math.round(screenDimensions.width * pixelDensity)}px`}
+                    />
+                    <Item
+                        title="Physical Pixels (height)"
+                        detail={`${Math.round(screenDimensions.height * pixelDensity)}px`}
+                    />
+                    <Item
+                        title="Aspect Ratio"
+                        detail={`${(height / width).toFixed(3)}`}
+                    />
+                </ItemGroup>
+
+                <ItemGroup title="Platform Info">
+                    <Item
+                        title="Platform"
+                        detail={Platform.OS}
+                    />
+                    <Item
+                        title="Version"
+                        detail={Platform.Version?.toString() || 'N/A'}
+                    />
+                    {Platform.OS === 'ios' && (
+                        <>
+                            <Item
+                                title="iOS Interface"
+                                // @ts-ignore - isPad is not in the type definitions but exists at runtime on iOS
+                                detail={Platform.isPad ? 'iPad' : 'iPhone'}
+                            />
+                            <Item
+                                title="iOS Version"
+                                detail={Platform.Version?.toString() || 'N/A'}
+                            />
+                        </>
+                    )}
+                    {Platform.OS === 'android' && (
+                        <Item
+                            title="API Level"
+                            detail={Platform.Version?.toString() || 'N/A'}
+                        />
+                    )}
+                </ItemGroup>
+
+                <ItemGroup title="App Info">
+                    <Item
+                        title="App Version"
+                        detail={Constants.expoConfig?.version || 'N/A'}
+                    />
+                    <Item
+                        title="SDK Version"
+                        detail={Constants.expoConfig?.sdkVersion || 'N/A'}
+                    />
+                    <Item
+                        title="Build Number"
+                        detail={Constants.expoConfig?.ios?.buildNumber || Constants.expoConfig?.android?.versionCode?.toString() || 'N/A'}
+                    />
+                </ItemGroup>
+            </ItemList>
+        </>
+    );
+}

package/sources/app/(app)/dev/expo-constants.tsx

@@ -0,0 +1,394 @@
+import React, { useState } from 'react';
+import { View, Text, ScrollView, Pressable, Platform, NativeModules } from 'react-native';
+import { Stack } from 'expo-router';
+import Constants from 'expo-constants';
+import * as Updates from 'expo-updates';
+import { Ionicons } from '@expo/vector-icons';
+import { Item } from '@/components/Item';
+import { ItemGroup } from '@/components/ItemGroup';
+import { ItemList } from '@/components/ItemList';
+import { Typography } from '@/constants/Typography';
+import * as Clipboard from 'expo-clipboard';
+import { Modal } from '@/modal';
+import { requireOptionalNativeModule } from 'expo';
+import { config } from '@/config';
+
+interface JsonViewerProps {
+    title: string;
+    data: any;
+    defaultExpanded?: boolean;
+}
+
+function JsonViewer({ title, data, defaultExpanded = false }: JsonViewerProps) {
+    const [isExpanded, setIsExpanded] = useState(defaultExpanded);
+    
+    const handleCopy = async () => {
+        try {
+            await Clipboard.setStringAsync(JSON.stringify(data, null, 2));
+            Modal.alert('Copied', 'JSON data copied to clipboard');
+        } catch (error) {
+            Modal.alert('Error', 'Failed to copy to clipboard');
+        }
+    };
+    
+    if (!data) {
+        return (
+            <Item
+                title={title}
+                detail="Not available"
+                showChevron={false}
+            />
+        );
+    }
+    
+    return (
+        <View style={{ marginBottom: 12 }}>
+            <Pressable
+                style={{
+                    flexDirection: 'row',
+                    alignItems: 'center',
+                    paddingHorizontal: 16,
+                    paddingVertical: 12,
+                    backgroundColor: 'white',
+                }}
+                onPress={() => setIsExpanded(!isExpanded)}
+            >
+                <Ionicons
+                    name={isExpanded ? 'chevron-down' : 'chevron-forward'}
+                    size={20}
+                    color="#8E8E93"
+                    style={{ marginRight: 8 }}
+                />
+                <Text style={{ flex: 1, fontSize: 16, ...Typography.default('semiBold') }}>
+                    {title}
+                </Text>
+                <Pressable
+                    onPress={handleCopy}
+                    hitSlop={10}
+                    style={{ padding: 4 }}
+                >
+                    <Ionicons name="copy-outline" size={20} color="#007AFF" />
+                </Pressable>
+            </Pressable>
+            
+            {isExpanded && (
+                <View style={{ 
+                    backgroundColor: '#F2F2F7', 
+                    paddingHorizontal: 16, 
+                    paddingVertical: 12,
+                    marginHorizontal: 16,
+                    borderRadius: 8,
+                    marginTop: -4,
+                }}>
+                    <ScrollView horizontal showsHorizontalScrollIndicator={true}>
+                        <Text style={{ 
+                            fontFamily: Platform.select({ ios: 'Menlo', android: 'monospace' }), 
+                            fontSize: 12,
+                            color: '#000',
+                        }}>
+                            {JSON.stringify(data, null, 2)}
+                        </Text>
+                    </ScrollView>
+                </View>
+            )}
+        </View>
+    );
+}
+
+export default function ExpoConstantsScreen() {
+    // Get ExponentConstants native module directly
+    const ExponentConstants = requireOptionalNativeModule('ExponentConstants');
+    const ExpoUpdates = requireOptionalNativeModule('ExpoUpdates');
+    
+    // Get raw manifests from native modules (replicating Constants.ts logic)
+    let rawExponentManifest = null;
+    let parsedExponentManifest = null;
+    if (ExponentConstants && ExponentConstants.manifest) {
+        rawExponentManifest = ExponentConstants.manifest;
+        // On Android, manifest is passed as JSON string
+        if (typeof rawExponentManifest === 'string') {
+            try {
+                parsedExponentManifest = JSON.parse(rawExponentManifest);
+            } catch (e) {
+                parsedExponentManifest = { parseError: e instanceof Error ? e.message : String(e) };
+            }
+        } else {
+            parsedExponentManifest = rawExponentManifest;
+        }
+    }
+    
+    // Get Updates manifest from native module
+    let rawUpdatesManifest = null;
+    let parsedUpdatesManifest = null;
+    if (ExpoUpdates) {
+        if (ExpoUpdates.manifest) {
+            rawUpdatesManifest = ExpoUpdates.manifest;
+            parsedUpdatesManifest = rawUpdatesManifest;
+        } else if (ExpoUpdates.manifestString) {
+            rawUpdatesManifest = ExpoUpdates.manifestString;
+            try {
+                parsedUpdatesManifest = JSON.parse(ExpoUpdates.manifestString);
+            } catch (e) {
+                parsedUpdatesManifest = { parseError: e instanceof Error ? e.message : String(e) };
+            }
+        }
+    }
+    
+    // Get DevLauncher manifest if available
+    let rawDevLauncherManifest = null;
+    let parsedDevLauncherManifest = null;
+    if (NativeModules.EXDevLauncher && NativeModules.EXDevLauncher.manifestString) {
+        rawDevLauncherManifest = NativeModules.EXDevLauncher.manifestString;
+        try {
+            parsedDevLauncherManifest = JSON.parse(rawDevLauncherManifest);
+        } catch (e) {
+            parsedDevLauncherManifest = { parseError: e instanceof Error ? e.message : String(e) };
+        }
+    }
+    
+    // Get various manifest types from Constants API
+    const expoConfig = Constants.expoConfig;
+    const manifest = Constants.manifest;
+    const manifest2 = Constants.manifest2;
+    
+    // Get Updates manifest if available
+    let updatesManifest = null;
+    try {
+        // @ts-ignore - manifest might not be typed
+        updatesManifest = Updates.manifest;
+    } catch (e) {
+        // expo-updates might not be available
+    }
+    
+    // Get update ID and channel
+    let updateId = null;
+    let releaseChannel = null;
+    let channel = null;
+    let isEmbeddedLaunch = null;
+    try {
+        // @ts-ignore
+        updateId = Updates.updateId;
+        // @ts-ignore
+        releaseChannel = Updates.releaseChannel;
+        // @ts-ignore
+        channel = Updates.channel;
+        // @ts-ignore
+        isEmbeddedLaunch = Updates.isEmbeddedLaunch;
+    } catch (e) {
+        // Properties might not be available
+    }
+    
+    // Check if running embedded update
+    const isEmbedded = ExpoUpdates?.isEmbeddedLaunch;
+    
+    return (
+        <>
+            <Stack.Screen
+                options={{
+                    title: 'Expo Constants',
+                    headerLargeTitle: false,
+                }}
+            />
+            <ItemList>
+                {/* Main Configuration */}
+                <ItemGroup title="Configuration from Constants API">
+                    <JsonViewer
+                        title="expoConfig (Current)"
+                        data={expoConfig}
+                        defaultExpanded={true}
+                    />
+                    <JsonViewer
+                        title="manifest (Legacy)"
+                        data={manifest}
+                    />
+                    <JsonViewer
+                        title="manifest2"
+                        data={manifest2}
+                    />
+                    {updatesManifest && (
+                        <JsonViewer
+                            title="Updates.manifest"
+                            data={updatesManifest}
+                        />
+                    )}
+                </ItemGroup>
+                
+                {/* Raw Native Module Manifests */}
+                <ItemGroup title="Raw Native Module Manifests">
+                    <Item
+                        title="Is Embedded Launch"
+                        detail={isEmbedded !== undefined ? (isEmbedded ? 'Yes' : 'No') : 'Not available'}
+                        showChevron={false}
+                    />
+                    {parsedExponentManifest && (
+                        <JsonViewer
+                            title="ExponentConstants.manifest (Embedded)"
+                            data={parsedExponentManifest}
+                        />
+                    )}
+                    {parsedUpdatesManifest && (
+                        <JsonViewer
+                            title="ExpoUpdates.manifest (OTA)"
+                            data={parsedUpdatesManifest}
+                        />
+                    )}
+                    {parsedDevLauncherManifest && (
+                        <JsonViewer
+                            title="DevLauncher.manifest"
+                            data={parsedDevLauncherManifest}
+                        />
+                    )}
+                </ItemGroup>
+                
+                {/* Raw String Manifests (for debugging) */}
+                <ItemGroup title="Raw Manifest Strings">
+                    {typeof rawExponentManifest === 'string' && (
+                        <JsonViewer
+                            title="ExponentConstants.manifest (raw string)"
+                            data={{ raw: rawExponentManifest }}
+                        />
+                    )}
+                    {typeof rawUpdatesManifest === 'string' && (
+                        <JsonViewer
+                            title="ExpoUpdates.manifestString (raw)"
+                            data={{ raw: rawUpdatesManifest }}
+                        />
+                    )}
+                    {rawDevLauncherManifest && (
+                        <JsonViewer
+                            title="DevLauncher.manifestString (raw)"
+                            data={{ raw: rawDevLauncherManifest }}
+                        />
+                    )}
+                </ItemGroup>
+                
+                {/* Resolved App Config */}
+                <ItemGroup title="Resolved App Config">
+                    <JsonViewer
+                        title="Loaded App Config (from @/config)"
+                        data={config}
+                        defaultExpanded={true}
+                    />
+                </ItemGroup>
+                
+                {/* System Constants */}
+                <ItemGroup title="System Constants">
+                    <Item
+                        title="Device ID"
+                        detail={Constants.deviceId || 'Not available'}
+                        showChevron={false}
+                    />
+                    <Item
+                        title="Session ID"
+                        detail={Constants.sessionId}
+                        showChevron={false}
+                    />
+                    <Item
+                        title="Installation ID"
+                        detail={Constants.installationId}
+                        showChevron={false}
+                    />
+                    <Item
+                        title="Is Device"
+                        detail={Constants.isDevice ? 'Yes' : 'No'}
+                        showChevron={false}
+                    />
+                    <Item
+                        title="Debug Mode"
+                        detail={Constants.debugMode ? 'Yes' : 'No'}
+                        showChevron={false}
+                    />
+                    <Item
+                        title="App Ownership"
+                        detail={Constants.appOwnership || 'N/A'}
+                        showChevron={false}
+                    />
+                    <Item
+                        title="Execution Environment"
+                        detail={Constants.executionEnvironment || 'N/A'}
+                        showChevron={false}
+                    />
+                </ItemGroup>
+                
+                {/* Updates Information */}
+                <ItemGroup title="Updates Information">
+                    <Item
+                        title="Update ID"
+                        detail={updateId || 'Not available'}
+                        showChevron={false}
+                    />
+                    <Item
+                        title="Release Channel"
+                        detail={releaseChannel || 'Not available'}
+                        showChevron={false}
+                    />
+                    <Item
+                        title="Channel"
+                        detail={channel || 'Not available'}
+                        showChevron={false}
+                    />
+                    <Item
+                        title="Is Embedded Launch"
+                        detail={isEmbeddedLaunch !== undefined ? (isEmbeddedLaunch ? 'Yes' : 'No') : 'Not available'}
+                        showChevron={false}
+                    />
+                </ItemGroup>
+                
+                {/* Platform Info */}
+                <ItemGroup title="Platform Constants">
+                    <JsonViewer
+                        title="Platform Constants"
+                        data={Constants.platform}
+                    />
+                </ItemGroup>
+                
+                {/* System Fonts */}
+                <ItemGroup title="System Fonts">
+                    <JsonViewer
+                        title="Available Fonts"
+                        data={Constants.systemFonts}
+                    />
+                </ItemGroup>
+                
+                {/* Native Modules Info */}
+                <ItemGroup title="Native Modules">
+                    <Item
+                        title="ExponentConstants"
+                        detail={ExponentConstants ? 'Available' : 'Not available'}
+                        showChevron={false}
+                    />
+                    <Item
+                        title="ExpoUpdates"
+                        detail={ExpoUpdates ? 'Available' : 'Not available'}
+                        showChevron={false}
+                    />
+                    <Item
+                        title="EXDevLauncher"
+                        detail={NativeModules.EXDevLauncher ? 'Available' : 'Not available'}
+                        showChevron={false}
+                    />
+                    {ExponentConstants && (
+                        <JsonViewer
+                            title="ExponentConstants (full module)"
+                            data={ExponentConstants}
+                        />
+                    )}
+                    {ExpoUpdates && (
+                        <JsonViewer
+                            title="ExpoUpdates (full module)"
+                            data={ExpoUpdates}
+                        />
+                    )}
+                </ItemGroup>
+                
+                {/* Raw Constants Object */}
+                <ItemGroup title="All Constants (Debug)">
+                    <JsonViewer
+                        title="Full Constants Object"
+                        data={Constants}
+                    />
+                </ItemGroup>
+            </ItemList>
+        </>
+    );
+}