DEVOCEAN

// libs.versions.toml
## Android XR

xrCompose = "1.0.0-alpha04"
xrScenecore = "1.0.0-alpha04"
xrMaterial3 = "1.0.0-alpha08"
xrRuntime = "1.0.0-alpha04"
impress = "0.0.1"

androidx-xr-compose = { group = "androidx.xr.compose", name = "compose", version.ref = "xrCompose" }
androidx-xr-runtime = { group = "androidx.xr.runtime", name = "runtime", version.ref = "xrRuntime" }
androidx-xr-scenecore = { group = "androidx.xr.scenecore", name = "scenecore", version.ref = "xrScenecore" }
androidx-xr-material3 = { group = "androidx.xr.compose.material3", name = "material3", version.ref = "xrMaterial3" }
## Solve for Err
androidx-scenecore-testing = { group = "androidx.xr.scenecore", name = "scenecore-testing", version.ref = "xrScenecore" }
google-ar-impress = { group = "com.google.ar", name = "impress", version.ref = "impress"}

<application
    ...
    <property
        android:name="android.window.PROPERTY_XR_ACTIVITY_START_MODE"
        android:value="XR_ACTIVITY_START_MODE_FULL_SPACE_MANAGED" />

// MainActivity.kt
override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    enableEdgeToEdge()

    setContent {
        /**
         * 1.0.0-alpha01에선 [val session = LocalSession.current] 선언 후,
         * session?.requestHomeSpaceMode() -> 이렇게 Home Space로 이동.
         * alpha04 에선 에러 발생함.
         */
        val env = LocalSpatialConfiguration.current
        XRTestAlpha04Theme {
            if (LocalSpatialCapabilities.current.isSpatialUiEnabled) {
                ApplicationSubspace {
                    MySpatialContent(
			onRequestHomeSpaceMode = { env.requestHomeSpaceMode() }
                    )
                }
            } else {
                My2DContent(
                    onRequestFullSpaceMode = { env.requestFullSpaceMode() }
                )
            }
        }
    }
}

@Composable
fun MySpatialContent(onRequestHomeSpaceMode: () -> Unit) {
    SpatialPanel(
        SubspaceModifier
            .width(1280.dp)
            .height(800.dp)
            .movable()
            .resizable()
        ) {
        if (showDialog) {
            SpatialDialog(onDismissRequest = { showDialog = false }) {   
                MiniSpace { showDialog = false }
            }
        }   
        if (showPopup) {
            SpatialPopup(onDismissRequest = { showPopup = false }) {
                MiniSpace { showPopup = false }
            }
        }
        if (showElevation) {
            SpatialElevation { MiniSpace { showElevation = false } }
        }
        Surface {
            Text(
                text = "3D",
                modifier = Modifier.fillMaxSize().padding(48.dp)
            )
        }
        // 커스텀 Orbiter
        SpatialOrbiter(
            onRequestHomeSpaceMode = onRequestHomeSpaceMode,
            showDialog = { showDialog = true },
            showPopup = { showPopup = true},
            showElevation = { showElevation = true }
        )
    }
}

@Composable
fun My2DContent(onRequestFullSpaceMode: () -> Unit) {
    Surface {
        Row(
            modifier = Modifier.fillMaxSize(),
            horizontalArrangement = Arrangement.SpaceBetween
        ) {
            Text(text = "2D", modifier = Modifier.padding(48.dp))
            if (LocalHasXrSpatialFeature.current) {
                SpaceButton(
                    onClick = onRequestFullSpaceMode,
                    buttonText = "Full"
                )
            }
        }
    }
}

// MainActivity.kt

@Composable
fun SpatialOrbiter(
    onRequestHomeSpaceMode: () -> Unit,
    showDialog: () -> Unit,
    showPopup: () -> Unit,
    showElevation: () -> Unit
) {

    Orbiter(
        position = OrbiterEdge.Top,
        offset = EdgeOffset.inner(offset = 20.dp),
        alignment = Alignment.End,
        shape = SpatialRoundedCornerShape(CornerSize(28.dp))
    ) {
        Row(
            modifier = Modifier
                .height(60.dp)
                .wrapContentWidth()
                .background(Color.White),
            verticalAlignment = Alignment.CenterVertically
        ) {
            SpaceButton(
                onClick = onRequestHomeSpaceMode,
                buttonText = "Home"
            )
            SpaceButton(
                onClick = showDialog,
                buttonText = "Dialog"
            )
            SpaceButton(
                onClick = showPopup,
                buttonText = "Popup"
            )
            SpaceButton(
                onClick = showElevation,
                buttonText = "Elevation"
            )
        }
    }
}

