Compose UI for... a light switch? (KotlinConf 2024) - Speaker Deck

Tweet

Tweet

Slide 1

Slide 1 text

a light switch? Compose UI for… Jake Wharton.com

Slide 2

Slide 2 text

Compose UI for… a light switch? Jake Wharton.com

Slide 3

Slide 3 text

Part I The nerd snipe

Slide 4

Slide 4 text

No content

Slide 5

Slide 5 text

No content

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

No content

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

No content

Slide 12

Slide 12 text

courtesy homekitnews.com

Slide 13

Slide 13 text

courtesy homekitnews.com

Slide 14

Slide 14 text

courtesy homekitnews.com

Slide 15

Slide 15 text

courtesy homekitnews.com courtesy homekitnews.com

Slide 16

Slide 16 text

courtesy homekitnews.com courtesy homekitnews.com

Slide 17

Slide 17 text

courtesy homekitnews.com courtesy homekitnews.com

Slide 18

Slide 18 text

courtesy homekitnews.com courtesy homekitnews.com

Slide 19

Slide 19 text

courtesy homekitnews.com courtesy homekitnews.com

Slide 20

Slide 20 text

$ adb connect 192.168.2.53 connected to 192.168.2.53:5555

Slide 21

Slide 21 text

$ adb connect 192.168.2.53 connected to 192.168.2.53:5555 $ adb shell [root@rk3326_64:/]#

Slide 22

Slide 22 text

Demo

Slide 23

Slide 23 text

Part II Research phase

Slide 24

Slide 24 text

No content

Slide 25

Slide 25 text

$ tar -xzf zulu17* && rm zulu17*.tar.gz

Slide 26

Slide 26 text

$ tar -xzf zulu17* && rm zulu17*.tar.gz $ adb push zulu17* /userdata zulu17.50.19-ca-jre17.0.11-linux_aarch64/: 264 files pushed, 0 skipped. 0.2 MB/s (143556329 bytes in 601.001s)

Slide 27

Slide 27 text

$ tar -xzf zulu17* && rm zulu17*.tar.gz $ adb push zulu17* /userdata zulu17.50.19-ca-jre17.0.11-linux_aarch64/: 264 files pushed, 0 skipped. 0.2 MB/s (143556329 bytes in 601.001s) $ echo 'class Hello { > public static void main(String... args) { > System.out.println("Hello, light switch!"); > } > }' > Hello.java

Slide 28

Slide 28 text

$ tar -xzf zulu17* && rm zulu17*.tar.gz $ adb push zulu17* /userdata zulu17.50.19-ca-jre17.0.11-linux_aarch64/: 264 files pushed, 0 skipped. 0.2 MB/s (143556329 bytes in 601.001s) $ echo 'class Hello { > public static void main(String... args) { > System.out.println("Hello, light switch!"); > } > }' > Hello.java $ javac Hello.java

Slide 29

Slide 29 text

$ tar -xzf zulu17* && rm zulu17*.tar.gz $ adb push zulu17* /userdata zulu17.50.19-ca-jre17.0.11-linux_aarch64/: 264 files pushed, 0 skipped. 0.2 MB/s (143556329 bytes in 601.001s) $ echo 'class Hello { > public static void main(String... args) { > System.out.println("Hello, light switch!"); > } > }' > Hello.java $ javac Hello.java $ adb push Hello.class /userdata

Slide 30

Slide 30 text

pushed, 0 skipped. 0.2 MB/s (143556329 bytes in 601.001s) $ echo 'class Hello { > public static void main(String... args) { > System.out.println("Hello, light switch!"); > } > }' > Hello.java $ javac Hello.java $ adb push Hello.class /userdata Hello.class: 1 files pushed, 0 skipped. 0.2 MB/s (1329 bytes in 1.001s) $ adb shell

Slide 31

Slide 31 text

cd /userdata $ echo 'class Hello { > public static void main(String... args) { > System.out.println("Hello, light switch!"); > } > }' > Hello.java $ javac Hello.java $ adb push Hello.class /userdata Hello.class: 1 files pushed, 0 skipped. 0.2 MB/s (1329 bytes in 1.001s) $ adb shell [root@rk3326_64:/]#

Slide 32

Slide 32 text

zulu*/bin/java -cp . Hello > public static void main(String... args) { > System.out.println("Hello, light switch!"); > } > }' > Hello.java $ javac Hello.java $ adb push Hello.class /userdata Hello.class: 1 files pushed, 0 skipped. 0.2 MB/s (1329 bytes in 1.001s) $ adb shell [root@rk3326_64:/]# cd /userdata [root@rk3326_64:/userdata]#

Slide 33

Slide 33 text

> }' > Hello.java $ javac Hello.java $ adb push Hello.class /userdata Hello.class: 1 files pushed, 0 skipped. 0.2 MB/s (1329 bytes in 1.001s) $ adb shell [root@rk3326_64:/]# cd /userdata [root@rk3326_64:/userdata]# zulu*/bin/java -cp . Hello Hello, light switch! [root@rk3326_64:/userdata]#

Slide 34

Slide 34 text

