feat(desktop): Tauri mac shell around the web export

Black screen root cause: Tauri injects nonces into style-src, which
makes WebKit drop 'unsafe-inline' and block react-native-web's inline
style attributes. style-src is now excluded from CSP modification.
Window opens on the home screen so the section menu is reachable.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Wmf3K9nCoEsXvvwkmMnuiM

.gitea/workflows/release.yml

@@ -83,7 +83,10 @@ jobs:
         env:
           KEYSTORE_FILE: /tmp/release.jks
           KEYSTORE_PASSWORD: ${{ secrets.KEYSTORE_PASSWORD }}
-          KEY_ALIAS: gtd
+          # EAS-managed keystore (since v1.16) — alias is EAS-generated, and the
+          # key password can differ from the store password.
+          KEY_ALIAS: a5ff13aa8571055bcaecbaca29a548ae
+          KEY_PASSWORD: ${{ secrets.KEY_PASSWORD }}
           VERSION_CODE: ${{ github.run_number }}
           VERSION_NAME: 1.${{ github.run_number }}
         run: |

.gitignore

@@ -5,3 +5,5 @@ server/.env
 server/.env.token.local
 *.log
 .DS_Store
+credentials.json
+*.jks

app/eas.json

@@ -9,8 +9,8 @@
         "buildType": "apk"
       },
       "env": {
-        "VERSION_CODE": "17",
-        "VERSION_NAME": "1.17"
+        "VERSION_CODE": "18",
+        "VERSION_NAME": "1.18"
       },
       "node": "22.20.0"
     }

app/src/components/DateField.tsx

@@ -1,5 +1,6 @@
-// Interactive date field: quick chips (Today / Tomorrow / Next week) plus an
-// expandable month calendar. Pure RN views — identical on Android, iOS, web.
+// Interactive date field: quick chips (Today / Tomorrow / Next week, plus an
+// optional Someday) and an expandable month calendar. Pure RN views —
+// identical on Android, iOS, web.
 import { useMemo, useState } from "react";
 import { Pressable, StyleSheet, Text, View } from "react-native";
 import { haptic } from "../lib/haptics";
@@ -100,11 +101,14 @@ export default function DateField({
   value,
   onChange,
   clearable,
+  someday,
 }: {
   label?: string;
   value: string | null;
   onChange: (v: string | null) => void;
   clearable?: boolean;
+  /** Offers a dateless "Someday" chip — the pile, not a day on the calendar. */
+  someday?: { active: boolean; onPress: () => void };
 }) {
   const [open, setOpen] = useState(false);
   const today = new Date();
@@ -134,6 +138,16 @@ export default function DateField({
             }}
           />
         ))}
+        {someday && (
+          <OptionChip
+            label="Someday"
+            active={someday.active}
+            onPress={() => {
+              haptic.select();
+              someday.onPress();
+            }}
+          />
+        )}
         <OptionChip
           label={value && !quick.some((q) => q.v === value) ? friendlyDate(value) : "Pick a date…"}
           active={open}

app/src/components/TaskForm.tsx

@@ -81,7 +81,20 @@ export default function TaskForm({
       icon: "today",
       placeholder: "When",
       value: d.due_date ? friendlyDate(d.due_date) : null,
-      panel: <DateField value={d.due_date} onChange={(due_date) => onChange({ due_date })} clearable />,
+      panel: (
+        <DateField
+          value={d.due_date}
+          onChange={(due_date) => onChange({ due_date })}
+          clearable
+          someday={{
+            active: d.status === "someday",
+            onPress: () =>
+              d.status === "someday"
+                ? onChange({ status: "next" })
+                : onChange({ status: "someday", due_date: null }),
+          }}
+        />
+      ),
       onClear: () => onChange({ due_date: null }),
     },
     {

desktop/scripts/dev-web.sh

@@ -0,0 +1,22 @@
+#!/bin/sh
+# Start the Expo web dev server for `tauri dev`.
+#
+# Runs from src-tauri/ as Tauri's beforeDevCommand, or from desktop/ by hand.
+# Serves the GTD web UI on :8081 (devUrl in tauri.conf.json) with hot reload;
+# the Tauri window loads it and talks to https://gtd.rehbock.xyz/api.
+set -eu
+
+if [ -x "$HOME/.hermes/node/bin/node" ]; then
+  export PATH="$HOME/.hermes/node/bin:$PATH"
+fi
+
+HERE="$(cd "$(dirname "$0")" && pwd)"
+case "$HERE" in
+  */desktop/src-tauri/scripts) REPO="$(cd "$HERE/../../.." && pwd)" ;;
+  */desktop/scripts) REPO="$(cd "$HERE/../.." && pwd)" ;;
+  *) REPO="$(cd "$HERE/../.." && pwd)" ;;
+esac
+APP_DIR="$REPO/app"
+
+cd "$APP_DIR"
+exec npx expo start --web --port 8081

