# ── Core Content ──────────────────────────────────────────
GET https://yoursite.com/wp-json/wp/v2/posts            # all posts
GET https://yoursite.com/wp-json/wp/v2/posts/42?_embed  # post + image
GET https://yoursite.com/wp-json/wp/v2/posts?page=2&per_page=10
GET https://yoursite.com/wp-json/wp/v2/posts?search=flutter
GET https://yoursite.com/wp-json/wp/v2/posts?categories=7

# ── Taxonomy ──────────────────────────────────────────────
GET https://yoursite.com/wp-json/wp/v2/categories
GET https://yoursite.com/wp-json/wp/v2/tags
GET https://yoursite.com/wp-json/wp/v2/pages

# ── Media ─────────────────────────────────────────────────
GET https://yoursite.com/wp-json/wp/v2/media
GET https://yoursite.com/wp-json/wp/v2/media/123

# ── WooCommerce (requires API keys) ───────────────────────
GET https://yoursite.com/wp-json/wc/v3/products
GET https://yoursite.com/wp-json/wc/v3/orders

# ── Custom endpoint registration (functions.php) ──────────
add_action('rest_api_init', function() {
  register_rest_route('mobilemerit/v1', '/featured', [
    'methods'  => 'GET',
    'callback' => 'mm_get_featured_posts',
    'permission_callback' => '__return_true',
  ]);
});

# Create project with TypeScript template
npx react-native@latest init WordPressMobileApp --template react-native-template-typescript

cd WordPressMobileApp

# Install networking, navigation & image libraries
npm install axios @react-navigation/native @react-navigation/stack
npm install react-native-screens react-native-safe-area-context
npm install react-native-fast-image react-native-html-renderer
npm install @notifee/react-native  # Push notifications

# iOS pod install
cd ios && pod install && cd ..

import axios from 'axios';

// ← Replace with your WordPress site URL
const BASE_URL = 'https://yoursite.com/wp-json/wp/v2';

export interface Post {
  id: number;
  date: string;
  slug: string;
  title:   { rendered: string };
  content: { rendered: string };
  excerpt: { rendered: string };
  _embedded?: {
    'wp:featuredmedia'?: Array<{ source_url: string }>;
  };
}

export interface Category {
  id: number; name: string; slug: string; count: number;
}

const api = axios.create({
  baseURL: BASE_URL,
  timeout: 10000,
  headers: { 'Content-Type': 'application/json' },
});

export const WordPressAPI = {

  /** Fetch paginated posts with embedded featured images */
  getPosts: async (page = 1, perPage = 10): Promise<Post[]> => {
    const { data } = await api.get('/posts', {
      params: { page, per_page: perPage, _embed: true },
    });
    return data;
  },

  /** Fetch a single post by ID */
  getPost: async (id: number): Promise<Post> => {
    const { data } = await api.get(`/posts/${id}`, { params: { _embed: true } });
    return data;
  },

  /** Search posts by keyword */
  searchPosts: async (query: string): Promise<Post[]> => {
    const { data } = await api.get('/posts', { params: { search: query, _embed: true } });
    return data;
  },

  /** Get all categories */
  getCategories: async (): Promise<Category[]> => {
    const { data } = await api.get('/categories', { params: { per_page: 50 } });
    return data;
  },
};

import React, { useState, useEffect, useCallback } from 'react';
import { FlatList, View, Text, Image, StyleSheet,
         TouchableOpacity, ActivityIndicator, RefreshControl } from 'react-native';
import { WordPressAPI, Post } from '../services/WordPressAPI';

export default function PostListScreen({ navigation }: any) {
  const [posts, setPosts]       = useState<Post[]>([]);
  const [page, setPage]         = useState(1);
  const [loading, setLoading]   = useState(false);
  const [refreshing, setRefreshing] = useState(false);
  const [hasMore, setHasMore]   = useState(true);

  const fetchPosts = useCallback(async (reset = false) => {
    if (loading) return;
    const currentPage = reset ? 1 : page;
    setLoading(true);
    try {
      const data = await WordPressAPI.getPosts(currentPage);
      setPosts(prev => reset ? data : [...prev, ...data]);
      setPage(currentPage + 1);
      setHasMore(data.length === 10);
    } catch (e) {
      console.error('Failed to fetch posts:', e);
    } finally {
      setLoading(false);
      setRefreshing(false);
    }
  }, [page, loading]);

  useEffect(() => { fetchPosts(); }, []);

  const renderPost = ({ item }: { item: Post }) => {
    const image = item._embedded?.['wp:featuredmedia']?.[0]?.source_url;
    const title = item.title.rendered.replace(/<[^>]+>/g, '');
    const excerpt = item.excerpt.rendered.replace(/<[^>]+>/g, '').slice(0, 120);
    return (
      <TouchableOpacity style={styles.card}
        onPress={() => navigation.navigate('PostDetail', { post: item })}>
        {image && <Image source={{ uri: image }} style={styles.image} />}
        <View style={styles.cardBody}>
          <Text style={styles.title} numberOfLines={2}>{title}</Text>
          <Text style={styles.excerpt} numberOfLines={3}>{excerpt}</Text>
        </View>
      </TouchableOpacity>
    );
  };

  return (
    <FlatList
      data={posts}
      keyExtractor={item => item.id.toString()}
      renderItem={renderPost}
      contentContainerStyle={styles.list}
      refreshControl={<RefreshControl refreshing={refreshing}
        onRefresh={() => { setRefreshing(true); fetchPosts(true); }} />}
      onEndReached={() => hasMore && fetchPosts()}
      onEndReachedThreshold={0.4}
      ListFooterComponent={loading ? <ActivityIndicator style={{ margin: 16 }} /> : null}
    />
  );
}

const styles = StyleSheet.create({
  list:    { padding: 16 },
  card:    { backgroundColor: '#fff', borderRadius: 14, marginBottom: 16,
             overflow: 'hidden', elevation: 2, shadowColor: '#000',
             shadowOpacity: 0.06, shadowRadius: 8, shadowOffset: { width:0, height:2 } },
  image:   { width: '100%', height: 180 },
  cardBody:{ padding: 16 },
  title:   { fontSize: 17, fontWeight: '700', color: '#111827', marginBottom: 6 },
  excerpt: { fontSize: 14, color: '#6B7280', lineHeight: 20 },
});

dependencies:
  flutter:
    sdk: flutter
  http: ^1.2.1               # HTTP requests to WP REST API
  cached_network_image: ^3.3.1 # Cached featured images
  flutter_html: ^3.0.0         # Render WordPress HTML content
  provider: ^6.1.2             # State management
  go_router: ^13.2.4           # Navigation
  firebase_messaging: ^15.1.0   # Push notifications (FCM + APNs)
  shared_preferences: ^2.2.3   # Local caching
  intl: ^0.19.0                # Date formatting

import 'dart:convert';
import 'package:http/http.dart' as http;

// ── Data Model ──────────────────────────────────────────────
class WPPost {
  final int id;
  final String title;
  final String excerpt;
  final String content;
  final String? featuredImageUrl;

  const WPPost({
    required this.id, required this.title,
    required this.excerpt, required this.content,
    this.featuredImageUrl,
  });

  factory WPPost.fromJson(Map<String, dynamic> json) {
    final embedded = json['_embedded'];
    final media = embedded?['wp:featuredmedia']?[0];
    return WPPost(
      id:       json['id'] as int,
      title:    json['title']['rendered'] as String,
      excerpt:  json['excerpt']['rendered'] as String,
      content:  json['content']['rendered'] as String,
      featuredImageUrl: media?['source_url'] as String?,
    );
  }
}

// ── Service Class ──────────────────────────────────────────
class WordPressService {
  static const String _base = 'https://yoursite.com/wp-json/wp/v2';

  Future<List<WPPost>> fetchPosts({ int page = 1, int perPage = 10 }) async {
    final uri = Uri.parse('$_base/posts').replace(
      queryParameters: {
        'page':     page.toString(),
        'per_page': perPage.toString(),
        '_embed':   'true',
      },
    );
    final response = await http.get(uri);
    if (response.statusCode != 200) {
      throw Exception('Failed to load posts: ${response.statusCode}');
    }
    final List<dynamic> json = jsonDecode(response.body);
    return json.map((j) => WPPost.fromJson(j)).toList();
  }

  Future<List<WPPost>> searchPosts(String query) async {
    final uri = Uri.parse('$_base/posts').replace(
      queryParameters: { 'search': query, '_embed': 'true' },
    );
    final response = await http.get(uri);
    final List<dynamic> json = jsonDecode(response.body);
    return json.map((j) => WPPost.fromJson(j)).toList();
  }
}

import 'package:flutter/material.dart';
import 'package:cached_network_image/cached_network_image.dart';
import '../services/wordpress_service.dart';

class PostListScreen extends StatefulWidget {
  const PostListScreen({super.key});
  @override
  State<PostListScreen> createState() => _PostListScreenState();
}

class _PostListScreenState extends State<PostListScreen> {
  final _service = WordPressService();
  final _posts = <WPPost>[];
  final _scroll = ScrollController();
  int _page = 1;
  bool _loading = false;
  bool _hasMore = true;

  @override
  void initState() {
    super.initState();
    _loadPosts();
    _scroll.addListener(() {
      if (_scroll.position.pixels >= _scroll.position.maxScrollExtent - 200) {
        _loadPosts();
      }
    });
  }

  Future<void> _loadPosts({ bool reset = false }) async {
    if (_loading || !_hasMore) return;
    if (reset) { setState(() { _posts.clear(); _page = 1; _hasMore = true; }); }
    setState(() => _loading = true);
    try {
      final newPosts = await _service.fetchPosts(page: _page);
      setState(() {
        _posts.addAll(newPosts);
        _page++;
        if (newPosts.length < 10) _hasMore = false;
      });
    } finally {
      setState(() => _loading = false);
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('Latest Posts'), centerTitle: true),
      body: RefreshIndicator(
        onRefresh: () => _loadPosts(reset: true),
        child: ListView.separated(
          controller: _scroll,
          padding: const EdgeInsets.all(16),
          itemCount: _posts.length + (_loading ? 1 : 0),
          separatorBuilder: (_, __) => const SizedBox(height: 14),
          itemBuilder: (ctx, i) {
            if (i == _posts.length) return const Center(child: CircularProgressIndicator());
            final post = _posts[i];
            return Card(
              elevation: 1, shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(14)),
              child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
                if (post.featuredImageUrl != null)
                  ClipRRect(borderRadius: const BorderRadius.vertical(top: Radius.circular(14)),
                    child: CachedNetworkImage(imageUrl: post.featuredImageUrl!,
                      height: 180, width: double.infinity, fit: BoxFit.cover)),
                Padding(padding: const EdgeInsets.all(16), child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start, children: [
                    Text(post.title, style: const TextStyle(fontSize: 17, fontWeight: FontWeight.bold)),
                    const SizedBox(height: 6),
                    Text(post.excerpt.replaceAll(RegExp(r'<[^>]+>'), '').trim(),
                      maxLines: 3, overflow: TextOverflow.ellipsis,
                      style: const TextStyle(color: Colors.grey, fontSize: 14)),
                  ],
                )),
              ]),
            );
          },
        ),
      ),
    );
  }
}

dependencies {
    // Retrofit — WordPress REST API HTTP client
    implementation("com.squareup.retrofit2:retrofit:2.9.0")
    implementation("com.squareup.retrofit2:converter-gson:2.9.0")
    implementation("com.squareup.okhttp3:logging-interceptor:4.12.0")

    // Kotlin Coroutines
    implementation("org.jetbrains.kotlinx:kotlinx-coroutines-android:1.7.3")

    // Jetpack Compose UI
    implementation("androidx.compose.ui:ui:1.6.4")
    implementation("androidx.compose.material3:material3:1.2.1")
    implementation("androidx.lifecycle:lifecycle-viewmodel-compose:2.7.0")

    // Image loading
    implementation("io.coil-kt:coil-compose:2.6.0")

    // Firebase push notifications
    implementation(platform("com.google.firebase:firebase-bom:32.7.0"))
    implementation("com.google.firebase:firebase-messaging-ktx")
}

import Foundation

struct WPPost: Codable, Identifiable {
    let id: Int
    let title:   RenderedText
    let content: RenderedText
    let excerpt: RenderedText
    let embedded: Embedded?
    enum CodingKeys: String, CodingKey {
        case id, title, content, excerpt
        case embedded = "_embedded"
    }
    var imageURL: URL? {
        embedded?.featuredMedia?.first?.sourceURL.flatMap { URL(string: $0) }
    }
}
struct RenderedText: Codable { let rendered: String }
struct Embedded: Codable {
    let featuredMedia: [Media]?
    enum CodingKeys: String, CodingKey { case featuredMedia = "wp:featuredmedia" }
}
struct Media: Codable { let sourceURL: String? }

actor WordPressService {
    private let base = "https://yoursite.com/wp-json/wp/v2"
    private let decoder: JSONDecoder = { let d = JSONDecoder(); d.keyDecodingStrategy = .convertFromSnakeCase; return d }()

    func fetchPosts(page: Int = 1) async throws -> [WPPost] {
        var comps = URLComponents(string: "\(base)/posts")!
        comps.queryItems = [.init(name:"page",value:"\(page)"),.init(name:"per_page",value:"10"),.init(name:"_embed",value:"true")]
        let (data, _) = try await URLSession.shared.data(from: comps.url!)
        return try decoder.decode([WPPost].self, from: data)
    }
}

import { OneSignal, LogLevel } from 'react-native-onesignal';

export function initializePushNotifications() {
  // Enable verbose logging in dev mode
  OneSignal.Debug.setLogLevel(LogLevel.Verbose);

  // Initialize with your OneSignal App ID
  OneSignal.initialize("YOUR_ONESIGNAL_APP_ID");

  // Request permission (shows iOS prompt, auto-granted on Android 12 and below)
  OneSignal.Notifications.requestPermission(true);

  // Handle foreground notifications
  OneSignal.Notifications.addEventListener('foregroundWillDisplay', (event) => {
    event.getNotification().display(); // Show banner while app is open
  });

  // Handle notification tap — navigate to relevant post
  OneSignal.Notifications.addEventListener('click', (event) => {
    const postId = event.notification.additionalData?.postId;
    if (postId) navigationRef.current?.navigate('PostDetail', { id: postId });
  });
}

import axios from 'axios';

const WC_BASE   = 'https://yoursite.com/wp-json/wc/v3';
const CK        = 'ck_your_consumer_key';
const CS        = 'cs_your_consumer_secret';

const wcApi = axios.create({
  baseURL: WC_BASE,
  params: { consumer_key: CK, consumer_secret: CS },
  timeout: 12000,
});

export interface Product {
  id: number; name: string; price: string;
  regular_price: string; stock_status: string;
  images: { src: string }[];
  short_description: string;
}

export const WooCommerceAPI = {
  /** Fetch paginated products */
  getProducts: async (page = 1): Promise<Product[]> => {
    const { data } = await wcApi.get('/products', { params: { page, per_page: 20 } });
    return data;
  },
  /** Get a single product */
  getProduct: async (id: number): Promise<Product> => {
    const { data } = await wcApi.get(`/products/${id}`);
    return data;
  },
  /** Create an order */
  createOrder: async (orderData: object): Promise<any> => {
    const { data } = await wcApi.post('/orders', orderData);
    return data;
  },
};