refactor: Externalize library code to react-native-expressive submodule

This setup adds more separation between the library code and the app while retaining hot-reloading of the app when changing library code.

Author: thehale

.github/workflows/android.yml

@@ -16,6 +16,8 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v4
+        with:
+          submodules: 'recursive'
       - name: Setup Java
         uses: actions/setup-java@v4
         with:

.github/workflows/checks.yml

@@ -16,6 +16,8 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v4
+        with:
+          submodules: 'recursive'
       - name: Setup Node
         uses: actions/setup-node@v4
         with:

.github/workflows/ios.yml

@@ -18,6 +18,8 @@ jobs:
     runs-on: macos-latest
     steps:
       - uses: actions/checkout@v4
+        with:
+          submodules: 'recursive'
       - name: Setup Java
         uses: actions/setup-java@v4
         with:

.gitmodules

@@ -0,0 +1,3 @@
+[submodule "lib/react-native-expressive"]
+	path = lib/react-native-expressive
+	url = https://github.com/thehale/react-native-expressive

App.tsx

@@ -1,15 +1,14 @@
 import { StyleSheet, View } from 'react-native';
 
-import Divider from '@components/Divider';
+import { Divider, useMaterialTheme } from 'react-native-expressive';
 import HabitList from './src/ui/HabitList';
 import ManualSync from './src/ui/ManualSync';
 import React from 'react';
 import { TokenManagement } from './src/ui/TokenManagement';
-import { useTheme } from './lib/theme/useTheme';
 import { SafeAreaProvider, SafeAreaView } from 'react-native-safe-area-context';
 
 export default function App() {
-  const { theme } = useTheme();
+  const { theme } = useMaterialTheme();
   return (
     <SafeAreaProvider>
       <SafeAreaView style={[styles.container, { backgroundColor: theme.colors.background }]}>

babel.config.js

@@ -7,7 +7,7 @@ module.exports = {
         extensions: ['.ios.js', '.android.js', '.ios.jsx', '.android.jsx', '.js', '.jsx', '.json', '.ts', '.tsx'],
         root: ['.'],
         alias: {
-          '@components': './lib/components',
+          'react-native-expressive': './lib/react-native-expressive/src',
         },
       },
     ],