start add recycler view

front/common/build.gradle

@@ -0,0 +1,15 @@
+plugins {
+    id "org.jetbrains.kotlin.multiplatform"
+}
+
+apply from: "$mppJsProjectPresetPath"
+
+kotlin {
+    sourceSets {
+        commonMain {
+            dependencies {
+                api internalProject("micro_utils.common")
+            }
+        }
+    }
+}

front/common/src/jsMain/kotlin/dev/inmo/micro_utils/front/recycler_view/RecyclerViewAdapter.kt

@@ -0,0 +1,38 @@
+package dev.inmo.micro_utils.front.recycler_view
+
+import dev.inmo.micro_utils.common.isOnScreen
+import kotlinx.browser.document
+import org.w3c.dom.HTMLDivElement
+
+abstract class RecyclerViewAdapter<T>(
+    protected val data: List<T>,
+    protected val drawer: RecyclerViewDrawer,
+    private val visibleOutsideOfViewportElements: Int = 1
+) {
+    val element: HTMLDivElement = document.createElement("div") as HTMLDivElement
+    protected val itemsToElements = mutableMapOf<T, RecyclerViewElement>()
+
+    abstract fun createViewFactory(element: T): RecyclerViewElement
+
+    fun updateVisibleElements() {
+        var firstVisibleElementIndex = -1
+        var lastVisibleElementIndex = -1
+
+        for ((i, item) in data.withIndex()) {
+            itemsToElements[item] ?.let {
+                firstVisibleElementIndex = when {
+                    firstVisibleElementIndex == -1 -> i
+                    it.element.isOnScreen -> minOf(firstVisibleElementIndex, i)
+                    else -> firstVisibleElementIndex
+                }
+                lastVisibleElementIndex = when {
+                    lastVisibleElementIndex == -1 -> i
+                    it.element.isOnScreen -> maxOf(lastVisibleElementIndex, i)
+                    else -> lastVisibleElementIndex
+                }
+            }
+        }
+
+
+    }
+}

front/common/src/jsMain/kotlin/dev/inmo/micro_utils/front/recycler_view/RecyclerViewDrawer.kt

@@ -0,0 +1,8 @@
+package dev.inmo.micro_utils.front.recycler_view
+
+import org.w3c.dom.HTMLElement
+
+interface RecyclerViewDrawer {
+    fun drawBefore(what: HTMLElement, before: HTMLElement)
+    fun drawAfter(what: HTMLElement, after: HTMLElement)
+}

front/common/src/jsMain/kotlin/dev/inmo/micro_utils/front/recycler_view/RecyclerViewElement.kt

@@ -0,0 +1,9 @@
+package dev.inmo.micro_utils.front.recycler_view
+
+import org.w3c.dom.HTMLElement
+
+interface RecyclerViewElement {
+    val element: HTMLElement
+    suspend fun onOutsideOfViewport()
+    suspend fun onInsideOfViewport()
+}

mppJsProject

@@ -0,0 +1,30 @@
+project.version = "$version"
+project.group = "$group"
+
+apply from: "$publishGradlePath"
+
+kotlin {
+    js (BOTH) {
+        browser()
+    }
+
+    sourceSets {
+        commonMain {
+            dependencies {
+                implementation kotlin('stdlib')
+            }
+        }
+        commonTest {
+            dependencies {
+                implementation kotlin('test-common')
+                implementation kotlin('test-annotations-common')
+            }
+        }
+        jsTest {
+            dependencies {
+                implementation kotlin('test-js')
+                implementation kotlin('test-junit')
+            }
+        }
+    }
+}