flutter_weston_func(){ export LD_LIBRARY_PATH=${FLUTTER_PATH}/bundle/lib:`echo $LD_LIBRARY_PATH` #step1: start weston if [ -f $ORBHAL_FILE ]; then cpu_str=$(cat $ORBHAL_FILE | grep platform_sdk_str | awk -F '=' '{print $ if [ "$cpu_str"x = "RK3326S"x ]; then if [ -f /usr/sbin/slt_gpu_light ]; then /usr/sbin/slt_gpu_light >> /tmp/gpu.log 2>&1 fi fi fi #step2: start gui if [ $? -eq 0 ];then pidof mixpad_gui >/dev/null if [ $? -ne 0 ];then echo "gui_start]Now,start flutter_gui, rotation:$ORB_ROTATION " >>/tmp/m

Slide 35

Slide 35 text

No content

Slide 36

Slide 36 text

flutter_weston_func(){ export LD_LIBRARY_PATH=${FLUTTER_PATH}/bundle/lib:`echo $LD_LIBRARY_PATH` #step1: start weston if [ -f $ORBHAL_FILE ]; then cpu_str=$(cat $ORBHAL_FILE | grep platform_sdk_str | awk -F '=' '{print $ if [ "$cpu_str"x = "RK3326S"x ]; then if [ -f /usr/sbin/slt_gpu_light ]; then /usr/sbin/slt_gpu_light >> /tmp/gpu.log 2>&1 fi fi fi #step2: start gui if [ $? -eq 0 ];then pidof mixpad_gui >/dev/null if [ $? -ne 0 ];then echo "gui_start]Now,start flutter_gui, rotation:$ORB_ROTATION " >>/tmp/m

Slide 37

Slide 37 text

fi #step2: start gui if [ $? -eq 0 ];then pidof mixpad_gui >/dev/null if [ $? -ne 0 ];then echo "gui_start]Now,start flutter_gui, rotation:$ORB_ROTATION " >>/tmp/m echo "output:all:rotate${ORB_ROTATION}" > $WESTON_CONFIG cd $FLUTTER_PATH ./mixpad_gui -c $GUI_DATA_PATH -r $ORB_ROTATION -b bundle >> /tmp/mixpad gui_pid=$! echo $gui_pid > $GUI_PID_FILE else echo "gui_start]flutter_gui alread start,do nothing. " >>/tmp/mixpad_gui fi else echo "gui_start],Error:start flutter_gui failed" >>/tmp/mixpad_gui.log fi }

Slide 38

Slide 38 text

fi #step2: start gui if [ $? -eq 0 ];then pidof mixpad_gui >/dev/null if [ $? -ne 0 ];then echo "gui_start]Now,start flutter_gui, rotation:$ORB_ROTATION " >>/tmp/m echo "output:all:rotate${ORB_ROTATION}" > $WESTON_CONFIG cd $FLUTTER_PATH ./mixpad_gui -c $GUI_DATA_PATH -r $ORB_ROTATION -b bundle >> /tmp/mixpad gui_pid=$! echo $gui_pid > $GUI_PID_FILE else echo "gui_start]flutter_gui alread start,do nothing. " >>/tmp/mixpad_gui fi else echo "gui_start],Error:start flutter_gui failed" >>/tmp/mixpad_gui.log fi }

Slide 39

Slide 39 text

No content

Slide 40

Slide 40 text

No content

Slide 41

Slide 41 text

No content

Slide 42

Slide 42 text

No content

Slide 43

Slide 43 text

application { Window( onCloseRequest = ::exitApplication, undecorated = true, state = rememberWindowState(placement = Fullscreen), ) { Text("Hello, Desktop!") } }

Slide 44

Slide 44 text

No content

Slide 45

Slide 45 text

No content

Slide 46

Slide 46 text

No content

Slide 47

Slide 47 text

No content

Slide 48

Slide 48 text

No content

Slide 49

Slide 49 text

No content

Slide 50

Slide 50 text

No content

Slide 51

Slide 51 text

Part III Pushing pixels

Slide 52

Slide 52 text

No content

Slide 53

Slide 53 text

No content

Slide 54

Slide 54 text

fun main() { println("Hello!") }

Slide 55

Slide 55 text

$ ./gradlew -q assemble

Slide 56

Slide 56 text

adb push build/.../kntest.kexe /userdata $ ./gradlew -q assemble $

Slide 57

Slide 57 text

$ ./gradlew -q assemble $ adb push build/.../kntest.kexe /userdata build/bin/linuxArm64/debugExecutable/kntest.exe...file pushed, 0 skipped. 1.0 MB/s (1699880 bytes in 1.668s) $

Slide 58

Slide 58 text

adb shell $ ./gradlew -q assemble $ adb push build/.../kntest.kexe /userdata build/bin/linuxArm64/debugExecutable/kntest.exe...file pushed, 0 skipped. 1.0 MB/s (1699880 bytes in 1.668s) $

Slide 59

Slide 59 text

$ ./gradlew -q assemble $ adb push build/.../kntest.kexe /userdata build/bin/linuxArm64/debugExecutable/kntest.exe...file pushed, 0 skipped. 1.0 MB/s (1699880 bytes in 1.668s) $ adb shell [root@rk3326_64:/]#

Slide 60

Slide 60 text

/userdata/kntest.kexe $ ./gradlew -q assemble $ adb push build/.../kntest.kexe /userdata build/bin/linuxArm64/debugExecutable/kntest.exe...file pushed, 0 skipped. 1.0 MB/s (1699880 bytes in 1.668s) $ adb shell [root@rk3326_64:/]#

Slide 61

Slide 61 text

$ ./gradlew -q assemble $ adb push build/.../kntest.kexe /userdata build/bin/linuxArm64/debugExecutable/kntest.exe...file pushed, 0 skipped. 1.0 MB/s (1699880 bytes in 1.668s) $ adb shell [root@rk3326_64:/]# /userdata/kntest.kexe Hello! [root@rk3326_64:/]#

Slide 62

Slide 62 text

compilation linking .kexe .kt

Slide 63

Slide 63 text

compilation linking .kexe .kt cinterop .h .so

Slide 64

Slide 64 text

compilation linking .kexe .kt cinterop .h .so

Slide 65

Slide 65 text

$ ls /usr/lib/x86_64-linux-gnu/*drm*

Slide 66

Slide 66 text

$ ls /usr/lib/x86_64-linux-gnu/*drm* libdrm.so.2 -> libdrm.so.2.4.0 libdrm.so.2.4.0 libdrm_amdgpu.so.1 -> libdrm_amdgpu.so.1.0.0 libdrm_amdgpu.so.1.0.0 libdrm_intel.so.1 -> libdrm_intel.so.1.0.0 libdrm_intel.so.1.0.0 libdrm_nouveau.so.2 -> libdrm_nouveau.so.2.0.0 libdrm_nouveau.so.2.0.0 libdrm_radeon.so.1 -> libdrm_radeon.so.1.0.1 libdrm_radeon.so.1.0.1 $

Slide 67

Slide 67 text

$ ls /usr/lib/x86_64-linux-gnu/*drm* libdrm.so.2 -> libdrm.so.2.4.0 libdrm.so.2.4.0 libdrm_amdgpu.so.1 -> libdrm_amdgpu.so.1.0.0 libdrm_amdgpu.so.1.0.0 libdrm_intel.so.1 -> libdrm_intel.so.1.0.0 libdrm_intel.so.1.0.0 libdrm_nouveau.so.2 -> libdrm_nouveau.so.2.0.0 libdrm_nouveau.so.2.0.0 libdrm_radeon.so.1 -> libdrm_radeon.so.1.0.1 libdrm_radeon.so.1.0.1 $ ls /usr/include/drm

Slide 68

Slide 68 text

$ ls /usr/lib/x86_64-linux-gnu/*drm* libdrm.so.2 -> libdrm.so.2.4.0 libdrm.so.2.4.0 libdrm_amdgpu.so.1 -> libdrm_amdgpu.so.1.0.0 libdrm_amdgpu.so.1.0.0 libdrm_intel.so.1 -> libdrm_intel.so.1.0.0 libdrm_intel.so.1.0.0 libdrm_nouveau.so.2 -> libdrm_nouveau.so.2.0.0 libdrm_nouveau.so.2.0.0 libdrm_radeon.so.1 -> libdrm_radeon.so.1.0.1 libdrm_radeon.so.1.0.1 $ ls /usr/include/drm amdgpu_drm.h armada_drm.h drm_fourcc.h

Slide 69

Slide 69 text

omap_drm.h panfrost_drm.h pvr_drm.h qaic_accel.h qxl_drm.h radeon_drm.h tegra_drm.h v3d_drm.h vc4_drm.h vgem_drm.h virtgpu_drm.h vmwgfx_drm.h xe_drm.h $

Slide 70

Slide 70 text

adb shell omap_drm.h panfrost_drm.h pvr_drm.h qaic_accel.h qxl_drm.h radeon_drm.h tegra_drm.h v3d_drm.h vc4_drm.h vgem_drm.h virtgpu_drm.h vmwgfx_drm.h xe_drm.h $

Slide 71

Slide 71 text

panfrost_drm.h pvr_drm.h qaic_accel.h qxl_drm.h radeon_drm.h tegra_drm.h v3d_drm.h vc4_drm.h vgem_drm.h virtgpu_drm.h vmwgfx_drm.h xe_drm.h $ adb shell [root@rk3326_64:/]#

Slide 72

Slide 72 text

ls /usr/lib/*drm* panfrost_drm.h pvr_drm.h qaic_accel.h qxl_drm.h radeon_drm.h tegra_drm.h v3d_drm.h vc4_drm.h vgem_drm.h virtgpu_drm.h vmwgfx_drm.h xe_drm.h $ adb shell [root@rk3326_64:/]#

Slide 73

Slide 73 text

vgem_drm.h virtgpu_drm.h vmwgfx_drm.h xe_drm.h $ adb shell [root@rk3326_64:/]# ls /usr/lib/*drm* libdrm.so -> libdrm.so.2.4.0 libdrm.so.2 -> libdrm.so.2.4.0 libdrm.so.2.4.0 libdrm_rockchip.so -> libdrm_rockchip.so.1.0.0 libdrm_rockchip.so.1 -> libdrm_rockchip.so.1.0.0 libdrm_rockchip.so.1.0.0 [root@rk3326_64:/]#

Slide 74

Slide 74 text

ls /usr/include vgem_drm.h virtgpu_drm.h vmwgfx_drm.h xe_drm.h $ adb shell [root@rk3326_64:/]# ls /usr/lib/*drm* libdrm.so -> libdrm.so.2.4.0 libdrm.so.2 -> libdrm.so.2.4.0 libdrm.so.2.4.0 libdrm_rockchip.so -> libdrm_rockchip.so.1.0.0 libdrm_rockchip.so.1 -> libdrm_rockchip.so.1.0.0 libdrm_rockchip.so.1.0.0 [root@rk3326_64:/]#

Slide 75

Slide 75 text

xe_drm.h $ adb shell [root@rk3326_64:/]# ls /usr/lib/*drm* libdrm.so -> libdrm.so.2.4.0 libdrm.so.2 -> libdrm.so.2.4.0 libdrm.so.2.4.0 libdrm_rockchip.so -> libdrm_rockchip.so.1.0.0 libdrm_rockchip.so.1 -> libdrm_rockchip.so.1.0.0 libdrm_rockchip.so.1.0.0 [root@rk3326_64:/]# ls /usr/include /bin/sh: /usr/include: not found [root@rk3326_64:/]#

Slide 76

Slide 76 text

No content

Slide 77

Slide 77 text

No content

Slide 78

Slide 78 text

[root@rk3326_64:/]# strings /usr/lib/libdrm.so

Slide 79

Slide 79 text

[root@rk3326_64:/]# strings /usr/lib/libdrm.so T$_" J)\] wUS/ &wB?( |3K4H' o&{aY 6=^h3z +NV< l!l0ev __gmon_start__ _ITM_deregisterTMCloneTable _ITM_registerTMCloneTable __cxa_finalize strlen gnu_dev_major

Slide 80

Slide 80 text

.eh_frame .init_array .fini_array .data.rel.ro .dynamic .got .got.plt .data .bss [root@rk3326_64:/]#

Slide 81

Slide 81 text

1 [root@rk3326_64:/]# strings /usr/lib/libdrm.so | grep -c drmModeGetResources .eh_frame .init_array .fini_array .data.rel.ro .dynamic .got .got.plt .data .bss [root@rk3326_64:/]#

Slide 82

Slide 82 text

0 [root@rk3326_64:/]# .dynamic .got .got.plt .data .bss [root@rk3326_64:/]# strings /usr/lib/libdrm.so | grep -c drmModeGetResources 1 [root@rk3326_64:/]#

Slide 83

Slide 83 text

0 [root@rk3326_64:/]# .dynamic .got .got.plt .data .bss [root@rk3326_64:/]# strings /usr/lib/libdrm.so | grep -c drmModeGetResources 1 [root@rk3326_64:/]# strings /usr/lib/libdrm.so | grep -c drmIsMaster

Slide 84

Slide 84 text

.bss [root@rk3326_64:/]# strings /usr/lib/libdrm.so | grep -c drmModeGetResources 1 [root@rk3326_64:/]# strings /usr/lib/libdrm.so | grep -c drmIsMaster 0 [root@rk3326_64:/]# $

Slide 85

Slide 85 text

exit .bss [root@rk3326_64:/]# strings /usr/lib/libdrm.so | grep -c drmModeGetResources 1 [root@rk3326_64:/]# strings /usr/lib/libdrm.so | grep -c drmIsMaster 0 [root@rk3326_64:/]# $

Slide 86

Slide 86 text

[root@rk3326_64:/]# strings /usr/lib/libdrm.so | grep -c drmModeGetResources 1 [root@rk3326_64:/]# strings /usr/lib/libdrm.so | grep -c drmIsMaster 0 [root@rk3326_64:/]# exit $

Slide 87

Slide 87 text

[root@rk3326_64:/]# strings /usr/lib/libdrm.so | grep -c drmModeGetResources 1 [root@rk3326_64:/]# strings /usr/lib/libdrm.so | grep -c drmIsMaster 0 [root@rk3326_64:/]# exit $ adb pull /usr/lib/libdrm.so

Slide 88

Slide 88 text

[root@rk3326_64:/]# strings /usr/lib/libdrm.so | grep -c drmModeGetResources 1 [root@rk3326_64:/]# strings /usr/lib/libdrm.so | grep -c drmIsMaster 0 [root@rk3326_64:/]# exit $ adb pull /usr/lib/libdrm.so /usr/lib/libdrm.so: 1 file pulled, 0 skipped. 0.6 MB/s (63976 bytes in 0.109s)

Slide 89

Slide 89 text

compilation linking .kexe .kt cinterop .h .so

Slide 90

Slide 90 text

kotlin { linuxArm64 { binaries.executable { entryPoint = "main" } } }

Slide 91

Slide 91 text

kotlin { linuxArm64 { compilations.main.cinterops { create("lightswitch") { packageName("lightswitch") includeDirs( "device/include/", "device/include/libdrm", ) header("device/include/xf86drm.h") header("device/include/xf86drmMode.h") } } binaries.executable { entryPoint = "main" }

Slide 92

Slide 92 text

header("device/include/xf86drm.h") header("device/include/xf86drmMode.h") } }   binaries.executable { entryPoint = "main" // Work around KT-48082. linkerOpts( "-L${file("device/lib").absolutePath}", "-ldrm", // Do not check symbols within our shared libraries. "--allow-shlib-undefined", ) } } }

Slide 93

Slide 93 text

fun main() { println("Hello!") }

Slide 94

Slide 94 text

private const val devicePath = "/dev/dri/card0" fun main() { println("Hello!") val deviceFd = open(devicePath, O_RDWR or O_CLOEXEC) }

Slide 95

Slide 95 text

private const val devicePath = "/dev/dri/card0" fun main() { println("Hello!") val deviceFd = open(devicePath, O_RDWR or O_CLOEXEC) check(deviceFd != -1) { "Couldn't open $devicePath" } }

Slide 96

Slide 96 text

private const val devicePath = "/dev/dri/card0" fun main() { println("Hello!") val deviceFd = open(devicePath, O_RDWR or O_CLOEXEC) check(deviceFd != -1) { "Couldn't open $devicePath" } println("Got DRM device $deviceFd") }

Slide 97

Slide 97 text

private const val devicePath = "/dev/dri/card0" fun main() { println("Hello!") val deviceFd = open(devicePath, O_RDWR or O_CLOEXEC) check(deviceFd != -1) { "Couldn't open $devicePath" } println("Got DRM device $deviceFd") close(deviceFd) }

Slide 98

Slide 98 text

private const val devicePath = "/dev/dri/card0" fun main() { println("Hello!") val deviceFd = open(devicePath, O_RDWR or O_CLOEXEC) check(deviceFd != -1) { "Couldn't open $devicePath" } println("Got DRM device $deviceFd") try { val resourcesPtr = drmModeGetResources(deviceFd) ?: throw IllegalStateException("DRM resources") println("Got DRM resources") drmModeFreeResources(resourcesPtr) } finally { close(deviceFd) }

Slide 99

Slide 99 text

private const val devicePath = "/dev/dri/card0" fun main() { println("Hello!") val deviceFd = open(devicePath, O_RDWR or O_CLOEXEC) check(deviceFd != -1) { "Couldn't open $devicePath" } println("Got DRM device $deviceFd") try { val resourcesPtr = drmModeGetResources(deviceFd) ?: throw IllegalStateException("DRM resources") println("Got DRM resources") try { val connectorPtr = findConnector(deviceFd, resourcesPtr) ?: throw IllegalStateException("DRM connector") try { connectorPtr.pointed.modes!![0].let { mode -> println("Resolution ${mode.vdisplay}x${mode.hdisplay}") } val encoderPtr = findEncoder(deviceFd, resourcesPtr, connectorPtr) ?: throw IllegalStateException("DRM encoder") println("Got DRM encoder") try { val crtcId = encoderPtr.pointed.crtc_id // The Flutter embedded code does another loop here if the CRTC ID is missing. I'm not // entirely convinced that's needed, so guard the condition for now. check(crtcId != 0U) { "Encoder has no CTRC ID!" } val crtcPtr = drmModeGetCrtc(deviceFd, crtcId) ?: throw IllegalStateException("DRM CRTC") println("Got CRTC for ID $crtcId") println("All good!") } finally { drmModeFreeEncoder(encoderPtr) } } finally { drmModeFreeConnector(connectorPtr) } } finally { drmModeFreeResources(resourcesPtr) } } finally { close(deviceFd) } }

Slide 100

Slide 100 text

$ ./run_debug.sh

Slide 101

Slide 101 text

Hello! Got DRM device 3 Got DRM resources Resolution 320x170 Got DRM encoder Got CRTC for ID 60 All good! $ $ ./run_debug.sh build/bin/linuxArm64/debugExecutable/composeui- lightswitch...file pushed, 0 skipped. 1.0 MB/s (1699880 bytes in 1.668s)

Slide 102

Slide 102 text

create("lightswitch") { packageName("lightswitch") includeDirs( "device/include/", "device/include/libdrm", ) header("device/include/xf86drm.h") header("device/include/xf86drmMode.h") } }   binaries.executable { entryPoint = "main" // Work around KT-48082. linkerOpts( "-L${file("device/lib").absolutePath}", "-ldrm", // Do not check symbols within our shared libraries.

Slide 103

Slide 103 text

create("lightswitch") { packageName("lightswitch") includeDirs( "device/include/", "device/include/libdrm", ) header("device/include/GLES2/gl2.h") header("device/include/GLES2/gl2ext.h") header("device/include/EGL/egl.h") header("device/include/EGL/eglext.h") header("device/include/gbm.h") header("device/include/xf86drm.h") header("device/include/xf86drmMode.h") } }   binaries.executable { entryPoint = "main"

Slide 104

Slide 104 text

} }   binaries.executable { entryPoint = "main" // Work around KT-48082. linkerOpts( "-L${file("device/lib").absolutePath}", "-ldrm", // Do not check symbols within our shared libraries. "--allow-shlib-undefined", ) } } }

Slide 105

Slide 105 text

} }   binaries.executable { entryPoint = "main" // Work around KT-48082. linkerOpts( "-L${file("device/lib").absolutePath}", "-ldrm", "-lmali", // Do not check symbols within our shared libraries. "--allow-shlib-undefined", ) } } }

Slide 106

Slide 106 text

// Lots of DRM, GBM, EGL setup code while (true) { println("Draw!!!") glClear(GL_COLOR_BUFFER_BIT.toUInt()) glClearColor(0.2f, 0.3f, 0.5f, 1.0f) eglSwapBuffers(gl.display, gl.surface) val nextBo = gbm_surface_lock_front_buffer(gbm.surfacePtr) val nextFb = drm_fb_get_from_bo(drm, nextBo) drmModePageFlip(…) // Wait for page flip code… }

Slide 107

Slide 107 text

$ ./run_debug.sh

Slide 108

Slide 108 text

$ ./run_debug.sh Opened DRM device 3 Got DRM resources Got DRM connector Got DRM encoder Resolution: 320x170 Freeing DRM encoder Freeing DRM connector Freeing DRM resources Got CRTC for ID 60 Got GBM device Created GBM surface Got EGL display arm_release_ver of this libmali is 'g2p0-01eac0', rk_so_ver is '7'. Initialized EGL display

Slide 109

Slide 109 text

GL_KHR_robustness GL_KHR_robust_buffer_access_behavior GL_EXT_draw_elements_base_vertex GL_OES_draw_elements_base_vertex GL_EXT_buffer_storage GL_ARM_texture_unnormalized_coordinates Page flip! Draw!!! Page flip! Draw!!! Page flip! Draw!!! Page flip! Draw!!! Page flip! Draw!!! Page flip! Draw!!! Page flip! Draw!!!

Slide 110

Slide 110 text

GL_KHR_robustness GL_KHR_robust_buffer_access_behavior GL_EXT_draw_elements_base_vertex GL_OES_draw_elements_base_vertex GL_EXT_buffer_storage GL_ARM_texture_unnormalized_coordinates Page flip! Draw!!! Page flip! Draw!!! Page flip! Draw!!! Page flip! Draw!!! Page flip! Draw!!! Page flip! Draw!!! Page flip! Draw!!!

Slide 111

Slide 111 text

Draw!!! Page flip! Draw!!! Page flip! Draw!!! Page flip! Draw!!! Page flip! Draw!!! Destroying EGL surface Destroying EGL context Terminating EGL display Destroyed GBM surface Destroying GBM device Freeing CRTC Closing DRM device

Slide 112

Slide 112 text

Part IV Skiko

Slide 113

Slide 113 text

No content

Slide 114

Slide 114 text

No content

Slide 115

Slide 115 text

No content

Slide 116

Slide 116 text

No content

Slide 117

Slide 117 text

No content

Slide 118

Slide 118 text

No content

Slide 119

Slide 119 text

No content

Slide 120

Slide 120 text

No content

Slide 121

Slide 121 text

No content

Slide 122

Slide 122 text

No content

Slide 123

Slide 123 text

No content

Slide 124

Slide 124 text

No content

Slide 125

Slide 125 text

No content

Slide 126

Slide 126 text

No content

Slide 127

Slide 127 text

No content

Slide 128

Slide 128 text

No content

Slide 129

Slide 129 text

No content

Slide 130

Slide 130 text

No content

Slide 131

Slide 131 text

No content

Slide 132

Slide 132 text

No content

Slide 133

Slide 133 text

No content

Slide 134

Slide 134 text

No content

Slide 135

Slide 135 text

$ cat /usr/bin/skiko-clang

Slide 136

Slide 136 text

$ cat /usr/bin/skiko-clang exec docker exec skiko-arm clang++ $@ $ docker run --privileged --rm \ tonistiigi/binfmt --install amd64

Slide 137

Slide 137 text

$ cat /usr/bin/skiko-clang exec docker exec skiko-arm clang++ $@ $ docker run --privileged --rm \ tonistiigi/binfmt --install amd64 $ docker run -i -d \ --name skiko-arm \ -v /home/jake/skiko:/home/jake/skiko \ --platform linux/arm64 \ ubuntu:20.04

Slide 138

Slide 138 text

$ cat /usr/bin/skiko-clang exec docker exec skiko-arm clang++ $@ $ docker run --privileged --rm \ tonistiigi/binfmt --install amd64 $ docker run -i -d \ --name skiko-arm \ -v /home/jake/skiko:/home/jake/skiko \ --platform linux/arm64 \ ubuntu:20.04 $ docker exec -it skiko-arm bash

Slide 139

Slide 139 text

No content

Slide 140

Slide 140 text

// Lots of DRM, GBM, EGL setup code val context = DirectContext.makeEGL()

Slide 141

Slide 141 text

// Lots of DRM, GBM, EGL setup code val context = DirectContext.makeEGL() // Inside render loop val renderTarget = BackendRenderTarget.makeGL(…) val surface = Surface.makeFromBackendRenderTarget(…) val canvas = surface.canvas

Slide 142

Slide 142 text

// Lots of DRM, GBM, EGL setup code val context = DirectContext.makeEGL() // Inside render loop val renderTarget = BackendRenderTarget.makeGL(…) val surface = Surface.makeFromBackendRenderTarget(…) val canvas = surface.canvas canvas.clear(Color.RED)

Slide 143

Slide 143 text

val context = DirectContext.makeEGL() // Inside render loop val renderTarget = BackendRenderTarget.makeGL(…) val surface = Surface.makeFromBackendRenderTarget(…) val canvas = surface.canvas canvas.clear(Color.RED) val bluePaint = Paint().apply { color = Color.BLUE } canvas.drawCircle(50f, 50f, 100f, bluePaint)

Slide 144

Slide 144 text

val context = DirectContext.makeEGL() // Inside render loop val renderTarget = BackendRenderTarget.makeGL(…) val surface = Surface.makeFromBackendRenderTarget(…) val canvas = surface.canvas canvas.clear(Color.RED) val bluePaint = Paint().apply { color = Color.BLUE } canvas.drawCircle(50f, 50f, 100f, bluePaint) val greenPaint = Paint().apply { color = Color.GREEN } canvas.drawLine(10f, 10f, 110f, 110f, greenPaint)

Slide 145

Slide 145 text

val context = DirectContext.makeEGL() // Inside render loop val renderTarget = BackendRenderTarget.makeGL(…) val surface = Surface.makeFromBackendRenderTarget(…) val canvas = surface.canvas canvas.clear(Color.RED) val bluePaint = Paint().apply { color = Color.BLUE } canvas.drawCircle(50f, 50f, 100f, bluePaint) val greenPaint = Paint().apply { color = Color.GREEN } canvas.drawLine(10f, 10f, 110f, 110f, greenPaint) surface.flushAndSubmit()

Slide 146

Slide 146 text

No content

Slide 147

Slide 147 text

No content

Slide 148

Slide 148 text

Part V Input handling

Slide 149

Slide 149 text

[root@rk3326_64:/]# evtest

Slide 150

Slide 150 text

[root@rk3326_64:/]# evtest No device specified, trying to scan all of /dev/input/event* Available devices: /dev/input/event0: rk8xx_pwrkey /dev/input/event1: fts_ts /dev/input/event2: adc-keys /dev/input/event3: gpio_keys /dev/input/event4: gpio_keys2 /dev/input/event5: lightsensor-level Select the device event number [0-5]:

Slide 151

Slide 151 text

1 [root@rk3326_64:/]# evtest No device specified, trying to scan all of /dev/input/event* Available devices: /dev/input/event0: rk8xx_pwrkey /dev/input/event1: fts_ts /dev/input/event2: adc-keys /dev/input/event3: gpio_keys /dev/input/event4: gpio_keys2 /dev/input/event5: lightsensor-level Select the device event number [0-5]:

Slide 152

Slide 152 text

/dev/input/event4: gpio_keys2 /dev/input/event5: lightsensor-level Select the device event number [0-5]: 1 Input driver version is 1.0.1 Input device ID: bus 0x18 vendor 0x0 product 0x0 version 0x0 Input device name: "fts_ts" Supported events: Event type 0 (EV_SYN) Event type 1 (EV_KEY) Event code 330 (BTN_TOUCH) Event type 3 (EV_ABS) Event code 48 (ABS_MT_TOUCH_MAJOR) Value 0 Min 0 Max 255 Event code 53 (ABS_MT_POSITION_X) Value 0 Min 0

Slide 153

Slide 153 text

Event type 3 (EV_ABS) Event code 48 (ABS_MT_TOUCH_MAJOR) Value 0 Min 0 Max 255 Event code 53 (ABS_MT_POSITION_X) Value 0 Min 0 Max 170 Event code 54 (ABS_MT_POSITION_Y) Value 0 Min 0 Max 320 Event code 57 (ABS_MT_TRACKING_ID) Value 0 Min 0 Max 15 Properties:

Slide 154

Slide 154 text

Properties: Property type 1 (INPUT_PROP_DIRECT) Testing ... (interrupt to exit)

Slide 155

Slide 155 text

Properties: Property type 1 (INPUT_PROP_DIRECT) Testing ... (interrupt to exit) Event: type 3 (EV_ABS), code 57 (ABS_MT_TRACKING_ID), value 0 Event: type 3 (EV_ABS), code 48 (ABS_MT_TOUCH_MAJOR), value 9 Event: type 3 (EV_ABS), code 53 (ABS_MT_POSITION_X), value 80 Event: type 3 (EV_ABS), code 54 (ABS_MT_POSITION_Y), value 171 Event: ++++++++++++++ SYN_MT_REPORT ++++++++++++ Event: type 1 (EV_KEY), code 330 (BTN_TOUCH), value 1 Event: -------------- SYN_REPORT ------------ Event: type 3 (EV_ABS), code 57 (ABS_MT_TRACKING_ID), value 0 Event: type 3 (EV_ABS), code 48 (ABS_MT_TOUCH_MAJOR), value 9 Event: type 3 (EV_ABS), code 53 (ABS_MT_POSITION_X), value 80 Event: type 3 (EV_ABS), code 54 (ABS_MT_POSITION_Y), value 171 Event: ++++++++++++++ SYN_MT_REPORT ++++++++++++ Event: -------------- SYN_REPORT ------------ Event: type 3 (EV_ABS), code 57 (ABS_MT_TRACKING_ID), value 0 Event: type 3 (EV_ABS), code 48 (ABS_MT_TOUCH_MAJOR), value 9

Slide 156

Slide 156 text

Event: type 1 (EV_KEY), code 330 (BTN_TOUCH), value 1 Event: -------------- SYN_REPORT ------------ Event: type 3 (EV_ABS), code 57 (ABS_MT_TRACKING_ID), value 0 Event: type 3 (EV_ABS), code 48 (ABS_MT_TOUCH_MAJOR), value 9 Event: type 3 (EV_ABS), code 53 (ABS_MT_POSITION_X), value 80 Event: type 3 (EV_ABS), code 54 (ABS_MT_POSITION_Y), value 171 Event: ++++++++++++++ SYN_MT_REPORT ++++++++++++ Event: -------------- SYN_REPORT ------------ Event: type 3 (EV_ABS), code 57 (ABS_MT_TRACKING_ID), value 0 Event: type 3 (EV_ABS), code 48 (ABS_MT_TOUCH_MAJOR), value 9 Event: type 3 (EV_ABS), code 53 (ABS_MT_POSITION_X), value 80 Event: type 3 (EV_ABS), code 54 (ABS_MT_POSITION_Y), value 171 Event: ++++++++++++++ SYN_MT_REPORT ++++++++++++ Event: -------------- SYN_REPORT ------------ Event: type 1 (EV_KEY), code 330 (BTN_TOUCH), value 0 Event: ++++++++++++++ SYN_MT_REPORT ++++++++++++ Event: -------------- SYN_REPORT ------------

Slide 157

Slide 157 text

internal class TouchInput { private var isButtonDown = false private var nextButtonUp = false private var nextX = 0 private var nextY = 0 fun process(event: input_event): TouchEvent? { return null } }

Slide 158

Slide 158 text

private var nextY = 0 fun process(event: input_event): TouchEvent? { when (event.type.convert()) { EV_ABS -> { when (event.code.convert()) { ABS_MT_POSITION_X -> { nextX = event.value } ABS_MT_POSITION_Y -> { nextY = event.value } } } EV_KEY -> { when (event.code.convert()) { BTN_TOUCH -> { when (event.value) {

Slide 159

Slide 159 text

nextY = event.value } } } EV_KEY -> { when (event.code.convert()) { BTN_TOUCH -> { when (event.value) { 0 -> { nextButtonUp = true } } } } } EV_SYN -> { when (event.code.convert()) { 0 -> {

Slide 160

Slide 160 text

} } } } EV_SYN -> { when (event.code.convert()) { 0 -> { val eventType = when { !isButtonDown -> PointerEventType.Press nextButtonUp -> PointerEventType.Release else -> PointerEventType.Move } val position = Offset( nextX.toFloat(), nextY.toFloat()) val timeMillis = event.time.tv_sec * 1000 + event.time.tv_usec / 1000 isButtonDown = !nextButtonUp

Slide 161

Slide 161 text

val timeMillis = event.time.tv_sec * 1000 + event.time.tv_usec / 1000 isButtonDown = !nextButtonUp nextButtonUp = false return TouchEvent( eventType = eventType, position = position, timeMillis = timeMillis, ) } } } } return null }

Slide 162

Slide 162 text

Part VI Compose UI

Slide 163

Slide 163 text

No content

Slide 164

Slide 164 text

No content

Slide 165

Slide 165 text

No content

Slide 166

Slide 166 text

No content

Slide 167

Slide 167 text

No content

Slide 168

Slide 168 text

No content

Slide 169

Slide 169 text

No content

Slide 170

Slide 170 text

No content

Slide 171

Slide 171 text

No content

Slide 172

Slide 172 text

// Lots of DRM, GBM, EGL, Skiko setup code val scene = MultiLayerComposeScene( size = IntSize( width = width, height = height, ), coroutineContext = ComposeUiMainDispatcher, )

Slide 173

Slide 173 text

No content

Slide 174

Slide 174 text

// Inside render loop val renderTarget = BackendRenderTarget.makeGL(…) val surface = Surface.makeFromBackendRenderTarget(…) val canvas = surface.canvas canvas.clear(Color.RED) val bluePaint = Paint().apply { color = Color.BLUE } canvas.drawCircle(50f, 50f, 100f, bluePaint) val greenPaint = Paint().apply { color = Color.GREEN } canvas.drawLine(10f, 10f, 110f, 110f, greenPaint) surface.flushAndSubmit()

Slide 175

Slide 175 text

canvas.clear(Color.RED) val bluePaint = Paint().apply { color = Color.BLUE } canvas.drawCircle(50f, 50f, 100f, bluePaint) val greenPaint = Paint().apply { color = Color.GREEN } canvas.drawLine(10f, 10f, 110f, 110f, greenPaint) // Inside render loop val renderTarget = BackendRenderTarget.makeGL(…) val surface = Surface.makeFromBackendRenderTarget(…) val canvas = surface.canvas scene.render(canvas.asComposeCanvas(), nanoTime()) surface.flushAndSubmit()

Slide 176

Slide 176 text

val canvas = surface.canvas scene.render(canvas.asComposeCanvas(), nanoTime()) surface.flushAndSubmit() // In the event handler touch.process(event)?.let { touchEvent -> scene.sendPointerEvent( eventType = touchEvent.eventType, position = touchEvent.position, timeMillis = touchEvent.timeMillis, type = PointerType.Touch, ) }

Slide 177

Slide 177 text

// Lots of DRM, GBM, EGL, Skiko setup code val scene = MultiLayerComposeScene( size = IntSize( width = width, height = height, ), coroutineContext = ComposeUiMainDispatcher, )

Slide 178

Slide 178 text

// Lots of DRM, GBM, EGL, Skiko setup code val scene = MultiLayerComposeScene( size = IntSize( width = width, height = height, ), coroutineContext = ComposeUiMainDispatcher, ) scene.setContent { Button(onClick = {}) {} }

Slide 179

Slide 179 text

No content

Slide 180

Slide 180 text

No content

Slide 181

Slide 181 text

No content

Slide 182

Slide 182 text

Part VII It's a switch

Slide 183

Slide 183 text

controller mixpad-gui rs485

Slide 184

Slide 184 text

controller mixpad-gui rs485 ember-host

Slide 185

Slide 185 text

controller mixpad-gui rs485 ember-host UDS /oem/ember-host/data/dm_socket_api.uds

Slide 186

Slide 186 text

val uds = UnixSocketAddress( "/oem/ember-host/data/dm_socket_api.uds", ) val socket = aSocket(SelectorManager(Dispatchers.Default)) .tcp() .connect(uds)

Slide 187

Slide 187 text

val uds = UnixSocketAddress( "/oem/ember-host/data/dm_socket_api.uds", ) val socket = aSocket(SelectorManager(Dispatchers.Default)) .tcp() .connect(uds) val writer = socket.openWriteChannel() writer.writeStringUtf8(value) writer.close(null)

Slide 188

Slide 188 text

val uds = UnixSocketAddress( "/oem/ember-host/data/dm_socket_api.uds", ) val socket = aSocket(SelectorManager(Dispatchers.Default)) .tcp() .connect(uds) val writer = socket.openWriteChannel() writer.writeStringUtf8(value) writer.close(null) val result = socket.openReadChannel() .readRemaining() .readUTF8Line() .orEmpty()

Slide 189

Slide 189 text

Caused by: kotlin.IllegalArgumentException: Failed to open iconv for charset ISO-8859-1 with error code 22 at 0 kfun:kotlin.Throwable#(kotlin.String?){} + 91 at 1 kfun:kotlin.Exception#(kotlin.String?){} + 83 at 2 kfun:kotlin.RuntimeException#(kotlin.String?){} + 83 at 3 kfun:kotlin.IllegalArgumentException#(kotlin.String?){} + 8 at 4 kfun:io.ktor.utils.io.charsets#checkErrors(kotlinx.cinterop.CPoin at 5 kfun:io.ktor.utils.io.charsets.CharsetIconv.#internal + 515 at 6 kfun:io.ktor.utils.io.charsets.Charsets#(){} + 275 at 7 kfun:io.ktor.utils.io.charsets.Charsets.$init_global#internal + 1 at 8 CallInitGlobalPossiblyLock + 487 at 9 kfun:io.ktor.utils.io.charsets.Charsets##static(){

Slide 190

Slide 190 text

No content

Slide 191

Slide 191 text

No content

Slide 192

Slide 192 text

No content

Slide 193

Slide 193 text

No content

Slide 194

Slide 194 text

No content

Slide 195

Slide 195 text

No content

Slide 196

Slide 196 text

No content

Slide 197

Slide 197 text

No content

Slide 198

Slide 198 text

Demo

Slide 199

Slide 199 text

github.com/JakeWharton/skia-pack main branch github.com/JakeWharton/skiko jw.egl.2024-04-16 branch github.com/JakeWharton/compose-multiplatform-core jw.linux-arm.2024-04-26 branch github.com/JakeWharton/ktor jw.charset-lazy.2024-05-14 branch

Slide 200

Slide 200 text

github.com/JakeWharton/composeui-lightswitch

Slide 201

Slide 201 text

The End

Slide 202

Slide 202 text

Compose UI for… a light switch? The End Jake Wharton.com

Slide 203

Slide 203 text

a light switch? Compose UI for… Jake Wharton.com