Compare commits
29 Commits
3191691fff
..
main
| Author | SHA1 | Date | |
|---|---|---|---|
 billisdead
|
fb64b671d0 | ||
|
billisdead
|
0cf5800463 | ||
|
billisdead
|
20ca6e0334 | ||
|
billisdead
|
9abd05d05a | ||
|
billisdead
|
59b688dafb | ||
|
billisdead
|
8b7a2eb644 | ||
|
billisdead
|
d4c16ccf97 | ||
|
billisdead
|
0696f5663e | ||
|
billisdead
|
4a531df8bd | ||
|
billisdead
|
365f44dbe4 | ||
|
billisdead
|
40c2ce20f3 | ||
|
billisdead
|
aa516667cd | ||
|
billisdead
|
f6fcf35cf8 | ||
|
billisdead
|
2869f4ee5f | ||
|
billisdead
|
614a353b3c | ||
|
billisdead
|
7111162f14 | ||
|
billisdead
|
aaf6b2aa07 | ||
|
billisdead
|
e051ce8e7f | ||
|
billisdead
|
7f39d79190 | ||
|
billisdead
|
979a5c1dd3 | ||
|
billisdead
|
20226caef4 | ||
|
billisdead
|
7aacb9a53e | ||
|
billisdead
|
bc0973ccaa | ||
 billisdead