@Composable
fun SpaceButton(onClick: () -> Unit, modifier: Modifier = Modifier, buttonText: String) {
    FilledTonalIconButton(onClick = onClick, modifier = modifier.size(56.dp).padding(5.dp)) {
        Text(buttonText)
    }
}

// MainActivity.kt

@Composable
fun My2DContent(onRequestFullSpaceMode: () -> Unit) {
    Surface {
        Row(
            modifier = Modifier.fillMaxSize(),
            horizontalArrangement = Arrangement.SpaceBetween
        ) {
            SpatialOrbiter { onRequestFullSpaceMode }
            Text(text = "2D", modifier = Modifier.padding(48.dp))
        }
    }
}

// SpatialDialog.kt

@Composable
public fun SpatialDialog(
    onDismissRequest: () -> Unit,
    properties: SpatialDialogProperties = SpatialDialogProperties(),
    content: @Composable () -> Unit,
) {
    if (LocalSpatialCapabilities.current.isSpatialUiEnabled) {
		// Full Space(3D)
        LayoutSpatialDialog(onDismissRequest, properties, content)
    } else {
		// Home Space(2D)
        Dialog(
            onDismissRequest = onDismissRequest,
            properties = properties.toBaseDialogProperties(),
            content = content,
        )
    }
}

// SpatialElevation.kt

@Composable
public fun SpatialElevation(
    spatialElevationLevel: SpatialElevationLevel = SpatialElevationLevel.Level0,
    content: @Composable () -> Unit,
) {
    if (LocalSpatialCapabilities.current.isSpatialUiEnabled) {
        LayoutSpatialElevation(spatialElevationLevel, content)
    } else {
        content()
    }
}

// MainActivity.kt
    
    @OptIn(ExperimentalMaterial3XrApi::class)
    @SuppressLint("RestrictedApi")
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        enableEdgeToEdge()

        setContent {
            val env = LocalSpatialConfiguration.current
            XRTestTheme {
                EnableXrComponentOverrides {
                    My2DContent(
                        onRequestFullSpaceMode = { env.requestFullSpaceMode() }
                    )
                }
            }
        }
    }

// MainActivity.kt

@Composable
fun My2DContent(onRequestFullSpaceMode: () -> Unit) {
    Surface {
        Column {
		    // From "androidx.compose.material3"
            NavigationBar(
                containerColor = Color.Yellow
            ) {
                SpaceButton(
                    onClick = onRequestFullSpaceMode,
                    modifier = Modifier.padding(32.dp)
                )
            }
            Row(
                modifier = Modifier.fillMaxSize(),
                horizontalArrangement = Arrangement.SpaceBetween
            ) {
			    Text(text = "2D", modifier = Modifier.padding(48.dp))
				// From "androidx.compose.material3"
                NavigationRail(
                    containerColor = Color.White,
                    header = { Text("Header") }
                ) {
                    SpaceButton(
                        onClick = onRequestFullSpaceMode,
                        modifier = Modifier.padding(32.dp)
                    )
                }
            }
        }
    }
}

// build.gradle(:app)

// AndroidXR
implementation(libs.androidx.xr.compose)
implementation(libs.androidx.xr.scenecore)
implementation(libs.androidx.xr.material3)
implementation(libs.androidx.xr.runtime)
implementation(libs.google.ar.impress)
androidTestImplementation(libs.androidx.scenecore.testing)
...

// 기존
Dialog(
    properties = properties,
	onDismissRequest = onDismissRequest
) {...}

// 변경
SpatialDialog(
    properties = SpatialDialogProperties(
        properties.dismissOnBackPress,
        properties.dismissOnClickOutside,
        properties.usePlatformDefaultWidth,
    ),
    onDismissRequest = onDismissRequest
) {...}

//// BottomTab

// 변경
Orbiter(
	position = OrbiterEdge.Bottom,
	offset = 100.dp,
	shape = SpatialRoundedCornerShape(CornerSize(50))
) { 
	Surface(color = Color.Black) { 기존 코드 }
}


