refactor: move react native app code to src (#141)

Author: williscool

babel.config.js

@@ -22,8 +22,8 @@ module.exports = function (api) {
           root: ['./'],
 
           alias: {
-            '@': './',
-            '@lib': './lib',
+            '@': './src',
+            '@lib': './src/lib',
             'tailwind.config': './tailwind.config.js',
           },
         },

index.tsx

@@ -1,7 +1,7 @@
 // Entry point for React Native
 import 'react-native-devsettings';
 import './global.css';
-import './lib/env';
+import './src/lib/env';
 
 import React from 'react';
 import { AppRegistry, Text } from 'react-native';
@@ -14,18 +14,18 @@ enableScreens();
 import { TouchableOpacity, BackHandler } from 'react-native';
 import { Ionicons } from '@expo/vector-icons';
 import { PowerSyncContext } from '@powersync/react';
-import { db as psDb } from './lib/powersync';
-import { setupPowerSyncLogCapture } from './lib/powersync/Connector';
-import { SettingsProvider } from './lib/hooks/SettingsContext';
-import { SyncDebugProvider } from './lib/hooks/SyncDebugContext';
-import { ThemeProvider, useTheme } from './lib/theme/ThemeContext';
-import { GluestackUIProvider } from './components/ui/gluestack-ui-provider';
+import { db as psDb } from './src/lib/powersync';
+import { setupPowerSyncLogCapture } from './src/lib/powersync/Connector';
+import { SettingsProvider } from './src/lib/hooks/SettingsContext';
+import { SyncDebugProvider } from './src/lib/hooks/SyncDebugContext';
+import { ThemeProvider, useTheme } from './src/lib/theme/ThemeContext';
+import { GluestackUIProvider } from './src/components/ui/gluestack-ui-provider';
 import Logger from 'js-logger';
 
 // Screens
-import HomeScreen from './app/index';
-import SettingsScreen from './app/settings';
-import SyncDebugScreen from './app/sync-debug';
+import HomeScreen from './src/screens/index';
+import SettingsScreen from './src/screens/settings';
+import SyncDebugScreen from './src/screens/sync-debug';
 
 // Initialize logger
 Logger.useDefaults();

jest.config.js

@@ -1,15 +1,15 @@
 module.exports = {
   preset: 'ts-jest',
   testEnvironment: 'jsdom',
-  roots: ['<rootDir>/lib', '<rootDir>/scripts'],
+  roots: ['<rootDir>/src/lib', '<rootDir>/scripts'],
   testMatch: ['**/*.test.ts', '**/*.test.tsx', '**/*.ui.test.tsx'],
   moduleNameMapper: {
-    '^@lib/(.*)$': '<rootDir>/lib/$1',
-    '^@/components/ui$': '<rootDir>/lib/features/__tests__/__mocks__/gluestackUI.tsx',
-    '^@/(.*)$': '<rootDir>/$1',
+    '^@lib/(.*)$': '<rootDir>/src/lib/$1',
+    '^@/components/ui$': '<rootDir>/src/lib/features/__tests__/__mocks__/gluestackUI.tsx',
+    '^@/(.*)$': '<rootDir>/src/$1',
     '^react-native$': 'react-native-web',
-    '^@expo/vector-icons$': '<rootDir>/lib/features/__tests__/__mocks__/vectorIcons.ts',
-    '^@env$': '<rootDir>/lib/features/__tests__/__mocks__/env.ts',
+    '^@expo/vector-icons$': '<rootDir>/src/lib/features/__tests__/__mocks__/vectorIcons.ts',
+    '^@env$': '<rootDir>/src/lib/features/__tests__/__mocks__/env.ts',
   },
   transform: {
     '^.+\\.tsx?$': ['ts-jest', {
@@ -23,18 +23,18 @@ module.exports = {
     }],
   },
   setupFilesAfterEnv: [
-    '<rootDir>/lib/powersync/testSetup.ts',
-    '<rootDir>/lib/features/__tests__/setupComponentTests.ts',
+    '<rootDir>/src/lib/powersync/testSetup.ts',
+    '<rootDir>/src/lib/features/__tests__/setupComponentTests.ts',
   ],
   moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node'],
   clearMocks: true,
   collectCoverageFrom: [
-    'lib/**/*.{ts,tsx}',
-    '!lib/**/*.test.{ts,tsx}',
-    '!lib/**/*.ui.test.{ts,tsx}',
-    '!lib/**/testSetup.ts',
-    '!lib/**/setupComponentTests.ts',
-    '!lib/**/__tests__/**',
+    'src/lib/**/*.{ts,tsx}',
+    '!src/lib/**/*.test.{ts,tsx}',
+    '!src/lib/**/*.ui.test.{ts,tsx}',
+    '!src/lib/**/testSetup.ts',
+    '!src/lib/**/setupComponentTests.ts',
+    '!src/lib/**/__tests__/**',
   ],
   coverageDirectory: 'coverage',
   coverageReporters: ['text', 'text-summary', 'lcov', 'html'],