|
4dc746514a | ||
|
billisdead
|
55d283c264 | ||
|
billisdead
|
e1a294fc96 | ||
|
billisdead
|
554b16d6cb | ||
|
billisdead
|
be57d581ac | ||
|
billisdead
|
3d2ba858bb |
@@ -0,0 +1,138 @@
|
||||
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: Generate changelog
|
||||
id: changelog
|
||||
run: |
|
||||
PREV_TAG=$(git tag --sort=-version:refname | grep -v "^${{ github.ref_name }}$" | head -1)
|
||||
echo "Previous tag: $PREV_TAG"
|
||||
|
||||
FEATS=$(git log "${PREV_TAG}..HEAD" --pretty=format:"%s" --no-merges \
|
||||
| grep -E "^feat(\([^)]+\))?: " \
|
||||
| sed -E 's/^feat(\([^)]+\))?: //' \
|
||||
| sed 's/^/- /')
|
||||
|
||||
FIXES=$(git log "${PREV_TAG}..HEAD" --pretty=format:"%s" --no-merges \
|
||||
| grep -E "^fix(\([^)]+\))?: " \
|
||||
| sed -E 's/^fix(\([^)]+\))?: //' \
|
||||
| sed 's/^/- /')
|
||||
|
||||
{
|
||||
echo "changelog<<CEOF"
|
||||
[ -n "$FEATS" ] && printf "### What's New\n%s\n\n" "$FEATS"
|
||||
[ -n "$FIXES" ] && printf "### Bug Fixes\n%s\n\n" "$FIXES"
|
||||
echo "CEOF"
|
||||
} >> "$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 }}
|
||||
|
||||
${{ steps.changelog.outputs.changelog }}
|
||||
### Installation
|
||||
1. Enable "Unknown sources" on the device
|
||||
2. Transfer the APK to the device and open it to install
|
||||
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
|
||||
|
||||
@@ -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.
|
||||
|
||||
@@ -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.
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -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,6 +50,39 @@ 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(),
|
||||
@@ -255,6 +273,7 @@ export default function CalendarScreen() {
|
||||
<TouchableOpacity
|
||||
style={[styles.dayPost, { borderBottomColor: colors.border }]}
|
||||
activeOpacity={0.7}
|
||||
onPress={() => showContextMenu(item)}
|
||||
>
|
||||
<View style={styles.dayPostLeft}>
|
||||
<Text style={[styles.timeText, { color: colors.primary }]}>
|
||||
|
||||
@@ -1,11 +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 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, { useMemo, useState } from "react";
|
||||
import React, { useEffect, useMemo, useState } from "react";
|
||||
import {
|
||||
ActivityIndicator,
|
||||
Alert,
|
||||
@@ -21,24 +21,10 @@ 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";
|
||||
|
||||
@@ -57,7 +43,21 @@ export default function PostsScreen() {
|
||||
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);
|
||||
|
||||
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);
|
||||
@@ -86,10 +86,27 @@ export default function PostsScreen() {
|
||||
staleTime: 0,
|
||||
});
|
||||
|
||||
const filteredPosts =
|
||||
const filteredPosts = useMemo(() => {
|
||||
const list =
|
||||
filter === "all"
|
||||
? posts ?? []
|
||||
: (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);
|
||||
@@ -135,13 +152,14 @@ export default function PostsScreen() {
|
||||
|
||||
const handlePrefillCompose = (post: PostizPost) => {
|
||||
const integrations = post.integrations ?? (post.integration ? [post.integration] : []);
|
||||
router.push({
|
||||
pathname: "/(tabs)/compose",
|
||||
params: {
|
||||
prefillContent: post.content,
|
||||
const params: Record<string, string> = {
|
||||
prefillContent: stripHtml(post.content),
|
||||
prefillIntegrationIds: integrations.map((i) => i.id).join(","),
|
||||
},
|
||||
});
|
||||
};
|
||||
if (post.image?.length) {
|
||||
params.prefillImages = JSON.stringify(post.image);
|
||||
}
|
||||
router.push({ pathname: "/(tabs)/compose", params });
|
||||
};
|
||||
|
||||
const startReschedule = (post: PostizPost) => {
|
||||
@@ -152,8 +170,19 @@ export default function PostsScreen() {
|
||||
|
||||
const submitReschedule = async (post: PostizPost, date: Date) => {
|
||||
if (!client) return;
|
||||
const integrations = post.integrations ?? (post.integration ? [post.integration] : []);
|
||||
try {
|
||||
await client.put(`posts/${post.id}`, { date: date.toISOString() });
|
||||
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" })}`);
|
||||
@@ -166,13 +195,19 @@ export default function PostsScreen() {
|
||||
const showContextMenu = (post: PostizPost) => {
|
||||
Haptics.impactAsync(Haptics.ImpactFeedbackStyle.Medium);
|
||||
|
||||
const preview = post.content.slice(0, 60) + (post.content.length > 60 ? "…" : "");
|
||||
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: () => Clipboard.setStringAsync(post.content),
|
||||
onPress: async () => {
|
||||
await Clipboard.setStringAsync(stripHtml(post.content));
|
||||
Haptics.notificationAsync(Haptics.NotificationFeedbackType.Success);
|
||||
setCopyToast(true);
|
||||
setTimeout(() => setCopyToast(false), 2000);
|
||||
},
|
||||
});
|
||||
|
||||
if (post.state === "ERROR") {
|
||||
@@ -233,43 +268,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}>
|
||||
@@ -302,6 +355,7 @@ export default function PostsScreen() {
|
||||
post={item}
|
||||
onDelete={handleDelete}
|
||||
onLongPress={showContextMenu}
|
||||
onReschedule={startReschedule}
|
||||
/>
|
||||
)}
|
||||
refreshControl={
|
||||
@@ -373,13 +427,28 @@ const styles = StyleSheet.create({
|
||||
gap: 10,
|
||||
paddingHorizontal: 32,
|
||||
},
|
||||
filterBar: { borderBottomWidth: StyleSheet.hairlineWidth, flexGrow: 0 },
|
||||
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",
|
||||
gap: 6,
|
||||
paddingHorizontal: 14,
|
||||
paddingVertical: 8,
|
||||
borderRadius: 20,
|
||||
zIndex: 999,
|
||||
},
|
||||
toastText: { fontSize: 13, fontFamily: "Inter_600SemiBold", color: "#fff" },
|
||||
});
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
import { Feather } from "@expo/vector-icons";
|
||||
import axios from "axios";
|
||||
import * as Haptics from "expo-haptics";
|
||||
import React, { useEffect, useState } from "react";
|
||||
import React, { useState } from "react";
|
||||
import {
|
||||
ActivityIndicator,
|
||||
Alert,
|
||||
@@ -15,69 +15,73 @@ 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 { PostizWorkspace, DEFAULT_BASE_URL, usePostiz } from "@/context/PostizContext";
|
||||
import { useColors } from "@/hooks/useColors";
|
||||
import { extractError } from "@/lib/extractError";
|
||||
|
||||
const DEFAULT_BASE_URL = "https://postiz.gyozamancave.fr/api/public/v1";
|
||||
type FormState = {
|
||||
id?: string;
|
||||
name: string;
|
||||
url: string;
|
||||
key: string;
|
||||
};
|
||||
|
||||
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";
|
||||
}
|
||||
const EMPTY_FORM: FormState = { name: "", url: DEFAULT_BASE_URL, key: "" };
|
||||
|
||||
export default function SettingsScreen() {
|
||||
const colors = useColors();
|
||||
const insets = useSafeAreaInsets();
|
||||
const { apiKey, baseUrl, isConfigured, saveSettings, clearSettings } = usePostiz();
|
||||
const { workspaces, isConfigured, addWorkspace, updateWorkspace, removeWorkspace } = usePostiz();
|
||||
|
||||
const [inputKey, setInputKey] = useState(apiKey);
|
||||
const [inputUrl, setInputUrl] = useState(baseUrl || DEFAULT_BASE_URL);
|
||||
const [form, setForm] = useState<FormState | null>(null);
|
||||
const [showKey, setShowKey] = useState(false);
|
||||
const [validating, setValidating] = useState(false);
|
||||
const [saving, setSaving] = useState(false);
|
||||
const [validationStatus, setValidationStatus] = useState<"idle" | "ok" | "error">("idle");
|
||||
const [errorDetail, setErrorDetail] = useState<string>("");
|
||||
const [errorDetail, setErrorDetail] = useState("");
|
||||
|
||||
useEffect(() => {
|
||||
setInputKey(apiKey);
|
||||
setInputUrl(baseUrl || DEFAULT_BASE_URL);
|
||||
}, [apiKey, baseUrl]);
|
||||
const openAdd = () => {
|
||||
setForm(EMPTY_FORM);
|
||||
setShowKey(false);
|
||||
resetValidation();
|
||||
};
|
||||
|
||||
const openEdit = (ws: PostizWorkspace) => {
|
||||
setForm({ id: ws.id, name: ws.name, url: ws.baseUrl, key: ws.apiKey });
|
||||
setShowKey(false);
|
||||
resetValidation();
|
||||
};
|
||||
|
||||
const closeForm = () => {
|
||||
setForm(null);
|
||||
resetValidation();
|
||||
};
|
||||
|
||||
const resetValidation = () => {
|
||||
setValidationStatus("idle");
|
||||
setErrorDetail("");
|
||||
};
|
||||
|
||||
const patchForm = (patch: Partial<FormState>) => {
|
||||
setForm((prev) => (prev ? { ...prev, ...patch } : prev));
|
||||
resetValidation();
|
||||
};
|
||||
|
||||
const handleValidate = async () => {
|
||||
if (!inputKey.trim() || !inputUrl.trim()) {
|
||||
if (!form?.key.trim() || !form?.url.trim()) {
|
||||
Alert.alert("Missing fields", "Please enter both API key and base URL.");
|
||||
return;
|
||||
}
|
||||
setValidating(true);
|
||||
setValidationStatus("idle");
|
||||
setErrorDetail("");
|
||||
const cleanUrl = inputUrl.trim().replace(/\/$/, "");
|
||||
resetValidation();
|
||||
const cleanUrl = form.url.trim().replace(/\/$/, "");
|
||||
const variants = [form.key.trim(), `Bearer ${form.key.trim()}`];
|
||||
let lastError = "";
|
||||
|
||||
const authVariants = [
|
||||
inputKey.trim(),
|
||||
`Bearer ${inputKey.trim()}`,
|
||||
];
|
||||
|
||||
let lastError: string = "";
|
||||
|
||||
for (const authHeader of authVariants) {
|
||||
for (const auth of variants) {
|
||||
try {
|
||||
await axios.get(`${cleanUrl}/integrations`, {
|
||||
headers: { Authorization: authHeader },
|
||||
headers: { Authorization: auth },
|
||||
timeout: 10000,
|
||||
maxRedirects: 0,
|
||||
});
|
||||
@@ -87,21 +91,17 @@ export default function SettingsScreen() {
|
||||
return;
|
||||
} catch (err: unknown) {
|
||||
if (axios.isAxiosError(err)) {
|
||||
const status = err.response?.status;
|
||||
if (status === 307 || status === 301 || status === 302 || status === 308) {
|
||||
const location = err.response?.headers?.location ?? "unknown";
|
||||
lastError = `HTTP ${status} redirect → ${location}. The API rejected the request and redirected to login. Check the Authorization header format or the base URL.`;
|
||||
const s = err.response?.status;
|
||||
if (s === 307 || s === 301 || s === 302 || s === 308) {
|
||||
const loc = err.response?.headers?.location ?? "unknown";
|
||||
lastError = `HTTP ${s} redirect → ${loc}. Check the Authorization format or base URL.`;
|
||||
continue;
|
||||
}
|
||||
if (status === 401 || status === 403) {
|
||||
lastError = `HTTP ${status}: Invalid or expired API key.`;
|
||||
continue;
|
||||
if (s === 401 || s === 403) { lastError = `HTTP ${s}: Invalid or expired API key.`; continue; }
|
||||
}
|
||||
lastError = extractError(err);
|
||||
}
|
||||
}
|
||||
lastError = extractAxiosError(err);
|
||||
}
|
||||
}
|
||||
|
||||
setErrorDetail(lastError);
|
||||
setValidationStatus("error");
|
||||
Haptics.notificationAsync(Haptics.NotificationFeedbackType.Error);
|
||||
@@ -109,37 +109,38 @@ export default function SettingsScreen() {
|
||||
};
|
||||
|
||||
const handleSave = async () => {
|
||||
if (!inputKey.trim() || !inputUrl.trim()) {
|
||||
Alert.alert("Missing fields", "Please enter both API key and base URL.");
|
||||
return;
|
||||
}
|
||||
if (!form) return;
|
||||
if (!form.name.trim()) { Alert.alert("Missing name", "Please enter a name for this workspace."); return; }
|
||||
if (!form.key.trim() || !form.url.trim()) { Alert.alert("Missing fields", "Please enter both API key and base URL."); return; }
|
||||
setSaving(true);
|
||||
try {
|
||||
await saveSettings(inputKey.trim(), inputUrl.trim().replace(/\/$/, ""));
|
||||
const ws = { name: form.name.trim(), apiKey: form.key.trim(), baseUrl: form.url.trim().replace(/\/$/, "") };
|
||||
if (form.id) {
|
||||
await updateWorkspace({ ...ws, id: form.id });
|
||||
} else {
|
||||
await addWorkspace(ws);
|
||||
}
|
||||
Haptics.notificationAsync(Haptics.NotificationFeedbackType.Success);
|
||||
Alert.alert("Saved", "Settings saved successfully.");
|
||||
closeForm();
|
||||
} catch (err: unknown) {
|
||||
Alert.alert("Error", `Failed to save settings.\n${extractAxiosError(err)}`);
|
||||
Alert.alert("Error", `Failed to save.\n${extractError(err)}`);
|
||||
} finally {
|
||||
setSaving(false);
|
||||
}
|
||||
};
|
||||
|
||||
const handleClear = () => {
|
||||
const handleDelete = (ws: PostizWorkspace) => {
|
||||
Alert.alert(
|
||||
"Disconnect",
|
||||
"Remove your API key and disconnect from Postiz?",
|
||||
"Remove workspace",
|
||||
`Remove "${ws.name}"? Channels from this workspace will no longer be available.`,
|
||||
[
|
||||
{ text: "Cancel", style: "cancel" },
|
||||
{
|
||||
text: "Disconnect",
|
||||
text: "Remove",
|
||||
style: "destructive",
|
||||
onPress: async () => {
|
||||
await clearSettings();
|
||||
setInputKey("");
|
||||
setInputUrl(DEFAULT_BASE_URL);
|
||||
setValidationStatus("idle");
|
||||
setErrorDetail("");
|
||||
if (form?.id === ws.id) closeForm();
|
||||
await removeWorkspace(ws.id);
|
||||
},
|
||||
},
|
||||
]
|
||||
@@ -160,34 +161,96 @@ export default function SettingsScreen() {
|
||||
keyboardShouldPersistTaps="handled"
|
||||
showsVerticalScrollIndicator={false}
|
||||
>
|
||||
{!isConfigured && (
|
||||
{/* Status banner */}
|
||||
{!isConfigured ? (
|
||||
<View style={[styles.banner, { backgroundColor: colors.primary + "18", borderColor: colors.primary + "40" }]}>
|
||||
<Feather name="info" size={16} color={colors.primary} />
|
||||
<Text style={[styles.bannerText, { color: colors.primary }]}>
|
||||
Connect to your Postiz instance to get started
|
||||
Add a workspace to get started
|
||||
</Text>
|
||||
</View>
|
||||
)}
|
||||
|
||||
{isConfigured && (
|
||||
) : (
|
||||
<View style={[styles.connectedBadge, { backgroundColor: colors.success + "18", borderColor: colors.success + "40" }]}>
|
||||
<Feather name="check-circle" size={14} color={colors.success} />
|
||||
<Text style={[styles.connectedText, { color: colors.success }]}>
|
||||
Connected to Postiz
|
||||
{workspaces.length} workspace{workspaces.length > 1 ? "s" : ""} configured
|
||||
</Text>
|
||||
</View>
|
||||
)}
|
||||
|
||||
<View style={styles.section}>
|
||||
{/* Workspace cards */}
|
||||
{workspaces.map((ws) => (
|
||||
<View key={ws.id} style={[styles.wsCard, { backgroundColor: colors.card, borderColor: colors.border }]}>
|
||||
<View style={styles.wsCardHeader}>
|
||||
<View style={styles.wsCardLeft}>
|
||||
<View style={[styles.wsIcon, { backgroundColor: colors.primary + "18" }]}>
|
||||
<Feather name="briefcase" size={14} color={colors.primary} />
|
||||
</View>
|
||||
<View>
|
||||
<Text style={[styles.wsName, { color: colors.foreground }]}>{ws.name}</Text>
|
||||
<Text style={[styles.wsUrl, { color: colors.mutedForeground }]} numberOfLines={1}>
|
||||
{ws.baseUrl.replace(/^https?:\/\//, "").replace(/\/api.*$/, "")}
|
||||
</Text>
|
||||
</View>
|
||||
</View>
|
||||
<View style={styles.wsCardActions}>
|
||||
<TouchableOpacity onPress={() => openEdit(ws)} activeOpacity={0.7} style={styles.iconBtn}>
|
||||
<Feather name="edit-2" size={15} color={colors.mutedForeground} />
|
||||
</TouchableOpacity>
|
||||
<TouchableOpacity onPress={() => handleDelete(ws)} activeOpacity={0.7} style={styles.iconBtn}>
|
||||
<Feather name="trash-2" size={15} color={colors.destructive} />
|
||||
</TouchableOpacity>
|
||||
</View>
|
||||
</View>
|
||||
</View>
|
||||
))}
|
||||
|
||||
{/* Add workspace button */}
|
||||
{!form && (
|
||||
<TouchableOpacity
|
||||
onPress={openAdd}
|
||||
activeOpacity={0.8}
|
||||
style={[styles.addBtn, { backgroundColor: colors.card, borderColor: colors.border }]}
|
||||
>
|
||||
<Feather name="plus" size={16} color={colors.primary} />
|
||||
<Text style={[styles.addBtnText, { color: colors.primary }]}>Add workspace</Text>
|
||||
</TouchableOpacity>
|
||||
)}
|
||||
|
||||
{/* Add / Edit form */}
|
||||
{form && (
|
||||
<View style={[styles.formCard, { backgroundColor: colors.card, borderColor: colors.border }]}>
|
||||
<Text style={[styles.formTitle, { color: colors.foreground }]}>
|
||||
{form.id ? "Edit workspace" : "Add workspace"}
|
||||
</Text>
|
||||
|
||||
{/* Name */}
|
||||
<View style={styles.fieldGroup}>
|
||||
<Text style={[styles.label, { color: colors.mutedForeground }]}>NAME</Text>
|
||||
<View style={[styles.inputWrap, { backgroundColor: colors.background, borderColor: colors.border }]}>
|
||||
<Feather name="briefcase" size={15} color={colors.mutedForeground} />
|
||||
<TextInput
|
||||
style={[styles.input, { color: colors.foreground }]}
|
||||
placeholder="My Client"
|
||||
placeholderTextColor={colors.mutedForeground}
|
||||
value={form.name}
|
||||
onChangeText={(t) => patchForm({ name: t })}
|
||||
autoCorrect={false}
|
||||
/>
|
||||
</View>
|
||||
</View>
|
||||
|
||||
{/* Base URL */}
|
||||
<View style={styles.fieldGroup}>
|
||||
<Text style={[styles.label, { color: colors.mutedForeground }]}>BASE URL</Text>
|
||||
<View style={[styles.inputWrap, { backgroundColor: colors.card, borderColor: colors.border }]}>
|
||||
<Feather name="globe" size={16} color={colors.mutedForeground} style={styles.inputIcon} />
|
||||
<View style={[styles.inputWrap, { backgroundColor: colors.background, borderColor: colors.border }]}>
|
||||
<Feather name="globe" size={15} color={colors.mutedForeground} />
|
||||
<TextInput
|
||||
style={[styles.input, { color: colors.foreground }]}
|
||||
placeholder="https://postiz.example.com/api/public/v1"
|
||||
placeholderTextColor={colors.mutedForeground}
|
||||
value={inputUrl}
|
||||
onChangeText={(t) => { setInputUrl(t); setValidationStatus("idle"); setErrorDetail(""); }}
|
||||
value={form.url}
|
||||
onChangeText={(t) => patchForm({ url: t })}
|
||||
autoCapitalize="none"
|
||||
autoCorrect={false}
|
||||
keyboardType="url"
|
||||
@@ -195,31 +258,30 @@ export default function SettingsScreen() {
|
||||
</View>
|
||||
</View>
|
||||
|
||||
<View style={styles.section}>
|
||||
{/* API Key */}
|
||||
<View style={styles.fieldGroup}>
|
||||
<Text style={[styles.label, { color: colors.mutedForeground }]}>API KEY</Text>
|
||||
<View style={[styles.inputWrap, { backgroundColor: colors.card, borderColor: colors.border }]}>
|
||||
<Feather name="key" size={16} color={colors.mutedForeground} style={styles.inputIcon} />
|
||||
<View style={[styles.inputWrap, { backgroundColor: colors.background, borderColor: colors.border }]}>
|
||||
<Feather name="key" size={15} color={colors.mutedForeground} />
|
||||
<TextInput
|
||||
style={[styles.input, { color: colors.foreground }]}
|
||||
placeholder="Enter your API key"
|
||||
placeholderTextColor={colors.mutedForeground}
|
||||
value={inputKey}
|
||||
onChangeText={(t) => { setInputKey(t); setValidationStatus("idle"); setErrorDetail(""); }}
|
||||
value={form.key}
|
||||
onChangeText={(t) => patchForm({ key: t })}
|
||||
secureTextEntry={!showKey}
|
||||
autoCapitalize="none"
|
||||
autoCorrect={false}
|
||||
/>
|
||||
<TouchableOpacity onPress={() => setShowKey((v) => !v)} activeOpacity={0.7}>
|
||||
<Feather name={showKey ? "eye-off" : "eye"} size={16} color={colors.mutedForeground} />
|
||||
<Feather name={showKey ? "eye-off" : "eye"} size={15} color={colors.mutedForeground} />
|
||||
</TouchableOpacity>
|
||||
</View>
|
||||
|
||||
{validationStatus === "ok" && (
|
||||
<View style={styles.validationRow}>
|
||||
<View style={styles.validRow}>
|
||||
<Feather name="check-circle" size={13} color={colors.success} />
|
||||
<Text style={[styles.validationText, { color: colors.success }]}>
|
||||
Connection successful
|
||||
</Text>
|
||||
<Text style={[styles.validText, { color: colors.success }]}>Connection successful</Text>
|
||||
</View>
|
||||
)}
|
||||
|
||||
@@ -227,39 +289,42 @@ export default function SettingsScreen() {
|
||||
<View style={[styles.errorBox, { backgroundColor: colors.error + "12", borderColor: colors.error + "30" }]}>
|
||||
<View style={styles.errorHeader}>
|
||||
<Feather name="x-circle" size={13} color={colors.error} />
|
||||
<Text style={[styles.errorTitle, { color: colors.error }]}>
|
||||
Could not connect
|
||||
</Text>
|
||||
<Text style={[styles.errorTitle, { color: colors.error }]}>Could not connect</Text>
|
||||
</View>
|
||||
{!!errorDetail && (
|
||||
<ScrollView style={styles.errorScroll} nestedScrollEnabled>
|
||||
<Text style={[styles.errorDetail, { color: colors.error }]} selectable>
|
||||
{errorDetail}
|
||||
</Text>
|
||||
<Text style={[styles.errorDetail, { color: colors.error }]} selectable>{errorDetail}</Text>
|
||||
</ScrollView>
|
||||
)}
|
||||
</View>
|
||||
)}
|
||||
</View>
|
||||
|
||||
{/* Form actions */}
|
||||
<TouchableOpacity
|
||||
onPress={handleValidate}
|
||||
activeOpacity={0.8}
|
||||
disabled={validating}
|
||||
style={[styles.validateBtn, { backgroundColor: colors.card, borderColor: colors.border }]}
|
||||
style={[styles.validateBtn, { backgroundColor: colors.background, borderColor: colors.border }]}
|
||||
>
|
||||
{validating ? (
|
||||
<ActivityIndicator color={colors.primary} size="small" />
|
||||
) : (
|
||||
<>
|
||||
<Feather name="wifi" size={15} color={colors.primary} />
|
||||
<Text style={[styles.validateText, { color: colors.primary }]}>
|
||||
Test Connection
|
||||
</Text>
|
||||
<Text style={[styles.validateText, { color: colors.primary }]}>Test Connection</Text>
|
||||
</>
|
||||
)}
|
||||
</TouchableOpacity>
|
||||
|
||||
<View style={styles.formBtnsRow}>
|
||||
<TouchableOpacity
|
||||
onPress={closeForm}
|
||||
activeOpacity={0.8}
|
||||
style={[styles.cancelBtn, { borderColor: colors.border }]}
|
||||
>
|
||||
<Text style={[styles.cancelText, { color: colors.mutedForeground }]}>Cancel</Text>
|
||||
</TouchableOpacity>
|
||||
<TouchableOpacity
|
||||
onPress={handleSave}
|
||||
activeOpacity={0.85}
|
||||
@@ -272,169 +337,75 @@ export default function SettingsScreen() {
|
||||
<>
|
||||
<Feather name="save" size={15} color={colors.primaryForeground} />
|
||||
<Text style={[styles.saveText, { color: colors.primaryForeground }]}>
|
||||
Save Settings
|
||||
{form.id ? "Update" : "Save"}
|
||||
</Text>
|
||||
</>
|
||||
)}
|
||||
</TouchableOpacity>
|
||||
|
||||
{isConfigured && (
|
||||
<TouchableOpacity
|
||||
onPress={handleClear}
|
||||
activeOpacity={0.8}
|
||||
style={[styles.clearBtn, { borderColor: colors.destructive + "60" }]}
|
||||
>
|
||||
<Feather name="log-out" size={14} color={colors.destructive} />
|
||||
<Text style={[styles.clearText, { color: colors.destructive }]}>Disconnect</Text>
|
||||
</TouchableOpacity>
|
||||
</View>
|
||||
</View>
|
||||
)}
|
||||
|
||||
<View style={styles.footer}>
|
||||
<Text style={[styles.footerText, { color: colors.mutedForeground }]}>
|
||||
Your API key is stored securely on this device and never transmitted to third parties.
|
||||
API keys are stored securely on this device and never transmitted to third parties.
|
||||
</Text>
|
||||
</View>
|
||||
</KeyboardAwareScrollView>
|
||||
);
|
||||
}
|
||||
|
||||
const styles = StyleSheet.create({
|
||||
container: {
|
||||
paddingHorizontal: 20,
|
||||
gap: 16,
|
||||
},
|
||||
container: { paddingHorizontal: 20, gap: 14 },
|
||||
banner: {
|
||||
flexDirection: "row",
|
||||
alignItems: "center",
|
||||
gap: 10,
|
||||
paddingHorizontal: 14,
|
||||
paddingVertical: 12,
|
||||
borderRadius: 12,
|
||||
borderWidth: 1,
|
||||
},
|
||||
bannerText: {
|
||||
fontSize: 13,
|
||||
fontFamily: "Inter_500Medium",
|
||||
flex: 1,
|
||||
flexDirection: "row", alignItems: "center", gap: 10,
|
||||
paddingHorizontal: 14, paddingVertical: 12, borderRadius: 12, borderWidth: 1,
|
||||
},
|
||||
bannerText: { fontSize: 13, fontFamily: "Inter_500Medium", flex: 1 },
|
||||
connectedBadge: {
|
||||
flexDirection: "row",
|
||||
alignItems: "center",
|
||||
gap: 6,
|
||||
paddingHorizontal: 12,
|
||||
paddingVertical: 8,
|
||||
borderRadius: 10,
|
||||
borderWidth: 1,
|
||||
alignSelf: "flex-start",
|
||||
flexDirection: "row", alignItems: "center", gap: 6,
|
||||
paddingHorizontal: 12, paddingVertical: 8, borderRadius: 10, borderWidth: 1, alignSelf: "flex-start",
|
||||
},
|
||||
connectedText: {
|
||||
fontSize: 12,
|
||||
fontFamily: "Inter_600SemiBold",
|
||||
},
|
||||
section: {
|
||||
gap: 8,
|
||||
},
|
||||
label: {
|
||||
fontSize: 11,
|
||||
fontFamily: "Inter_600SemiBold",
|
||||
letterSpacing: 0.8,
|
||||
marginLeft: 2,
|
||||
connectedText: { fontSize: 12, fontFamily: "Inter_600SemiBold" },
|
||||
wsCard: { borderRadius: 14, borderWidth: 1, overflow: "hidden" },
|
||||
wsCardHeader: { flexDirection: "row", alignItems: "center", paddingHorizontal: 14, paddingVertical: 12 },
|
||||
wsCardLeft: { flex: 1, flexDirection: "row", alignItems: "center", gap: 12 },
|
||||
wsIcon: { width: 32, height: 32, borderRadius: 10, alignItems: "center", justifyContent: "center" },
|
||||
wsName: { fontSize: 14, fontFamily: "Inter_600SemiBold" },
|
||||
wsUrl: { fontSize: 11, fontFamily: "Inter_400Regular", marginTop: 1 },
|
||||
wsCardActions: { flexDirection: "row", gap: 4 },
|
||||
iconBtn: { padding: 8 },
|
||||
addBtn: {
|
||||
flexDirection: "row", alignItems: "center", justifyContent: "center",
|
||||
gap: 8, paddingVertical: 13, borderRadius: 14, borderWidth: 1, borderStyle: "dashed",
|
||||
},
|
||||
addBtnText: { fontSize: 14, fontFamily: "Inter_600SemiBold" },
|
||||
formCard: { borderRadius: 14, borderWidth: 1, padding: 16, gap: 14 },
|
||||
formTitle: { fontSize: 15, fontFamily: "Inter_600SemiBold" },
|
||||
fieldGroup: { gap: 6 },
|
||||
label: { fontSize: 11, fontFamily: "Inter_600SemiBold", letterSpacing: 0.8, marginLeft: 2 },
|
||||
inputWrap: {
|
||||
flexDirection: "row",
|
||||
alignItems: "center",
|
||||
borderRadius: 12,
|
||||
borderWidth: 1,
|
||||
paddingHorizontal: 14,
|
||||
paddingVertical: 12,
|
||||
gap: 10,
|
||||
},
|
||||
inputIcon: {
|
||||
flexShrink: 0,
|
||||
},
|
||||
input: {
|
||||
flex: 1,
|
||||
fontSize: 14,
|
||||
fontFamily: "Inter_400Regular",
|
||||
},
|
||||
validationRow: {
|
||||
flexDirection: "row",
|
||||
alignItems: "center",
|
||||
gap: 6,
|
||||
marginLeft: 2,
|
||||
},
|
||||
validationText: {
|
||||
fontSize: 12,
|
||||
fontFamily: "Inter_400Regular",
|
||||
},
|
||||
errorBox: {
|
||||
borderRadius: 10,
|
||||
borderWidth: 1,
|
||||
padding: 12,
|
||||
gap: 6,
|
||||
},
|
||||
errorHeader: {
|
||||
flexDirection: "row",
|
||||
alignItems: "center",
|
||||
gap: 6,
|
||||
},
|
||||
errorTitle: {
|
||||
fontSize: 12,
|
||||
fontFamily: "Inter_600SemiBold",
|
||||
},
|
||||
errorScroll: {
|
||||
maxHeight: 80,
|
||||
},
|
||||
errorDetail: {
|
||||
fontSize: 11,
|
||||
fontFamily: "Inter_400Regular",
|
||||
lineHeight: 16,
|
||||
flexDirection: "row", alignItems: "center",
|
||||
borderRadius: 10, borderWidth: 1, paddingHorizontal: 12, paddingVertical: 11, gap: 10,
|
||||
},
|
||||
input: { flex: 1, fontSize: 14, fontFamily: "Inter_400Regular" },
|
||||
validRow: { flexDirection: "row", alignItems: "center", gap: 6, marginLeft: 2 },
|
||||
validText: { fontSize: 12, fontFamily: "Inter_400Regular" },
|
||||
errorBox: { borderRadius: 10, borderWidth: 1, padding: 12, gap: 6 },
|
||||
errorHeader: { flexDirection: "row", alignItems: "center", gap: 6 },
|
||||
errorTitle: { fontSize: 12, fontFamily: "Inter_600SemiBold" },
|
||||
errorScroll: { maxHeight: 80 },
|
||||
errorDetail: { fontSize: 11, fontFamily: "Inter_400Regular", lineHeight: 16 },
|
||||
validateBtn: {
|
||||
flexDirection: "row",
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
gap: 8,
|
||||
paddingVertical: 12,
|
||||
borderRadius: 12,
|
||||
borderWidth: 1,
|
||||
},
|
||||
validateText: {
|
||||
fontSize: 14,
|
||||
fontFamily: "Inter_600SemiBold",
|
||||
flexDirection: "row", alignItems: "center", justifyContent: "center",
|
||||
gap: 8, paddingVertical: 11, borderRadius: 10, borderWidth: 1,
|
||||
},
|
||||
validateText: { fontSize: 14, fontFamily: "Inter_600SemiBold" },
|
||||
formBtnsRow: { flexDirection: "row", gap: 10 },
|
||||
cancelBtn: { flex: 1, paddingVertical: 12, borderRadius: 10, borderWidth: 1, alignItems: "center" },
|
||||
cancelText: { fontSize: 14, fontFamily: "Inter_500Medium" },
|
||||
saveBtn: {
|
||||
flexDirection: "row",
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
gap: 8,
|
||||
paddingVertical: 14,
|
||||
borderRadius: 14,
|
||||
},
|
||||
saveText: {
|
||||
fontSize: 15,
|
||||
fontFamily: "Inter_600SemiBold",
|
||||
},
|
||||
clearBtn: {
|
||||
flexDirection: "row",
|
||||
alignItems: "center",
|
||||
justifyContent: "center",
|
||||
gap: 8,
|
||||
paddingVertical: 12,
|
||||
borderRadius: 12,
|
||||
borderWidth: 1,
|
||||
},
|
||||
clearText: {
|
||||
fontSize: 14,
|
||||
fontFamily: "Inter_500Medium",
|
||||
},
|
||||
footer: {
|
||||
marginTop: 8,
|
||||
},
|
||||
footerText: {
|
||||
fontSize: 12,
|
||||
fontFamily: "Inter_400Regular",
|
||||
textAlign: "center",
|
||||
lineHeight: 18,
|
||||
flex: 2, flexDirection: "row", alignItems: "center", justifyContent: "center",
|
||||
gap: 8, paddingVertical: 12, borderRadius: 10,
|
||||
},
|
||||
saveText: { fontSize: 14, fontFamily: "Inter_600SemiBold" },
|
||||
footerText: { fontSize: 12, fontFamily: "Inter_400Regular", textAlign: "center", lineHeight: 18, marginTop: 4 },
|
||||
});
|
||||
|
||||
@@ -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,272 @@
|
||||
import { Feather } from "@expo/vector-icons";
|
||||
import { Image } from "expo-image";
|
||||
import React, { useCallback, useEffect, useState } from "react";
|
||||
import {
|
||||
ActivityIndicator,
|
||||
FlatList,
|
||||
Modal,
|
||||
ScrollView,
|
||||
StyleSheet,
|
||||
Text,
|
||||
TouchableOpacity,
|
||||
View,
|
||||
} from "react-native";
|
||||
import { useSafeAreaInsets } from "react-native-safe-area-context";
|
||||
import { PostizWorkspace } from "@/context/PostizContext";
|
||||
import { useColors } from "@/hooks/useColors";
|
||||
|
||||
export interface LibraryMediaItem {
|
||||
id: string;
|
||||
path: string;
|
||||
workspaceId: string;
|
||||
createdAt?: string;
|
||||
}
|
||||
|
||||
interface RawMediaItem {
|
||||
id: string;
|
||||
path: string;
|
||||
createdAt?: string;
|
||||
}
|
||||
|
||||
interface Props {
|
||||
visible: boolean;
|
||||
workspaces: PostizWorkspace[];
|
||||
defaultWorkspaceId?: string;
|
||||
maxSelect: number;
|
||||
onClose: () => void;
|
||||
onSelect: (items: LibraryMediaItem[]) => void;
|
||||
onPickFromDevice?: () => 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, workspaces, defaultWorkspaceId, maxSelect, onClose, onSelect, onPickFromDevice }: Props) {
|
||||
const colors = useColors();
|
||||
const insets = useSafeAreaInsets();
|
||||
const [activeId, setActiveId] = useState<string>("");
|
||||
const [items, setItems] = useState<RawMediaItem[]>([]);
|
||||
const [loading, setLoading] = useState(false);
|
||||
const [error, setError] = useState<string | null>(null);
|
||||
const [selected, setSelected] = useState<Set<string>>(new Set());
|
||||
|
||||
const activeWorkspace = workspaces.find((w) => w.id === activeId) ?? workspaces[0] ?? null;
|
||||
|
||||
useEffect(() => {
|
||||
if (visible) {
|
||||
const initial = defaultWorkspaceId ?? workspaces[0]?.id ?? "";
|
||||
setActiveId(initial);
|
||||
setSelected(new Set());
|
||||
}
|
||||
}, [visible, defaultWorkspaceId, workspaces]);
|
||||
|
||||
const load = useCallback(async () => {
|
||||
if (!activeWorkspace) return;
|
||||
setLoading(true);
|
||||
setError(null);
|
||||
const apiBase = activeWorkspace.baseUrl.replace(/\/public\/v1$/, "");
|
||||
const url = `${apiBase}/media?page=0&search=`;
|
||||
try {
|
||||
// eslint-disable-next-line no-undef
|
||||
const res = await globalThis.fetch(url, {
|
||||
headers: { Authorization: activeWorkspace.apiKey },
|
||||
});
|
||||
if (!res.ok) {
|
||||
if (res.status === 401 || res.status === 403) {
|
||||
throw new Error("SESSION_REQUIRED");
|
||||
}
|
||||
if (res.status === 404) {
|
||||
throw new Error("ENDPOINT_NOT_FOUND");
|
||||
}
|
||||
throw new Error(`HTTP ${res.status} — ${url}`);
|
||||
}
|
||||
const data = await res.json();
|
||||
const list: RawMediaItem[] = 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);
|
||||
}
|
||||
}, [activeWorkspace]);
|
||||
|
||||
useEffect(() => {
|
||||
if (visible && activeWorkspace) {
|
||||
setSelected(new Set());
|
||||
load();
|
||||
}
|
||||
}, [visible, activeWorkspace, 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 = () => {
|
||||
if (!activeWorkspace) return;
|
||||
const chosen = items
|
||||
.filter((i) => selected.has(i.id))
|
||||
.map((i): LibraryMediaItem => ({ ...i, workspaceId: activeWorkspace.id }));
|
||||
onSelect(chosen);
|
||||
};
|
||||
|
||||
return (
|
||||
<Modal visible={visible} animationType="slide" onRequestClose={onClose}>
|
||||
<View style={[styles.root, { backgroundColor: colors.background, paddingTop: insets.top }]}>
|
||||
{/* Header */}
|
||||
<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>
|
||||
|
||||
{/* Workspace tabs (only shown when >1 workspace) */}
|
||||
{workspaces.length > 1 && (
|
||||
<ScrollView
|
||||
horizontal
|
||||
showsHorizontalScrollIndicator={false}
|
||||
style={[styles.tabs, { borderBottomColor: colors.border }]}
|
||||
contentContainerStyle={styles.tabsContent}
|
||||
>
|
||||
{workspaces.map((ws) => {
|
||||
const active = ws.id === activeId;
|
||||
return (
|
||||
<TouchableOpacity
|
||||
key={ws.id}
|
||||
onPress={() => setActiveId(ws.id)}
|
||||
activeOpacity={0.7}
|
||||
style={[
|
||||
styles.tab,
|
||||
active && { borderBottomColor: colors.primary, borderBottomWidth: 2 },
|
||||
]}
|
||||
>
|
||||
<Text style={[styles.tabText, { color: active ? colors.primary : colors.mutedForeground }]}>
|
||||
{ws.name}
|
||||
</Text>
|
||||
</TouchableOpacity>
|
||||
);
|
||||
})}
|
||||
</ScrollView>
|
||||
)}
|
||||
|
||||
{/* Content */}
|
||||
{loading ? (
|
||||
<View style={styles.centered}>
|
||||
<ActivityIndicator color={colors.primary} size="large" />
|
||||
</View>
|
||||
) : error === "SESSION_REQUIRED" ? (
|
||||
<View style={styles.centered}>
|
||||
<Feather name="lock" size={28} color={colors.mutedForeground} />
|
||||
<Text style={[styles.errorText, { color: colors.mutedForeground }]}>
|
||||
{"Media library requires a web session.\nAPI key access is not supported by Postiz."}
|
||||
</Text>
|
||||
{onPickFromDevice && (
|
||||
<TouchableOpacity
|
||||
onPress={() => { onClose(); onPickFromDevice(); }}
|
||||
style={[styles.retryBtn, { backgroundColor: colors.primary }]}
|
||||
activeOpacity={0.8}
|
||||
>
|
||||
<Text style={[styles.retryText, { color: colors.primaryForeground }]}>Use device gallery</Text>
|
||||
</TouchableOpacity>
|
||||
)}
|
||||
</View>
|
||||
) : error === "ENDPOINT_NOT_FOUND" ? (
|
||||
<View style={styles.centered}>
|
||||
<Feather name="slash" size={28} color={colors.mutedForeground} />
|
||||
<Text style={[styles.errorText, { color: colors.mutedForeground }]}>
|
||||
{"Media library endpoint not found on this server."}
|
||||
</Text>
|
||||
</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, activeWorkspace?.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" },
|
||||
tabs: { borderBottomWidth: StyleSheet.hairlineWidth, flexGrow: 0 },
|
||||
tabsContent: { paddingHorizontal: 12, gap: 4 },
|
||||
tab: { paddingHorizontal: 12, paddingVertical: 12 },
|
||||
tabText: { fontSize: 13, fontFamily: "Inter_500Medium" },
|
||||
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,12 +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 {
|
||||
@@ -44,7 +46,7 @@ function getNetworkIcon(type?: string): React.ComponentProps<typeof Feather>["na
|
||||
return "globe";
|
||||
}
|
||||
|
||||
export function PostCard({ post, onDelete, onLongPress }: PostCardProps) {
|
||||
export function PostCard({ post, onDelete, onLongPress, onReschedule }: PostCardProps) {
|
||||
const colors = useColors();
|
||||
const swipeRef = useRef<Swipeable>(null);
|
||||
|
||||
@@ -88,17 +90,48 @@ export function PostCard({ post, onDelete, onLongPress }: 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}
|
||||
>
|
||||
<TouchableOpacity
|
||||
@@ -139,6 +172,19 @@ export function PostCard({ post, onDelete, onLongPress }: PostCardProps) {
|
||||
{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)}
|
||||
@@ -191,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",
|
||||
},
|
||||
});
|
||||
|
||||
@@ -8,9 +8,18 @@ import React, {
|
||||
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/api/public/v1";
|
||||
const WORKSPACES_KEY = "postiz_workspaces_v2";
|
||||
const LEGACY_API_KEY = "postiz_api_key";
|
||||
const LEGACY_BASE_URL = "postiz_base_url";
|
||||
|
||||
export const DEFAULT_BASE_URL = "https://postiz.gyozamancave.fr/api/public/v1";
|
||||
|
||||
export interface PostizWorkspace {
|
||||
id: string;
|
||||
name: string;
|
||||
apiKey: string;
|
||||
baseUrl: string;
|
||||
}
|
||||
|
||||
export interface PostizIntegration {
|
||||
id: string;
|
||||
@@ -19,6 +28,7 @@ export interface PostizIntegration {
|
||||
picture?: string;
|
||||
identifier?: string;
|
||||
internalType?: string;
|
||||
customer?: { id: string; name: string };
|
||||
}
|
||||
|
||||
export interface PostizMediaItem {
|
||||
@@ -44,58 +54,79 @@ export interface PostizUploadResult {
|
||||
}
|
||||
|
||||
interface PostizContextValue {
|
||||
apiKey: string;
|
||||
baseUrl: string;
|
||||
workspaces: PostizWorkspace[];
|
||||
isConfigured: boolean;
|
||||
isLoading: boolean;
|
||||
clients: Record<string, AxiosInstance>;
|
||||
addWorkspace: (ws: Omit<PostizWorkspace, "id">) => Promise<void>;
|
||||
updateWorkspace: (ws: PostizWorkspace) => Promise<void>;
|
||||
removeWorkspace: (id: string) => Promise<void>;
|
||||
// backward compat for posts.tsx (first workspace)
|
||||
client: AxiosInstance | null;
|
||||
saveSettings: (apiKey: string, baseUrl: string) => Promise<void>;
|
||||
clearSettings: () => Promise<void>;
|
||||
apiKey: string;
|
||||
baseUrl: string;
|
||||
}
|
||||
|
||||
const PostizContext = createContext<PostizContextValue>({
|
||||
apiKey: "",
|
||||
baseUrl: DEFAULT_BASE_URL,
|
||||
workspaces: [],
|
||||
isConfigured: false,
|
||||
isLoading: true,
|
||||
clients: {},
|
||||
addWorkspace: async () => {},
|
||||
updateWorkspace: async () => {},
|
||||
removeWorkspace: async () => {},
|
||||
client: null,
|
||||
saveSettings: async () => {},
|
||||
clearSettings: async () => {},
|
||||
apiKey: "",
|
||||
baseUrl: DEFAULT_BASE_URL,
|
||||
});
|
||||
|
||||
function createClient(apiKey: string, baseUrl: string): AxiosInstance {
|
||||
const normalizedUrl = baseUrl.endsWith("/") ? baseUrl : baseUrl + "/";
|
||||
function makeClient(ws: PostizWorkspace): AxiosInstance {
|
||||
const baseURL = ws.baseUrl.endsWith("/") ? ws.baseUrl : ws.baseUrl + "/";
|
||||
const instance = axios.create({
|
||||
baseURL: normalizedUrl,
|
||||
headers: {
|
||||
Authorization: apiKey,
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
baseURL,
|
||||
headers: { Authorization: ws.apiKey, "Content-Type": "application/json" },
|
||||
timeout: 15000,
|
||||
});
|
||||
instance.interceptors.request.use((config) => {
|
||||
console.log(">>> REQUEST:", config.method?.toUpperCase(), (config.baseURL || "") + (config.url || ""));
|
||||
console.log(">>> REQUEST:", config.method?.toUpperCase(), (config.baseURL ?? "") + (config.url ?? ""));
|
||||
return config;
|
||||
});
|
||||
return instance;
|
||||
}
|
||||
|
||||
function buildClients(list: PostizWorkspace[]): Record<string, AxiosInstance> {
|
||||
return Object.fromEntries(list.map((ws) => [ws.id, makeClient(ws)]));
|
||||
}
|
||||
|
||||
export function PostizProvider({ children }: { children: React.ReactNode }) {
|
||||
const [apiKey, setApiKey] = useState("");
|
||||
const [baseUrl, setBaseUrl] = useState(DEFAULT_BASE_URL);
|
||||
const [workspaces, setWorkspaces] = useState<PostizWorkspace[]>([]);
|
||||
const [clients, setClients] = useState<Record<string, AxiosInstance>>({});
|
||||
const [isLoading, setIsLoading] = useState(true);
|
||||
const [client, setClient] = useState<AxiosInstance | null>(null);
|
||||
|
||||
useEffect(() => {
|
||||
(async () => {
|
||||
try {
|
||||
const storedKey = await SecureStore.getItemAsync(API_KEY_STORAGE);
|
||||
const storedUrl = await SecureStore.getItemAsync(BASE_URL_STORAGE);
|
||||
if (storedKey) {
|
||||
const url = (storedUrl || DEFAULT_BASE_URL).replace(/\/$/, "");
|
||||
setApiKey(storedKey);
|
||||
setBaseUrl(url);
|
||||
setClient(() => createClient(storedKey, url));
|
||||
const stored = await SecureStore.getItemAsync(WORKSPACES_KEY);
|
||||
if (stored) {
|
||||
const list: PostizWorkspace[] = JSON.parse(stored);
|
||||
setWorkspaces(list);
|
||||
setClients(buildClients(list));
|
||||
} else {
|
||||
// Migrate legacy single-workspace config
|
||||
const legacyKey = await SecureStore.getItemAsync(LEGACY_API_KEY);
|
||||
const legacyUrl = await SecureStore.getItemAsync(LEGACY_BASE_URL);
|
||||
if (legacyKey) {
|
||||
const migrated: PostizWorkspace = {
|
||||
id: Date.now().toString(),
|
||||
name: "Default",
|
||||
apiKey: legacyKey,
|
||||
baseUrl: (legacyUrl || DEFAULT_BASE_URL).replace(/\/$/, ""),
|
||||
};
|
||||
const list = [migrated];
|
||||
await SecureStore.setItemAsync(WORKSPACES_KEY, JSON.stringify(list));
|
||||
setWorkspaces(list);
|
||||
setClients(buildClients(list));
|
||||
}
|
||||
}
|
||||
} catch {
|
||||
} finally {
|
||||
@@ -104,35 +135,48 @@ export function PostizProvider({ children }: { children: React.ReactNode }) {
|
||||
})();
|
||||
}, []);
|
||||
|
||||
const saveSettings = useCallback(
|
||||
async (newApiKey: string, newBaseUrl: string) => {
|
||||
await SecureStore.setItemAsync(API_KEY_STORAGE, newApiKey);
|
||||
await SecureStore.setItemAsync(BASE_URL_STORAGE, newBaseUrl);
|
||||
setApiKey(newApiKey);
|
||||
setBaseUrl(newBaseUrl);
|
||||
setClient(() => createClient(newApiKey, newBaseUrl));
|
||||
const persist = useCallback(async (list: PostizWorkspace[]) => {
|
||||
await SecureStore.setItemAsync(WORKSPACES_KEY, JSON.stringify(list));
|
||||
setWorkspaces(list);
|
||||
setClients(buildClients(list));
|
||||
}, []);
|
||||
|
||||
const addWorkspace = useCallback(
|
||||
async (ws: Omit<PostizWorkspace, "id">) => {
|
||||
await persist([...workspaces, { ...ws, id: Date.now().toString() }]);
|
||||
},
|
||||
[]
|
||||
[workspaces, persist]
|
||||
);
|
||||
|
||||
const clearSettings = useCallback(async () => {
|
||||
await SecureStore.deleteItemAsync(API_KEY_STORAGE);
|
||||
await SecureStore.deleteItemAsync(BASE_URL_STORAGE);
|
||||
setApiKey("");
|
||||
setBaseUrl(DEFAULT_BASE_URL);
|
||||
setClient(null);
|
||||
}, []);
|
||||
const updateWorkspace = useCallback(
|
||||
async (ws: PostizWorkspace) => {
|
||||
await persist(workspaces.map((w) => (w.id === ws.id ? ws : w)));
|
||||
},
|
||||
[workspaces, persist]
|
||||
);
|
||||
|
||||
const removeWorkspace = useCallback(
|
||||
async (id: string) => {
|
||||
await persist(workspaces.filter((w) => w.id !== id));
|
||||
},
|
||||
[workspaces, persist]
|
||||
);
|
||||
|
||||
const primaryWorkspace = workspaces[0] ?? null;
|
||||
|
||||
return (
|
||||
<PostizContext.Provider
|
||||
value={{
|
||||
apiKey,
|
||||
baseUrl,
|
||||
isConfigured: !!apiKey,
|
||||
workspaces,
|
||||
isConfigured: workspaces.length > 0,
|
||||
isLoading,
|
||||
client,
|
||||
saveSettings,
|
||||
clearSettings,
|
||||
clients,
|
||||
addWorkspace,
|
||||
updateWorkspace,
|
||||
removeWorkspace,
|
||||
client: primaryWorkspace ? (clients[primaryWorkspace.id] ?? null) : null,
|
||||
apiKey: primaryWorkspace?.apiKey ?? "",
|
||||
baseUrl: primaryWorkspace?.baseUrl ?? DEFAULT_BASE_URL,
|
||||
}}
|
||||
>
|
||||
{children}
|
||||
|
||||
@@ -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": {}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -2,6 +2,7 @@ import { useCallback, useEffect, useRef } from "react";
|
||||
import { Platform } from "react-native";
|
||||
import { usePostiz } from "@/context/PostizContext";
|
||||
import { PostizPost } from "@/context/PostizContext";
|
||||
import { stripHtml } from "@/lib/stripHtml";
|
||||
|
||||
const POLL_INTERVAL_MS = 15 * 60 * 1000;
|
||||
const SEEN_KEY = "postiz_seen_statuses";
|
||||
@@ -44,10 +45,7 @@ async function sendStatusNotification(post: PostizPost) {
|
||||
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,
|
||||
|
||||
+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,20 @@
|
||||
export function stripHtml(html: string | null | undefined): string {
|
||||
if (!html) return "";
|
||||
// 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",
|
||||
@@ -61,7 +65,9 @@
|
||||
"expo-clipboard": "~8.0.8",
|
||||
"expo-notifications": "~0.32.17",
|
||||
"expo-secure-store": "~15.0.8",
|
||||
"expo-task-manager": "~14.0.9",
|
||||
"react-native-calendars": "^1.1314.0"
|
||||
"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
+36
-21
@@ -407,9 +407,6 @@ importers:
|
||||
expo-secure-store:
|
||||
specifier: ~15.0.8
|
||||
version: 15.0.8(expo@54.0.34)
|
||||
expo-task-manager:
|
||||
specifier: ~14.0.9
|
||||
version: 14.0.9(expo@54.0.34)(react-native@0.81.5(@babel/core@7.29.0)(@types/react@19.1.17)(react@19.1.0))
|
||||
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)
|
||||
@@ -453,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
|
||||
@@ -3556,12 +3556,6 @@ packages:
|
||||
react-native-web:
|
||||
optional: true
|
||||
|
||||
expo-task-manager@14.0.9:
|
||||
resolution: {integrity: sha512-GKWtXrkedr4XChHfTm5IyTcSfMtCPxzx89y4CMVqKfyfROATibrE/8UI5j7UC/pUOfFoYlQvulQEvECMreYuUA==}
|
||||
peerDependencies:
|
||||
expo: '*'
|
||||
react-native: '*'
|
||||
|
||||
expo-web-browser@15.0.11:
|
||||
resolution: {integrity: sha512-r2LS4Ro6DgUPZkcaEfgt8mp9eJuoA93x11Jh7S6utFe0FEzvUNn2yFhxg8XVwESaaHGt2k5V8LuK36rsp0BeIw==}
|
||||
peerDependencies:
|
||||
@@ -5581,9 +5575,6 @@ packages:
|
||||
resolution: {integrity: sha512-wH590V9VNgYH9g3lH9wWjTrUoKsjLF6sGLjhR4sH1LWpLmCOH0Zf7PukhDA8BiS7KHe4oPNkcTHqYkj7SOGUOw==}
|
||||
engines: {node: '>=20'}
|
||||
|
||||
unimodules-app-loader@6.0.8:
|
||||
resolution: {integrity: sha512-fqS8QwT/MC/HAmw1NKCHdzsPA6WaLm0dNmoC5Pz6lL+cDGYeYCNdHMO9fy08aL2ZD7cVkNM0pSR/AoNRe+rslA==}
|
||||
|
||||
universalify@2.0.1:
|
||||
resolution: {integrity: sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==}
|
||||
engines: {node: '>= 10.0.0'}
|
||||
@@ -8783,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
|
||||
@@ -9585,12 +9608,6 @@ snapshots:
|
||||
transitivePeerDependencies:
|
||||
- supports-color
|
||||
|
||||
expo-task-manager@14.0.9(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: 6.0.8
|
||||
|
||||
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)
|
||||
@@ -11934,8 +11951,6 @@ snapshots:
|
||||
|
||||
unicorn-magic@0.4.0: {}
|
||||
|
||||
unimodules-app-loader@6.0.8: {}
|
||||
|
||||
universalify@2.0.1: {}
|
||||
|
||||
unpipe@1.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