//// 뮤직 컨트롤러

// 기존
Row() {...}
// 변경
NavigationBar() {...}

// ElevatedPanel.kt
@Composable
internal fun ElevatedPanel(
    contentSize: IntSize,
    shape: SpatialShape = ElevatedPanelDefaults.shape,
    pose: Pose? = null,
    content: @Composable () -> Unit,
) {
    ...
    // PanelEntity는 Scenecore 라이브러리에 소속된 API로 SpatialPanel을 생성할 때 사용됨
    val panelEntity =
        rememberCorePanelEntity(shape = shape) {
            PanelEntity.create(
                session = session,
                view = view,
                pixelDimensions = contentSize.run { PixelDimensions(width, height) },
                name = "ElevatedPanel:${view.id}",
            )
        }

    view.setContent {
        // OpaqueEntity는 Compose XR의 Spatial content를 렌더링하고 제어하는 기본 API 
        CompositionLocalProvider(LocalOpaqueEntity provides panelEntity) {
            Box(Modifier.alpha(if (pose == null) 0.0f else 1.0f)) { content() }
        }
    }

    ...
}

// MainActivity.kt

@OptIn(ExperimentalMaterial3XrApi::class)
override fun onCreate(savedInstanceState: Bundle?) {
    setContent {
        EnableXrComponentOverrides {
            Column {
                TextButtonForSwitchSpace()
                AndroidView(
                    factory = { binding.root },
                    modifier = Modifier.fillMaxSize()
                )
            }
        }
    }
}

// SpatialPanel.kt
// (1) View 자체
public fun SpatialPanel(
    view: View,
    modifier: SubspaceModifier = SubspaceModifier,
    shape: SpatialShape = SpatialPanelDefaults.shape,
)
// (2) Compose의 AndroidView
public fun <T : View> SpatialPanel(
    factory: (Context) -> T,
    modifier: SubspaceModifier = SubspaceModifier,
    update: (T) -> Unit = {},
    shape: SpatialShape = SpatialPanelDefaults.shape,
)
// (3) @Composable 함수
public fun SpatialPanel(
    modifier: SubspaceModifier = SubspaceModifier,
    shape: SpatialShape = SpatialPanelDefaults.shape,
    content: @Composable @UiComposable () -> Unit,
)
// (4) Activity의 Intent
public fun SpatialPanel(
    intent: Intent,
    modifier: SubspaceModifier = SubspaceModifier,
    shape: SpatialShape = SpatialPanelDefaults.shape,
)

// SpatialPanel.kt

@Composable
@SubspaceComposable
public fun SpatialPanel(
    intent: Intent,
    modifier: SubspaceModifier = SubspaceModifier,
    shape: SpatialShape = SpatialPanelDefaults.shape,
) {
    ...
    val activityPanelEntity = rememberCorePanelEntity {
        ActivityPanelEntity.create(session, rect, entityName("ActivityPanel-${intent.action}"))
            .also { it.launchActivity(intent) }
    }
	...
}

// ActivityPanelEntity.kt

@JvmOverloads
public fun launchActivity(intent: Intent, bundle: Bundle? = null) {
		rtActivityPanelEntity.launchActivity(intent, bundle)
}
...

// PanelActivity.kt

class PanelActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            AndroidView(
                factory = {
                    LayoutInflater.from(it).inflate(R.layout.activity_panel, null, false).apply {
                        layoutParams = ViewGroup.LayoutParams(
                            ViewGroup.LayoutParams.MATCH_PARENT,
                            ViewGroup.LayoutParams.MATCH_PARENT
                        )
                    }
                },
                modifier = Modifier.fillMaxSize()
            )
        }
    }
}

// MainActivity.kt	

override fun onCreate(savedInstanceState: Bundle?) {
	// val panelIntent = Intent(this, PanelActivity::class.java)
	setContent {
		if (LocalSpatialCapabilities.current.isSpatialUiEnabled) {
            Subspace {
                SpatialPanel(
                    modifier = SubspaceModifier
                        .width(800.dp)
                        .height(1000.dp)
                        .movable()
                        .resizable()
                ) { 간단한 Composable 함수 }
            }
        } else {
            AndroidView(
                factory = { binding.root },
                modifier = Modifier.fillMaxSize()
            )
        }
    }
}