feat: gluestack nativewind (#128)

* feat: gluestack nativewind

init commit

* fix: metro runs and tests

* fix: app builds without rebuild in wsl

* docs: update for new local build on my setup

* ci: updates

* fix: variant mapping well enough for android studio build

* fix: bundle_or_skip for variants also test it

* refactor: cleanup bundle_or_skip

* fix: set deps from expo-doctor

* fix: expo warning

* fix: settings inputs

* fix: standarized layout for settings

* fix: input selection

Author: williscool

.cursor/rules/wsl-unison-setup.mdc

@@ -48,3 +48,28 @@ To remove the substitution later:
 ```cmd
 subst X: /d
 ```
+
+## NativeWind ESM Issue (Metro on Windows)
+
+NativeWind v4 has a known issue where Metro cannot load the config on Windows due to ESM path handling. This causes errors like:
+```
+Error [ERR_UNSUPPORTED_ESM_URL_SCHEME]: Only URLs with a scheme in: file, data, and node are supported by the default ESM loader. On Windows, absolute paths must be valid file:// URLs. Received protocol 'c:'
+```
+
+**Workaround**: Pre-bundle on WSL, then build on Windows.
+
+1. **Pre-bundle on WSL** (when JS/CSS changes):
+   ```bash
+   cd /home/william/not_connected_to_windows/CalendarNotification
+   yarn bundle:android --dev=true
+   ```
+
+2. **Build on Windows** (uses pre-built bundle):
+   ```powershell
+   cd X:\android
+   .\gradlew assembleDebug
+   ```
+
+The `scripts/bundle_or_skip.js` wrapper automatically detects and copies the pre-built bundle, skipping Metro on Windows. This is configured via `cliFile` in `android/app/build.gradle`.
+
+See: https://github.com/nativewind/nativewind/issues/1667

.github/actions/common-setup/action.yml

@@ -140,6 +140,26 @@ runs:
         YARN_INSTALL_STATE_PATH: .yarn/ci-cache/install-state.gz
         HUSKY: '0'
 
+    # Clean stale native build artifacts from node_modules
+    # This prevents "duplicate class" errors when dependencies change
+    # (e.g., react-native-worklets removed since reanimated includes it)
+    - name: Clean stale node_modules build artifacts
+      shell: bash
+      run: |
+        echo "Cleaning stale native build artifacts from node_modules..."
+        # Remove android build directories from all node_modules packages
+        # These get recreated during build but can cause conflicts if cached
+        find node_modules -path "*/android/build" -type d -prune 2>/dev/null | while read dir; do
+          echo "Removing: $dir"
+          rm -rf "$dir"
+        done
+        # Also clean any .transforms directories
+        find node_modules -name ".transforms" -type d -prune 2>/dev/null | while read dir; do
+          echo "Removing: $dir"
+          rm -rf "$dir"
+        done
+        echo "Cleanup complete"
+
     - name: Restore yarn install state
       id: yarn-install-state-cache-restore
       uses: actions/cache/restore@v4
@@ -158,7 +178,7 @@ runs:
           android/app/src/main/assets/index.android.bundle
           android/app/src/main/res/drawable-*
           android/app/src/main/res/raw-*
-        key: ${{ runner.os }}-js-bundle-${{ hashFiles('package.json', 'yarn.lock') }}-${{ hashFiles('src/**/*.{js,jsx,ts,tsx}', 'lib/**/*.{js,jsx,ts,tsx}', 'modules/**/*.{js,jsx,ts,tsx}', 'App.{js,jsx,ts,tsx}', 'index.{js,jsx,ts,tsx}') }}
+        key: ${{ runner.os }}-js-bundle-${{ hashFiles('package.json', 'yarn.lock') }}-${{ hashFiles('src/**/*.{js,jsx,ts,tsx}', 'lib/**/*.{js,jsx,ts,tsx}', 'app/**/*.{js,jsx,ts,tsx}', 'modules/**/*.{js,jsx,ts,tsx}', 'App.{js,jsx,ts,tsx}', 'index.{js,jsx,ts,tsx}', 'global.css', 'tailwind.config.js') }}
         restore-keys: |
           ${{ runner.os }}-js-bundle-${{ hashFiles('package.json', 'yarn.lock') }}-
           ${{ runner.os }}-js-bundle-

.github/workflows/actions.yml

@@ -19,7 +19,7 @@ env:
   ANDROID_TARGET: google_apis
   ANDROID_ARCH: x86_64
   ANDROID_PROFILE: Nexus 5X  # Light profile for CI stability (foldable was too resource-heavy)
-  ANDROID_BUILD_TOOLS_VERSION: "34.0.0"
+  ANDROID_BUILD_TOOLS_VERSION: "36.0.0"
   ANDROID_EMULATOR_MEMORY: 4096  # Increased from 2048 for CI stability
 
   # Define constant for each job to use

.gitignore

@@ -223,5 +223,5 @@ fastlane/screenshots
 fastlane/test_output
 fastlane/readme.md
 
-# react navigation
-android/app/src/main/res/drawable-*/node_modules_reactnavigation_elements_lib_commonjs*
+# react node_modules stuff
+android/app/src/main/res/drawable-*/node_modules_*

android/app/build.gradle

@@ -340,6 +340,12 @@ react {
   entryFile = layout.projectDirectory.file("../../index.tsx").asFile
   // Autolinking - adds dependencies for all autolinked libraries
   autolinkLibrariesWithApp()
+  
+  // Use wrapper script that skips Metro if bundle already exists
+  // This works around NativeWind Windows ESM issues
+  // Pre-bundle on WSL: yarn bundle:android --dev=true
+  // Then Windows builds will use the existing bundle
+  cliFile = layout.projectDirectory.file("../../scripts/bundle_or_skip.js").asFile
 }
 
 // Fix task dependency for RN 0.76+ autolinking (Gradle 8.7 strict validation)

app.json

@@ -5,6 +5,7 @@
     "version": "0.0.1",
     "platforms": ["android"],
     "jsEngine": "hermes",
-    "newArchEnabled": true
+    "newArchEnabled": true,
+    "userInterfaceStyle": "automatic"
   }
 }