Update Compose + Migrate to 0.5.0-build262 / Kotlin 1.5.21 (#916)

2026-03-10 08:11:20 +00:00 · 2021-07-21 11:24:17 +03:00
parent f4fc51f372
commit 581b5f0b0a
18 changed files with 140 additions and 91 deletions
--- a/ci/compose-uber-jar/gradle.properties
+++ b/ci/compose-uber-jar/gradle.properties
@@ -1,3 +1,3 @@
 # __LATEST_COMPOSE_RELEASE_VERSION__
-compose.version=0.4.0
+compose.version=0.5.0-build262
 kotlin.code.style=official
--- a/components/build.gradle.kts
+++ b/components/build.gradle.kts
@@ -10,7 +10,7 @@ buildscript {
    dependencies {
        classpath("org.jetbrains.compose:compose-gradle-plugin:$composeVersion")
        // __KOTLIN_COMPOSE_VERSION__
-        classpath(kotlin("gradle-plugin", version = "1.5.10"))
+        classpath(kotlin("gradle-plugin", version = "1.5.21"))
    }
 }

--- a/components/gradle.properties
+++ b/components/gradle.properties
@@ -4,4 +4,4 @@ android.enableJetifier=true
 kotlin.code.style=official

 # __LATEST_COMPOSE_RELEASE_VERSION__
-compose.version=0.4.0
+compose.version=0.5.0-build262
--- a/compose/frameworks/support
+++ b/compose/frameworks/support
--- a/gradle-plugins/compose/src/test/kotlin/org/jetbrains/compose/test/TestKotlinVersion.kt
+++ b/gradle-plugins/compose/src/test/kotlin/org/jetbrains/compose/test/TestKotlinVersion.kt
@@ -8,6 +8,6 @@ package org.jetbrains.compose.test
@Suppress("EnumEntryName")
 enum class TestKotlinVersion(val versionString: String) {
    // __KOTLIN_COMPOSE_VERSION__
-    Default("1.5.10"),
+    Default("1.5.21"),
    V1_5_20("1.5.20")
 }
--- a/gradle-plugins/gradle.properties
+++ b/gradle-plugins/gradle.properties
@@ -6,7 +6,7 @@ kotlin.code.style=official
 # unless overridden by COMPOSE_GRADLE_PLUGIN_COMPOSE_VERSION env var.
 #
 # __LATEST_COMPOSE_RELEASE_VERSION__
-compose.version=0.4.0
+compose.version=0.5.0-build262
 compose.with.web=false

 # A version of Gradle plugin, that will be published,
--- a/templates/desktop-template/build.gradle.kts
+++ b/templates/desktop-template/build.gradle.kts
@@ -3,9 +3,9 @@ import org.jetbrains.compose.desktop.application.dsl.TargetFormat

 plugins {
    // __KOTLIN_COMPOSE_VERSION__
-    kotlin("jvm") version "1.5.10"
+    kotlin("jvm") version "1.5.21"
    // __LATEST_COMPOSE_RELEASE_VERSION__
-    id("org.jetbrains.compose") version (System.getenv("COMPOSE_TEMPLATE_COMPOSE_VERSION") ?: "0.5.0-build226")
+    id("org.jetbrains.compose") version (System.getenv("COMPOSE_TEMPLATE_COMPOSE_VERSION") ?: "0.5.0-build262")
 }

 repositories {
--- a/templates/multiplatform-template/build.gradle.kts
+++ b/templates/multiplatform-template/build.gradle.kts
@@ -1,6 +1,6 @@
 buildscript {
    // __LATEST_COMPOSE_RELEASE_VERSION__
-    val composeVersion = System.getenv("COMPOSE_TEMPLATE_COMPOSE_VERSION") ?: "0.5.0-build226"
+    val composeVersion = System.getenv("COMPOSE_TEMPLATE_COMPOSE_VERSION") ?: "0.5.0-build262"

    repositories {
        google()
@@ -12,7 +12,7 @@ buildscript {
        classpath("org.jetbrains.compose:compose-gradle-plugin:$composeVersion")
        classpath("com.android.tools.build:gradle:4.0.1")
        // __KOTLIN_COMPOSE_VERSION__
-        classpath(kotlin("gradle-plugin", version = "1.5.10"))
+        classpath(kotlin("gradle-plugin", version = "1.5.21"))
    }
 }

--- a/tutorials/Desktop_Components/README.md
+++ b/tutorials/Desktop_Components/README.md
@@ -256,6 +256,7 @@ The main arguments of the `BoxWithTooltip` function:
 ```kotlin
 import androidx.compose.desktop.Window
 import androidx.compose.foundation.BoxWithTooltip
+import androidx.compose.foundation.TooltipPlacement
 import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.fillMaxSize
@@ -293,7 +294,11 @@ fun main() = Window(title = "Tooltip Example", size = IntSize(300, 300)) {
                    }
                },
                delay = 600, // in milliseconds
-                offset = if (index % 2 == 0) DpOffset(-16.dp, 0.dp) else DpOffset.Zero // tooltip offset
+                tooltipPlacement = TooltipPlacement(
+                    anchor = TooltipPlacement.Anchor.Pointer,
+                    alignment = Alignment.BottomEnd,
+                    offset = if (index % 2 == 0) DpOffset(-16.dp, 0.dp) else DpOffset.Zero // tooltip offset
+                )
            ) {
                Button(onClick = {}) { Text(text = name) }
            }
--- a/tutorials/Getting_Started/README.md
+++ b/tutorials/Getting_Started/README.md
@@ -32,11 +32,11 @@ packaging JDK 15 or later must be used.

 ### Update the wizard plugin

-The Сompose plugin version used in the wizard above may be not the last. Update the version of the plugin to the latest available by editing the `build.gradle.kts` file, finding and updating the version information as shown below. In this example the latest version of the plugin was 0.5.0-build235 and a compatible version of kotlin was 1.5.10. For the latest versions, see the [latest versions](https://github.com/JetBrains/compose-jb/releases) site and the [Kotlin](https://kotlinlang.org/) site.
+The Сompose plugin version used in the wizard above may be not the last. Update the version of the plugin to the latest available by editing the `build.gradle.kts` file, finding and updating the version information as shown below. In this example the latest version of the plugin was 0.5.0-build262 and a compatible version of kotlin was 1.5.21. For the latest versions, see the [latest versions](https://github.com/JetBrains/compose-jb/releases) site and the [Kotlin](https://kotlinlang.org/) site.
 ```
 plugins {
-    kotlin("jvm") version "1.5.10"
-    id("org.jetbrains.compose") version "0.5.0-build235"
+    kotlin("jvm") version "1.5.21"
+    id("org.jetbrains.compose") version "0.5.0-build262"
 }
 ```

@@ -71,8 +71,8 @@ Then create `build.gradle.kts` with the following content:
 import org.jetbrains.compose.compose

 plugins {
-    kotlin("jvm") version "1.5.10"
-    id("org.jetbrains.compose") version "0.5.0-build235"
+    kotlin("jvm") version "1.5.21"
+    id("org.jetbrains.compose") version "0.5.0-build262"
 }

 repositories {
--- a/web/build.gradle.kts
+++ b/web/build.gradle.kts
@@ -12,7 +12,7 @@ subprojects {
    version = COMPOSE_WEB_VERSION

    pluginManager.withPlugin("maven-publish") {
-        configure<PublishingExtension> { 
+        configure<PublishingExtension> {
            repositories {
                maven {
                    name = "internal"
@@ -42,9 +42,10 @@ subprojects {

    repositories {
        gradlePluginPortal()
+        mavenLocal()
        mavenCentral()
-        maven { 
-            url = uri("https://maven.pkg.jetbrains.space/public/p/compose/dev") 
+        maven {
+            url = uri("https://maven.pkg.jetbrains.space/public/p/compose/dev")
        }
        maven {
            url = uri("https://packages.jetbrains.team/maven/p/ui/dev")
--- a/web/compose-compiler-integration/main-template/build.gradle.kts
+++ b/web/compose-compiler-integration/main-template/build.gradle.kts
@@ -1,9 +1,10 @@
 plugins {
-    kotlin("multiplatform") version "1.5.10"
+    kotlin("multiplatform") version "1.5.21"
    id("org.jetbrains.compose")
 }

 repositories {
+    mavenLocal()
    mavenCentral()
    maven("https://maven.pkg.jetbrains.space/public/p/compose/dev")
 }
--- a/web/core/src/jsMain/kotlin/org/jetbrains/compose/web/attributes/PredefinedAttrValues.kt
+++ b/web/core/src/jsMain/kotlin/org/jetbrains/compose/web/attributes/PredefinedAttrValues.kt
@@ -167,8 +167,8 @@ enum class Scope(val str: String) {
 * https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete
 */
@Suppress("Unused", "NOTHING_TO_INLINE", "NESTED_CLASS_IN_EXTERNAL_INTERFACE", "INLINE_EXTERNAL_DECLARATION", "WRONG_BODY_OF_EXTERNAL_DECLARATION", "NESTED_EXTERNAL_DECLARATION", "ClassName")
-external interface AutoComplete {
-    external companion object {
+interface AutoComplete {
+     companion object {
        /**
         * The browser is not permitted to automatically enter or select a value for this field. It is possible that the document or application provides its own autocomplete feature, or that security concerns require that the field's value not be automatically entered.
         * Note: In most modern browsers, setting autocomplete to "off" will not prevent a password manager from asking the user if they would like to save username and password information, or from automatically filling in those values in a site's login form. See the autocomplete attribute and login fields.
--- a/web/core/src/jsMain/kotlin/org/jetbrains/compose/web/css/CSSEnums.kt
+++ b/web/core/src/jsMain/kotlin/org/jetbrains/compose/web/css/CSSEnums.kt
@@ -2,12 +2,12 @@

 package org.jetbrains.compose.web.css

-external interface StylePropertyEnum: StylePropertyString
+interface StylePropertyEnum: StylePropertyString
 inline val StylePropertyEnum.name get() = this.unsafeCast<String>()
 inline val StylePropertyEnum.value get() = this.unsafeCast<String>()

-external interface LineStyle: StylePropertyEnum {
-    external companion object {
+interface LineStyle: StylePropertyEnum {
+    companion object {
        inline val None get() = LineStyle("none")
        inline val Hidden get() = LineStyle("hidden")
        inline val Dotted get() = LineStyle("dotted")
@@ -22,8 +22,8 @@ external interface LineStyle: StylePropertyEnum {
 }
 inline fun LineStyle(value: String) = value.unsafeCast<LineStyle>()

-external interface DisplayStyle: StylePropertyEnum {
-    external companion object {
+interface DisplayStyle: StylePropertyEnum {
+    companion object {
        inline val Block get() = DisplayStyle("block")
        inline val Inline get() = DisplayStyle("inline")
        inline val InlineBlock get() = DisplayStyle("inline-block")
@@ -57,7 +57,7 @@ external interface DisplayStyle: StylePropertyEnum {
 }
 inline fun DisplayStyle(value: String) = value.unsafeCast<DisplayStyle>()

-external interface FlexDirection: StylePropertyEnum {
+interface FlexDirection: StylePropertyEnum {
    companion object {
        inline val Row get() = FlexDirection("row")
        inline val RowReverse get() = FlexDirection("row-reverse")
@@ -67,7 +67,7 @@ external interface FlexDirection: StylePropertyEnum {
 }
 inline fun FlexDirection(value: String) = value.unsafeCast<FlexDirection>()

-external interface FlexWrap: StylePropertyEnum {
+interface FlexWrap: StylePropertyEnum {
    companion object {
        inline val Wrap get() = FlexWrap("wrap")
        inline val Nowrap get() = FlexWrap("nowrap")
@@ -76,7 +76,7 @@ external interface FlexWrap: StylePropertyEnum {
 }
 inline fun FlexWrap(value: String) = value.unsafeCast<FlexWrap>()

-external interface JustifyContent: StylePropertyEnum {
+interface JustifyContent: StylePropertyEnum {
    companion object {
        inline val Center get() = JustifyContent("center")
        inline val Start get() = JustifyContent("start")
@@ -99,7 +99,7 @@ external interface JustifyContent: StylePropertyEnum {
 }
 inline fun JustifyContent(value: String) = value.unsafeCast<JustifyContent>()

-external interface AlignSelf: StylePropertyEnum {
+interface AlignSelf: StylePropertyEnum {
    companion object {
        inline val Auto get() = AlignSelf("auto")
        inline val Normal get() = AlignSelf("normal")
@@ -123,7 +123,7 @@ external interface AlignSelf: StylePropertyEnum {
 }
 inline fun AlignSelf(value: String) = value.unsafeCast<AlignSelf>()

-external interface AlignItems: StylePropertyEnum {
+interface AlignItems: StylePropertyEnum {
    companion object {
        inline val Normal get() = AlignItems("normal")
        inline val Stretch get() = AlignItems("stretch")
@@ -145,7 +145,7 @@ external interface AlignItems: StylePropertyEnum {
 }
 inline fun AlignItems(value: String) = value.unsafeCast<AlignItems>()

-external interface AlignContent: StylePropertyEnum {
+interface AlignContent: StylePropertyEnum {
    companion object {
        inline val Center get() = AlignContent("center")
        inline val Start get() = AlignContent("start")
@@ -169,7 +169,7 @@ external interface AlignContent: StylePropertyEnum {
 }
 inline fun AlignContent(value: String) = value.unsafeCast<AlignContent>()

-external interface Position: StylePropertyEnum {
+interface Position: StylePropertyEnum {
    companion object {
        inline val Static get() = Position("static")
        inline val Relative get() = Position("relative")
@@ -182,7 +182,7 @@ inline fun Position(value: String) = value.unsafeCast<Position>()

 typealias LanguageCode = String

-external interface StepPosition: StylePropertyEnum {
+interface StepPosition: StylePropertyEnum {
    companion object {
        inline val JumpStart get() = StepPosition("jump-start")
        inline val JumpEnd get() = StepPosition("jump-end")
@@ -194,7 +194,7 @@ external interface StepPosition: StylePropertyEnum {
 }
 inline fun StepPosition(value: String) = value.unsafeCast<StepPosition>()

-external interface AnimationTimingFunction: StylePropertyEnum {
+interface AnimationTimingFunction: StylePropertyEnum {
    companion object {
        inline val Ease get() = AnimationTimingFunction("ease")
        inline val EaseIn get() = AnimationTimingFunction("ease-in")
@@ -215,7 +215,7 @@ external interface AnimationTimingFunction: StylePropertyEnum {
 }
 inline fun AnimationTimingFunction(value: String) = value.unsafeCast<AnimationTimingFunction>()

-external interface AnimationDirection: StylePropertyEnum {
+interface AnimationDirection: StylePropertyEnum {
    companion object {
        inline val Normal get() = AnimationDirection("normal")
        inline val Reverse get() = AnimationDirection("reverse")
@@ -229,7 +229,7 @@ external interface AnimationDirection: StylePropertyEnum {
 }
 inline fun AnimationDirection(value: String) = value.unsafeCast<AnimationDirection>()

-external interface AnimationFillMode: StylePropertyEnum {
+interface AnimationFillMode: StylePropertyEnum {
    companion object {
        inline val None get() = AnimationFillMode("none")
        inline val Forwards get() = AnimationFillMode("forwards")
@@ -239,7 +239,7 @@ external interface AnimationFillMode: StylePropertyEnum {
 }
 inline fun AnimationFillMode(value: String) = value.unsafeCast<AnimationFillMode>()

-external interface AnimationPlayState: StylePropertyEnum {
+interface AnimationPlayState: StylePropertyEnum {
    companion object {
        inline val Running get() = AnimationPlayState("running")
        inline val Paused get() = AnimationPlayState("Paused")
--- a/web/core/src/jsMain/kotlin/org/jetbrains/compose/web/css/CSSUnits.kt
+++ b/web/core/src/jsMain/kotlin/org/jetbrains/compose/web/css/CSSUnits.kt
@@ -16,16 +16,16 @@ data class CSSUnitValueTyped<T : CSSUnit>(
    override fun toString(): String = "$value$unit"
 }

-external interface CSSUnitLengthOrPercentage: CSSUnit
-external interface CSSUnitPercentage: CSSUnitLengthOrPercentage
-external interface CSSUnitLength: CSSUnitLengthOrPercentage
-external interface CSSUnitRel : CSSUnitLength
-external interface CSSUnitAbs: CSSUnitLength
-external interface CSSUnitAngle: CSSUnit
-external interface CSSUnitTime: CSSUnit
-external interface CSSUnitFrequency: CSSUnit
-external interface CSSUnitResolution: CSSUnit
-external interface CSSUnitFlex: CSSUnit
+interface CSSUnitLengthOrPercentage: CSSUnit
+interface CSSUnitPercentage: CSSUnitLengthOrPercentage
+interface CSSUnitLength: CSSUnitLengthOrPercentage
+interface CSSUnitRel : CSSUnitLength
+interface CSSUnitAbs: CSSUnitLength
+interface CSSUnitAngle: CSSUnit
+interface CSSUnitTime: CSSUnit
+interface CSSUnitFrequency: CSSUnit
+interface CSSUnitResolution: CSSUnit
+interface CSSUnitFlex: CSSUnit

 typealias CSSAngleValue = CSSSizeValue<out CSSUnitAngle>
 typealias CSSLengthOrPercentageValue = CSSSizeValue<out CSSUnitLengthOrPercentage>
@@ -36,82 +36,82 @@ typealias CSSNumeric = CSSNumericValue<out CSSUnit>
 typealias CSSpxValue = CSSSizeValue<CSSUnit.px>

 // fake interfaces to distinguish units
-external interface CSSUnit {
-    external interface percent: CSSUnitPercentage
+interface CSSUnit {
+    interface percent: CSSUnitPercentage

-    external interface em: CSSUnitRel
+    interface em: CSSUnitRel

-    external interface ex: CSSUnitRel
+    interface ex: CSSUnitRel

-    external interface ch: CSSUnitRel
+    interface ch: CSSUnitRel

-    external interface ic: CSSUnitRel
+    interface ic: CSSUnitRel

-    external interface rem: CSSUnitRel
+    interface rem: CSSUnitRel

-    external interface lh: CSSUnitRel
+    interface lh: CSSUnitRel

-    external interface rlh: CSSUnitRel
+    interface rlh: CSSUnitRel

-    external interface vw: CSSUnitRel
+    interface vw: CSSUnitRel

-    external interface vh: CSSUnitRel
+    interface vh: CSSUnitRel

-    external interface vi: CSSUnitRel
+    interface vi: CSSUnitRel

-    external interface vb: CSSUnitRel
+    interface vb: CSSUnitRel

-    external interface vmin: CSSUnitRel
+    interface vmin: CSSUnitRel

-    external interface vmax: CSSUnitRel
+    interface vmax: CSSUnitRel

-    external interface cm: CSSUnitRel
+    interface cm: CSSUnitRel

-    external interface mm: CSSUnitRel
+    interface mm: CSSUnitRel

-    external interface Q: CSSUnitRel
+    interface Q: CSSUnitRel

-    external interface pt: CSSUnitAbs
+    interface pt: CSSUnitAbs

-    external interface pc: CSSUnitAbs
+    interface pc: CSSUnitAbs

-    external interface px: CSSUnitAbs
+    interface px: CSSUnitAbs

-    external interface deg: CSSUnitAngle
+    interface deg: CSSUnitAngle

-    external interface grad: CSSUnitAngle
+    interface grad: CSSUnitAngle

-    external interface rad: CSSUnitAngle
+    interface rad: CSSUnitAngle

-    external interface turn: CSSUnitAngle
+    interface turn: CSSUnitAngle

-    external interface s: CSSUnitTime
+    interface s: CSSUnitTime

-    external interface ms: CSSUnitTime
+    interface ms: CSSUnitTime

-    external interface Hz: CSSUnitFrequency
+    interface Hz: CSSUnitFrequency

-    external interface kHz: CSSUnitFrequency
+    interface kHz: CSSUnitFrequency

-    external interface dpi: CSSUnitResolution
+    interface dpi: CSSUnitResolution

-    external interface dpcm: CSSUnitResolution
+    interface dpcm: CSSUnitResolution

-    external interface dppx: CSSUnitResolution
+    interface dppx: CSSUnitResolution

-    external interface fr: CSSUnitFlex
+    interface fr: CSSUnitFlex

-    external interface number: CSSUnit
-    
-    external companion object {
+    interface number: CSSUnit
+
+    companion object {
        inline val percent get() = "%".unsafeCast<percent>()

        inline val em get() = "em".unsafeCast<em>()
-        
+
        inline val ex get() = "ex".unsafeCast<ex>()

        inline val ch get() = "ch".unsafeCast<ch>()
-        
+
        inline val ic get() = "ic".unsafeCast<ic>()

        inline val rem get() = "rem".unsafeCast<rem>()
@@ -119,7 +119,7 @@ external interface CSSUnit {
        inline val lh get() = "lh".unsafeCast<lh>()

        inline val rlh get() = "rlh".unsafeCast<rlh>()
-        
+
        inline val vw get() = "vw".unsafeCast<vw>()

        inline val vh get() = "vh".unsafeCast<vh>()
--- a/web/core/src/jsTest/kotlin/FailingTestCases.kt
+++ b/web/core/src/jsTest/kotlin/FailingTestCases.kt
@@ -0,0 +1,40 @@
+/*
+ * Copyright 2020-2021 JetBrains s.r.o. and respective authors and developers.
+ * Use of this source code is governed by the Apache 2.0 license that can be found in the LICENSE.txt file.
+ */
+
+package org.jetbrains.compose.web.core.tests
+
+import kotlin.test.Test
+import kotlin.test.assertTrue
+
+class FailingTestCases {
+
+    @Test
+    fun externalInterfaceSimulatingEnum() {
+        var expectedErrorThrown = false
+        try {
+            // Doesn't throw in kotlin 1.5.10.
+            // Since kotlin 1.5.20 (and 1.5.21) throws `ReferenceError: MyI is not defined`
+            useMyI(MyI.Value1)
+        } catch (e: Throwable) {
+            expectedErrorThrown = true
+        }
+        assertTrue(expectedErrorThrown)
+    }
+}
+
+@Suppress("Unused", "NOTHING_TO_INLINE", "NESTED_CLASS_IN_EXTERNAL_INTERFACE", "INLINE_EXTERNAL_DECLARATION", "WRONG_BODY_OF_EXTERNAL_DECLARATION", "NESTED_EXTERNAL_DECLARATION", "ClassName")
+private external interface MyI {
+    companion object {
+        inline val Value1 get() = MyI("value1")
+        inline val Value2 get() = MyI("value2")
+    }
+}
+
+@Suppress("NOTHING_TO_INLINE")
+private inline fun MyI(value: String) = value.unsafeCast<MyI>()
+
+private fun useMyI(myI: MyI) {
+    println("Using MyI = " + myI.unsafeCast<String>())
+}
--- a/web/gradle.properties
+++ b/web/gradle.properties
@@ -1,4 +1,5 @@
-COMPOSE_CORE_VERSION=0.5.0-build235
-COMPOSE_WEB_VERSION=0.0.16-SNAPSHOT
+# __LATEST_COMPOSE_RELEASE_VERSION__
+COMPOSE_CORE_VERSION=0.5.0-build262
+COMPOSE_WEB_VERSION=0.5.0-build262
 COMPOSE_WEB_BUILD_WITH_EXAMPLES=false
 compose.web.tests.integration.withFirefox
--- a/web/settings.gradle.kts
+++ b/web/settings.gradle.kts
@@ -2,6 +2,7 @@ pluginManagement {
    repositories {
        gradlePluginPortal()
        mavenCentral()
+        mavenLocal()
        maven {
            url = uri("https://maven.pkg.jetbrains.space/public/p/compose/dev")
        }
@@ -16,7 +17,7 @@ pluginManagement {
                println("[build] compose core version: ${extra["COMPOSE_CORE_VERSION"]}")
                useModule("org.jetbrains.compose:org.jetbrains.compose.gradle.plugin:${extra["COMPOSE_CORE_VERSION"]}")
            } else if (requested.id.id == "org.jetbrains.kotlin.multiplatform") {
-                useModule("org.jetbrains.kotlin.multiplatform:org.jetbrains.kotlin.multiplatform.gradle.plugin:1.5.10")
+                useModule("org.jetbrains.kotlin.multiplatform:org.jetbrains.kotlin.multiplatform.gradle.plugin:1.5.21")
            }
        }
    }