Compare commits
38 Commits
9308fded3e
..
v1.0.6
| Author | SHA1 | Date | |
|---|---|---|---|
| 0696f5663e | |||
| 4a531df8bd | |||
| 365f44dbe4 | |||
| 40c2ce20f3 | |||
| aa516667cd | |||
| f6fcf35cf8 | |||
| 2869f4ee5f | |||
| 614a353b3c | |||
| 7111162f14 | |||
| aaf6b2aa07 | |||
| e051ce8e7f | |||
| 7f39d79190 | |||
| 979a5c1dd3 | |||
| 20226caef4 | |||
| 7aacb9a53e | |||
| bc0973ccaa | |||
| 4dc746514a | |||
| 55d283c264 | |||
| e1a294fc96 | |||
| 554b16d6cb | |||
| be57d581ac | |||
| 3d2ba858bb | |||
| 3191691fff | |||
| 803f147fbb | |||
| 69b94ab7c0 | |||
| da31d47061 | |||
| 5994be5ddc | |||
| d3275207bd | |||
| d3e327174e | |||
| ba9e4a5add | |||
| c89f61a77f | |||
| ae222a2077 | |||
| 4a31ddfb2f | |||
| c7226a4ed9 | |||
| 39d5e5d269 | |||
| 43105f6bdc | |||
| b02d34453e | |||
| 4ba02d299b |
@@ -0,0 +1,116 @@
|
||||
name: Release APK
|
||||
|
||||
on:
|
||||
push:
|
||||
tags:
|
||||
- 'v*.*.*'
|
||||
|
||||
jobs:
|
||||
build:
|
||||
if: github.server_url == 'https://github.com'
|
||||
runs-on: ubuntu-latest
|
||||
timeout-minutes: 60
|
||||
permissions:
|
||||
contents: write
|
||||
|
||||
steps:
|
||||
- uses: actions/checkout@v4
|
||||
|
||||
- uses: actions/setup-java@v4
|
||||
with:
|
||||
distribution: temurin
|
||||
java-version: '21'
|
||||
|
||||
- uses: actions/setup-node@v4
|
||||
with:
|
||||
node-version: '20'
|
||||
|
||||
- name: Install pnpm
|
||||
uses: pnpm/action-setup@v4
|
||||
with:
|
||||
version: 9
|
||||
|
||||
- name: Get pnpm store path
|
||||
id: pnpm-cache
|
||||
shell: bash
|
||||
run: echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_OUTPUT
|
||||
|
||||
- name: Cache pnpm store
|
||||
uses: actions/cache@v4
|
||||
with:
|
||||
path: ${{ steps.pnpm-cache.outputs.STORE_PATH }}
|
||||
key: ${{ runner.os }}-pnpm-${{ hashFiles('**/pnpm-lock.yaml') }}
|
||||
restore-keys: |
|
||||
${{ runner.os }}-pnpm-
|
||||
|
||||
- name: Install dependencies
|
||||
working-directory: artifacts/postiz-mobile
|
||||
run: pnpm install --no-frozen-lockfile
|
||||
|
||||
- name: Set up Android SDK
|
||||
uses: android-actions/setup-android@v3
|
||||
|
||||
- name: Accept Android SDK licenses
|
||||
run: yes | sdkmanager --licenses || true
|
||||
|
||||
- name: Cache Android NDK
|
||||
id: ndk-cache
|
||||
uses: actions/cache@v4
|
||||
with:
|
||||
path: /usr/local/lib/android/sdk/ndk/28.2.13676358
|
||||
key: ndk-28.2.13676358-v1
|
||||
|
||||
- name: Install SDK components
|
||||
run: |
|
||||
sdkmanager "platform-tools" "platforms;android-35" "build-tools;35.0.0"
|
||||
if [ "${{ steps.ndk-cache.outputs.cache-hit }}" != "true" ]; then
|
||||
sdkmanager "ndk;28.2.13676358"
|
||||
fi
|
||||
|
||||
- name: Cache Gradle
|
||||
uses: actions/cache@v4
|
||||
with:
|
||||
path: |
|
||||
~/.gradle/caches
|
||||
~/.gradle/wrapper
|
||||
key: ${{ runner.os }}-gradle-${{ hashFiles('artifacts/postiz-mobile/package.json') }}
|
||||
restore-keys: |
|
||||
${{ runner.os }}-gradle-
|
||||
|
||||
- name: Decode keystore
|
||||
run: |
|
||||
mkdir -p ~/.config/postiz-mobile
|
||||
echo "${{ secrets.KEYSTORE_B64 }}" | base64 -d > ~/.config/postiz-mobile/postiz-mobile.jks
|
||||
cat > ~/.config/postiz-mobile/signing.env <<EOF
|
||||
KEYSTORE_PATH=~/.config/postiz-mobile/postiz-mobile.jks
|
||||
KEYSTORE_ALIAS=${{ secrets.KEYSTORE_ALIAS }}
|
||||
KEYSTORE_STORE_PASSWORD=${{ secrets.KEYSTORE_STORE_PASSWORD }}
|
||||
KEYSTORE_KEY_PASSWORD=${{ secrets.KEYSTORE_KEY_PASSWORD }}
|
||||
EOF
|
||||
chmod 600 ~/.config/postiz-mobile/signing.env ~/.config/postiz-mobile/postiz-mobile.jks
|
||||
|
||||
- name: Build signed APK
|
||||
working-directory: artifacts/postiz-mobile
|
||||
run: ./build-apk.sh
|
||||
|
||||
- name: Find built APK
|
||||
id: apk
|
||||
run: |
|
||||
APK=$(ls artifacts/postiz-mobile/dist/*.apk | sort | tail -1)
|
||||
echo "path=$APK" >> "$GITHUB_OUTPUT"
|
||||
|
||||
- name: Create GitHub Release
|
||||
uses: softprops/action-gh-release@v2
|
||||
with:
|
||||
name: "Postiz Mobile ${{ github.ref_name }}"
|
||||
body: |
|
||||
## Postiz Mobile ${{ github.ref_name }}
|
||||
|
||||
APK signé pour Android — installation directe (sideload).
|
||||
|
||||
### Installation
|
||||
1. Activer "Sources inconnues" sur l'appareil
|
||||
2. Transférer l'APK et ouvrir pour installer
|
||||
files: ${{ steps.apk.outputs.path }}
|
||||
draft: false
|
||||
prerelease: ${{ contains(github.ref_name, '-') }}
|
||||
@@ -47,3 +47,4 @@ Thumbs.db
|
||||
# Replit
|
||||
.cache/
|
||||
.local/
|
||||
scripts/push-to-gitea.sh
|
||||
|
||||
@@ -27,6 +27,14 @@ externalPort = 8080
|
||||
localPort = 8081
|
||||
externalPort = 80
|
||||
|
||||
[[ports]]
|
||||
localPort = 8082
|
||||
externalPort = 3001
|
||||
|
||||
[[ports]]
|
||||
localPort = 20976
|
||||
externalPort = 3000
|
||||
|
||||
[[ports]]
|
||||
localPort = 20977
|
||||
externalPort = 3002
|
||||
|
||||
@@ -1,381 +1,110 @@
|
||||
# PostizMobile
|
||||
|
||||
Application mobile React Native (Expo) pour piloter une instance **Postiz** auto-hébergée depuis votre téléphone Android ou iOS.
|
||||
React Native (Expo) mobile app to control a self-hosted [Postiz](https://postiz.com) instance from Android.
|
||||
|
||||
Build is fully local — no expo.dev account or EAS cloud required.
|
||||
|
||||
---
|
||||
|
||||
## Sommaire
|
||||
## Features
|
||||
|
||||
1. [Fonctionnalités](#fonctionnalités)
|
||||
2. [Prérequis](#prérequis)
|
||||
3. [Installation & développement](#installation--développement)
|
||||
4. [Configuration de l'application](#configuration-de-lapplication)
|
||||
5. [Architecture du projet](#architecture-du-projet)
|
||||
6. [API Postiz utilisée](#api-postiz-utilisée)
|
||||
7. [Build APK Android (EAS)](#build-apk-android-eas)
|
||||
8. [Build iOS (Expo Launch)](#build-ios-expo-launch)
|
||||
9. [Pousser les modifications sur Gitea](#pousser-les-modifications-sur-gitea)
|
||||
10. [Variables d'environnement & secrets](#variables-denvironnement--secrets)
|
||||
11. [Dépannage](#dépannage)
|
||||
| Screen | Description |
|
||||
|--------|-------------|
|
||||
| **Calendar** | Monthly view with color dots per day (indigo = scheduled, green = published, red = error). Tap a day to see its posts. |
|
||||
| **Posts** | Filtered list (All / Queue / Published / Draft / Error) with sort toggle, pull-to-refresh, swipe left to delete, swipe right to reschedule. |
|
||||
| **Compose** | Text editor with per-network character limit, channel picker, date/time picker, gallery image pick + upload, publish now or schedule. Local draft save/restore. |
|
||||
| **Settings** | API key and base URL, connection test, secure storage. 401 auto-redirect to Settings. |
|
||||
| **Notifications** | Local alerts when a post transitions to PUBLISHED or ERROR (polling every 15 min). |
|
||||
|
||||
**Theme**: forced dark. **Auth**: API key in `expo-secure-store`, never hardcoded.
|
||||
|
||||
---
|
||||
|
||||
## Fonctionnalités
|
||||
## Prerequisites
|
||||
|
||||
| Écran | Description |
|
||||
|-------|-------------|
|
||||
| **Calendrier** | Vue mensuelle avec points de couleur par jour (indigo = planifié, vert = publié, rouge = erreur). Tap sur un jour pour voir les posts. |
|
||||
| **Posts** | Liste filtrée (Tous / Queue / Publié / Brouillon / Erreur) avec pull-to-refresh et swipe gauche pour supprimer. |
|
||||
| **Composer** | Éditeur de texte, sélecteur de canaux, date/heure, importation d'image galerie + upload, publier maintenant ou planifier. |
|
||||
| **Paramètres** | Saisie de la clé API et de l'URL de base, test de connexion, sauvegarde sécurisée (SecureStore). |
|
||||
| **Notifications** | Alertes locales automatiques quand un post passe à PUBLISHED ou ERROR (polling toutes les 15 minutes). |
|
||||
|
||||
**Thème** : dark forcé (`userInterfaceStyle: dark`).
|
||||
**Authentification** : clé API stockée dans `expo-secure-store`, jamais en dur dans le code.
|
||||
|
||||
---
|
||||
|
||||
## Prérequis
|
||||
|
||||
| Outil | Version minimale |
|
||||
|-------|-----------------|
|
||||
| Tool | Version |
|
||||
|------|---------|
|
||||
| Node.js | 20 LTS |
|
||||
| pnpm | 10+ |
|
||||
| Expo Go (téléphone) | SDK 54 compatible |
|
||||
| Compte EAS (pour APK) | gratuit sur expo.dev |
|
||||
|
||||
```bash
|
||||
npm install -g pnpm
|
||||
npm install -g eas-cli
|
||||
```
|
||||
| Java (JDK) | 17–24 (Java 25+ not yet supported by Gradle 8) |
|
||||
| Android SDK | see below |
|
||||
|
||||
---
|
||||
|
||||
## Installation & développement
|
||||
|
||||
### 1. Cloner le dépôt
|
||||
|
||||
```bash
|
||||
git clone ssh://gitea@homegit.gyozamancave.fr:2222/billisdead/Postiz-android.git
|
||||
cd Postiz-android
|
||||
```
|
||||
|
||||
### 2. Installer les dépendances
|
||||
## Installation & Development
|
||||
|
||||
```bash
|
||||
git clone https://github.com/pirona/postiz-android.git
|
||||
cd postiz-android
|
||||
pnpm install
|
||||
```
|
||||
|
||||
### 3. Lancer le serveur de développement
|
||||
Start the dev server (requires Expo Go on the device):
|
||||
|
||||
```bash
|
||||
pnpm --filter @workspace/postiz-mobile run dev
|
||||
```
|
||||
|
||||
Le terminal affiche un QR code. Scannez-le avec **Expo Go** (Android) ou l'app **Appareil photo** (iOS) pour voir l'app en direct.
|
||||
|
||||
### 4. Ouvrir dans le navigateur (web preview)
|
||||
|
||||
```
|
||||
http://localhost:<PORT>
|
||||
```
|
||||
|
||||
Le port est assigné dynamiquement par l'environnement Replit.
|
||||
|
||||
---
|
||||
|
||||
## Configuration de l'application
|
||||
## Building an APK (local, no EAS)
|
||||
|
||||
Au premier lancement, l'écran **Paramètres** s'affiche car aucune clé n'est configurée.
|
||||
See **[artifacts/postiz-mobile/README.md](artifacts/postiz-mobile/README.md)** for the full build guide.
|
||||
|
||||
1. **URL de base** : `https://votre-instance-postiz.fr/public/v1`
|
||||
2. **Clé API** : générée depuis votre instance Postiz → *Settings → API Keys*
|
||||
3. Appuyez sur **Test Connection** pour valider
|
||||
4. Appuyez sur **Save Settings**
|
||||
|
||||
La clé est chiffrée et stockée localement via `expo-secure-store`. Elle n'est jamais envoyée à un service tiers.
|
||||
|
||||
---
|
||||
|
||||
## Architecture du projet
|
||||
|
||||
```
|
||||
artifacts/postiz-mobile/
|
||||
├── app/
|
||||
│ ├── _layout.tsx # Root layout : providers, fonts, notifications
|
||||
│ └── (tabs)/
|
||||
│ ├── _layout.tsx # Tab bar (NativeTabs iOS 26+ / Tabs classique)
|
||||
│ ├── index.tsx # Écran Calendrier
|
||||
│ ├── posts.tsx # Écran Liste des posts
|
||||
│ ├── compose.tsx # Écran Composer
|
||||
│ └── settings.tsx # Écran Paramètres
|
||||
├── components/
|
||||
│ ├── ChannelChip.tsx # Chip de sélection de canal
|
||||
│ ├── ErrorBoundary.tsx # Gestionnaire d'erreurs global
|
||||
│ ├── PostCard.tsx # Carte post avec swipe-to-delete
|
||||
│ └── StatusBadge.tsx # Badge QUEUE / PUBLISHED / ERROR / DRAFT
|
||||
├── constants/
|
||||
│ └── colors.ts # Palette dark theme
|
||||
├── context/
|
||||
│ └── PostizContext.tsx # Client axios + SecureStore (apiKey, baseUrl)
|
||||
├── hooks/
|
||||
│ ├── useColors.ts # Tokens couleur selon le thème
|
||||
│ └── useNotifications.ts # Permissions + polling + notifications locales
|
||||
├── assets/
|
||||
│ └── images/
|
||||
│ └── icon.png # Icône générée par IA
|
||||
└── app.json # Config Expo (permissions, plugins, thème)
|
||||
```
|
||||
|
||||
### Dépendances principales
|
||||
|
||||
| Package | Usage |
|
||||
|---------|-------|
|
||||
| `expo-router` | Navigation file-based |
|
||||
| `axios` | Client HTTP vers l'API Postiz |
|
||||
| `expo-secure-store` | Stockage chiffré de la clé API |
|
||||
| `react-native-calendars` | Vue calendrier mensuelle |
|
||||
| `@react-native-community/datetimepicker` | Sélecteur date/heure dans Composer |
|
||||
| `expo-image-picker` | Accès galerie photos |
|
||||
| `expo-notifications` | Notifications locales de statut |
|
||||
| `expo-task-manager` | Tâche de fond pour le polling |
|
||||
| `@tanstack/react-query` | Cache et refetch des données API |
|
||||
|
||||
---
|
||||
|
||||
## API Postiz utilisée
|
||||
|
||||
Base URL configurée par l'utilisateur (ex. `https://postiz.example.com/public/v1`).
|
||||
|
||||
| Méthode | Endpoint | Usage |
|
||||
|---------|----------|-------|
|
||||
| `GET` | `/integrations` | Lister les canaux (Twitter, LinkedIn, etc.) |
|
||||
| `GET` | `/posts?startDate=&endDate=` | Posts sur une plage de dates |
|
||||
| `POST` | `/posts` | Créer / planifier un post |
|
||||
| `DELETE` | `/posts/:id` | Supprimer un post |
|
||||
| `POST` | `/upload` | Uploader une image (multipart) |
|
||||
|
||||
### Exemple de payload POST /posts
|
||||
|
||||
```json
|
||||
{
|
||||
"type": "schedule",
|
||||
"date": "2025-01-15T10:00:00.000Z",
|
||||
"content": [
|
||||
{
|
||||
"content": "Mon super post 🚀",
|
||||
"image": [{ "id": "upload-id", "path": "/uploads/photo.jpg" }]
|
||||
}
|
||||
],
|
||||
"integrations": ["integration-id-twitter", "integration-id-linkedin"]
|
||||
}
|
||||
```
|
||||
|
||||
Pour publier immédiatement, utilisez `"type": "now"`.
|
||||
|
||||
---
|
||||
|
||||
## Build APK Android (EAS)
|
||||
|
||||
> **Prérequis** : compte gratuit sur [expo.dev](https://expo.dev) et `eas-cli` installé.
|
||||
|
||||
### 1. Se connecter à EAS
|
||||
|
||||
```bash
|
||||
npx eas login
|
||||
```
|
||||
|
||||
### 2. Initialiser EAS dans le projet
|
||||
Quick start:
|
||||
|
||||
```bash
|
||||
cd artifacts/postiz-mobile
|
||||
npx eas init
|
||||
./install-android-sdk.sh # first time only
|
||||
cp ~/.config/postiz-mobile/signing.env.example ~/.config/postiz-mobile/signing.env
|
||||
$EDITOR ~/.config/postiz-mobile/signing.env # fill in keystore credentials
|
||||
./build-apk.sh # → dist/postiz-mobile-YYYYMMDD-HHMM.apk
|
||||
```
|
||||
|
||||
Cela génère un `projectId` dans `app.json`.
|
||||
### GitHub Actions release
|
||||
|
||||
### 3. Fichier de configuration EAS
|
||||
|
||||
> **Déjà inclus dans le dépôt** : `artifacts/postiz-mobile/eas.json` est présent, vous pouvez passer cette étape.
|
||||
|
||||
Si vous souhaitez le recréer manuellement :
|
||||
|
||||
```json
|
||||
{
|
||||
"cli": {
|
||||
"version": ">= 16.0.0"
|
||||
},
|
||||
"build": {
|
||||
"preview": {
|
||||
"android": {
|
||||
"buildType": "apk"
|
||||
}
|
||||
},
|
||||
"production": {
|
||||
"android": {
|
||||
"buildType": "app-bundle"
|
||||
}
|
||||
}
|
||||
},
|
||||
"submit": {
|
||||
"production": {}
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
### 4. Lancer le build APK
|
||||
Pushing a tag triggers an automated signed APK release:
|
||||
|
||||
```bash
|
||||
# APK de test (sideload)
|
||||
npx eas build --platform android --profile preview
|
||||
|
||||
# AAB pour le Play Store
|
||||
npx eas build --platform android --profile production
|
||||
git tag v1.0.0
|
||||
git push origin --tags
|
||||
```
|
||||
|
||||
Le build se fait dans le cloud EAS (~10-15 min). À la fin, EAS affiche un **lien de téléchargement** et un **QR code** pour récupérer le fichier `.apk`.
|
||||
|
||||
### 5. Installer l'APK sur votre téléphone
|
||||
|
||||
```bash
|
||||
# Via adb
|
||||
adb install postiz-mobile.apk
|
||||
|
||||
# Ou scannez le QR code affiché par EAS
|
||||
```
|
||||
|
||||
### 6. Publier l'APK comme Release Gitea
|
||||
|
||||
Une fois le `.apk` téléchargé depuis EAS, attachez-le à une release Gitea pour le rendre disponible directement depuis le dépôt :
|
||||
|
||||
1. Allez sur `https://homegit.gyozamancave.fr/billisdead/Postiz-android/releases`
|
||||
2. Cliquez **New Release**
|
||||
3. Choisissez un tag (ex. `v1.0.0`) et un titre
|
||||
4. Glissez-déposez le fichier `.apk` dans la zone de pièces jointes
|
||||
5. Cliquez **Publish Release**
|
||||
|
||||
L'APK sera alors téléchargeable directement depuis la page du dépôt Gitea.
|
||||
|
||||
### Permissions Android déclarées
|
||||
|
||||
```xml
|
||||
READ_EXTERNAL_STORAGE
|
||||
WRITE_EXTERNAL_STORAGE
|
||||
READ_MEDIA_IMAGES <!-- photos galerie -->
|
||||
RECEIVE_BOOT_COMPLETED
|
||||
VIBRATE <!-- notifications -->
|
||||
```
|
||||
The workflow builds the APK on GitHub's infrastructure and attaches it to a GitHub Release.
|
||||
Required secrets: `KEYSTORE_B64`, `KEYSTORE_ALIAS`, `KEYSTORE_STORE_PASSWORD`, `KEYSTORE_KEY_PASSWORD`.
|
||||
|
||||
---
|
||||
|
||||
## Build iOS (Expo Launch)
|
||||
## App Configuration
|
||||
|
||||
> Disponible uniquement via **Replit Expo Launch** (soumission App Store automatisée).
|
||||
On first launch, go to **Settings**:
|
||||
|
||||
1. Dans Replit, cliquez sur le bouton **Publish**
|
||||
2. Sélectionnez **Expo Launch**
|
||||
3. Suivez le wizard (compte Apple Developer requis)
|
||||
|
||||
**Note** : la publication Google Play n'est pas encore supportée par Expo Launch — utilisez EAS pour Android.
|
||||
1. **Base URL**: `https://your-postiz-instance/api/public/v1`
|
||||
2. **API Key**: generated in Postiz → Settings → API Keys
|
||||
3. Tap **Test Connection**, then **Save Settings**
|
||||
|
||||
---
|
||||
|
||||
## Pousser les modifications sur Gitea
|
||||
## Postiz API
|
||||
|
||||
Le dépôt distant est : `ssh://gitea@homegit.gyozamancave.fr:2222/billisdead/Postiz-android.git`
|
||||
|
||||
La clé SSH utilisée est stockée dans la variable d'environnement `GITEA_SSH_KEY` (côté Replit).
|
||||
|
||||
### Push depuis votre machine locale
|
||||
|
||||
```bash
|
||||
# Ajouter le remote (une seule fois)
|
||||
git remote add gitea ssh://gitea@homegit.gyozamancave.fr:2222/billisdead/Postiz-android.git
|
||||
|
||||
# Pousser
|
||||
git push gitea main
|
||||
```
|
||||
|
||||
Assurez-vous que votre clé SSH publique est ajoutée dans Gitea → *Paramètres utilisateur → SSH / GPG Keys*.
|
||||
|
||||
### Push depuis Replit (via script)
|
||||
|
||||
Depuis Replit, les commandes `git push` directes sont protégées. Utilisez le script de bundle :
|
||||
|
||||
```bash
|
||||
# Créer le bundle
|
||||
git bundle create /tmp/postiz.bundle main
|
||||
|
||||
# Cloner le bundle et pousser
|
||||
git clone /tmp/postiz.bundle /tmp/repo_push
|
||||
cd /tmp/repo_push
|
||||
git remote add gitea ssh://gitea@homegit.gyozamancave.fr:2222/billisdead/Postiz-android.git
|
||||
GIT_SSH_COMMAND="ssh -i ~/.ssh/id_ed25519 -o StrictHostKeyChecking=no -p 2222" \
|
||||
git push --force gitea main
|
||||
```
|
||||
| Method | Endpoint | Usage |
|
||||
|--------|----------|-------|
|
||||
| `GET` | `/integrations` | List channels |
|
||||
| `GET` | `/posts?startDate=&endDate=` | Posts over a date range |
|
||||
| `POST` | `/posts` | Create / schedule a post |
|
||||
| `DELETE` | `/posts/:id` | Delete a post |
|
||||
| `POST` | `/upload` | Upload an image (multipart) |
|
||||
|
||||
---
|
||||
|
||||
## Variables d'environnement & secrets
|
||||
## Troubleshooting
|
||||
|
||||
| Variable | Stockage | Description |
|
||||
|----------|----------|-------------|
|
||||
| `GITEA_SSH_KEY` | Replit Secrets (shared) | Clé SSH privée pour push vers Gitea |
|
||||
| `SESSION_SECRET` | Replit Secrets | Secret de session (API server) |
|
||||
**"Not Configured" on all screens** → Settings tab → enter API key and URL → Test Connection.
|
||||
|
||||
Les variables côté app (clé API Postiz, URL) sont **saisies par l'utilisateur** dans l'écran Paramètres et stockées dans `expo-secure-store` — elles ne transitent jamais dans le code source.
|
||||
**"Connection failed"** → URL must end with `/api/public/v1` — check Postiz is reachable.
|
||||
|
||||
---
|
||||
**No notifications** → Accept permissions on first launch. Polling runs every 15 min.
|
||||
|
||||
## Dépannage
|
||||
**Build fails at Gradle** → Make sure `ANDROID_HOME` is set and Java is ≤ 24 (the script auto-detects `~/jdk21`).
|
||||
|
||||
### L'app affiche "Not Configured" sur tous les écrans
|
||||
|
||||
→ Allez dans l'onglet **Paramètres**, entrez votre clé API et URL, puis tapez **Test Connection**.
|
||||
|
||||
### "Connection failed" dans les Paramètres
|
||||
|
||||
- Vérifiez que l'URL se termine bien par `/public/v1`
|
||||
- Vérifiez que la clé API est valide (générée dans Postiz → API Keys)
|
||||
- Vérifiez que votre instance Postiz est accessible depuis internet
|
||||
|
||||
### Pas de notifications reçues
|
||||
|
||||
- Acceptez les permissions de notification au premier lancement
|
||||
- Le polling se fait toutes les 15 minutes — attendez un cycle complet
|
||||
- Sur Android, vérifiez que les notifications de l'app ne sont pas désactivées dans les paramètres système
|
||||
|
||||
### Erreur Metro "module not found"
|
||||
|
||||
```bash
|
||||
pnpm install
|
||||
# Puis redémarrer le workflow Expo
|
||||
```
|
||||
|
||||
### Le calendrier ne charge pas les posts
|
||||
|
||||
- Vérifiez que l'API Postiz supporte les paramètres `startDate` / `endDate` sur `GET /posts`
|
||||
- Consultez les logs réseau : dans Expo Go, secouez l'appareil → *Open Debugger*
|
||||
|
||||
### Build EAS échoue
|
||||
|
||||
```bash
|
||||
# Vérifier la version Expo
|
||||
npx expo --version
|
||||
|
||||
# Vérifier la cohérence des packages
|
||||
npx expo install --check
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## Contribuer
|
||||
|
||||
1. Forkez sur Gitea : `https://homegit.gyozamancave.fr/billisdead/Postiz-android`
|
||||
2. Créez une branche feature : `git checkout -b feature/ma-fonctionnalite`
|
||||
3. Committez vos changements
|
||||
4. Poussez et ouvrez une Pull Request
|
||||
|
||||
---
|
||||
|
||||
*Généré avec ❤️ sur Replit — PostizMobile v1.0.0*
|
||||
**`expo prebuild` fails** → Run `pnpm install` from the repo root first.
|
||||
|
||||
@@ -12,7 +12,6 @@
|
||||
"dependencies": {
|
||||
"@workspace/api-zod": "workspace:*",
|
||||
"@workspace/db": "workspace:*",
|
||||
"cookie-parser": "^1.4.7",
|
||||
"cors": "^2",
|
||||
"drizzle-orm": "catalog:",
|
||||
"express": "^5",
|
||||
@@ -20,7 +19,6 @@
|
||||
"pino-http": "^10"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@types/cookie-parser": "^1.4.10",
|
||||
"@types/cors": "^2.8.19",
|
||||
"@types/express": "^5.0.6",
|
||||
"@types/node": "catalog:",
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
import express, { type Express } from "express";
|
||||
import express, { type Express, type NextFunction, type Request, type Response } from "express";
|
||||
import cors from "cors";
|
||||
import pinoHttp from "pino-http";
|
||||
import router from "./routes";
|
||||
@@ -31,4 +31,9 @@ app.use(express.urlencoded({ extended: true }));
|
||||
|
||||
app.use("/api", router);
|
||||
|
||||
app.use((err: Error, _req: Request, res: Response, _next: NextFunction) => {
|
||||
logger.error({ err }, "Unhandled error");
|
||||
res.status(500).json({ error: "Internal server error" });
|
||||
});
|
||||
|
||||
export default app;
|
||||
|
||||
@@ -15,11 +15,11 @@ if (Number.isNaN(port) || port <= 0) {
|
||||
throw new Error(`Invalid PORT value: "${rawPort}"`);
|
||||
}
|
||||
|
||||
app.listen(port, (err) => {
|
||||
if (err) {
|
||||
logger.error({ err }, "Error listening on port");
|
||||
process.exit(1);
|
||||
}
|
||||
|
||||
const server = app.listen(port, () => {
|
||||
logger.info({ port }, "Server listening");
|
||||
});
|
||||
|
||||
server.on("error", (err) => {
|
||||
logger.error({ err }, "Error listening on port");
|
||||
process.exit(1);
|
||||
});
|
||||
|
||||
@@ -9,16 +9,20 @@ dist/
|
||||
web-build/
|
||||
expo-env.d.ts
|
||||
|
||||
# Native
|
||||
# Native — generated by expo prebuild, never committed
|
||||
ios/
|
||||
android/
|
||||
*.orig.*
|
||||
*.jks
|
||||
*.keystore
|
||||
*.p8
|
||||
*.p12
|
||||
*.key
|
||||
*.mobileprovision
|
||||
|
||||
# Local build output
|
||||
static-build/
|
||||
|
||||
# Metro
|
||||
.metro-health-check*
|
||||
|
||||
|
||||
+169
-308
@@ -1,367 +1,228 @@
|
||||
# PostizMobile
|
||||
|
||||
Application mobile React Native (Expo) pour piloter une instance **Postiz** auto-hébergée depuis votre téléphone Android ou iOS.
|
||||
React Native (Expo) mobile app to control a self-hosted [Postiz](https://postiz.com) instance from Android.
|
||||
|
||||
Build is fully local — no expo.dev account or EAS cloud required.
|
||||
|
||||
---
|
||||
|
||||
## Sommaire
|
||||
## Features
|
||||
|
||||
1. [Fonctionnalités](#fonctionnalités)
|
||||
2. [Prérequis](#prérequis)
|
||||
3. [Installation & développement](#installation--développement)
|
||||
4. [Configuration de l'application](#configuration-de-lapplication)
|
||||
5. [Architecture du projet](#architecture-du-projet)
|
||||
6. [API Postiz utilisée](#api-postiz-utilisée)
|
||||
7. [Build APK Android (EAS)](#build-apk-android-eas)
|
||||
8. [Build iOS (Expo Launch)](#build-ios-expo-launch)
|
||||
9. [Pousser les modifications sur Gitea](#pousser-les-modifications-sur-gitea)
|
||||
10. [Variables d'environnement & secrets](#variables-denvironnement--secrets)
|
||||
11. [Dépannage](#dépannage)
|
||||
| Screen | Description |
|
||||
|--------|-------------|
|
||||
| **Calendar** | Monthly view with color dots per day (indigo = scheduled, green = published, red = error). Tap a day post to copy or edit it. |
|
||||
| **Posts** | Filtered list (All / Queue / Published / Draft / Error) with post counts, sort toggle (newest/oldest, persisted), pull-to-refresh, swipe left to delete, swipe right to reschedule. |
|
||||
| **Compose** | Text editor with per-network character limit, channel picker, date/time picker, gallery image pick + upload, publish now or schedule. Local draft save/restore. |
|
||||
| **Settings** | API key and base URL, connection test, secure storage. 401 auto-redirect to Settings. |
|
||||
| **Notifications** | Local alerts when a post transitions to PUBLISHED or ERROR (polling every 15 min). |
|
||||
|
||||
**Theme**: forced dark. **Auth**: API key in `expo-secure-store`, never hardcoded.
|
||||
|
||||
---
|
||||
|
||||
## Fonctionnalités
|
||||
## Prerequisites
|
||||
|
||||
| Écran | Description |
|
||||
|-------|-------------|
|
||||
| **Calendrier** | Vue mensuelle avec points de couleur par jour (indigo = planifié, vert = publié, rouge = erreur). Tap sur un jour pour voir les posts. |
|
||||
| **Posts** | Liste filtrée (Tous / Queue / Publié / Brouillon / Erreur) avec pull-to-refresh et swipe gauche pour supprimer. |
|
||||
| **Composer** | Éditeur de texte, sélecteur de canaux, date/heure, importation d'image galerie + upload, publier maintenant ou planifier. |
|
||||
| **Paramètres** | Saisie de la clé API et de l'URL de base, test de connexion, sauvegarde sécurisée (SecureStore). |
|
||||
| **Notifications** | Alertes locales automatiques quand un post passe à PUBLISHED ou ERROR (polling toutes les 15 minutes). |
|
||||
|
||||
**Thème** : dark forcé (`userInterfaceStyle: dark`).
|
||||
**Authentification** : clé API stockée dans `expo-secure-store`, jamais en dur dans le code.
|
||||
|
||||
---
|
||||
|
||||
## Prérequis
|
||||
|
||||
| Outil | Version minimale |
|
||||
|-------|-----------------|
|
||||
| Tool | Version |
|
||||
|------|---------|
|
||||
| Node.js | 20 LTS |
|
||||
| pnpm | 10+ |
|
||||
| Expo Go (téléphone) | SDK 54 compatible |
|
||||
| Compte EAS (pour APK) | gratuit sur expo.dev |
|
||||
| Java (JDK) | 17–24 (Java 25+ not yet supported by Gradle 8) |
|
||||
| Android SDK | see below |
|
||||
|
||||
```bash
|
||||
npm install -g pnpm
|
||||
npm install -g eas-cli
|
||||
```
|
||||
No expo.dev account needed for builds.
|
||||
|
||||
---
|
||||
|
||||
## Installation & développement
|
||||
## Development
|
||||
|
||||
### 1. Cloner le dépôt
|
||||
|
||||
```bash
|
||||
git clone ssh://gitea@homegit.gyozamancave.fr:2222/billisdead/Postiz-android.git
|
||||
cd Postiz-android
|
||||
```
|
||||
|
||||
### 2. Installer les dépendances
|
||||
### Install dependencies
|
||||
|
||||
```bash
|
||||
git clone https://github.com/pirona/postiz-android.git
|
||||
cd postiz-android
|
||||
pnpm install
|
||||
```
|
||||
|
||||
### 3. Lancer le serveur de développement
|
||||
### Start dev server (Expo Go)
|
||||
|
||||
```bash
|
||||
pnpm --filter @workspace/postiz-mobile run dev
|
||||
```
|
||||
|
||||
Le terminal affiche un QR code. Scannez-le avec **Expo Go** (Android) ou l'app **Appareil photo** (iOS) pour voir l'app en direct.
|
||||
|
||||
### 4. Ouvrir dans le navigateur (web preview)
|
||||
|
||||
```
|
||||
http://localhost:<PORT>
|
||||
```
|
||||
|
||||
Le port est assigné dynamiquement par l'environnement Replit.
|
||||
Scan the QR code with Expo Go on Android to preview the app live.
|
||||
|
||||
---
|
||||
|
||||
## Configuration de l'application
|
||||
## Building an APK (local, no EAS)
|
||||
|
||||
Au premier lancement, l'écran **Paramètres** s'affiche car aucune clé n'est configurée.
|
||||
### First-time setup
|
||||
|
||||
1. **URL de base** : `https://votre-instance-postiz.fr/public/v1`
|
||||
2. **Clé API** : générée depuis votre instance Postiz → *Settings → API Keys*
|
||||
3. Appuyez sur **Test Connection** pour valider
|
||||
4. Appuyez sur **Save Settings**
|
||||
**1. Java 21 LTS**
|
||||
|
||||
La clé est chiffrée et stockée localement via `expo-secure-store`. Elle n'est jamais envoyée à un service tiers.
|
||||
Gradle 8 requires Java ≤ 24. If the system Java is 25+ (Fedora 44), install Temurin 21 locally:
|
||||
|
||||
```bash
|
||||
wget -O /tmp/jdk21.tar.gz \
|
||||
"https://github.com/adoptium/temurin21-binaries/releases/download/jdk-21.0.7%2B6/OpenJDK21U-jdk_x64_linux_hotspot_21.0.7_6.tar.gz"
|
||||
mkdir -p ~/jdk21 && tar -xzf /tmp/jdk21.tar.gz -C ~/jdk21 --strip-components=1
|
||||
```
|
||||
|
||||
`build-apk.sh` will use `~/jdk21` automatically if the system Java is ≥ 25.
|
||||
|
||||
**2. Android SDK**
|
||||
|
||||
```bash
|
||||
cd artifacts/postiz-mobile
|
||||
./install-android-sdk.sh
|
||||
```
|
||||
|
||||
Add to `~/.bashrc` or `~/.zshrc`:
|
||||
|
||||
```bash
|
||||
export ANDROID_HOME="$HOME/android-sdk"
|
||||
export PATH="$PATH:$ANDROID_HOME/cmdline-tools/latest/bin:$ANDROID_HOME/platform-tools:$ANDROID_HOME/build-tools/35.0.0"
|
||||
```
|
||||
|
||||
**2. Signing keystore**
|
||||
|
||||
The release keystore is stored at `~/.config/postiz-mobile/postiz-mobile.jks` (not in the repo).
|
||||
|
||||
To export it from EAS (one-time):
|
||||
|
||||
```bash
|
||||
cd artifacts/postiz-mobile
|
||||
eas credentials --platform android
|
||||
# → Keystore: Manage everything → Download existing keystore
|
||||
# Note the key alias and passwords shown during export
|
||||
```
|
||||
|
||||
**3. Signing credentials**
|
||||
|
||||
```bash
|
||||
cp ~/.config/postiz-mobile/signing.env.example ~/.config/postiz-mobile/signing.env
|
||||
$EDITOR ~/.config/postiz-mobile/signing.env
|
||||
```
|
||||
|
||||
Fill in:
|
||||
|
||||
```bash
|
||||
KEYSTORE_PATH="$HOME/.config/postiz-mobile/postiz-mobile.jks"
|
||||
KEYSTORE_ALIAS="<alias shown during export>"
|
||||
KEYSTORE_STORE_PASSWORD="<store password>"
|
||||
KEYSTORE_KEY_PASSWORD="<key password>"
|
||||
```
|
||||
|
||||
### Build
|
||||
|
||||
```bash
|
||||
cd artifacts/postiz-mobile
|
||||
./build-apk.sh # → dist/postiz-mobile-YYYYMMDD-HHMM.apk
|
||||
./build-apk.sh --aab # → dist/postiz-mobile-YYYYMMDD-HHMM.aab (Play Store)
|
||||
```
|
||||
|
||||
The script runs `expo prebuild`, patches `android/app/build.gradle` for release signing, runs Gradle, copies the artifact to `dist/`, then wipes the credentials from `gradle.properties`.
|
||||
|
||||
### Install on device
|
||||
|
||||
```bash
|
||||
adb install dist/postiz-mobile-*.apk
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## Architecture du projet
|
||||
## How the build works
|
||||
|
||||
```
|
||||
build-apk.sh
|
||||
├── source ~/.config/postiz-mobile/signing.env
|
||||
├── expo prebuild --platform android --clean
|
||||
│ └── generates android/ from app.json + plugins
|
||||
├── python3 patch: injects release signingConfig into build.gradle
|
||||
├── append MYAPP_UPLOAD_* to gradle.properties
|
||||
├── ./gradlew assembleRelease (or bundleRelease)
|
||||
├── wipe signing block from gradle.properties
|
||||
└── copy APK → dist/
|
||||
```
|
||||
|
||||
The `android/` directory is not committed (gitignored). It is regenerated on each build.
|
||||
|
||||
---
|
||||
|
||||
## App configuration
|
||||
|
||||
On first launch, go to **Settings**:
|
||||
|
||||
1. **Base URL**: `https://your-postiz-instance/api/public/v1`
|
||||
2. **API Key**: generated in Postiz → Settings → API Keys
|
||||
3. Tap **Test Connection**, then **Save Settings**
|
||||
|
||||
The key is encrypted locally via `expo-secure-store` and never sent to third parties.
|
||||
|
||||
---
|
||||
|
||||
## Architecture
|
||||
|
||||
```
|
||||
artifacts/postiz-mobile/
|
||||
├── app/
|
||||
│ ├── _layout.tsx # Root layout : providers, fonts, notifications
|
||||
│ ├── _layout.tsx # Root layout: providers, fonts, 401 handler
|
||||
│ └── (tabs)/
|
||||
│ ├── _layout.tsx # Tab bar (NativeTabs iOS 26+ / Tabs classique)
|
||||
│ ├── index.tsx # Écran Calendrier
|
||||
│ ├── posts.tsx # Écran Liste des posts
|
||||
│ ├── compose.tsx # Écran Composer
|
||||
│ └── settings.tsx # Écran Paramètres
|
||||
│ ├── _layout.tsx # Tab bar
|
||||
│ ├── index.tsx # Calendar screen
|
||||
│ ├── posts.tsx # Post list screen
|
||||
│ ├── compose.tsx # Compose screen
|
||||
│ └── settings.tsx # Settings screen
|
||||
├── components/
|
||||
│ ├── ChannelChip.tsx # Chip de sélection de canal
|
||||
│ ├── ErrorBoundary.tsx # Gestionnaire d'erreurs global
|
||||
│ ├── PostCard.tsx # Carte post avec swipe-to-delete
|
||||
│ └── StatusBadge.tsx # Badge QUEUE / PUBLISHED / ERROR / DRAFT
|
||||
├── constants/
|
||||
│ └── colors.ts # Palette dark theme
|
||||
│ ├── ChannelChip.tsx # Channel selector chip
|
||||
│ ├── ErrorBoundary.tsx
|
||||
│ ├── PostCard.tsx # Swipe-to-delete / swipe-to-reschedule
|
||||
│ └── StatusBadge.tsx
|
||||
├── context/
|
||||
│ └── PostizContext.tsx # Client axios + SecureStore (apiKey, baseUrl)
|
||||
│ └── PostizContext.tsx # axios client + SecureStore + 401 interceptor
|
||||
├── hooks/
|
||||
│ ├── useColors.ts # Tokens couleur selon le thème
|
||||
│ └── useNotifications.ts # Permissions + polling + notifications locales
|
||||
├── assets/
|
||||
│ └── images/
|
||||
│ └── icon.png # Icône générée par IA
|
||||
└── app.json # Config Expo (permissions, plugins, thème)
|
||||
│ ├── useColors.ts
|
||||
│ └── useNotifications.ts # Permission + polling + local notifications
|
||||
├── lib/
|
||||
│ └── extractError.ts # Shared axios/fetch error formatter
|
||||
├── build-apk.sh # Local build script
|
||||
└── install-android-sdk.sh # One-time Android SDK bootstrap
|
||||
```
|
||||
|
||||
### Dépendances principales
|
||||
### Key dependencies
|
||||
|
||||
| Package | Usage |
|
||||
|---------|-------|
|
||||
| `expo-router` | Navigation file-based |
|
||||
| `axios` | Client HTTP vers l'API Postiz |
|
||||
| `expo-secure-store` | Stockage chiffré de la clé API |
|
||||
| `react-native-calendars` | Vue calendrier mensuelle |
|
||||
| `@react-native-community/datetimepicker` | Sélecteur date/heure dans Composer |
|
||||
| `expo-image-picker` | Accès galerie photos |
|
||||
| `expo-notifications` | Notifications locales de statut |
|
||||
| `expo-task-manager` | Tâche de fond pour le polling |
|
||||
| `@tanstack/react-query` | Cache et refetch des données API |
|
||||
| Package | Role |
|
||||
|---------|------|
|
||||
| `expo-router` | File-based navigation |
|
||||
| `axios` | Postiz API HTTP client |
|
||||
| `expo-secure-store` | Encrypted key storage |
|
||||
| `react-native-calendars` | Calendar view |
|
||||
| `@react-native-community/datetimepicker` | Date/time picker |
|
||||
| `expo-image-picker` | Gallery access |
|
||||
| `expo-notifications` | Local status notifications |
|
||||
| `@tanstack/react-query` | API cache + refetch |
|
||||
|
||||
---
|
||||
|
||||
## API Postiz utilisée
|
||||
## Postiz API
|
||||
|
||||
Base URL configurée par l'utilisateur (ex. `https://postiz.example.com/public/v1`).
|
||||
|
||||
| Méthode | Endpoint | Usage |
|
||||
|---------|----------|-------|
|
||||
| `GET` | `/integrations` | Lister les canaux (Twitter, LinkedIn, etc.) |
|
||||
| `GET` | `/posts?startDate=&endDate=` | Posts sur une plage de dates |
|
||||
| `POST` | `/posts` | Créer / planifier un post |
|
||||
| `DELETE` | `/posts/:id` | Supprimer un post |
|
||||
| `POST` | `/upload` | Uploader une image (multipart) |
|
||||
|
||||
### Exemple de payload POST /posts
|
||||
|
||||
```json
|
||||
{
|
||||
"type": "schedule",
|
||||
"date": "2025-01-15T10:00:00.000Z",
|
||||
"content": [
|
||||
{
|
||||
"content": "Mon super post 🚀",
|
||||
"image": [{ "id": "upload-id", "path": "/uploads/photo.jpg" }]
|
||||
}
|
||||
],
|
||||
"integrations": ["integration-id-twitter", "integration-id-linkedin"]
|
||||
}
|
||||
```
|
||||
|
||||
Pour publier immédiatement, utilisez `"type": "now"`.
|
||||
| Method | Endpoint | Usage |
|
||||
|--------|----------|-------|
|
||||
| `GET` | `/integrations` | List channels |
|
||||
| `GET` | `/posts?startDate=&endDate=` | Posts over a date range |
|
||||
| `POST` | `/posts` | Create / schedule a post |
|
||||
| `DELETE` | `/posts/:id` | Delete a post |
|
||||
| `POST` | `/upload` | Upload an image (multipart) |
|
||||
|
||||
---
|
||||
|
||||
## Build APK Android (EAS)
|
||||
## Troubleshooting
|
||||
|
||||
> **Prérequis** : compte gratuit sur [expo.dev](https://expo.dev) et `eas-cli` installé.
|
||||
**"Not Configured" on all screens** → Settings tab → enter API key and URL → Test Connection.
|
||||
|
||||
### 1. Se connecter à EAS
|
||||
**"Connection failed"** → URL must end with `/api/public/v1` — check Postiz is reachable.
|
||||
|
||||
```bash
|
||||
npx eas login
|
||||
```
|
||||
**No notifications** → Accept permissions on first launch. Polling runs every 15 min.
|
||||
|
||||
### 2. Initialiser EAS dans le projet
|
||||
**Build fails at Gradle** → Make sure `ANDROID_HOME` is set and `./gradlew` is executable (`chmod +x android/gradlew`).
|
||||
|
||||
```bash
|
||||
cd artifacts/postiz-mobile
|
||||
npx eas init
|
||||
```
|
||||
|
||||
Cela génère un `projectId` dans `app.json`.
|
||||
|
||||
### 3. Créer le fichier de configuration EAS
|
||||
|
||||
Créez `artifacts/postiz-mobile/eas.json` :
|
||||
|
||||
```json
|
||||
{
|
||||
"cli": {
|
||||
"version": ">= 16.0.0"
|
||||
},
|
||||
"build": {
|
||||
"preview": {
|
||||
"android": {
|
||||
"buildType": "apk"
|
||||
}
|
||||
},
|
||||
"production": {
|
||||
"android": {
|
||||
"buildType": "app-bundle"
|
||||
}
|
||||
}
|
||||
},
|
||||
"submit": {
|
||||
"production": {}
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
### 4. Lancer le build APK
|
||||
|
||||
```bash
|
||||
# APK de test (sideload)
|
||||
npx eas build --platform android --profile preview
|
||||
|
||||
# AAB pour le Play Store
|
||||
npx eas build --platform android --profile production
|
||||
```
|
||||
|
||||
Le build se fait dans le cloud EAS. Vous recevez un lien de téléchargement à la fin (~10-15 min).
|
||||
|
||||
### 5. Installer l'APK sur votre téléphone
|
||||
|
||||
```bash
|
||||
# Via adb
|
||||
adb install postiz-mobile.apk
|
||||
|
||||
# Ou scannez le QR code affiché par EAS
|
||||
```
|
||||
|
||||
### Permissions Android déclarées
|
||||
|
||||
```xml
|
||||
READ_EXTERNAL_STORAGE
|
||||
WRITE_EXTERNAL_STORAGE
|
||||
READ_MEDIA_IMAGES <!-- photos galerie -->
|
||||
RECEIVE_BOOT_COMPLETED
|
||||
VIBRATE <!-- notifications -->
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## Build iOS (Expo Launch)
|
||||
|
||||
> Disponible uniquement via **Replit Expo Launch** (soumission App Store automatisée).
|
||||
|
||||
1. Dans Replit, cliquez sur le bouton **Publish**
|
||||
2. Sélectionnez **Expo Launch**
|
||||
3. Suivez le wizard (compte Apple Developer requis)
|
||||
|
||||
**Note** : la publication Google Play n'est pas encore supportée par Expo Launch — utilisez EAS pour Android.
|
||||
|
||||
---
|
||||
|
||||
## Pousser les modifications sur Gitea
|
||||
|
||||
Le dépôt distant est : `ssh://gitea@homegit.gyozamancave.fr:2222/billisdead/Postiz-android.git`
|
||||
|
||||
La clé SSH utilisée est stockée dans la variable d'environnement `GITEA_SSH_KEY` (côté Replit).
|
||||
|
||||
### Push depuis votre machine locale
|
||||
|
||||
```bash
|
||||
# Ajouter le remote (une seule fois)
|
||||
git remote add gitea ssh://gitea@homegit.gyozamancave.fr:2222/billisdead/Postiz-android.git
|
||||
|
||||
# Pousser
|
||||
git push gitea main
|
||||
```
|
||||
|
||||
Assurez-vous que votre clé SSH publique est ajoutée dans Gitea → *Paramètres utilisateur → SSH / GPG Keys*.
|
||||
|
||||
### Push depuis Replit (via script)
|
||||
|
||||
Depuis Replit, les commandes `git push` directes sont protégées. Utilisez le script de bundle :
|
||||
|
||||
```bash
|
||||
# Créer le bundle
|
||||
git bundle create /tmp/postiz.bundle main
|
||||
|
||||
# Cloner le bundle et pousser
|
||||
git clone /tmp/postiz.bundle /tmp/repo_push
|
||||
cd /tmp/repo_push
|
||||
git remote add gitea ssh://gitea@homegit.gyozamancave.fr:2222/billisdead/Postiz-android.git
|
||||
GIT_SSH_COMMAND="ssh -i ~/.ssh/id_ed25519 -o StrictHostKeyChecking=no -p 2222" \
|
||||
git push --force gitea main
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## Variables d'environnement & secrets
|
||||
|
||||
| Variable | Stockage | Description |
|
||||
|----------|----------|-------------|
|
||||
| `GITEA_SSH_KEY` | Replit Secrets (shared) | Clé SSH privée pour push vers Gitea |
|
||||
| `SESSION_SECRET` | Replit Secrets | Secret de session (API server) |
|
||||
|
||||
Les variables côté app (clé API Postiz, URL) sont **saisies par l'utilisateur** dans l'écran Paramètres et stockées dans `expo-secure-store` — elles ne transitent jamais dans le code source.
|
||||
|
||||
---
|
||||
|
||||
## Dépannage
|
||||
|
||||
### L'app affiche "Not Configured" sur tous les écrans
|
||||
|
||||
→ Allez dans l'onglet **Paramètres**, entrez votre clé API et URL, puis tapez **Test Connection**.
|
||||
|
||||
### "Connection failed" dans les Paramètres
|
||||
|
||||
- Vérifiez que l'URL se termine bien par `/public/v1`
|
||||
- Vérifiez que la clé API est valide (générée dans Postiz → API Keys)
|
||||
- Vérifiez que votre instance Postiz est accessible depuis internet
|
||||
|
||||
### Pas de notifications reçues
|
||||
|
||||
- Acceptez les permissions de notification au premier lancement
|
||||
- Le polling se fait toutes les 15 minutes — attendez un cycle complet
|
||||
- Sur Android, vérifiez que les notifications de l'app ne sont pas désactivées dans les paramètres système
|
||||
|
||||
### Erreur Metro "module not found"
|
||||
|
||||
```bash
|
||||
pnpm install
|
||||
# Puis redémarrer le workflow Expo
|
||||
```
|
||||
|
||||
### Le calendrier ne charge pas les posts
|
||||
|
||||
- Vérifiez que l'API Postiz supporte les paramètres `startDate` / `endDate` sur `GET /posts`
|
||||
- Consultez les logs réseau : dans Expo Go, secouez l'appareil → *Open Debugger*
|
||||
|
||||
### Build EAS échoue
|
||||
|
||||
```bash
|
||||
# Vérifier la version Expo
|
||||
npx expo --version
|
||||
|
||||
# Vérifier la cohérence des packages
|
||||
npx expo install --check
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## Contribuer
|
||||
|
||||
1. Forkez sur Gitea : `https://homegit.gyozamancave.fr/billisdead/Postiz-android`
|
||||
2. Créez une branche feature : `git checkout -b feature/ma-fonctionnalite`
|
||||
3. Committez vos changements
|
||||
4. Poussez et ouvrez une Pull Request
|
||||
|
||||
---
|
||||
|
||||
*Généré avec ❤️ sur Replit — PostizMobile v1.0.0*
|
||||
**`expo prebuild` fails** → Run `pnpm install` from the repo root first.
|
||||
|
||||
@@ -23,23 +23,19 @@
|
||||
"android": {
|
||||
"package": "fr.gyozamancave.postizmobile",
|
||||
"permissions": [
|
||||
"READ_EXTERNAL_STORAGE",
|
||||
"WRITE_EXTERNAL_STORAGE",
|
||||
"READ_MEDIA_IMAGES",
|
||||
"RECEIVE_BOOT_COMPLETED",
|
||||
"VIBRATE"
|
||||
"android.permission.READ_EXTERNAL_STORAGE",
|
||||
"android.permission.WRITE_EXTERNAL_STORAGE",
|
||||
"android.permission.READ_MEDIA_IMAGES",
|
||||
"android.permission.RECEIVE_BOOT_COMPLETED",
|
||||
"android.permission.VIBRATE",
|
||||
"android.permission.RECORD_AUDIO"
|
||||
]
|
||||
},
|
||||
"web": {
|
||||
"favicon": "./assets/images/icon.png"
|
||||
},
|
||||
"plugins": [
|
||||
[
|
||||
"expo-router",
|
||||
{
|
||||
"origin": "https://replit.com/"
|
||||
}
|
||||
],
|
||||
"expo-font",
|
||||
"expo-web-browser",
|
||||
"expo-image-picker",
|
||||
@@ -56,6 +52,11 @@
|
||||
"experiments": {
|
||||
"typedRoutes": true,
|
||||
"reactCompiler": true
|
||||
},
|
||||
"extra": {
|
||||
"eas": {
|
||||
"projectId": "aeaaa2bd-3a27-4771-8e39-f2e14fe0e030"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -13,7 +13,7 @@ function NativeTabLayout() {
|
||||
return (
|
||||
<NativeTabs>
|
||||
<NativeTabs.Trigger name="index">
|
||||
<Icon sf={{ default: "calendar", selected: "calendar.fill" }} />
|
||||
<Icon sf={{ default: "calendar", selected: "calendar.circle.fill" }} />
|
||||
<Label>Calendar</Label>
|
||||
</NativeTabs.Trigger>
|
||||
<NativeTabs.Trigger name="posts">
|
||||
|
||||
@@ -1,12 +1,14 @@
|
||||
import { Feather } from "@expo/vector-icons";
|
||||
import { useQuery, useQueryClient } from "@tanstack/react-query";
|
||||
import DateTimePicker from "@react-native-community/datetimepicker";
|
||||
import AsyncStorage from "@react-native-async-storage/async-storage";
|
||||
import * as Haptics from "expo-haptics";
|
||||
import { Image } from "expo-image";
|
||||
import * as ImageManipulator from "expo-image-manipulator";
|
||||
import * as ImagePicker from "expo-image-picker";
|
||||
import { File } from "expo-file-system";
|
||||
import { fetch as expoFetch } from "expo/fetch";
|
||||
import React, { useState } from "react";
|
||||
import { useLocalSearchParams } from "expo-router";
|
||||
import React, { useEffect, useState } from "react";
|
||||
import {
|
||||
ActivityIndicator,
|
||||
Alert,
|
||||
@@ -22,14 +24,44 @@ import {
|
||||
import { KeyboardAwareScrollView } from "react-native-keyboard-controller";
|
||||
import { useSafeAreaInsets } from "react-native-safe-area-context";
|
||||
import { ChannelChip } from "@/components/ChannelChip";
|
||||
import { MediaLibraryModal } from "@/components/MediaLibraryModal";
|
||||
import { PostizIntegration, PostizUploadResult, usePostiz } from "@/context/PostizContext";
|
||||
import { useColors } from "@/hooks/useColors";
|
||||
|
||||
const DRAFT_STORAGE_KEY = "postiz_local_draft";
|
||||
const MAX_IMAGES = 4;
|
||||
|
||||
const NETWORK_CHAR_LIMITS: Record<string, number> = {
|
||||
twitter: 280, x: 280,
|
||||
instagram: 2200,
|
||||
linkedin: 3000,
|
||||
facebook: 63206,
|
||||
youtube: 5000,
|
||||
tiktok: 2200,
|
||||
};
|
||||
|
||||
type MediaItem =
|
||||
| { type: "local"; uri: string }
|
||||
| { type: "uploaded"; id: string; path: string };
|
||||
|
||||
function resolveMediaUrl(path: string, baseUrl: string): string {
|
||||
if (path.startsWith("http://") || path.startsWith("https://")) return path;
|
||||
const origin = baseUrl.replace(/\/api\/.*$/, "");
|
||||
return `${origin}/${path.replace(/^\//, "")}`;
|
||||
}
|
||||
|
||||
export default function ComposeScreen() {
|
||||
const colors = useColors();
|
||||
const insets = useSafeAreaInsets();
|
||||
const { client, isConfigured, apiKey, baseUrl } = usePostiz();
|
||||
const queryClient = useQueryClient();
|
||||
const { prefillContent, prefillIntegrationIds, prefillImagePath, prefillImageId } =
|
||||
useLocalSearchParams<{
|
||||
prefillContent?: string;
|
||||
prefillIntegrationIds?: string;
|
||||
prefillImagePath?: string;
|
||||
prefillImageId?: string;
|
||||
}>();
|
||||
|
||||
const [content, setContent] = useState("");
|
||||
const [selectedChannels, setSelectedChannels] = useState<string[]>([]);
|
||||
@@ -39,22 +71,76 @@ export default function ComposeScreen() {
|
||||
);
|
||||
const [showDatePicker, setShowDatePicker] = useState(false);
|
||||
const [showTimePicker, setShowTimePicker] = useState(false);
|
||||
const [imageUri, setImageUri] = useState<string | null>(null);
|
||||
const [mediaItems, setMediaItems] = useState<MediaItem[]>([]);
|
||||
const [showMediaLibrary, setShowMediaLibrary] = useState(false);
|
||||
const [uploading, setUploading] = useState(false);
|
||||
const [submitting, setSubmitting] = useState(false);
|
||||
const [draftBanner, setDraftBanner] = useState(false);
|
||||
|
||||
useEffect(() => {
|
||||
if (prefillContent) setContent(String(prefillContent));
|
||||
if (prefillIntegrationIds) {
|
||||
setSelectedChannels(String(prefillIntegrationIds).split(",").filter(Boolean));
|
||||
}
|
||||
if (prefillImagePath && prefillImageId) {
|
||||
setMediaItems([{ type: "uploaded", id: String(prefillImageId), path: String(prefillImagePath) }]);
|
||||
}
|
||||
}, [prefillContent, prefillIntegrationIds, prefillImagePath, prefillImageId]);
|
||||
|
||||
useEffect(() => {
|
||||
if (prefillContent) return;
|
||||
AsyncStorage.getItem(DRAFT_STORAGE_KEY).then((raw) => {
|
||||
if (!raw) return;
|
||||
try {
|
||||
const draft = JSON.parse(raw);
|
||||
if (draft?.content) setDraftBanner(true);
|
||||
} catch {}
|
||||
});
|
||||
}, [prefillContent]);
|
||||
|
||||
const { data: integrations, isLoading: loadingIntegrations } =
|
||||
useQuery<PostizIntegration[]>({
|
||||
queryKey: ["integrations"],
|
||||
queryKey: ["integrations", !!client],
|
||||
queryFn: async () => {
|
||||
if (!client) return [];
|
||||
const res = await client.get("/integrations");
|
||||
const res = await client.get("integrations");
|
||||
return Array.isArray(res.data) ? res.data : res.data?.integrations ?? [];
|
||||
},
|
||||
enabled: !!client,
|
||||
staleTime: 60000,
|
||||
});
|
||||
|
||||
const effectiveCharLimit = (() => {
|
||||
if (selectedChannels.length === 0 || !integrations) return 3000;
|
||||
const selected = integrations.filter((i) => selectedChannels.includes(i.id));
|
||||
const limits = selected.map((i) => {
|
||||
const t = (i.type ?? i.internalType ?? "").toLowerCase();
|
||||
for (const [key, limit] of Object.entries(NETWORK_CHAR_LIMITS)) {
|
||||
if (t.includes(key)) return limit;
|
||||
}
|
||||
return 3000;
|
||||
});
|
||||
return Math.min(...limits);
|
||||
})();
|
||||
|
||||
const saveDraft = async () => {
|
||||
const draft = { content, integrationIds: selectedChannels };
|
||||
await AsyncStorage.setItem(DRAFT_STORAGE_KEY, JSON.stringify(draft));
|
||||
Haptics.notificationAsync(Haptics.NotificationFeedbackType.Success);
|
||||
Alert.alert("Draft saved", "Your draft has been saved locally.");
|
||||
};
|
||||
|
||||
const restoreDraft = async () => {
|
||||
const raw = await AsyncStorage.getItem(DRAFT_STORAGE_KEY);
|
||||
if (!raw) return;
|
||||
try {
|
||||
const draft = JSON.parse(raw);
|
||||
if (draft.content) setContent(draft.content);
|
||||
if (draft.integrationIds?.length) setSelectedChannels(draft.integrationIds);
|
||||
setDraftBanner(false);
|
||||
} catch {}
|
||||
};
|
||||
|
||||
const toggleChannel = (id: string) => {
|
||||
setSelectedChannels((prev) =>
|
||||
prev.includes(id) ? prev.filter((c) => c !== id) : [...prev, id]
|
||||
@@ -62,54 +148,93 @@ export default function ComposeScreen() {
|
||||
};
|
||||
|
||||
const pickImage = async () => {
|
||||
if (mediaItems.length >= MAX_IMAGES) {
|
||||
Alert.alert("Max images", `You can add up to ${MAX_IMAGES} images per post.`);
|
||||
return;
|
||||
}
|
||||
const { status } = await ImagePicker.requestMediaLibraryPermissionsAsync();
|
||||
if (status !== "granted") {
|
||||
Alert.alert("Permission required", "Allow access to your photo library.");
|
||||
return;
|
||||
}
|
||||
const remaining = MAX_IMAGES - mediaItems.length;
|
||||
const result = await ImagePicker.launchImageLibraryAsync({
|
||||
mediaTypes: ["images"],
|
||||
allowsMultipleSelection: true,
|
||||
selectionLimit: remaining,
|
||||
allowsEditing: false,
|
||||
quality: 0.85,
|
||||
quality: 1,
|
||||
});
|
||||
if (!result.canceled && result.assets[0]) {
|
||||
setImageUri(result.assets[0].uri);
|
||||
if (!result.canceled && result.assets.length > 0) {
|
||||
const MAX_DIM = 1920;
|
||||
const processed: string[] = [];
|
||||
for (const asset of result.assets) {
|
||||
const w = asset.width ?? 0;
|
||||
const h = asset.height ?? 0;
|
||||
if (w > MAX_DIM || h > MAX_DIM) {
|
||||
const landscape = w >= h;
|
||||
const resized = await ImageManipulator.manipulateAsync(
|
||||
asset.uri,
|
||||
[{ resize: landscape ? { width: MAX_DIM } : { height: MAX_DIM } }],
|
||||
{ compress: 0.85, format: ImageManipulator.SaveFormat.JPEG }
|
||||
);
|
||||
processed.push(resized.uri);
|
||||
} else {
|
||||
processed.push(asset.uri);
|
||||
}
|
||||
}
|
||||
setMediaItems((prev) =>
|
||||
[...prev, ...processed.map((uri): MediaItem => ({ type: "local", uri }))].slice(0, MAX_IMAGES)
|
||||
);
|
||||
}
|
||||
};
|
||||
|
||||
const removeImage = () => setImageUri(null);
|
||||
const removeMediaItem = (index: number) => {
|
||||
setMediaItems((prev) => prev.filter((_, i) => i !== index));
|
||||
};
|
||||
|
||||
const uploadImage = async (): Promise<PostizUploadResult | null> => {
|
||||
if (!imageUri) return null;
|
||||
const buildMediaPayload = async (): Promise<Array<{ id: string; path: string }>> => {
|
||||
setUploading(true);
|
||||
try {
|
||||
const result: Array<{ id: string; path: string }> = [];
|
||||
for (const item of mediaItems) {
|
||||
if (item.type === "uploaded") {
|
||||
result.push({ id: item.id, path: item.path });
|
||||
continue;
|
||||
}
|
||||
const formData = new FormData();
|
||||
if (Platform.OS === "web") {
|
||||
const response = await expoFetch(imageUri);
|
||||
const response = await expoFetch(item.uri);
|
||||
const blob = await response.blob();
|
||||
formData.append("file", blob, "upload.jpg");
|
||||
} else {
|
||||
const file = new File(imageUri);
|
||||
formData.append("file", file as unknown as Blob);
|
||||
formData.append("file", {
|
||||
uri: item.uri,
|
||||
name: "upload.jpg",
|
||||
type: "image/jpeg",
|
||||
} as unknown as Blob);
|
||||
}
|
||||
const uploadRes = await expoFetch(`${baseUrl}/upload`, {
|
||||
// eslint-disable-next-line no-undef
|
||||
const uploadRes = await globalThis.fetch(`${baseUrl}/upload`, {
|
||||
method: "POST",
|
||||
headers: { Authorization: apiKey },
|
||||
body: formData,
|
||||
});
|
||||
const data = await uploadRes.json() as PostizUploadResult;
|
||||
return data;
|
||||
} catch (e: unknown) {
|
||||
const msg = e instanceof Error ? e.message : String(e);
|
||||
Alert.alert("Upload Failed", `Could not upload image.\n${msg}`);
|
||||
return null;
|
||||
if (!uploadRes.ok) {
|
||||
const raw = await uploadRes.text().catch(() => uploadRes.statusText);
|
||||
throw new Error(`Upload HTTP ${uploadRes.status}: ${raw.slice(0, 200)}`);
|
||||
}
|
||||
const uploaded = (await uploadRes.json()) as PostizUploadResult;
|
||||
result.push({ id: uploaded.id, path: uploaded.path });
|
||||
}
|
||||
return result;
|
||||
} finally {
|
||||
setUploading(false);
|
||||
}
|
||||
};
|
||||
|
||||
const handleSubmit = async () => {
|
||||
if (!client) return;
|
||||
if (!isConfigured) return;
|
||||
if (!content.trim()) {
|
||||
Alert.alert("Empty post", "Please write something before posting.");
|
||||
return;
|
||||
@@ -121,21 +246,41 @@ export default function ComposeScreen() {
|
||||
Haptics.impactAsync(Haptics.ImpactFeedbackStyle.Medium);
|
||||
setSubmitting(true);
|
||||
try {
|
||||
let media: Array<{ id: string; path: string }> = [];
|
||||
if (imageUri) {
|
||||
const uploaded = await uploadImage();
|
||||
if (uploaded) {
|
||||
media = [{ id: uploaded.id, path: uploaded.path }];
|
||||
}
|
||||
}
|
||||
const media = mediaItems.length > 0 ? await buildMediaPayload() : [];
|
||||
const payload = {
|
||||
type: postNow ? "now" : "schedule",
|
||||
date: postNow ? new Date().toISOString() : scheduleDate.toISOString(),
|
||||
content: [{ content: content.trim(), image: media }],
|
||||
integrations: selectedChannels,
|
||||
shortLink: false,
|
||||
tags: [] as string[],
|
||||
posts: selectedChannels.map((integrationId) => ({
|
||||
integration: { id: integrationId },
|
||||
value: [{ content: content.trim(), image: media }],
|
||||
})),
|
||||
};
|
||||
await client.post("/posts", payload);
|
||||
const body = JSON.stringify(payload);
|
||||
console.log("[compose] POST", `${baseUrl}/posts`, body);
|
||||
|
||||
// eslint-disable-next-line no-undef
|
||||
const res = await globalThis.fetch(`${baseUrl}/posts`, {
|
||||
method: "POST",
|
||||
headers: { Authorization: apiKey, "Content-Type": "application/json" },
|
||||
body,
|
||||
});
|
||||
|
||||
if (!res.ok) {
|
||||
let detail = "";
|
||||
try {
|
||||
const raw = await res.text();
|
||||
console.log("[compose] error body:", raw);
|
||||
detail = raw.slice(0, 500);
|
||||
} catch {
|
||||
detail = res.statusText;
|
||||
}
|
||||
throw new Error(`HTTP ${res.status}: ${detail}`);
|
||||
}
|
||||
|
||||
Haptics.notificationAsync(Haptics.NotificationFeedbackType.Success);
|
||||
await AsyncStorage.removeItem(DRAFT_STORAGE_KEY);
|
||||
Alert.alert(
|
||||
"Posted!",
|
||||
postNow ? "Your post has been published." : "Post scheduled successfully.",
|
||||
@@ -145,8 +290,7 @@ export default function ComposeScreen() {
|
||||
queryClient.invalidateQueries({ queryKey: ["posts-list"] });
|
||||
} catch (e: unknown) {
|
||||
Haptics.notificationAsync(Haptics.NotificationFeedbackType.Error);
|
||||
let msg = "Could not submit post.";
|
||||
if (e instanceof Error) msg += `\n${e.message}`;
|
||||
const msg = e instanceof Error ? e.message : "Could not submit post.";
|
||||
Alert.alert("Failed", msg);
|
||||
} finally {
|
||||
setSubmitting(false);
|
||||
@@ -157,16 +301,14 @@ export default function ComposeScreen() {
|
||||
setContent("");
|
||||
setSelectedChannels([]);
|
||||
setPostNow(false);
|
||||
setImageUri(null);
|
||||
setMediaItems([]);
|
||||
setDraftBanner(false);
|
||||
setScheduleDate(new Date(Date.now() + 60 * 60 * 1000));
|
||||
};
|
||||
|
||||
const formatDateLabel = (d: Date) =>
|
||||
d.toLocaleDateString("en-US", {
|
||||
month: "short",
|
||||
day: "numeric",
|
||||
year: "numeric",
|
||||
});
|
||||
d.toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
|
||||
|
||||
const formatTimeLabel = (d: Date) =>
|
||||
d.toLocaleTimeString("en-US", { hour: "2-digit", minute: "2-digit" });
|
||||
|
||||
@@ -174,37 +316,41 @@ export default function ComposeScreen() {
|
||||
return (
|
||||
<View style={[styles.centered, { backgroundColor: colors.background }]}>
|
||||
<Feather name="lock" size={32} color={colors.mutedForeground} />
|
||||
<Text style={[styles.sectionTitle, { color: colors.foreground }]}>
|
||||
Not Configured
|
||||
</Text>
|
||||
<Text style={[styles.hint, { color: colors.mutedForeground }]}>
|
||||
Add your API key in Settings
|
||||
</Text>
|
||||
<Text style={[styles.sectionTitle, { color: colors.foreground }]}>Not Configured</Text>
|
||||
<Text style={[styles.hint, { color: colors.mutedForeground }]}>Add your API key in Settings</Text>
|
||||
</View>
|
||||
);
|
||||
}
|
||||
|
||||
return (
|
||||
<>
|
||||
<KeyboardAwareScrollView
|
||||
style={{ flex: 1, backgroundColor: colors.background }}
|
||||
contentContainerStyle={[
|
||||
styles.container,
|
||||
{
|
||||
paddingTop: Platform.OS === "web" ? 67 : 16,
|
||||
paddingBottom:
|
||||
Platform.OS === "web" ? 100 : insets.bottom + 80,
|
||||
paddingBottom: Platform.OS === "web" ? 100 : insets.bottom + 80,
|
||||
},
|
||||
]}
|
||||
bottomOffset={80}
|
||||
keyboardShouldPersistTaps="handled"
|
||||
showsVerticalScrollIndicator={false}
|
||||
>
|
||||
<View
|
||||
style={[
|
||||
styles.textArea,
|
||||
{ backgroundColor: colors.card, borderColor: colors.border },
|
||||
]}
|
||||
>
|
||||
{draftBanner && (
|
||||
<View style={[styles.draftBanner, { backgroundColor: colors.card, borderColor: colors.border }]}>
|
||||
<Feather name="file-text" size={14} color={colors.primary} />
|
||||
<Text style={[styles.draftBannerText, { color: colors.foreground }]}>You have a saved draft</Text>
|
||||
<TouchableOpacity onPress={restoreDraft} activeOpacity={0.7}>
|
||||
<Text style={[styles.draftBannerAction, { color: colors.primary }]}>Restore</Text>
|
||||
</TouchableOpacity>
|
||||
<TouchableOpacity onPress={() => setDraftBanner(false)} activeOpacity={0.7}>
|
||||
<Feather name="x" size={14} color={colors.mutedForeground} />
|
||||
</TouchableOpacity>
|
||||
</View>
|
||||
)}
|
||||
|
||||
<View style={[styles.textArea, { backgroundColor: colors.card, borderColor: colors.border }]}>
|
||||
<TextInput
|
||||
style={[styles.textInput, { color: colors.foreground }]}
|
||||
placeholder="What do you want to post?"
|
||||
@@ -212,47 +358,93 @@ export default function ComposeScreen() {
|
||||
multiline
|
||||
value={content}
|
||||
onChangeText={setContent}
|
||||
maxLength={3000}
|
||||
maxLength={effectiveCharLimit}
|
||||
textAlignVertical="top"
|
||||
/>
|
||||
<Text style={[styles.charCount, { color: colors.mutedForeground }]}>
|
||||
{content.length}/3000
|
||||
<View style={styles.charCountRow}>
|
||||
{effectiveCharLimit < 3000 && selectedChannels.length > 0 && (
|
||||
<Text style={[styles.charCountLabel, { color: colors.mutedForeground }]}>
|
||||
limit: {effectiveCharLimit}
|
||||
</Text>
|
||||
)}
|
||||
<Text
|
||||
style={[
|
||||
styles.charCount,
|
||||
{
|
||||
color:
|
||||
content.length >= effectiveCharLimit
|
||||
? colors.error
|
||||
: content.length > effectiveCharLimit * 0.9
|
||||
? colors.warning
|
||||
: colors.mutedForeground,
|
||||
},
|
||||
]}
|
||||
>
|
||||
{content.length}/{effectiveCharLimit}
|
||||
</Text>
|
||||
</View>
|
||||
</View>
|
||||
|
||||
{imageUri && (
|
||||
<View style={styles.imagePreviewWrap}>
|
||||
{mediaItems.length > 0 && (
|
||||
<ScrollView
|
||||
horizontal
|
||||
showsHorizontalScrollIndicator={false}
|
||||
contentContainerStyle={styles.imageRow}
|
||||
>
|
||||
{mediaItems.map((item, idx) => {
|
||||
const uri =
|
||||
item.type === "local"
|
||||
? item.uri
|
||||
: resolveMediaUrl(item.path, baseUrl);
|
||||
return (
|
||||
<View key={idx} style={styles.imageThumbWrap}>
|
||||
<Image
|
||||
source={{ uri: imageUri }}
|
||||
style={[styles.imagePreview, { borderColor: colors.border }]}
|
||||
source={{ uri }}
|
||||
style={[styles.imageThumb, { borderColor: colors.border }]}
|
||||
contentFit="cover"
|
||||
/>
|
||||
<TouchableOpacity
|
||||
onPress={removeImage}
|
||||
onPress={() => removeMediaItem(idx)}
|
||||
style={[styles.removeImg, { backgroundColor: colors.destructive }]}
|
||||
>
|
||||
<Feather name="x" size={12} color="#fff" />
|
||||
</TouchableOpacity>
|
||||
{item.type === "uploaded" && (
|
||||
<View style={[styles.uploadedBadge, { backgroundColor: colors.success }]}>
|
||||
<Feather name="cloud" size={8} color="#fff" />
|
||||
</View>
|
||||
)}
|
||||
</View>
|
||||
);
|
||||
})}
|
||||
</ScrollView>
|
||||
)}
|
||||
|
||||
{mediaItems.length < MAX_IMAGES && (
|
||||
<View style={styles.mediaBtnsRow}>
|
||||
<TouchableOpacity
|
||||
onPress={pickImage}
|
||||
activeOpacity={0.7}
|
||||
style={[
|
||||
styles.mediaBtn,
|
||||
{ backgroundColor: colors.card, borderColor: colors.border },
|
||||
]}
|
||||
style={[styles.mediaBtn, { backgroundColor: colors.card, borderColor: colors.border }]}
|
||||
>
|
||||
<Feather name="image" size={16} color={colors.mutedForeground} />
|
||||
<Text style={[styles.mediaBtnText, { color: colors.mutedForeground }]}>
|
||||
{imageUri ? "Change image" : "Add image"}
|
||||
{mediaItems.length === 0 ? "Add image" : "Add more"}
|
||||
</Text>
|
||||
</TouchableOpacity>
|
||||
<TouchableOpacity
|
||||
onPress={() => setShowMediaLibrary(true)}
|
||||
activeOpacity={0.7}
|
||||
style={[styles.mediaBtn, { backgroundColor: colors.card, borderColor: colors.border }]}
|
||||
>
|
||||
<Feather name="folder" size={16} color={colors.mutedForeground} />
|
||||
<Text style={[styles.mediaBtnText, { color: colors.mutedForeground }]}>Library</Text>
|
||||
</TouchableOpacity>
|
||||
</View>
|
||||
)}
|
||||
|
||||
<Text style={[styles.sectionLabel, { color: colors.mutedForeground }]}>CHANNELS</Text>
|
||||
|
||||
<Text style={[styles.sectionLabel, { color: colors.mutedForeground }]}>
|
||||
CHANNELS
|
||||
</Text>
|
||||
{loadingIntegrations ? (
|
||||
<ActivityIndicator color={colors.primary} style={{ marginVertical: 8 }} />
|
||||
) : (integrations ?? []).length === 0 ? (
|
||||
@@ -276,17 +468,10 @@ export default function ComposeScreen() {
|
||||
</ScrollView>
|
||||
)}
|
||||
|
||||
<View
|
||||
style={[
|
||||
styles.scheduleRow,
|
||||
{ backgroundColor: colors.card, borderColor: colors.border },
|
||||
]}
|
||||
>
|
||||
<View style={[styles.scheduleRow, { backgroundColor: colors.card, borderColor: colors.border }]}>
|
||||
<View style={styles.scheduleRowLeft}>
|
||||
<Feather name="zap" size={16} color={colors.primary} />
|
||||
<Text style={[styles.scheduleLabel, { color: colors.foreground }]}>
|
||||
Post now
|
||||
</Text>
|
||||
<Text style={[styles.scheduleLabel, { color: colors.foreground }]}>Post now</Text>
|
||||
</View>
|
||||
<Switch
|
||||
value={postNow}
|
||||
@@ -299,14 +484,8 @@ export default function ComposeScreen() {
|
||||
{!postNow && (
|
||||
<View style={styles.dateTimeRow}>
|
||||
<TouchableOpacity
|
||||
onPress={() => {
|
||||
setShowTimePicker(false);
|
||||
setShowDatePicker((v) => !v);
|
||||
}}
|
||||
style={[
|
||||
styles.dateBtn,
|
||||
{ backgroundColor: colors.card, borderColor: colors.border },
|
||||
]}
|
||||
onPress={() => { setShowTimePicker(false); setShowDatePicker((v) => !v); }}
|
||||
style={[styles.dateBtn, { backgroundColor: colors.card, borderColor: colors.border }]}
|
||||
activeOpacity={0.7}
|
||||
>
|
||||
<Feather name="calendar" size={14} color={colors.primary} />
|
||||
@@ -315,14 +494,8 @@ export default function ComposeScreen() {
|
||||
</Text>
|
||||
</TouchableOpacity>
|
||||
<TouchableOpacity
|
||||
onPress={() => {
|
||||
setShowDatePicker(false);
|
||||
setShowTimePicker((v) => !v);
|
||||
}}
|
||||
style={[
|
||||
styles.dateBtn,
|
||||
{ backgroundColor: colors.card, borderColor: colors.border },
|
||||
]}
|
||||
onPress={() => { setShowDatePicker(false); setShowTimePicker((v) => !v); }}
|
||||
style={[styles.dateBtn, { backgroundColor: colors.card, borderColor: colors.border }]}
|
||||
activeOpacity={0.7}
|
||||
>
|
||||
<Feather name="clock" size={14} color={colors.primary} />
|
||||
@@ -370,27 +543,30 @@ export default function ComposeScreen() {
|
||||
/>
|
||||
)}
|
||||
|
||||
<TouchableOpacity
|
||||
onPress={saveDraft}
|
||||
activeOpacity={0.7}
|
||||
disabled={submitting || uploading || !content.trim()}
|
||||
style={[styles.draftBtn, { backgroundColor: colors.card, borderColor: colors.border }]}
|
||||
>
|
||||
<Feather name="file-text" size={14} color={colors.mutedForeground} />
|
||||
<Text style={[styles.draftBtnText, { color: colors.mutedForeground }]}>Save Draft</Text>
|
||||
</TouchableOpacity>
|
||||
|
||||
<TouchableOpacity
|
||||
onPress={handleSubmit}
|
||||
activeOpacity={0.85}
|
||||
disabled={submitting || uploading}
|
||||
style={[
|
||||
styles.submitBtn,
|
||||
{
|
||||
backgroundColor:
|
||||
submitting || uploading ? colors.muted : colors.primary,
|
||||
},
|
||||
{ backgroundColor: submitting || uploading ? colors.muted : colors.primary },
|
||||
]}
|
||||
>
|
||||
{submitting || uploading ? (
|
||||
<ActivityIndicator color={colors.primaryForeground} size="small" />
|
||||
) : (
|
||||
<>
|
||||
<Feather
|
||||
name={postNow ? "send" : "clock"}
|
||||
size={16}
|
||||
color={colors.primaryForeground}
|
||||
/>
|
||||
<Feather name={postNow ? "send" : "clock"} size={16} color={colors.primaryForeground} />
|
||||
<Text style={[styles.submitText, { color: colors.primaryForeground }]}>
|
||||
{postNow ? "Publish Now" : "Schedule Post"}
|
||||
</Text>
|
||||
@@ -398,139 +574,55 @@ export default function ComposeScreen() {
|
||||
)}
|
||||
</TouchableOpacity>
|
||||
</KeyboardAwareScrollView>
|
||||
|
||||
<MediaLibraryModal
|
||||
visible={showMediaLibrary}
|
||||
baseUrl={baseUrl}
|
||||
apiKey={apiKey}
|
||||
maxSelect={MAX_IMAGES - mediaItems.length}
|
||||
onClose={() => setShowMediaLibrary(false)}
|
||||
onSelect={(items) => {
|
||||
setMediaItems((prev) =>
|
||||
[...prev, ...items.map((i): MediaItem => ({ type: "uploaded", id: i.id, path: i.path }))].slice(0, MAX_IMAGES)
|
||||
);
|
||||
setShowMediaLibrary(false);
|
||||
}}
|
||||
/>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
const styles = StyleSheet.create({
|
||||
container: {
|
||||
paddingHorizontal: 16,
|
||||
gap: 14,
|
||||
},
|
||||
centered: {
|
||||
flex: 1,
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
gap: 10,
|
||||
},
|
||||
textArea: {
|
||||
borderRadius: 14,
|
||||
borderWidth: 1,
|
||||
padding: 14,
|
||||
minHeight: 140,
|
||||
},
|
||||
textInput: {
|
||||
fontSize: 15,
|
||||
fontFamily: "Inter_400Regular",
|
||||
lineHeight: 22,
|
||||
minHeight: 100,
|
||||
},
|
||||
charCount: {
|
||||
fontSize: 11,
|
||||
fontFamily: "Inter_400Regular",
|
||||
alignSelf: "flex-end",
|
||||
marginTop: 4,
|
||||
},
|
||||
imagePreviewWrap: {
|
||||
position: "relative",
|
||||
alignSelf: "flex-start",
|
||||
},
|
||||
imagePreview: {
|
||||
width: 120,
|
||||
height: 120,
|
||||
borderRadius: 10,
|
||||
borderWidth: 1,
|
||||
},
|
||||
removeImg: {
|
||||
position: "absolute",
|
||||
top: 4,
|
||||
right: 4,
|
||||
width: 20,
|
||||
height: 20,
|
||||
borderRadius: 10,
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
},
|
||||
mediaBtn: {
|
||||
flexDirection: "row",
|
||||
alignItems: "center",
|
||||
gap: 8,
|
||||
paddingHorizontal: 14,
|
||||
paddingVertical: 10,
|
||||
borderRadius: 10,
|
||||
borderWidth: 1,
|
||||
alignSelf: "flex-start",
|
||||
},
|
||||
mediaBtnText: {
|
||||
fontSize: 13,
|
||||
fontFamily: "Inter_500Medium",
|
||||
},
|
||||
sectionLabel: {
|
||||
fontSize: 11,
|
||||
fontFamily: "Inter_600SemiBold",
|
||||
letterSpacing: 0.8,
|
||||
marginBottom: -6,
|
||||
},
|
||||
sectionTitle: {
|
||||
fontSize: 18,
|
||||
fontFamily: "Inter_600SemiBold",
|
||||
},
|
||||
hint: {
|
||||
fontSize: 13,
|
||||
fontFamily: "Inter_400Regular",
|
||||
textAlign: "center",
|
||||
},
|
||||
channelList: {
|
||||
flexDirection: "row",
|
||||
gap: 8,
|
||||
flexWrap: "wrap",
|
||||
},
|
||||
scheduleRow: {
|
||||
flexDirection: "row",
|
||||
alignItems: "center",
|
||||
justifyContent: "space-between",
|
||||
paddingHorizontal: 16,
|
||||
paddingVertical: 12,
|
||||
borderRadius: 12,
|
||||
borderWidth: 1,
|
||||
},
|
||||
scheduleRowLeft: {
|
||||
flexDirection: "row",
|
||||
alignItems: "center",
|
||||
gap: 10,
|
||||
},
|
||||
scheduleLabel: {
|
||||
fontSize: 15,
|
||||
fontFamily: "Inter_500Medium",
|
||||
},
|
||||
dateTimeRow: {
|
||||
flexDirection: "row",
|
||||
gap: 10,
|
||||
},
|
||||
dateBtn: {
|
||||
flex: 1,
|
||||
flexDirection: "row",
|
||||
alignItems: "center",
|
||||
gap: 8,
|
||||
paddingHorizontal: 12,
|
||||
paddingVertical: 10,
|
||||
borderRadius: 10,
|
||||
borderWidth: 1,
|
||||
},
|
||||
dateBtnText: {
|
||||
fontSize: 13,
|
||||
fontFamily: "Inter_500Medium",
|
||||
},
|
||||
submitBtn: {
|
||||
flexDirection: "row",
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
gap: 8,
|
||||
paddingVertical: 14,
|
||||
borderRadius: 14,
|
||||
marginTop: 4,
|
||||
},
|
||||
submitText: {
|
||||
fontSize: 15,
|
||||
fontFamily: "Inter_600SemiBold",
|
||||
},
|
||||
container: { paddingHorizontal: 16, gap: 14 },
|
||||
centered: { flex: 1, alignItems: "center", justifyContent: "center", gap: 10 },
|
||||
textArea: { borderRadius: 14, borderWidth: 1, padding: 14, minHeight: 140 },
|
||||
textInput: { fontSize: 15, fontFamily: "Inter_400Regular", lineHeight: 22, minHeight: 100 },
|
||||
charCountRow: { flexDirection: "row", justifyContent: "flex-end", alignItems: "center", gap: 6, marginTop: 4 },
|
||||
charCountLabel: { fontSize: 10, fontFamily: "Inter_400Regular" },
|
||||
charCount: { fontSize: 11, fontFamily: "Inter_400Regular" },
|
||||
draftBanner: { flexDirection: "row", alignItems: "center", gap: 8, paddingHorizontal: 14, paddingVertical: 10, borderRadius: 12, borderWidth: 1 },
|
||||
draftBannerText: { flex: 1, fontSize: 13, fontFamily: "Inter_400Regular" },
|
||||
draftBannerAction: { fontSize: 13, fontFamily: "Inter_600SemiBold" },
|
||||
draftBtn: { flexDirection: "row", alignItems: "center", justifyContent: "center", gap: 6, paddingVertical: 10, borderRadius: 12, borderWidth: 1 },
|
||||
draftBtnText: { fontSize: 13, fontFamily: "Inter_500Medium" },
|
||||
imageRow: { gap: 10, paddingRight: 4 },
|
||||
imageThumbWrap: { position: "relative" },
|
||||
imageThumb: { width: 100, height: 100, borderRadius: 10, borderWidth: 1 },
|
||||
removeImg: { position: "absolute", top: 4, right: 4, width: 20, height: 20, borderRadius: 10, alignItems: "center", justifyContent: "center" },
|
||||
uploadedBadge: { position: "absolute", bottom: 4, left: 4, width: 16, height: 16, borderRadius: 8, alignItems: "center", justifyContent: "center" },
|
||||
mediaBtnsRow: { flexDirection: "row", gap: 8 },
|
||||
mediaBtn: { flexDirection: "row", alignItems: "center", gap: 8, paddingHorizontal: 14, paddingVertical: 10, borderRadius: 10, borderWidth: 1 },
|
||||
mediaBtnText: { fontSize: 13, fontFamily: "Inter_500Medium" },
|
||||
sectionLabel: { fontSize: 11, fontFamily: "Inter_600SemiBold", letterSpacing: 0.8, marginBottom: -6 },
|
||||
sectionTitle: { fontSize: 18, fontFamily: "Inter_600SemiBold" },
|
||||
hint: { fontSize: 13, fontFamily: "Inter_400Regular", textAlign: "center" },
|
||||
channelList: { flexDirection: "row", gap: 8, flexWrap: "wrap" },
|
||||
scheduleRow: { flexDirection: "row", alignItems: "center", justifyContent: "space-between", paddingHorizontal: 16, paddingVertical: 12, borderRadius: 12, borderWidth: 1 },
|
||||
scheduleRowLeft: { flexDirection: "row", alignItems: "center", gap: 10 },
|
||||
scheduleLabel: { fontSize: 15, fontFamily: "Inter_500Medium" },
|
||||
dateTimeRow: { flexDirection: "row", gap: 10 },
|
||||
dateBtn: { flex: 1, flexDirection: "row", alignItems: "center", gap: 8, paddingHorizontal: 12, paddingVertical: 10, borderRadius: 10, borderWidth: 1 },
|
||||
dateBtnText: { fontSize: 13, fontFamily: "Inter_500Medium" },
|
||||
submitBtn: { flexDirection: "row", alignItems: "center", justifyContent: "center", gap: 8, paddingVertical: 14, borderRadius: 14, marginTop: 4 },
|
||||
submitText: { fontSize: 15, fontFamily: "Inter_600SemiBold" },
|
||||
});
|
||||
|
||||
@@ -1,10 +1,12 @@
|
||||
import { Feather } from "@expo/vector-icons";
|
||||
import { useQuery } from "@tanstack/react-query";
|
||||
import axios from "axios";
|
||||
import * as Clipboard from "expo-clipboard";
|
||||
import * as Haptics from "expo-haptics";
|
||||
import { router } from "expo-router";
|
||||
import React, { useMemo, useState } from "react";
|
||||
import {
|
||||
ActivityIndicator,
|
||||
Alert,
|
||||
FlatList,
|
||||
Platform,
|
||||
StyleSheet,
|
||||
@@ -17,24 +19,7 @@ import { useSafeAreaInsets } from "react-native-safe-area-context";
|
||||
import { PostizPost, usePostiz } from "@/context/PostizContext";
|
||||
import { useColors } from "@/hooks/useColors";
|
||||
import { StatusBadge } from "@/components/StatusBadge";
|
||||
|
||||
function extractError(err: unknown): string {
|
||||
if (axios.isAxiosError(err)) {
|
||||
const status = err.response?.status;
|
||||
const data = err.response?.data;
|
||||
if (data) {
|
||||
const body =
|
||||
typeof data === "string"
|
||||
? data.slice(0, 200)
|
||||
: (data?.message ?? data?.error ?? JSON.stringify(data)).toString().slice(0, 200);
|
||||
return status ? `HTTP ${status}: ${body}` : body;
|
||||
}
|
||||
if (status) return `HTTP ${status} — ${err.message}`;
|
||||
if (err.message) return err.message;
|
||||
}
|
||||
if (err instanceof Error) return err.message;
|
||||
return "Unknown error";
|
||||
}
|
||||
import { extractError } from "@/lib/extractError";
|
||||
|
||||
function formatDate(date: Date): string {
|
||||
const y = date.getFullYear();
|
||||
@@ -65,14 +50,45 @@ export default function CalendarScreen() {
|
||||
const insets = useSafeAreaInsets();
|
||||
const { client, isConfigured } = usePostiz();
|
||||
|
||||
const showContextMenu = (post: PostizPost) => {
|
||||
Haptics.impactAsync(Haptics.ImpactFeedbackStyle.Medium);
|
||||
const preview = post.content.slice(0, 60) + (post.content.length > 60 ? "…" : "");
|
||||
const integrations = post.integrations ?? (post.integration ? [post.integration] : []);
|
||||
Alert.alert(
|
||||
post.state === "PUBLISHED" ? "Published post" :
|
||||
post.state === "QUEUE" ? "Scheduled post" :
|
||||
post.state === "ERROR" ? "Failed post" : "Draft",
|
||||
preview,
|
||||
[
|
||||
{
|
||||
text: "Copy text",
|
||||
onPress: () => {
|
||||
Clipboard.setStringAsync(post.content);
|
||||
Haptics.notificationAsync(Haptics.NotificationFeedbackType.Success);
|
||||
},
|
||||
},
|
||||
{
|
||||
text: post.state === "PUBLISHED" ? "Repost" : "Edit",
|
||||
onPress: () =>
|
||||
router.push({
|
||||
pathname: "/(tabs)/compose",
|
||||
params: {
|
||||
prefillContent: post.content,
|
||||
prefillIntegrationIds: integrations.map((i) => i.id).join(","),
|
||||
},
|
||||
}),
|
||||
},
|
||||
{ text: "Cancel", style: "cancel" },
|
||||
]
|
||||
);
|
||||
};
|
||||
|
||||
const now = new Date();
|
||||
const [currentMonth, setCurrentMonth] = useState({
|
||||
year: now.getFullYear(),
|
||||
month: now.getMonth() + 1,
|
||||
});
|
||||
const [selectedDay, setSelectedDay] = useState<string | null>(
|
||||
formatDate(now)
|
||||
);
|
||||
const [selectedDay, setSelectedDay] = useState<string | null>(formatDate(now));
|
||||
|
||||
const startDate = useMemo(() => {
|
||||
const d = new Date(currentMonth.year, currentMonth.month - 1, 1);
|
||||
@@ -85,16 +101,17 @@ export default function CalendarScreen() {
|
||||
}, [currentMonth]);
|
||||
|
||||
const { data: posts, isLoading, error, refetch } = useQuery<PostizPost[]>({
|
||||
queryKey: ["posts", startDate, endDate],
|
||||
queryKey: ["posts", startDate, endDate, !!client],
|
||||
queryFn: async () => {
|
||||
if (!client) return [];
|
||||
const res = await client.get("/posts", {
|
||||
const res = await client.get("posts", {
|
||||
params: { startDate, endDate },
|
||||
});
|
||||
return Array.isArray(res.data) ? res.data : res.data?.posts ?? [];
|
||||
},
|
||||
enabled: !!client,
|
||||
retry: 1,
|
||||
staleTime: 0,
|
||||
});
|
||||
|
||||
const markedDates = useMemo(() => {
|
||||
@@ -108,9 +125,9 @@ export default function CalendarScreen() {
|
||||
const key = toDateKey(post.publishDate);
|
||||
if (!marks[key]) marks[key] = { dots: [] };
|
||||
const dotColor =
|
||||
post.status === "PUBLISHED"
|
||||
post.state === "PUBLISHED"
|
||||
? colors.success
|
||||
: post.status === "ERROR"
|
||||
: post.state === "ERROR"
|
||||
? colors.error
|
||||
: colors.primary;
|
||||
marks[key].dots = [...(marks[key].dots ?? []), { color: dotColor }];
|
||||
@@ -254,11 +271,9 @@ export default function CalendarScreen() {
|
||||
}
|
||||
renderItem={({ item }) => (
|
||||
<TouchableOpacity
|
||||
style={[
|
||||
styles.dayPost,
|
||||
{ borderBottomColor: colors.border },
|
||||
]}
|
||||
style={[styles.dayPost, { borderBottomColor: colors.border }]}
|
||||
activeOpacity={0.7}
|
||||
onPress={() => showContextMenu(item)}
|
||||
>
|
||||
<View style={styles.dayPostLeft}>
|
||||
<Text style={[styles.timeText, { color: colors.primary }]}>
|
||||
@@ -271,7 +286,7 @@ export default function CalendarScreen() {
|
||||
{item.content}
|
||||
</Text>
|
||||
</View>
|
||||
<StatusBadge status={item.status} />
|
||||
<StatusBadge status={item.state} />
|
||||
</TouchableOpacity>
|
||||
)}
|
||||
scrollEnabled={dayPosts.length > 0}
|
||||
@@ -283,9 +298,7 @@ export default function CalendarScreen() {
|
||||
}
|
||||
|
||||
const styles = StyleSheet.create({
|
||||
container: {
|
||||
flex: 1,
|
||||
},
|
||||
container: { flex: 1 },
|
||||
centered: {
|
||||
flex: 1,
|
||||
alignItems: "center",
|
||||
@@ -293,28 +306,11 @@ const styles = StyleSheet.create({
|
||||
gap: 10,
|
||||
paddingHorizontal: 32,
|
||||
},
|
||||
emptyTitle: {
|
||||
fontSize: 18,
|
||||
fontFamily: "Inter_600SemiBold",
|
||||
},
|
||||
emptyText: {
|
||||
fontSize: 14,
|
||||
fontFamily: "Inter_400Regular",
|
||||
textAlign: "center",
|
||||
},
|
||||
btn: {
|
||||
marginTop: 8,
|
||||
paddingHorizontal: 20,
|
||||
paddingVertical: 10,
|
||||
borderRadius: 10,
|
||||
},
|
||||
btnText: {
|
||||
fontSize: 14,
|
||||
fontFamily: "Inter_600SemiBold",
|
||||
},
|
||||
divider: {
|
||||
height: StyleSheet.hairlineWidth,
|
||||
},
|
||||
emptyTitle: { fontSize: 18, fontFamily: "Inter_600SemiBold" },
|
||||
emptyText: { fontSize: 14, fontFamily: "Inter_400Regular", textAlign: "center" },
|
||||
btn: { marginTop: 8, paddingHorizontal: 20, paddingVertical: 10, borderRadius: 10 },
|
||||
btnText: { fontSize: 14, fontFamily: "Inter_600SemiBold" },
|
||||
divider: { height: StyleSheet.hairlineWidth },
|
||||
dayHeader: {
|
||||
flexDirection: "row",
|
||||
justifyContent: "space-between",
|
||||
@@ -322,14 +318,8 @@ const styles = StyleSheet.create({
|
||||
paddingHorizontal: 20,
|
||||
paddingVertical: 12,
|
||||
},
|
||||
dayHeaderText: {
|
||||
fontSize: 13,
|
||||
fontFamily: "Inter_500Medium",
|
||||
},
|
||||
countText: {
|
||||
fontSize: 12,
|
||||
fontFamily: "Inter_400Regular",
|
||||
},
|
||||
dayHeaderText: { fontSize: 13, fontFamily: "Inter_500Medium" },
|
||||
countText: { fontSize: 12, fontFamily: "Inter_400Regular" },
|
||||
dayPost: {
|
||||
flexDirection: "row",
|
||||
alignItems: "flex-start",
|
||||
@@ -338,42 +328,13 @@ const styles = StyleSheet.create({
|
||||
borderBottomWidth: StyleSheet.hairlineWidth,
|
||||
gap: 12,
|
||||
},
|
||||
dayPostLeft: {
|
||||
flex: 1,
|
||||
gap: 4,
|
||||
},
|
||||
timeText: {
|
||||
fontSize: 12,
|
||||
fontFamily: "Inter_600SemiBold",
|
||||
},
|
||||
postContent: {
|
||||
fontSize: 13,
|
||||
fontFamily: "Inter_400Regular",
|
||||
lineHeight: 18,
|
||||
},
|
||||
emptyDay: {
|
||||
alignItems: "center",
|
||||
paddingTop: 32,
|
||||
gap: 10,
|
||||
},
|
||||
emptyDayText: {
|
||||
fontSize: 14,
|
||||
fontFamily: "Inter_400Regular",
|
||||
},
|
||||
composeHint: {
|
||||
flexDirection: "row",
|
||||
alignItems: "center",
|
||||
gap: 6,
|
||||
},
|
||||
composeHintText: {
|
||||
fontSize: 14,
|
||||
fontFamily: "Inter_500Medium",
|
||||
},
|
||||
retryBtn: {
|
||||
marginTop: 4,
|
||||
},
|
||||
retryText: {
|
||||
fontSize: 14,
|
||||
fontFamily: "Inter_500Medium",
|
||||
},
|
||||
dayPostLeft: { flex: 1, gap: 4 },
|
||||
timeText: { fontSize: 12, fontFamily: "Inter_600SemiBold" },
|
||||
postContent: { fontSize: 13, fontFamily: "Inter_400Regular", lineHeight: 18 },
|
||||
emptyDay: { alignItems: "center", paddingTop: 32, gap: 10 },
|
||||
emptyDayText: { fontSize: 14, fontFamily: "Inter_400Regular" },
|
||||
composeHint: { flexDirection: "row", alignItems: "center", gap: 6 },
|
||||
composeHintText: { fontSize: 14, fontFamily: "Inter_500Medium" },
|
||||
retryBtn: { marginTop: 4 },
|
||||
retryText: { fontSize: 14, fontFamily: "Inter_500Medium" },
|
||||
});
|
||||
|
||||
@@ -1,7 +1,11 @@
|
||||
import { Feather } from "@expo/vector-icons";
|
||||
import DateTimePicker from "@react-native-community/datetimepicker";
|
||||
import { useQuery, useQueryClient } from "@tanstack/react-query";
|
||||
import axios from "axios";
|
||||
import React, { useState } from "react";
|
||||
import AsyncStorage from "@react-native-async-storage/async-storage";
|
||||
import * as Clipboard from "expo-clipboard";
|
||||
import * as Haptics from "expo-haptics";
|
||||
import { useRouter } from "expo-router";
|
||||
import React, { useEffect, useMemo, useState } from "react";
|
||||
import {
|
||||
ActivityIndicator,
|
||||
Alert,
|
||||
@@ -13,29 +17,14 @@ import {
|
||||
TouchableOpacity,
|
||||
View,
|
||||
} from "react-native";
|
||||
|
||||
import { useSafeAreaInsets } from "react-native-safe-area-context";
|
||||
import { PostCard } from "@/components/PostCard";
|
||||
import { PostizPost, usePostiz } from "@/context/PostizContext";
|
||||
import { useColors } from "@/hooks/useColors";
|
||||
import { extractError } from "@/lib/extractError";
|
||||
import { stripHtml } from "@/lib/stripHtml";
|
||||
|
||||
function extractError(err: unknown): string {
|
||||
if (axios.isAxiosError(err)) {
|
||||
const status = err.response?.status;
|
||||
const data = err.response?.data;
|
||||
if (data) {
|
||||
const body =
|
||||
typeof data === "string"
|
||||
? data.slice(0, 200)
|
||||
: (data?.message ?? data?.error ?? JSON.stringify(data)).toString().slice(0, 200);
|
||||
return status ? `HTTP ${status}: ${body}` : body;
|
||||
}
|
||||
if (status) return `HTTP ${status} — ${err.message}`;
|
||||
if (err.message) return err.message;
|
||||
}
|
||||
if (err instanceof Error) return err.message;
|
||||
return "Unknown error";
|
||||
}
|
||||
const SORT_STORAGE_KEY = "postiz_posts_sort";
|
||||
|
||||
type FilterType = "all" | "QUEUE" | "PUBLISHED" | "ERROR" | "DRAFT";
|
||||
|
||||
@@ -52,34 +41,72 @@ export default function PostsScreen() {
|
||||
const insets = useSafeAreaInsets();
|
||||
const { client, isConfigured } = usePostiz();
|
||||
const queryClient = useQueryClient();
|
||||
const router = useRouter();
|
||||
const [filter, setFilter] = useState<FilterType>("all");
|
||||
const [sortOrder, setSortOrder] = useState<"desc" | "asc">("desc");
|
||||
const [refreshing, setRefreshing] = useState(false);
|
||||
const [copyToast, setCopyToast] = useState(false);
|
||||
|
||||
const start = new Date();
|
||||
start.setMonth(start.getMonth() - 3);
|
||||
const end = new Date();
|
||||
end.setMonth(end.getMonth() + 6);
|
||||
useEffect(() => {
|
||||
AsyncStorage.getItem(SORT_STORAGE_KEY).then((v) => {
|
||||
if (v === "asc" || v === "desc") setSortOrder(v);
|
||||
});
|
||||
}, []);
|
||||
|
||||
const toggleSort = () => {
|
||||
const next = sortOrder === "desc" ? "asc" : "desc";
|
||||
setSortOrder(next);
|
||||
AsyncStorage.setItem(SORT_STORAGE_KEY, next);
|
||||
};
|
||||
|
||||
// reschedule state
|
||||
const [reschedulePost, setReschedulePost] = useState<PostizPost | null>(null);
|
||||
const [rescheduleDate, setRescheduleDate] = useState(new Date());
|
||||
const [rescheduleStep, setRescheduleStep] = useState<"date" | "time" | null>(null);
|
||||
|
||||
const { startDate, endDate } = useMemo(() => {
|
||||
const s = new Date();
|
||||
s.setMonth(s.getMonth() - 3);
|
||||
const e = new Date();
|
||||
e.setMonth(e.getMonth() + 6);
|
||||
return { startDate: s.toISOString(), endDate: e.toISOString() };
|
||||
}, []);
|
||||
|
||||
const { data: posts, isLoading, error, refetch } = useQuery<PostizPost[]>({
|
||||
queryKey: ["posts-list"],
|
||||
queryKey: ["posts-list", !!client, startDate, endDate],
|
||||
queryFn: async () => {
|
||||
if (!client) return [];
|
||||
const res = await client.get("/posts", {
|
||||
params: {
|
||||
startDate: start.toISOString(),
|
||||
endDate: end.toISOString(),
|
||||
},
|
||||
const res = await client.get("posts", {
|
||||
params: { startDate, endDate },
|
||||
});
|
||||
return Array.isArray(res.data) ? res.data : res.data?.posts ?? [];
|
||||
},
|
||||
enabled: !!client,
|
||||
retry: 1,
|
||||
staleTime: 0,
|
||||
});
|
||||
|
||||
const filteredPosts =
|
||||
const filteredPosts = useMemo(() => {
|
||||
const list =
|
||||
filter === "all"
|
||||
? posts ?? []
|
||||
: (posts ?? []).filter((p) => p.status === filter);
|
||||
: (posts ?? []).filter((p) => p.state === filter);
|
||||
return [...list].sort((a, b) => {
|
||||
const diff = new Date(a.publishDate).getTime() - new Date(b.publishDate).getTime();
|
||||
return sortOrder === "desc" ? -diff : diff;
|
||||
});
|
||||
}, [posts, filter, sortOrder]);
|
||||
|
||||
const filterCounts = useMemo(() => {
|
||||
const all = posts ?? [];
|
||||
return {
|
||||
all: all.length,
|
||||
QUEUE: all.filter((p) => p.state === "QUEUE").length,
|
||||
PUBLISHED: all.filter((p) => p.state === "PUBLISHED").length,
|
||||
DRAFT: all.filter((p) => p.state === "DRAFT").length,
|
||||
ERROR: all.filter((p) => p.state === "ERROR").length,
|
||||
};
|
||||
}, [posts]);
|
||||
|
||||
const handleRefresh = async () => {
|
||||
setRefreshing(true);
|
||||
@@ -90,10 +117,8 @@ export default function PostsScreen() {
|
||||
const handleDelete = async (id: string) => {
|
||||
if (!client) return;
|
||||
try {
|
||||
await client.delete(`/posts/${id}`);
|
||||
queryClient.setQueryData<PostizPost[]>(["posts-list"], (old) =>
|
||||
(old ?? []).filter((p) => p.id !== id)
|
||||
);
|
||||
await client.delete(`posts/${id}`);
|
||||
queryClient.invalidateQueries({ queryKey: ["posts-list"] });
|
||||
queryClient.invalidateQueries({ queryKey: ["posts"] });
|
||||
} catch (e: unknown) {
|
||||
const msg = extractError(e);
|
||||
@@ -101,6 +126,118 @@ export default function PostsScreen() {
|
||||
}
|
||||
};
|
||||
|
||||
const handleRetry = async (post: PostizPost) => {
|
||||
if (!client) return;
|
||||
const integrations = post.integrations ?? (post.integration ? [post.integration] : []);
|
||||
try {
|
||||
const payload = {
|
||||
type: "now",
|
||||
date: new Date().toISOString(),
|
||||
shortLink: false,
|
||||
tags: [] as string[],
|
||||
posts: integrations.map((intg) => ({
|
||||
integration: { id: intg.id },
|
||||
value: [{ content: post.content, id: "", image: post.image ?? [] }],
|
||||
})),
|
||||
};
|
||||
await client.post("posts", payload);
|
||||
Haptics.notificationAsync(Haptics.NotificationFeedbackType.Success);
|
||||
queryClient.invalidateQueries({ queryKey: ["posts-list"] });
|
||||
Alert.alert("Retried", "Post submitted again.");
|
||||
} catch (e: unknown) {
|
||||
const msg = extractError(e);
|
||||
Alert.alert("Retry failed", msg);
|
||||
}
|
||||
};
|
||||
|
||||
const handlePrefillCompose = (post: PostizPost) => {
|
||||
const integrations = post.integrations ?? (post.integration ? [post.integration] : []);
|
||||
router.push({
|
||||
pathname: "/(tabs)/compose",
|
||||
params: {
|
||||
prefillContent: stripHtml(post.content),
|
||||
prefillIntegrationIds: integrations.map((i) => i.id).join(","),
|
||||
},
|
||||
});
|
||||
};
|
||||
|
||||
const startReschedule = (post: PostizPost) => {
|
||||
setReschedulePost(post);
|
||||
setRescheduleDate(new Date(post.publishDate));
|
||||
setRescheduleStep("date");
|
||||
};
|
||||
|
||||
const submitReschedule = async (post: PostizPost, date: Date) => {
|
||||
if (!client) return;
|
||||
const integrations = post.integrations ?? (post.integration ? [post.integration] : []);
|
||||
try {
|
||||
await client.delete(`posts/${post.id}`);
|
||||
await client.post("posts", {
|
||||
type: "schedule",
|
||||
date: date.toISOString(),
|
||||
shortLink: false,
|
||||
tags: [] as string[],
|
||||
posts: integrations.map((intg) => ({
|
||||
integration: { id: intg.id },
|
||||
value: [{ content: post.content, image: post.image ?? [] }],
|
||||
})),
|
||||
});
|
||||
queryClient.invalidateQueries({ queryKey: ["posts-list"] });
|
||||
Haptics.notificationAsync(Haptics.NotificationFeedbackType.Success);
|
||||
Alert.alert("Rescheduled", `Post moved to ${date.toLocaleDateString("en-US", { month: "short", day: "numeric", hour: "2-digit", minute: "2-digit" })}`);
|
||||
} catch (e: unknown) {
|
||||
const msg = extractError(e);
|
||||
Alert.alert("Reschedule failed", msg);
|
||||
}
|
||||
};
|
||||
|
||||
const showContextMenu = (post: PostizPost) => {
|
||||
Haptics.impactAsync(Haptics.ImpactFeedbackStyle.Medium);
|
||||
|
||||
const plain = stripHtml(post.content);
|
||||
const preview = plain.slice(0, 60) + (plain.length > 60 ? "…" : "");
|
||||
|
||||
const buttons: Array<{ text: string; style?: "cancel" | "destructive" | "default"; onPress?: () => void }> = [];
|
||||
|
||||
buttons.push({
|
||||
text: "Copy text",
|
||||
onPress: async () => {
|
||||
await Clipboard.setStringAsync(stripHtml(post.content));
|
||||
Haptics.notificationAsync(Haptics.NotificationFeedbackType.Success);
|
||||
setCopyToast(true);
|
||||
setTimeout(() => setCopyToast(false), 2000);
|
||||
},
|
||||
});
|
||||
|
||||
if (post.state === "ERROR") {
|
||||
if (post.errorMessage) {
|
||||
buttons.push({
|
||||
text: "View error",
|
||||
onPress: () => Alert.alert("Error details", post.errorMessage),
|
||||
});
|
||||
}
|
||||
buttons.push({ text: "Retry now", onPress: () => handleRetry(post) });
|
||||
buttons.push({ text: "Edit & retry", onPress: () => handlePrefillCompose(post) });
|
||||
} else if (post.state === "QUEUE") {
|
||||
buttons.push({ text: "Edit", onPress: () => handlePrefillCompose(post) });
|
||||
buttons.push({ text: "Reschedule", onPress: () => startReschedule(post) });
|
||||
} else if (post.state === "PUBLISHED") {
|
||||
buttons.push({ text: "Repost", onPress: () => handlePrefillCompose(post) });
|
||||
} else if (post.state === "DRAFT") {
|
||||
buttons.push({ text: "Edit & schedule", onPress: () => handlePrefillCompose(post) });
|
||||
}
|
||||
|
||||
buttons.push({ text: "Cancel", style: "cancel" });
|
||||
|
||||
Alert.alert(
|
||||
post.state === "ERROR" ? "Failed post" :
|
||||
post.state === "QUEUE" ? "Scheduled post" :
|
||||
post.state === "PUBLISHED" ? "Published post" : "Draft",
|
||||
preview,
|
||||
buttons
|
||||
);
|
||||
};
|
||||
|
||||
if (!isConfigured) {
|
||||
return (
|
||||
<View
|
||||
@@ -130,43 +267,61 @@ export default function PostsScreen() {
|
||||
},
|
||||
]}
|
||||
>
|
||||
<View style={[styles.filterRow, { borderBottomColor: colors.border }]}>
|
||||
<FlatList
|
||||
horizontal
|
||||
data={FILTERS}
|
||||
keyExtractor={(item) => item.key}
|
||||
showsHorizontalScrollIndicator={false}
|
||||
contentContainerStyle={styles.filterList}
|
||||
renderItem={({ item }) => (
|
||||
renderItem={({ item }) => {
|
||||
const count = posts ? filterCounts[item.key] : undefined;
|
||||
const active = filter === item.key;
|
||||
return (
|
||||
<TouchableOpacity
|
||||
onPress={() => setFilter(item.key)}
|
||||
activeOpacity={0.7}
|
||||
style={[
|
||||
styles.filterChip,
|
||||
{
|
||||
backgroundColor:
|
||||
filter === item.key ? colors.primary : colors.secondary,
|
||||
borderColor:
|
||||
filter === item.key ? colors.primary : colors.border,
|
||||
backgroundColor: active ? colors.primary : colors.secondary,
|
||||
borderColor: active ? colors.primary : colors.border,
|
||||
},
|
||||
]}
|
||||
>
|
||||
<Text
|
||||
style={[
|
||||
styles.filterText,
|
||||
{
|
||||
color:
|
||||
filter === item.key
|
||||
? colors.primaryForeground
|
||||
: colors.mutedForeground,
|
||||
},
|
||||
{ color: active ? colors.primaryForeground : colors.mutedForeground },
|
||||
]}
|
||||
>
|
||||
{item.label}
|
||||
{count !== undefined && count > 0 ? ` ${count}` : ""}
|
||||
</Text>
|
||||
</TouchableOpacity>
|
||||
)}
|
||||
style={[styles.filterBar, { borderBottomColor: colors.border }]}
|
||||
);
|
||||
}}
|
||||
style={styles.filterBar}
|
||||
/>
|
||||
<TouchableOpacity
|
||||
onPress={toggleSort}
|
||||
activeOpacity={0.7}
|
||||
style={[styles.sortBtn, { borderColor: colors.border, backgroundColor: colors.secondary }]}
|
||||
>
|
||||
<Feather
|
||||
name={sortOrder === "desc" ? "arrow-down" : "arrow-up"}
|
||||
size={14}
|
||||
color={colors.mutedForeground}
|
||||
/>
|
||||
</TouchableOpacity>
|
||||
</View>
|
||||
|
||||
{copyToast && (
|
||||
<View style={[styles.toast, { backgroundColor: colors.success }]}>
|
||||
<Feather name="check" size={13} color="#fff" />
|
||||
<Text style={styles.toastText}>Copied</Text>
|
||||
</View>
|
||||
)}
|
||||
|
||||
{isLoading ? (
|
||||
<View style={styles.centered}>
|
||||
@@ -195,7 +350,12 @@ export default function PostsScreen() {
|
||||
data={filteredPosts}
|
||||
keyExtractor={(item) => item.id}
|
||||
renderItem={({ item }) => (
|
||||
<PostCard post={item} onDelete={handleDelete} />
|
||||
<PostCard
|
||||
post={item}
|
||||
onDelete={handleDelete}
|
||||
onLongPress={showContextMenu}
|
||||
onReschedule={startReschedule}
|
||||
/>
|
||||
)}
|
||||
refreshControl={
|
||||
<RefreshControl
|
||||
@@ -222,14 +382,43 @@ export default function PostsScreen() {
|
||||
scrollEnabled={filteredPosts.length > 0}
|
||||
/>
|
||||
)}
|
||||
|
||||
{rescheduleStep !== null && reschedulePost !== null && (
|
||||
<DateTimePicker
|
||||
value={rescheduleDate}
|
||||
mode={rescheduleStep}
|
||||
display="default"
|
||||
minimumDate={rescheduleStep === "date" ? new Date() : undefined}
|
||||
textColor={colors.foreground}
|
||||
accentColor={colors.primary}
|
||||
onChange={(_: unknown, date?: Date) => {
|
||||
if (!date) {
|
||||
setRescheduleStep(null);
|
||||
setReschedulePost(null);
|
||||
return;
|
||||
}
|
||||
if (rescheduleStep === "date") {
|
||||
const merged = new Date(rescheduleDate);
|
||||
merged.setFullYear(date.getFullYear(), date.getMonth(), date.getDate());
|
||||
setRescheduleDate(merged);
|
||||
setRescheduleStep("time");
|
||||
} else {
|
||||
const merged = new Date(rescheduleDate);
|
||||
merged.setHours(date.getHours(), date.getMinutes());
|
||||
const post = reschedulePost;
|
||||
setRescheduleStep(null);
|
||||
setReschedulePost(null);
|
||||
submitReschedule(post, merged);
|
||||
}
|
||||
}}
|
||||
/>
|
||||
)}
|
||||
</View>
|
||||
);
|
||||
}
|
||||
|
||||
const styles = StyleSheet.create({
|
||||
container: {
|
||||
flex: 1,
|
||||
},
|
||||
container: { flex: 1 },
|
||||
centered: {
|
||||
flex: 1,
|
||||
alignItems: "center",
|
||||
@@ -237,47 +426,28 @@ const styles = StyleSheet.create({
|
||||
gap: 10,
|
||||
paddingHorizontal: 32,
|
||||
},
|
||||
filterBar: {
|
||||
borderBottomWidth: StyleSheet.hairlineWidth,
|
||||
flexGrow: 0,
|
||||
},
|
||||
filterList: {
|
||||
paddingHorizontal: 16,
|
||||
paddingVertical: 10,
|
||||
gap: 8,
|
||||
},
|
||||
filterChip: {
|
||||
paddingHorizontal: 14,
|
||||
paddingVertical: 6,
|
||||
borderRadius: 20,
|
||||
borderWidth: 1,
|
||||
},
|
||||
filterText: {
|
||||
fontSize: 13,
|
||||
fontFamily: "Inter_500Medium",
|
||||
},
|
||||
emptyState: {
|
||||
filterRow: { flexDirection: "row", alignItems: "center", borderBottomWidth: StyleSheet.hairlineWidth },
|
||||
filterBar: { flex: 1 },
|
||||
filterList: { paddingHorizontal: 16, paddingVertical: 10, gap: 8 },
|
||||
filterChip: { paddingHorizontal: 14, paddingVertical: 6, borderRadius: 20, borderWidth: 1 },
|
||||
sortBtn: { marginRight: 12, padding: 7, borderRadius: 8, borderWidth: 1 },
|
||||
filterText: { fontSize: 13, fontFamily: "Inter_500Medium" },
|
||||
emptyState: { alignItems: "center", paddingTop: 64, gap: 10 },
|
||||
emptyTitle: { fontSize: 18, fontFamily: "Inter_600SemiBold" },
|
||||
emptyText: { fontSize: 14, fontFamily: "Inter_400Regular", textAlign: "center" },
|
||||
retryBtn: { marginTop: 4, paddingHorizontal: 20, paddingVertical: 10, borderRadius: 10 },
|
||||
retryText: { fontSize: 14, fontFamily: "Inter_600SemiBold" },
|
||||
toast: {
|
||||
position: "absolute",
|
||||
bottom: 100,
|
||||
alignSelf: "center",
|
||||
flexDirection: "row",
|
||||
alignItems: "center",
|
||||
paddingTop: 64,
|
||||
gap: 10,
|
||||
},
|
||||
emptyTitle: {
|
||||
fontSize: 18,
|
||||
fontFamily: "Inter_600SemiBold",
|
||||
},
|
||||
emptyText: {
|
||||
fontSize: 14,
|
||||
fontFamily: "Inter_400Regular",
|
||||
textAlign: "center",
|
||||
},
|
||||
retryBtn: {
|
||||
marginTop: 4,
|
||||
paddingHorizontal: 20,
|
||||
paddingVertical: 10,
|
||||
borderRadius: 10,
|
||||
},
|
||||
retryText: {
|
||||
fontSize: 14,
|
||||
fontFamily: "Inter_600SemiBold",
|
||||
gap: 6,
|
||||
paddingHorizontal: 14,
|
||||
paddingVertical: 8,
|
||||
borderRadius: 20,
|
||||
zIndex: 999,
|
||||
},
|
||||
toastText: { fontSize: 13, fontFamily: "Inter_600SemiBold", color: "#fff" },
|
||||
});
|
||||
|
||||
@@ -15,29 +15,9 @@ import {
|
||||
} from "react-native";
|
||||
import { KeyboardAwareScrollView } from "react-native-keyboard-controller";
|
||||
import { useSafeAreaInsets } from "react-native-safe-area-context";
|
||||
import { usePostiz } from "@/context/PostizContext";
|
||||
import { usePostiz, DEFAULT_BASE_URL } from "@/context/PostizContext";
|
||||
import { useColors } from "@/hooks/useColors";
|
||||
|
||||
const DEFAULT_BASE_URL = "https://postiz.gyozamancave.fr/public/v1";
|
||||
|
||||
function extractAxiosError(err: unknown): string {
|
||||
if (axios.isAxiosError(err)) {
|
||||
const status = err.response?.status;
|
||||
const data = err.response?.data;
|
||||
if (data) {
|
||||
const body =
|
||||
typeof data === "string"
|
||||
? data.slice(0, 200)
|
||||
: (data?.message ?? data?.error ?? JSON.stringify(data)).toString().slice(0, 200);
|
||||
return status ? `HTTP ${status}: ${body}` : body;
|
||||
}
|
||||
if (status) return `HTTP ${status} — ${err.message}`;
|
||||
if (err.code === "ECONNABORTED") return "Request timed out (10s). Check that the URL is reachable.";
|
||||
if (err.message) return err.message;
|
||||
}
|
||||
if (err instanceof Error) return err.message;
|
||||
return "Unknown error";
|
||||
}
|
||||
import { extractError } from "@/lib/extractError";
|
||||
|
||||
export default function SettingsScreen() {
|
||||
const colors = useColors();
|
||||
@@ -98,7 +78,7 @@ export default function SettingsScreen() {
|
||||
continue;
|
||||
}
|
||||
}
|
||||
lastError = extractAxiosError(err);
|
||||
lastError = extractError(err);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -119,7 +99,7 @@ export default function SettingsScreen() {
|
||||
Haptics.notificationAsync(Haptics.NotificationFeedbackType.Success);
|
||||
Alert.alert("Saved", "Settings saved successfully.");
|
||||
} catch (err: unknown) {
|
||||
Alert.alert("Error", `Failed to save settings.\n${extractAxiosError(err)}`);
|
||||
Alert.alert("Error", `Failed to save settings.\n${extractError(err)}`);
|
||||
} finally {
|
||||
setSaving(false);
|
||||
}
|
||||
@@ -184,7 +164,7 @@ export default function SettingsScreen() {
|
||||
<Feather name="globe" size={16} color={colors.mutedForeground} style={styles.inputIcon} />
|
||||
<TextInput
|
||||
style={[styles.input, { color: colors.foreground }]}
|
||||
placeholder="https://postiz.example.com/public/v1"
|
||||
placeholder="https://postiz.example.com/api/public/v1"
|
||||
placeholderTextColor={colors.mutedForeground}
|
||||
value={inputUrl}
|
||||
onChangeText={(t) => { setInputUrl(t); setValidationStatus("idle"); setErrorDetail(""); }}
|
||||
|
||||
@@ -6,15 +6,16 @@ import {
|
||||
useFonts,
|
||||
} from "@expo-google-fonts/inter";
|
||||
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
|
||||
import { Stack } from "expo-router";
|
||||
import { router, Stack } from "expo-router";
|
||||
import * as SplashScreen from "expo-splash-screen";
|
||||
import React, { useEffect } from "react";
|
||||
import { Alert } from "react-native";
|
||||
import { GestureHandlerRootView } from "react-native-gesture-handler";
|
||||
import { KeyboardProvider } from "react-native-keyboard-controller";
|
||||
import { SafeAreaProvider } from "react-native-safe-area-context";
|
||||
|
||||
import { ErrorBoundary } from "@/components/ErrorBoundary";
|
||||
import { PostizProvider } from "@/context/PostizContext";
|
||||
import { PostizProvider, usePostiz } from "@/context/PostizContext";
|
||||
import { useNotifications } from "@/hooks/useNotifications";
|
||||
|
||||
SplashScreen.preventAutoHideAsync();
|
||||
@@ -33,6 +34,28 @@ function NotificationBootstrap() {
|
||||
return null;
|
||||
}
|
||||
|
||||
function UnauthorizedHandler() {
|
||||
const { unauthorized, clearUnauthorized } = usePostiz();
|
||||
useEffect(() => {
|
||||
if (!unauthorized) return;
|
||||
Alert.alert(
|
||||
"API key invalid",
|
||||
"Your API key was rejected (401). Update it in Settings.",
|
||||
[
|
||||
{
|
||||
text: "Open Settings",
|
||||
onPress: () => {
|
||||
clearUnauthorized();
|
||||
router.push("/(tabs)/settings");
|
||||
},
|
||||
},
|
||||
{ text: "Dismiss", style: "cancel", onPress: clearUnauthorized },
|
||||
]
|
||||
);
|
||||
}, [unauthorized, clearUnauthorized]);
|
||||
return null;
|
||||
}
|
||||
|
||||
function RootLayoutNav() {
|
||||
return (
|
||||
<Stack screenOptions={{ headerBackTitle: "Back" }}>
|
||||
@@ -63,6 +86,7 @@ export default function RootLayout() {
|
||||
<QueryClientProvider client={queryClient}>
|
||||
<PostizProvider>
|
||||
<NotificationBootstrap />
|
||||
<UnauthorizedHandler />
|
||||
<GestureHandlerRootView style={{ flex: 1 }}>
|
||||
<KeyboardProvider>
|
||||
<RootLayoutNav />
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 652 KiB After Width: | Height: | Size: 49 KiB |
Executable
+182
@@ -0,0 +1,182 @@
|
||||
#!/usr/bin/env bash
|
||||
# build-apk.sh — Build a signed release APK locally without expo.dev / EAS.
|
||||
#
|
||||
# Prerequisites (first time only):
|
||||
# 1. Export EAS keystore:
|
||||
# cd artifacts/postiz-mobile
|
||||
# eas credentials --platform android
|
||||
# → "Download existing keystore" → save to ~/.config/postiz-mobile/postiz-mobile.jks
|
||||
# 2. Fill in signing credentials:
|
||||
# cp ~/.config/postiz-mobile/signing.env.example ~/.config/postiz-mobile/signing.env
|
||||
# $EDITOR ~/.config/postiz-mobile/signing.env
|
||||
# 3. Install Android SDK (if not already):
|
||||
# ./install-android-sdk.sh
|
||||
# # then add ANDROID_HOME to your shell profile and reload it
|
||||
#
|
||||
# Usage:
|
||||
# ./build-apk.sh # → dist/postiz-mobile-YYYYMMDD-HHMM.apk
|
||||
# ./build-apk.sh --aab # → dist/postiz-mobile-YYYYMMDD-HHMM.aab (Play Store)
|
||||
|
||||
set -euo pipefail
|
||||
|
||||
SCRIPT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"
|
||||
SIGNING_ENV="$HOME/.config/postiz-mobile/signing.env"
|
||||
DIST_DIR="$SCRIPT_DIR/dist"
|
||||
BUILD_TYPE="${1:-}"
|
||||
|
||||
# ─── Colours ───────────────────────────────────────────────────────────────
|
||||
RED='\033[0;31m'; GREEN='\033[0;32m'; YELLOW='\033[1;33m'; NC='\033[0m'
|
||||
info() { echo -e "${GREEN}[build]${NC} $*"; }
|
||||
warn() { echo -e "${YELLOW}[warn]${NC} $*"; }
|
||||
abort() { echo -e "${RED}[error]${NC} $*" >&2; exit 1; }
|
||||
|
||||
# ─── 1. Signing credentials ────────────────────────────────────────────────
|
||||
if [ ! -f "$SIGNING_ENV" ]; then
|
||||
abort "Missing signing.env.\n\n cp ~/.config/postiz-mobile/signing.env.example ~/.config/postiz-mobile/signing.env\n # then fill in your keystore path and passwords"
|
||||
fi
|
||||
# shellcheck source=/dev/null
|
||||
source "$SIGNING_ENV"
|
||||
|
||||
[ -z "${KEYSTORE_PATH:-}" ] && abort "KEYSTORE_PATH not set in signing.env"
|
||||
[ -z "${KEYSTORE_ALIAS:-}" ] && abort "KEYSTORE_ALIAS not set in signing.env"
|
||||
[ -z "${KEYSTORE_STORE_PASSWORD:-}" ] && abort "KEYSTORE_STORE_PASSWORD not set in signing.env"
|
||||
[ -z "${KEYSTORE_KEY_PASSWORD:-}" ] && abort "KEYSTORE_KEY_PASSWORD not set in signing.env"
|
||||
|
||||
KEYSTORE_PATH_EXPANDED="${KEYSTORE_PATH/#\$HOME/$HOME}"
|
||||
KEYSTORE_PATH_EXPANDED="${KEYSTORE_PATH_EXPANDED/#~/$HOME}"
|
||||
|
||||
[ ! -f "$KEYSTORE_PATH_EXPANDED" ] && \
|
||||
abort "Keystore not found: $KEYSTORE_PATH_EXPANDED\n\nExport it from EAS:\n eas credentials --platform android\n → Download existing keystore → save to $KEYSTORE_PATH_EXPANDED"
|
||||
|
||||
# ─── 2. Java 17/21 — Gradle requires Java ≤ 24 (system Java 25 is too new) ──
|
||||
# Use ~/jdk21 if present, otherwise rely on JAVA_HOME already being set correctly.
|
||||
if [ -z "${JAVA_HOME:-}" ] || "$JAVA_HOME/bin/java" -version 2>&1 | grep -qE '"(2[5-9]|[3-9][0-9])\.' ; then
|
||||
if [ -d "$HOME/jdk21" ]; then
|
||||
export JAVA_HOME="$HOME/jdk21"
|
||||
export PATH="$JAVA_HOME/bin:$PATH"
|
||||
info "Using local JDK 21: $JAVA_HOME"
|
||||
else
|
||||
abort "Java 25+ detected but Gradle only supports ≤ Java 24.\n\nInstall JDK 21 locally:\n wget -O /tmp/jdk21.tar.gz https://github.com/adoptium/temurin21-binaries/releases/download/jdk-21.0.7%2B6/OpenJDK21U-jdk_x64_linux_hotspot_21.0.7_6.tar.gz\n mkdir -p ~/jdk21 && tar -xzf /tmp/jdk21.tar.gz -C ~/jdk21 --strip-components=1"
|
||||
fi
|
||||
fi
|
||||
info "Java: $("$JAVA_HOME/bin/java" -version 2>&1 | head -1)"
|
||||
|
||||
# ─── 3. Android SDK ────────────────────────────────────────────────────────
|
||||
if [ -z "${ANDROID_HOME:-}" ]; then
|
||||
for candidate in "$HOME/android-sdk" "$HOME/Android/Sdk" "/opt/android-sdk"; do
|
||||
if [ -d "$candidate/platform-tools" ]; then
|
||||
export ANDROID_HOME="$candidate"
|
||||
break
|
||||
fi
|
||||
done
|
||||
fi
|
||||
|
||||
if [ -z "${ANDROID_HOME:-}" ]; then
|
||||
abort "Android SDK not found.\n\nRun: ./install-android-sdk.sh\nThen: export ANDROID_HOME=\"\$HOME/android-sdk\" && source ~/.bashrc"
|
||||
fi
|
||||
|
||||
export PATH="$PATH:$ANDROID_HOME/platform-tools:$ANDROID_HOME/cmdline-tools/latest/bin"
|
||||
info "Android SDK: $ANDROID_HOME"
|
||||
|
||||
# ─── 4. expo prebuild ──────────────────────────────────────────────────────
|
||||
info "Running expo prebuild (Android)…"
|
||||
cd "$SCRIPT_DIR"
|
||||
pnpm exec expo prebuild --platform android --clean --no-install
|
||||
|
||||
# ─── 4. Patch build.gradle — inject release signingConfig ──────────────────
|
||||
info "Patching android/app/build.gradle for release signing…"
|
||||
|
||||
python3 - "$SCRIPT_DIR/android/app/build.gradle" << 'PYEOF'
|
||||
import sys, re
|
||||
|
||||
path = sys.argv[1]
|
||||
with open(path, 'r') as f:
|
||||
content = f.read()
|
||||
|
||||
if 'MYAPP_UPLOAD_STORE_FILE' in content:
|
||||
print('[patch] build.gradle already patched, skipping.')
|
||||
sys.exit(0)
|
||||
|
||||
release_signing = """\n release {
|
||||
if (project.hasProperty('MYAPP_UPLOAD_STORE_FILE')) {
|
||||
storeFile file(MYAPP_UPLOAD_STORE_FILE)
|
||||
storePassword MYAPP_UPLOAD_STORE_PASSWORD
|
||||
keyAlias MYAPP_UPLOAD_KEY_ALIAS
|
||||
keyPassword MYAPP_UPLOAD_KEY_PASSWORD
|
||||
}
|
||||
}"""
|
||||
|
||||
# Insert release block right after the closing brace of the debug signingConfig
|
||||
content = re.sub(
|
||||
r'(signingConfigs\s*\{[\s\S]*?debug\s*\{[\s\S]*?\})',
|
||||
r'\1' + release_signing,
|
||||
content,
|
||||
count=1
|
||||
)
|
||||
|
||||
# Switch release buildType from debug signing to release signing
|
||||
# Only replace the first occurrence after "release {" (not the debug one)
|
||||
def replace_release_signing(m):
|
||||
return m.group(0).replace('signingConfig signingConfigs.debug',
|
||||
'signingConfig signingConfigs.release', 1)
|
||||
|
||||
content = re.sub(
|
||||
r'release\s*\{[^}]*signingConfig\s+signingConfigs\.debug',
|
||||
replace_release_signing,
|
||||
content,
|
||||
count=1,
|
||||
flags=re.DOTALL
|
||||
)
|
||||
|
||||
with open(path, 'w') as f:
|
||||
f.write(content)
|
||||
|
||||
print('[patch] build.gradle patched for release signing.')
|
||||
PYEOF
|
||||
|
||||
# ─── 5. Inject signing props into gradle.properties ────────────────────────
|
||||
info "Injecting signing credentials into gradle.properties…"
|
||||
GRADLE_PROPS="$SCRIPT_DIR/android/gradle.properties"
|
||||
|
||||
# Remove any previous signing block left by this script
|
||||
sed -i '/^# --- postiz release signing/,/^# --- end signing/d' "$GRADLE_PROPS" 2>/dev/null || true
|
||||
|
||||
cat >> "$GRADLE_PROPS" << EOF
|
||||
|
||||
# --- postiz release signing (injected by build-apk.sh — wiped after build)
|
||||
MYAPP_UPLOAD_STORE_FILE=$KEYSTORE_PATH_EXPANDED
|
||||
MYAPP_UPLOAD_STORE_PASSWORD=$KEYSTORE_STORE_PASSWORD
|
||||
MYAPP_UPLOAD_KEY_ALIAS=$KEYSTORE_ALIAS
|
||||
MYAPP_UPLOAD_KEY_PASSWORD=$KEYSTORE_KEY_PASSWORD
|
||||
# --- end signing
|
||||
EOF
|
||||
|
||||
# ─── 6. Gradle build ───────────────────────────────────────────────────────
|
||||
cd "$SCRIPT_DIR/android"
|
||||
|
||||
if [ "$BUILD_TYPE" = "--aab" ]; then
|
||||
info "Building AAB (release)…"
|
||||
./gradlew bundleRelease
|
||||
ARTIFACT="app/build/outputs/bundle/release/app-release.aab"
|
||||
EXT="aab"
|
||||
else
|
||||
info "Building APK (release)…"
|
||||
./gradlew assembleRelease
|
||||
ARTIFACT="app/build/outputs/apk/release/app-release.apk"
|
||||
EXT="apk"
|
||||
fi
|
||||
|
||||
# ─── 7. Wipe credentials from gradle.properties ───────────────────────────
|
||||
sed -i '/^# --- postiz release signing/,/^# --- end signing/d' "$GRADLE_PROPS"
|
||||
info "Signing credentials wiped from gradle.properties."
|
||||
|
||||
# ─── 8. Copy to dist/ ─────────────────────────────────────────────────────
|
||||
mkdir -p "$DIST_DIR"
|
||||
TIMESTAMP="$(date +%Y%m%d-%H%M)"
|
||||
OUTPUT="$DIST_DIR/postiz-mobile-$TIMESTAMP.$EXT"
|
||||
cp "$ARTIFACT" "$OUTPUT"
|
||||
|
||||
echo ""
|
||||
info "Build complete!"
|
||||
echo -e " ${GREEN}→ $OUTPUT${NC}"
|
||||
echo ""
|
||||
@@ -0,0 +1,209 @@
|
||||
import { Feather } from "@expo/vector-icons";
|
||||
import { Image } from "expo-image";
|
||||
import React, { useCallback, useEffect, useState } from "react";
|
||||
import {
|
||||
ActivityIndicator,
|
||||
FlatList,
|
||||
Modal,
|
||||
StyleSheet,
|
||||
Text,
|
||||
TouchableOpacity,
|
||||
View,
|
||||
} from "react-native";
|
||||
import { useSafeAreaInsets } from "react-native-safe-area-context";
|
||||
import { useColors } from "@/hooks/useColors";
|
||||
|
||||
interface MediaItem {
|
||||
id: string;
|
||||
path: string;
|
||||
createdAt?: string;
|
||||
}
|
||||
|
||||
interface Props {
|
||||
visible: boolean;
|
||||
baseUrl: string;
|
||||
apiKey: string;
|
||||
maxSelect: number;
|
||||
onClose: () => void;
|
||||
onSelect: (items: MediaItem[]) => void;
|
||||
}
|
||||
|
||||
function resolveUrl(path: string, baseUrl: string): string {
|
||||
if (path.startsWith("http://") || path.startsWith("https://")) return path;
|
||||
const origin = baseUrl.replace(/\/api\/.*$/, "");
|
||||
return `${origin}/${path.replace(/^\//, "")}`;
|
||||
}
|
||||
|
||||
export function MediaLibraryModal({ visible, baseUrl, apiKey, maxSelect, onClose, onSelect }: Props) {
|
||||
const colors = useColors();
|
||||
const insets = useSafeAreaInsets();
|
||||
const [items, setItems] = useState<MediaItem[]>([]);
|
||||
const [loading, setLoading] = useState(false);
|
||||
const [error, setError] = useState<string | null>(null);
|
||||
const [selected, setSelected] = useState<Set<string>>(new Set());
|
||||
|
||||
const load = useCallback(async () => {
|
||||
if (!baseUrl || !apiKey) return;
|
||||
setLoading(true);
|
||||
setError(null);
|
||||
try {
|
||||
// eslint-disable-next-line no-undef
|
||||
const res = await globalThis.fetch(`${baseUrl}/media`, {
|
||||
headers: { Authorization: apiKey },
|
||||
});
|
||||
if (!res.ok) throw new Error(`HTTP ${res.status}`);
|
||||
const data = await res.json();
|
||||
const list: MediaItem[] = Array.isArray(data)
|
||||
? data
|
||||
: (data?.media ?? data?.items ?? data?.files ?? []);
|
||||
setItems(list);
|
||||
} catch (e: unknown) {
|
||||
setError(e instanceof Error ? e.message : "Failed to load media");
|
||||
} finally {
|
||||
setLoading(false);
|
||||
}
|
||||
}, [baseUrl, apiKey]);
|
||||
|
||||
useEffect(() => {
|
||||
if (visible) {
|
||||
setSelected(new Set());
|
||||
load();
|
||||
}
|
||||
}, [visible, load]);
|
||||
|
||||
const toggle = (id: string) => {
|
||||
setSelected((prev) => {
|
||||
const next = new Set(prev);
|
||||
if (next.has(id)) {
|
||||
next.delete(id);
|
||||
} else if (next.size < maxSelect) {
|
||||
next.add(id);
|
||||
}
|
||||
return next;
|
||||
});
|
||||
};
|
||||
|
||||
const handleConfirm = () => {
|
||||
const chosen = items.filter((i) => selected.has(i.id));
|
||||
onSelect(chosen);
|
||||
};
|
||||
|
||||
return (
|
||||
<Modal visible={visible} animationType="slide" onRequestClose={onClose}>
|
||||
<View style={[styles.root, { backgroundColor: colors.background, paddingTop: insets.top }]}>
|
||||
<View style={[styles.header, { borderBottomColor: colors.border }]}>
|
||||
<TouchableOpacity onPress={onClose} activeOpacity={0.7} style={styles.closeBtn}>
|
||||
<Feather name="x" size={20} color={colors.foreground} />
|
||||
</TouchableOpacity>
|
||||
<Text style={[styles.title, { color: colors.foreground }]}>Media Library</Text>
|
||||
<TouchableOpacity
|
||||
onPress={handleConfirm}
|
||||
disabled={selected.size === 0}
|
||||
activeOpacity={0.8}
|
||||
style={[
|
||||
styles.addBtn,
|
||||
{ backgroundColor: selected.size > 0 ? colors.primary : colors.muted },
|
||||
]}
|
||||
>
|
||||
<Text style={[styles.addBtnText, { color: colors.primaryForeground }]}>
|
||||
{selected.size > 0 ? `Add ${selected.size}` : "Add"}
|
||||
</Text>
|
||||
</TouchableOpacity>
|
||||
</View>
|
||||
|
||||
{loading ? (
|
||||
<View style={styles.centered}>
|
||||
<ActivityIndicator color={colors.primary} size="large" />
|
||||
</View>
|
||||
) : error ? (
|
||||
<View style={styles.centered}>
|
||||
<Feather name="alert-circle" size={28} color={colors.error} />
|
||||
<Text style={[styles.errorText, { color: colors.mutedForeground }]}>{error}</Text>
|
||||
<TouchableOpacity
|
||||
onPress={load}
|
||||
style={[styles.retryBtn, { backgroundColor: colors.primary }]}
|
||||
activeOpacity={0.8}
|
||||
>
|
||||
<Text style={[styles.retryText, { color: colors.primaryForeground }]}>Retry</Text>
|
||||
</TouchableOpacity>
|
||||
</View>
|
||||
) : items.length === 0 ? (
|
||||
<View style={styles.centered}>
|
||||
<Feather name="image" size={36} color={colors.mutedForeground} />
|
||||
<Text style={[styles.emptyText, { color: colors.mutedForeground }]}>No media found</Text>
|
||||
</View>
|
||||
) : (
|
||||
<FlatList
|
||||
data={items}
|
||||
keyExtractor={(item) => item.id}
|
||||
numColumns={3}
|
||||
contentContainerStyle={[styles.grid, { paddingBottom: insets.bottom + 16 }]}
|
||||
renderItem={({ item }) => {
|
||||
const isSelected = selected.has(item.id);
|
||||
const uri = resolveUrl(item.path, baseUrl);
|
||||
return (
|
||||
<TouchableOpacity
|
||||
onPress={() => toggle(item.id)}
|
||||
activeOpacity={0.8}
|
||||
style={styles.cell}
|
||||
>
|
||||
<Image
|
||||
source={{ uri }}
|
||||
style={styles.cellImage}
|
||||
contentFit="cover"
|
||||
/>
|
||||
{isSelected && (
|
||||
<View style={[styles.selectedOverlay, { backgroundColor: colors.primary + "99" }]}>
|
||||
<View style={[styles.checkCircle, { backgroundColor: colors.primary }]}>
|
||||
<Feather name="check" size={14} color="#fff" />
|
||||
</View>
|
||||
</View>
|
||||
)}
|
||||
</TouchableOpacity>
|
||||
);
|
||||
}}
|
||||
/>
|
||||
)}
|
||||
</View>
|
||||
</Modal>
|
||||
);
|
||||
}
|
||||
|
||||
const CELL = 120;
|
||||
|
||||
const styles = StyleSheet.create({
|
||||
root: { flex: 1 },
|
||||
header: {
|
||||
flexDirection: "row",
|
||||
alignItems: "center",
|
||||
paddingHorizontal: 16,
|
||||
paddingVertical: 14,
|
||||
borderBottomWidth: StyleSheet.hairlineWidth,
|
||||
gap: 12,
|
||||
},
|
||||
closeBtn: { padding: 4 },
|
||||
title: { flex: 1, fontSize: 17, fontFamily: "Inter_600SemiBold" },
|
||||
addBtn: { paddingHorizontal: 16, paddingVertical: 8, borderRadius: 20 },
|
||||
addBtnText: { fontSize: 14, fontFamily: "Inter_600SemiBold" },
|
||||
centered: { flex: 1, alignItems: "center", justifyContent: "center", gap: 12 },
|
||||
errorText: { fontSize: 14, fontFamily: "Inter_400Regular", textAlign: "center", paddingHorizontal: 32 },
|
||||
emptyText: { fontSize: 14, fontFamily: "Inter_400Regular" },
|
||||
retryBtn: { paddingHorizontal: 20, paddingVertical: 10, borderRadius: 10 },
|
||||
retryText: { fontSize: 14, fontFamily: "Inter_600SemiBold" },
|
||||
grid: { padding: 2 },
|
||||
cell: { width: CELL, height: CELL, margin: 2 },
|
||||
cellImage: { width: CELL, height: CELL, borderRadius: 4 },
|
||||
selectedOverlay: {
|
||||
...StyleSheet.absoluteFillObject,
|
||||
borderRadius: 4,
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
},
|
||||
checkCircle: {
|
||||
width: 28,
|
||||
height: 28,
|
||||
borderRadius: 14,
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
},
|
||||
});
|
||||
@@ -12,11 +12,14 @@ import {
|
||||
import { Swipeable } from "react-native-gesture-handler";
|
||||
import { useColors } from "@/hooks/useColors";
|
||||
import { PostizPost } from "@/context/PostizContext";
|
||||
import { stripHtml } from "@/lib/stripHtml";
|
||||
import { StatusBadge } from "./StatusBadge";
|
||||
|
||||
interface PostCardProps {
|
||||
post: PostizPost;
|
||||
onDelete: (id: string) => Promise<void>;
|
||||
onLongPress: (post: PostizPost) => void;
|
||||
onReschedule?: (post: PostizPost) => void;
|
||||
}
|
||||
|
||||
function formatDate(dateStr: string): string {
|
||||
@@ -43,7 +46,7 @@ function getNetworkIcon(type?: string): React.ComponentProps<typeof Feather>["na
|
||||
return "globe";
|
||||
}
|
||||
|
||||
export function PostCard({ post, onDelete }: PostCardProps) {
|
||||
export function PostCard({ post, onDelete, onLongPress, onReschedule }: PostCardProps) {
|
||||
const colors = useColors();
|
||||
const swipeRef = useRef<Swipeable>(null);
|
||||
|
||||
@@ -87,20 +90,54 @@ export function PostCard({ post, onDelete }: PostCardProps) {
|
||||
);
|
||||
};
|
||||
|
||||
const renderLeftActions =
|
||||
post.state === "QUEUE" && onReschedule
|
||||
? (
|
||||
_progress: Animated.AnimatedInterpolation<number>,
|
||||
dragX: Animated.AnimatedInterpolation<number>
|
||||
) => {
|
||||
const scale = dragX.interpolate({
|
||||
inputRange: [0, 80],
|
||||
outputRange: [0.8, 1],
|
||||
extrapolate: "clamp",
|
||||
});
|
||||
return (
|
||||
<TouchableOpacity
|
||||
style={[styles.rescheduleAction, { backgroundColor: colors.warning }]}
|
||||
onPress={() => {
|
||||
swipeRef.current?.close();
|
||||
onReschedule(post);
|
||||
}}
|
||||
activeOpacity={0.8}
|
||||
>
|
||||
<Animated.View style={{ transform: [{ scale }] }}>
|
||||
<Feather name="clock" size={20} color="#fff" />
|
||||
</Animated.View>
|
||||
</TouchableOpacity>
|
||||
);
|
||||
}
|
||||
: undefined;
|
||||
|
||||
const integrations = post.integrations ?? (post.integration ? [post.integration] : []);
|
||||
const plainContent = stripHtml(post.content);
|
||||
const truncatedContent =
|
||||
post.content.length > 140
|
||||
? post.content.slice(0, 140) + "…"
|
||||
: post.content;
|
||||
plainContent.length > 140
|
||||
? plainContent.slice(0, 140) + "…"
|
||||
: plainContent;
|
||||
|
||||
return (
|
||||
<Swipeable
|
||||
ref={swipeRef}
|
||||
renderRightActions={renderRightActions}
|
||||
renderLeftActions={renderLeftActions}
|
||||
rightThreshold={40}
|
||||
leftThreshold={40}
|
||||
friction={2}
|
||||
>
|
||||
<View
|
||||
<TouchableOpacity
|
||||
activeOpacity={0.85}
|
||||
onLongPress={() => onLongPress(post)}
|
||||
delayLongPress={400}
|
||||
style={[
|
||||
styles.card,
|
||||
{ backgroundColor: colors.card, borderBottomColor: colors.border },
|
||||
@@ -129,18 +166,31 @@ export function PostCard({ post, onDelete }: PostCardProps) {
|
||||
</Text>
|
||||
)}
|
||||
</View>
|
||||
<StatusBadge status={post.status} />
|
||||
<StatusBadge status={post.state} />
|
||||
</View>
|
||||
<Text style={[styles.content, { color: colors.foreground }]}>
|
||||
{truncatedContent}
|
||||
</Text>
|
||||
<View style={styles.footer}>
|
||||
{integrations.length > 0 && (
|
||||
<>
|
||||
<Text style={[styles.accountName, { color: colors.mutedForeground }]} numberOfLines={1}>
|
||||
{integrations
|
||||
.slice(0, 2)
|
||||
.map((i) => i.name || i.identifier || "")
|
||||
.filter(Boolean)
|
||||
.join(", ")}
|
||||
{integrations.length > 2 ? ` +${integrations.length - 2}` : ""}
|
||||
</Text>
|
||||
<Text style={[styles.dot, { color: colors.mutedForeground }]}>·</Text>
|
||||
</>
|
||||
)}
|
||||
<Feather name="clock" size={12} color={colors.mutedForeground} />
|
||||
<Text style={[styles.date, { color: colors.mutedForeground }]}>
|
||||
{formatDate(post.publishDate)}
|
||||
</Text>
|
||||
</View>
|
||||
</View>
|
||||
</TouchableOpacity>
|
||||
</Swipeable>
|
||||
);
|
||||
}
|
||||
@@ -187,9 +237,23 @@ const styles = StyleSheet.create({
|
||||
fontSize: 12,
|
||||
fontFamily: "Inter_400Regular",
|
||||
},
|
||||
accountName: {
|
||||
fontSize: 12,
|
||||
fontFamily: "Inter_400Regular",
|
||||
flexShrink: 1,
|
||||
},
|
||||
dot: {
|
||||
fontSize: 12,
|
||||
marginHorizontal: 3,
|
||||
},
|
||||
deleteAction: {
|
||||
width: 72,
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
},
|
||||
rescheduleAction: {
|
||||
width: 72,
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
},
|
||||
});
|
||||
|
||||
@@ -5,12 +5,13 @@ import React, {
|
||||
useCallback,
|
||||
useContext,
|
||||
useEffect,
|
||||
useRef,
|
||||
useState,
|
||||
} from "react";
|
||||
|
||||
const API_KEY_STORAGE = "postiz_api_key";
|
||||
const BASE_URL_STORAGE = "postiz_base_url";
|
||||
const DEFAULT_BASE_URL = "https://postiz.gyozamancave.fr/public/v1";
|
||||
export const DEFAULT_BASE_URL = "https://postiz.gyozamancave.fr/api/public/v1";
|
||||
|
||||
export interface PostizIntegration {
|
||||
id: string;
|
||||
@@ -29,12 +30,13 @@ export interface PostizMediaItem {
|
||||
export interface PostizPost {
|
||||
id: string;
|
||||
content: string;
|
||||
status: "QUEUE" | "PUBLISHED" | "ERROR" | "DRAFT";
|
||||
state: "QUEUE" | "PUBLISHED" | "ERROR" | "DRAFT";
|
||||
publishDate: string;
|
||||
integration?: PostizIntegration;
|
||||
integrations?: PostizIntegration[];
|
||||
image?: PostizMediaItem[];
|
||||
group?: string;
|
||||
errorMessage?: string;
|
||||
}
|
||||
|
||||
export interface PostizUploadResult {
|
||||
@@ -47,6 +49,8 @@ interface PostizContextValue {
|
||||
baseUrl: string;
|
||||
isConfigured: boolean;
|
||||
isLoading: boolean;
|
||||
unauthorized: boolean;
|
||||
clearUnauthorized: () => void;
|
||||
client: AxiosInstance | null;
|
||||
saveSettings: (apiKey: string, baseUrl: string) => Promise<void>;
|
||||
clearSettings: () => Promise<void>;
|
||||
@@ -57,20 +61,41 @@ const PostizContext = createContext<PostizContextValue>({
|
||||
baseUrl: DEFAULT_BASE_URL,
|
||||
isConfigured: false,
|
||||
isLoading: true,
|
||||
unauthorized: false,
|
||||
clearUnauthorized: () => {},
|
||||
client: null,
|
||||
saveSettings: async () => {},
|
||||
clearSettings: async () => {},
|
||||
});
|
||||
|
||||
function createClient(apiKey: string, baseUrl: string): AxiosInstance {
|
||||
return axios.create({
|
||||
baseURL: baseUrl,
|
||||
function createClient(
|
||||
apiKey: string,
|
||||
baseUrl: string,
|
||||
onUnauthorized?: () => void
|
||||
): AxiosInstance {
|
||||
const normalizedUrl = baseUrl.endsWith("/") ? baseUrl : baseUrl + "/";
|
||||
const instance = axios.create({
|
||||
baseURL: normalizedUrl,
|
||||
headers: {
|
||||
Authorization: apiKey,
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
timeout: 15000,
|
||||
});
|
||||
instance.interceptors.request.use((config) => {
|
||||
console.log(">>> REQUEST:", config.method?.toUpperCase(), (config.baseURL || "") + (config.url || ""));
|
||||
return config;
|
||||
});
|
||||
instance.interceptors.response.use(
|
||||
(res) => res,
|
||||
(err) => {
|
||||
if (axios.isAxiosError(err) && err.response?.status === 401) {
|
||||
onUnauthorized?.();
|
||||
}
|
||||
return Promise.reject(err);
|
||||
}
|
||||
);
|
||||
return instance;
|
||||
}
|
||||
|
||||
export function PostizProvider({ children }: { children: React.ReactNode }) {
|
||||
@@ -78,6 +103,19 @@ export function PostizProvider({ children }: { children: React.ReactNode }) {
|
||||
const [baseUrl, setBaseUrl] = useState(DEFAULT_BASE_URL);
|
||||
const [isLoading, setIsLoading] = useState(true);
|
||||
const [client, setClient] = useState<AxiosInstance | null>(null);
|
||||
const [unauthorized, setUnauthorized] = useState(false);
|
||||
const unauthorizedFiredRef = useRef(false);
|
||||
|
||||
const handleUnauthorized = useCallback(() => {
|
||||
if (unauthorizedFiredRef.current) return;
|
||||
unauthorizedFiredRef.current = true;
|
||||
setUnauthorized(true);
|
||||
}, []);
|
||||
|
||||
const clearUnauthorized = useCallback(() => {
|
||||
unauthorizedFiredRef.current = false;
|
||||
setUnauthorized(false);
|
||||
}, []);
|
||||
|
||||
useEffect(() => {
|
||||
(async () => {
|
||||
@@ -85,17 +123,17 @@ export function PostizProvider({ children }: { children: React.ReactNode }) {
|
||||
const storedKey = await SecureStore.getItemAsync(API_KEY_STORAGE);
|
||||
const storedUrl = await SecureStore.getItemAsync(BASE_URL_STORAGE);
|
||||
if (storedKey) {
|
||||
const url = storedUrl || DEFAULT_BASE_URL;
|
||||
const url = (storedUrl || DEFAULT_BASE_URL).replace(/\/$/, "");
|
||||
setApiKey(storedKey);
|
||||
setBaseUrl(url);
|
||||
setClient(createClient(storedKey, url));
|
||||
setClient(() => createClient(storedKey, url, handleUnauthorized));
|
||||
}
|
||||
} catch {
|
||||
} finally {
|
||||
setIsLoading(false);
|
||||
}
|
||||
})();
|
||||
}, []);
|
||||
}, [handleUnauthorized]);
|
||||
|
||||
const saveSettings = useCallback(
|
||||
async (newApiKey: string, newBaseUrl: string) => {
|
||||
@@ -103,9 +141,10 @@ export function PostizProvider({ children }: { children: React.ReactNode }) {
|
||||
await SecureStore.setItemAsync(BASE_URL_STORAGE, newBaseUrl);
|
||||
setApiKey(newApiKey);
|
||||
setBaseUrl(newBaseUrl);
|
||||
setClient(createClient(newApiKey, newBaseUrl));
|
||||
clearUnauthorized();
|
||||
setClient(() => createClient(newApiKey, newBaseUrl, handleUnauthorized));
|
||||
},
|
||||
[]
|
||||
[handleUnauthorized, clearUnauthorized]
|
||||
);
|
||||
|
||||
const clearSettings = useCallback(async () => {
|
||||
@@ -114,7 +153,8 @@ export function PostizProvider({ children }: { children: React.ReactNode }) {
|
||||
setApiKey("");
|
||||
setBaseUrl(DEFAULT_BASE_URL);
|
||||
setClient(null);
|
||||
}, []);
|
||||
clearUnauthorized();
|
||||
}, [clearUnauthorized]);
|
||||
|
||||
return (
|
||||
<PostizContext.Provider
|
||||
@@ -123,6 +163,8 @@ export function PostizProvider({ children }: { children: React.ReactNode }) {
|
||||
baseUrl,
|
||||
isConfigured: !!apiKey,
|
||||
isLoading,
|
||||
unauthorized,
|
||||
clearUnauthorized,
|
||||
client,
|
||||
saveSettings,
|
||||
clearSettings,
|
||||
|
||||
@@ -4,20 +4,8 @@
|
||||
},
|
||||
"build": {
|
||||
"preview": {
|
||||
"android": {
|
||||
"buildType": "apk"
|
||||
"android": { "buildType": "apk" },
|
||||
"ios": { "simulator": true }
|
||||
}
|
||||
},
|
||||
"production": {
|
||||
"android": {
|
||||
"buildType": "app-bundle"
|
||||
},
|
||||
"ios": {
|
||||
"resourceClass": "m-medium"
|
||||
}
|
||||
}
|
||||
},
|
||||
"submit": {
|
||||
"production": {}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -16,9 +16,6 @@ import colors from "@/constants/colors";
|
||||
*/
|
||||
export function useColors() {
|
||||
const scheme = useColorScheme();
|
||||
const palette =
|
||||
scheme === "dark" && "dark" in colors
|
||||
? (colors as Record<string, typeof colors.light>).dark
|
||||
: colors.light;
|
||||
const palette = scheme === "dark" ? colors.dark : colors.light;
|
||||
return { ...palette, radius: colors.radius };
|
||||
}
|
||||
|
||||
@@ -1,22 +1,21 @@
|
||||
import * as Notifications from "expo-notifications";
|
||||
import { useCallback, useEffect, useRef } from "react";
|
||||
import { Platform } from "react-native";
|
||||
import { usePostiz } from "@/context/PostizContext";
|
||||
import { PostizPost } from "@/context/PostizContext";
|
||||
|
||||
Notifications.setNotificationHandler({
|
||||
handleNotification: async () => ({
|
||||
shouldShowAlert: true,
|
||||
shouldPlaySound: true,
|
||||
shouldSetBadge: true,
|
||||
shouldShowBanner: true,
|
||||
shouldShowList: true,
|
||||
}),
|
||||
});
|
||||
import { stripHtml } from "@/lib/stripHtml";
|
||||
|
||||
const POLL_INTERVAL_MS = 15 * 60 * 1000;
|
||||
const SEEN_KEY = "postiz_seen_statuses";
|
||||
|
||||
function isExpoGo(): boolean {
|
||||
try {
|
||||
const Constants = require("expo-constants").default;
|
||||
return Constants?.executionEnvironment === "storeClient";
|
||||
} catch {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
async function getSeenStatuses(): Promise<Record<string, string>> {
|
||||
try {
|
||||
const { default: AsyncStorage } = await import(
|
||||
@@ -39,18 +38,19 @@ async function saveSeenStatuses(map: Record<string, string>) {
|
||||
}
|
||||
|
||||
async function sendStatusNotification(post: PostizPost) {
|
||||
const isError = post.status === "ERROR";
|
||||
if (Platform.OS === "web" || isExpoGo()) return;
|
||||
try {
|
||||
const Notifications = require("expo-notifications");
|
||||
const isError = post.state === "ERROR";
|
||||
await Notifications.scheduleNotificationAsync({
|
||||
content: {
|
||||
title: isError ? "Post failed to publish" : "Post published!",
|
||||
body:
|
||||
post.content.length > 80
|
||||
? post.content.slice(0, 80) + "…"
|
||||
: post.content,
|
||||
body: (() => { const t = stripHtml(post.content); return t.length > 80 ? t.slice(0, 80) + "…" : t; })(),
|
||||
data: { postId: post.id },
|
||||
},
|
||||
trigger: null,
|
||||
});
|
||||
} catch {}
|
||||
}
|
||||
|
||||
export function useNotifications() {
|
||||
@@ -59,7 +59,18 @@ export function useNotifications() {
|
||||
const permissionGranted = useRef(false);
|
||||
|
||||
const requestPermissions = useCallback(async () => {
|
||||
if (Platform.OS === "web") return false;
|
||||
if (Platform.OS === "web" || isExpoGo()) return false;
|
||||
try {
|
||||
const Notifications = require("expo-notifications");
|
||||
Notifications.setNotificationHandler({
|
||||
handleNotification: async () => ({
|
||||
shouldShowAlert: true,
|
||||
shouldPlaySound: true,
|
||||
shouldSetBadge: true,
|
||||
shouldShowBanner: true,
|
||||
shouldShowList: true,
|
||||
}),
|
||||
});
|
||||
const { status: existing } = await Notifications.getPermissionsAsync();
|
||||
if (existing === "granted") {
|
||||
permissionGranted.current = true;
|
||||
@@ -68,48 +79,44 @@ export function useNotifications() {
|
||||
const { status } = await Notifications.requestPermissionsAsync();
|
||||
permissionGranted.current = status === "granted";
|
||||
return permissionGranted.current;
|
||||
} catch {
|
||||
return false;
|
||||
}
|
||||
}, []);
|
||||
|
||||
const checkForStatusChanges = useCallback(async () => {
|
||||
if (!client || !permissionGranted.current) return;
|
||||
|
||||
try {
|
||||
const now = new Date();
|
||||
const from = new Date(now);
|
||||
from.setDate(from.getDate() - 7);
|
||||
|
||||
const res = await client.get("/posts", {
|
||||
const res = await client.get("posts", {
|
||||
params: {
|
||||
startDate: from.toISOString(),
|
||||
endDate: now.toISOString(),
|
||||
},
|
||||
});
|
||||
|
||||
const posts: PostizPost[] = Array.isArray(res.data)
|
||||
? res.data
|
||||
: res.data?.posts ?? [];
|
||||
|
||||
const seen = await getSeenStatuses();
|
||||
const updated: Record<string, string> = { ...seen };
|
||||
const toNotify: PostizPost[] = [];
|
||||
|
||||
for (const post of posts) {
|
||||
const prev = seen[post.id];
|
||||
if (prev === undefined) {
|
||||
updated[post.id] = post.status;
|
||||
updated[post.id] = post.state;
|
||||
continue;
|
||||
}
|
||||
if (
|
||||
prev !== post.status &&
|
||||
(post.status === "PUBLISHED" || post.status === "ERROR")
|
||||
prev !== post.state &&
|
||||
(post.state === "PUBLISHED" || post.state === "ERROR")
|
||||
) {
|
||||
toNotify.push(post);
|
||||
}
|
||||
updated[post.id] = post.status;
|
||||
updated[post.id] = post.state;
|
||||
}
|
||||
|
||||
await saveSeenStatuses(updated);
|
||||
|
||||
for (const post of toNotify) {
|
||||
await sendStatusNotification(post);
|
||||
}
|
||||
@@ -117,21 +124,16 @@ export function useNotifications() {
|
||||
}, [client]);
|
||||
|
||||
useEffect(() => {
|
||||
if (!isConfigured || Platform.OS === "web") return;
|
||||
|
||||
if (!isConfigured || Platform.OS === "web" || isExpoGo()) return;
|
||||
let mounted = true;
|
||||
|
||||
(async () => {
|
||||
const granted = await requestPermissions();
|
||||
if (!granted || !mounted) return;
|
||||
|
||||
await checkForStatusChanges();
|
||||
|
||||
intervalRef.current = setInterval(() => {
|
||||
checkForStatusChanges();
|
||||
}, POLL_INTERVAL_MS);
|
||||
})();
|
||||
|
||||
return () => {
|
||||
mounted = false;
|
||||
if (intervalRef.current) {
|
||||
|
||||
+46
@@ -0,0 +1,46 @@
|
||||
#!/usr/bin/env bash
|
||||
# install-android-sdk.sh — Install Android SDK command-line tools only (no Android Studio).
|
||||
# Installs to ~/android-sdk. Run once; takes ~1 GB of disk space.
|
||||
|
||||
set -euo pipefail
|
||||
|
||||
SDK_DIR="$HOME/android-sdk"
|
||||
CMDLINE_TOOLS_URL="https://dl.google.com/android/repository/commandlinetools-linux-12266719_latest.zip"
|
||||
CMDLINE_ZIP="/tmp/android-cmdline-tools.zip"
|
||||
|
||||
GREEN='\033[0;32m'; NC='\033[0m'
|
||||
info() { echo -e "${GREEN}[sdk-install]${NC} $*"; }
|
||||
|
||||
if [ -d "$SDK_DIR/cmdline-tools/latest/bin" ]; then
|
||||
info "Android SDK already installed at $SDK_DIR"
|
||||
exit 0
|
||||
fi
|
||||
|
||||
info "Downloading Android command-line tools…"
|
||||
wget -q --show-progress -O "$CMDLINE_ZIP" "$CMDLINE_TOOLS_URL"
|
||||
|
||||
info "Extracting…"
|
||||
mkdir -p "$SDK_DIR/cmdline-tools"
|
||||
unzip -q "$CMDLINE_ZIP" -d "$SDK_DIR/cmdline-tools"
|
||||
mv "$SDK_DIR/cmdline-tools/cmdline-tools" "$SDK_DIR/cmdline-tools/latest"
|
||||
rm "$CMDLINE_ZIP"
|
||||
|
||||
export ANDROID_HOME="$SDK_DIR"
|
||||
export PATH="$PATH:$SDK_DIR/cmdline-tools/latest/bin:$SDK_DIR/platform-tools"
|
||||
|
||||
info "Accepting licenses…"
|
||||
yes | sdkmanager --licenses > /dev/null 2>&1 || true
|
||||
|
||||
info "Installing SDK components (platform-tools, build-tools 35, NDK 28)…"
|
||||
sdkmanager \
|
||||
"platform-tools" \
|
||||
"platforms;android-35" \
|
||||
"build-tools;35.0.0" \
|
||||
"ndk;28.2.13676358"
|
||||
|
||||
info "Done. Add this to your ~/.bashrc or ~/.zshrc:"
|
||||
echo ""
|
||||
echo ' export ANDROID_HOME="$HOME/android-sdk"'
|
||||
echo ' export PATH="$PATH:$ANDROID_HOME/cmdline-tools/latest/bin:$ANDROID_HOME/platform-tools"'
|
||||
echo ""
|
||||
info "Then reload your shell: source ~/.bashrc"
|
||||
@@ -0,0 +1,20 @@
|
||||
import axios from "axios";
|
||||
|
||||
export function extractError(err: unknown): string {
|
||||
if (axios.isAxiosError(err)) {
|
||||
const status = err.response?.status;
|
||||
const data = err.response?.data;
|
||||
if (data) {
|
||||
const body =
|
||||
typeof data === "string"
|
||||
? data.slice(0, 200)
|
||||
: (data?.message ?? data?.error ?? JSON.stringify(data)).toString().slice(0, 200);
|
||||
return status ? `HTTP ${status}: ${body}` : body;
|
||||
}
|
||||
if (status) return `HTTP ${status} — ${err.message}`;
|
||||
if (err.code === "ECONNABORTED") return "Request timed out. Check that the URL is reachable.";
|
||||
if (err.message) return err.message;
|
||||
}
|
||||
if (err instanceof Error) return err.message;
|
||||
return "Unknown error";
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
export function stripHtml(html: string): string {
|
||||
// Decode entities first so encoded tags like <p> are also stripped
|
||||
let s = html
|
||||
.replace(/&/g, "&")
|
||||
.replace(/</g, "<")
|
||||
.replace(/>/g, ">")
|
||||
.replace(/"/g, '"')
|
||||
.replace(/'/g, "'")
|
||||
.replace(/ /g, " ");
|
||||
// Block-level tags → newlines
|
||||
s = s
|
||||
.replace(/<br\s*\/?>/gi, "\n")
|
||||
.replace(/<\/p>/gi, "\n")
|
||||
.replace(/<\/div>/gi, "\n")
|
||||
.replace(/<\/li>/gi, "\n");
|
||||
// Strip all remaining tags
|
||||
s = s.replace(/<[^>]+>/g, "");
|
||||
return s.replace(/\n{3,}/g, "\n\n").trim();
|
||||
}
|
||||
@@ -1,3 +1,16 @@
|
||||
const { getDefaultConfig } = require("expo/metro-config");
|
||||
const path = require("path");
|
||||
|
||||
module.exports = getDefaultConfig(__dirname);
|
||||
const projectRoot = __dirname;
|
||||
const workspaceRoot = path.resolve(projectRoot, "../..");
|
||||
|
||||
const config = getDefaultConfig(projectRoot);
|
||||
|
||||
// pnpm monorepo: expose workspace root node_modules to Metro
|
||||
config.watchFolders = [workspaceRoot];
|
||||
config.resolver.nodeModulesPaths = [
|
||||
path.resolve(projectRoot, "node_modules"),
|
||||
path.resolve(workspaceRoot, "node_modules"),
|
||||
];
|
||||
|
||||
module.exports = config;
|
||||
|
||||
@@ -4,13 +4,16 @@
|
||||
"private": true,
|
||||
"main": "expo-router/entry",
|
||||
"scripts": {
|
||||
"dev": "EXPO_PACKAGER_PROXY_URL=https://$REPLIT_EXPO_DEV_DOMAIN EXPO_PUBLIC_DOMAIN=$REPLIT_DEV_DOMAIN EXPO_PUBLIC_REPL_ID=$REPL_ID REACT_NATIVE_PACKAGER_HOSTNAME=$REPLIT_DEV_DOMAIN pnpm exec expo start --localhost --port $PORT",
|
||||
"dev": "pnpm exec expo start",
|
||||
"build": "node scripts/build.js",
|
||||
"serve": "node server/serve.js",
|
||||
"typecheck": "tsc -p tsconfig.json --noEmit"
|
||||
"typecheck": "tsc -p tsconfig.json --noEmit",
|
||||
"android": "expo run:android",
|
||||
"ios": "expo run:ios"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.25.2",
|
||||
"babel-preset-expo": "~54.0.10",
|
||||
"@expo-google-fonts/inter": "^0.4.0",
|
||||
"@expo/cli": "54.0.23",
|
||||
"@expo/ngrok": "^4.1.0",
|
||||
@@ -23,13 +26,14 @@
|
||||
"@ungap/structured-clone": "^1.3.0",
|
||||
"@workspace/api-client-react": "workspace:*",
|
||||
"babel-plugin-react-compiler": "^19.0.0-beta-e993439-20250117",
|
||||
"expo": "~54.0.27",
|
||||
"expo": "~54.0.34",
|
||||
"expo-blur": "~15.0.8",
|
||||
"expo-constants": "~18.0.11",
|
||||
"expo-font": "~14.0.10",
|
||||
"expo-glass-effect": "~0.1.4",
|
||||
"expo-haptics": "~15.0.8",
|
||||
"expo-image": "~3.0.11",
|
||||
"expo-image-manipulator": "~13.0.6",
|
||||
"expo-image-picker": "~17.0.9",
|
||||
"expo-linear-gradient": "~15.0.8",
|
||||
"expo-linking": "~8.0.10",
|
||||
@@ -56,11 +60,14 @@
|
||||
"zod-validation-error": "^3.4.0"
|
||||
},
|
||||
"dependencies": {
|
||||
"@react-native-community/datetimepicker": "^9.1.0",
|
||||
"@react-native-community/datetimepicker": "8.4.4",
|
||||
"axios": "^1.15.2",
|
||||
"expo-notifications": "^55.0.22",
|
||||
"expo-secure-store": "^55.0.13",
|
||||
"expo-task-manager": "^55.0.15",
|
||||
"react-native-calendars": "^1.1314.0"
|
||||
"expo-clipboard": "~8.0.8",
|
||||
"expo-notifications": "~0.32.17",
|
||||
"expo-secure-store": "~15.0.8",
|
||||
"react-native-calendars": "^1.1314.0",
|
||||
"expo": "~54.0.34",
|
||||
"react": "19.1.0",
|
||||
"react-native": "0.81.5"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -55,20 +55,12 @@ function stripProtocol(domain) {
|
||||
}
|
||||
|
||||
function getDeploymentDomain() {
|
||||
if (process.env.REPLIT_INTERNAL_APP_DOMAIN) {
|
||||
return stripProtocol(process.env.REPLIT_INTERNAL_APP_DOMAIN);
|
||||
}
|
||||
|
||||
if (process.env.REPLIT_DEV_DOMAIN) {
|
||||
return stripProtocol(process.env.REPLIT_DEV_DOMAIN);
|
||||
}
|
||||
|
||||
if (process.env.EXPO_PUBLIC_DOMAIN) {
|
||||
return stripProtocol(process.env.EXPO_PUBLIC_DOMAIN);
|
||||
}
|
||||
|
||||
console.error(
|
||||
"ERROR: No deployment domain found. Set REPLIT_INTERNAL_APP_DOMAIN, REPLIT_DEV_DOMAIN, or EXPO_PUBLIC_DOMAIN",
|
||||
"ERROR: No deployment domain found. Set EXPO_PUBLIC_DOMAIN.",
|
||||
);
|
||||
process.exit(1);
|
||||
}
|
||||
@@ -124,7 +116,7 @@ async function checkMetroHealth() {
|
||||
}
|
||||
|
||||
function getExpoPublicReplId() {
|
||||
return process.env.REPL_ID || process.env.EXPO_PUBLIC_REPL_ID;
|
||||
return process.env.EXPO_PUBLIC_REPL_ID;
|
||||
}
|
||||
|
||||
async function startMetro(expoPublicDomain, expoPublicReplId) {
|
||||
|
||||
Generated
+285
-94
@@ -169,9 +169,6 @@ importers:
|
||||
'@workspace/db':
|
||||
specifier: workspace:*
|
||||
version: link:../../lib/db
|
||||
cookie-parser:
|
||||
specifier: ^1.4.7
|
||||
version: 1.4.7
|
||||
cors:
|
||||
specifier: ^2
|
||||
version: 2.8.6
|
||||
@@ -188,9 +185,6 @@ importers:
|
||||
specifier: ^10
|
||||
version: 10.5.0
|
||||
devDependencies:
|
||||
'@types/cookie-parser':
|
||||
specifier: ^1.4.10
|
||||
version: 1.4.10(@types/express@5.0.6)
|
||||
'@types/cors':
|
||||
specifier: ^2.8.19
|
||||
version: 2.8.19
|
||||
@@ -399,20 +393,20 @@ importers:
|
||||
artifacts/postiz-mobile:
|
||||
dependencies:
|
||||
'@react-native-community/datetimepicker':
|
||||
specifier: ^9.1.0
|
||||
version: 9.1.0(expo@54.0.34)(react-native@0.81.5(@babel/core@7.29.0)(@types/react@19.1.17)(react@19.1.0))(react@19.1.0)
|
||||
specifier: 8.4.4
|
||||
version: 8.4.4(expo@54.0.34)(react-native@0.81.5(@babel/core@7.29.0)(@types/react@19.1.17)(react@19.1.0))(react@19.1.0)
|
||||
axios:
|
||||
specifier: ^1.15.2
|
||||
version: 1.15.2
|
||||
expo-clipboard:
|
||||
specifier: ~8.0.8
|
||||
version: 8.0.8(expo@54.0.34)(react-native@0.81.5(@babel/core@7.29.0)(@types/react@19.1.17)(react@19.1.0))(react@19.1.0)
|
||||
expo-notifications:
|
||||
specifier: ^55.0.22
|
||||
version: 55.0.22(expo@54.0.34)(react-native@0.81.5(@babel/core@7.29.0)(@types/react@19.1.17)(react@19.1.0))(react@19.1.0)(typescript@5.9.3)
|
||||
specifier: ~0.32.17
|
||||
version: 0.32.17(expo@54.0.34)(react-native@0.81.5(@babel/core@7.29.0)(@types/react@19.1.17)(react@19.1.0))(react@19.1.0)(typescript@5.9.3)
|
||||
expo-secure-store:
|
||||
specifier: ^55.0.13
|
||||
version: 55.0.13(expo@54.0.34)
|
||||
expo-task-manager:
|
||||
specifier: ^55.0.15
|
||||
version: 55.0.15(expo@54.0.34)(react-native@0.81.5(@babel/core@7.29.0)(@types/react@19.1.17)(react@19.1.0))
|
||||
specifier: ~15.0.8
|
||||
version: 15.0.8(expo@54.0.34)
|
||||
react-native-calendars:
|
||||
specifier: ^1.1314.0
|
||||
version: 1.1314.0(react-native@0.81.5(@babel/core@7.29.0)(@types/react@19.1.17)(react@19.1.0))(react@19.1.0)
|
||||
@@ -456,8 +450,11 @@ importers:
|
||||
babel-plugin-react-compiler:
|
||||
specifier: ^19.0.0-beta-e993439-20250117
|
||||
version: 19.0.0-beta-ebf51a3-20250411
|
||||
babel-preset-expo:
|
||||
specifier: ~54.0.10
|
||||
version: 54.0.10(@babel/core@7.29.0)(@babel/runtime@7.28.6)(expo@54.0.34)(react-refresh@0.18.0)
|
||||
expo:
|
||||
specifier: ~54.0.27
|
||||
specifier: ~54.0.34
|
||||
version: 54.0.34(@babel/core@7.29.0)(@expo/metro-runtime@6.1.2)(expo-router@6.0.23)(react-native@0.81.5(@babel/core@7.29.0)(@types/react@19.1.17)(react@19.1.0))(react@19.1.0)(typescript@5.9.3)
|
||||
expo-blur:
|
||||
specifier: ~15.0.8
|
||||
@@ -1194,10 +1191,6 @@ packages:
|
||||
'@expo/env@2.0.11':
|
||||
resolution: {integrity: sha512-xV+ps6YCW7XIPVUwFVCRN2nox09dnRwy8uIjwHWTODu0zFw4kp4omnVkl0OOjuu2XOe7tdgAHxikrkJt9xB/7Q==}
|
||||
|
||||
'@expo/env@2.1.1':
|
||||
resolution: {integrity: sha512-rVvHC4I6xlPcg+mAO09ydUi2Wjv1ZytpLmHOSzvXzBAz9mMrJggqCe4s4dubjJvi/Ino/xQCLhbaLCnTtLpikg==}
|
||||
engines: {node: '>=20.12.0'}
|
||||
|
||||
'@expo/fingerprint@0.15.5':
|
||||
resolution: {integrity: sha512-mdVoAMcux1WlM6kd1RoWiHRNqKqS+J6mKmWQ/BKgeh937S/fcW58EE68O6nc4KDXtWi3PBeNHskOFcgyIuD4hw==}
|
||||
hasBin: true
|
||||
@@ -1316,6 +1309,9 @@ packages:
|
||||
peerDependencies:
|
||||
react-hook-form: ^7.0.0
|
||||
|
||||
'@ide/backoff@1.0.0':
|
||||
resolution: {integrity: sha512-F0YfUDjvT+Mtt/R4xdl2X0EYCHMMiJqNLdxHD++jDT5ydEFIyqbCHh51Qx2E211dgZprPKhV7sHmnXKpLuvc5g==}
|
||||
|
||||
'@isaacs/fs-minipass@4.0.1':
|
||||
resolution: {integrity: sha512-wgm9Ehl2jpeqP3zw/7mo3kRHFp5MEDhqAdwy1fTGkHAwnkGOVsgpvQhL8B5n1qlb01jV3n/bI0ZfZp5lWA1k4w==}
|
||||
engines: {node: '>=18.0.0'}
|
||||
@@ -2098,8 +2094,8 @@ packages:
|
||||
peerDependencies:
|
||||
react-native: ^0.0.0-0 || >=0.65 <1.0
|
||||
|
||||
'@react-native-community/datetimepicker@9.1.0':
|
||||
resolution: {integrity: sha512-eadbnk+I2vxvW30iTAsm/qlCnMMAadkifIMYNEB2lzhxN/SvlKc7S2V4k5DyrwjdCbqdcMk3t9K6fnUMcAV34w==}
|
||||
'@react-native-community/datetimepicker@8.4.4':
|
||||
resolution: {integrity: sha512-bc4ZixEHxZC9/qf5gbdYvIJiLZ5CLmEsC3j+Yhe1D1KC/3QhaIfGDVdUcid0PdlSoGOSEq4VlB93AWyetEyBSQ==}
|
||||
peerDependencies:
|
||||
expo: '>=52.0.0'
|
||||
react: '*'
|
||||
@@ -2365,11 +2361,6 @@ packages:
|
||||
'@types/connect@3.4.38':
|
||||
resolution: {integrity: sha512-K6uROf1LD88uDQqJCktA4yzL1YYAK6NgfsI0v/mTgyPKWsX1CnJ0XPSDhViejru1GcRkLWb8RlzFYJRqGUbaug==}
|
||||
|
||||
'@types/cookie-parser@1.4.10':
|
||||
resolution: {integrity: sha512-B4xqkqfZ8Wek+rCOeRxsjMS9OgvzebEzzLYw7NHYuvzb7IdxOkI0ZHGgeEBX4PUM7QGVvNSK60T3OvWj3YfBRg==}
|
||||
peerDependencies:
|
||||
'@types/express': '*'
|
||||
|
||||
'@types/cors@2.8.19':
|
||||
resolution: {integrity: sha512-mFNylyeyqN93lfe/9CSxOGREz8cpzAhH+E93xJ4xWQf62V8sQ/24reV2nyzUWM6H6Xji+GGHpkbLe7pVoUEskg==}
|
||||
|
||||
@@ -2597,6 +2588,9 @@ packages:
|
||||
asap@2.0.6:
|
||||
resolution: {integrity: sha512-BSHWgDSAiKs50o2Re8ppvp3seVHXSRM44cdSsT9FfNEUUZLOGWVCsiWaRPWM1Znn+mqZ1OfVZ3z3DWEzSp7hRA==}
|
||||
|
||||
assert@2.1.0:
|
||||
resolution: {integrity: sha512-eLHpSK/Y4nhMJ07gDaAzoX/XAKS8PSaojml3M0DM4JpV1LAi5JOJ/p6H/XWrl8L+DzVEvVCW1z3vWAaB9oTsQw==}
|
||||
|
||||
async-limiter@1.0.1:
|
||||
resolution: {integrity: sha512-csOlWGAcRFJaI6m+F2WKdnMKr4HhdhFVBk0H/QbJFMCr+uO2kwohwXQPxw/9OCxp05r5ghVBFSyioixx3gfkNQ==}
|
||||
|
||||
@@ -2607,6 +2601,10 @@ packages:
|
||||
resolution: {integrity: sha512-kNOjDqAh7px0XWNI+4QbzoiR/nTkHAWNud2uvnJquD1/x5a7EQZMJT0AczqK0Qn67oY/TTQ1LbUKajZpp3I9tQ==}
|
||||
engines: {node: '>=8.0.0'}
|
||||
|
||||
available-typed-arrays@1.0.7:
|
||||
resolution: {integrity: sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==}
|
||||
engines: {node: '>= 0.4'}
|
||||
|
||||
axios@1.15.2:
|
||||
resolution: {integrity: sha512-wLrXxPtcrPTsNlJmKjkPnNPK2Ihe0hn0wGSaTEiHRPxwjvJwT3hKmXF4dpqxmPO9SoNb2FsYXj/xEo0gHN+D5A==}
|
||||
|
||||
@@ -2765,6 +2763,10 @@ packages:
|
||||
resolution: {integrity: sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==}
|
||||
engines: {node: '>= 0.4'}
|
||||
|
||||
call-bind@1.0.9:
|
||||
resolution: {integrity: sha512-a/hy+pNsFUTR+Iz8TCJvXudKVLAnz/DyeSUo10I5yvFDQJBFU2s9uqQpoSrJlroHUKoKqzg+epxyP9lqFdzfBQ==}
|
||||
engines: {node: '>= 0.4'}
|
||||
|
||||
call-bound@1.0.4:
|
||||
resolution: {integrity: sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==}
|
||||
engines: {node: '>= 0.4'}
|
||||
@@ -2925,13 +2927,6 @@ packages:
|
||||
convert-source-map@2.0.0:
|
||||
resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==}
|
||||
|
||||
cookie-parser@1.4.7:
|
||||
resolution: {integrity: sha512-nGUvgXnotP3BsjiLX2ypbQnWoGUPIIfHQNZkkC668ntrzGWEZVW70HDEB1qnNGMicPje6EttlIgzo51YSwNQGw==}
|
||||
engines: {node: '>= 0.8.0'}
|
||||
|
||||
cookie-signature@1.0.6:
|
||||
resolution: {integrity: sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==}
|
||||
|
||||
cookie-signature@1.2.2:
|
||||
resolution: {integrity: sha512-D76uU73ulSXrD1UXF4KE2TMxVVwhsnCgfAyTg9k8P6KGZjlXKrOLe4dJQKI3Bxi5wjesZoFXJWElNWBjPZMbhg==}
|
||||
engines: {node: '>=6.6.0'}
|
||||
@@ -3078,10 +3073,18 @@ packages:
|
||||
resolution: {integrity: sha512-4tvttepXG1VaYGrRibk5EwJd1t4udunSOVMdLSAL6mId1ix438oPwPZMALY41FCijukO1L0twNcGsdzS7dHgDg==}
|
||||
engines: {node: '>=10'}
|
||||
|
||||
define-data-property@1.1.4:
|
||||
resolution: {integrity: sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==}
|
||||
engines: {node: '>= 0.4'}
|
||||
|
||||
define-lazy-prop@2.0.0:
|
||||
resolution: {integrity: sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==}
|
||||
engines: {node: '>=8'}
|
||||
|
||||
define-properties@1.2.1:
|
||||
resolution: {integrity: sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==}
|
||||
engines: {node: '>= 0.4'}
|
||||
|
||||
delayed-stream@1.0.0:
|
||||
resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
|
||||
engines: {node: '>=0.4.0'}
|
||||
@@ -3365,8 +3368,8 @@ packages:
|
||||
resolution: {integrity: sha512-9Be3ZoN4LmYR90tUoVu2te2BsbzHfhJyfEiAVfz7N5/zv+jduIfLrV2xdQXOHbaD6KgpGdO9PRPM1Y4Q9QkPkA==}
|
||||
engines: {node: ^18.19.0 || >=20.5.0}
|
||||
|
||||
expo-application@55.0.14:
|
||||
resolution: {integrity: sha512-NgqDIt3eCf4aVLp1L6AcEanCYoyJeuBsGrgGSzOIvxAsOvp5X3SYKW3ROgpKUnLQEKMWlzwETpjsUGszcqkk8g==}
|
||||
expo-application@7.0.8:
|
||||
resolution: {integrity: sha512-qFGyxk7VJbrNOQWBbE09XUuGuvkOgFS9QfToaK2FdagM2aQ+x3CvGV2DuVgl/l4ZxPgIf3b/MNh9xHpwSwn74Q==}
|
||||
peerDependencies:
|
||||
expo: '*'
|
||||
|
||||
@@ -3384,14 +3387,15 @@ packages:
|
||||
react: '*'
|
||||
react-native: '*'
|
||||
|
||||
expo-constants@18.0.13:
|
||||
resolution: {integrity: sha512-FnZn12E1dRYKDHlAdIyNFhBurKTS3F9CrfrBDJI5m3D7U17KBHMQ6JEfYlSj7LG7t+Ulr+IKaj58L1k5gBwTcQ==}
|
||||
expo-clipboard@8.0.8:
|
||||
resolution: {integrity: sha512-VKoBkHIpZZDJTB0jRO4/PZskHdMNOEz3P/41tmM6fDuODMpqhvyWK053X0ebspkxiawJX9lX33JXHBCvVsTTOA==}
|
||||
peerDependencies:
|
||||
expo: '*'
|
||||
react: '*'
|
||||
react-native: '*'
|
||||
|
||||
expo-constants@55.0.15:
|
||||
resolution: {integrity: sha512-w394fcZLJjeKN+9ZnJzL/HiarE1nwZFDa+3S9frevh6Ur+MAAs9QDrcXhDrV8T3xqRzzYaqsP6Z8TFZ4efWN1A==}
|
||||
expo-constants@18.0.13:
|
||||
resolution: {integrity: sha512-FnZn12E1dRYKDHlAdIyNFhBurKTS3F9CrfrBDJI5m3D7U17KBHMQ6JEfYlSj7LG7t+Ulr+IKaj58L1k5gBwTcQ==}
|
||||
peerDependencies:
|
||||
expo: '*'
|
||||
react-native: '*'
|
||||
@@ -3476,8 +3480,8 @@ packages:
|
||||
react: '*'
|
||||
react-native: '*'
|
||||
|
||||
expo-notifications@55.0.22:
|
||||
resolution: {integrity: sha512-Rwvsp/lAEXfDYBxkQZpaLF9ZB25cJ/yfHhD/ESclbPesN0nbQBZ/5rGb1xS/saANtkStbEGfDlA80uHh2zEpsA==}
|
||||
expo-notifications@0.32.17:
|
||||
resolution: {integrity: sha512-lwwzn7tImuzTzn9PAglZlS2VfZEvsfFGJTK9Eb8I4cqkGh2DI23YJFJH+WPEIu4QhDvk5JeBjklenJ8IZbmA4A==}
|
||||
peerDependencies:
|
||||
expo: '*'
|
||||
react: '*'
|
||||
@@ -3516,8 +3520,8 @@ packages:
|
||||
react-server-dom-webpack:
|
||||
optional: true
|
||||
|
||||
expo-secure-store@55.0.13:
|
||||
resolution: {integrity: sha512-I6r0JNO1Fd4o0Gu7Ixiic7s89lqgdUHq17uBH9y1f/AntoyKn71TdtYJH82RgfsBbu5qNVzrwImmvlANyOlITQ==}
|
||||
expo-secure-store@15.0.8:
|
||||
resolution: {integrity: sha512-lHnzvRajBu4u+P99+0GEMijQMFCOYpWRO4dWsXSuMt77+THPIGjzNvVKrGSl6mMrLsfVaKL8BpwYZLGlgA+zAw==}
|
||||
peerDependencies:
|
||||
expo: '*'
|
||||
|
||||
@@ -3552,12 +3556,6 @@ packages:
|
||||
react-native-web:
|
||||
optional: true
|
||||
|
||||
expo-task-manager@55.0.15:
|
||||
resolution: {integrity: sha512-wLqYkKBp9cxIonEIp3LYy9iFjlOxxw4ca8nZLdSriKVxzPvdUwX6cZ4g55Fi+uSi4oPVFo9JYFKVUEofc+do+A==}
|
||||
peerDependencies:
|
||||
expo: '*'
|
||||
react-native: '*'
|
||||
|
||||
expo-web-browser@15.0.11:
|
||||
resolution: {integrity: sha512-r2LS4Ro6DgUPZkcaEfgt8mp9eJuoA93x11Jh7S6utFe0FEzvUNn2yFhxg8XVwESaaHGt2k5V8LuK36rsp0BeIw==}
|
||||
peerDependencies:
|
||||
@@ -3675,6 +3673,10 @@ packages:
|
||||
fontfaceobserver@2.3.0:
|
||||
resolution: {integrity: sha512-6FPvD/IVyT4ZlNe7Wcn5Fb/4ChigpucKYSvD6a+0iMoLn2inpo711eyIcKjmDtE5XNcgAkSH9uN/nfAeZzHEfg==}
|
||||
|
||||
for-each@0.3.5:
|
||||
resolution: {integrity: sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg==}
|
||||
engines: {node: '>= 0.4'}
|
||||
|
||||
form-data@4.0.5:
|
||||
resolution: {integrity: sha512-8RipRLol37bNs2bhoV67fiTEvdTrbMUYcFTiy3+wuuOnUog2QBHCZWXDRijWQfAkhBj2Uf5UnVaiWwA5vdd82w==}
|
||||
engines: {node: '>= 6'}
|
||||
@@ -3724,6 +3726,10 @@ packages:
|
||||
function-bind@1.1.2:
|
||||
resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==}
|
||||
|
||||
generator-function@2.0.1:
|
||||
resolution: {integrity: sha512-SFdFmIJi+ybC0vjlHN0ZGVGHc3lgE0DxPAT0djjVg+kjOnSqclqmj0KQ7ykTOLP6YxoqOvuAODGdcHJn+43q3g==}
|
||||
engines: {node: '>= 0.4'}
|
||||
|
||||
gensync@1.0.0-beta.2:
|
||||
resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
|
||||
engines: {node: '>=6.9.0'}
|
||||
@@ -3798,6 +3804,9 @@ packages:
|
||||
resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
|
||||
engines: {node: '>=8'}
|
||||
|
||||
has-property-descriptors@1.0.2:
|
||||
resolution: {integrity: sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==}
|
||||
|
||||
has-symbols@1.1.0:
|
||||
resolution: {integrity: sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==}
|
||||
engines: {node: '>= 0.4'}
|
||||
@@ -3914,9 +3923,17 @@ packages:
|
||||
resolution: {integrity: sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==}
|
||||
engines: {node: '>= 0.10'}
|
||||
|
||||
is-arguments@1.2.0:
|
||||
resolution: {integrity: sha512-7bVbi0huj/wrIAOzb8U1aszg9kdi3KN/CyU19CTI7tAoZYEZoL9yCDXpbXN+uPsuWnP02cyug1gleqq+TU+YCA==}
|
||||
engines: {node: '>= 0.4'}
|
||||
|
||||
is-arrayish@0.3.4:
|
||||
resolution: {integrity: sha512-m6UrgzFVUYawGBh1dUsWR5M2Clqic9RVXC/9f8ceNlv2IcO9j9J/z8UoCLPqtsPBFNzEpfR3xftohbfqDx8EQA==}
|
||||
|
||||
is-callable@1.2.7:
|
||||
resolution: {integrity: sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==}
|
||||
engines: {node: '>= 0.4'}
|
||||
|
||||
is-core-module@2.16.1:
|
||||
resolution: {integrity: sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==}
|
||||
engines: {node: '>= 0.4'}
|
||||
@@ -3934,10 +3951,18 @@ packages:
|
||||
resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
|
||||
engines: {node: '>=8'}
|
||||
|
||||
is-generator-function@1.1.2:
|
||||
resolution: {integrity: sha512-upqt1SkGkODW9tsGNG5mtXTXtECizwtS2kA161M+gJPc1xdb/Ax629af6YrTwcOeQHbewrPNlE5Dx7kzvXTizA==}
|
||||
engines: {node: '>= 0.4'}
|
||||
|
||||
is-glob@4.0.3:
|
||||
resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
|
||||
engines: {node: '>=0.10.0'}
|
||||
|
||||
is-nan@1.3.2:
|
||||
resolution: {integrity: sha512-E+zBKpQ2t6MEo1VsonYmluk9NxGrbzpeeLC2xIViuO2EjU2xsXsBPwTr3Ykv9l08UYEVEdWeRZNouaZqF6RN0w==}
|
||||
engines: {node: '>= 0.4'}
|
||||
|
||||
is-number@7.0.0:
|
||||
resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
|
||||
engines: {node: '>=0.12.0'}
|
||||
@@ -3957,10 +3982,18 @@ packages:
|
||||
is-promise@4.0.0:
|
||||
resolution: {integrity: sha512-hvpoI6korhJMnej285dSg6nu1+e6uxs7zG3BYAm5byqDsgJNWwxzM6z6iZiAgQR4TJ30JmBTOwqZUw3WlyH3AQ==}
|
||||
|
||||
is-regex@1.2.1:
|
||||
resolution: {integrity: sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==}
|
||||
engines: {node: '>= 0.4'}
|
||||
|
||||
is-stream@4.0.1:
|
||||
resolution: {integrity: sha512-Dnz92NInDqYckGEUJv689RbRiTSEHCQ7wOVeALbkOz999YpqT46yMRIGtSNl2iCL1waAZSx40+h59NV/EwzV/A==}
|
||||
engines: {node: '>=18'}
|
||||
|
||||
is-typed-array@1.1.15:
|
||||
resolution: {integrity: sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==}
|
||||
engines: {node: '>= 0.4'}
|
||||
|
||||
is-unicode-supported@2.1.0:
|
||||
resolution: {integrity: sha512-mE00Gnza5EEB3Ds0HfMyllZzbBrmLOX3vfWoj9A9PEnTfratQ/BcaJOuMhnkhjXvb2+FkY3VuHqtAGpTPmglFQ==}
|
||||
engines: {node: '>=18'}
|
||||
@@ -4486,6 +4519,18 @@ packages:
|
||||
resolution: {integrity: sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==}
|
||||
engines: {node: '>= 0.4'}
|
||||
|
||||
object-is@1.1.6:
|
||||
resolution: {integrity: sha512-F8cZ+KfGlSGi09lJT7/Nd6KJZ9ygtvYC0/UYYLI9nmQKLMnydpB9yvbv9K1uSkEu7FU9vYPmVwLg328tX+ot3Q==}
|
||||
engines: {node: '>= 0.4'}
|
||||
|
||||
object-keys@1.1.1:
|
||||
resolution: {integrity: sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==}
|
||||
engines: {node: '>= 0.4'}
|
||||
|
||||
object.assign@4.1.7:
|
||||
resolution: {integrity: sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==}
|
||||
engines: {node: '>= 0.4'}
|
||||
|
||||
on-exit-leak-free@2.1.2:
|
||||
resolution: {integrity: sha512-0eJJY6hXLGf1udHwfNftBqH+g73EU4B504nZeKpz1sYRKafAghwxEJunB2O7rDZkL4PGfsMVnTXZ2EjibbqcsA==}
|
||||
engines: {node: '>=14.0.0'}
|
||||
@@ -4681,6 +4726,10 @@ packages:
|
||||
resolution: {integrity: sha512-NCrCHhWmnQklfH4MtJMRjZ2a8c80qXeMlQMv2uVp9ISJMTt562SbGd6n2oq0PaPgKm7Z6pL9E2UlLIhC+SHL3w==}
|
||||
engines: {node: '>=4.0.0'}
|
||||
|
||||
possible-typed-array-names@1.1.0:
|
||||
resolution: {integrity: sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==}
|
||||
engines: {node: '>= 0.4'}
|
||||
|
||||
postcss-value-parser@4.2.0:
|
||||
resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
|
||||
|
||||
@@ -5098,6 +5147,10 @@ packages:
|
||||
safe-buffer@5.2.1:
|
||||
resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==}
|
||||
|
||||
safe-regex-test@1.1.0:
|
||||
resolution: {integrity: sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==}
|
||||
engines: {node: '>= 0.4'}
|
||||
|
||||
safe-stable-stringify@2.5.0:
|
||||
resolution: {integrity: sha512-b3rppTKm9T+PsVCBEOUR46GWI7fdOs00VKZ1+9c1EWDaDMvjQc6tUwuFyIprgGgTcWoVHSKrU8H31ZHA2e0RHA==}
|
||||
engines: {node: '>=10'}
|
||||
@@ -5157,6 +5210,10 @@ packages:
|
||||
server-only@0.0.1:
|
||||
resolution: {integrity: sha512-qepMx2JxAa5jjfzxG79yPPq+8BuFToHd1hm7kI+Z4zAq1ftQiP7HcxMhDDItrbtwVeLg/cY2JnKnrcFkmiswNA==}
|
||||
|
||||
set-function-length@1.2.2:
|
||||
resolution: {integrity: sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==}
|
||||
engines: {node: '>= 0.4'}
|
||||
|
||||
setimmediate@1.0.5:
|
||||
resolution: {integrity: sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA==}
|
||||
|
||||
@@ -5518,9 +5575,6 @@ packages:
|
||||
resolution: {integrity: sha512-wH590V9VNgYH9g3lH9wWjTrUoKsjLF6sGLjhR4sH1LWpLmCOH0Zf7PukhDA8BiS7KHe4oPNkcTHqYkj7SOGUOw==}
|
||||
engines: {node: '>=20'}
|
||||
|
||||
unimodules-app-loader@55.0.5:
|
||||
resolution: {integrity: sha512-2eLjtaAVQTK3EeiUAgRbfEnX78f6cMtw5Js8Ri4OcEdkrozsmvG3Wu8YVfr6kfhea17FHZkKZmO1m4dL/Ky2Bg==}
|
||||
|
||||
universalify@2.0.1:
|
||||
resolution: {integrity: sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==}
|
||||
engines: {node: '>= 10.0.0'}
|
||||
@@ -5565,6 +5619,9 @@ packages:
|
||||
peerDependencies:
|
||||
react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
|
||||
|
||||
util@0.12.5:
|
||||
resolution: {integrity: sha512-kZf/K6hEIrWHI6XqOFUiiMa+79wE/D8Q+NCNAWclkyg3b4d2k7s0QGepNjiABc+aR3N1PAyHL7p6UcLY6LmrnA==}
|
||||
|
||||
utils-merge@1.0.1:
|
||||
resolution: {integrity: sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==}
|
||||
engines: {node: '>= 0.4.0'}
|
||||
@@ -5665,6 +5722,10 @@ packages:
|
||||
whatwg-url@5.0.0:
|
||||
resolution: {integrity: sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==}
|
||||
|
||||
which-typed-array@1.1.20:
|
||||
resolution: {integrity: sha512-LYfpUkmqwl0h9A2HL09Mms427Q1RZWuOHsukfVcKRq9q95iQxdw0ix1JQrqbcDR9PH1QDwf5Qo8OZb5lksZ8Xg==}
|
||||
engines: {node: '>= 0.4'}
|
||||
|
||||
which@2.0.2:
|
||||
resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
|
||||
engines: {node: '>= 8'}
|
||||
@@ -6644,14 +6705,6 @@ snapshots:
|
||||
transitivePeerDependencies:
|
||||
- supports-color
|
||||
|
||||
'@expo/env@2.1.1':
|
||||
dependencies:
|
||||
chalk: 4.1.2
|
||||
debug: 4.4.3
|
||||
getenv: 2.0.0
|
||||
transitivePeerDependencies:
|
||||
- supports-color
|
||||
|
||||
'@expo/fingerprint@0.15.5':
|
||||
dependencies:
|
||||
'@expo/spawn-async': 1.7.2
|
||||
@@ -6862,6 +6915,8 @@ snapshots:
|
||||
dependencies:
|
||||
react-hook-form: 7.71.2(react@19.1.0)
|
||||
|
||||
'@ide/backoff@1.0.0': {}
|
||||
|
||||
'@isaacs/fs-minipass@4.0.1':
|
||||
dependencies:
|
||||
minipass: 7.1.3
|
||||
@@ -7976,7 +8031,7 @@ snapshots:
|
||||
merge-options: 3.0.4
|
||||
react-native: 0.81.5(@babel/core@7.29.0)(@types/react@19.1.17)(react@19.1.0)
|
||||
|
||||
'@react-native-community/datetimepicker@9.1.0(expo@54.0.34)(react-native@0.81.5(@babel/core@7.29.0)(@types/react@19.1.17)(react@19.1.0))(react@19.1.0)':
|
||||
'@react-native-community/datetimepicker@8.4.4(expo@54.0.34)(react-native@0.81.5(@babel/core@7.29.0)(@types/react@19.1.17)(react@19.1.0))(react@19.1.0)':
|
||||
dependencies:
|
||||
invariant: 2.2.4
|
||||
react: 19.1.0
|
||||
@@ -8336,10 +8391,6 @@ snapshots:
|
||||
dependencies:
|
||||
'@types/node': 25.3.5
|
||||
|
||||
'@types/cookie-parser@1.4.10(@types/express@5.0.6)':
|
||||
dependencies:
|
||||
'@types/express': 5.0.6
|
||||
|
||||
'@types/cors@2.8.19':
|
||||
dependencies:
|
||||
'@types/node': 25.3.5
|
||||
@@ -8572,12 +8623,24 @@ snapshots:
|
||||
|
||||
asap@2.0.6: {}
|
||||
|
||||
assert@2.1.0:
|
||||
dependencies:
|
||||
call-bind: 1.0.9
|
||||
is-nan: 1.3.2
|
||||
object-is: 1.1.6
|
||||
object.assign: 4.1.7
|
||||
util: 0.12.5
|
||||
|
||||
async-limiter@1.0.1: {}
|
||||
|
||||
asynckit@0.4.0: {}
|
||||
|
||||
atomic-sleep@1.0.0: {}
|
||||
|
||||
available-typed-arrays@1.0.7:
|
||||
dependencies:
|
||||
possible-typed-array-names: 1.1.0
|
||||
|
||||
axios@1.15.2:
|
||||
dependencies:
|
||||
follow-redirects: 1.16.0
|
||||
@@ -8711,6 +8774,38 @@ snapshots:
|
||||
- '@babel/core'
|
||||
- supports-color
|
||||
|
||||
babel-preset-expo@54.0.10(@babel/core@7.29.0)(@babel/runtime@7.28.6)(expo@54.0.34)(react-refresh@0.18.0):
|
||||
dependencies:
|
||||
'@babel/helper-module-imports': 7.28.6
|
||||
'@babel/plugin-proposal-decorators': 7.29.0(@babel/core@7.29.0)
|
||||
'@babel/plugin-proposal-export-default-from': 7.27.1(@babel/core@7.29.0)
|
||||
'@babel/plugin-syntax-export-default-from': 7.28.6(@babel/core@7.29.0)
|
||||
'@babel/plugin-transform-class-static-block': 7.28.6(@babel/core@7.29.0)
|
||||
'@babel/plugin-transform-export-namespace-from': 7.27.1(@babel/core@7.29.0)
|
||||
'@babel/plugin-transform-flow-strip-types': 7.27.1(@babel/core@7.29.0)
|
||||
'@babel/plugin-transform-modules-commonjs': 7.28.6(@babel/core@7.29.0)
|
||||
'@babel/plugin-transform-object-rest-spread': 7.28.6(@babel/core@7.29.0)
|
||||
'@babel/plugin-transform-parameters': 7.27.7(@babel/core@7.29.0)
|
||||
'@babel/plugin-transform-private-methods': 7.28.6(@babel/core@7.29.0)
|
||||
'@babel/plugin-transform-private-property-in-object': 7.28.6(@babel/core@7.29.0)
|
||||
'@babel/plugin-transform-runtime': 7.29.0(@babel/core@7.29.0)
|
||||
'@babel/preset-react': 7.28.5(@babel/core@7.29.0)
|
||||
'@babel/preset-typescript': 7.28.5(@babel/core@7.29.0)
|
||||
'@react-native/babel-preset': 0.81.5(@babel/core@7.29.0)
|
||||
babel-plugin-react-compiler: 1.0.0
|
||||
babel-plugin-react-native-web: 0.21.2
|
||||
babel-plugin-syntax-hermes-parser: 0.29.1
|
||||
babel-plugin-transform-flow-enums: 0.0.2(@babel/core@7.29.0)
|
||||
debug: 4.4.3
|
||||
react-refresh: 0.18.0
|
||||
resolve-from: 5.0.0
|
||||
optionalDependencies:
|
||||
'@babel/runtime': 7.28.6
|
||||
expo: 54.0.34(@babel/core@7.29.0)(@expo/metro-runtime@6.1.2)(expo-router@6.0.23)(react-native@0.81.5(@babel/core@7.29.0)(@types/react@19.1.17)(react@19.1.0))(react@19.1.0)(typescript@5.9.3)
|
||||
transitivePeerDependencies:
|
||||
- '@babel/core'
|
||||
- supports-color
|
||||
|
||||
babel-preset-jest@29.6.3(@babel/core@7.29.0):
|
||||
dependencies:
|
||||
'@babel/core': 7.29.0
|
||||
@@ -8816,6 +8911,13 @@ snapshots:
|
||||
es-errors: 1.3.0
|
||||
function-bind: 1.1.2
|
||||
|
||||
call-bind@1.0.9:
|
||||
dependencies:
|
||||
call-bind-apply-helpers: 1.0.2
|
||||
es-define-property: 1.0.1
|
||||
get-intrinsic: 1.3.0
|
||||
set-function-length: 1.2.2
|
||||
|
||||
call-bound@1.0.4:
|
||||
dependencies:
|
||||
call-bind-apply-helpers: 1.0.2
|
||||
@@ -8983,13 +9085,6 @@ snapshots:
|
||||
|
||||
convert-source-map@2.0.0: {}
|
||||
|
||||
cookie-parser@1.4.7:
|
||||
dependencies:
|
||||
cookie: 0.7.2
|
||||
cookie-signature: 1.0.6
|
||||
|
||||
cookie-signature@1.0.6: {}
|
||||
|
||||
cookie-signature@1.2.2: {}
|
||||
|
||||
cookie@0.7.2: {}
|
||||
@@ -9112,8 +9207,20 @@ snapshots:
|
||||
|
||||
defer-to-connect@2.0.1: {}
|
||||
|
||||
define-data-property@1.1.4:
|
||||
dependencies:
|
||||
es-define-property: 1.0.1
|
||||
es-errors: 1.3.0
|
||||
gopd: 1.2.0
|
||||
|
||||
define-lazy-prop@2.0.0: {}
|
||||
|
||||
define-properties@1.2.1:
|
||||
dependencies:
|
||||
define-data-property: 1.1.4
|
||||
has-property-descriptors: 1.0.2
|
||||
object-keys: 1.1.1
|
||||
|
||||
delayed-stream@1.0.0: {}
|
||||
|
||||
depd@2.0.0: {}
|
||||
@@ -9291,7 +9398,7 @@ snapshots:
|
||||
strip-final-newline: 4.0.0
|
||||
yoctocolors: 2.1.2
|
||||
|
||||
expo-application@55.0.14(expo@54.0.34):
|
||||
expo-application@7.0.8(expo@54.0.34):
|
||||
dependencies:
|
||||
expo: 54.0.34(@babel/core@7.29.0)(@expo/metro-runtime@6.1.2)(expo-router@6.0.23)(react-native@0.81.5(@babel/core@7.29.0)(@types/react@19.1.17)(react@19.1.0))(react@19.1.0)(typescript@5.9.3)
|
||||
|
||||
@@ -9312,6 +9419,12 @@ snapshots:
|
||||
react: 19.1.0
|
||||
react-native: 0.81.5(@babel/core@7.29.0)(@types/react@19.1.17)(react@19.1.0)
|
||||
|
||||
expo-clipboard@8.0.8(expo@54.0.34)(react-native@0.81.5(@babel/core@7.29.0)(@types/react@19.1.17)(react@19.1.0))(react@19.1.0):
|
||||
dependencies:
|
||||
expo: 54.0.34(@babel/core@7.29.0)(@expo/metro-runtime@6.1.2)(expo-router@6.0.23)(react-native@0.81.5(@babel/core@7.29.0)(@types/react@19.1.17)(react@19.1.0))(react@19.1.0)(typescript@5.9.3)
|
||||
react: 19.1.0
|
||||
react-native: 0.81.5(@babel/core@7.29.0)(@types/react@19.1.17)(react@19.1.0)
|
||||
|
||||
expo-constants@18.0.13(expo@54.0.34)(react-native@0.81.5(@babel/core@7.29.0)(@types/react@19.1.17)(react@19.1.0)):
|
||||
dependencies:
|
||||
'@expo/config': 12.0.13
|
||||
@@ -9321,14 +9434,6 @@ snapshots:
|
||||
transitivePeerDependencies:
|
||||
- supports-color
|
||||
|
||||
expo-constants@55.0.15(expo@54.0.34)(react-native@0.81.5(@babel/core@7.29.0)(@types/react@19.1.17)(react@19.1.0)):
|
||||
dependencies:
|
||||
'@expo/env': 2.1.1
|
||||
expo: 54.0.34(@babel/core@7.29.0)(@expo/metro-runtime@6.1.2)(expo-router@6.0.23)(react-native@0.81.5(@babel/core@7.29.0)(@types/react@19.1.17)(react@19.1.0))(react@19.1.0)(typescript@5.9.3)
|
||||
react-native: 0.81.5(@babel/core@7.29.0)(@types/react@19.1.17)(react@19.1.0)
|
||||
transitivePeerDependencies:
|
||||
- supports-color
|
||||
|
||||
expo-file-system@19.0.22(expo@54.0.34)(react-native@0.81.5(@babel/core@7.29.0)(@types/react@19.1.17)(react@19.1.0)):
|
||||
dependencies:
|
||||
expo: 54.0.34(@babel/core@7.29.0)(@expo/metro-runtime@6.1.2)(expo-router@6.0.23)(react-native@0.81.5(@babel/core@7.29.0)(@types/react@19.1.17)(react@19.1.0))(react@19.1.0)(typescript@5.9.3)
|
||||
@@ -9407,14 +9512,16 @@ snapshots:
|
||||
react: 19.1.0
|
||||
react-native: 0.81.5(@babel/core@7.29.0)(@types/react@19.1.17)(react@19.1.0)
|
||||
|
||||
expo-notifications@55.0.22(expo@54.0.34)(react-native@0.81.5(@babel/core@7.29.0)(@types/react@19.1.17)(react@19.1.0))(react@19.1.0)(typescript@5.9.3):
|
||||
expo-notifications@0.32.17(expo@54.0.34)(react-native@0.81.5(@babel/core@7.29.0)(@types/react@19.1.17)(react@19.1.0))(react@19.1.0)(typescript@5.9.3):
|
||||
dependencies:
|
||||
'@expo/image-utils': 0.8.13(typescript@5.9.3)
|
||||
'@ide/backoff': 1.0.0
|
||||
abort-controller: 3.0.0
|
||||
assert: 2.1.0
|
||||
badgin: 1.2.3
|
||||
expo: 54.0.34(@babel/core@7.29.0)(@expo/metro-runtime@6.1.2)(expo-router@6.0.23)(react-native@0.81.5(@babel/core@7.29.0)(@types/react@19.1.17)(react@19.1.0))(react@19.1.0)(typescript@5.9.3)
|
||||
expo-application: 55.0.14(expo@54.0.34)
|
||||
expo-constants: 55.0.15(expo@54.0.34)(react-native@0.81.5(@babel/core@7.29.0)(@types/react@19.1.17)(react@19.1.0))
|
||||
expo-application: 7.0.8(expo@54.0.34)
|
||||
expo-constants: 18.0.13(expo@54.0.34)(react-native@0.81.5(@babel/core@7.29.0)(@types/react@19.1.17)(react@19.1.0))
|
||||
react: 19.1.0
|
||||
react-native: 0.81.5(@babel/core@7.29.0)(@types/react@19.1.17)(react@19.1.0)
|
||||
transitivePeerDependencies:
|
||||
@@ -9464,7 +9571,7 @@ snapshots:
|
||||
- '@types/react-dom'
|
||||
- supports-color
|
||||
|
||||
expo-secure-store@55.0.13(expo@54.0.34):
|
||||
expo-secure-store@15.0.8(expo@54.0.34):
|
||||
dependencies:
|
||||
expo: 54.0.34(@babel/core@7.29.0)(@expo/metro-runtime@6.1.2)(expo-router@6.0.23)(react-native@0.81.5(@babel/core@7.29.0)(@types/react@19.1.17)(react@19.1.0))(react@19.1.0)(typescript@5.9.3)
|
||||
|
||||
@@ -9501,12 +9608,6 @@ snapshots:
|
||||
transitivePeerDependencies:
|
||||
- supports-color
|
||||
|
||||
expo-task-manager@55.0.15(expo@54.0.34)(react-native@0.81.5(@babel/core@7.29.0)(@types/react@19.1.17)(react@19.1.0)):
|
||||
dependencies:
|
||||
expo: 54.0.34(@babel/core@7.29.0)(@expo/metro-runtime@6.1.2)(expo-router@6.0.23)(react-native@0.81.5(@babel/core@7.29.0)(@types/react@19.1.17)(react@19.1.0))(react@19.1.0)(typescript@5.9.3)
|
||||
react-native: 0.81.5(@babel/core@7.29.0)(@types/react@19.1.17)(react@19.1.0)
|
||||
unimodules-app-loader: 55.0.5
|
||||
|
||||
expo-web-browser@15.0.11(expo@54.0.34)(react-native@0.81.5(@babel/core@7.29.0)(@types/react@19.1.17)(react@19.1.0)):
|
||||
dependencies:
|
||||
expo: 54.0.34(@babel/core@7.29.0)(@expo/metro-runtime@6.1.2)(expo-router@6.0.23)(react-native@0.81.5(@babel/core@7.29.0)(@types/react@19.1.17)(react@19.1.0))(react@19.1.0)(typescript@5.9.3)
|
||||
@@ -9678,6 +9779,10 @@ snapshots:
|
||||
|
||||
fontfaceobserver@2.3.0: {}
|
||||
|
||||
for-each@0.3.5:
|
||||
dependencies:
|
||||
is-callable: 1.2.7
|
||||
|
||||
form-data@4.0.5:
|
||||
dependencies:
|
||||
asynckit: 0.4.0
|
||||
@@ -9716,6 +9821,8 @@ snapshots:
|
||||
|
||||
function-bind@1.1.2: {}
|
||||
|
||||
generator-function@2.0.1: {}
|
||||
|
||||
gensync@1.0.0-beta.2: {}
|
||||
|
||||
get-caller-file@2.0.5: {}
|
||||
@@ -9807,6 +9914,10 @@ snapshots:
|
||||
|
||||
has-flag@4.0.0: {}
|
||||
|
||||
has-property-descriptors@1.0.2:
|
||||
dependencies:
|
||||
es-define-property: 1.0.1
|
||||
|
||||
has-symbols@1.1.0: {}
|
||||
|
||||
has-tostringtag@1.0.2:
|
||||
@@ -9913,8 +10024,15 @@ snapshots:
|
||||
|
||||
ipaddr.js@1.9.1: {}
|
||||
|
||||
is-arguments@1.2.0:
|
||||
dependencies:
|
||||
call-bound: 1.0.4
|
||||
has-tostringtag: 1.0.2
|
||||
|
||||
is-arrayish@0.3.4: {}
|
||||
|
||||
is-callable@1.2.7: {}
|
||||
|
||||
is-core-module@2.16.1:
|
||||
dependencies:
|
||||
hasown: 2.0.2
|
||||
@@ -9925,10 +10043,23 @@ snapshots:
|
||||
|
||||
is-fullwidth-code-point@3.0.0: {}
|
||||
|
||||
is-generator-function@1.1.2:
|
||||
dependencies:
|
||||
call-bound: 1.0.4
|
||||
generator-function: 2.0.1
|
||||
get-proto: 1.0.1
|
||||
has-tostringtag: 1.0.2
|
||||
safe-regex-test: 1.1.0
|
||||
|
||||
is-glob@4.0.3:
|
||||
dependencies:
|
||||
is-extglob: 2.1.1
|
||||
|
||||
is-nan@1.3.2:
|
||||
dependencies:
|
||||
call-bind: 1.0.9
|
||||
define-properties: 1.2.1
|
||||
|
||||
is-number@7.0.0: {}
|
||||
|
||||
is-path-inside@4.0.0: {}
|
||||
@@ -9939,8 +10070,19 @@ snapshots:
|
||||
|
||||
is-promise@4.0.0: {}
|
||||
|
||||
is-regex@1.2.1:
|
||||
dependencies:
|
||||
call-bound: 1.0.4
|
||||
gopd: 1.2.0
|
||||
has-tostringtag: 1.0.2
|
||||
hasown: 2.0.2
|
||||
|
||||
is-stream@4.0.1: {}
|
||||
|
||||
is-typed-array@1.1.15:
|
||||
dependencies:
|
||||
which-typed-array: 1.1.20
|
||||
|
||||
is-unicode-supported@2.1.0: {}
|
||||
|
||||
is-wsl@2.2.0:
|
||||
@@ -10659,6 +10801,22 @@ snapshots:
|
||||
|
||||
object-inspect@1.13.4: {}
|
||||
|
||||
object-is@1.1.6:
|
||||
dependencies:
|
||||
call-bind: 1.0.9
|
||||
define-properties: 1.2.1
|
||||
|
||||
object-keys@1.1.1: {}
|
||||
|
||||
object.assign@4.1.7:
|
||||
dependencies:
|
||||
call-bind: 1.0.9
|
||||
call-bound: 1.0.4
|
||||
define-properties: 1.2.1
|
||||
es-object-atoms: 1.1.1
|
||||
has-symbols: 1.1.0
|
||||
object-keys: 1.1.1
|
||||
|
||||
on-exit-leak-free@2.1.2: {}
|
||||
|
||||
on-finished@2.3.0:
|
||||
@@ -10888,6 +11046,8 @@ snapshots:
|
||||
|
||||
pngjs@3.4.0: {}
|
||||
|
||||
possible-typed-array-names@1.1.0: {}
|
||||
|
||||
postcss-value-parser@4.2.0: {}
|
||||
|
||||
postcss@8.4.49:
|
||||
@@ -11397,6 +11557,12 @@ snapshots:
|
||||
|
||||
safe-buffer@5.2.1: {}
|
||||
|
||||
safe-regex-test@1.1.0:
|
||||
dependencies:
|
||||
call-bound: 1.0.4
|
||||
es-errors: 1.3.0
|
||||
is-regex: 1.2.1
|
||||
|
||||
safe-stable-stringify@2.5.0: {}
|
||||
|
||||
safer-buffer@2.1.2: {}
|
||||
@@ -11471,6 +11637,15 @@ snapshots:
|
||||
|
||||
server-only@0.0.1: {}
|
||||
|
||||
set-function-length@1.2.2:
|
||||
dependencies:
|
||||
define-data-property: 1.1.4
|
||||
es-errors: 1.3.0
|
||||
function-bind: 1.1.2
|
||||
get-intrinsic: 1.3.0
|
||||
gopd: 1.2.0
|
||||
has-property-descriptors: 1.0.2
|
||||
|
||||
setimmediate@1.0.5: {}
|
||||
|
||||
setprototypeof@1.2.0: {}
|
||||
@@ -11776,8 +11951,6 @@ snapshots:
|
||||
|
||||
unicorn-magic@0.4.0: {}
|
||||
|
||||
unimodules-app-loader@55.0.5: {}
|
||||
|
||||
universalify@2.0.1: {}
|
||||
|
||||
unpipe@1.0.0: {}
|
||||
@@ -11826,6 +11999,14 @@ snapshots:
|
||||
dependencies:
|
||||
react: 19.1.0
|
||||
|
||||
util@0.12.5:
|
||||
dependencies:
|
||||
inherits: 2.0.4
|
||||
is-arguments: 1.2.0
|
||||
is-generator-function: 1.1.2
|
||||
is-typed-array: 1.1.15
|
||||
which-typed-array: 1.1.20
|
||||
|
||||
utils-merge@1.0.1: {}
|
||||
|
||||
uuid@3.4.0: {}
|
||||
@@ -11917,6 +12098,16 @@ snapshots:
|
||||
tr46: 0.0.3
|
||||
webidl-conversions: 3.0.1
|
||||
|
||||
which-typed-array@1.1.20:
|
||||
dependencies:
|
||||
available-typed-arrays: 1.0.7
|
||||
call-bind: 1.0.9
|
||||
call-bound: 1.0.4
|
||||
for-each: 0.3.5
|
||||
get-proto: 1.0.1
|
||||
gopd: 1.2.0
|
||||
has-tostringtag: 1.0.2
|
||||
|
||||
which@2.0.2:
|
||||
dependencies:
|
||||
isexe: 2.0.0
|
||||
|
||||
@@ -1,64 +0,0 @@
|
||||
# Workspace
|
||||
|
||||
## Overview
|
||||
|
||||
pnpm workspace monorepo using TypeScript. Each package manages its own dependencies.
|
||||
|
||||
## Stack
|
||||
|
||||
- **Monorepo tool**: pnpm workspaces
|
||||
- **Node.js version**: 24
|
||||
- **Package manager**: pnpm
|
||||
- **TypeScript version**: 5.9
|
||||
- **API framework**: Express 5
|
||||
- **Database**: PostgreSQL + Drizzle ORM
|
||||
- **Validation**: Zod (`zod/v4`), `drizzle-zod`
|
||||
- **API codegen**: Orval (from OpenAPI spec)
|
||||
- **Build**: esbuild (CJS bundle)
|
||||
|
||||
## Artifacts
|
||||
|
||||
### PostizMobile (`artifacts/postiz-mobile`)
|
||||
Expo (React Native) mobile client for a self-hosted Postiz instance.
|
||||
|
||||
- **Preview path**: `/`
|
||||
- **Theme**: Dark-only (`userInterfaceStyle: dark`)
|
||||
- **Auth**: API key stored in `expo-secure-store`, passed as `Authorization` header
|
||||
|
||||
#### Screens / Tabs
|
||||
1. **Calendar** (`app/(tabs)/index.tsx`) — Monthly calendar with post dots, tap day to see posts
|
||||
2. **Posts** (`app/(tabs)/posts.tsx`) — Filterable list of posts with status badges, swipe to delete
|
||||
3. **Compose** (`app/(tabs)/compose.tsx`) — Text editor, channel picker, date/time picker, image upload
|
||||
4. **Settings** (`app/(tabs)/settings.tsx`) — API key + base URL, validation, SecureStore persistence
|
||||
|
||||
#### Key Files
|
||||
- `context/PostizContext.tsx` — Axios client wired with API key/base URL; loaded from SecureStore on boot
|
||||
- `components/PostCard.tsx` — Swipeable post card with delete action
|
||||
- `components/StatusBadge.tsx` — QUEUE / PUBLISHED / ERROR / DRAFT badges
|
||||
- `components/ChannelChip.tsx` — Integration channel selector chip
|
||||
|
||||
#### External API
|
||||
- Base URL: `https://postiz.gyozamancave.fr/public/v1` (configurable)
|
||||
- `GET /integrations` — List channels
|
||||
- `GET /posts?startDate&endDate` — List posts
|
||||
- `POST /posts` — Create/schedule post
|
||||
- `DELETE /posts/:id` — Delete post
|
||||
- `POST /upload` — Upload media
|
||||
|
||||
#### Packages Added
|
||||
- `axios` — HTTP client
|
||||
- `expo-secure-store` — Secure API key storage
|
||||
- `react-native-calendars` — Calendar UI
|
||||
- `@react-native-community/datetimepicker` — Date/time picker for compose
|
||||
|
||||
### API Server (`artifacts/api-server`)
|
||||
Express 5 backend. Currently serves `/api/healthz`. Extend for server-side features.
|
||||
|
||||
## Key Commands
|
||||
|
||||
- `pnpm run typecheck` — full typecheck across all packages
|
||||
- `pnpm run build` — typecheck + build all packages
|
||||
- `pnpm --filter @workspace/api-spec run codegen` — regenerate API hooks and Zod schemas from OpenAPI spec
|
||||
- `pnpm --filter @workspace/db run push` — push DB schema changes (dev only)
|
||||
|
||||
See the `pnpm-workspace` skill for workspace structure, TypeScript setup, and package details.
|
||||
@@ -1,25 +0,0 @@
|
||||
#!/bin/bash
|
||||
set -euo pipefail
|
||||
|
||||
GITEA_HOST="homegit.gyozamancave.fr"
|
||||
GITEA_USER="billisdead"
|
||||
GITEA_REPO="Postiz-android"
|
||||
GITEA_REMOTE_NAME="gitea"
|
||||
GITEA_REMOTE_URL="https://${GITEA_HOST}/${GITEA_USER}/${GITEA_REPO}.git"
|
||||
|
||||
if [ -z "${GITEA_SSH_KEY:-}" ]; then
|
||||
echo "Error: GITEA_SSH_KEY environment variable is not set. Add the Gitea API token as a Replit secret named GITEA_SSH_KEY." >&2
|
||||
exit 1
|
||||
fi
|
||||
|
||||
if git remote get-url "$GITEA_REMOTE_NAME" &>/dev/null; then
|
||||
git remote set-url "$GITEA_REMOTE_NAME" "$GITEA_REMOTE_URL"
|
||||
else
|
||||
git remote add "$GITEA_REMOTE_NAME" "$GITEA_REMOTE_URL"
|
||||
echo "Added remote '$GITEA_REMOTE_NAME'."
|
||||
fi
|
||||
|
||||
echo "Pushing main branch to Gitea..."
|
||||
git -c "http.extraHeader=Authorization: token ${GITEA_SSH_KEY}" \
|
||||
push --force "$GITEA_REMOTE_NAME" main
|
||||
echo "Push to Gitea complete."
|
||||
Reference in New Issue
Block a user