Split screen in the ADAMANT app v4.10.3

28d ago•

bullish:

bearish:

ADAMANT Messenger v4.10.3 introduces enhanced Progressive Web App (PWA) support, delivering a unified experience across all supported platforms including Android, web browsers, Tor network, Windows, Linux and macOS systems.

Key improvements in this release come courtesy of our contributor community:

Split Screen Layout: A new split-screen feature allows users to view two sections of the app simultaneously, improving multitasking and navigation
Placeholder for new chats: A clean, minimalist placeholder now appears in empty conversation slots, visually guiding users to start new chats while maintaining interface clarity
Chat loading spinner when restored from background: A spinner now appears when restoring the app from background, clearly showing message reloading in progress. This prevents interface freezes and confirms active data synchronization to users.
Wallet balance loading indicators: Enhanced balance display logic to show ellipsis (…) during refresh or after prolonged update inactivity. Updates triggered by pull-to-refresh, network/node connections, or app restoration always replace the ellipsis with current data, while timed inactivity automatically activates the loading state
Switched from CJS to ESM build: Updated the project to use native ES Modules (ESM) instead of CommonJS (CJS) for better compatibility with modern tools and tree-shaking optimizations
Deploy to GitHub Pages: The idea is that any user can fork that repository and deploy to GH Pages under their subdomain username.github.io/adamant with a single button click
CI/CD for Testnet Deployment: Implemented GitHub Actions workflow to automatically build and deploy the Progressive Web App (PWA) to Surge.sh using Testnet ADM nodes, enabling seamless testing of blockchain integrations in a staging environment
Build APK using Github Workflows: Set up GitHub Actions to build the APK automatically
Capacitor updated to v7: Migrated to Capacitor 7 for improved native runtime performance, enhanced plugin compatibility, and future-proofed mobile infrastructure
UI/UX improvements: Miscellaneous adjustments for more convenient and user-friendly navigation
Dependencies update: Updated libraries for better security, stability, and compatibility
Bug fixes: Resolved various issues to ensure smoother and more reliable app performance

Split Screen Layout

The latest update introduces an innovative split-screen interface, revolutionizing how users interact with the messenger. This functionality enables simultaneous viewing and operation of different app sections in separate, and resizable panels. Whether comparing conversations side-by-side, referencing one chat while composing another, or monitoring wallets while browsing settings, the feature dramatically improves workflow efficiency.

Users can customize the layout through intuitive drag-and-drop controls, choosing between vertical divisions based on their preferences. This architectural upgrade particularly benefits power users managing multiple conversations or needing constant access to different functional areas of the application.

Now:

Before:

The divider position is adjustable and saved on a user device for the best UX.

The update also affected other tabs, including Account, Settings and Tx history.

Before:

After:

Placeholder for new chats

A themed ADM logo with security/privacy bullet points (in EN/RU) now appears:

For empty chats (before 1st message)
Below received messages if no replies exist
Above static content in bot chats

Remains visible until chat re-entry. Includes key retrieval status (spinner + text) when needed.

Chat loading spinner when restore from background

When reopening the app from background state, a circular loading spinner now appears in chat windows to visually confirm message reloading is in progress.

This provides clear feedback during data synchronization while preventing confusion about delayed content updates.

Switched from CJS to ESM build

The project has been migrated from CommonJS (CJS) to ECMAScript Modules (ESM) to align with modern JavaScript standards.

This change enables native ES module support, improving compatibility with frontend tooling like Vite and Rollup. The switch allows for static analysis of imports/exports, unlocking better tree-shaking optimizations to reduce bundle sizes.

ESM’s asynchronous nature also improves loading performance compared to CJS’s synchronous behavior. While this required updating module syntax (import/export instead of require/module.exports), the benefits include future-proofing the codebase and ensuring interoperability with newer JavaScript ecosystems.

The transition maintains all existing functionality while positioning the project better for long-term maintenance and modern web development practices

Deploy to GitHub Pages

This deployment approach allows anyone to easily fork the repository and instantly publish it to their own GitHub Pages under their personal subdomain (username.github.io/adamant).

The main purpose is to create a censorship-resistant distribution method — if the primary domain gets blocked in certain regions, users can still access the content through their own or others’ GitHub Pages forks.

Another key benefit is that users can be confident they’re using the authentic application built from source, free from potentially harmful third-party injections. This is, in fact, the most secure way to access ADAMANT.