desktop/scripts/export-web.sh

@@ -0,0 +1,37 @@
+#!/bin/sh
+# Re-export the Expo web frontend for the Tauri desktop shell.
+#
+# Runs from src-tauri/ as Tauri's beforeBuildCommand, or from desktop/ by hand.
+# `frontendDist` points at ../app/dist in the repo root, so a plain release
+# build of an unchanged tree simply re-bundles the last committed export —
+# exactly like the web deploy copies app/dist to the VPS.
+#
+# Node 22 only (matches app/.nvmrc and CI): newer npm writes lockfiles that
+# CI's npm 10 refuses, so force the hermes node 22 toolchain if present.
+set -eu
+
+HERE="$(cd "$(dirname "$0")" && pwd)"
+case "$HERE" in
+  */desktop/src-tauri/scripts)
+    # invoked as src-tauri/scripts/export-web.sh (Tauri hook cwd): repo is two up
+    ROOT="$(cd "$HERE/../../.." && pwd)" ;;
+  */desktop/scripts)
+    # invoked as desktop/scripts/export-web.sh: repo is two up
+    ROOT="$(cd "$HERE/../.." && pwd)" ;;
+  *)
+    ROOT="$(cd "$HERE/../.." && pwd)" ;;
+esac
+
+if [ -x "$HOME/.hermes/node/bin/node" ]; then
+  export PATH="$HOME/.hermes/node/bin:$PATH"
+fi
+
+NODE_MAJOR="$(node -p 'process.versions.node.split(".")[0]')"
+if [ "$NODE_MAJOR" != "22" ]; then
+  echo "export-web.sh: need node 22 (have $(node -v)); refusing to run" >&2
+  exit 1
+fi
+
+cd "$ROOT/app"
+npx expo export --platform web
+echo "export-web.sh: exported to $ROOT/app/dist"

desktop/src-tauri/.gitignore

@@ -0,0 +1,2 @@
+/target/
+/gen/schemas

desktop/src-tauri/Cargo.toml

@@ -0,0 +1,14 @@
+[package]
+name = "gtd"
+version = "1.0.0"
+description = "GTD desktop app — Tauri shell around the Expo web export"
+edition = "2021"
+authors = ["Marcus"]
+
+[build-dependencies]
+tauri-build = { version = "2", features = [] }
+
+[dependencies]
+tauri = { version = "2", features = [] }
+serde = { version = "1", features = ["derive"] }
+serde_json = "1"

desktop/src-tauri/build.rs

@@ -0,0 +1,3 @@
+fn main() {
+    tauri_build::build()
+}

desktop/src-tauri/capabilities/main.json

@@ -0,0 +1,7 @@
+{
+  "$schema": "../gen/schemas/desktop-schema.json",
+  "identifier": "main-capability",
+  "description": "Capabilities for the GTD main window. The Expo web frontend needs no Tauri plugin APIs — it only talks to the remote API over fetch — so this grants the read-only core defaults (window/event/app metadata) and nothing privileged.",
+  "windows": ["main"],
+  "permissions": ["core:default"]
+}

desktop/src-tauri/scripts/dev-web.sh

@@ -0,0 +1,22 @@
+#!/bin/sh
+# Start the Expo web dev server for `tauri dev`.
+#
+# Runs from src-tauri/ as Tauri's beforeDevCommand, or from desktop/ by hand.
+# Serves the GTD web UI on :8081 (devUrl in tauri.conf.json) with hot reload;
+# the Tauri window loads it and talks to https://gtd.rehbock.xyz/api.
+set -eu
+
+if [ -x "$HOME/.hermes/node/bin/node" ]; then
+  export PATH="$HOME/.hermes/node/bin:$PATH"
+fi
+
+HERE="$(cd "$(dirname "$0")" && pwd)"
+case "$HERE" in
+  */desktop/src-tauri/scripts) REPO="$(cd "$HERE/../../.." && pwd)" ;;
+  */desktop/scripts) REPO="$(cd "$HERE/../.." && pwd)" ;;
+  *) REPO="$(cd "$HERE/../.." && pwd)" ;;
+esac
+APP_DIR="$REPO/app"
+
+cd "$APP_DIR"
+exec npx expo start --web --port 8081

desktop/src-tauri/scripts/export-web.sh

@@ -0,0 +1,37 @@
+#!/bin/sh
+# Re-export the Expo web frontend for the Tauri desktop shell.
+#
+# Runs from src-tauri/ as Tauri's beforeBuildCommand, or from desktop/ by hand.
+# `frontendDist` points at ../app/dist in the repo root, so a plain release
+# build of an unchanged tree simply re-bundles the last committed export —
+# exactly like the web deploy copies app/dist to the VPS.
+#
+# Node 22 only (matches app/.nvmrc and CI): newer npm writes lockfiles that
+# CI's npm 10 refuses, so force the hermes node 22 toolchain if present.
+set -eu
+
+HERE="$(cd "$(dirname "$0")" && pwd)"
+case "$HERE" in
+  */desktop/src-tauri/scripts)
+    # invoked as src-tauri/scripts/export-web.sh (Tauri hook cwd): repo is two up
+    ROOT="$(cd "$HERE/../../.." && pwd)" ;;
+  */desktop/scripts)
+    # invoked as desktop/scripts/export-web.sh: repo is two up
+    ROOT="$(cd "$HERE/../.." && pwd)" ;;
+  *)
+    ROOT="$(cd "$HERE/../.." && pwd)" ;;
+esac
+
+if [ -x "$HOME/.hermes/node/bin/node" ]; then
+  export PATH="$HOME/.hermes/node/bin:$PATH"
+fi
+
+NODE_MAJOR="$(node -p 'process.versions.node.split(".")[0]')"
+if [ "$NODE_MAJOR" != "22" ]; then
+  echo "export-web.sh: need node 22 (have $(node -v)); refusing to run" >&2
+  exit 1
+fi
+
+cd "$ROOT/app"
+npx expo export --platform web
+echo "export-web.sh: exported to $ROOT/app/dist"

desktop/src-tauri/src/main.rs

@@ -0,0 +1,22 @@
+// GTD desktop shell — Tauri 2 backend.
+//
+// The UI is the Expo web export (rebuilt from `app/` by
+// `scripts/export-web.sh` into `app/dist`, which this crate bundles via
+// `frontendDist`). All app logic, offline queueing, and API sync live in
+// that frontend; Rust only hosts the window. Native hooks (global
+// quick-add, menu-bar toggle) can attach to the builder below later
+// without touching the web code.
+//
+// CSP note (tauri.conf.json > app.security): `dangerousDisableAssetCspModification`
+// lists "style-src" because Tauri otherwise injects nonces into that directive,
+// which makes WebKit ignore 'unsafe-inline' and block every react-native-web
+// inline `style=""` attribute plus Reanimated's runtime <style> tags. The
+// result is a collapsed, unstyled page — a black screen in dark mode.
+// script-src still receives Tauri's hashes/nonces.
+#![cfg_attr(not(debug_assertions), windows_subsystem = "windows")]
+
+fn main() {
+    tauri::Builder::default()
+        .run(tauri::generate_context!())
+        .expect("failed to run GTD");
+}

desktop/src-tauri/tauri.conf.json

@@ -0,0 +1,48 @@
+{
+  "$schema": "https://schema.tauri.app/config/2",
+  "productName": "GTD",
+  "version": "1.0.0",
+  "identifier": "xyz.rehbock.gtd",
+  "build": {
+    "devUrl": "http://localhost:8081",
+    "beforeDevCommand": "scripts/dev-web.sh",
+    "beforeBuildCommand": "scripts/export-web.sh",
+    "frontendDist": "../../app/dist"
+  },
+  "app": {
+    "windows": [
+      {
+        "label": "main",
+        "title": "GTD",
+        "url": "index.html",
+        "width": 1100,
+        "height": 750,
+        "minWidth": 800,
+        "minHeight": 600,
+        "center": true
+      }
+    ],
+    "security": {
+      "dangerousDisableAssetCspModification": ["style-src"],
+      "csp": {
+        "default-src": "'self' tauri: asset: http://asset.localhost",
+        "script-src": "'self' 'unsafe-inline' 'unsafe-eval' tauri: asset: http://asset.localhost blob: data:",
+        "style-src": "'self' 'unsafe-inline' tauri: asset: http://asset.localhost blob: data:",
+        "img-src": "'self' tauri: asset: http://asset.localhost blob: data:",
+        "font-src": "'self' tauri: asset: http://asset.localhost blob: data:",
+        "connect-src": "'self' ipc: http://ipc.localhost tauri: asset: http://asset.localhost https://gtd.rehbock.xyz",
+        "media-src": "'self' tauri: asset: http://asset.localhost blob: data:"
+      }
+    }
+  },
+  "bundle": {
+    "active": true,
+    "targets": ["app", "dmg"],
+    "icon": ["icons/icon.icns", "icons/icon.ico", "icons/32x32.png", "icons/128x128.png", "icons/128x128@2x.png"],
+    "category": "Productivity",
+    "macOS": {
+      "minimumSystemVersion": "11.0",
+      "hardenedRuntime": true
+    }
+  }
+}