MidJourney Images Compose Multiplatform

The application is built using the MVVM (Model-View-ViewModel) pattern with Kotlin and Jetpack Compose. It features network request state management, endless pagination, image loading processes, offline mode, and image caching.

Consumer applications (platform-specific targets) do not have complex structures or operations. They are responsible for creating the MjImagesApp composable. Both MjImagesApp and its dependency, MjImagesViewModel, function identically across all supported platforms.

The application is designed so that consumer apps do not need complex structures. You can use the common UI layer and ViewModel across all platforms. To integrate the existing UI, you should use the MjImagesApp Composable. This Composable and its dependency, MjImagesViewModel, behave identically across all supported platforms (Android, iOS, Web, Wear OS, etc.).

// Use the common UI layer in your platform-specific entry points
// MjImagesApp and MjImagesViewModel work the same on all platforms
MjImagesApp()

Use the following Gradle commands to build the specific Android platform applications:

• Wear OS: ./gradlew :wearApp:assembleDebug
• Android TV: ./gradlew :televisionApp:assembleDebug
• Android Automotive: ./gradlew :automotiveApp:assembleDebug (Requires Android Studio Hedgehog for emulators)

# Wear OS
./gradlew :wearApp:assembleDebug

# Android TV
./gradlew :televisionApp:assembleDebug

# Android Automotive
./gradlew :automotiveApp:assembleDebug

To run the Compose for Web (Wasm) version for development, use:

./gradlew :wasmApp:wasmBrowserDevelopmentRun

To create a Wasm distribution, use:

./gradlew :wasmApp:wasmBrowserDevelopmentExecutableDistribution
./gradlew :wasmApp:wasmJsBrowserDistribution

To run the Web (JS) version for development, use:

./gradlew :compose-web:jsBrowserDevelopmentRun

To create a Web distribution, use:

./gradlew :webApp:jsBrowserDevelopmentExecutableDistribution
./gradlew :webApp:jsBrowserDistribution

To compile the Wear OS application, use the following Gradle command:

./gradlew :wearApp:assembleDebug

To compile the Android Automotive application, use the following Gradle command. Note that running on an emulator requires Android Studio Hedgehog.

./gradlew :automotiveApp:assembleDebug

The project supports both Compose for Web (JS) and Compose for Web (Wasm).

Compose for Web (JS)

• Development: ./gradlew :webApp:jsBrowserDevelopmentRun
• Distribution: ./gradlew :webApp:jsBrowserDevelopmentExecutableDistribution or ./gradlew :webApp:jsBrowserDistribution

Compose for Web (Wasm)

• Development: ./gradlew :wasmApp:wasmBrowserDevelopmentRun
• Distribution: ./gradlew :wasmApp:wasmBrowserDevelopmentExecutableDistribution or ./gradlew :wasmApp:wasmJsBrowserDistribution

# JS Development
./gradlew :webApp:jsBrowserDevelopmentRun

# Wasm Development
./gradlew :wasmApp:wasmBrowserDevelopmentRun

To compile the Android TV application, use the following Gradle command:

./gradlew :televisionApp:assembleDebug

The desktop application supports Windows, Debian, and MacOS. To run it directly:

./gradlew desktopApp:run

To build a native desktop distribution, use the packageDistributionForCurrentOS task. The resulting binaries are written to desktopApp/build/compose/binaries.

# Run desktop app
./gradlew desktopApp:run

# Build native distribution
./gradlew :desktop:packageDistributionForCurrentOS

To compile the Android application, use the Gradle wrapper with the assembleDebug task for the androidApp module.

./gradlew :androidApp:assembleDebug