If you are unable to access adm.im (e.g., due to censorship), you can run a self-hosted version of ADAMANT Messenger. We always encourage people to build it from source.

You can build and deploy the app to GitHub (GH) Pages. Follow the instructions below:

First, enable GH Actions:

Fork the repository
Go to the repository Settings
Navigate to the Pages tab
Set the source as GitHub Actions

Finally, run the GH Workflow:

Go to the Actions tab
Enable workflows

After you enabled workflows:

Select the GitHub Pages workflow
Click Run workflow

And finally:

Wait until the build succeeds
Open ADAMANT Messenger at [username].github.io/adamant-im (you’ll see the exact link in the “deploy” card)

By keeping the deployment process simple (just fork and enable Pages), it ensures maximum accessibility while decentralizing the hosting. The “adamant” subpath maintains consistent branding across all forks. This strategy effectively crowdsources hosting while requiring minimal technical effort from users.

Build APK using GitHub Workflows

The project now includes a GitHub Actions workflow that automatically compiles the Android app into an APK file whenever code is pushed or a release is tagged.

This eliminates manual build steps — the workflow handles dependencies, runs Gradle tasks, and generates a signed or unsigned APK.

The resulting file is stored as a workflow artifact, available for download directly from the repository’s Actions tab. It’s very important from a security perspective — This setup ensures consistent, reproducible builds and simplifies distribution for testing or releases.

You can download APKs for each application build: https://github.com/Adamant-im/adamant-im/actions/workflows/capacitor-android.yml

UI/UX improvements and bug fixes

The Android app now features a refreshed icon for better brand recognition.

Enhanced security comes with the new show/hide password toggle for login fields. Interactive elements now provide subtle vibration feedback when tapped, making navigation more intuitive through tactile responses.

Fixed Markdown formatting issues for headings and lists, ensuring proper spacing and visual hierarchy across the app. The improvements apply to messages, notifications, and chat previews.

Improved the delivery confirmation logic to reduce waiting time for read receipts (“checkmarks”), providing faster visual feedback.

The update introduces several important fixes and enhancements to transaction handling and interface clarity. When displaying invalid numeric values, the system now shows a question mark instead of “NaN” for better user understanding. Wallet balances and fiat currency estimates now calculate more accurately.

Transaction processing has been refined with proper local ID generation and corrected fee displays for pending operations. Failed transactions now show their status correctly, while pending transactions no longer display zero fees unnecessarily. The transaction details view received visual improvements with updated styling for better status visibility and overall readability.

These changes collectively improve data accuracy, transaction transparency, and interface consistency throughout the wallet experience.

Mobile breakpoint changed from 800px to 768px

Dependencies update

The codebase has been upgraded with several important infrastructure improvements. Sass dependencies were updated to their latest versions while resolving all deprecation warnings, ensuring smoother styling workflows.

For better performance and modern standards compliance, the legacy qs library has been replaced with native JavaScript URLSearchParams functionality. This eliminates an external dependency while maintaining all existing query string operations.

The build system now runs on Vite 6, taking advantage of the latest optimizations and features from this cutting-edge frontend toolchain. These updates collectively modernize the project’s foundation while improving maintainability.

Why Choose ADAMANT?

ADAMANT stands out as a truly decentralized messenger powered by its community, offering:

Instant access: Create an account in just 1 second
Complete privacy: Truly anonymous and secure communications
Integrated crypto wallet: Non-custodial storage and transfers
Censorship-resistant: No central authority to restrict your conversations
Unstoppable: Designed to keep running without interruptions
Cross-platform sync: Access your account on all devices
Multi-platform support: Available for Web, Tor, iOS, Android, Windows, and Linux
Transparent development: Fully open-source codebase
AI-powered assistant: Chat with Adelina for quick help
Share freely: Supports file transfers

Download now!

Progressive Web App v4.10.3

The app is built for Web, Tor, Android (Google Play), Windows, Linux, and macOS.

Web app: https://adm.im
Tor project version: https://adamant6457join2rxdkr2y7iqatar7n4n72lordxeknj435i4cjhpyd.onion
Release 4.10.3 on Github — for building the app from source code
Download the Messenger for Android
Download for other platforms

iOS messenger app

ADAMANT Messenger in Apple’s App Store.

Download the Messenger for iOS
The latest iOS release on GitHub — for building the app from source code

Split screen in the ADAMANT app v4.10.3 was originally published in ADAMANT on Medium, where people are continuing the conversation by highlighting and responding to this story.

28d ago•

ADM

bullish:

bearish: