From a9e87880d9b373bc4a2e54100e776e12d379810f Mon Sep 17 00:00:00 2001
From: Hu Shenghao <dede.hu@qq.com>
Date: Mon, 4 Nov 2024 18:01:19 +0800
Subject: [PATCH] feat: Placeholder screen update

Signed-off-by: Hu Shenghao <dede.hu@qq.com>
---
 .idea/gradle.xml                              |   7 +-
 .../dede/android_eggs/util/LocalEventExt.kt   |  28 ++
 .../views/main/compose/EasterEggLogo.kt       |   3 +-
 .../views/placeholder/PlaceholderActivity.kt  | 110 --------
 .../views/settings/SettingsScreen.kt          |   3 +-
 basic/build.gradle.kts                        |   1 +
 .../com/dede/android_eggs/util/LocalEvent.kt  |  36 +--
 feature/embedding-splits/build.gradle.kts     |   2 +-
 .../src/main/AndroidManifest.xml              |   2 +
 .../embedding_splits/PlaceholderActivity.kt   | 239 ++++++++++++++++++
 .../embedding_splits/Utilities.kt             | 126 +++++++++
 .../res/drawable/better_together_hero.xml     | 138 ----------
 .../src/main/res/xml/split_configuration.xml  |   2 +-
 gradle/libs.versions.toml                     |   3 +-
 14 files changed, 412 insertions(+), 288 deletions(-)
 create mode 100644 app/src/main/java/com/dede/android_eggs/util/LocalEventExt.kt
 delete mode 100644 app/src/main/java/com/dede/android_eggs/views/placeholder/PlaceholderActivity.kt
 rename {app => basic}/src/main/java/com/dede/android_eggs/util/LocalEvent.kt (62%)
 create mode 100644 feature/embedding-splits/src/main/java/com/dede/android_eggs/embedding_splits/PlaceholderActivity.kt
 create mode 100644 feature/embedding-splits/src/main/java/com/dede/android_eggs/embedding_splits/Utilities.kt
 delete mode 100644 feature/embedding-splits/src/main/res/drawable/better_together_hero.xml

diff --git a/.idea/gradle.xml b/.idea/gradle.xml
index e0717840c..98a1e5216 100644
--- a/.idea/gradle.xml
+++ b/.idea/gradle.xml
@@ -23,8 +23,6 @@
           <set>
             <option value="$PROJECT_DIR$" />
             <option value="$PROJECT_DIR$/app" />
-            <option value="$PROJECT_DIR$/app-theme" />
-            <option value="$PROJECT_DIR$/app-widget" />
             <option value="$PROJECT_DIR$/basic" />
             <option value="$PROJECT_DIR$/build-logic" />
             <option value="$PROJECT_DIR$/build-logic/convention" />
@@ -47,10 +45,15 @@
             <option value="$PROJECT_DIR$/eggs/Tiramisu" />
             <option value="$PROJECT_DIR$/eggs/UpsideDownCake" />
             <option value="$PROJECT_DIR$/eggs/VanillaIceCream" />
+            <option value="$PROJECT_DIR$/feature" />
+            <option value="$PROJECT_DIR$/feature/crash" />
+            <option value="$PROJECT_DIR$/feature/embedding-splits" />
+            <option value="$PROJECT_DIR$/feature/widget" />
             <option value="$PROJECT_DIR$/jvm-basic" />
             <option value="$PROJECT_DIR$/script" />
             <option value="$PROJECT_DIR$/script/compose-material-icons-generator" />
             <option value="$PROJECT_DIR$/script/emoji-svg-xml-convertor" />
+            <option value="$PROJECT_DIR$/theme" />
           </set>
         </option>
         <option name="resolveExternalAnnotations" value="false" />
diff --git a/app/src/main/java/com/dede/android_eggs/util/LocalEventExt.kt b/app/src/main/java/com/dede/android_eggs/util/LocalEventExt.kt
new file mode 100644
index 000000000..61ac5ae55
--- /dev/null
+++ b/app/src/main/java/com/dede/android_eggs/util/LocalEventExt.kt
@@ -0,0 +1,28 @@
+package com.dede.android_eggs.util
+
+import android.content.BroadcastReceiver
+import android.content.Context
+import android.content.Intent
+import android.content.IntentFilter
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.DisposableEffect
+import androidx.compose.runtime.remember
+import androidx.compose.ui.platform.LocalContext
+
+@Composable
+fun LocalEvent.DisposableReceiver(action: String, eventCallback: EventCallback) {
+    val context = LocalContext.current
+    val receiver = remember { DisposedReceiver(eventCallback) }
+    DisposableEffect(action) {
+        context.localBroadcastManager.registerReceiver(receiver, IntentFilter(action))
+        onDispose {
+            context.localBroadcastManager.unregisterReceiver(receiver)
+        }
+    }
+}
+
+private class DisposedReceiver(val callback: EventCallback) : BroadcastReceiver() {
+    override fun onReceive(context: Context, intent: Intent) {
+        callback.invoke(intent)
+    }
+}
diff --git a/app/src/main/java/com/dede/android_eggs/views/main/compose/EasterEggLogo.kt b/app/src/main/java/com/dede/android_eggs/views/main/compose/EasterEggLogo.kt
index f9befa41b..2e99c3e7d 100644
--- a/app/src/main/java/com/dede/android_eggs/views/main/compose/EasterEggLogo.kt
+++ b/app/src/main/java/com/dede/android_eggs/views/main/compose/EasterEggLogo.kt
@@ -19,6 +19,7 @@ import androidx.compose.ui.unit.Dp
 import androidx.compose.ui.unit.dp
 import com.dede.android_eggs.ui.drawables.AlterableAdaptiveIconDrawable
 import com.dede.android_eggs.util.LocalEvent
+import com.dede.android_eggs.util.DisposableReceiver
 import com.dede.android_eggs.views.main.util.EasterEggHelp
 import com.dede.android_eggs.views.main.util.EasterEggLogoSensorMatrixConvert
 import com.dede.android_eggs.views.settings.compose.basic.SettingPrefUtil
@@ -56,7 +57,7 @@ fun EasterEggLogo(
         val drawable = remember(maskPath, res, context.theme) {
             AlterableAdaptiveIconDrawable(context, res, maskPath)
         }
-        LocalEvent.receiver().register(IconShapePrefUtil.ACTION_CHANGED) {
+        LocalEvent.DisposableReceiver(IconShapePrefUtil.ACTION_CHANGED) {
             val newMaskPath = it.getStringExtra(SettingPrefUtil.EXTRA_VALUE)
             if (newMaskPath != null) {
                 drawable.setMaskPath(newMaskPath)
diff --git a/app/src/main/java/com/dede/android_eggs/views/placeholder/PlaceholderActivity.kt b/app/src/main/java/com/dede/android_eggs/views/placeholder/PlaceholderActivity.kt
deleted file mode 100644
index c9798f85b..000000000
--- a/app/src/main/java/com/dede/android_eggs/views/placeholder/PlaceholderActivity.kt
+++ /dev/null
@@ -1,110 +0,0 @@
-package com.dede.android_eggs.views.placeholder
-
-import android.os.Bundle
-import androidx.activity.compose.setContent
-import androidx.activity.enableEdgeToEdge
-import androidx.appcompat.app.AppCompatActivity
-import androidx.compose.animation.AnimatedVisibility
-import androidx.compose.animation.core.MutableTransitionState
-import androidx.compose.animation.core.tween
-import androidx.compose.animation.fadeIn
-import androidx.compose.animation.scaleIn
-import androidx.compose.foundation.layout.Box
-import androidx.compose.foundation.layout.fillMaxSize
-import androidx.compose.foundation.layout.imePadding
-import androidx.compose.foundation.layout.size
-import androidx.compose.material3.Scaffold
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.remember
-import androidx.compose.ui.Alignment
-import androidx.compose.ui.Modifier
-import androidx.compose.ui.res.stringResource
-import androidx.compose.ui.tooling.preview.Preview
-import androidx.compose.ui.unit.dp
-import com.dede.android_eggs.R
-import com.dede.android_eggs.util.LocalEvent
-import com.dede.android_eggs.util.ThemeUtils
-import com.dede.android_eggs.views.main.compose.EasterEggLogo
-import com.dede.android_eggs.views.settings.compose.prefs.DynamicColorPrefUtil
-import com.dede.android_eggs.views.settings.compose.prefs.ThemePrefUtil
-import com.dede.android_eggs.views.theme.AppTheme
-import com.dede.basic.isAdaptiveIconDrawable
-import com.dede.basic.provider.EasterEgg
-import dagger.hilt.android.AndroidEntryPoint
-import javax.inject.Inject
-import kotlin.random.Random
-
-// todo Move to embedding-splits module
-@AndroidEntryPoint
-class PlaceholderActivity : AppCompatActivity() {
-
-    @Inject
-    lateinit var pureEasterEggs: List<@JvmSuppressWildcards EasterEgg>
-
-    private lateinit var iconRes: List<Int>
-
-    override fun onCreate(savedInstanceState: Bundle?) {
-        ThemeUtils.tryApplyOLEDTheme(this)
-        enableEdgeToEdge()
-        super.onCreate(savedInstanceState)
-        iconRes = pureEasterEggs.filter { isAdaptiveIconDrawable(it.iconRes) }
-            .map { it.iconRes }
-
-        setContent {
-            AppTheme {
-                @Suppress("UnusedMaterial3ScaffoldPaddingParameter")
-                Scaffold {
-                    Placeholder(randomRes())
-                }
-            }
-        }
-
-        with(LocalEvent.receiver(this)) {
-            register(ThemePrefUtil.ACTION_NIGHT_MODE_CHANGED) {
-                recreate()
-            }
-            register(DynamicColorPrefUtil.ACTION_DYNAMIC_COLOR_CHANGED) {
-                recreate()
-            }
-        }
-
-    }
-
-    private fun randomRes(): Int {
-        val array = iconRes
-        val index = Random.nextInt(array.size)
-        return array[index]
-    }
-
-}
-
-@Composable
-fun Placeholder(res: Int) {
-    Box(
-        contentAlignment = Alignment.Center,
-        modifier = Modifier
-            .fillMaxSize()
-            .imePadding()
-    ) {
-        AnimatedVisibility(
-            visibleState = remember { MutableTransitionState(false) }
-                .apply { targetState = true },
-            enter = scaleIn(
-                initialScale = 0.3f,
-                animationSpec = tween(500, delayMillis = 100)
-            ) + fadeIn(animationSpec = tween(500, delayMillis = 100)),
-        ) {
-            EasterEggLogo(
-                modifier = Modifier.size(56.dp),
-                res = res,
-                contentDescription = stringResource(R.string.app_name),
-            )
-        }
-    }
-}
-
-@Preview
-@Composable
-fun PreviewPlaceholder() {
-    Placeholder(R.mipmap.ic_launcher_round)
-}
diff --git a/app/src/main/java/com/dede/android_eggs/views/settings/SettingsScreen.kt b/app/src/main/java/com/dede/android_eggs/views/settings/SettingsScreen.kt
index 44df78e16..655639710 100644
--- a/app/src/main/java/com/dede/android_eggs/views/settings/SettingsScreen.kt
+++ b/app/src/main/java/com/dede/android_eggs/views/settings/SettingsScreen.kt
@@ -46,6 +46,7 @@ import androidx.compose.ui.unit.TextUnitType
 import androidx.compose.ui.unit.dp
 import com.dede.android_eggs.BuildConfig
 import com.dede.android_eggs.R
+import com.dede.android_eggs.util.DisposableReceiver
 import com.dede.android_eggs.util.LocalEvent
 import com.dede.android_eggs.util.SplitUtils
 import com.dede.android_eggs.views.main.compose.DrawableImage
@@ -80,7 +81,7 @@ fun SettingsScreen(drawerState: DrawerState = rememberDrawerState(DrawerValue.Cl
         closeDrawer()
     }
 
-    LocalEvent.receiver().register(action = SettingPrefUtil.ACTION_CLOSE_SETTING) {
+    LocalEvent.DisposableReceiver(SettingPrefUtil.ACTION_CLOSE_SETTING) {
         closeDrawer()
     }
 
diff --git a/basic/build.gradle.kts b/basic/build.gradle.kts
index f7258aed8..d148f61ef 100644
--- a/basic/build.gradle.kts
+++ b/basic/build.gradle.kts
@@ -15,4 +15,5 @@ dependencies {
     implementation(libs.androidx.viewmodel)
     implementation(libs.androidx.startup)
     implementation(libs.androidx.activity)
+    implementation(libs.androidx.localbroadcastmanager)
 }
\ No newline at end of file
diff --git a/app/src/main/java/com/dede/android_eggs/util/LocalEvent.kt b/basic/src/main/java/com/dede/android_eggs/util/LocalEvent.kt
similarity index 62%
rename from app/src/main/java/com/dede/android_eggs/util/LocalEvent.kt
rename to basic/src/main/java/com/dede/android_eggs/util/LocalEvent.kt
index 660fc007a..b959b78ce 100644
--- a/app/src/main/java/com/dede/android_eggs/util/LocalEvent.kt
+++ b/basic/src/main/java/com/dede/android_eggs/util/LocalEvent.kt
@@ -6,10 +6,6 @@ import android.content.Intent
 import android.content.IntentFilter
 import android.os.Bundle
 import androidx.activity.ComponentActivity
-import androidx.compose.runtime.Composable
-import androidx.compose.runtime.DisposableEffect
-import androidx.compose.runtime.remember
-import androidx.compose.ui.platform.LocalContext
 import androidx.fragment.app.Fragment
 import androidx.lifecycle.DefaultLifecycleObserver
 import androidx.lifecycle.LifecycleOwner
@@ -19,6 +15,9 @@ typealias EventCallback = (intent: Intent) -> Unit
 
 object LocalEvent {
 
+    val Context.localBroadcastManager: LocalBroadcastManager
+        get() = LocalBroadcastManager.getInstance(this)
+
     fun poster(context: Context): Poster {
         return Poster(context)
     }
@@ -27,32 +26,6 @@ object LocalEvent {
         return Receiver(owner)
     }
 
-    @Composable
-    fun receiver(): ComposeReceiver {
-        val context = LocalContext.current
-        return remember { ComposeReceiver(context) }
-    }
-
-    class ComposeReceiver(private val context: Context) {
-
-        private class DisposedReceiver(val callback: EventCallback) : BroadcastReceiver() {
-            override fun onReceive(context: Context, intent: Intent) {
-                callback.invoke(intent)
-            }
-        }
-
-        @Composable
-        fun register(action: String, eventCallback: EventCallback) {
-            DisposableEffect(key1 = action) {
-                val receiver = DisposedReceiver(eventCallback)
-                context.localBroadcastManager.registerReceiver(receiver, IntentFilter(action))
-                onDispose {
-                    context.localBroadcastManager.unregisterReceiver(receiver)
-                }
-            }
-        }
-    }
-
     class Receiver(private val owner: LifecycleOwner) {
 
         private class LifecycleReceiver(val callback: EventCallback) :
@@ -91,6 +64,3 @@ private val LifecycleOwner.context: Context
         is Fragment -> requireContext()
         else -> throw IllegalArgumentException(this.toString())
     }
-
-private val Context.localBroadcastManager: LocalBroadcastManager
-    get() = LocalBroadcastManager.getInstance(this)
\ No newline at end of file
diff --git a/feature/embedding-splits/build.gradle.kts b/feature/embedding-splits/build.gradle.kts
index da740976d..3880253fd 100644
--- a/feature/embedding-splits/build.gradle.kts
+++ b/feature/embedding-splits/build.gradle.kts
@@ -14,7 +14,7 @@ dependencies {
     implementation(libs.androidx.window)
     implementation(libs.google.material)
     implementation(libs.androidx.startup)
-
+    implementation(libs.androidx.shapes)
     implementation(libs.androidx.compose.activity)
     implementation(platform(libs.androidx.compose.bom))
     implementation(libs.androidx.compose.ui)
diff --git a/feature/embedding-splits/src/main/AndroidManifest.xml b/feature/embedding-splits/src/main/AndroidManifest.xml
index 0a4f21ba2..ad79904e2 100644
--- a/feature/embedding-splits/src/main/AndroidManifest.xml
+++ b/feature/embedding-splits/src/main/AndroidManifest.xml
@@ -17,6 +17,8 @@
                 android:name="com.dede.android_eggs.embedding_splits.SplitInitializer"
                 android:value="androidx.startup" />
         </provider>
+
+        <activity android:name=".PlaceholderActivity" />
     </application>
 
 </manifest>
diff --git a/feature/embedding-splits/src/main/java/com/dede/android_eggs/embedding_splits/PlaceholderActivity.kt b/feature/embedding-splits/src/main/java/com/dede/android_eggs/embedding_splits/PlaceholderActivity.kt
new file mode 100644
index 000000000..2a9f3cc9f
--- /dev/null
+++ b/feature/embedding-splits/src/main/java/com/dede/android_eggs/embedding_splits/PlaceholderActivity.kt
@@ -0,0 +1,239 @@
+package com.dede.android_eggs.embedding_splits
+
+import android.os.Bundle
+import androidx.activity.compose.setContent
+import androidx.activity.enableEdgeToEdge
+import androidx.appcompat.app.AppCompatActivity
+import androidx.compose.animation.core.Animatable
+import androidx.compose.animation.core.AnimationVector1D
+import androidx.compose.animation.core.spring
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.interaction.MutableInteractionSource
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.aspectRatio
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.imePadding
+import androidx.compose.material3.MaterialTheme.colorScheme
+import androidx.compose.material3.Scaffold
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.derivedStateOf
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableIntStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.rememberCoroutineScope
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.drawWithContent
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.Matrix
+import androidx.compose.ui.graphics.asComposePath
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.graphics.shapes.CornerRounding
+import androidx.graphics.shapes.Morph
+import androidx.graphics.shapes.RoundedPolygon
+import androidx.graphics.shapes.circle
+import androidx.graphics.shapes.pill
+import androidx.graphics.shapes.pillStar
+import androidx.graphics.shapes.rectangle
+import androidx.graphics.shapes.star
+import androidx.graphics.shapes.toPath
+import com.dede.android_eggs.util.LocalEvent
+import com.dede.android_eggs.util.ThemeUtils
+import com.dede.android_eggs.views.settings.compose.prefs.DynamicColorPrefUtil
+import com.dede.android_eggs.views.settings.compose.prefs.ThemePrefUtil
+import com.dede.android_eggs.views.theme.AppTheme
+import kotlinx.coroutines.launch
+import kotlin.math.max
+
+/**
+ * Placeholder for embedding splits
+ */
+class PlaceholderActivity : AppCompatActivity() {
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        ThemeUtils.tryApplyOLEDTheme(this)
+        enableEdgeToEdge()
+        super.onCreate(savedInstanceState)
+
+        setContent {
+            AppTheme {
+                @Suppress("UnusedMaterial3ScaffoldPaddingParameter")
+                Scaffold {
+                    Placeholder()
+                }
+            }
+        }
+
+        with(LocalEvent.receiver(this)) {
+            register(ThemePrefUtil.ACTION_NIGHT_MODE_CHANGED) {
+                recreate()
+            }
+            register(DynamicColorPrefUtil.ACTION_DYNAMIC_COLOR_CHANGED) {
+                recreate()
+            }
+        }
+
+    }
+
+    init {
+        shapes.shuffle()
+    }
+
+}
+
+internal val shapes = arrayOf(
+    // PillStar
+    RoundedPolygon.pillStar(
+        numVerticesPerRadius = 12,
+        width = 1f,
+        height = 1f,
+        rounding = CornerRounding(.3f),
+        innerRounding = CornerRounding(.3f)
+    ).rotated(45f),
+    // Pill
+    RoundedPolygon.pill(
+        width = 1f,
+        height = 0.8f,
+    ).rotated(45f),
+    // Triangle
+    RoundedPolygon(
+        numVertices = 3,
+        rounding = CornerRounding(0.2f)
+    ),
+    // Circle
+    RoundedPolygon.circle(
+        numVertices = 4,
+    ),
+    // Square
+    RoundedPolygon.rectangle(
+        width = 1f,
+        height = 1f,
+        rounding = CornerRounding(0.3f)
+    ),
+    // Scallop
+    RoundedPolygon.star(
+        numVerticesPerRadius = 12,
+        innerRadius = .828f,
+        rounding = CornerRounding(.32f),
+        innerRounding = CornerRounding(.32f)
+    ),
+    // Clover
+    RoundedPolygon.star(
+        numVerticesPerRadius = 4,
+        innerRadius = .352f,
+        rounding = CornerRounding(.32f),
+        innerRounding = CornerRounding(.32f)
+    ).rotated(45f),
+    // Hexagon
+    RoundedPolygon(
+        numVertices = 6,
+        rounding = CornerRounding(0.2f),
+    ),
+    // Triangle
+    RoundedPolygon(
+        vertices = floatArrayOf(
+            radialToCartesian(1f, 270f.toRadians()).x,
+            radialToCartesian(1f, 270f.toRadians()).y,
+            radialToCartesian(1f, 30f.toRadians()).x,
+            radialToCartesian(1f, 30f.toRadians()).y,
+            radialToCartesian(0.1f, 90f.toRadians()).x,
+            radialToCartesian(0.1f, 90f.toRadians()).y,
+            radialToCartesian(1f, 150f.toRadians()).x,
+            radialToCartesian(1f, 150f.toRadians()).y
+        ),
+        rounding = CornerRounding(0.2f),
+        centerX = 0f,
+        centerY = 0f
+    ),
+    // CornerSE
+    RoundedPolygon(
+        vertices = floatArrayOf(1f, 1f, -1f, 1f, -1f, -1f, 1f, -1f),
+        perVertexRounding = listOf(
+            CornerRounding(0.4f),
+            CornerRounding(1f),
+            CornerRounding(1f),
+            CornerRounding(1f)
+        ),
+    ),
+
+    )
+
+@Preview
+@Composable
+internal fun Placeholder() {
+    val progress = remember { Animatable(0f) }
+    var currShape by remember { mutableIntStateOf(-1) }
+    val morphed by remember {
+        derivedStateOf {
+            Morph(
+                shapes[max(currShape, 0) % shapes.size],
+                shapes[(currShape + 1) % shapes.size]
+            )
+        }
+    }
+
+    Box(
+        contentAlignment = Alignment.Center,
+        modifier = Modifier
+            .fillMaxSize()
+            .imePadding()
+    ) {
+        val scope = rememberCoroutineScope()
+        MorphComposable(
+            sizedMorph = morphed,
+            modifier = Modifier
+                .fillMaxSize(0.3f)
+                .clickable(
+                    indication = null, // Eliminate the ripple effect.
+                    interactionSource = remember { MutableInteractionSource() }
+                ) {
+                    scope.launch {
+                        currShape += 1
+                        doAnimation(progress)
+                    }
+                },
+            progress = progress.value,
+        )
+    }
+}
+
+
+@Composable
+private fun MorphComposable(
+    sizedMorph: Morph,
+    modifier: Modifier = Modifier,
+    color: Color = colorScheme.surfaceVariant,
+    progress: Float,
+) {
+    val matrix = remember { Matrix() }
+    Box(
+        modifier = modifier
+            .aspectRatio(1f)
+            .drawWithContent {
+                val path = sizedMorph
+                    .toPath(progress = progress)
+                    .asComposePath()
+
+                matrix.reset()
+                val bounds = path.getBounds()
+                val maxDimension = max(bounds.width, bounds.height)
+                matrix.scale(size.width / maxDimension, size.height / maxDimension)
+                matrix.translate(-bounds.left, -bounds.top)
+
+                path.transform(matrix)
+
+                drawPath(path, color)
+
+                drawContent()
+            },
+    )
+}
+
+private suspend fun doAnimation(progress: Animatable<Float, AnimationVector1D>) {
+    progress.snapTo(0f)
+    progress.animateTo(
+        1f,
+        animationSpec = spring(0.6f, 50f)
+    )
+}
diff --git a/feature/embedding-splits/src/main/java/com/dede/android_eggs/embedding_splits/Utilities.kt b/feature/embedding-splits/src/main/java/com/dede/android_eggs/embedding_splits/Utilities.kt
new file mode 100644
index 000000000..5eeed87c9
--- /dev/null
+++ b/feature/embedding-splits/src/main/java/com/dede/android_eggs/embedding_splits/Utilities.kt
@@ -0,0 +1,126 @@
+/*
+ * Copyright 2023 The Android Open Source Project
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+package com.dede.android_eggs.embedding_splits
+
+import android.graphics.PointF
+import androidx.compose.ui.geometry.Offset
+import androidx.compose.ui.geometry.Rect
+import androidx.compose.ui.geometry.Size
+import androidx.compose.ui.graphics.Matrix
+import androidx.compose.ui.graphics.Outline
+import androidx.compose.ui.graphics.Shape
+import androidx.compose.ui.graphics.asComposePath
+import androidx.compose.ui.unit.Density
+import androidx.compose.ui.unit.LayoutDirection
+import androidx.core.graphics.plus
+import androidx.core.graphics.times
+import androidx.graphics.shapes.Morph
+import androidx.graphics.shapes.RoundedPolygon
+import androidx.graphics.shapes.TransformResult
+import androidx.graphics.shapes.toPath
+import kotlin.math.PI
+import kotlin.math.cos
+import kotlin.math.max
+import kotlin.math.sin
+
+internal fun Float.toRadians() = this * PI.toFloat() / 180f
+
+internal fun Offset.rotate90() = Offset(-y, x)
+
+internal fun directionVector(angleRadians: Float) = Offset(cos(angleRadians), sin(angleRadians))
+
+internal fun Offset.rotate(angleRadians: Float): Offset {
+    val vec = directionVector(angleRadians)
+    return vec * x + vec.rotate90() * y
+}
+
+internal val PointZero = PointF(0f, 0f)
+
+internal fun radialToCartesian(
+    radius: Float,
+    angleRadians: Float,
+    center: PointF = PointZero
+) = directionVectorPointF(angleRadians) * radius + center
+
+
+internal fun directionVectorPointF(angleRadians: Float) =
+    PointF(cos(angleRadians), sin(angleRadians))
+
+
+fun RoundedPolygon.rotated(rotate: Float): RoundedPolygon {
+    return this.transformed(Matrix().apply { rotateZ(rotate) })
+}
+
+/**
+ * Transforms a [RoundedPolygon] with the given [Matrix]
+ */
+fun RoundedPolygon.transformed(matrix: Matrix): RoundedPolygon =
+    transformed { x, y ->
+        val transformedPoint = matrix.map(Offset(x, y))
+        TransformResult(transformedPoint.x, transformedPoint.y)
+    }
+
+/**
+ * Calculates and returns the bounds of this [RoundedPolygon] as a [Rect]
+ */
+fun RoundedPolygon.getBounds() = calculateBounds().let { Rect(it[0], it[1], it[2], it[3]) }
+
+class MorphPolygonShape(
+    private val morph: Morph,
+    private val percentage: Float
+) : Shape {
+
+    private val matrix = Matrix()
+
+    override fun createOutline(
+        size: Size,
+        layoutDirection: LayoutDirection,
+        density: Density
+    ): Outline {
+        val path = morph.toPath(progress = percentage).asComposePath()
+
+        val bounds = path.getBounds()
+        val maxDimension = max(bounds.width, bounds.height)
+        matrix.scale(size.width / maxDimension, size.height / maxDimension)
+        matrix.translate(-bounds.left, -bounds.top)
+
+        path.transform(matrix)
+        return Outline.Generic(path)
+    }
+}
+
+
+class RoundedPolygonShape(
+    private val polygon: RoundedPolygon,
+    private val matrix: Matrix = Matrix()
+) : Shape {
+
+    override fun createOutline(
+        size: Size,
+        layoutDirection: LayoutDirection,
+        density: Density
+    ): Outline {
+        val bounds = polygon.getBounds()
+        val maxDimension = max(bounds.width, bounds.height)
+        matrix.scale(size.width / maxDimension, size.height / maxDimension)
+        matrix.translate(-bounds.left, -bounds.top)
+
+        val path = polygon.toPath().asComposePath()
+        path.transform(matrix)
+        return Outline.Generic(path)
+    }
+}
diff --git a/feature/embedding-splits/src/main/res/drawable/better_together_hero.xml b/feature/embedding-splits/src/main/res/drawable/better_together_hero.xml
deleted file mode 100644
index 4a73cfa21..000000000
--- a/feature/embedding-splits/src/main/res/drawable/better_together_hero.xml
+++ /dev/null
@@ -1,138 +0,0 @@
-<vector xmlns:android="http://schemas.android.com/apk/res/android"
-    android:width="320dp"
-    android:height="180.07034dp"
-    android:viewportWidth="853"
-    android:viewportHeight="480">
-
-    <path
-        android:pathData="M287,128L578,128A111,111 0,0 1,689 239L689,239A111,111 0,0 1,578 350L287,350A111,111 0,0 1,176 239L176,239A111,111 0,0 1,287 128z"
-        android:strokeWidth="4"
-        android:strokeColor="#C6FF00" />
-
-    <path
-        android:fillColor="#174EA6"
-        android:pathData="M412.3,107.33c0,-23.35 18.93,-42.29 42.29,-42.29h248.03c23.36,0 42.29,18.93 42.29,42.29V226.73c0,23.36 -18.93,42.29 -42.29,42.29H454.59c-23.36,0 -42.29,-18.93 -42.29,-42.29V107.33Z" />
-
-    <path
-        android:fillColor="#4285F4"
-        android:pathData="M399.44,107.33c0,-23.35 18.93,-42.29 42.29,-42.29h248.03c23.36,0 42.29,18.93 42.29,42.29V226.73c0,23.36 -18.93,42.29 -42.29,42.29H441.73c-23.36,0 -42.29,-18.93 -42.29,-42.29V107.33Z" />
-
-    <path
-        android:fillColor="#E6F4EA"
-        android:pathData="M414.14,107.94c0,-15.57 12.62,-28.19 28.19,-28.19h246.82c15.57,0 28.19,12.62 28.19,28.19v118.18c0,15.57 -12.62,28.19 -28.19,28.19H442.33c-15.57,0 -28.19,-12.62 -28.19,-28.19V107.94Z" />
-
-    <path
-        android:fillColor="#4285F4"
-        android:pathData="M480.75,269.02L650.73,269.02A6.89,6.89 0,0 1,657.62 275.91L657.62,275.91A6.89,6.89 0,0 1,650.73 282.8L480.75,282.8A6.89,6.89 0,0 1,473.86 275.91L473.86,275.91A6.89,6.89 0,0 1,480.75 269.02z" />
-
-    <path
-        android:fillColor="#0D652D"
-        android:fillType="evenOdd"
-        android:pathData="M309.21,93.65a3.36,3.36 0,0 1,4.73 -0.38c3.53,3 10.93,11.47 12.91,22.2a3.36,3.36 0,0 1,-6.6 1.22c-1.61,-8.7 -7.83,-15.9 -10.66,-18.31a3.36,3.36 0,0 1,-0.38 -4.73ZM324.49,135.99a3.36,3.36 0,0 1,2.49 4.04c-1.07,4.51 -5.25,14.94 -13.91,21.59a3.36,3.36 0,1 1,-4.09 -5.33c7.02,-5.39 10.61,-14.2 11.47,-17.81a3.36,3.36 0,0 1,4.04 -2.49Z" />
-      
-    <path
-        android:fillColor="#4285F4"
-        android:pathData="M281.52,49.43L281.52,49.43A20.67,20.67 0,0 1,302.19 70.1L302.19,184.95A20.67,20.67 0,0 1,281.52 205.62L281.52,205.62A20.67,20.67 0,0 1,260.85 184.95L260.85,70.1A20.67,20.67 0,0 1,281.52 49.43z" />
-
-    <path
-        android:fillColor="#34A853"
-        android:pathData="M280.96,126.53m-43.08,0a43.08,43.08 0,1 1,86.17 0a43.08,43.08 0,1 1,-86.17 0" />
-
-    <path
-        android:fillColor="#CEEAD6"
-        android:pathData="M281.38,127.11m-34.89,0a34.89,34.89 0,1 1,69.78 0a34.89,34.89 0,1 1,-69.78 0" />
-
-    <path
-        android:fillColor="#fff"
-        android:pathData="M316.27,127.11a34.9,34.9 0,0 0,-10.22 -24.67,34.89 34.89,0 0,0 -24.67,-10.22v34.89h34.89Z" />
-
-    <path
-        android:fillColor="#34A853"
-        android:pathData="M576.57,419.46h-24.23l42.02,-227.16h4c20.95,0 37.07,18.5 34.21,39.25l-21.79,158.09c-2.36,17.09 -16.96,29.82 -34.21,29.82Z" />
-
-    <path
-        android:fillColor="#fff"
-        android:pathData="M508.76,221.96C511.05,204.81 525.68,192 542.99,192h41.16c20.89,0 37,18.4 34.23,39.11l-21.22,158.7c-2.29,17.15 -16.92,29.96 -34.23,29.96h-41.16c-20.89,0 -37,-18.4 -34.23,-39.11l21.22,-158.7Z" />
-
-    <path
-        android:pathData="M589.4,192.61h-47.6c-17.28,0 -31.9,12.77 -34.22,29.89L486.32,379.06c-2.82,20.73 13.3,39.18 34.22,39.18h43.45"
-        android:strokeWidth="4"
-        android:strokeColor="#AECBFA"
-        android:strokeLineCap="round" />
-
-    <path
-        android:fillColor="#CEEAD6"
-        android:pathData="M573.72,232.69a4.39,4.39 0,0 1,3.91 0l3.74,1.86a4.41,4.41 0,0 0,1.69 0.45l4.74,0.28a4.37,4.37 0,0 1,3.38 1.94l2.51,3.78c0.32,0.49 0.75,0.91 1.24,1.23l3.17,2.08a4.34,4.34 0,0 1,1.95 3.37l0.28,4.71c0.04,0.59 0.19,1.16 0.45,1.68l1.65,3.29a4.32,4.32 0,0 1,0 3.89l-1.41,2.8a4.33,4.33 0,0 0,-0.45 1.68l-0.31,5.2a4.34,4.34 0,0 1,-1.95 3.37l-3.93,2.58a4.38,4.38 0,0 0,-1.24 1.23l-2.18,3.28a4.37,4.37 0,0 1,-3.38 1.94l-4.49,0.27a4.38,4.38 0,0 0,-1.69 0.45l-3.77,1.88a4.39,4.39 0,0 1,-3.91 0l-3.86,-1.92a4.38,4.38 0,0 0,-1.69 -0.45l-3.75,-0.22a4.37,4.37 0,0 1,-3.38 -1.94l-2.18,-3.28a4.36,4.36 0,0 0,-1.24 -1.23l-3.93,-2.58a4.34,4.34 0,0 1,-1.96 -3.37l-0.22,-3.73a4.34,4.34 0,0 0,-0.45 -1.68l-2.15,-4.28a4.32,4.32 0,0 1,0 -3.89l2.39,-4.76a4.34,4.34 0,0 0,0.45 -1.68l0.19,-3.24a4.34,4.34 0,0 1,1.95 -3.37l3.17,-2.08a4.37,4.37 0,0 0,1.24 -1.23l2.51,-3.78a4.37,4.37 0,0 1,3.38 -1.94l4,-0.24a4.39,4.39 0,0 0,1.69 -0.45l3.83,-1.91Z" />
-
-    <path
-        android:fillColor="#4285F4"
-        android:pathData="M577.55,261.29L577.55,261.29A2.97,2.97 75,0 1,573.5 262.37L565.26,257.62A2.97,2.97 75,0 1,564.18 253.57L564.18,253.57A2.97,2.97 75,0 1,568.23 252.48L576.47,257.23A2.97,2.97 75,0 1,577.55 261.29z" />
-
-    <path
-        android:fillColor="#4285F4"
-        android:pathData="M575.55,256.93L575.55,256.93A2.97,2.97 0,0 1,578.52 259.9L578.52,275.06A2.97,2.97 0,0 1,575.55 278.03L575.55,278.03A2.97,2.97 0,0 1,572.59 275.06L572.59,259.9A2.97,2.97 0,0 1,575.55 256.93z" />
-
-    <path
-        android:fillColor="#4285F4"
-        android:pathData="M563.64,204.72m-3.52,0a3.52,3.52 0,1 1,7.03 0a3.52,3.52 0,1 1,-7.03 0" />
-
-    <path
-        android:pathData="M623.81,262.07L623.81,262.07A2.87,2.87 52.83,0 1,626.26 265.3L623.51,285.32A2.87,2.87 52.83,0 1,620.27 287.78L620.27,287.78A2.87,2.87 52.83,0 1,617.82 284.54L620.57,264.52A2.87,2.87 52.83,0 1,623.81 262.07z"
-        android:strokeWidth="2.998"
-        android:strokeColor="#0D652D" />
-
-    <path
-        android:pathData="M618.88,297.81L618.88,297.81A2.87,2.87 52.83,0 1,621.33 301.05L615.54,343.1A2.87,2.87 52.83,0 1,612.31 345.55L612.31,345.55A2.87,2.87 52.83,0 1,609.85 342.31L615.64,300.26A2.87,2.87 52.83,0 1,618.88 297.81z"
-        android:strokeWidth="2.998"
-        android:strokeColor="#0D652D" />
-
-    <path
-        android:fillColor="#CEEAD6"
-        android:pathData="M512.6,393.22m-11.94,0a11.94,11.94 0,1 1,23.89 0a11.94,11.94 0,1 1,-23.89 0" />
-
-    <path
-        android:fillColor="#CEEAD6"
-        android:pathData="M541.09,393.22m-11.94,0a11.94,11.94 0,1 1,23.89 0a11.94,11.94 0,1 1,-23.89 0" />
-
-    <path
-        android:fillColor="#CEEAD6"
-        android:pathData="M569.57,393.22m-11.94,0a11.94,11.94 0,1 1,23.89 0a11.94,11.94 0,1 1,-23.89 0" />
-
-    <path
-        android:fillColor="#34A853"
-        android:pathData="M125,258.95C125,245.17 136.17,234 149.95,234h217.1C380.83,234 392,245.17 392,258.95v115.1C392,387.83 380.83,399 367.05,399H149.95C136.17,399 125,387.83 125,374.05V258.95Z" />
-
-    <path
-        android:fillColor="#fff"
-        android:pathData="M138,262.64c0,-9.19 7.45,-16.64 16.64,-16.64h207.73c9.19,0 16.64,7.45 16.64,16.64v107.73c0,9.19 -7.45,16.64 -16.64,16.64h-207.73c-9.19,0 -16.64,-7.45 -16.64,-16.64v-107.73Z" />
-
-    <path
-        android:fillColor="#34A853"
-        android:pathData="M94,409.5c0,-5.8 4.7,-10.5 10.5,-10.5h307c5.8,0 10.5,4.7 10.5,10.5s-4.7,10.5 -10.5,10.5h-307c-5.8,0 -10.5,-4.7 -10.5,-10.5Z" />
-
-    <path
-        android:fillColor="#C6FF00"
-        android:pathData="M216,399h84a8,8 0,0 1,-8 8h-68a8,8 0,0 1,-8 -8Z" />
-
-    <path
-        android:pathData="M140,398h236"
-        android:strokeWidth="4"
-        android:strokeColor="#0D652D"
-        android:strokeLineCap="round"
-        android:strokeLineJoin="round" />
-
-    <path
-        android:pathData="M175.89,263.5C187.45,313.63 232.36,351 286,351h77.5"
-        android:strokeWidth="4"
-        android:strokeColor="#AECBFA"
-        android:strokeLineCap="round"
-        android:strokeLineJoin="round" />
-
-    <path
-        android:pathData="M688,240c0,-62.41 -50.59,-113 -113,-113H432.5"
-        android:strokeWidth="4"
-        android:strokeColor="#34A853"
-        android:strokeLineCap="round"
-        android:strokeLineJoin="round" />
-
-</vector>
diff --git a/feature/embedding-splits/src/main/res/xml/split_configuration.xml b/feature/embedding-splits/src/main/res/xml/split_configuration.xml
index 5ab01cf1c..f6cd61c83 100644
--- a/feature/embedding-splits/src/main/res/xml/split_configuration.xml
+++ b/feature/embedding-splits/src/main/res/xml/split_configuration.xml
@@ -56,7 +56,7 @@
     <!-- Specify a placeholder for the secondary container when content is
          not available. -->
     <SplitPlaceholderRule
-        window:placeholderActivityName="com.dede.android_eggs.views.placeholder.PlaceholderActivity"
+        window:placeholderActivityName="com.dede.android_eggs.embedding_splits.PlaceholderActivity"
         window:splitMaxAspectRatioInPortrait="alwaysAllow"
         window:splitMinSmallestWidthDp="600"
         window:splitRatio="0.5"
diff --git a/gradle/libs.versions.toml b/gradle/libs.versions.toml
index ac6ecf40b..37240b7b2 100644
--- a/gradle/libs.versions.toml
+++ b/gradle/libs.versions.toml
@@ -36,7 +36,8 @@ androidx-browser = "androidx.browser:browser:1.8.0"
 androidx-window = "androidx.window:window:1.3.0"
 google-material = "com.google.android.material:material:1.12.0"
 androidx-startup = "androidx.startup:startup-runtime:1.2.0"
-
+androidx-localbroadcastmanager = "androidx.localbroadcastmanager:localbroadcastmanager:1.1.0"
+androidx-shapes = "androidx.graphics:graphics-shapes:1.0.1"
 androidx-compose-activity = { module = "androidx.activity:activity-compose", version.ref = "activity" }
 androidx-compose-lifecycle = { module = "androidx.lifecycle:lifecycle-runtime-compose", version.ref = "lifecycle" }
 androidx-compose-viewmodel = { module = "androidx.lifecycle:lifecycle-viewmodel-compose", version.ref = "lifecycle" }