Skip to content

feat: add iOS Safari Web Extension app#12

Open
m-awadi wants to merge 1 commit intomasterfrom
feat/ios-app
Open

feat: add iOS Safari Web Extension app#12
m-awadi wants to merge 1 commit intomasterfrom
feat/ios-app

Conversation

@m-awadi
Copy link
Copy Markdown
Collaborator

@m-awadi m-awadi commented Apr 13, 2026

Summary

  • Add complete iOS Safari Web Extension app (TheWall) with native SwiftUI UI
  • Includes onboarding flow, database browser with search, settings, and Safari extension guide
  • Orange brand identity matching Android app with actual brand assets (logo, lockup)
  • Bilingual support (English + Arabic) with locale-aware typography
  • Custom inline search bar with instructional initial state and example chips
  • Tab bar styled for iOS 26 Liquid Glass compatibility
  • Fix telegram-bot TypeScript errors: add missing case "c" (Custom reason) to exhaustive switches

Key Features

  • Onboarding: 4-page guided onboarding with page indicators
  • Home: Brand hero, test URLs (wix.com, fiverr.com, expressvpn.com), quick actions
  • Database Browser: Search 500+ companies by name or domain, detail view with boycott reasons
  • Settings: Safari extension guide, language toggle, about section with brand logo
  • Safari Extension: Web extension handler scaffold ready for content script integration

Screenshots

Home Tab

pr-home ### Database pr-database ## Settings pr-settings

Files Changed

  • packages/ios/ — Complete iOS app (new)
  • packages/telegram-bot/src/bot.ts — Add custom reason case
  • packages/telegram-bot/src/formattersBot.ts — Add custom reason case
  • packages/telegram-bot/src/TRANSLATIONS/DB.ts — Add custom reason translations (9 languages)

Test Plan

  • Build succeeds on Xcode with iOS 26.4 simulator
  • All three tabs render correctly
  • Database search filters companies in real-time
  • Initial state shows instructional view with example chips
  • Brand assets display correctly (logo, lockup)
  • Tab bar icons have proper contrast
  • Navigation bars hidden on Home/Database for clean look
  • Test on physical device
  • Test Arabic locale
  • Test Safari extension activation flow

Native iOS companion app for The Wall boycott checker with:
- Safari Web Extension for website detection
- Company database browser with search (19,000+ companies)
- Onboarding flow with extension setup guide
- Settings with Safari extension enable instructions
- Orange brand identity matching Android app
- English and Arabic localization
- Inter and Noto Sans Arabic font support
- Dark mode support with custom color palette
- Unit tests and UI tests
- Fastlane configuration for App Store deployment

Also fixes telegram-bot exhaustive switch for custom reason code.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant