diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml
new file mode 100644
index 0000000..e8eecbf
--- /dev/null
+++ b/.github/workflows/main.yml
@@ -0,0 +1,93 @@
+name: Knowre Android Library CI
+
+on:
+  push:
+    branches: [ "main" ]
+  pull_request:
+    types:
+      - opened
+      - synchronize
+    branches: [ "main" ]
+  workflow_dispatch:
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+    - name: Checkout repository
+      uses: actions/checkout@v4
+
+    - name: Set up JDK 17
+      uses: actions/setup-java@v4
+      with:
+        java-version: '17'
+        distribution: 'temurin'
+        cache: gradle
+
+    - name: Gradle Caching
+      uses: actions/cache@v4.1.0
+      with:
+        path: |
+          ~/.gradle/caches
+          ~/.gradle/wrapper
+        key: ${{ runner.os }}-gradle-${{ github.ref_name }}-${{ hashFiles('**/*.gradle*', '**/gradle-wrapper.properties') }}
+        restore-keys: |
+          ${{ runner.os }}-gradle-
+
+    - name: Grant execute permission for gradlew
+      run: chmod +x gradlew
+
+    - name: Run unit test
+      run: ./gradlew testDebugUnitTest
+
+    - name: Notify to slack
+      run: |
+        STATUS="Build Succeeded!"
+        COLOR="good"
+        if [[ ${{ job.status }} == "failure" ]]; then 
+          STATUS="Build Failed!"
+          COLOR="danger"
+        elif [[ ${{ job.status }} == "cancelled" ]]; then
+          STATUS="Build Cancelled!"
+          COLOR="warning"
+        fi
+
+        BUILD_URL="https://github.com/${{ github.repository }}/actions/runs/${{ github.run_id }}"
+        
+        curl -X POST -H 'Content-type: application/json' --data \
+        '{
+            "attachments": [
+              {
+                "color": "'"$COLOR"'",
+                "pretext": "'"$STATUS"'",
+                "fields": [
+                  {
+                    "title": "User",
+                    "value": "${{ github.actor }}",
+                    "short": true
+                  },
+                  {
+                    "title": "Commit Message",
+                    "value": "${{ github.event.head_commit.message }}",
+                    "short": false
+                  },
+                  {
+                    "title": "Branch",
+                    "value": "${{ github.ref_name }}",
+                    "short": true
+                  }
+                ],
+                "actions": [
+                  {
+                    "type": "button",
+                    "text": "View Build",
+                    "url": "'"${BUILD_URL}"'"
+                  }
+                ]
+              }
+            ]
+        }' ${{ secrets.SLACK_WEB_HOOK_URL }}
+
+
+
diff --git a/app/build.gradle b/app/build.gradle
index 947662a..26e41cf 100644
--- a/app/build.gradle
+++ b/app/build.gradle
@@ -42,6 +42,8 @@ android {
 dependencies {
     implementation project("${getImplementationPrefix(project.parent.name)}:extension-standard")
     implementation project("${getImplementationPrefix(project.parent.name)}:extension-android")
+    implementation project("${getImplementationPrefix(project.parent.name)}:myscript-iink")
+    implementation project("${getImplementationPrefix(project.parent.name)}:myscript-iink:UIReferenceImplementation")
     implementation 'androidx.core:core-ktx:1.8.0'
     implementation 'androidx.appcompat:appcompat:1.5.1'
     implementation 'com.google.android.material:material:1.9.0'
diff --git a/app/release/app-myscript-test-release.apk b/app/release/app-myscript-test-release.apk
new file mode 100644
index 0000000..192e25f
Binary files /dev/null and b/app/release/app-myscript-test-release.apk differ
diff --git a/app/release/output-metadata.json b/app/release/output-metadata.json
new file mode 100644
index 0000000..cdd942b
--- /dev/null
+++ b/app/release/output-metadata.json
@@ -0,0 +1,20 @@
+{
+  "version": 3,
+  "artifactType": {
+    "type": "APK",
+    "kind": "Directory"
+  },
+  "applicationId": "com.knowre.android.kal",
+  "variantName": "release",
+  "elements": [
+    {
+      "type": "SINGLE",
+      "filters": [],
+      "attributes": [],
+      "versionCode": 1,
+      "versionName": "1.0",
+      "outputFile": "app-release.apk"
+    }
+  ],
+  "elementType": "File"
+}
\ No newline at end of file
diff --git a/app/src/main/assets/n_digit_exp.res b/app/src/main/assets/n_digit_exp.res
new file mode 100644
index 0000000..b2e13d8
Binary files /dev/null and b/app/src/main/assets/n_digit_exp.res differ
diff --git a/app/src/main/java/com/knowre/android/kal/FirstFragment.kt b/app/src/main/java/com/knowre/android/kal/FirstFragment.kt
index c1087a0..3f19325 100644
--- a/app/src/main/java/com/knowre/android/kal/FirstFragment.kt
+++ b/app/src/main/java/com/knowre/android/kal/FirstFragment.kt
@@ -1,10 +1,10 @@
 package com.knowre.android.kal
 
 import android.os.Bundle
-import androidx.fragment.app.Fragment
 import android.view.LayoutInflater
 import android.view.View
 import android.view.ViewGroup
+import androidx.fragment.app.Fragment
 import androidx.navigation.fragment.findNavController
 import com.knowre.android.kal.databinding.FragmentFirstBinding
 
diff --git a/app/src/main/java/com/knowre/android/kal/MainActivity.kt b/app/src/main/java/com/knowre/android/kal/MainActivity.kt
index eefb646..d5a0cd6 100644
--- a/app/src/main/java/com/knowre/android/kal/MainActivity.kt
+++ b/app/src/main/java/com/knowre/android/kal/MainActivity.kt
@@ -8,7 +8,6 @@ import androidx.navigation.findNavController
 import androidx.navigation.ui.AppBarConfiguration
 import androidx.navigation.ui.navigateUp
 import androidx.navigation.ui.setupActionBarWithNavController
-import com.google.android.material.snackbar.Snackbar
 import com.knowre.android.kal.databinding.ActivityMainBinding
 
 class MainActivity : AppCompatActivity() {
@@ -27,10 +26,6 @@ class MainActivity : AppCompatActivity() {
         val navController = findNavController(R.id.nav_host_fragment_content_main)
         appBarConfiguration = AppBarConfiguration(navController.graph)
         setupActionBarWithNavController(navController, appBarConfiguration)
-
-        binding.fab.setOnClickListener { view ->
-            Snackbar.make(view, "Replace with your own action", Snackbar.LENGTH_LONG).setAction("Action", null).show()
-        }
     }
 
     override fun onCreateOptionsMenu(menu: Menu): Boolean {
@@ -50,4 +45,8 @@ class MainActivity : AppCompatActivity() {
         return navController.navigateUp(appBarConfiguration) || super.onSupportNavigateUp()
     }
 
+    override fun onBackPressed() {
+
+    }
+
 }
\ No newline at end of file
diff --git a/app/src/main/java/com/knowre/android/kal/myscript/Candidate.kt b/app/src/main/java/com/knowre/android/kal/myscript/Candidate.kt
new file mode 100644
index 0000000..b3c8343
--- /dev/null
+++ b/app/src/main/java/com/knowre/android/kal/myscript/Candidate.kt
@@ -0,0 +1,9 @@
+package com.knowre.android.kal.myscript
+
+
+internal sealed class Candidate {
+
+    class Data(val itemId: String, val label: String) : Candidate()
+
+    class Exit() : Candidate()
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/knowre/android/kal/myscript/CandidateAdapter.kt b/app/src/main/java/com/knowre/android/kal/myscript/CandidateAdapter.kt
new file mode 100644
index 0000000..44fbd33
--- /dev/null
+++ b/app/src/main/java/com/knowre/android/kal/myscript/CandidateAdapter.kt
@@ -0,0 +1,81 @@
+package com.knowre.android.kal.myscript
+
+import android.view.LayoutInflater
+import android.view.ViewGroup
+import androidx.recyclerview.widget.RecyclerView
+import com.knowre.android.kal.databinding.ViewCandidateItemBinding
+
+
+internal class CandidateAdapter(
+    private val onCandidateClicked: (Candidate.Data) -> Unit,
+    private val onExitClicked: () -> Unit
+) : RecyclerView.Adapter<CandidateViewHolder>() {
+
+    private var candidates = listOf<Candidate>()
+
+    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): CandidateViewHolder {
+        return CandidateViewHolder.newInstance(parent,
+            onCandidateClicked = {
+                clear()
+                onCandidateClicked(it)
+            },
+            onExitClicked = {
+                clear()
+                onExitClicked()
+            }
+        )
+    }
+
+    override fun onBindViewHolder(holder: CandidateViewHolder, position: Int) {
+        holder.bind(candidates[position])
+    }
+
+    override fun getItemCount() = candidates.size
+
+    fun setCandidates(candidates: List<Candidate>) {
+        this.candidates = candidates
+            .toMutableList()
+            .apply { if (isNotEmpty()) add(Candidate.Exit()) }
+            .also { notifyDataSetChanged() }
+    }
+
+    fun clear() {
+        this.candidates = listOf()
+        notifyDataSetChanged()
+    }
+}
+
+internal class CandidateViewHolder(
+    private val binding: ViewCandidateItemBinding
+) : RecyclerView.ViewHolder(binding.root) {
+
+    private lateinit var candidate: Candidate
+
+    fun bind(candidate: Candidate) {
+        this.candidate = candidate
+        when (candidate) {
+            is Candidate.Data -> binding.candidateText.text = candidate.label
+            is Candidate.Exit -> {
+                binding.candidateText.text = "X"
+            }
+        }
+    }
+
+    companion object {
+        fun newInstance(
+            parent: ViewGroup,
+            onCandidateClicked: (Candidate.Data) -> Unit,
+            onExitClicked: () -> Unit
+        ): CandidateViewHolder {
+            return CandidateViewHolder(ViewCandidateItemBinding.inflate(LayoutInflater.from(parent.context), parent, false)).apply {
+                binding.root.setOnClickListener {
+                    if (candidate is Candidate.Data) {
+                        onCandidateClicked(candidate as Candidate.Data)
+                    } else {
+                        onExitClicked()
+                    }
+                }
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/knowre/android/kal/myscript/MyScriptPadView.kt b/app/src/main/java/com/knowre/android/kal/myscript/MyScriptPadView.kt
new file mode 100644
index 0000000..07f816d
--- /dev/null
+++ b/app/src/main/java/com/knowre/android/kal/myscript/MyScriptPadView.kt
@@ -0,0 +1,188 @@
+package com.knowre.android.kal.myscript
+
+import android.content.Context
+import android.content.res.AssetManager
+import android.content.res.ColorStateList
+import android.content.res.Resources
+import android.graphics.Color
+import android.util.AttributeSet
+import android.util.Log
+import android.util.TypedValue
+import android.view.LayoutInflater
+import android.widget.FrameLayout
+import android.widget.Toast
+import androidx.recyclerview.widget.LinearLayoutManager
+import com.google.android.material.shape.MaterialShapeDrawable
+import com.google.android.material.shape.ShapeAppearanceModel
+import com.knowre.android.kal.databinding.ViewMyscriptPadBinding
+import com.knowre.android.myscript.iink.MyScriptApi
+import com.knowre.android.myscript.iink.MyScriptInitializer
+import com.knowre.android.myscript.iink.MyScriptInterpretListener
+import com.knowre.android.myscript.iink.ToolFunction
+import com.knowre.android.myscript.iink.ToolType
+import com.myscript.iink.Editor
+import com.myscript.iink.EditorError
+import kotlinx.coroutines.MainScope
+import kotlinx.coroutines.cancel
+import kotlinx.coroutines.launch
+
+
+internal class MyScriptPadView constructor(
+    context: Context,
+    attrs: AttributeSet? = null
+
+) : FrameLayout(context, attrs) {
+
+    private val binding = ViewMyscriptPadBinding.inflate(LayoutInflater.from(context), this, true)
+
+    private val mainScope = MainScope()
+
+    private lateinit var myScript: MyScriptApi
+
+    private val candidateAdapter = CandidateAdapter(
+        onCandidateClicked = { candidate -> },
+        onExitClicked = {}
+    )
+
+    init {
+        initializeMyScript()
+        initializeRecyclerView()
+        initializeToolsListener()
+    }
+
+    override fun onDetachedFromWindow() {
+        super.onDetachedFromWindow()
+        mainScope.cancel()
+    }
+
+    private fun initializeMyScript() {
+        mainScope.launch {
+            myScript = MyScriptInitializer(
+                certificate = byteArrayOf(),
+                myScriptView = binding.myScriptView,
+                context = context,
+                scope = mainScope
+            )
+                .initialize()
+                .apply { addListener(interpretListener) }
+                .apply { isAutoConvertEnabled = false }
+        }
+    }
+
+    private fun initializeRecyclerView() {
+        with(binding.candidate) {
+            adapter = candidateAdapter
+            layoutManager = LinearLayoutManager(context, LinearLayoutManager.HORIZONTAL, false)
+            background = MaterialShapeDrawable(
+                ShapeAppearanceModel.Builder()
+                    .setAllCornerSizes(8F.dp)
+                    .build()
+            ).apply {
+                tintList = ColorStateList.valueOf(Color.parseColor("#FFFFFF"))
+                strokeWidth = 1F.dp
+                strokeColor = ColorStateList.valueOf(Color.parseColor("#CFD8DC"))
+                elevation = 4F.dp
+            }
+        }
+    }
+
+    private fun initializeToolsListener() {
+        binding.redo.isEnabled = false
+        binding.undo.isEnabled = false
+
+        binding.deleteAll.setOnClickListener { myScript.eraseAll() }
+        binding.digitOnlyGrammar.setOnClickListener {
+            myScript.loadMathGrammar("n_digit_exp", context.assets.toByteArray("n_digit_exp.res"))
+        }
+
+        binding.defaultGrammar.setOnClickListener {
+            //TODO
+        }
+
+        binding.red.setOnClickListener {
+            myScript.penColor = 0xFF0000
+        }
+
+        binding.blue.setOnClickListener {
+            myScript.penColor = 0x0000FF
+        }
+
+        binding.black.setOnClickListener {
+            myScript.penColor = 0x000000
+        }
+
+        binding.convert.setOnClickListener { myScript.convert() }
+
+        binding.penSwitch.setOnCheckedChangeListener { _, isChecked ->
+            binding.eraserSwitch.isChecked = false
+            myScript.tool = if (isChecked) {
+                MyScriptApi.Tool(
+                    toolType = ToolType.PEN,
+                    toolFunction = ToolFunction.DRAWING
+                )
+            } else {
+                MyScriptApi.Tool(
+                    toolType = ToolType.HAND,
+                    toolFunction = ToolFunction.DRAWING
+                )
+            }
+        }
+
+        binding.convertSwitch.setOnCheckedChangeListener { _, isChecked ->
+            myScript.isAutoConvertEnabled = isChecked
+        }
+
+        binding.eraserSwitch.setOnCheckedChangeListener { _, isChecked ->
+            val toolType = if (binding.penSwitch.isChecked) ToolType.PEN else ToolType.HAND
+            if (isChecked) {
+                myScript.tool = MyScriptApi.Tool(toolType, ToolFunction.ERASING)
+            } else {
+                myScript.tool = MyScriptApi.Tool(toolType, ToolFunction.DRAWING)
+            }
+        }
+
+        binding.redo.setOnClickListener {
+            myScript.redo()
+        }
+
+        binding.undo.setOnClickListener {
+            myScript.undo()
+        }
+
+        binding.candidateSwitch.setOnCheckedChangeListener { _, isChecked -> }
+    }
+
+    private val interpretListener: MyScriptInterpretListener
+        get() = object : MyScriptInterpretListener {
+            override fun onInterpreted(interpreted: String) {
+                binding.latex.text = interpreted
+                binding.redo.isEnabled = myScript.canRedo
+                binding.undo.isEnabled = myScript.canUndo
+            }
+
+            override fun onInterpretError(editor: Editor, blockId: String, error: EditorError, message: String) {
+                Log.d("MY_SCRIPT_ERROR", "$error with message $message")
+            }
+
+            override fun onImportError() {
+                Toast
+                    .makeText(context, "해당 문자로는 변경이 불가능합니다.", Toast.LENGTH_SHORT)
+                    .show()
+            }
+        }
+
+    private fun showNoCandidateAvailable() {
+        Toast
+            .makeText(context, "No candidates available.", Toast.LENGTH_SHORT)
+            .show()
+    }
+
+    private fun AssetManager.toByteArray(fileName: String) = open(fileName).use { it.readBytes() }
+
+    private val Number.dp: Float
+        get() = TypedValue.applyDimension(
+            TypedValue.COMPLEX_UNIT_DIP,
+            toFloat(),
+            Resources.getSystem().displayMetrics
+        )
+}
\ No newline at end of file
diff --git a/app/src/main/res/layout/activity_main.xml b/app/src/main/res/layout/activity_main.xml
index 9fec30d..3c4722d 100644
--- a/app/src/main/res/layout/activity_main.xml
+++ b/app/src/main/res/layout/activity_main.xml
@@ -20,15 +20,6 @@
 
     </com.google.android.material.appbar.AppBarLayout>
 
-    <com.google.android.material.floatingactionbutton.FloatingActionButton
-        android:id="@+id/fab"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:layout_marginBottom="16dp"
-        android:layout_marginEnd="@dimen/fab_margin"
-        android:layout_gravity="bottom|end"
-        app:srcCompat="@android:drawable/ic_dialog_email" />
-
     <include layout="@layout/content_main" />
 
 </androidx.coordinatorlayout.widget.CoordinatorLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/fragment_first.xml b/app/src/main/res/layout/fragment_first.xml
index 83bb21c..531b331 100644
--- a/app/src/main/res/layout/fragment_first.xml
+++ b/app/src/main/res/layout/fragment_first.xml
@@ -10,20 +10,17 @@
         android:id="@+id/button_first"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
+        android:layout_marginTop="50dp"
         android:text="@string/next"
-        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
         app:layout_constraintEnd_toEndOf="parent"
-        app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toBottomOf="@id/textview_first" />
+        app:layout_constraintStart_toStartOf="parent" />
 
-    <TextView
-        android:background="#ffff00"
-        android:id="@+id/textview_first"
-        android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:text="@string/hello_first_fragment"
-        app:layout_constraintBottom_toTopOf="@id/button_first"
+    <com.knowre.android.kal.myscript.MyScriptPadView
+        android:id="@+id/my_script_pad"
+        android:layout_width="match_parent"
+        android:layout_height="400dp"
         app:layout_constraintEnd_toEndOf="parent"
         app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toTopOf="parent" />
+        app:layout_constraintBottom_toBottomOf="parent"/>
 </androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/view_candidate_item.xml b/app/src/main/res/layout/view_candidate_item.xml
new file mode 100644
index 0000000..a17adf8
--- /dev/null
+++ b/app/src/main/res/layout/view_candidate_item.xml
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="wrap_content"
+    android:layout_height="wrap_content"
+    android:padding="10dp"
+    tools:parentTag="androidx.constraintlayout.widget.ConstraintLayout">
+
+    <androidx.appcompat.widget.AppCompatTextView
+        android:id="@+id/candidate_text"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:textSize="30dp"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintTop_toTopOf="parent"/>
+
+</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/view_myscript_pad.xml b/app/src/main/res/layout/view_myscript_pad.xml
new file mode 100644
index 0000000..d6ac65c
--- /dev/null
+++ b/app/src/main/res/layout/view_myscript_pad.xml
@@ -0,0 +1,166 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent">
+
+    <com.knowre.android.myscript.iink.view.MyScriptView
+        android:id="@+id/my_script_view"
+        android:layout_width="0dp"
+        android:layout_height="0dp"
+        android:background="#11333345"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <com.google.android.material.button.MaterialButton
+        android:id="@+id/delete_all"
+        style="@style/Widget.MaterialComponents.Button.OutlinedButton"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_margin="10dp"
+        android:text="DELETE_ALL"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <Button
+        android:id="@+id/convert"
+        style="@style/Widget.MaterialComponents.Button.OutlinedButton"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginEnd="10dp"
+        android:text="convert"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintEnd_toStartOf="@id/delete_all"
+        app:layout_constraintTop_toTopOf="@id/delete_all" />
+
+    <Button
+        android:id="@+id/digit_only_grammar"
+        style="@style/Widget.MaterialComponents.Button.OutlinedButton"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginEnd="10dp"
+        android:text="n_digit_only"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintEnd_toStartOf="@id/convert"
+        app:layout_constraintTop_toTopOf="@id/delete_all" />
+
+    <Button
+        android:id="@+id/default_grammar"
+        style="@style/Widget.MaterialComponents.Button.OutlinedButton"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginEnd="10dp"
+        android:text="default"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintEnd_toStartOf="@id/digit_only_grammar"
+        app:layout_constraintTop_toTopOf="@id/delete_all" />
+
+    <Button
+        android:id="@+id/red"
+        style="@style/Widget.MaterialComponents.Button.OutlinedButton"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_margin="10dp"
+        android:text="red"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/delete_all" />
+
+    <Button
+        android:id="@+id/blue"
+        style="@style/Widget.MaterialComponents.Button.OutlinedButton"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_margin="10dp"
+        android:text="blue"
+        app:layout_constraintEnd_toStartOf="@+id/red"
+        app:layout_constraintTop_toBottomOf="@+id/delete_all" />
+
+    <Button
+        android:id="@+id/black"
+        style="@style/Widget.MaterialComponents.Button.OutlinedButton"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_margin="10dp"
+        android:text="black"
+        app:layout_constraintEnd_toStartOf="@id/blue"
+        app:layout_constraintTop_toBottomOf="@+id/delete_all" />
+
+    <Button
+        android:id="@+id/redo"
+        style="@style/Widget.MaterialComponents.Button.OutlinedButton"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_margin="10dp"
+        android:text="REDO"
+        app:layout_constraintEnd_toStartOf="@id/black"
+        app:layout_constraintTop_toBottomOf="@+id/delete_all" />
+
+    <Button
+        android:id="@+id/undo"
+        style="@style/Widget.MaterialComponents.Button.OutlinedButton"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_margin="10dp"
+        android:text="UNDO"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintEnd_toStartOf="@id/redo"
+        app:layout_constraintTop_toBottomOf="@+id/delete_all" />
+
+    <androidx.appcompat.widget.AppCompatTextView
+        android:id="@+id/latex"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_margin="10dp"
+        android:textColor="@color/black"
+        android:textSize="20dp"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintStart_toStartOf="parent" />
+
+    <androidx.appcompat.widget.SwitchCompat
+        android:id="@+id/eraser_switch"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_margin="10dp"
+        android:text="Eraser"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/pen_switch" />
+
+    <androidx.appcompat.widget.SwitchCompat
+        android:id="@+id/convert_switch"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_margin="10dp"
+        android:checked="false"
+        android:text="Convert"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/eraser_switch" />
+
+    <androidx.appcompat.widget.SwitchCompat
+        android:id="@+id/candidate_switch"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginStart="10dp"
+        android:text="Candidate"
+        app:layout_constraintStart_toEndOf="@+id/pen_switch"
+        app:layout_constraintTop_toTopOf="@+id/pen_switch" />
+
+    <androidx.appcompat.widget.SwitchCompat
+        android:id="@+id/pen_switch"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_margin="10dp"
+        android:text="Pen"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="@id/delete_all" />
+
+    <androidx.recyclerview.widget.RecyclerView
+        android:id="@+id/candidate"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/myscript-iink/.gitignore b/myscript-iink/.gitignore
new file mode 100644
index 0000000..42afabf
--- /dev/null
+++ b/myscript-iink/.gitignore
@@ -0,0 +1 @@
+/build
\ No newline at end of file
diff --git a/myscript-iink/UIReferenceImplementation/.gitignore b/myscript-iink/UIReferenceImplementation/.gitignore
new file mode 100644
index 0000000..42afabf
--- /dev/null
+++ b/myscript-iink/UIReferenceImplementation/.gitignore
@@ -0,0 +1 @@
+/build
\ No newline at end of file
diff --git a/myscript-iink/UIReferenceImplementation/build.gradle b/myscript-iink/UIReferenceImplementation/build.gradle
new file mode 100644
index 0000000..06ee34b
--- /dev/null
+++ b/myscript-iink/UIReferenceImplementation/build.gradle
@@ -0,0 +1,24 @@
+plugins {
+    id 'com.android.library'
+}
+
+android {
+    namespace 'com.myscript.iink.uireferenceimplementation'
+
+    compileSdk 33
+
+    defaultConfig {
+        minSdk 21
+        targetSdk 33
+        versionCode 2110
+        versionName '2.1.1'
+
+        vectorDrawables.useSupportLibrary true
+    }
+}
+
+dependencies {
+    implementation "androidx.appcompat:appcompat:1.5.1"
+    implementation "com.google.code.gson:gson:2.10.1"
+    api "com.myscript:iink:3.0.2"
+}
diff --git a/myscript-iink/UIReferenceImplementation/src/main/AndroidManifest.xml b/myscript-iink/UIReferenceImplementation/src/main/AndroidManifest.xml
new file mode 100644
index 0000000..9b65eb0
--- /dev/null
+++ b/myscript-iink/UIReferenceImplementation/src/main/AndroidManifest.xml
@@ -0,0 +1 @@
+<manifest/>
diff --git a/myscript-iink/UIReferenceImplementation/src/main/java/com/myscript/iink/uireferenceimplementation/Canvas.java b/myscript-iink/UIReferenceImplementation/src/main/java/com/myscript/iink/uireferenceimplementation/Canvas.java
new file mode 100644
index 0000000..d84d3d2
--- /dev/null
+++ b/myscript-iink/UIReferenceImplementation/src/main/java/com/myscript/iink/uireferenceimplementation/Canvas.java
@@ -0,0 +1,510 @@
+// Copyright @ MyScript. All rights reserved.
+
+package com.myscript.iink.uireferenceimplementation;
+
+import android.graphics.Bitmap;
+import android.graphics.DashPathEffect;
+import android.graphics.Matrix;
+import android.graphics.Paint;
+import android.graphics.PorterDuff;
+import android.graphics.PorterDuffXfermode;
+import android.graphics.Rect;
+import android.graphics.RectF;
+import android.graphics.Typeface;
+
+import androidx.annotation.ColorInt;
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import androidx.core.graphics.ColorUtils;
+
+import android.text.TextPaint;
+import android.util.Log;
+
+import com.myscript.iink.graphics.Color;
+import com.myscript.iink.graphics.FillRule;
+import com.myscript.iink.graphics.ICanvas;
+import com.myscript.iink.graphics.IPath;
+import com.myscript.iink.graphics.LineCap;
+import com.myscript.iink.graphics.LineJoin;
+import com.myscript.iink.graphics.Point;
+import com.myscript.iink.graphics.Style;
+import com.myscript.iink.graphics.Transform;
+
+import java.util.HashSet;
+import java.util.Map;
+import java.util.Set;
+
+public class Canvas implements ICanvas
+{
+
+  private static final Style DEFAULT_SVG_STYLE = new Style();
+
+  @NonNull
+  private final android.graphics.Canvas canvas;
+
+  @NonNull
+  private final Paint strokePaint;
+
+  @NonNull
+  private final Paint bitmapAlphaPaint;
+  @NonNull
+  private final Paint clearPaint;
+
+  @NonNull
+  private final TextPaint textPaint;
+
+  @NonNull
+  private final Paint fillPaint;
+  @Nullable
+  private FillRule fillRule;
+
+  @NonNull
+  private Transform transform;
+  @NonNull
+  private final Matrix transformMatrix;
+  @NonNull
+  private final float[] transformValues;
+
+  // Cache variable to prevent garbage collection
+  @NonNull
+  private final float[] pointsCache = new float[4];
+  @NonNull
+  private final Rect simpleRectCache = new Rect();
+  @NonNull
+  private final RectF floatRectCache = new RectF();
+
+  @Nullable
+  private final ImageLoader imageLoader;
+  private final OfflineSurfaceManager offlineSurfaceManager;
+
+  private final Set<String> clips;
+
+  private final Map<String, Typeface> typefaceMap;
+
+  private float[] dashArray;
+  private int dashOffset = 0;
+
+  private final float xdpi;
+  private final float ydpi;
+
+  @NonNull
+  private final Matrix textScaleMatrix;
+  @NonNull
+  private final Matrix pointScaleMatrix;
+
+  public Canvas(@NonNull android.graphics.Canvas canvas, Map<String, Typeface> typefaceMap, ImageLoader imageLoader, @Nullable OfflineSurfaceManager offlineSurfaceManager, float xdpi, float ydpi)
+  {
+    this.canvas = canvas;
+    this.typefaceMap = typefaceMap;
+    this.imageLoader = imageLoader;
+    this.offlineSurfaceManager = offlineSurfaceManager;
+    this.xdpi = xdpi;
+    this.ydpi = ydpi;
+
+    clips = new HashSet<>();
+
+    strokePaint = new Paint(Paint.ANTI_ALIAS_FLAG);
+    strokePaint.setStyle(Paint.Style.STROKE);
+
+    textPaint = new TextPaint(Paint.ANTI_ALIAS_FLAG);
+
+    bitmapAlphaPaint = new Paint();
+    clearPaint = new Paint();
+    clearPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.CLEAR));
+    clearPaint.setStyle(Paint.Style.FILL);
+    clearPaint.setColor(android.graphics.Color.TRANSPARENT);
+
+    fillPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
+    fillPaint.setStyle(Paint.Style.FILL);
+
+    transform = new Transform();
+    transformMatrix = new Matrix();
+    transformValues = new float[9];
+    transformValues[Matrix.MPERSP_0] = 0;
+    transformValues[Matrix.MPERSP_1] = 0;
+    transformValues[Matrix.MPERSP_2] = 1;
+
+    dashArray = null;
+
+    textScaleMatrix = new Matrix();
+    textScaleMatrix.setScale(25.4f / xdpi, 25.4f / ydpi);
+    pointScaleMatrix = new Matrix();
+    textScaleMatrix.invert(pointScaleMatrix);
+
+    // it is mandatory to configure the Paint with SVG defaults represented by default Style object
+    applyStyle(DEFAULT_SVG_STYLE);
+  }
+
+  public Canvas(@NonNull android.graphics.Canvas canvas, Map<String, Typeface> typefaceMap, ImageLoader imageLoader, float xdpi, float ydpi)
+  {
+    this(canvas, typefaceMap, imageLoader, null, xdpi, ydpi);
+  }
+
+  private void applyStyle(@NonNull Style style)
+  {
+    setStrokeColor(style.getStrokeColor());
+    setStrokeWidth(style.getStrokeWidth());
+    setStrokeLineCap(style.getStrokeLineCap());
+    setStrokeLineJoin(style.getStrokeLineJoin());
+    setStrokeMiterLimit(style.getStrokeMiterLimit());
+    setStrokeDashArray(style.getStrokeDashArray());
+    setStrokeDashOffset(style.getStrokeDashOffset());
+    setFillColor(style.getFillColor());
+    setFillRule(style.getFillRule());
+
+    setDropShadow(style.getDropShadowXOffset(), style.getDropShadowYOffset(), style.getDropShadowRadius(), style.getDropShadowColor());
+
+    setFontProperties(style.getFontFamily(), style.getFontLineHeight(), style.getFontSize(),
+                      style.getFontStyle(), style.getFontVariant(), style.getFontWeight());
+  }
+
+  @ColorInt
+  private static int argb(@NonNull Color color)
+  {
+    return android.graphics.Color.argb(color.a(), color.r(), color.g(), color.b());
+  }
+
+  @Override
+  public void setTransform(@NonNull Transform transform)
+  {
+    transformValues[Matrix.MSCALE_X] = (float) transform.xx;
+    transformValues[Matrix.MSKEW_X] = (float) transform.yx;
+    transformValues[Matrix.MTRANS_X] = (float) transform.tx;
+    transformValues[Matrix.MSKEW_Y] = (float) transform.xy;
+    transformValues[Matrix.MSCALE_Y] = (float) transform.yy;
+    transformValues[Matrix.MTRANS_Y] = (float) transform.ty;
+
+    transformMatrix.setValues(transformValues);
+    canvas.setMatrix(transformMatrix);
+
+    this.transform = transform;
+  }
+
+  @NonNull
+  @Override
+  public Transform getTransform()
+  {
+    return transform;
+  }
+
+  @Override
+  public void setStrokeColor(@NonNull Color strokeColor)
+  {
+    strokePaint.setColor(argb(strokeColor));
+  }
+
+  @Override
+  public void setStrokeWidth(float strokeWidth)
+  {
+    strokePaint.setStrokeWidth(strokeWidth);
+  }
+
+  @Override
+  public void setStrokeLineCap(@NonNull LineCap strokeLineCap)
+  {
+    switch (strokeLineCap)
+    {
+      case BUTT:
+        strokePaint.setStrokeCap(Paint.Cap.BUTT);
+        break;
+      case ROUND:
+        strokePaint.setStrokeCap(Paint.Cap.ROUND);
+        break;
+      case SQUARE:
+        strokePaint.setStrokeCap(Paint.Cap.SQUARE);
+        break;
+      default:
+        throw new IllegalArgumentException("Unsupported LineCap");
+    }
+  }
+
+  @Override
+  public void setStrokeLineJoin(@NonNull LineJoin strokeLineJoin)
+  {
+    switch (strokeLineJoin)
+    {
+      case MITER:
+        strokePaint.setStrokeJoin(Paint.Join.MITER);
+        break;
+      case ROUND:
+        strokePaint.setStrokeJoin(Paint.Join.ROUND);
+        break;
+      case BEVEL:
+        strokePaint.setStrokeJoin(Paint.Join.BEVEL);
+        break;
+      default:
+        throw new IllegalArgumentException("Unsupported LineJoin");
+    }
+  }
+
+  @Override
+  public void setStrokeMiterLimit(float strokeMiterLimit)
+  {
+    strokePaint.setStrokeMiter(strokeMiterLimit);
+  }
+
+  @Override
+  public void setStrokeDashArray(float[] strokeDashArray)
+  {
+    if (strokeDashArray == null || strokeDashArray.length == 0)
+    {
+      dashArray = null;
+    }
+    else
+    {
+      dashArray = new float[strokeDashArray.length];
+      System.arraycopy(strokeDashArray, 0, dashArray, 0, strokeDashArray.length);
+    }
+
+    if (dashArray != null)
+      strokePaint.setPathEffect(new DashPathEffect(dashArray, dashOffset));
+    else
+      strokePaint.setPathEffect(null);
+  }
+
+  @Override
+  public void setStrokeDashOffset(float strokeDashOffset)
+  {
+    if (dashArray != null)
+      strokePaint.setPathEffect(new DashPathEffect(dashArray, dashOffset));
+    else
+      strokePaint.setPathEffect(null);
+  }
+
+  @Override
+  public void setFillColor(@NonNull Color fillColor)
+  {
+    @ColorInt int color = argb(fillColor);
+    textPaint.setColor(color);
+    fillPaint.setColor(color);
+  }
+
+  @Override
+  public void setFillRule(@NonNull FillRule fillRule)
+  {
+    this.fillRule = fillRule;
+  }
+
+  @Override
+  public void setDropShadow(float xOffset, float yOffset, float radius, @NonNull Color color)
+  {
+    @ColorInt int androidColor = argb(color);
+    boolean isTransparent = color.a() == 0;
+    int opaqueColor = ColorUtils.setAlphaComponent(androidColor, 0xFF);
+    strokePaint.setShadowLayer(radius / 20f, xOffset, yOffset, isTransparent ? android.graphics.Color.TRANSPARENT : opaqueColor);
+    textPaint.setShadowLayer(radius / 10f, xOffset * 2.5f, yOffset * 5f, isTransparent ? android.graphics.Color.TRANSPARENT : opaqueColor);
+    fillPaint.setShadowLayer(radius / 20f, xOffset, yOffset, isTransparent ? android.graphics.Color.TRANSPARENT : opaqueColor);
+  }
+
+  @Override
+  public final void setFontProperties(@NonNull String fontFamily, float fontLineHeight, float fontSize, @NonNull String fontStyle,
+                                      @NonNull String fontVariant, int fontWeight)
+  {
+    Typeface typeface = typefaceMap == null
+        ? FontUtils.getTypeface(fontFamily, fontStyle, fontVariant, fontWeight)
+        : FontUtils.getTypeface(typefaceMap, fontFamily, fontStyle, fontVariant, fontWeight);
+
+    // scale font size to the canvas transform scale, to ensure best font rendering
+    // (text size is expressed in pixels, while fontSize is in mm)
+    textPaint.setTypeface(typeface);
+    textPaint.setTextSize(Math.round((fontSize / 25.4f) * ydpi));
+  }
+
+  @Override
+  public void startDraw(int x, int y, int width, int height)
+  {
+    canvas.save();
+
+    pointsCache[0] = x;
+    pointsCache[1] = y;
+    pointsCache[2] = x + width;
+    pointsCache[3] = y + height;
+
+    // When offscreen rendering is supported, clear the destination
+    // Otherwise, do not clear the destination (e.g. when exporting image, we want a white background)
+    if (offlineSurfaceManager != null)
+      canvas.drawRect(pointsCache[0], pointsCache[1], pointsCache[2], pointsCache[3], clearPaint);
+
+    // Hardware canvas does not support PorterDuffXfermode
+    canvas.clipRect(pointsCache[0], pointsCache[1], pointsCache[2], pointsCache[3]);
+  }
+
+  @Override
+  public void endDraw()
+  {
+    canvas.restore();
+  }
+
+  @Override
+  public void startGroup(@NonNull String id, float x, float y, float width, float height, boolean clipContent)
+  {
+    if (clipContent)
+    {
+      clips.add(id);
+      canvas.save();
+
+      canvas.clipRect(x, y, x + width, y + height);
+    }
+  }
+
+  @Override
+  public void endGroup(@NonNull String id)
+  {
+    if (clips.remove(id))
+    {
+      canvas.restore();
+    }
+  }
+
+  @Override
+  public void startItem(@NonNull String id)
+  {
+    // no-op
+  }
+
+  @Override
+  public void endItem(@NonNull String id)
+  {
+    // no-op
+  }
+
+  @NonNull
+  @Override
+  public final IPath createPath()
+  {
+    return new Path();
+  }
+
+  @Override
+  public void drawPath(@NonNull IPath ipath)
+  {
+    Path path = (Path) ipath;
+
+    if (android.graphics.Color.alpha(fillPaint.getColor()) != 0)
+    {
+      path.setFillType(fillRule == FillRule.EVENODD ? android.graphics.Path.FillType.EVEN_ODD : android.graphics.Path.FillType.WINDING);
+      canvas.drawPath(path, fillPaint);
+    }
+    if (android.graphics.Color.alpha(strokePaint.getColor()) != 0)
+    {
+      canvas.drawPath(path, strokePaint);
+    }
+  }
+
+  @Override
+  public void drawRectangle(float x, float y, float width, float height)
+  {
+    if (android.graphics.Color.alpha(fillPaint.getColor()) != 0)
+    {
+      canvas.drawRect(x, y, x + width, y + height, fillPaint);
+    }
+    if (android.graphics.Color.alpha(strokePaint.getColor()) != 0)
+    {
+      canvas.drawRect(x, y, x + width, y + height, strokePaint);
+    }
+  }
+
+  @Override
+  public void drawLine(float x1, float y1, float x2, float y2)
+  {
+    canvas.drawLine(x1, y1, x2, y2, strokePaint);
+  }
+
+  @Override
+  public void drawObject(@NonNull String url, @NonNull String mimeType, float x, float y, float width, float height)
+  {
+    if (imageLoader == null)
+      return;
+
+    Point screenMin = new Point(x, y);
+    transform.apply(screenMin);
+    Point screenMax = new Point(x + width, y + height);
+    transform.apply(screenMax);
+
+    final Rect targetRect = new Rect(
+        (int) Math.floor(screenMin.x),
+        (int) Math.floor(screenMin.y),
+        (int) (Math.ceil(screenMax.x) - x),
+        (int) (Math.ceil(screenMax.y) - y));
+
+    synchronized (imageLoader)
+    {
+      Bitmap image = imageLoader.getImage(url, mimeType, targetRect.width(), targetRect.height());
+
+      if (image == null)
+      {
+        // image is not ready yet...
+        if (android.graphics.Color.alpha(fillPaint.getColor()) != 0)
+        {
+          canvas.drawRect(x, y, width, height, fillPaint);
+        }
+      }
+      else
+      {
+        // adjust rectangle so that the image gets fit into original rectangle
+        float fx = width / image.getWidth();
+        float fy = height / image.getHeight();
+        if (fx > fy)
+        {
+          float w = image.getWidth() * fy;
+          x += (width - w) / 2;
+          width = w;
+        }
+        else
+        {
+          float h = image.getHeight() * fx;
+          y += (height - h) / 2;
+          height = h;
+        }
+
+        // draw the image
+        Rect srcRect = new Rect(0, 0, image.getWidth(), image.getHeight());
+        RectF dstRect = new RectF(x, y, x + width, y + height);
+        if (!image.isRecycled())
+          canvas.drawBitmap(image, srcRect, dstRect, null);
+        else
+          Log.e("Canvas", "Trying to draw recycled Bitmap");
+      }
+    }
+  }
+
+  @Override
+  public void drawText(@NonNull String label, float x, float y, float xmin, float ymin, float xmax, float ymax)
+  {
+    // transform the insertion point so that it is not impacted by text scale
+    pointsCache[0] = x;
+    pointsCache[1] = y;
+    pointScaleMatrix.mapPoints(pointsCache);
+
+    // transform the text to account for font size in pixel (not mm)
+    canvas.concat(textScaleMatrix);
+
+    // draw text
+    canvas.drawText(label, pointsCache[0], pointsCache[1], textPaint);
+
+    // restore transform
+    canvas.setMatrix(transformMatrix);
+  }
+
+  @Override
+  public void blendOffscreen(int id, float srcX, float srcY, float srcWidth, float srcHeight,
+                             float destX, float destY, float destWidth, float destHeight, @NonNull Color blendColor)
+  {
+    if (offlineSurfaceManager != null)
+    {
+      Bitmap bitmap = offlineSurfaceManager.getBitmap(id);
+
+      if (bitmap != null)
+      {
+        floatRectCache.set(destX, destY, destX + destWidth, destY + destHeight);
+        simpleRectCache.set(Math.round(srcX), Math.round(srcY),
+            Math.round(srcX + srcWidth), Math.round(srcY + srcHeight));
+        bitmapAlphaPaint.setColor(argb(blendColor));
+
+        canvas.drawBitmap(bitmap,
+            simpleRectCache, floatRectCache,
+            bitmapAlphaPaint);
+      }
+    }
+  }
+}
diff --git a/myscript-iink/UIReferenceImplementation/src/main/java/com/myscript/iink/uireferenceimplementation/ContextualActions.java b/myscript-iink/UIReferenceImplementation/src/main/java/com/myscript/iink/uireferenceimplementation/ContextualActions.java
new file mode 100644
index 0000000..6576ff8
--- /dev/null
+++ b/myscript-iink/UIReferenceImplementation/src/main/java/com/myscript/iink/uireferenceimplementation/ContextualActions.java
@@ -0,0 +1,43 @@
+package com.myscript.iink.uireferenceimplementation;
+
+import com.myscript.iink.ContentSelection;
+import com.myscript.iink.Editor;
+
+/**
+ * Describes the actions available for a given selection or block.
+ *
+ * @since 2.0
+ */
+public enum ContextualActions {
+    /**
+     * Add block
+     */
+    ADD_BLOCK,
+    /**
+     * Remove block or selection
+     */
+    REMOVE,
+    /**
+     * Convert.
+     * @see Editor#getSupportedTargetConversionStates(ContentSelection)
+     */
+    CONVERT,
+    /**
+     * Copy block or selection
+     */
+    COPY,
+    /**
+     * Paste current copy
+     */
+    PASTE,
+    /**
+     * Export.
+     * @see Editor#getSupportedExportMimeTypes(ContentSelection)
+     */
+    EXPORT,
+    /**
+     * Format text.
+     * @see Editor#getSupportedTextFormats(ContentSelection)
+     */
+    FORMAT_TEXT
+}
diff --git a/myscript-iink/UIReferenceImplementation/src/main/java/com/myscript/iink/uireferenceimplementation/ContextualActionsHelper.java b/myscript-iink/UIReferenceImplementation/src/main/java/com/myscript/iink/uireferenceimplementation/ContextualActionsHelper.java
new file mode 100644
index 0000000..bb0901a
--- /dev/null
+++ b/myscript-iink/UIReferenceImplementation/src/main/java/com/myscript/iink/uireferenceimplementation/ContextualActionsHelper.java
@@ -0,0 +1,69 @@
+// Copyright @ MyScript. All rights reserved.
+
+package com.myscript.iink.uireferenceimplementation;
+
+import com.myscript.iink.ContentBlock;
+import com.myscript.iink.ContentPart;
+import com.myscript.iink.ContentSelection;
+import com.myscript.iink.Editor;
+
+import java.util.EnumSet;
+
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+
+public final class ContextualActionsHelper
+{
+    private ContextualActionsHelper()
+    {
+        // utility class
+    }
+
+    @NonNull
+    public static EnumSet<ContextualActions> getAvailableActionsForBlock(@NonNull Editor editor, @NonNull ContentBlock block)
+    {
+        EnumSet<ContextualActions> actions = EnumSet.noneOf(ContextualActions.class);
+
+        try (ContentBlock rootBlock = editor.getRootBlock())
+        {
+            ContentPart part = editor.getPart();
+            boolean isRootBlock = rootBlock != null && block.getId().equals(rootBlock.getId());
+            boolean onTextDocument = "Text Document".equals(part != null ? part.getType() : null);
+            boolean blockIsEmpty = editor.isEmpty(block);
+
+            boolean displayAddBlock = editor.getSupportedAddBlockTypes().length > 0 && (!onTextDocument || isRootBlock);
+            boolean displayRemove = !isRootBlock;
+            boolean displayCopy = !isRootBlock || !onTextDocument;
+            boolean displayConvert = !blockIsEmpty && editor.getSupportedTargetConversionStates(block).length > 0;
+            boolean displayExport = editor.getSupportedExportMimeTypes(block).length > 0;
+            boolean displayFormatText = editor.getSupportedTextFormats(block).size() > 0;
+
+            if (displayAddBlock) actions.add(ContextualActions.ADD_BLOCK);
+            if (displayRemove) actions.add(ContextualActions.REMOVE);
+            if (displayConvert) actions.add(ContextualActions.CONVERT);
+            if (displayCopy) actions.add(ContextualActions.COPY);
+            if (isRootBlock) actions.add(ContextualActions.PASTE);
+            if (displayExport) actions.add(ContextualActions.EXPORT);
+            if (displayFormatText) actions.add(ContextualActions.FORMAT_TEXT);
+        }
+        return actions;
+    }
+
+    @NonNull
+    public static EnumSet<ContextualActions> getAvailableActionsForSelection(@NonNull Editor editor, @Nullable ContentSelection selection)
+    {
+        EnumSet<ContextualActions> actions = EnumSet.noneOf(ContextualActions.class);
+
+        boolean displayConvert = editor.getSupportedTargetConversionStates(selection).length > 0;
+        boolean displayExport = editor.getSupportedExportMimeTypes(selection).length > 0;
+        boolean displayFormatText = selection != null && !editor.getSupportedTextFormats(selection).isEmpty();
+
+        actions.add(ContextualActions.REMOVE);
+        if (displayConvert) actions.add(ContextualActions.CONVERT);
+        actions.add(ContextualActions.COPY);
+        if (displayExport) actions.add(ContextualActions.EXPORT);
+        if (displayFormatText) actions.add(ContextualActions.FORMAT_TEXT);
+
+        return actions;
+    }
+}
\ No newline at end of file
diff --git a/myscript-iink/UIReferenceImplementation/src/main/java/com/myscript/iink/uireferenceimplementation/CustomTextSpan.java b/myscript-iink/UIReferenceImplementation/src/main/java/com/myscript/iink/uireferenceimplementation/CustomTextSpan.java
new file mode 100644
index 0000000..584dd91
--- /dev/null
+++ b/myscript-iink/UIReferenceImplementation/src/main/java/com/myscript/iink/uireferenceimplementation/CustomTextSpan.java
@@ -0,0 +1,122 @@
+// Copyright @ MyScript. All rights reserved.
+
+package com.myscript.iink.uireferenceimplementation;
+
+import android.content.res.ColorStateList;
+import android.graphics.Typeface;
+import android.os.Parcel;
+import android.text.TextPaint;
+import android.text.style.TextAppearanceSpan;
+
+public class CustomTextSpan extends TextAppearanceSpan
+{
+
+  public static final Creator<CustomTextSpan> CREATOR = new Creator<CustomTextSpan>()
+  {
+    @Override
+    public CustomTextSpan createFromParcel(Parcel in)
+    {
+      return new CustomTextSpan(in);
+    }
+
+    @Override
+    public CustomTextSpan[] newArray(int size)
+    {
+      return new CustomTextSpan[size];
+    }
+  };
+
+  private Typeface mTypeface;
+
+  public CustomTextSpan(Typeface tf, int style, int size, ColorStateList color, ColorStateList linkColor)
+  {
+    super("", style, size, color, linkColor);
+    mTypeface = tf;
+  }
+
+  protected CustomTextSpan(Parcel in)
+  {
+    super(in);
+  }
+
+  @Override
+  public int describeContents()
+  {
+    return 0;
+  }
+
+  @Override
+  public void updateDrawState(TextPaint ds)
+  {
+    applyCustomTypeFace(ds);
+
+    ColorStateList textColor = getTextColor();
+    if (textColor != null)
+    {
+      ds.setColor(textColor.getColorForState(ds.drawableState, 0));
+    }
+
+    ColorStateList linkColor = getLinkTextColor();
+    if (linkColor != null)
+    {
+      ds.linkColor = linkColor.getColorForState(ds.drawableState, 0);
+    }
+  }
+
+  @Override
+  public void updateMeasureState(TextPaint ds)
+  {
+    applyCustomTypeFace(ds);
+  }
+
+  private void applyCustomTypeFace(TextPaint ds)
+  {
+
+    int mStyle = getTextStyle();
+    if (mTypeface != null || mStyle != 0)
+    {
+      Typeface tf = ds.getTypeface();
+      int style = Typeface.NORMAL;
+
+      if (tf != null)
+      {
+        style = tf.getStyle();
+      }
+
+      style |= mStyle;
+
+      if (mTypeface != null)
+      {
+        tf = Typeface.create(mTypeface, style);
+      }
+      else if (tf == null)
+      {
+        tf = Typeface.defaultFromStyle(style);
+      }
+      else
+      {
+        tf = Typeface.create(tf, style);
+      }
+
+      int fake = style & ~tf.getStyle();
+
+      if ((fake & Typeface.BOLD) != 0)
+      {
+        ds.setFakeBoldText(true);
+      }
+
+      if ((fake & Typeface.ITALIC) != 0)
+      {
+        ds.setTextSkewX(-0.25f);
+      }
+
+      ds.setTypeface(tf);
+    }
+
+    int mTextSize = getTextSize();
+    if (mTextSize > 0)
+    {
+      ds.setTextSize(mTextSize);
+    }
+  }
+}
diff --git a/myscript-iink/UIReferenceImplementation/src/main/java/com/myscript/iink/uireferenceimplementation/EditorBinding.java b/myscript-iink/UIReferenceImplementation/src/main/java/com/myscript/iink/uireferenceimplementation/EditorBinding.java
new file mode 100644
index 0000000..f53a607
--- /dev/null
+++ b/myscript-iink/UIReferenceImplementation/src/main/java/com/myscript/iink/uireferenceimplementation/EditorBinding.java
@@ -0,0 +1,69 @@
+// Copyright @ MyScript. All rights reserved.
+
+package com.myscript.iink.uireferenceimplementation;
+
+import android.content.res.Resources;
+import android.graphics.Typeface;
+import android.util.DisplayMetrics;
+
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+
+import com.myscript.iink.Editor;
+import com.myscript.iink.Engine;
+import com.myscript.iink.Renderer;
+
+import java.util.Map;
+
+public final class EditorBinding
+{
+  @Nullable
+  private final Engine engine;
+  @NonNull
+  private final Map<String, Typeface> typefaces;
+  @Nullable
+  private InputController inputController;
+
+  public EditorBinding(@Nullable Engine engine, @NonNull Map<String, Typeface> typefaces)
+  {
+    this.engine = engine;
+    this.typefaces = typefaces;
+  }
+
+  @NonNull
+  public final EditorData openEditor(@Nullable EditorView editorView)
+  {
+    Editor editor = null;
+    Renderer renderer = null;
+    if (engine != null && editorView != null)
+    {
+      Resources resources = editorView.getResources();
+      DisplayMetrics displayMetrics = resources.getDisplayMetrics();
+      renderer = engine.createRenderer(displayMetrics.xdpi, displayMetrics.ydpi, editorView);
+      renderer.setViewOffset(0.0f, 0.0f);
+      renderer.setViewScale(1.0f);
+      editor = engine.createEditor(renderer, engine.createToolController());
+      editor.setFontMetricsProvider(new FontMetricsProvider(displayMetrics, typefaces));
+      bindEditor(editorView, editor);
+    }
+    return new EditorData(editor, renderer, inputController);
+  }
+
+  private void bindEditor(@NonNull EditorView editorView, @Nullable Editor editor)
+  {
+    editorView.setTypefaces(typefaces);
+    editorView.setEditor(editor);
+    if (editor != null)
+    {
+      editorView.setImageLoader(new ImageLoader(editor));
+      inputController = new InputController(editorView.getContext(), editorView, editor);
+    }
+    else
+    {
+      editorView.setImageLoader(null);
+      inputController = null;
+    }
+    editorView.setOnTouchListener(inputController);
+  }
+
+}
diff --git a/myscript-iink/UIReferenceImplementation/src/main/java/com/myscript/iink/uireferenceimplementation/EditorData.java b/myscript-iink/UIReferenceImplementation/src/main/java/com/myscript/iink/uireferenceimplementation/EditorData.java
new file mode 100644
index 0000000..283ce0f
--- /dev/null
+++ b/myscript-iink/UIReferenceImplementation/src/main/java/com/myscript/iink/uireferenceimplementation/EditorData.java
@@ -0,0 +1,43 @@
+// Copyright @ MyScript. All rights reserved.
+
+package com.myscript.iink.uireferenceimplementation;
+
+import androidx.annotation.Nullable;
+
+import com.myscript.iink.Editor;
+import com.myscript.iink.Renderer;
+
+public final class EditorData
+{
+  @Nullable
+  private final Editor editor;
+  @Nullable
+  private final Renderer renderer;
+  @Nullable
+  private final InputController inputController;
+
+  @Nullable
+  public final Editor getEditor()
+  {
+    return this.editor;
+  }
+
+  @Nullable
+  public final Renderer getRenderer()
+  {
+    return this.renderer;
+  }
+
+  @Nullable
+  public final InputController getInputController()
+  {
+    return this.inputController;
+  }
+
+  public EditorData(@Nullable Editor editor, @Nullable Renderer renderer, @Nullable InputController inputController)
+  {
+    this.editor = editor;
+    this.renderer = renderer;
+    this.inputController = inputController;
+  }
+}
diff --git a/myscript-iink/UIReferenceImplementation/src/main/java/com/myscript/iink/uireferenceimplementation/EditorView.java b/myscript-iink/UIReferenceImplementation/src/main/java/com/myscript/iink/uireferenceimplementation/EditorView.java
new file mode 100644
index 0000000..712efd2
--- /dev/null
+++ b/myscript-iink/UIReferenceImplementation/src/main/java/com/myscript/iink/uireferenceimplementation/EditorView.java
@@ -0,0 +1,290 @@
+// Copyright @ MyScript. All rights reserved.
+
+package com.myscript.iink.uireferenceimplementation;
+
+import android.content.Context;
+import android.graphics.Bitmap;
+import android.graphics.Rect;
+import android.graphics.Typeface;
+import android.util.AttributeSet;
+import android.view.View;
+import android.widget.FrameLayout;
+
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+
+import com.myscript.iink.Editor;
+import com.myscript.iink.IRenderTarget;
+import com.myscript.iink.Renderer;
+import com.myscript.iink.graphics.ICanvas;
+import com.myscript.iink.graphics.Point;
+
+import java.util.EnumSet;
+import java.util.HashMap;
+import java.util.Map;
+
+public class EditorView extends FrameLayout implements IRenderTarget, InputController.ViewListener
+{
+  private int viewWidth;
+  private int viewHeight;
+
+  @Nullable
+  private Renderer renderer;
+  @Nullable
+  private Editor editor;
+  @Nullable
+  private ImageLoader imageLoader;
+  @NonNull
+  private final OfflineSurfaceManager offlineSurfaceManager;
+  @Nullable
+  private LayerView layerView;
+
+  private Map<String, Typeface> typefaceMap = new HashMap<>();
+
+  public EditorView(Context context)
+  {
+    super(context);
+    offlineSurfaceManager = new OfflineSurfaceManager();
+  }
+
+  public EditorView(Context context, @Nullable AttributeSet attrs)
+  {
+    super(context, attrs);
+    offlineSurfaceManager = new OfflineSurfaceManager();
+  }
+
+  public EditorView(Context context, @Nullable AttributeSet attrs, int defStyleAttr)
+  {
+    super(context, attrs, defStyleAttr);
+    offlineSurfaceManager = new OfflineSurfaceManager();
+  }
+
+  @Override
+  protected void onFinishInflate()
+  {
+    super.onFinishInflate();
+
+    // find child render views and initialize them
+    for (int i = 0, count = getChildCount(); i < count; ++i)
+    {
+      View view = getChildAt(i);
+      if (view instanceof LayerView)
+      {
+        layerView = (LayerView) view;
+
+        layerView.setRenderTarget(this);
+        if (editor != null)
+        {
+          layerView.setEditor(editor);
+        }
+        if (imageLoader != null)
+        {
+          layerView.setImageLoader(imageLoader);
+        }
+
+        layerView.setCustomTypefaces(typefaceMap);
+        layerView.setOfflineSurfaceManager(offlineSurfaceManager);
+      }
+    }
+  }
+
+  /**
+   * editor creation logic to this view.
+   *
+   * @param editor the editor to bind to this view to edit content.
+   */
+  public void setEditor(@Nullable Editor editor)
+  {
+    this.editor = editor;
+    if (editor != null)
+    {
+      renderer = editor.getRenderer();
+      if (layerView != null)
+      {
+        layerView.setEditor(editor);
+      }
+      if (viewWidth > 0 && viewHeight > 0)
+      {
+        editor.setViewSize(viewWidth, viewHeight);
+      }
+      invalidate(renderer, EnumSet.allOf(IRenderTarget.LayerType.class));
+    }
+    else
+    {
+      renderer = null;
+    }
+  }
+
+  @Nullable
+  public Editor getEditor()
+  {
+    return editor;
+  }
+
+  @Nullable
+  public Renderer getRenderer()
+  {
+    return renderer;
+  }
+
+  public void setImageLoader(ImageLoader imageLoader)
+  {
+    this.imageLoader = imageLoader;
+
+    // transfer image loader to render views
+    if (layerView != null)
+    {
+      layerView.setImageLoader(imageLoader);
+    }
+  }
+
+  public void setTypefaces(@NonNull Map<String, Typeface> typefaceMap)
+  {
+    if (editor != null)
+    {
+      throw new IllegalStateException("Please set the typeface map of the EditorView before binding the editor (through EditorView.setEngine() or EditorView.setEditor())");
+    }
+
+    this.typefaceMap = typefaceMap;
+    for (int i = 0, count = getChildCount(); i < count; ++i)
+    {
+      View view = getChildAt(i);
+      if (view instanceof LayerView)
+      {
+        LayerView layerView = (LayerView) view;
+        layerView.setCustomTypefaces(typefaceMap);
+      }
+    }
+  }
+
+  public Map<String, Typeface> getTypefaces()
+  {
+    return typefaceMap;
+  }
+
+  @Nullable
+  public ImageLoader getImageLoader()
+  {
+    return imageLoader;
+  }
+
+  @Override
+  protected void onSizeChanged(int newWidth, int newHeight, int oldWidth, int oldHeight)
+  {
+    viewWidth = newWidth;
+    viewHeight = newHeight;
+
+    if (editor != null && !editor.isClosed())
+    {
+      editor.setViewSize(newWidth, newHeight);
+      invalidate(renderer, EnumSet.allOf(IRenderTarget.LayerType.class));
+    }
+
+    super.onSizeChanged(newWidth, newHeight, oldWidth, oldHeight);
+  }
+
+  @Override
+  public final void invalidate(@NonNull Renderer renderer, @NonNull EnumSet<LayerType> layers)
+  {
+    invalidate(renderer, 0, 0, viewWidth, viewHeight, layers);
+  }
+
+  @Override
+  public final void invalidate(@NonNull Renderer renderer, int x, int y, int width, int height, @NonNull EnumSet<LayerType> layers)
+  {
+    if (width <= 0 || height <= 0)
+      return;
+
+    if (layerView != null)
+    {
+      layerView.update(renderer, x, y, width, height, layers);
+    }
+  }
+
+  @Override
+  public void invalidate()
+  {
+    super.invalidate();
+    invalidate(renderer, EnumSet.allOf(LayerType.class));
+  }
+
+  @SuppressWarnings("deprecation")
+  @Override
+  public void invalidate(int l, int t, int r, int b)
+  {
+    super.invalidate(l, t, r, b);
+    invalidate(renderer, l, t, r - l, b - t, EnumSet.allOf(LayerType.class));
+  }
+
+  @SuppressWarnings("deprecation")
+  @Override
+  public void invalidate(Rect dirty)
+  {
+    super.invalidate(dirty);
+    int l = dirty.left;
+    int t = dirty.top;
+    int w = dirty.width();
+    int h = dirty.height();
+    invalidate(renderer, l, t, w, h, EnumSet.allOf(LayerType.class));
+  }
+
+  @Override
+  public boolean supportsOffscreenRendering()
+  {
+    return true;
+  }
+
+  @Override
+  public float getPixelDensity()
+  {
+    return 1f;
+  }
+
+  @Override
+  public int createOffscreenRenderSurface(int width, int height, boolean alphaOnly)
+  {
+    return offlineSurfaceManager.create(width, height, alphaOnly);
+  }
+
+  @Override
+  public void releaseOffscreenRenderSurface(int offscreenID)
+  {
+    offlineSurfaceManager.release(offscreenID);
+  }
+
+  @Override
+  public ICanvas createOffscreenRenderCanvas(int offscreenID)
+  {
+    if (renderer == null)
+      throw new IllegalStateException("Cannot create offscreen render canvas if renderer is null");
+    if (offscreenID < 0)
+      return null;
+    Bitmap offlineBitmap = offlineSurfaceManager.getBitmap(offscreenID);
+    if (offlineBitmap == null)
+      return null;
+    android.graphics.Canvas canvas = new android.graphics.Canvas(offlineBitmap);
+    try {
+      return new Canvas(canvas, typefaceMap, imageLoader, offlineSurfaceManager, renderer.getDpiX(), renderer.getDpiY());
+    } catch(Exception e) {
+      /*
+       * 지금 이 함수는 별도 쓰레드에서 실행되는데, 다른 쓰레드에서 renderer 가 close 될 경우 익셉션이 발생되는데
+       * close 된 renderer 가 사용될 경우가 없을 것이라 판단, null 을 리턴.
+       */
+      return null;
+    }
+  }
+
+  @Override
+  public void showScrollbars()
+  {
+    int viewHeightPx = editor.getViewHeight();
+    int viewWidthPx = editor.getViewWidth();
+    Point topLeftPx = new Point(Integer.MIN_VALUE, Integer.MIN_VALUE);
+    Point bottomRightPx = new Point(Integer.MAX_VALUE, Integer.MAX_VALUE);
+    editor.clampViewOffset(topLeftPx);
+    editor.clampViewOffset(bottomRightPx);
+    float pageHeightPx = bottomRightPx.y - topLeftPx.y + viewHeightPx;
+    float pageWidthPx = bottomRightPx.x - topLeftPx.x + viewWidthPx;
+    layerView.setScrollbar(renderer, viewWidthPx, (int) pageWidthPx, (int) topLeftPx.x, viewHeightPx, (int) pageHeightPx, (int) topLeftPx.y);
+  }
+}
diff --git a/myscript-iink/UIReferenceImplementation/src/main/java/com/myscript/iink/uireferenceimplementation/FontMetricsProvider.java b/myscript-iink/UIReferenceImplementation/src/main/java/com/myscript/iink/uireferenceimplementation/FontMetricsProvider.java
new file mode 100644
index 0000000..0270cc6
--- /dev/null
+++ b/myscript-iink/UIReferenceImplementation/src/main/java/com/myscript/iink/uireferenceimplementation/FontMetricsProvider.java
@@ -0,0 +1,275 @@
+// Copyright @ MyScript. All rights reserved.
+
+package com.myscript.iink.uireferenceimplementation;
+
+import android.annotation.SuppressLint;
+import android.content.res.ColorStateList;
+import android.graphics.Color;
+import android.graphics.Paint;
+import android.graphics.Path;
+import android.graphics.Rect;
+import android.graphics.RectF;
+import android.graphics.Typeface;
+import android.os.Build;
+import android.text.Layout;
+import android.text.SpannableString;
+import android.text.Spanned;
+import android.text.StaticLayout;
+import android.text.TextPaint;
+import android.text.style.MetricAffectingSpan;
+import android.text.style.TextAppearanceSpan;
+import android.util.DisplayMetrics;
+
+import androidx.annotation.NonNull;
+import androidx.collection.LruCache;
+import androidx.core.util.Pair;
+
+import com.myscript.iink.graphics.Rectangle;
+import com.myscript.iink.graphics.Style;
+import com.myscript.iink.text.GlyphMetrics;
+import com.myscript.iink.text.IFontMetricsProvider;
+import com.myscript.iink.text.Text;
+import com.myscript.iink.text.TextSpan;
+
+import java.util.Objects;
+import java.util.Map;
+
+public class FontMetricsProvider implements IFontMetricsProvider
+{
+  private static class FontKey
+  {
+    @NonNull
+    final String family;
+    final int style;
+    final int size;
+
+    public FontKey(@NonNull String family, int style, int size)
+    {
+      this.family = family;
+      this.style = style;
+      this.size = size;
+    }
+
+    @Override
+    public int hashCode()
+    {
+      return Objects.hash(family, style, size);
+    }
+
+    @Override
+    public boolean equals(Object obj)
+    {
+      if (obj == this)
+        return true;
+      if (!(obj instanceof FontKey))
+        return false;
+      FontKey other = (FontKey)obj;
+      return style == other.style && size == other.size && family.equals(other.family);
+    }
+  }
+
+  private interface IValueProvider<T>
+  {
+    T get();
+  }
+
+  private final DisplayMetrics displayMetrics;
+  private final TextPaint paint = new TextPaint(Paint.ANTI_ALIAS_FLAG);
+  private final TextPaint paint_ = new TextPaint(Paint.ANTI_ALIAS_FLAG);
+  private final Path charPath = new Path();
+  private final RectF charBox = new RectF();
+  private final Map<String, Typeface> typefaceMap;
+
+  private final LruCache<Pair<FontKey, String>, GlyphMetrics> glyphMetricsCache = new LruCache<>(1024);
+
+  public FontMetricsProvider(DisplayMetrics displayMetrics, Map<String, Typeface> typefaceMap)
+  {
+    this.displayMetrics = displayMetrics;
+    this.typefaceMap = typefaceMap;
+  }
+
+  private float x_mm2px(float mm)
+  {
+    return (mm / 25.4f) * displayMetrics.xdpi;
+  }
+
+  private float y_mm2px(float mm)
+  {
+    return (mm / 25.4f) * displayMetrics.ydpi;
+  }
+
+  private float x_px2mm(float px)
+  {
+    return 25.4f * (px / displayMetrics.xdpi);
+  }
+
+  private float y_px2mm(float px)
+  {
+    return 25.4f * (px / displayMetrics.ydpi);
+  }
+
+  private void updatePaint(int[] fontSizes, Typeface[] typefaces, int spanIndex)
+  {
+    paint.setTypeface(typefaces[spanIndex]);
+    paint.setTextSize(fontSizes[spanIndex]);
+  }
+
+  @Override
+  public Rectangle[] getCharacterBoundingBoxes(@NonNull Text text, TextSpan[] spans)
+  {
+    GlyphMetrics[] metrics = getGlyphMetrics(text, spans);
+    Rectangle[] charBoxes = new Rectangle[metrics.length];
+    for (int i = 0; i < charBoxes.length; ++i)
+      charBoxes[i] = new Rectangle(metrics[i].boundingBox);
+    return charBoxes;
+  }
+
+  @Override
+  public float getFontSizePx(Style style)
+  {
+    return style.getFontSize() * displayMetrics.scaledDensity;
+  }
+
+  @Override
+  public boolean supportsGlyphMetrics()
+  {
+    return true;
+  }
+
+  private GlyphMetrics getGlyphMetrics(FontKey fontKey, String glyph, IValueProvider<GlyphMetrics> valueProvider)
+  {
+    Pair<FontKey, String> key = new Pair<>(fontKey, glyph);
+    synchronized (glyphMetricsCache)
+    {
+      GlyphMetrics metrics = glyphMetricsCache.get(key);
+      if (metrics == null)
+      {
+        metrics = valueProvider.get();
+        glyphMetricsCache.put(key, metrics);
+      }
+      return metrics;
+    }
+  }
+
+  @SuppressLint("NewApi")
+  @SuppressWarnings("deprecation")
+  @NonNull
+  private StaticLayout getLayout(@NonNull SpannableString string)
+  {
+    if (android.os.Build.VERSION.SDK_INT >= android.os.Build.VERSION_CODES.M)
+    {
+      return StaticLayout.Builder.obtain(string, 0, string.length(), paint_, Integer.MAX_VALUE).setIncludePad(false).build();
+    }
+    else
+    {
+      return new StaticLayout(string, paint_, Integer.MAX_VALUE, Layout.Alignment.ALIGN_NORMAL, 1.0f, 0.0f, false);
+    }
+  }
+
+  @Override
+  public synchronized GlyphMetrics[] getGlyphMetrics(Text text, TextSpan[] spans)
+  {
+    final String label = text.getLabel();
+
+    // Create spannable string that represent text with spans (ignoring color)
+    final SpannableString string = new SpannableString(label);
+
+    ColorStateList fontColor = ColorStateList.valueOf(Color.BLACK);
+    ColorStateList fontLinkColor = null;
+
+    int[] fontSizes = new int[spans.length];
+    Typeface[] typefaces = new Typeface[spans.length];
+
+    for (int i = 0; i < spans.length; i++)
+    {
+      Style style = spans[i].style;
+
+      String fontFamily = style.getFontFamily();
+
+      int typefaceStyle = FontUtils.getTypefaceStyle(style);
+      int fontSize = Math.round(y_mm2px(style.getFontSize()));
+      int start = text.getGlyphBeginAt(spans[i].beginPosition);
+      int end = text.getGlyphEndAt(spans[i].endPosition - 1);
+
+      MetricAffectingSpan span;
+      Typeface typeface = FontUtils.getTypeface(typefaceMap, fontFamily, style.getFontStyle(), style.getFontVariant(), style.getFontWeight());
+      if (typeface == null)
+        span = new TextAppearanceSpan(fontFamily, typefaceStyle, fontSize, fontColor, fontLinkColor);
+      else
+        span = new CustomTextSpan(typeface, typefaceStyle, fontSize, fontColor, fontLinkColor);
+
+      string.setSpan(span, start, end, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
+
+      fontSizes[i] = fontSize;
+      typefaces[i] = typeface;
+    }
+
+    int glyphCount = text.getGlyphCount();
+    GlyphMetrics[] charBoxes = new GlyphMetrics[glyphCount];
+
+    // Layout text
+    int spanEnd = -1;
+    int spanIndex = -1;
+    FontKey fontKey = null;
+
+    final StaticLayout layout = getLayout(string);
+    if (layout.getLineCount() != 1)
+    {
+      throw new RuntimeException();
+    }
+
+    for (int i = 0; i < glyphCount; ++i)
+    {
+      if (i >= spanEnd)
+      {
+        ++spanIndex;
+        fontKey = new FontKey(spans[spanIndex].style.getFontFamily(), typefaces[spanIndex].getStyle(), fontSizes[spanIndex]);
+        spanEnd = spans[spanIndex].endPosition;
+        updatePaint(fontSizes, typefaces, spanIndex);
+      }
+
+      final int start = text.getGlyphBeginAt(i);
+      final int end = text.getGlyphEndAt(i);
+      String glyph = label.substring(start, end);
+      GlyphMetrics m = getGlyphMetrics(fontKey, glyph, () -> {
+        paint.getTextPath(label, start, end, 0, 0, charPath);
+        charPath.computeBounds(charBox, true);
+
+        // some glyphs paths may not be available (like for emojis)
+        // in that case we use simple text bounds, which are less precise but correct
+        if (charBox.isEmpty() && !label.equals(" "))
+        {
+          Rect box = new Rect();
+          paint.getTextBounds(label, start, end, box);
+          charBox.left = box.left;
+          charBox.top = box.top;
+          charBox.right = box.right;
+          charBox.bottom = box.bottom;
+        }
+
+        float x = x_px2mm(charBox.left);
+        float y = y_px2mm(charBox.top);
+        float width = x_px2mm(charBox.width());
+        float height = y_px2mm(charBox.height());
+
+        float leftSideBearing = -x;
+        float rightSideBearing;
+        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M)
+        {
+          float advance = paint.getRunAdvance(label, start, end, start, end, false, end);
+          rightSideBearing = x_px2mm(advance - charBox.right);
+        }
+        else
+        {
+          rightSideBearing = 0; // expect degraded reflow of typeset text
+        }
+
+        return new GlyphMetrics(x, y, width, height, leftSideBearing, rightSideBearing);
+      });
+
+      charBoxes[i] = new GlyphMetrics(x_px2mm(layout.getPrimaryHorizontal(start)) + m.boundingBox.x, m.boundingBox.y, m.boundingBox.width, m.boundingBox.height, m.leftSideBearing, m.rightSideBearing);
+    }
+
+    return charBoxes;
+  }
+}
diff --git a/myscript-iink/UIReferenceImplementation/src/main/java/com/myscript/iink/uireferenceimplementation/FontUtils.java b/myscript-iink/UIReferenceImplementation/src/main/java/com/myscript/iink/uireferenceimplementation/FontUtils.java
new file mode 100644
index 0000000..3f3ad7d
--- /dev/null
+++ b/myscript-iink/UIReferenceImplementation/src/main/java/com/myscript/iink/uireferenceimplementation/FontUtils.java
@@ -0,0 +1,112 @@
+// Copyright @ MyScript. All rights reserved.
+
+package com.myscript.iink.uireferenceimplementation;
+
+import android.content.res.AssetManager;
+import android.graphics.Typeface;
+import android.util.Log;
+
+import com.myscript.iink.graphics.Style;
+import com.myscript.util.TTFAnalyzer;
+
+import java.io.File;
+import java.io.IOException;
+import java.io.InputStream;
+import java.util.HashMap;
+import java.util.Map;
+
+public final class FontUtils
+{
+  private FontUtils()
+  {
+    // utility class
+  }
+
+  public static Map<String, Typeface> loadFontsFromAssets(AssetManager assetManager)
+  {
+    return loadFontsFromAssets(assetManager, "fonts");
+  }
+
+  public static Map<String, Typeface> loadFontsFromAssets(AssetManager assetManager, String assetsDir)
+  {
+    Map<String, Typeface> typefaceMap = new HashMap<>();
+    try
+    {
+      String[] files = assetManager.list(assetsDir);
+      for (String filename : files)
+      {
+        if (!filename.endsWith(".ttf") && !filename.endsWith(".otf"))
+          continue;
+
+        String fontPath = assetsDir + File.separatorChar + filename;
+        String fontFamily = FontUtils.getFontFamily(assetManager, fontPath);
+        final Typeface typeface = Typeface.createFromAsset(assetManager, fontPath);
+        if (fontFamily != null && typeface != null)
+        {
+          typefaceMap.put(fontFamily, typeface);
+        }
+      }
+    }
+    catch (IOException e)
+    {
+      Log.e("FontUtils", "Failed to list fonts from assets", e);
+      return null;
+    }
+    return typefaceMap;
+  }
+
+  public static int getTypefaceStyle(String fontStyle, String fontVariant, int fontWeight)
+  {
+    // Looking at Typeface documentation we see that NORMAL = 0, BOLD = 1, ITALIC = 2, and
+    // BOLD_ITALIC = 3, so Android font style is a simple BOLD and ITALIC bit flag combination:
+    int typefaceStyle = Typeface.NORMAL;
+    if (fontWeight >= 700)
+      typefaceStyle |= Typeface.BOLD;
+    if ("italic".equals(fontStyle))
+      typefaceStyle |= Typeface.ITALIC;
+    return typefaceStyle;
+  }
+
+  public static int getTypefaceStyle(Style style)
+  {
+    return getTypefaceStyle(style.getFontStyle(), style.getFontVariant(), style.getFontWeight());
+  }
+
+  public static Typeface getTypeface(String fontFamily, int typefaceStyle)
+  {
+    return Typeface.create(fontFamily, typefaceStyle);
+  }
+
+  public static Typeface getTypeface(String fontFamily, String fontStyle, String fontVariant, int fontWeight)
+  {
+    return getTypeface(fontFamily, getTypefaceStyle(fontStyle, fontVariant, fontWeight));
+  }
+
+  public static Typeface getTypeface(Style style)
+  {
+    return getTypeface(style.getFontFamily(), getTypefaceStyle(style));
+  }
+
+  public static Typeface getTypeface(Map<String, Typeface> typefaceMap, String fontFamily, String fontStyle, String fontVariant, int fontWeight)
+  {
+    Typeface ref = typefaceMap.get(fontFamily);
+
+    if (ref == null)
+      return getTypeface(fontFamily, getTypefaceStyle(fontStyle, fontVariant, fontWeight));
+
+    return Typeface.create(ref, FontUtils.getTypefaceStyle(fontStyle, fontVariant, fontWeight));
+  }
+
+  public static String getFontFamily(AssetManager assets, String fontPath)
+  {
+    try (InputStream in = assets.open(fontPath))
+    {
+      return TTFAnalyzer.getTtfFontName(in);
+    }
+    catch (IOException e)
+    {
+      // Most likely a corrupted font file
+      return null;
+    }
+  }
+}
diff --git a/myscript-iink/UIReferenceImplementation/src/main/java/com/myscript/iink/uireferenceimplementation/IInputControllerListener.java b/myscript-iink/UIReferenceImplementation/src/main/java/com/myscript/iink/uireferenceimplementation/IInputControllerListener.java
new file mode 100644
index 0000000..5388a47
--- /dev/null
+++ b/myscript-iink/UIReferenceImplementation/src/main/java/com/myscript/iink/uireferenceimplementation/IInputControllerListener.java
@@ -0,0 +1,10 @@
+// Copyright @ MyScript. All rights reserved.
+
+package com.myscript.iink.uireferenceimplementation;
+
+import androidx.annotation.Nullable;
+
+public interface IInputControllerListener
+{
+  boolean onLongPress(final float x, final float y, final @Nullable String contentBlockId);
+}
diff --git a/myscript-iink/UIReferenceImplementation/src/main/java/com/myscript/iink/uireferenceimplementation/ISizeListener.java b/myscript-iink/UIReferenceImplementation/src/main/java/com/myscript/iink/uireferenceimplementation/ISizeListener.java
new file mode 100644
index 0000000..f3c5450
--- /dev/null
+++ b/myscript-iink/UIReferenceImplementation/src/main/java/com/myscript/iink/uireferenceimplementation/ISizeListener.java
@@ -0,0 +1,8 @@
+// Copyright @ MyScript. All rights reserved.
+
+package com.myscript.iink.uireferenceimplementation;
+
+public interface ISizeListener
+{
+  void sizeChanged(int newWidth, int newHeight);
+}
diff --git a/myscript-iink/UIReferenceImplementation/src/main/java/com/myscript/iink/uireferenceimplementation/ImageLoader.java b/myscript-iink/UIReferenceImplementation/src/main/java/com/myscript/iink/uireferenceimplementation/ImageLoader.java
new file mode 100644
index 0000000..d82e044
--- /dev/null
+++ b/myscript-iink/UIReferenceImplementation/src/main/java/com/myscript/iink/uireferenceimplementation/ImageLoader.java
@@ -0,0 +1,115 @@
+// Copyright @ MyScript. All rights reserved.
+
+package com.myscript.iink.uireferenceimplementation;
+
+import android.graphics.Bitmap;
+import android.graphics.BitmapFactory;
+import android.graphics.Color;
+import android.util.Log;
+import android.util.Pair;
+import android.util.LruCache;
+
+import java.io.File;
+
+import com.myscript.iink.Editor;
+
+import androidx.annotation.NonNull;
+
+
+public class ImageLoader
+{
+  @NonNull
+  private final Editor editor;
+  LruCache<String, Bitmap> cache;
+
+  public ImageLoader(@NonNull Editor editor)
+  {
+    this.editor = editor;
+
+    // Use a part of the maximum available memory to define the cache's size
+    int cacheSize = (int) (Runtime.getRuntime().maxMemory() / 8);
+
+    this.cache = new LruCache<String, Bitmap>(cacheSize)
+    {
+      @Override
+      protected int sizeOf(String key, Bitmap value)
+      {
+        // The cache size will be measured in bytes rather than number of items
+        return value.getByteCount();
+      }
+      @Override
+      protected void entryRemoved(boolean evicted, String key, Bitmap oldValue, Bitmap newValue)
+      {
+        if (evicted && oldValue != null && !oldValue.isRecycled())
+        {
+          oldValue.recycle();
+        }
+        super.entryRemoved(evicted, key, oldValue, newValue);
+      }
+    };
+  }
+
+  @NonNull
+  public Editor getEditor()
+  {
+    return editor;
+  }
+
+  public synchronized Bitmap getImage(final String url, final String mimeType, final int dstWidth, final int dstHeight)
+  {
+    Bitmap image = cache.get(url);
+    if (image != null)
+      return image;
+
+    Pair<Bitmap, Boolean> newImage = renderObject(url, mimeType, dstWidth, dstHeight);
+
+    if (newImage.second) // Not dummy
+      cache.put(url, newImage.first);
+
+    return newImage.first;
+  }
+
+  private Pair<Bitmap, Boolean> renderObject(String url, String mimeType, int dstWidth, int dstHeight)
+  {
+    if (mimeType.startsWith("image/"))
+    {
+      try
+      {
+        File file = new File(url);
+        Bitmap image = BitmapFactory.decodeFile(file.getAbsolutePath());
+
+        if (image != null)
+        {
+          // Reduce size if larger than destination
+          if (image.getWidth() > dstWidth || image.getHeight() > dstHeight)
+          {
+            Bitmap scaledImage = Bitmap.createScaledBitmap(image, dstWidth, dstHeight, false);
+
+            if (scaledImage != null)
+              return Pair.create(scaledImage, true);
+          }
+          else
+          {
+            return Pair.create(image, true);
+          }
+        }
+      }
+      catch (Exception e)
+      {
+        // Error: use fallback bitmap
+        Log.e("ImageLoader", "Unexpected exception: using placeholder image", e);
+      }
+      catch (OutOfMemoryError e)
+      {
+        // Error: use fallback bitmap
+        Log.w("ImageLoader", "Out of memory: unable to load image, using placeholder instead", e);
+      }
+    }
+
+    // Fallback 1x1 bitmap
+    Bitmap image = Bitmap.createBitmap(1, 1, Bitmap.Config.RGB_565);
+    if (image != null)
+      image.eraseColor(Color.WHITE);
+    return Pair.create(image, false);
+  }
+}
diff --git a/myscript-iink/UIReferenceImplementation/src/main/java/com/myscript/iink/uireferenceimplementation/ImagePainter.java b/myscript-iink/UIReferenceImplementation/src/main/java/com/myscript/iink/uireferenceimplementation/ImagePainter.java
new file mode 100644
index 0000000..70b8b08
--- /dev/null
+++ b/myscript-iink/UIReferenceImplementation/src/main/java/com/myscript/iink/uireferenceimplementation/ImagePainter.java
@@ -0,0 +1,102 @@
+// Copyright @ MyScript. All rights reserved.
+
+package com.myscript.iink.uireferenceimplementation;
+
+import android.graphics.Bitmap;
+import android.graphics.Color;
+import android.graphics.Typeface;
+import androidx.annotation.ColorInt;
+import androidx.annotation.NonNull;
+
+import com.myscript.iink.IImagePainter;
+import com.myscript.iink.graphics.ICanvas;
+
+import java.io.FileOutputStream;
+import java.io.IOException;
+import java.io.OutputStream;
+import java.util.Map;
+
+public class ImagePainter implements IImagePainter
+{
+  private ImageLoader imageLoader = null;
+  private Map<String, Typeface> typefaceMap = null;
+  private Bitmap bitmap = null;
+  private android.graphics.Canvas canvas = null;
+  private float dpi = 96;
+
+  @ColorInt
+  private int backgroundColor = Color.WHITE;
+
+  public void setImageLoader(ImageLoader imageLoader)
+  {
+    this.imageLoader = imageLoader;
+  }
+
+  public void setTypefaceMap(Map<String, Typeface> typefaceMap)
+  {
+    this.typefaceMap = typefaceMap;
+  }
+
+  public void setBackgroundColor(@ColorInt int backgroundColor)
+  {
+    this.backgroundColor = backgroundColor;
+  }
+
+  @Override
+  public ICanvas createCanvas()
+  {
+    return new Canvas(canvas, typefaceMap, imageLoader, null, dpi, dpi);
+  }
+
+  @Override
+  public void prepareImage(int width, int height, float dpi)
+  {
+    if (bitmap != null)
+    {
+      bitmap.recycle();
+      bitmap = null;
+    }
+    canvas = null;
+
+    this.dpi = dpi;
+    bitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);
+    canvas = new android.graphics.Canvas(bitmap);
+    canvas.drawARGB(Color.alpha(backgroundColor), Color.red(backgroundColor), Color.green(backgroundColor), Color.blue(backgroundColor));
+  }
+
+  @Override
+  public void saveImage(@NonNull String path) throws IOException
+  {
+    if (bitmap == null)
+      return;
+
+    try
+    {
+      int quality = 100; // max quality
+      Bitmap.CompressFormat format;
+
+      if (path.endsWith(".png"))
+        format = Bitmap.CompressFormat.PNG;
+      else if (path.endsWith(".jpg") || path.endsWith(".jpeg") || path.endsWith(".jpe"))
+        format = Bitmap.CompressFormat.JPEG;
+      else
+        throw new IOException("No appropriate image format found");
+
+      try (OutputStream stream = new FileOutputStream(path))
+      {
+        bitmap.compress(format, quality, stream);
+      }
+    }
+    catch (Exception e)
+    {
+      throw new IOException("Cannot save image");
+    }
+    finally
+    {
+      bitmap.recycle();
+    }
+
+    bitmap = null;
+    canvas = null;
+  }
+}
diff --git a/myscript-iink/UIReferenceImplementation/src/main/java/com/myscript/iink/uireferenceimplementation/InputController.java b/myscript-iink/UIReferenceImplementation/src/main/java/com/myscript/iink/uireferenceimplementation/InputController.java
new file mode 100644
index 0000000..fcef6a7
--- /dev/null
+++ b/myscript-iink/UIReferenceImplementation/src/main/java/com/myscript/iink/uireferenceimplementation/InputController.java
@@ -0,0 +1,299 @@
+// Copyright @ MyScript. All rights reserved.
+
+package com.myscript.iink.uireferenceimplementation;
+
+import android.content.Context;
+import android.os.SystemClock;
+import android.util.Log;
+import android.view.GestureDetector;
+import android.view.MotionEvent;
+import android.view.View;
+
+import androidx.annotation.Nullable;
+import androidx.annotation.VisibleForTesting;
+import androidx.core.view.GestureDetectorCompat;
+
+import com.myscript.iink.ContentBlock;
+import com.myscript.iink.Editor;
+import com.myscript.iink.IRenderTarget;
+import com.myscript.iink.PointerEvent;
+import com.myscript.iink.PointerEventType;
+import com.myscript.iink.PointerType;
+import com.myscript.iink.graphics.Point;
+
+import java.util.EnumSet;
+
+public class InputController implements View.OnTouchListener, GestureDetector.OnGestureListener
+{
+
+  public interface ViewListener
+  {
+    void showScrollbars();
+  }
+
+  public interface OnTouchListener {
+    void onTouch(View v, MotionEvent e);
+  }
+
+  public static final int INPUT_MODE_NONE = -1;
+  public static final int INPUT_MODE_FORCE_PEN = 0;
+  public static final int INPUT_MODE_FORCE_TOUCH = 1;
+  public static final int INPUT_MODE_AUTO = 2;
+  public static final int INPUT_MODE_ERASER = 3;
+
+  private final IRenderTarget renderTarget;
+  private final Editor editor;
+  private int _inputMode;
+  private final GestureDetectorCompat gestureDetector;
+  private IInputControllerListener _listener;
+  private final long eventTimeOffset;
+  @VisibleForTesting
+  public PointerType iinkPointerType;
+  private ViewListener _viewListener;
+  private OnTouchListener touchListener;
+
+  public InputController(Context context, IRenderTarget renderTarget, Editor editor)
+  {
+    this.renderTarget = renderTarget;
+    this.editor = editor;
+    _listener = null;
+    _inputMode = INPUT_MODE_AUTO;
+    gestureDetector = new GestureDetectorCompat(context, this);
+
+    long rel_t = SystemClock.uptimeMillis();
+    long abs_t = System.currentTimeMillis();
+    eventTimeOffset = abs_t - rel_t;
+  }
+
+  public final synchronized void setInputMode(int inputMode)
+  {
+    this._inputMode = inputMode;
+  }
+
+  public final synchronized int getInputMode()
+  {
+    return _inputMode;
+  }
+
+  public final synchronized void setViewListener(ViewListener listener)
+  {
+    this._viewListener = listener;
+  }
+
+  public final synchronized void setListener(IInputControllerListener listener)
+  {
+    this._listener = listener;
+  }
+
+  public final synchronized IInputControllerListener getListener()
+  {
+    return _listener;
+  }
+
+  public final OnTouchListener setOnTouchListener(OnTouchListener listener) {
+    return this.touchListener = listener;
+  }
+
+  private boolean handleOnTouchForPointer(MotionEvent event, int actionMask, int pointerIndex)
+  {
+    final int pointerId = event.getPointerId(pointerIndex);
+    final int pointerType = event.getToolType(pointerIndex);
+
+    int inputMode = getInputMode();
+
+    if (inputMode == INPUT_MODE_FORCE_PEN)
+    {
+      iinkPointerType = PointerType.PEN;
+    }
+    else if (inputMode == INPUT_MODE_FORCE_TOUCH)
+    {
+      iinkPointerType = PointerType.TOUCH;
+    }
+    else
+    {
+      switch (pointerType)
+      {
+        case MotionEvent.TOOL_TYPE_STYLUS:
+          if (inputMode == INPUT_MODE_ERASER)
+          {
+            iinkPointerType = PointerType.ERASER;
+          }
+          else
+          {
+            iinkPointerType = PointerType.PEN;
+          }
+          break;
+        case MotionEvent.TOOL_TYPE_FINGER:
+        case MotionEvent.TOOL_TYPE_MOUSE:
+          iinkPointerType = PointerType.TOUCH;
+          break;
+        default:
+          // unsupported event type
+          return false;
+      }
+    }
+
+    if (iinkPointerType == PointerType.TOUCH)
+    {
+      gestureDetector.onTouchEvent(event);
+    }
+
+    int historySize = event.getHistorySize();
+
+    switch (actionMask)
+    {
+      case MotionEvent.ACTION_POINTER_DOWN:
+      case MotionEvent.ACTION_DOWN:
+        editor.pointerDown(event.getX(pointerIndex), event.getY(pointerIndex), eventTimeOffset + event.getEventTime(), event.getPressure(), iinkPointerType, pointerId);
+        return true;
+
+      case MotionEvent.ACTION_MOVE:
+        if (historySize > 0)
+        {
+          PointerEvent[] pointerEvents = new PointerEvent[historySize + 1];
+          for (int i = 0; i < historySize; ++i)
+            pointerEvents[i] = new PointerEvent(PointerEventType.MOVE, event.getHistoricalX(pointerIndex, i), event.getHistoricalY(pointerIndex, i), eventTimeOffset + event.getHistoricalEventTime(i), event.getHistoricalPressure(pointerIndex, i), iinkPointerType, pointerId);
+          pointerEvents[historySize] = new PointerEvent(PointerEventType.MOVE, event.getX(pointerIndex), event.getY(pointerIndex), eventTimeOffset + event.getEventTime(), event.getPressure(), iinkPointerType, pointerId);
+          editor.pointerEvents(pointerEvents, true);
+        }
+        else
+        {
+          editor.pointerMove(event.getX(pointerIndex), event.getY(pointerIndex), eventTimeOffset + event.getEventTime(), event.getPressure(), iinkPointerType, pointerId);
+        }
+        return true;
+
+      case MotionEvent.ACTION_POINTER_UP:
+      case MotionEvent.ACTION_UP:
+        if (historySize > 0)
+        {
+          PointerEvent[] pointerEvents = new PointerEvent[historySize];
+          for (int i = 0; i < historySize; ++i)
+            pointerEvents[i] = new PointerEvent(PointerEventType.MOVE, event.getHistoricalX(pointerIndex, i), event.getHistoricalY(pointerIndex, i), eventTimeOffset + event.getHistoricalEventTime(i), event.getHistoricalPressure(pointerIndex, i), iinkPointerType, pointerId);
+          editor.pointerEvents(pointerEvents, true);
+        }
+        editor.pointerUp(event.getX(pointerIndex), event.getY(pointerIndex), eventTimeOffset + event.getEventTime(), event.getPressure(), iinkPointerType, pointerId);
+        return true;
+
+      case MotionEvent.ACTION_CANCEL:
+        editor.pointerCancel(pointerId);
+        return true;
+
+      default:
+        return false;
+    }
+  }
+
+  @Override
+  public boolean onTouch(View v, MotionEvent event)
+  {
+    Boolean result = processOnTouch(v, event);
+    if (this.touchListener != null) {
+      this.touchListener.onTouch(v, event);
+    }
+    return result;
+  }
+
+  private boolean processOnTouch(View v, MotionEvent event) {
+    if (editor == null)
+    {
+      return false;
+    }
+
+    final int action = event.getAction();
+    final int actionMask = action & MotionEvent.ACTION_MASK;
+
+    try
+    {
+      if (actionMask == MotionEvent.ACTION_POINTER_DOWN || actionMask == MotionEvent.ACTION_POINTER_UP)
+      {
+        final int pointerIndex = (action & MotionEvent.ACTION_POINTER_INDEX_MASK) >> MotionEvent.ACTION_POINTER_INDEX_SHIFT;
+        return handleOnTouchForPointer(event, actionMask, pointerIndex);
+      }
+      else
+      {
+        boolean consumed = false;
+        final int pointerCount = event.getPointerCount();
+        for (int pointerIndex = 0; pointerIndex < pointerCount; pointerIndex++)
+        {
+          try
+          {
+            consumed = consumed || handleOnTouchForPointer(event, actionMask, pointerIndex);
+          }
+          catch(Exception e) {
+            // ignore spurious invalid touch events that may occurs when spamming undo/redo button
+          }
+        }
+        return consumed;
+      }
+    }
+    catch(UnsupportedOperationException e) {
+      // such an error may be generated by monkey tests
+      Log.e("InputController", "bad touch sequence", e);
+      return false;
+    }
+}
+
+  @Override
+  public boolean onDown(MotionEvent event)
+  {
+    return false;
+  }
+
+  @Override
+  public void onShowPress(MotionEvent event)
+  {
+    // no-op
+  }
+
+  @Override
+  public boolean onSingleTapUp(MotionEvent event)
+  {
+    return false;
+  }
+
+  @Override
+  public void onLongPress(MotionEvent event)
+  {
+    IInputControllerListener listener = getListener();
+    if (listener != null)
+    {
+      final float x = event.getX();
+      final float y = event.getY();
+      // Only handle block ID and not `ContentBlock` to simplify native `AutoCloseable` object lifecycle.
+      // Otherwise, depending on which object owns such `ContentBlock`, the reasoning about closing it
+      // would be more complicated.
+      // Providing block ID delegates to listeners the ownership of the retrieved block (if any),
+      // typically calling `Editor.getBlockById()`.
+      try (@Nullable ContentBlock block = editor.hitBlock(x, y))
+      {
+        String blockId = block != null ? block.getId() : null;
+        listener.onLongPress(x, y, blockId);
+      }
+    }
+  }
+
+  @Override
+  public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY)
+  {
+    if (editor.isScrollAllowed())
+    {
+      Point oldOffset = editor.getRenderer().getViewOffset();
+      Point newOffset = new Point(oldOffset.x + distanceX, oldOffset.y + distanceY);
+      editor.clampViewOffset(newOffset);
+      editor.getRenderer().setViewOffset(Math.round(newOffset.x), Math.round(newOffset.y));
+      renderTarget.invalidate(editor.getRenderer(), EnumSet.allOf(IRenderTarget.LayerType.class));
+      if(_viewListener != null)
+      {
+        _viewListener.showScrollbars();
+      }
+      return true;
+    }
+    return false;
+  }
+
+  @Override
+  public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY)
+  {
+    return false;
+  }
+}
diff --git a/myscript-iink/UIReferenceImplementation/src/main/java/com/myscript/iink/uireferenceimplementation/JiixDefinitions.java b/myscript-iink/UIReferenceImplementation/src/main/java/com/myscript/iink/uireferenceimplementation/JiixDefinitions.java
new file mode 100644
index 0000000..ceec237
--- /dev/null
+++ b/myscript-iink/UIReferenceImplementation/src/main/java/com/myscript/iink/uireferenceimplementation/JiixDefinitions.java
@@ -0,0 +1,33 @@
+// Copyright @ MyScript. All rights reserved.
+
+package com.myscript.iink.uireferenceimplementation;
+
+import com.google.gson.annotations.SerializedName;
+
+/**
+ * Class definition used for Gson parsing
+ */
+public class JiixDefinitions
+{
+  public static class Padding
+  {
+    public float left;
+    public float right;
+  }
+
+  public static class Word
+  {
+    public static String LABEL_FIELDNAME = "label";
+    public String label;
+    public String[] candidates;
+    @SerializedName(value = "reflow-label")
+    public String reflowlabel;
+  }
+
+  public static class Result
+  {
+    public static String WORDS_FIELDNAME = "words";
+    public Word[] words;
+  }
+
+}
diff --git a/myscript-iink/UIReferenceImplementation/src/main/java/com/myscript/iink/uireferenceimplementation/LayerView.java b/myscript-iink/UIReferenceImplementation/src/main/java/com/myscript/iink/uireferenceimplementation/LayerView.java
new file mode 100644
index 0000000..7d126c1
--- /dev/null
+++ b/myscript-iink/UIReferenceImplementation/src/main/java/com/myscript/iink/uireferenceimplementation/LayerView.java
@@ -0,0 +1,249 @@
+// Copyright @ MyScript. All rights reserved.
+
+package com.myscript.iink.uireferenceimplementation;
+
+import android.content.Context;
+import android.graphics.Bitmap;
+import android.graphics.Color;
+import android.graphics.PorterDuff;
+import android.graphics.Rect;
+import android.graphics.Typeface;
+import android.util.AttributeSet;
+import android.util.DisplayMetrics;
+import android.view.View;
+
+import com.myscript.iink.Editor;
+import com.myscript.iink.IRenderTarget;
+import com.myscript.iink.IRenderTarget.LayerType;
+import com.myscript.iink.Renderer;
+
+import java.util.EnumSet;
+import java.util.Map;
+
+import androidx.annotation.Nullable;
+
+public class LayerView extends View
+{
+  private final static int MODEL = 0;
+  private final static int CAPTURE = 1;
+  private ImageLoader imageLoader;
+
+  @Nullable
+  private Map<String, Typeface> typefaceMap;
+
+  @Nullable
+  private Renderer lastRenderer = null;
+
+  @Nullable
+  private Rect updateArea;
+  @Nullable
+  private Bitmap[] bitmap;
+  @Nullable
+  private android.graphics.Canvas[] sysCanvas;
+  @Nullable
+  private Canvas[] iinkCanvas;
+  @Nullable
+  private OfflineSurfaceManager offlineSurfaceManager = null;
+  @Nullable
+  private Renderer renderer = null;
+  private int pageHeight = 0;
+  private int viewHeight = 0;
+  private int viewWidth = 0;
+  private int pageWidth = 0;
+  private int yMin = 0;
+  private int xMin = 0;
+
+  public LayerView(Context context)
+  {
+    this(context, null, 0);
+  }
+
+  public LayerView(Context context, @Nullable AttributeSet attrs)
+  {
+    this(context, attrs, 0);
+  }
+
+  public LayerView(Context context, @Nullable AttributeSet attrs, int defStyleAttr)
+  {
+    super(context, attrs, defStyleAttr);
+
+    updateArea = null;
+  }
+
+  public void setRenderTarget(IRenderTarget renderTarget)
+  {
+    // do not need the renderTarget
+  }
+
+  public void setOfflineSurfaceManager(@Nullable OfflineSurfaceManager offlineSurfaceManager)
+  {
+    this.offlineSurfaceManager = offlineSurfaceManager;
+  }
+
+  public void setEditor(Editor editor)
+  {
+    // do not need the editor
+  }
+
+  public void setImageLoader(ImageLoader imageLoader)
+  {
+    this.imageLoader = imageLoader;
+  }
+
+  public void setCustomTypefaces(Map<String, Typeface> typefaceMap)
+  {
+    this.typefaceMap = typefaceMap;
+  }
+
+  @Override
+  protected final void onDraw(android.graphics.Canvas canvas)
+  {
+    Rect localUpdateArea;
+    Renderer renderer;
+
+    synchronized (this)
+    {
+      localUpdateArea = this.updateArea;
+
+      this.updateArea = null;
+      renderer = lastRenderer;
+      lastRenderer = null;
+    }
+
+    if (localUpdateArea != null)
+    {
+      prepare(sysCanvas[MODEL], localUpdateArea);
+      try
+      {
+        renderer.drawModel(localUpdateArea.left, localUpdateArea.top, localUpdateArea.width(), localUpdateArea.height(), iinkCanvas[MODEL]);
+      }
+      finally
+      {
+        restore(sysCanvas[MODEL]);
+      }
+
+      prepare(sysCanvas[CAPTURE], localUpdateArea);
+      try
+      {
+        renderer.drawCaptureStrokes(localUpdateArea.left, localUpdateArea.top, localUpdateArea.width(), localUpdateArea.height(), iinkCanvas[CAPTURE]);
+      }
+      finally
+      {
+        restore(sysCanvas[CAPTURE]);
+      }
+    }
+
+    canvas.drawBitmap(bitmap[MODEL], 0, 0, null);
+    canvas.drawBitmap(bitmap[CAPTURE], 0, 0, null);
+  }
+
+  @Override
+  protected void onSizeChanged(int newWidth, int newHeight, int oldWidth, int oldHeight)
+  {
+    if (bitmap != null)
+    {
+      bitmap[MODEL].recycle();
+      bitmap[CAPTURE].recycle();
+    }
+    DisplayMetrics metrics = getContext().getResources().getDisplayMetrics();
+
+    bitmap = new Bitmap[2];
+    bitmap[MODEL] = Bitmap.createBitmap(newWidth, newHeight, Bitmap.Config.ARGB_8888);
+    bitmap[CAPTURE] = Bitmap.createBitmap(newWidth, newHeight, Bitmap.Config.ARGB_8888);
+    sysCanvas = new android.graphics.Canvas[2];
+    sysCanvas[MODEL] = new android.graphics.Canvas(bitmap[MODEL]);
+    sysCanvas[CAPTURE] = new android.graphics.Canvas(bitmap[CAPTURE]);
+    iinkCanvas = new Canvas[2];
+    iinkCanvas[MODEL] = new Canvas(sysCanvas[MODEL], typefaceMap, imageLoader, offlineSurfaceManager, metrics.xdpi, metrics.ydpi);
+    iinkCanvas[CAPTURE] = new Canvas(sysCanvas[CAPTURE], typefaceMap, imageLoader, offlineSurfaceManager, metrics.xdpi, metrics.ydpi);
+
+    super.onSizeChanged(newWidth, newHeight, oldWidth, oldHeight);
+  }
+
+  private void prepare(android.graphics.Canvas canvas, Rect clipRect)
+  {
+    canvas.save();
+    canvas.clipRect(clipRect);
+    canvas.drawColor(Color.TRANSPARENT, PorterDuff.Mode.CLEAR);
+  }
+
+  private void restore(android.graphics.Canvas canvas)
+  {
+    canvas.restore();
+  }
+
+  public final void update(Renderer renderer, int x, int y, int width, int height, EnumSet<LayerType> layers)
+  {
+    boolean emptyArea;
+    synchronized (this)
+    {
+      if (updateArea != null)
+        updateArea.union(x, y, x + width, y + height);
+      else
+        updateArea = new Rect(x, y, x + width, y + height);
+
+      if (bitmap != null)
+      {
+        if (bitmap[MODEL] != null)
+          updateArea.intersect(new Rect(0, 0, bitmap[MODEL].getWidth(), bitmap[MODEL].getHeight()));
+        if (bitmap[CAPTURE] != null)
+          updateArea.intersect(new Rect(0, 0, bitmap[CAPTURE].getWidth(), bitmap[CAPTURE].getHeight()));
+      }
+      emptyArea = updateArea.isEmpty();
+      lastRenderer = renderer;
+    }
+    if (!emptyArea)
+    {
+      postInvalidate(x, y, x + width, y + height);
+    }
+  }
+
+  public void setScrollbar(Renderer renderer, int viewWidthPx, int pageWidthtPx, int xMin, int viewHeightPx, int pageHeightPx, int yMin)
+  {
+    this.viewWidth = viewWidthPx;
+    this.pageWidth = pageWidthtPx;
+    this.renderer = renderer;
+    this.pageHeight = pageHeightPx;
+    this.viewHeight = viewHeightPx;
+    this.xMin = xMin;
+    this.yMin = yMin;
+    setVerticalScrollBarEnabled(true);
+    awakenScrollBars();
+  }
+
+  @Override
+  protected int computeVerticalScrollRange()
+  {
+    return pageHeight;
+  }
+
+  @Override
+  protected int computeVerticalScrollExtent()
+  {
+    return viewHeight;
+  }
+
+  @Override
+  protected int computeVerticalScrollOffset()
+  {
+    return renderer != null ? (int) renderer.getViewOffset().y - yMin : 0;
+  }
+
+  @Override
+  protected int computeHorizontalScrollRange()
+  {
+    return pageWidth;
+  }
+
+  @Override
+  protected int computeHorizontalScrollExtent()
+  {
+    return viewWidth;
+  }
+
+  @Override
+  protected int computeHorizontalScrollOffset()
+  {
+    return renderer != null ? (int) renderer.getViewOffset().x - xMin : 0;
+  }
+}
diff --git a/myscript-iink/UIReferenceImplementation/src/main/java/com/myscript/iink/uireferenceimplementation/OfflineSurfaceManager.java b/myscript-iink/UIReferenceImplementation/src/main/java/com/myscript/iink/uireferenceimplementation/OfflineSurfaceManager.java
new file mode 100644
index 0000000..5007ad1
--- /dev/null
+++ b/myscript-iink/UIReferenceImplementation/src/main/java/com/myscript/iink/uireferenceimplementation/OfflineSurfaceManager.java
@@ -0,0 +1,52 @@
+// Copyright @ MyScript. All rights reserved.
+
+package com.myscript.iink.uireferenceimplementation;
+
+import android.graphics.Bitmap;
+import android.util.SparseArray;
+
+import androidx.annotation.Nullable;
+
+public class OfflineSurfaceManager
+{
+  private int nextID = 0;
+
+  private final SparseArray<Bitmap> offlineSurfaces = new SparseArray<>();
+
+  public synchronized int create(int width, int height, boolean alphaOnly)
+  {
+    int offscreenID = nextID++;
+
+    Bitmap surface;
+    try
+    {
+      surface = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);
+    }
+    catch (Exception | OutOfMemoryError e)
+    {
+      return -1;
+    }
+    offlineSurfaces.put(offscreenID, surface);
+
+    return offscreenID;
+  }
+
+  public synchronized void release(int offscreenID)
+  {
+    if (offscreenID < 0)
+      return;// not a correct id...
+    Bitmap bitmap = offlineSurfaces.get(offscreenID);
+    // can be null after a rotation (a new OfflineSurfaceManager can be created during animations)
+    if (bitmap == null)
+      return;
+    bitmap.recycle();
+    offlineSurfaces.remove(offscreenID);
+  }
+
+  @Nullable
+  public synchronized Bitmap getBitmap(int id)
+  {
+    // can return null after a rotation (a new OfflineSurfaceManager can be created during animations)
+    return offlineSurfaces.get(id);
+  }
+}
diff --git a/myscript-iink/UIReferenceImplementation/src/main/java/com/myscript/iink/uireferenceimplementation/Path.java b/myscript-iink/UIReferenceImplementation/src/main/java/com/myscript/iink/uireferenceimplementation/Path.java
new file mode 100644
index 0000000..41ad203
--- /dev/null
+++ b/myscript-iink/UIReferenceImplementation/src/main/java/com/myscript/iink/uireferenceimplementation/Path.java
@@ -0,0 +1,39 @@
+// Copyright @ MyScript. All rights reserved.
+
+package com.myscript.iink.uireferenceimplementation;
+
+import com.myscript.iink.graphics.IPath;
+
+import java.util.EnumSet;
+
+import androidx.annotation.NonNull;
+
+public class Path extends android.graphics.Path implements IPath
+{
+
+  @NonNull
+  @Override
+  public EnumSet<OperationType> unsupportedOperations()
+  {
+    return EnumSet.of(OperationType.ARC_OPS);
+  }
+
+  @Override
+  public void curveTo(float x1, float y1, float x2, float y2, float x, float y)
+  {
+    cubicTo(x1, y1, x2, y2, x, y);
+  }
+
+  @Override
+  public void arcTo(float rx, float ry, float phi, boolean fA, boolean fS, float x, float y)
+  {
+    throw new UnsupportedOperationException("arcTo");
+  }
+
+  @Override
+  public void closePath()
+  {
+    close();
+  }
+
+}
diff --git a/myscript-iink/UIReferenceImplementation/src/main/java/com/myscript/iink/uireferenceimplementation/SmartGuideView.java b/myscript-iink/UIReferenceImplementation/src/main/java/com/myscript/iink/uireferenceimplementation/SmartGuideView.java
new file mode 100644
index 0000000..374ce9a
--- /dev/null
+++ b/myscript-iink/UIReferenceImplementation/src/main/java/com/myscript/iink/uireferenceimplementation/SmartGuideView.java
@@ -0,0 +1,766 @@
+// Copyright @ MyScript. All rights reserved.
+
+package com.myscript.iink.uireferenceimplementation;
+
+import android.app.AlertDialog;
+import android.content.Context;
+import android.content.res.Resources;
+import android.graphics.Color;
+import android.graphics.Rect;
+import android.graphics.Typeface;
+import android.os.Handler;
+import android.os.Looper;
+import android.text.TextUtils;
+import android.util.AttributeSet;
+import android.util.Log;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.FrameLayout;
+import android.widget.HorizontalScrollView;
+import android.widget.LinearLayout;
+import android.widget.TextView;
+
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+import androidx.appcompat.widget.AppCompatTextView;
+import androidx.core.content.res.ResourcesCompat;
+
+import com.google.gson.Gson;
+import com.google.gson.JsonArray;
+import com.google.gson.JsonObject;
+import com.google.gson.JsonSyntaxException;
+import com.myscript.iink.Configuration;
+import com.myscript.iink.ContentBlock;
+import com.myscript.iink.ContentPart;
+import com.myscript.iink.ContentSelection;
+import com.myscript.iink.ContentSelectionMode;
+import com.myscript.iink.Editor;
+import com.myscript.iink.EditorError;
+import com.myscript.iink.Engine;
+import com.myscript.iink.IEditorListener;
+import com.myscript.iink.IRendererListener;
+import com.myscript.iink.MimeType;
+import com.myscript.iink.ParameterSet;
+import com.myscript.iink.Renderer;
+import com.myscript.iink.graphics.Point;
+import com.myscript.iink.graphics.Rectangle;
+import com.myscript.iink.graphics.Transform;
+
+import java.util.ArrayList;
+import java.util.Arrays;
+
+public class SmartGuideView extends LinearLayout implements IEditorListener, IRendererListener, View.OnClickListener
+{
+
+  public interface MenuListener
+  {
+    void onMoreMenuClicked(float x, float y, @NonNull String blockId);
+  }
+
+  private static final String TAG = "SmartGuideView";
+  private static final int SMART_GUIDE_FADE_OUT_DELAY_WRITE_IN_DIAGRAM_DEFAULT = 3000;
+  private static final int SMART_GUIDE_FADE_OUT_DELAY_WRITE_DEFAULT = 0;
+  private static final int SMART_GUIDE_FADE_OUT_DELAY_OTHER_DEFAULT = 0;
+  private static final int SMART_GUIDE_HIGHLIGHT_REMOVAL_DELAY_DEFAULT = 2000;
+
+  enum UpdateCause
+  {
+    /**
+     * A visual change occurred.
+     */
+    VISUAL,
+
+    /**
+     * An edit occurred (writing or editing gesture).
+     */
+    EDIT,
+
+    /**
+     * The selection changed.
+     */
+    SELECTION,
+
+    /**
+     * View parameters changed (scroll or zoom).
+     */
+    VIEW
+  }
+
+  @Nullable
+  private Typeface wordViewTypeface;
+
+  @Nullable
+  private Editor editor;
+
+  @Nullable
+  private ParameterSet exportParams;
+  @Nullable
+  private ParameterSet importParams;
+
+  @Nullable
+  private ContentBlock activeBlock;
+  @Nullable
+  private ContentBlock selectedBlock;
+
+  @Nullable
+  private SmartGuideWord[] words;
+
+  private float density;
+
+  private int removeHighlightDelay;
+  private int fadeOutWriteInDiagramDelay;
+  private int fadeOutWriteDelay;
+  private int fadeOutOtherDelay;
+  private Handler fadeOutTimerHandler;
+  private Runnable fadeOutTimerRunnable;
+
+  @Nullable
+  private MenuListener moreMenuListener;
+
+  private static class SmartGuideWord
+  {
+    private String label;
+    private final String[] candidates;
+    private boolean modified;
+
+    public SmartGuideWord(JiixDefinitions.Word word)
+    {
+      label = word.reflowlabel == null ? word.label : word.reflowlabel;
+      candidates = word.candidates;
+      modified = false;
+    }
+  }
+
+  private class SmartGuideWordView extends AppCompatTextView implements View.OnClickListener
+  {
+    private SmartGuideWord word;
+    private int index;
+    private final Handler removeHighlightTimerHandler;
+    private final Runnable removeHighlightTimerRunnable;
+
+    public SmartGuideWordView(Context context)
+    {
+      this(context, null, 0);
+    }
+
+    public SmartGuideWordView(Context context, AttributeSet attrs)
+    {
+      this(context, attrs, 0);
+    }
+
+    public SmartGuideWordView(Context context, AttributeSet attrs, int defStyleAttr)
+    {
+      super(context, attrs, defStyleAttr);
+      setOnClickListener(this);
+      word = null;
+      index = -1;
+
+      removeHighlightTimerHandler = new Handler(Looper.myLooper());
+      removeHighlightTimerRunnable = () -> setTextColor(ResourcesCompat.getColor(getResources(), R.color.word_gray, context.getTheme()));
+    }
+
+    private void init(SmartGuideWord word, int index)
+    {
+      this.word = word;
+      this.index = index;
+      Resources resources = getResources();
+      float textSizeInPixels = resources.getDimension(R.dimen.smart_guide_text_size);
+      int textSize = (int) (textSizeInPixels / density);
+      setTextSize(textSize);
+      setText(word.label.equals("\n") ? " " : word.label);
+      if (word.modified)
+      {
+        setTextColor(Color.BLACK);
+        removeHighlightTimerHandler.postDelayed(removeHighlightTimerRunnable, removeHighlightDelay);
+      }
+      else
+      {
+        setTextColor(ResourcesCompat.getColor(resources, R.color.word_gray, getContext().getTheme()));
+      }
+    }
+
+    private boolean updateWord(int index, String label)
+    {
+      Editor editor = SmartGuideView.this.editor;
+      if (editor == null) return false;
+      ContentBlock block = getBlock();
+      if (block == null) return false;
+      String jiixString = null;
+      try
+      {
+        jiixString = editor.export_(block, MimeType.JIIX, exportParams);
+      }
+      catch (Exception e)
+      {
+        // no-op
+      }
+      Gson gson = new Gson();
+      try
+      {
+        JsonObject result = gson.fromJson(jiixString, JsonObject.class);
+        if (result != null)
+        {
+          JsonArray words = result.getAsJsonArray(JiixDefinitions.Result.WORDS_FIELDNAME);
+          JsonObject word = words.get(index).getAsJsonObject();
+          word.addProperty(JiixDefinitions.Word.LABEL_FIELDNAME, label);
+        }
+        jiixString = gson.toJson(result);
+        editor.import_(MimeType.JIIX, jiixString, block, importParams);
+        return true;
+      }
+      catch (JsonSyntaxException | IndexOutOfBoundsException | IllegalStateException e)
+      {
+        Log.e(TAG, "Failed to edit jiix word candidate", e);
+        return false;
+      }
+    }
+
+    @Override
+    public void onClick(View v)
+    {
+      fadeOutTimerHandler.removeCallbacks(fadeOutTimerRunnable);
+
+      if (!TextUtils.isGraphic(word.label))
+        return;
+
+      String[] candidates;
+      int selectedCandidate = 0;
+
+      if (word.candidates != null)
+      {
+        for (int i = 0; i < word.candidates.length; ++i)
+        {
+          String candidate = word.candidates[i];
+          if (candidate.equals(word.label))
+            selectedCandidate = i;
+        }
+        candidates = word.candidates;
+      }
+      else
+      {
+        candidates = new String[1];
+        candidates[0] = word.label;
+      }
+
+      final int selected = selectedCandidate;
+      AlertDialog.Builder dialogBuilder = new AlertDialog.Builder(v.getContext());
+      dialogBuilder.setSingleChoiceItems(candidates, selected, (dialog, checked) -> {
+        if (word.candidates != null)
+        {
+          String newLabel = word.candidates[checked];
+          if (checked != selected)
+          {
+            if (updateWord(index, newLabel))
+            {
+              setText(newLabel);
+              word.label = newLabel;
+            }
+            else
+            {
+              update(null, UpdateCause.EDIT);
+            }
+          }
+        }
+        dialog.dismiss();
+      });
+      dialogBuilder.show();
+    }
+  }
+
+  public SmartGuideView(Context context)
+  {
+    super(context, null, 0);
+  }
+
+  public SmartGuideView(Context context, @Nullable AttributeSet attrs)
+  {
+    super(context, attrs, 0);
+  }
+
+  public SmartGuideView(Context context, @Nullable AttributeSet attrs, int defStyleAttr)
+  {
+    super(context, attrs, defStyleAttr);
+  }
+
+  public void setTypeface(@Nullable Typeface wordViewTypeface)
+  {
+    this.wordViewTypeface = wordViewTypeface;
+    ViewGroup stackView = (ViewGroup) findViewById(R.id.smart_guide_stack_view);
+    for (int i = 0 ; i < stackView.getChildCount(); ++i)
+    {
+      View child = stackView.getChildAt(i);
+      if (child instanceof TextView)
+      {
+        ((TextView) child).setTypeface(wordViewTypeface);
+      }
+    }
+  }
+
+  public void setEditor(@Nullable Editor editor)
+  {
+    if (this.editor != null && !this.editor.isClosed())
+    {
+      this.editor.removeListener(this);
+      this.editor.getRenderer().removeListener(this);
+    }
+    this.editor = editor;
+    if (editor != null)
+    {
+      editor.addListener(this);
+      editor.getRenderer().addListener(this);
+      Engine engine = editor.getEngine();
+
+      exportParams = engine.createParameterSet();
+      exportParams.setBoolean("export.jiix.text.words", true);
+      exportParams.setBoolean("export.jiix.strokes", false);
+      exportParams.setBoolean("export.jiix.bounding-box", false);
+      exportParams.setBoolean("export.jiix.glyphs", false);
+      exportParams.setBoolean("export.jiix.primitives", false);
+      exportParams.setBoolean("export.jiix.chars", false);
+
+      importParams = engine.createParameterSet();
+      importParams.setString("diagram.import.jiix.action", "update");
+      importParams.setString("raw-content.import.jiix.action", "update");
+      importParams.setString("text-document.import.jiix.action", "update");
+      importParams.setString("text.import.jiix.action", "update");
+
+      Configuration configuration = engine.getConfiguration();
+      fadeOutWriteInDiagramDelay = configuration.getNumber("smart-guide.fade-out-delay.write-in-diagram", SMART_GUIDE_FADE_OUT_DELAY_WRITE_IN_DIAGRAM_DEFAULT).intValue();
+      fadeOutWriteDelay = configuration.getNumber("smart-guide.fade-out-delay.write", SMART_GUIDE_FADE_OUT_DELAY_WRITE_DEFAULT).intValue();
+      fadeOutOtherDelay = configuration.getNumber("smart-guide.fade-out-delay.other", SMART_GUIDE_FADE_OUT_DELAY_OTHER_DEFAULT).intValue();
+      removeHighlightDelay = configuration.getNumber("smart-guide.highlight-removal-delay", SMART_GUIDE_HIGHLIGHT_REMOVAL_DELAY_DEFAULT).intValue();
+    }
+
+  }
+
+  public void setMenuListener(@Nullable MenuListener moreMenuListener)
+  {
+    this.moreMenuListener = moreMenuListener;
+  }
+
+  @Override
+  protected void onAttachedToWindow()
+  {
+    super.onAttachedToWindow();
+
+    density = getResources().getDisplayMetrics().density;
+
+    View moreView = findViewById(R.id.smart_guide_more_view);
+    moreView.setOnClickListener(this);
+    if (moreMenuListener == null && !isInEditMode())
+      moreView.setVisibility(View.GONE);
+
+    fadeOutTimerHandler = new Handler(Looper.myLooper());
+    fadeOutTimerRunnable = () -> setVisibility(View.INVISIBLE);
+  }
+
+  @Override
+  protected void onDetachedFromWindow()
+  {
+    if (selectedBlock != null)
+    {
+      selectedBlock.close();
+      selectedBlock = null;
+    }
+    if (activeBlock != null)
+    {
+      activeBlock.close();
+      activeBlock = null;
+    }
+    super.onDetachedFromWindow();
+  }
+
+  @Override
+  public void partChanging(@NonNull Editor editor, ContentPart oldPart, ContentPart newPart)
+  {
+    // no-op
+  }
+
+  @Override
+  public void partChanged(@NonNull Editor editor)
+  {
+    if (selectedBlock != null)
+    {
+      selectedBlock.close();
+      selectedBlock = null;
+    }
+    if (activeBlock != null)
+    {
+      activeBlock.close();
+      activeBlock = null;
+    }
+    update(null, UpdateCause.VISUAL);
+  }
+
+  @Override
+  public void contentChanged(@NonNull Editor editor, String[] blockIds)
+  {
+    // The active block may have been removed then added again in which case
+    // the old instance is invalid but can be restored by remapping the identifier
+    if (activeBlock != null && !activeBlock.isValid())
+    {
+      String activeBlockId = activeBlock.getId();
+      ContentBlock newActiveBlock = editor.getBlockById(activeBlockId);
+      if (newActiveBlock != null)
+      {
+        activeBlock.close();
+        activeBlock = newActiveBlock;
+      }
+      else
+      {
+        return;
+      }
+    }
+
+    if (activeBlock != null && Arrays.asList(blockIds).contains(activeBlock.getId()))
+    {
+      update(activeBlock, UpdateCause.EDIT);
+    }
+  }
+
+  @Override
+  public void onError(@NonNull Editor editor, @NonNull String blockId, @NonNull EditorError err, @NonNull String message)
+  {
+    Log.e(TAG, "Failed to edit block \"" + blockId + "\": " + message);
+  }
+
+  @Override
+  public void selectionChanged(@NonNull Editor editor)
+  {
+    ContentBlock newSelectionBlock = null;
+    ContentSelectionMode mode = editor.getSelectionMode();
+    if (mode != ContentSelectionMode.NONE && mode != ContentSelectionMode.LASSO)
+    {
+      ContentSelection selection = editor.getSelection();
+
+      String[] blockIds;
+      if (selection.isValid())
+        blockIds = editor.getIntersectingBlocks(selection);
+      else
+        blockIds = new String[]{};
+      selection.close();
+
+      for (String blockId : blockIds)
+      {
+        ContentBlock block = editor.getBlockById(blockId);
+        if (block != null && block.getType().equals("Text"))
+        {
+          newSelectionBlock = block;
+          break;
+        }
+        else if (block != null)
+        {
+          block.close();
+        }
+      }
+    }
+
+    update(newSelectionBlock, UpdateCause.SELECTION);
+
+    if (selectedBlock != null)
+    {
+      selectedBlock.close();
+    }
+    selectedBlock = newSelectionBlock;
+  }
+
+  @Override
+  public void activeBlockChanged(@NonNull Editor editor, @NonNull String blockId)
+  {
+    ContentBlock block = getBlock();
+    if (block != null && blockId.equals(block.getId()))
+    {
+      // selectionChanged already changed the active block
+      return;
+    }
+
+    ContentBlock newActiveBlock = editor.getBlockById(blockId);
+    update(newActiveBlock, UpdateCause.EDIT);
+
+    if (activeBlock != null)
+    {
+      activeBlock.close();
+    }
+    activeBlock = newActiveBlock;
+  }
+
+  @Override
+  public void viewTransformChanged(@NonNull Renderer renderer)
+  {
+    update(getBlock(), UpdateCause.VIEW);
+  }
+
+  @Override
+  public void onClick(View v)
+  {
+    if (v.getId() == R.id.smart_guide_more_view)
+    {
+      fadeOutTimerHandler.removeCallbacks(fadeOutTimerRunnable);
+
+      ContentBlock block = getBlock();
+      try
+      {
+        if (editor != null && block != null && moreMenuListener != null)
+        {
+          String blockId = block.getId();
+          Rectangle box = block.getBox();
+          Transform transform = editor.getRenderer().getViewTransform();
+          Point center = transform.apply(box.x + (box.width / 2), box.y + (box.height / 2));
+          // Do not move reference to `ContentBlock` outside this object to simplify
+          // ownership of native `AutoCloseable` objects.
+          moreMenuListener.onMoreMenuClicked(center.x, center.y, blockId);
+        }
+      }
+      catch (Exception e)
+      {
+        // targeted block might have been destroyed in the meantime
+        selectedBlock = null;
+        activeBlock = null;
+        update(null, UpdateCause.EDIT);
+      }
+    }
+  }
+
+  private void update(@Nullable ContentBlock block, final UpdateCause cause)
+  {
+    Editor editor = SmartGuideView.this.editor;
+    if (isAttachedToWindow() && editor != null && block != null && block.isValid() && block.getType().equals("Text"))
+    {
+      Gson gson = new Gson();
+      // Update size and position
+      Rectangle rectangle = block.getBox();
+      JiixDefinitions.Padding padding = null;
+      if (block.getAttributes().length() > 0)
+      {
+        try
+        {
+          padding = gson.fromJson(block.getAttributes(), JiixDefinitions.Padding.class);
+        }
+        catch (JsonSyntaxException e)
+        {
+          Log.e(TAG, "Failed to parse attributes as json", e);
+        }
+      }
+      final float paddingLeft = padding != null ? padding.left : 0.0f;
+      final float paddingRight = padding != null ? padding.right : 0.0f;
+
+      // Update words
+      final SmartGuideWord[] updatedWords;
+      ContentBlock currentBlock = getBlock();
+      boolean isSameActiveBlock = currentBlock != null && currentBlock.getId().equals(block.getId());
+      if (cause != UpdateCause.EDIT && isSameActiveBlock)
+      {
+        // Nothing changed so keep same words
+        updatedWords = words;
+      }
+      else
+      {
+        // Build new word list from JIIX export
+        String jiixString;
+        try
+        {
+          jiixString = editor.export_(block, MimeType.JIIX, exportParams);
+        }
+        catch (Exception e)
+        {
+          return; // when processing is ongoing, export may fail: ignore
+        }
+        ArrayList<SmartGuideWord> smartGuideWords = new ArrayList<>();
+        try
+        {
+          JiixDefinitions.Result result = gson.fromJson(jiixString, JiixDefinitions.Result.class);
+          if (result != null && result.words != null)
+          {
+            int count = result.words.length;
+            for (int i = 0; i < count; ++i)
+              smartGuideWords.add(new SmartGuideWord(result.words[i]));
+          }
+        }
+        catch (JsonSyntaxException e)
+        {
+          Log.e(TAG, "Failed to parse jiix string as json words", e);
+        }
+        updatedWords = new SmartGuideWord[smartGuideWords.size()];
+        smartGuideWords.toArray(updatedWords);
+
+        // Possibly compute difference with previous state
+        if (isSameActiveBlock && words != null)
+        {
+          computeModificationOfWords(updatedWords, words);
+        }
+        else if (cause == UpdateCause.EDIT)
+        {
+          for (SmartGuideWord updatedWord : updatedWords)
+          {
+            updatedWord.modified = true;
+          }
+        }
+      }
+
+      final boolean updateWords = words != updatedWords;
+      final boolean isInDiagram = block.getId().startsWith("diagram/");
+
+      post(() -> {
+        if (!isAttachedToWindow())
+          return;
+        Editor editor_ = SmartGuideView.this.editor;
+        if (editor_ == null || editor_.isClosed())
+          return;
+        Renderer renderer_ = editor_.getRenderer();
+        if (renderer_ == null || renderer_.isClosed())
+          return;
+
+        Transform transform = renderer_.getViewTransform();
+        Point left = transform.apply(rectangle.x + paddingLeft, rectangle.y);
+        Point right = transform.apply(rectangle.x + rectangle.width - paddingRight, rectangle.y);
+
+        float x = left.x;
+        float y = left.y;
+        float width = right.x - left.x;
+
+        final HorizontalScrollView scrollView= findViewById(R.id.smart_guide_scroll_view);
+        View moreView = findViewById(R.id.smart_guide_more_view);
+        if (scrollView == null || moreView == null)
+        {
+          Log.e(TAG, "Failed to access views");
+          return;
+        }
+
+        final FrameLayout.LayoutParams layoutParams = (FrameLayout.LayoutParams) getLayoutParams();
+        layoutParams.leftMargin = (int) x;
+        layoutParams.topMargin = (int) y - getHeight();
+        final LinearLayout.LayoutParams scrollViewLayoutParams = (LinearLayout.LayoutParams) scrollView.getLayoutParams();
+        scrollViewLayoutParams.width = (int) width - moreView.getWidth();
+
+        setLayoutParams(layoutParams);
+        scrollView.setLayoutParams(scrollViewLayoutParams);
+
+        if (updateWords)
+        {
+          final LinearLayout stackView = findViewById(R.id.smart_guide_stack_view);
+          stackView.removeAllViews();
+          SmartGuideWordView lastModifiedWordView_ = null;
+          for (int i = 0; i < updatedWords.length; ++i)
+          {
+            SmartGuideWordView smartGuideWordView = new SmartGuideWordView(getContext());
+            smartGuideWordView.setTypeface(wordViewTypeface);
+            smartGuideWordView.init(updatedWords[i], i);
+            stackView.addView(smartGuideWordView);
+            if (smartGuideWordView.word.modified)
+              lastModifiedWordView_ = smartGuideWordView;
+          }
+          if (lastModifiedWordView_ != null)
+          {
+            final SmartGuideWordView lastModifiedWordView = lastModifiedWordView_;
+            scrollView.post(() -> {
+              Rect rect = new Rect();
+              lastModifiedWordView.getHitRect(rect); // coordinates of lastModifiedWordView relative to its parent stackView
+              scrollView.requestChildRectangleOnScreen(stackView, rect, false);
+            });
+          }
+        }
+
+        int delay;
+        if (cause == UpdateCause.EDIT)
+        {
+          if (isInDiagram)
+            delay = fadeOutWriteInDiagramDelay;
+          else
+            delay = fadeOutWriteDelay;
+        }
+        else
+          delay = fadeOutOtherDelay;
+
+        if (cause != UpdateCause.VIEW)
+        {
+          fadeOutTimerHandler.removeCallbacks(fadeOutTimerRunnable);
+
+          if (delay > 0)
+            fadeOutTimerHandler.postDelayed(fadeOutTimerRunnable, delay);
+
+          setVisibility(View.VISIBLE);
+        }
+      });
+
+      words = updatedWords;
+    }
+    else
+    {
+      fadeOutTimerHandler.removeCallbacks(fadeOutTimerRunnable);
+
+      post(() -> setVisibility(View.INVISIBLE));
+    }
+  }
+
+  private void computeModificationOfWords(SmartGuideWord[] words, SmartGuideWord[] oldWords)
+  {
+    int len1 = oldWords.length;
+    int len2 = words.length;
+
+    int[][] d = new int[len1 + 1][len2 + 1];
+    int i;
+    int j;
+
+    // Levenshtein distance algorithm at word level
+    d[0][0] = 0;
+    for (i = 1; i <= len1; ++i)
+      d[i][0] = i;
+    for (i = 1; i <= len2; ++i)
+      d[0][i] = i;
+
+    for (i = 1; i <= len1; ++i)
+    {
+      for (j = 1; j <= len2; ++j)
+      {
+        int d1 = d[i - 1][j] + 1;
+        int d2 = d[i][j - 1] + 1;
+        int d3 = d[i - 1][j - 1] + (oldWords[i - 1].label.equals(words[j - 1].label) ? 0 : 1);
+        d[i][j] = Math.min(Math.min(d1, d2), d3);
+      }
+    }
+
+    // Backward traversal
+    for (j = 0; j < len2; ++j)
+      words[j].modified = true;
+
+    if ((len1 > 0) && (len2 > 0))
+    {
+      i = len1;
+      j = len2;
+
+      while (j > 0)
+      {
+        int d01 = d[i][j - 1];
+        int d11 = (i > 0) ? d[i - 1][j - 1] : -1;
+        int d10 = (i > 0) ? d[i - 1][j] : -1;
+
+        if ((d11 >= 0) && (d11 <= d10) && (d11 <= d01))
+        {
+          --i;
+          --j;
+        }
+        else if ((d10 >= 0) && (d10 <= d11) && (d10 <= d01))
+        {
+          --i;
+        }
+        else //if ( (d01 <= d11) && (d01 <= d10) )
+        {
+          --j;
+        }
+
+        if ((i < len1) && (j < len2))
+          words[j].modified = !oldWords[i].label.equals(words[j].label);
+      }
+    }
+  }
+
+  /**
+   * Return an alias <b>reference</b> to either activeBlock or selectedBlock, do not <code>close()</code> it.
+   * It must be closed through activeBlock and selectedBlock.
+   */
+  @Nullable
+  private ContentBlock getBlock()
+  {
+    return selectedBlock != null ? selectedBlock : activeBlock;
+  }
+}
diff --git a/myscript-iink/UIReferenceImplementation/src/main/res/drawable/ic_smart_guide_more.xml b/myscript-iink/UIReferenceImplementation/src/main/res/drawable/ic_smart_guide_more.xml
new file mode 100644
index 0000000..6439bcc
--- /dev/null
+++ b/myscript-iink/UIReferenceImplementation/src/main/res/drawable/ic_smart_guide_more.xml
@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24"
+    android:tint="?attr/colorControlNormal">
+  <path
+      android:fillColor="@android:color/white"
+      android:pathData="M6,10c-1.1,0 -2,0.9 -2,2s0.9,2 2,2 2,-0.9 2,-2 -0.9,-2 -2,-2zM18,10c-1.1,0 -2,0.9 -2,2s0.9,2 2,2 2,-0.9 2,-2 -0.9,-2 -2,-2zM12,10c-1.1,0 -2,0.9 -2,2s0.9,2 2,2 2,-0.9 2,-2 -0.9,-2 -2,-2z"/>
+</vector>
diff --git a/myscript-iink/UIReferenceImplementation/src/main/res/drawable/smart_guide_bottom_border.xml b/myscript-iink/UIReferenceImplementation/src/main/res/drawable/smart_guide_bottom_border.xml
new file mode 100644
index 0000000..a1e0da3
--- /dev/null
+++ b/myscript-iink/UIReferenceImplementation/src/main/res/drawable/smart_guide_bottom_border.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
+  <item android:top="-2dp" android:left="-2dp" android:right="-2dp">
+    <shape android:shape="rectangle">
+      <solid android:color="@color/control_white_transparent"/>
+      <stroke android:width="1dp" android:color="@color/control_gray" />
+    </shape>
+  </item>
+</layer-list>
\ No newline at end of file
diff --git a/myscript-iink/UIReferenceImplementation/src/main/res/layout/editor_view.xml b/myscript-iink/UIReferenceImplementation/src/main/res/layout/editor_view.xml
new file mode 100644
index 0000000..5288ec0
--- /dev/null
+++ b/myscript-iink/UIReferenceImplementation/src/main/res/layout/editor_view.xml
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<merge xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:custom="http://schemas.android.com/apk/res-auto">
+
+    <com.myscript.iink.uireferenceimplementation.EditorView
+        android:id="@+id/editor_view"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:visibility="invisible">
+
+        <com.myscript.iink.uireferenceimplementation.LayerView
+            android:id="@+id/layer_iink"
+            android:layout_width="match_parent"
+            android:layout_height="match_parent"
+            android:layout_marginTop="0dp"
+            android:layout_marginBottom="0dp"
+            android:layout_marginLeft="0dp"
+            android:layout_marginRight="0dp"
+            android:scrollbars="horizontal|vertical" />
+
+    </com.myscript.iink.uireferenceimplementation.EditorView>
+
+</merge>
\ No newline at end of file
diff --git a/myscript-iink/UIReferenceImplementation/src/main/res/layout/smart_guide_layout.xml b/myscript-iink/UIReferenceImplementation/src/main/res/layout/smart_guide_layout.xml
new file mode 100644
index 0000000..dcb7034
--- /dev/null
+++ b/myscript-iink/UIReferenceImplementation/src/main/res/layout/smart_guide_layout.xml
@@ -0,0 +1,54 @@
+<com.myscript.iink.uireferenceimplementation.SmartGuideView xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:id="@+id/smart_guide_view"
+    android:layout_width="wrap_content"
+    android:layout_height="wrap_content"
+    android:minHeight="48dp"
+    android:orientation="horizontal"
+    android:visibility="invisible"
+    android:background="@drawable/smart_guide_bottom_border"
+    tools:layout_marginTop="48dp"
+    tools:layout_marginStart="24dp"
+    tools:layout_marginEnd="24dp"
+    tools:layout_width="match_parent"
+    tools:visibility="visible">
+
+    <HorizontalScrollView
+        android:id="@+id/smart_guide_scroll_view"
+        android:layout_width="0dp"
+        android:layout_weight="1"
+        android:layout_height="match_parent"
+        android:fillViewport="true">
+
+        <LinearLayout
+            android:id="@+id/smart_guide_stack_view"
+            android:layout_width="wrap_content"
+            android:layout_height="match_parent"
+            android:paddingStart="@dimen/smart_guide_horizontal_padding"
+            android:paddingEnd="@dimen/smart_guide_horizontal_padding"
+            android:gravity="left|center"
+            android:orientation="horizontal">
+
+            <TextView
+                android:id="@+id/smart_guide_word_view"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:textSize="@dimen/smart_guide_text_size"
+                android:textColor="@color/word_gray"
+                tools:text="hello world!" />
+
+        </LinearLayout>
+
+    </HorizontalScrollView>
+
+    <ImageButton
+        android:id="@+id/smart_guide_more_view"
+        android:layout_width="48dp"
+        android:layout_height="48dp"
+        android:padding="12dp"
+        android:gravity="end|center_vertical"
+        android:src="@drawable/ic_smart_guide_more"
+        tools:tint="@color/control_gray"
+        android:background="?attr/selectableItemBackground" />
+
+</com.myscript.iink.uireferenceimplementation.SmartGuideView>
diff --git a/myscript-iink/UIReferenceImplementation/src/main/res/values/colors.xml b/myscript-iink/UIReferenceImplementation/src/main/res/values/colors.xml
new file mode 100644
index 0000000..cfc93cf
--- /dev/null
+++ b/myscript-iink/UIReferenceImplementation/src/main/res/values/colors.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+  <color name="control_gray">#959da6</color>
+  <color name="word_gray">#bfbfbf</color>
+  <color name="control_white_transparent">#f2ffffff</color>
+</resources>
diff --git a/myscript-iink/UIReferenceImplementation/src/main/res/values/dimens.xml b/myscript-iink/UIReferenceImplementation/src/main/res/values/dimens.xml
new file mode 100644
index 0000000..de9d8d6
--- /dev/null
+++ b/myscript-iink/UIReferenceImplementation/src/main/res/values/dimens.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+
+  <dimen name="smart_guide_text_size">20sp</dimen>
+  <dimen name="smart_guide_horizontal_padding">8dp</dimen>
+  <dimen name="smart_guide_vertical_padding">8dp</dimen>
+
+</resources>
\ No newline at end of file
diff --git a/myscript-iink/build.gradle b/myscript-iink/build.gradle
new file mode 100644
index 0000000..4d71eb9
--- /dev/null
+++ b/myscript-iink/build.gradle
@@ -0,0 +1,48 @@
+plugins {
+    id 'com.android.library'
+    id 'org.jetbrains.kotlin.android'
+}
+
+android {
+    namespace 'com.knowre.android.myscript.iink'
+    compileSdk 33
+
+    defaultConfig {
+        minSdk 21
+        targetSdk 33
+
+        testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
+        consumerProguardFiles "consumer-rules.pro"
+    }
+
+    buildFeatures {
+        viewBinding true
+    }
+
+    buildTypes {
+        release {
+            minifyEnabled false
+            proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro'
+        }
+    }
+    compileOptions {
+        sourceCompatibility JavaVersion.VERSION_17
+        targetCompatibility JavaVersion.VERSION_17
+    }
+    kotlinOptions {
+        jvmTarget = JavaVersion.VERSION_17.toString()
+    }
+}
+
+dependencies {
+    implementation project("${getImplementationPrefix(project.parent.name)}:extension-android")
+    implementation project("${getImplementationPrefix(project.parent.name)}:extension-standard")
+    api project("${getImplementationPrefix(project.parent.name)}:myscript-iink:UIReferenceImplementation")
+    implementation 'androidx.core:core-ktx:1.8.0'
+    implementation 'androidx.appcompat:appcompat:1.5.1'
+    implementation 'com.google.android.material:material:1.7.0'
+    implementation "com.google.code.gson:gson:2.10.1"
+    testImplementation 'junit:junit:4.13.2'
+    androidTestImplementation 'androidx.test.ext:junit:1.1.5'
+    androidTestImplementation 'androidx.test.espresso:espresso-core:3.5.1'
+}
\ No newline at end of file
diff --git a/myscript-iink/consumer-rules.pro b/myscript-iink/consumer-rules.pro
new file mode 100644
index 0000000..e69de29
diff --git a/myscript-iink/proguard-rules.pro b/myscript-iink/proguard-rules.pro
new file mode 100644
index 0000000..481bb43
--- /dev/null
+++ b/myscript-iink/proguard-rules.pro
@@ -0,0 +1,21 @@
+# Add project specific ProGuard rules here.
+# You can control the set of applied configuration files using the
+# proguardFiles setting in build.gradle.
+#
+# For more details, see
+#   http://developer.android.com/guide/developing/tools/proguard.html
+
+# If your project uses WebView with JS, uncomment the following
+# and specify the fully qualified class name to the JavaScript interface
+# class:
+#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
+#   public *;
+#}
+
+# Uncomment this to preserve the line number information for
+# debugging stack traces.
+#-keepattributes SourceFile,LineNumberTable
+
+# If you keep the line number information, uncomment this to
+# hide the original source file name.
+#-renamesourcefileattribute SourceFile
\ No newline at end of file
diff --git a/myscript-iink/src/androidTest/java/com/knowre/android/myscript/iink/ExampleInstrumentedTest.kt b/myscript-iink/src/androidTest/java/com/knowre/android/myscript/iink/ExampleInstrumentedTest.kt
new file mode 100644
index 0000000..815512e
--- /dev/null
+++ b/myscript-iink/src/androidTest/java/com/knowre/android/myscript/iink/ExampleInstrumentedTest.kt
@@ -0,0 +1,24 @@
+package com.knowre.android.myscript.iink
+
+import androidx.test.platform.app.InstrumentationRegistry
+import androidx.test.ext.junit.runners.AndroidJUnit4
+
+import org.junit.Test
+import org.junit.runner.RunWith
+
+import org.junit.Assert.*
+
+/**
+ * Instrumented test, which will execute on an Android device.
+ *
+ * See [testing documentation](http://d.android.com/tools/testing).
+ */
+@RunWith(AndroidJUnit4::class)
+class ExampleInstrumentedTest {
+    @Test
+    fun useAppContext() {
+        // Context of the app under test.
+        val appContext = InstrumentationRegistry.getInstrumentation().targetContext
+        assertEquals("com.knowre.android.myscript.iink.test", appContext.packageName)
+    }
+}
\ No newline at end of file
diff --git a/myscript-iink/src/main/AndroidManifest.xml b/myscript-iink/src/main/AndroidManifest.xml
new file mode 100644
index 0000000..a5918e6
--- /dev/null
+++ b/myscript-iink/src/main/AndroidManifest.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+
+</manifest>
\ No newline at end of file
diff --git a/myscript-iink/src/main/assets/conf/math.conf b/myscript-iink/src/main/assets/conf/math.conf
new file mode 100644
index 0000000..414ef3b
--- /dev/null
+++ b/myscript-iink/src/main/assets/conf/math.conf
@@ -0,0 +1,10 @@
+Bundle-Version: 1.0
+Bundle-Name: math
+Configuration-Script:
+ AddResDir ../resources
+
+Name: standard
+Type: Math
+Configuration-Script:
+ AddResource math/math-ak.res
+ AddResource math/math-grm-standard.res
diff --git a/myscript-iink/src/main/assets/resources/math/math-ak.res b/myscript-iink/src/main/assets/resources/math/math-ak.res
new file mode 100644
index 0000000..825c1d2
Binary files /dev/null and b/myscript-iink/src/main/assets/resources/math/math-ak.res differ
diff --git a/myscript-iink/src/main/assets/resources/math/math-grm-standard.res b/myscript-iink/src/main/assets/resources/math/math-grm-standard.res
new file mode 100644
index 0000000..5bebf09
Binary files /dev/null and b/myscript-iink/src/main/assets/resources/math/math-grm-standard.res differ
diff --git a/myscript-iink/src/main/java/com/knowre/android/myscript/iink/ColorExtensions.kt b/myscript-iink/src/main/java/com/knowre/android/myscript/iink/ColorExtensions.kt
new file mode 100644
index 0000000..245ae98
--- /dev/null
+++ b/myscript-iink/src/main/java/com/knowre/android/myscript/iink/ColorExtensions.kt
@@ -0,0 +1,25 @@
+package com.knowre.android.myscript.iink
+
+import androidx.annotation.ColorInt
+import androidx.core.graphics.ColorUtils
+import com.myscript.iink.graphics.Color as IinkColor
+
+
+@get:ColorInt
+internal val IinkColor.androidColor: Int
+    get() = android.graphics.Color.argb(a(), r(), g(), b())
+
+internal val Int.iinkColor: IinkColor
+    get() {
+        val r = this shr 16 and 0xff
+        val g = this shr 8 and 0xff
+        val b = this and 0xff
+        val a = this shr 24 and 0xff
+        return IinkColor(r, g, b, a)
+    }
+
+@get:ColorInt
+internal val Int.opaque: Int
+    get() = ColorUtils.setAlphaComponent(this, 0xFF)
+
+internal fun colorValue(iinkColor: IinkColor) = String.format("#%08X", 0xFFFFFFFF and iinkColor.rgba.toLong())
\ No newline at end of file
diff --git a/myscript-iink/src/main/java/com/knowre/android/myscript/iink/ConfigurationExtension.kt b/myscript-iink/src/main/java/com/knowre/android/myscript/iink/ConfigurationExtension.kt
new file mode 100644
index 0000000..4079de9
--- /dev/null
+++ b/myscript-iink/src/main/java/com/knowre/android/myscript/iink/ConfigurationExtension.kt
@@ -0,0 +1,11 @@
+package com.knowre.android.myscript.iink
+
+import com.myscript.iink.Configuration
+
+
+internal fun Configuration.ofGeneral(func: GeneralConfiguration.() -> Unit) =
+    GeneralConfiguration(this).func()
+
+internal fun Configuration.ofMath(func: MathConfiguration.() -> Unit) =
+    MathConfiguration(this).func()
+
diff --git a/myscript-iink/src/main/java/com/knowre/android/myscript/iink/EditorExtension.kt b/myscript-iink/src/main/java/com/knowre/android/myscript/iink/EditorExtension.kt
new file mode 100644
index 0000000..4a3a56f
--- /dev/null
+++ b/myscript-iink/src/main/java/com/knowre/android/myscript/iink/EditorExtension.kt
@@ -0,0 +1,52 @@
+package com.knowre.android.myscript.iink
+
+import com.myscript.iink.ContentPart
+import com.myscript.iink.Editor
+import com.myscript.iink.EditorError
+import com.myscript.iink.IEditorListener
+import com.myscript.iink.MimeType
+
+
+internal fun Editor.latex() = export_(null, MimeType.LATEX)
+
+typealias PartChanging = (editor: Editor, oldPart: ContentPart?, newPart: ContentPart?) -> Unit
+typealias PartChanged = (editor: Editor) -> Unit
+typealias ContentChanged = (editor: Editor, blockIds: Array<out String>) -> Unit
+typealias OnError = (editor: Editor, blockId: String, error: EditorError, message: String) -> Unit
+typealias SelectionChanged = (editor: Editor) -> Unit
+typealias ActiveBlockChanged = (editor: Editor, blockId: String) -> Unit
+
+internal inline fun Editor.addListener(
+    crossinline partChanging: PartChanging = { _, _, _ -> },
+    crossinline partChanged: PartChanged = { _ -> },
+    crossinline contentChanged: ContentChanged = { _, _ -> },
+    crossinline onError: OnError = { _, _, _, _ -> },
+    crossinline selectionChanged: SelectionChanged = { _ -> },
+    crossinline activeBlockChanged: ActiveBlockChanged = { _, _ -> }
+) {
+    addListener(object : IEditorListener {
+        override fun partChanging(editor: Editor, oldPart: ContentPart?, newPart: ContentPart?) {
+            partChanging(editor, oldPart, newPart)
+        }
+
+        override fun partChanged(editor: Editor) {
+            partChanged(editor)
+        }
+
+        override fun contentChanged(editor: Editor, blockIds: Array<out String>) {
+            contentChanged(editor, blockIds)
+        }
+
+        override fun onError(editor: Editor, blockId: String, error: EditorError, message: String) {
+            onError(editor, blockId, error, message)
+        }
+
+        override fun selectionChanged(editor: Editor) {
+            selectionChanged(editor)
+        }
+
+        override fun activeBlockChanged(editor: Editor, blockId: String) {
+            activeBlockChanged(editor, blockId)
+        }
+    })
+}
\ No newline at end of file
diff --git a/myscript-iink/src/main/java/com/knowre/android/myscript/iink/FolderProvider.kt b/myscript-iink/src/main/java/com/knowre/android/myscript/iink/FolderProvider.kt
new file mode 100644
index 0000000..40edf9f
--- /dev/null
+++ b/myscript-iink/src/main/java/com/knowre/android/myscript/iink/FolderProvider.kt
@@ -0,0 +1,30 @@
+package com.knowre.android.myscript.iink
+
+import android.content.Context
+import java.io.File
+
+
+internal class FolderProvider(val context: Context) {
+
+    val rootFolder
+        get() = File(context.filesDir, ROOT)
+
+    val configFolder
+        get() = File(rootFolder, CONFIGURATION)
+
+    val mathResourceFolder
+        get() = File(rootFolder, MATH_RESOURCE)
+
+    val packageFolder = File(rootFolder, "${PACKAGE}_${System.currentTimeMillis()}")
+
+    val contentPackageTempFolder
+        get() =File(rootFolder, CONTENT_PACKAGE)
+
+    companion object {
+        private const val ROOT = "/myscript"
+        private const val CONFIGURATION = "/conf"
+        private const val MATH_RESOURCE = "/resources/math"
+        private const val PACKAGE = "/package"
+        private const val CONTENT_PACKAGE = "/tmp"
+    }
+}
\ No newline at end of file
diff --git a/myscript-iink/src/main/java/com/knowre/android/myscript/iink/GeneralConfiguration.kt b/myscript-iink/src/main/java/com/knowre/android/myscript/iink/GeneralConfiguration.kt
new file mode 100644
index 0000000..7012c8d
--- /dev/null
+++ b/myscript-iink/src/main/java/com/knowre/android/myscript/iink/GeneralConfiguration.kt
@@ -0,0 +1,21 @@
+package com.knowre.android.myscript.iink
+
+import com.myscript.iink.Configuration
+import kotlin.properties.Delegates
+
+/**
+ * https://developer.myscript.com/docs/interactive-ink/2.1/reference/configuration/ 에서 general section 부분의 설정 값을 설정한다.
+ * 아래 주석이 없는 동작에 대해서는 위 홈페이지를 참조.
+ */
+internal class GeneralConfiguration(
+    private val configuration: Configuration
+) {
+
+    var configPath by Delegates.observable("") { _, _, new ->
+        configuration.setStringArray("configuration-manager.search-path", arrayOf(new))
+    }
+
+    var contentPackageTempFolder by Delegates.observable("") { _, _, new ->
+        configuration.setString("content-package.temp-folder", new)
+    }
+}
\ No newline at end of file
diff --git a/myscript-iink/src/main/java/com/knowre/android/myscript/iink/MathConfiger.kt b/myscript-iink/src/main/java/com/knowre/android/myscript/iink/MathConfiger.kt
new file mode 100644
index 0000000..e428820
--- /dev/null
+++ b/myscript-iink/src/main/java/com/knowre/android/myscript/iink/MathConfiger.kt
@@ -0,0 +1,32 @@
+package com.knowre.android.myscript.iink
+
+import java.io.File
+
+
+internal class MathConfiger(private val configFolder: File) {
+
+    private val template = { grammarName: String ->
+        """
+            Bundle-Version: 1.0
+            Bundle-Name: math
+            Configuration-Script:
+             AddResDir ../resources
+    
+            Name: standard
+            Type: Math
+            Configuration-Script:
+             AddResource math/math-ak.res
+             AddResource math/$grammarName
+        """
+            .trimIndent()
+    }
+
+    val grammar = { grammarName: String ->
+        File(configFolder, CONFIG_FILE_NAME)
+            .writeText(template(grammarName))
+    }
+
+    companion object {
+        private const val CONFIG_FILE_NAME = "${MathConfiguration.CONFIG_BUNDLE_NAME_DEFAULT}.conf"
+    }
+}
\ No newline at end of file
diff --git a/myscript-iink/src/main/java/com/knowre/android/myscript/iink/MathConfiguration.kt b/myscript-iink/src/main/java/com/knowre/android/myscript/iink/MathConfiguration.kt
new file mode 100644
index 0000000..211d5b6
--- /dev/null
+++ b/myscript-iink/src/main/java/com/knowre/android/myscript/iink/MathConfiguration.kt
@@ -0,0 +1,54 @@
+package com.knowre.android.myscript.iink
+
+import com.myscript.iink.Configuration
+import com.myscript.iink.Editor
+import com.myscript.iink.IEditorListener
+import kotlin.properties.Delegates
+
+
+/**
+ * https://developer.myscript.com/docs/interactive-ink/2.1/reference/configuration/ 에서 math section 부분의 설정 값을 설정한다.
+ * 아래 주석이 없는 동작에 대해서는 위 홈페이지를 참조.
+ */
+internal class MathConfiguration(private val configuration: Configuration) {
+
+    var mathConfigurationBundle by Delegates.observable(CONFIG_BUNDLE_NAME_DEFAULT) { _, _, new ->
+        configuration.setString("math.configuration.bundle", new)
+    }
+
+    var mathConfigurationName by Delegates.observable(CONFIG_NAME_DEFAULT) { _, _, new ->
+        configuration.setString("math.configuration.name", new)
+    }
+
+    /**
+     * 사용자가 Touch up 한 후, [IEditorListener.contentChanged] 가 불리기 까지는 마스에 기본적으로 800~1000ms 정도의 interval 이 세팅돼 있다.
+     * https://developer.myscript.com/docs/interactive-ink/2.1/reference/configuration/ 에서 diagram.session-time 으로 검색해보면 설명이 나와있다.
+     * (다만 왜 math.session-time 은 doc 에는 없는지는 모르겠다. doc 를 업데이트 안한 건지.)
+     * 이를, 적당히 줄여야 touch up 후에 빠른시간안에 인식이 된다. 만약 이 값을 기본 값을 쓰게되면 이 interval 시간동안에는 [Editor.export_] 를 통해 그린 스트록과 일치하는 latex 값을 뽑아 올 수 없게되고
+     * 사용자가 저 interval 시간 사이에 정답확인과 같은 동작을 할 경우 잘못된 latex 값이 서버로 전송되게 된다.
+     * (마이스크립트 측에서는 이 값을 줄일 경우 (자기들도 정확히 설명해줄 순 없지만..) 사이드 이펙트가 있을 순 있으니 적절히 줄여보고 사이드 이펙트가 없는 선에서 값을 설정하라고 안내해줌)
+     */
+    var sessionTimeMillis by Delegates.observable(100L) { _, _, new ->
+        configuration.setNumber("math.session-time", new)
+    }
+
+    /**
+     * true 로 설정하면, [MyScript.convert] 실행 시 변환된 수학 공식에 정답도 같이 표시된다.(latex 결과 값도 변하니 주의)
+     */
+    var isMathSolverEnabled by Delegates.observable(false) { _, _, new ->
+        configuration.setBoolean("math.solver.enable", new)
+    }
+
+    var isConvertAnimationEnabled by Delegates.observable(true) { _, _, new ->
+        configuration.setBoolean("math.convert.animate", new)
+    }
+
+    var candidateCount by Delegates.observable(2) { _, _, new ->
+        configuration.setString("math.configuration.script", "SetMathSymbolCandidateCount $new")
+    }
+
+    companion object {
+        const val CONFIG_BUNDLE_NAME_DEFAULT = "math"
+        const val CONFIG_NAME_DEFAULT = "standard"
+    }
+}
\ No newline at end of file
diff --git a/myscript-iink/src/main/java/com/knowre/android/myscript/iink/MathGrammarLoader.kt b/myscript-iink/src/main/java/com/knowre/android/myscript/iink/MathGrammarLoader.kt
new file mode 100644
index 0000000..88c8e74
--- /dev/null
+++ b/myscript-iink/src/main/java/com/knowre/android/myscript/iink/MathGrammarLoader.kt
@@ -0,0 +1,20 @@
+package com.knowre.android.myscript.iink
+
+import com.knowre.android.myscript.iink.MyScriptAssetResource.Companion.DEFAULT_GRAMMAR_NAME
+import java.io.File
+
+
+internal class MathGrammarLoader(
+    private val mathResourceFolder: File,
+    private val mathConfiger: MathConfiger
+) {
+
+    fun load(grammarName: String, byteArray: ByteArray) {
+        runCatching {
+            File(mathResourceFolder, grammarName)
+                .apply { writeBytes(byteArray) }
+        }
+            .onSuccess { it.let { mathConfiger.grammar(it.name) } }
+            .onFailure { mathConfiger.grammar(DEFAULT_GRAMMAR_NAME) }
+    }
+}
\ No newline at end of file
diff --git a/myscript-iink/src/main/java/com/knowre/android/myscript/iink/MyScript.kt b/myscript-iink/src/main/java/com/knowre/android/myscript/iink/MyScript.kt
new file mode 100644
index 0000000..9d2e716
--- /dev/null
+++ b/myscript-iink/src/main/java/com/knowre/android/myscript/iink/MyScript.kt
@@ -0,0 +1,269 @@
+package com.knowre.android.myscript.iink
+
+import com.google.gson.GsonBuilder
+import com.knowre.android.myscript.iink.jiix.Jiix
+import com.myscript.iink.ContentPackage
+import com.myscript.iink.ContentPart
+import com.myscript.iink.Editor
+import com.myscript.iink.Engine
+import com.myscript.iink.IEditorListener
+import com.myscript.iink.MimeType
+import com.myscript.iink.PointerTool
+import com.myscript.iink.uireferenceimplementation.InputController
+import kotlinx.coroutines.CoroutineScope
+import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.Job
+import kotlinx.coroutines.delay
+import kotlinx.coroutines.launch
+import java.io.File
+import kotlin.properties.Delegates
+
+
+internal class MyScript(
+    packageFolder: File,
+    private val engine: Engine,
+    private val inputController: InputController,
+    private val editor: Editor,
+    private val mathGrammarLoader: MathGrammarLoader,
+    private val scope: CoroutineScope
+) : MyScriptApi {
+
+    override var isAutoConvertEnabled: Boolean = true
+
+    override var theme: String by Delegates.observable("") { _, _, new ->
+        editor.theme = new
+    }
+
+    /**
+     * 참고 : 현재 앱에서는 [ToolType.HAND], [ToolFunction.DRAWING] 만 사용 중이다.
+     */
+    override var tool: MyScriptApi.Tool by Delegates.observable(MyScriptApi.Tool.DEFAULT) { _, _, _ ->
+        when (tool.toolType) {
+            ToolType.PEN -> inputController.inputMode = DRAWING_OR_ERASING_BY_PEN_BUT_GESTURE_BY_HAND
+            ToolType.HAND -> inputController.inputMode = DRAWING_OR_ERASING_ONLY
+        }
+
+        editor.toolController.setToolForType(tool.toolType.toPointerType, tool.toolFunction.toPointerTool)
+    }
+
+    /**
+     * 0xFF0000(RED)의 예시와 같이 RGB 를 표현하는 수로 값을 넣어줘야 한다.
+     * 참고 : 현재 앱에서는 펜 색 변경을 사용하고 있지 않다.
+     */
+    override var penColor: Int by Delegates.observable(0) { _, _, new ->
+        runCatching {
+            editor.toolController
+                .setToolStyle(PointerTool.PEN, style(colorValue((new.opaque.iinkColor))))
+        }
+            .onFailure { /** if failure, a pointer event sequence is in progress, not allowed to re-configure or change tool, currently do nothing */ }
+    }
+
+    override val currentLatex: String
+        get() = editor.latex()
+
+    override val jiixJson: String
+        get() = editor.export_(null, MimeType.JIIX)
+
+    override val isIdle: Boolean
+        get() = editor.isIdle
+
+    override val canUndo: Boolean
+        get() = editor.canUndo()
+
+    override val canRedo: Boolean
+        get() = editor.canRedo()
+
+    private val strokeInterpretListeners = mutableListOf<MyScriptInterpretListener>()
+
+    private var contentPackage: ContentPackage = engine.createPackage(packageFolder)
+    private var contentPart: ContentPart = contentPackage.createPart(MATH_PART_NAME)
+        set(value) {
+            contentPackage.removePart(field)
+            field.close()
+            editor.part = value
+            lastInterpretedLaTex = ""
+            field = value
+        }
+
+    private var lastInterpretedLaTex: String = ""
+
+    private var convertingJob: Job? = null
+
+    private val shouldAutoConvert
+        get() = isAutoConvertEnabled && !shouldPreventAutoConvertTemporarily
+
+    /**
+     * 현재 마이스크립트는 touch up 하면 자동으로 컨버팅 해주는데, 이는 undo, redo 시에도 마찬가지이다.
+     * undo redo 시에 자동으로 컨버팅하면, 빠르게 undo redo 를 실행할 시 제대로 동작하지 않는 이슈가 발생한다.
+     * 때문에, 이 변수로 undo redo 로 인한 [IEditorListener.contentChanged] 발생 시 자동 컨버팅을 하지 않도록 조절 한다.
+     */
+    private var shouldPreventAutoConvertTemporarily: Boolean = false
+
+    private val gson = GsonBuilder().create()
+
+    init {
+        with(editor) {
+            addListener(
+                contentChanged = { _, _ ->
+                    /**
+                     * 스트록이 변화해 [ContentChanged] 가 불렸는데, 현재의 latex 가 마지막으로 인식된 latex 와 값이 같으면, converting 작업을 따로 하지 않아야 한다.
+                     * 원래는 이와 같은 처리가 없어도 보통 문제가 없으나, 마이스크립트가 인식하기 애매한 스트록을 인식 시킬 경우,
+                     * (예, "2 > 3" 처럼 좌, 우 항 모두 존재하는게 아니라 "> 3" 과 같이 우항만 존재하는 스트록)
+                     * [ContentChanged] 가 계속해서 여러번 불리거나, 컨버팅된 글자에 이상현상이 생기는 등 사이드 이펙트가 발생한다.
+                     */
+                    editor.latex().also {
+                        if (lastInterpretedLaTex != it) {
+                            lastInterpretedLaTex = it
+                            scope.launch(Dispatchers.Main) {
+                                onInterpreted(it)
+                            }
+                            convertIfNeeded()
+                        }
+                    }
+                },
+                onError = { editor, blockId, error, message ->
+                    strokeInterpretListeners.forEach {
+                        it.onInterpretError(editor, blockId, error, message)
+                    }
+                }
+            )
+            part = contentPart
+        }
+
+        with(inputController) {
+            inputMode = DRAWING_OR_ERASING_ONLY
+            setOnTouchListener { _, _ ->
+                shouldPreventAutoConvertTemporarily = false
+            }
+        }
+    }
+
+    override fun addListener(listener: MyScriptInterpretListener) {
+        strokeInterpretListeners.add(listener)
+    }
+
+    override fun removeListener(listener: MyScriptInterpretListener) {
+        strokeInterpretListeners.remove(listener)
+    }
+
+    override fun getJiix(): Jiix =
+        editor.export_(null, MimeType.JIIX)
+            .run { gson.fromJson(this, Jiix::class.java) }
+
+    override fun undo() {
+        shouldPreventAutoConvertTemporarily = true
+        editor.undo()
+    }
+
+    override fun redo() {
+        shouldPreventAutoConvertTemporarily = true
+        editor.redo()
+    }
+
+    /**
+     * 그려진 스트록을 모두 지운다.
+     *
+     * [keepRedoUndoStack] 가 false 일 경우, 기본적으로 [Editor] 에 redo, undo stack 을 비우는 함수는 없어서 [contentPart] 자체를 교체한다.
+     */
+    override fun eraseAll(keepRedoUndoStack: Boolean) {
+        if (keepRedoUndoStack) {
+            editor.clear()
+        } else {
+            contentPart = contentPackage.createPart(MATH_PART_NAME)
+            onInterpreted("")
+        }
+    }
+
+    override fun convert() {
+        convertingJob?.cancel()
+        runCatching {
+            editor.let { it.convert(null, it.getSupportedTargetConversionStates(null)[0]) }
+        }
+    }
+
+    override fun import(jiix: Jiix) {
+        import(gson.toJson(jiix))
+    }
+
+    override fun import(json: String) {
+        try {
+            editor.import_(MimeType.JIIX, json, null)
+        } catch (e: Exception) {
+            strokeInterpretListeners.forEach {
+                it.onImportError()
+            }
+        }
+    }
+
+    /**
+     * Math grammar 를 [byteArray] 로 변경한 후 현재 part 를 닫고 새로운 part 를 만들어 할당한다.
+     *
+     * [MathGrammarLoader.load] 에서 math config 파일을 변경해 그래머를 변경하게 되는데,
+     * math config 는 [ContentPart] 가 [ContentPackage] 에 할당되기 전에 한번 설정되면,
+     * 그 이후에는 새로운 [contentPart] 를 만들어 붙이지 않는 이상 다이나믹하게 변경이 불가능하다.
+     * 때문에 config 가 변경될 경우 부득이하게(그래머 변경은 config 변경을 필요로한다.),
+     * 현재 [ContentPart] 를 close 하고 새로운 [ContentPart] 를 만들어 [ContentPackage] 에 붙혀야 한다.
+     *
+     * @param grammarName 확장자(.res)를 제외한 그래머 이름
+     * @param byteArray 그래머 파일의 byte 값
+     *
+     * @see contentPart
+     * @see [MathGrammarLoader.load]
+     */
+    override fun loadMathGrammar(grammarName: String, byteArray: ByteArray) {
+        mathGrammarLoader.load("$grammarName.res", byteArray)
+        contentPart = contentPackage.createPart(MATH_PART_NAME)
+    }
+
+    override fun close() {
+        contentPart.close()
+        contentPackage.close()
+        editor.renderer.close()
+        editor.close()
+        engine.close()
+        convertingJob?.cancel()
+    }
+
+    private fun onInterpreted(latex: String) {
+        strokeInterpretListeners.forEach {
+            it.onInterpreted(latex)
+        }
+    }
+
+    private fun convertIfNeeded() {
+        convertingJob?.cancel()
+        if (shouldAutoConvert) {
+            convertingJob = scope.launch {
+                delay(CONVERT_STANDBY_DELAY)
+                convert()
+            }
+        }
+    }
+
+    companion object {
+        /**
+         * force pen 으로 설정해야 pen 이든 touch 이든지 상관없이 drawing/erasing 을 할 수 있게 된다. force pen 이라고해서 pen 으로만 drawing/erasing 한다라고 생각하면 안된다.
+         * force pen 은 drawing/erasing 모드 force touch 는 drawing 이 아니라 gesture detecting 모드라고 생각하면 된다.
+         * 참고 : pen 으로 drawing 할지 touch 로 drawing 할지는 editor.toolController.setToolForType(..) 로 설정한다.
+         */
+        private const val DRAWING_OR_ERASING_ONLY = InputController.INPUT_MODE_FORCE_PEN
+
+        /**
+         * AUTO 일 경우 pen 으로 터치할 경우 force pen(drawing mode) 이되고 손으로 터치 할 경우 force touch(gesture detecting mode) 가 된다.
+         * (참고 : 현재 앱에서는 이 상태를 사용하지 않지만. 기능 자체는 넣어 두었다.)
+         */
+        private const val DRAWING_OR_ERASING_BY_PEN_BUT_GESTURE_BY_HAND = InputController.INPUT_MODE_AUTO
+
+        /**
+         * [ContentPart] 를 어떤 Type 의 마이스크립트 기능으로 사용할지를 나타낸다. 이는 변경되면 안된다.
+         * 미리 정의된 Text, Math, Drawing, Diagram, Raw Content, Text Document 중 하나여야하며 우리 앱에서는 Math 만 사용한다.
+         */
+        private const val MATH_PART_NAME = "Math"
+
+        /**
+         * 컨버팅 딜레이를 주지 않으면 (, {, [ 같은 괄호를 작성했을 때 1, c, < 와 같은 잘못된 문자로 바로 컨버팅되기 때문에 일정 딜레이를 준다.
+         * (위 괄호들은 양쪽 쌍으로 작성한 후 컨버팅해야 제대로 인식된다.)
+         */
+        private const val CONVERT_STANDBY_DELAY: Long = 200
+    }
+}
\ No newline at end of file
diff --git a/myscript-iink/src/main/java/com/knowre/android/myscript/iink/MyScriptApi.kt b/myscript-iink/src/main/java/com/knowre/android/myscript/iink/MyScriptApi.kt
new file mode 100644
index 0000000..a0a4ad5
--- /dev/null
+++ b/myscript-iink/src/main/java/com/knowre/android/myscript/iink/MyScriptApi.kt
@@ -0,0 +1,34 @@
+package com.knowre.android.myscript.iink
+
+import com.knowre.android.myscript.iink.jiix.Jiix
+
+
+interface MyScriptApi {
+    data class Tool(val toolType: ToolType, val toolFunction: ToolFunction) {
+
+        companion object {
+            val DEFAULT = Tool(ToolType.HAND, ToolFunction.DRAWING)
+        }
+    }
+
+    var isAutoConvertEnabled: Boolean
+    var theme: String
+    var tool: Tool
+    var penColor: Int
+    val jiixJson: String
+    val currentLatex: String
+    val isIdle: Boolean
+    val canUndo: Boolean
+    val canRedo: Boolean
+    fun addListener(listener: MyScriptInterpretListener)
+    fun removeListener(listener: MyScriptInterpretListener)
+    fun getJiix(): Jiix
+    fun undo()
+    fun redo()
+    fun eraseAll(keepRedoUndoStack: Boolean = false)
+    fun convert()
+    fun import(jiix: Jiix)
+    fun import(json: String)
+    fun loadMathGrammar(grammarName: String, byteArray: ByteArray)
+    fun close()
+}
\ No newline at end of file
diff --git a/myscript-iink/src/main/java/com/knowre/android/myscript/iink/MyScriptAssetResource.kt b/myscript-iink/src/main/java/com/knowre/android/myscript/iink/MyScriptAssetResource.kt
new file mode 100644
index 0000000..160bf28
--- /dev/null
+++ b/myscript-iink/src/main/java/com/knowre/android/myscript/iink/MyScriptAssetResource.kt
@@ -0,0 +1,27 @@
+package com.knowre.android.myscript.iink
+
+import android.content.Context
+import android.content.res.AssetManager
+
+
+class MyScriptAssetResource(context: Context) {
+
+    val acknowledgeByte by lazy {
+        context.assets
+            .toByteArray("$RESOURCE_FOLDER/$MATH_FOLDER/$MATH_AK_RESOURCE_NAME")
+    }
+
+    val defaultGrammarByte by lazy {
+        context.assets
+            .toByteArray("$RESOURCE_FOLDER/$MATH_FOLDER/$DEFAULT_GRAMMAR_NAME")
+    }
+
+    private fun AssetManager.toByteArray(fileName: String) = open(fileName).use { it.readBytes() }
+
+    companion object {
+        const val MATH_AK_RESOURCE_NAME = "math-ak.res"
+        const val DEFAULT_GRAMMAR_NAME = "math-grm-standard.res"
+        private const val RESOURCE_FOLDER = "resources"
+        private const val MATH_FOLDER = "math"
+    }
+}
\ No newline at end of file
diff --git a/myscript-iink/src/main/java/com/knowre/android/myscript/iink/MyScriptExtension.kt b/myscript-iink/src/main/java/com/knowre/android/myscript/iink/MyScriptExtension.kt
new file mode 100644
index 0000000..18db602
--- /dev/null
+++ b/myscript-iink/src/main/java/com/knowre/android/myscript/iink/MyScriptExtension.kt
@@ -0,0 +1,25 @@
+package com.knowre.android.myscript.iink
+
+import com.myscript.iink.Editor
+import com.myscript.iink.EditorError
+
+
+fun MyScriptApi.addListener(
+    onInterpreted: (interpreted: String) -> Unit = { _ -> },
+    onInterpretError: (editor: Editor, blockId: String, error: EditorError, message: String) -> Unit = { _, _, _, _ -> },
+    onImportError: () -> Unit =  {  }
+) {
+    addListener(object : MyScriptInterpretListener {
+        override fun onInterpreted(interpreted: String) {
+            onInterpreted(interpreted)
+        }
+
+        override fun onInterpretError(editor: Editor, blockId: String, error: EditorError, message: String) {
+            onInterpretError(editor, blockId, error, message)
+        }
+
+        override fun onImportError() {
+            onImportError()
+        }
+    })
+}
\ No newline at end of file
diff --git a/myscript-iink/src/main/java/com/knowre/android/myscript/iink/MyScriptInitializer.kt b/myscript-iink/src/main/java/com/knowre/android/myscript/iink/MyScriptInitializer.kt
new file mode 100644
index 0000000..936e770
--- /dev/null
+++ b/myscript-iink/src/main/java/com/knowre/android/myscript/iink/MyScriptInitializer.kt
@@ -0,0 +1,130 @@
+package com.knowre.android.myscript.iink
+
+import android.content.Context
+import android.content.res.Resources
+import android.graphics.Typeface
+import androidx.core.content.res.ResourcesCompat
+import com.knowre.android.myscript.iink.view.MyScriptView
+import com.myscript.iink.Configuration
+import com.myscript.iink.Editor
+import com.myscript.iink.Engine
+import com.myscript.iink.uireferenceimplementation.EditorBinding
+import com.myscript.iink.uireferenceimplementation.FontUtils
+import com.myscript.iink.uireferenceimplementation.InputController
+import kotlinx.coroutines.CoroutineScope
+import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.withContext
+import java.io.ByteArrayOutputStream
+import java.io.File
+import java.nio.charset.StandardCharsets
+
+
+/**
+ * @see [MathConfiguration.sessionTimeMillis]
+ */
+private const val INTERPRET_SESSION_TIME_MILLIS: Long = 100
+private const val CANDIDATE_COUNT: Int = 2
+
+class MyScriptInitializer(
+    private val certificate: ByteArray,
+    private val myScriptView: MyScriptView,
+    private val context: Context,
+    private val scope: CoroutineScope
+) {
+
+    private val engine by lazy {
+        Engine.create(certificate)
+    }
+
+    private val editorData by lazy {
+        EditorBinding(engine, context.provideTypefaces())
+            .openEditor(myScriptView.editorView)
+    }
+
+    private val editor: Editor by lazy { editorData.editor!! }
+
+    private val folders = FolderProvider(context)
+
+    private val inputController: InputController by lazy { editorData.inputController!! }
+
+    private val mathConfiger = MathConfiger(folders.configFolder)
+
+    private val mathGrammarLoader = MathGrammarLoader(
+        mathResourceFolder = folders.mathResourceFolder,
+        mathConfiger = mathConfiger
+    )
+
+    private val assetResource = MyScriptAssetResource(context)
+
+    suspend fun initialize(): MyScriptApi {
+        withContext(Dispatchers.Default) {
+            processResourceAndFolder()
+            engine.configuration.generalConfig()
+        }
+
+        return withContext(Dispatchers.Main) {
+            editor.configuration.mathConfig()
+            MyScript(
+                engine = engine,
+                packageFolder = folders.packageFolder,
+                editor = editor,
+                inputController = inputController,
+                mathGrammarLoader = mathGrammarLoader,
+                scope = scope
+            )
+                .apply { theme = context.resources.theme() }
+        }
+    }
+
+    private fun processResourceAndFolder() {
+        with (folders) {
+            rootFolder.deleteRecursively()
+            configFolder.mkdirs()
+            mathResourceFolder.mkdirs()
+        }
+
+        /** Grammar 를 로드 해줘야 math.conf 파일이 생성되기 때문에 초기화 단계에서 선제적으로 이 작업을 수행한다. */
+        mathGrammarLoader.load(
+            grammarName = MyScriptAssetResource.DEFAULT_GRAMMAR_NAME,
+            byteArray = assetResource.defaultGrammarByte
+        )
+
+        File(folders.mathResourceFolder, MyScriptAssetResource.MATH_AK_RESOURCE_NAME)
+            .writeBytes(assetResource.acknowledgeByte)
+    }
+
+    private fun Configuration.generalConfig() {
+        ofGeneral {
+            this.configPath = folders.configFolder.path
+            this.contentPackageTempFolder = folders.contentPackageTempFolder.path
+        }
+    }
+
+    private fun Configuration.mathConfig() {
+        ofMath {
+            this.mathConfigurationBundle = MathConfiguration.CONFIG_BUNDLE_NAME_DEFAULT
+            this.mathConfigurationName = MathConfiguration.CONFIG_NAME_DEFAULT
+            this.isMathSolverEnabled = false
+            this.isConvertAnimationEnabled = true
+            this.sessionTimeMillis = INTERPRET_SESSION_TIME_MILLIS
+            this.candidateCount = CANDIDATE_COUNT
+        }
+    }
+}
+
+private fun Resources.theme(): String {
+    return openRawResource(R.raw.theme).use { input ->
+        ByteArrayOutputStream().use { output ->
+            input.copyTo(output)
+            output.toString(StandardCharsets.UTF_8.name())
+        }
+    }
+}
+
+private fun Context.provideTypefaces(): Map<String, Typeface> {
+    val typefaces = FontUtils.loadFontsFromAssets(assets) ?: mutableMapOf()
+    ResourcesCompat.getFont(this, R.font.symbola)?.let {
+        typefaces["SYMBOLA"] = it
+    }
+    return typefaces
+}
\ No newline at end of file
diff --git a/myscript-iink/src/main/java/com/knowre/android/myscript/iink/MyScriptInterpretListener.kt b/myscript-iink/src/main/java/com/knowre/android/myscript/iink/MyScriptInterpretListener.kt
new file mode 100644
index 0000000..816ac4a
--- /dev/null
+++ b/myscript-iink/src/main/java/com/knowre/android/myscript/iink/MyScriptInterpretListener.kt
@@ -0,0 +1,16 @@
+package com.knowre.android.myscript.iink
+
+import com.myscript.iink.Editor
+import com.myscript.iink.EditorError
+import com.myscript.iink.IEditorListener
+
+
+interface MyScriptInterpretListener {
+    /**
+     * [IEditorListener.contentChanged] 에서 latex 해석이 끝난 후 해석된 결과를 [interpreted] 로 알려준다.
+     * 참고 : 해당 함수의 쓰레드는 Main 쓰레드가 아님.
+     */
+    fun onInterpreted(interpreted: String)
+    fun onInterpretError(editor: Editor, blockId: String, error: EditorError, message: String)
+    fun onImportError()
+}
\ No newline at end of file
diff --git a/myscript-iink/src/main/java/com/knowre/android/myscript/iink/Styler.kt b/myscript-iink/src/main/java/com/knowre/android/myscript/iink/Styler.kt
new file mode 100644
index 0000000..f1c93b5
--- /dev/null
+++ b/myscript-iink/src/main/java/com/knowre/android/myscript/iink/Styler.kt
@@ -0,0 +1,16 @@
+package com.knowre.android.myscript.iink
+
+import java.util.Locale
+
+
+/**
+ * 참고 : force Locale.US to ensure dotted float formatting (`1.88` instead of `1,88`) whatever the device's locale setup
+ */
+internal fun style(
+    color: String,
+    thickness: Float = 0.625F
+) = String.format(Locale.US,
+    "color: $color;" +
+    "-myscript-pen-width: %.2f",
+    thickness
+)
\ No newline at end of file
diff --git a/myscript-iink/src/main/java/com/knowre/android/myscript/iink/ToolType.kt b/myscript-iink/src/main/java/com/knowre/android/myscript/iink/ToolType.kt
new file mode 100644
index 0000000..f994f31
--- /dev/null
+++ b/myscript-iink/src/main/java/com/knowre/android/myscript/iink/ToolType.kt
@@ -0,0 +1,48 @@
+package com.knowre.android.myscript.iink
+
+import com.myscript.iink.PointerTool
+import com.myscript.iink.PointerType
+
+
+/**
+ * 화면에 Touch 가 이루어지는 tool 이 무엇인지 나타낸다.
+ */
+enum class ToolType {
+    PEN, HAND
+}
+
+/**
+ * [ToolType] 으로 touch 가 이루어졌을 경우 해당 touch 영역에 어떠한 동작을 할지를 나타낸다.
+ * 참고) 현재 앱에서 [ERASING] 은 사용하고 있지 않는다.
+ */
+enum class ToolFunction {
+    DRAWING, ERASING
+}
+
+/**
+ * 마이스크립트의 [PointerType] 은 화면에 터치하기 위해 사용되는 도구가 무엇인지를 나타낸다.
+ * 하지만 무슨 이유에서인지 [PointerType.PEN] 으로 다 리턴해야. 드로윙이든 지우개든 다 잘 작동한다;
+ */
+internal val ToolType.toPointerType: PointerType
+    get() = when (this) {
+        ToolType.PEN -> PointerType.PEN
+        ToolType.HAND -> PointerType.PEN
+    }
+
+/**
+ * 마이스크립트의 [PointerTool] 이란 [PointerType] 로 그려진 터치 정보가 어떤한 목적으로 사용될지를 나타낼지를 의미한다.
+ * [ToolType] 으로 그려진 정보가 [ToolFunction] 에 맞게 사용되도록 아래와 같은 정보를 바탕으로 적절한 [PointerTool] 로 변환한다.
+ *
+ * [PointerTool.PEN] : 해당 터치 정보를 Drawing Stroke 으로 표시함.
+ *
+ * [PointerTool.HAND] : 해당 터치 정보를 Gesture Detecting(한 칸 띄우기, 도형 정보 선 잇기 등) 에 사용함.
+ *
+ * [PointerTool.ERASER] : 해당 터치 정보를 content 를 지우는데 사용함.
+ *
+ * 우리 앱에서는 [PointerTool.HAND] 기능인 Gesture Detecting 을 사용하지 않는다.
+ */
+internal val ToolFunction.toPointerTool: PointerTool
+    get() = when (this) {
+        ToolFunction.DRAWING -> PointerTool.PEN
+        ToolFunction.ERASING -> PointerTool.ERASER
+    }
\ No newline at end of file
diff --git a/myscript-iink/src/main/java/com/knowre/android/myscript/iink/jiix/BoundingBox.kt b/myscript-iink/src/main/java/com/knowre/android/myscript/iink/jiix/BoundingBox.kt
new file mode 100644
index 0000000..30f5753
--- /dev/null
+++ b/myscript-iink/src/main/java/com/knowre/android/myscript/iink/jiix/BoundingBox.kt
@@ -0,0 +1,9 @@
+package com.knowre.android.myscript.iink.jiix
+
+
+data class BoundingBox(
+    val x: Float,
+    val y: Float,
+    val width: Float,
+    val height: Float
+)
\ No newline at end of file
diff --git a/myscript-iink/src/main/java/com/knowre/android/myscript/iink/jiix/Expression.kt b/myscript-iink/src/main/java/com/knowre/android/myscript/iink/jiix/Expression.kt
new file mode 100644
index 0000000..2a567dc
--- /dev/null
+++ b/myscript-iink/src/main/java/com/knowre/android/myscript/iink/jiix/Expression.kt
@@ -0,0 +1,28 @@
+package com.knowre.android.myscript.iink.jiix
+
+import com.google.gson.annotations.SerializedName
+
+
+data class Expression(
+    val id: String?,
+    val type: String,
+    val items: List<Item>?,
+    @SerializedName("open symbol")
+    val openSymbol: String?,
+    @SerializedName("close symbol")
+    val closeSymbol: String?,
+    @SerializedName("bounding-box")
+    val boundingBox: BoundingBox?,
+    val symbols: List<Symbol>?,
+    val operands: List<Expression>?
+)
+
+internal fun Expression.changeItem(newItem: Item): Expression =
+    this.copy(
+        items = items?.map { item ->
+            if (item.id == newItem.id) newItem else item
+        },
+        operands = operands?.map { operand ->
+            operand.changeItem(newItem)
+        }
+    )
diff --git a/myscript-iink/src/main/java/com/knowre/android/myscript/iink/jiix/Item.kt b/myscript-iink/src/main/java/com/knowre/android/myscript/iink/jiix/Item.kt
new file mode 100644
index 0000000..56dbd23
--- /dev/null
+++ b/myscript-iink/src/main/java/com/knowre/android/myscript/iink/jiix/Item.kt
@@ -0,0 +1,24 @@
+package com.knowre.android.myscript.iink.jiix
+
+import com.google.gson.annotations.SerializedName
+
+
+data class Item(
+    val id: String,
+    val type: String,
+    val timestamp: String,
+    val label: String,
+    @SerializedName("bounding-box")
+    val box: BoundingBox?
+) {
+
+    val boundingBox: BoundingBox
+        get() = box!!
+
+    val isValid: Boolean
+        get() = box != null
+}
+
+fun Item.changeLabel(label: String): Item {
+    return copy(label = label)
+}
\ No newline at end of file
diff --git a/myscript-iink/src/main/java/com/knowre/android/myscript/iink/jiix/Jiix.kt b/myscript-iink/src/main/java/com/knowre/android/myscript/iink/jiix/Jiix.kt
new file mode 100644
index 0000000..5d89aab
--- /dev/null
+++ b/myscript-iink/src/main/java/com/knowre/android/myscript/iink/jiix/Jiix.kt
@@ -0,0 +1,32 @@
+package com.knowre.android.myscript.iink.jiix
+
+import com.google.gson.annotations.SerializedName
+
+
+data class Jiix(
+    val id: String,
+    val type: String,
+    val items: List<Item>?,
+    val expressions: List<Expression>?,
+    @SerializedName("bounding-box")
+    val boundingBox: BoundingBox?,
+    val version: String
+)
+
+fun Jiix.isValid() =
+    !expressions.isNullOrEmpty() &&
+        expressions.all { it.id != null } &&
+        getAllItems().all { it.isValid }
+
+fun Jiix.changeItem(itemId: String, func: Item.() -> Item) =
+    changeItem(firstItemOf(itemId).func())
+
+internal fun Jiix.changeItem(newItem: Item) =
+    this.copy(
+        items = items?.map { item ->
+            if (item.id == newItem.id) newItem else item
+        },
+        expressions = expressions?.map { expression ->
+            expression.changeItem(newItem)
+        }
+    )
diff --git a/myscript-iink/src/main/java/com/knowre/android/myscript/iink/jiix/JiixExtension.kt b/myscript-iink/src/main/java/com/knowre/android/myscript/iink/jiix/JiixExtension.kt
new file mode 100644
index 0000000..4f4a7fc
--- /dev/null
+++ b/myscript-iink/src/main/java/com/knowre/android/myscript/iink/jiix/JiixExtension.kt
@@ -0,0 +1,102 @@
+package com.knowre.android.myscript.iink.jiix
+
+import android.content.Context
+import android.graphics.RectF
+import java.util.Collections
+
+
+//region Jiix
+internal fun Jiix.getAllExpressions(): List<Expression> {
+    fun List<Expression>.flatten(): List<Expression> =
+        this + this.flatMap { it.operands?.flatten() ?: Collections.emptyList() }
+
+    return this.expressions?.flatten() ?: Collections.emptyList()
+}
+
+fun Jiix.getCandidates(item: Item): List<String> {
+    val iinkCandidates = findExpressionMatches(item.boundingBox)
+        ?.getCandidates(item.label)
+        ?: listOf()
+
+    val preDefinedCandidates = preDefinedCandidateInfos
+        .find { it.label == item.label }
+        ?.candidates ?: listOf()
+
+    val excludeCandidates = preDefinedCandidateInfos.flatMap { it.excludes }
+
+    return (preDefinedCandidates + iinkCandidates)
+        .minus(excludeCandidates.toSet())
+        .distinct()
+}
+
+internal fun Jiix.getAllSymbols() =
+    getAllExpressions()
+        .flatMap {
+            it.symbols ?: Collections.emptyList()
+        }
+
+internal fun Jiix.getAllItems() =
+    (items ?: Collections.emptyList()) +
+        getAllExpressions()
+            .flatMap { it.items ?: Collections.emptyList() }
+
+fun Jiix.firstItemOf(id: String) =
+    getAllItems().first { it.id == id }
+
+fun Jiix.findAllCollidingItems(
+    context: Context,
+    touchDownX: Float, touchDownY: Float
+) = getAllItems()
+    .filter { it.isInclude(context, touchDownX, touchDownY) }
+
+internal fun Jiix.findExpressionMatches(boundingBox: BoundingBox) =
+    getAllExpressions()
+        .filter { exp ->
+            exp.items
+                ?.any { it.boundingBox == boundingBox }
+                ?: false
+        }
+        .find { it.symbols != null }
+//endregion
+
+//region Expression
+internal fun Expression.getCandidates(label: String) =
+    (symbols
+        ?.find { label == it.symbol }
+        ?.candidates
+        ?: listOf())
+//endregion
+
+//region BoundingBox
+internal fun BoundingBox.isInclude(
+    context: Context,
+    x: Float, y: Float
+) = transformToRectF(context).contains(x, y)
+
+
+fun BoundingBox.transformToRectF(context: Context) = RectF(
+    mmToPx(context, x - 1F),
+    mmToPx(context, y - 1F),
+    mmToPx(context, x + width + 1F),
+    mmToPx(context, y + height + 1F),
+)
+//endregion
+
+//region Item
+internal fun Item.isInclude(
+    context: Context,
+    x: Float, y: Float
+) = boundingBox.isInclude(context, x, y)
+//endregion
+
+//region mm <-> px
+internal fun mmToPx(context: Context, mm: Float): Float {
+    val metrics = context.resources.displayMetrics
+    return mm / 25.4f * metrics.xdpi
+}
+
+internal fun mmToDp(context: Context, mm: Float): Float {
+    val metrics = context.resources.displayMetrics
+    return mm / 25.4f * (metrics.xdpi / 160f)
+}
+//endregion
diff --git a/myscript-iink/src/main/java/com/knowre/android/myscript/iink/jiix/PredefinedCandidates.kt b/myscript-iink/src/main/java/com/knowre/android/myscript/iink/jiix/PredefinedCandidates.kt
new file mode 100644
index 0000000..14e90f8
--- /dev/null
+++ b/myscript-iink/src/main/java/com/knowre/android/myscript/iink/jiix/PredefinedCandidates.kt
@@ -0,0 +1,105 @@
+package com.knowre.android.myscript.iink.jiix
+
+
+class PreDefinedCandidate(
+    val label: String,
+    val candidates: List<String>,
+    val excludes: List<String>
+)
+
+val preDefinedCandidateInfos = listOf(
+    PreDefinedCandidate("0", listOf("O", "0", "o", "·", "."), listOf("∘", "∫",)),
+    PreDefinedCandidate("1", listOf("1", "|", "I", "l", "i", "t", "(", "+"), listOf("ι")),
+    PreDefinedCandidate("2", listOf("2", "z", "Z", "1", "=", "3", "r", "a"), listOf()),
+    PreDefinedCandidate("3", listOf("3", "}", "s", "1", "2", "z", "5"), listOf("ζ")),
+    PreDefinedCandidate("4", listOf("4", "q", "9", "y", "a", "g", "cl"), listOf("cl")),
+    PreDefinedCandidate("5", listOf("5", "s", "E", "J", "[", "F", "f", "S"), listOf("tan",  "ζ")),
+    PreDefinedCandidate("6", listOf("6", "b", "f", "t", "G", "8", "(", "L"), listOf()),
+    PreDefinedCandidate("7", listOf("7", "T", "2", "I", "1", "r"), listOf("τ","ζ")),
+    PreDefinedCandidate("8", listOf("8", "g", "f", "s", "S", "&", "G", "5"), listOf("δ", "sin")),
+    PreDefinedCandidate("9", listOf("9", "q", "a", "g", "G", "4"), listOf("ℚ", "cl")),
+
+    PreDefinedCandidate("a", listOf("a", "α", "G", "A", "q", "d", "o", "n"), listOf("∝", "cl")),
+    PreDefinedCandidate("b", listOf("b", "h", "6", "k"), listOf("ha", "tan")),
+    PreDefinedCandidate("c", listOf("c", "C", "a", "<", "2", "(", "o"), listOf("⊂", "∠")),
+    PreDefinedCandidate("d", listOf("d", "h", "k", "a", "α", "2", "t", "x"), listOf("dx", "λ")),
+    PreDefinedCandidate("e", listOf("e", "c", "C", "l", "2", "r", "E", "a"), listOf()),
+    PreDefinedCandidate("f", listOf("f", "t", "+", "F", "1", "l"), listOf()),
+    PreDefinedCandidate("y", listOf("g", "y", "t", "q", "8", "f", "z", "2", "J", "r"), listOf("sin")),
+    PreDefinedCandidate("h", listOf("h", "k", "K", "n", "4", "b", "t", "1"), listOf("κ", "hl")),
+    PreDefinedCandidate("i", listOf("i", "I", "1", "j", "T", ";", "'", "t", "+"), listOf()),
+    PreDefinedCandidate("j", listOf("j", "J", ")", "i", "I", ",", "g", "]", "1"), listOf()),
+    PreDefinedCandidate("k", listOf("k", "K"), listOf("κ")),
+    PreDefinedCandidate("l", listOf("l", "t", "1", "e", "d", "h", "f", "x", "b"), listOf()),
+    PreDefinedCandidate("m", listOf("m", "n", "M", "x", "w", "u"), listOf("min", "sin", "mm", "ms")),
+    PreDefinedCandidate("n", listOf("n", "a", "m", "r", "∧", "u", "x", "∩", "π", "·"), listOf("cm", "sin", "dm")),
+    PreDefinedCandidate("o", listOf("0", "o", "O", ".", "·"), listOf("∘")),
+    PreDefinedCandidate("p", listOf("p", "P", "ρ", "f", "F", "t"), listOf()),
+    PreDefinedCandidate("q", listOf("q", "g", "y", "4", "G", "9", "r", "V", "a"), listOf("cot")),
+    PreDefinedCandidate("r", listOf("r", "n", "v", "m", "t", "+", "p", "·", "."), listOf("ν")),
+    PreDefinedCandidate("s", listOf("s", "S", "5", "=", "g"), listOf()),
+    PreDefinedCandidate("t", listOf("t", "+", "e", "E", "i", "l", "(", "f", "x"), listOf("∈")),
+    PreDefinedCandidate("u", listOf("u", "n", "a", "4", "U", "y", "m", "r", "9", "α"), listOf()),
+    PreDefinedCandidate("v", listOf("v", "V", "∨", "r", "γ", "⊖"), listOf("ν", "dt", "dl")),
+    PreDefinedCandidate("w", listOf("w", "W", "N", "⊂", "n"), listOf("ω", "ms", "ha", "sin", "tan", "cos")),
+    PreDefinedCandidate("x", listOf("x", "×", "X"), listOf("⊗")),
+    PreDefinedCandidate("y", listOf("y", "g", "Y", "b", "4", "z", "t", "r"), listOf("cg")),
+    PreDefinedCandidate("z", listOf("z", "Z", "2", "="), listOf("ℤ")),
+
+    PreDefinedCandidate("A", listOf("A", "H", "R", "t", "f", "K", "k"), listOf("λ", "ℝ")),
+    PreDefinedCandidate("B", listOf("B", "β", "D"), listOf("ℝ", "tan")),
+    PreDefinedCandidate("C", listOf("C", "c", "(", "a", "<"), listOf("⊂", "ℂ")),
+    PreDefinedCandidate("D", listOf("D", "B", "P", "0", "b", "∩", "p"), listOf("Δ")),
+    PreDefinedCandidate("E", listOf("E", "I", "±", "t", "F", "=", "π"), listOf("τ", "≡", "≒")),
+    PreDefinedCandidate("F", listOf("F", "f", "E", "t", "I"), listOf("Γ", )),
+    PreDefinedCandidate("G", listOf("G", "a"), listOf("cot")),
+    PreDefinedCandidate("H", listOf("H", "4", "M", "A", "N"), listOf()),
+    PreDefinedCandidate("I", listOf("I", "1", "±", "[", "E", "l", "]", "=", "F"), listOf("Γ")),
+    PreDefinedCandidate("J", listOf("J", "j", "5", "I", "]", "T"), listOf()),
+    PreDefinedCandidate("K", listOf("K", "k"), listOf("κ")),
+    PreDefinedCandidate("L", listOf("L", "l", "1", "(", "2", "t"), listOf("ι")),
+    PreDefinedCandidate("M", listOf("M", "H", "N", "n", "m", "≠", "4", "u"), listOf("µ", "ℕ", "µs")),
+    PreDefinedCandidate("N", listOf("N", "M", "H"), listOf("ℕ")),
+    PreDefinedCandidate("O", listOf("O", "0", "o"), listOf("∘")),
+    PreDefinedCandidate("P", listOf("P", "p"), listOf("ρ")),
+    PreDefinedCandidate("Q", listOf("Q", "a", "α"), listOf("ℚ", "∝", "cl", "tan")),
+    PreDefinedCandidate("R", listOf("R", "k", "K", "r"), listOf("ℝ", "κ")),
+    PreDefinedCandidate("S", listOf("S", "s", "5", "g", "G"), listOf("∫", "ζ", "ξ")),
+    PreDefinedCandidate("T", listOf("T", "t", "+"), listOf("τ")),
+    PreDefinedCandidate("U", listOf("U", "u", "∪", "n", "K", "4", "k", "a"), listOf("κ", "υ", "dt")),
+    PreDefinedCandidate("V", listOf("V", "v", "∨", "⊖", "∪"), listOf("ν", "cl")),
+    PreDefinedCandidate("W", listOf("W", "w", "N"), listOf("hl", "ω", "ms", "ml", "tan")),
+    PreDefinedCandidate("X", listOf("X", "x", "×"), listOf("⊗")),
+    PreDefinedCandidate("Y", listOf("Y", "γ", "Υ", "y", "x", "'"), listOf("∯", "ℚ")),
+    PreDefinedCandidate("Z", listOf("Z", "z", "2", "E"), listOf("ℤ")),
+
+    PreDefinedCandidate("(", listOf("(", "1", "{", "[", "l", "|", "I", "t", "{", "·"), listOf("ι", "⊆")),
+    PreDefinedCandidate(")", listOf(")", "1", "}", "]", ">", ",", "'", "7", "y", "x", "·", "."), listOf("⟩")),
+    PreDefinedCandidate("{", listOf("{", "(", "[", "L"), listOf("ξ", "∑", "ε", "Σ")),
+    PreDefinedCandidate("}", listOf("}", ")", "]"), listOf("3", "ξ", "ζ")),
+    PreDefinedCandidate("[", listOf("[", "(", "{" ), listOf()),
+    PreDefinedCandidate("]", listOf("]", ")", "}" ), listOf()),
+
+    PreDefinedCandidate(".", listOf("·", ".", "-", "_", "=", "2", "r", "a", "s"), listOf()),
+    PreDefinedCandidate("+", listOf("+", "t", "-", "_", "1", "4", "x", "="), listOf("⊥", "→")),
+    PreDefinedCandidate("-", listOf("-", "_", "=", "+", "1", "P", "0", "r", "2"), listOf()),
+    PreDefinedCandidate("×", listOf("×", "x", "X"), listOf()),
+    PreDefinedCandidate("÷", listOf("÷", "=", "i", "-", "_", "+"), listOf("≒")),
+    PreDefinedCandidate("=", listOf("=", "-", "i", "_", "1", "I"), listOf("≃")),
+    PreDefinedCandidate(">", listOf(">", "⊖", "7", "<", ")"), listOf("⟩")),
+    PreDefinedCandidate("<", listOf("<", "c", ">", "C", "a", "(", "."), listOf("⟨", "cm", "∂", "∠")),
+    PreDefinedCandidate("≥", listOf("≥", "2", "z", "Z", "="), listOf("ℤ", "⇔", "⊇")),
+    PreDefinedCandidate("≤", listOf("≤", "<"), listOf("∄", "⊆")),
+
+    PreDefinedCandidate("±", listOf("±", "t", "+", "I", "1", "f"), listOf("⊥")),
+    PreDefinedCandidate("√", listOf("√", "r", "v", "N", "T", "t", "V"), listOf("Γ", "ℕ", "⊄")),
+    PreDefinedCandidate("∞", listOf("∞", "0", "n", "o", ".", "·"), listOf("cos", "cot", "sin")),
+    PreDefinedCandidate("∅", listOf("∅", "ϕ", "Φ", "9", "Q", "q", "g"), listOf("↔")),
+    PreDefinedCandidate("∩", listOf("∩", "n", "Π", "π", "r", "M", "Λ", "∧", "."), listOf("∏")),
+    PreDefinedCandidate("∪", listOf("∪", "U", "u", "0", "v", "∨", "V", "O"), listOf("υ")),
+    PreDefinedCandidate("α", listOf("α", "a", "d", "0", "x", "o", "∞"), listOf("∝", "∂")),
+    PreDefinedCandidate("β", listOf("β", "B", "R", "ρ", "f"), listOf("∀", "ℕ", "cg", "cos")),
+    PreDefinedCandidate("γ", listOf("r", "γ", "n", "x", "T", "t", "v"), listOf("ν", "Γ")),
+    PreDefinedCandidate("θ", listOf("θ", "Θ", "⊖", "∝", "0", "Q"), listOf("∥", "cl", "cg", "kg", "tan")),
+    PreDefinedCandidate("π", listOf("π", "Π", "x"), listOf("lim")),
+)
diff --git a/myscript-iink/src/main/java/com/knowre/android/myscript/iink/jiix/Symbol.kt b/myscript-iink/src/main/java/com/knowre/android/myscript/iink/jiix/Symbol.kt
new file mode 100644
index 0000000..175488b
--- /dev/null
+++ b/myscript-iink/src/main/java/com/knowre/android/myscript/iink/jiix/Symbol.kt
@@ -0,0 +1,4 @@
+package com.knowre.android.myscript.iink.jiix
+
+
+data class Symbol(val symbol: String, val candidates: List<String>)
\ No newline at end of file
diff --git a/myscript-iink/src/main/java/com/knowre/android/myscript/iink/view/MyScriptView.kt b/myscript-iink/src/main/java/com/knowre/android/myscript/iink/view/MyScriptView.kt
new file mode 100644
index 0000000..f08ae29
--- /dev/null
+++ b/myscript-iink/src/main/java/com/knowre/android/myscript/iink/view/MyScriptView.kt
@@ -0,0 +1,32 @@
+package com.knowre.android.myscript.iink.view
+
+import android.content.Context
+import android.util.AttributeSet
+import android.view.LayoutInflater
+import android.view.View
+import android.widget.FrameLayout
+import com.knowre.android.myscript.iink.databinding.ViewMyscriptBinding
+import com.myscript.iink.uireferenceimplementation.EditorView
+import com.myscript.iink.uireferenceimplementation.R
+
+
+class MyScriptView constructor(
+    context: Context,
+    attrs: AttributeSet? = null
+) : FrameLayout(context, attrs) {
+
+    private val binding = ViewMyscriptBinding.inflate(LayoutInflater.from(context), this, true)
+    internal val editorView: EditorView = findViewById(R.id.editor_view)
+
+    init {
+        with(editorView) {
+            post {
+                renderer?.apply {
+                    setViewOffset(0f, 0f)
+                    viewScale = 1f
+                }
+                visibility = View.VISIBLE
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/myscript-iink/src/main/res/font/symbola.xml b/myscript-iink/src/main/res/font/symbola.xml
new file mode 100644
index 0000000..eb0057e
--- /dev/null
+++ b/myscript-iink/src/main/res/font/symbola.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<font-family xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto">
+    <font
+        app:font="@font/symbola_regular"
+        app:fontStyle="normal"
+        app:fontWeight="100" />
+</font-family>
\ No newline at end of file
diff --git a/myscript-iink/src/main/res/font/symbola_regular.ttf b/myscript-iink/src/main/res/font/symbola_regular.ttf
new file mode 100644
index 0000000..52337df
Binary files /dev/null and b/myscript-iink/src/main/res/font/symbola_regular.ttf differ
diff --git a/myscript-iink/src/main/res/layout/view_myscript.xml b/myscript-iink/src/main/res/layout/view_myscript.xml
new file mode 100644
index 0000000..a04b6c7
--- /dev/null
+++ b/myscript-iink/src/main/res/layout/view_myscript.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    tools:parentTag="androidx.constraintlayout.widget.ConstraintLayout">
+
+    <include layout="@layout/editor_view" />
+
+</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/myscript-iink/src/main/res/raw/theme.css b/myscript-iink/src/main/res/raw/theme.css
new file mode 100644
index 0000000..0eafe5d
--- /dev/null
+++ b/myscript-iink/src/main/res/raw/theme.css
@@ -0,0 +1,17 @@
+/*
+ * see https://developer.myscript.com/docs/interactive-ink/latest/reference/styling for styling reference
+ */
+
+glyph {
+  /* Font family must be aligned with the key used to register the corresponding Typeface in typeface map */
+  font-family: SYMBOLA;
+}
+
+.math {
+  /* Font family must be aligned with the key used to register the corresponding Typeface in typeface map */
+  font-family: SYMBOLA;
+}
+
+.math-variable {
+  font-style: normal;
+}
\ No newline at end of file
diff --git a/myscript-iink/src/test/java/com/knowre/android/myscript/iink/ExampleUnitTest.kt b/myscript-iink/src/test/java/com/knowre/android/myscript/iink/ExampleUnitTest.kt
new file mode 100644
index 0000000..b9c406e
--- /dev/null
+++ b/myscript-iink/src/test/java/com/knowre/android/myscript/iink/ExampleUnitTest.kt
@@ -0,0 +1,17 @@
+package com.knowre.android.myscript.iink
+
+import org.junit.Test
+
+import org.junit.Assert.*
+
+/**
+ * Example local unit test, which will execute on the development machine (host).
+ *
+ * See [testing documentation](http://d.android.com/tools/testing).
+ */
+class ExampleUnitTest {
+    @Test
+    fun addition_isCorrect() {
+        assertEquals(4, 2 + 2)
+    }
+}
\ No newline at end of file
diff --git a/settings.gradle b/settings.gradle
index 0fe40fc..9acfade 100644
--- a/settings.gradle
+++ b/settings.gradle
@@ -1,3 +1,5 @@
 include ':app'
 include ':extension-standard'
-include ':extension-android'
\ No newline at end of file
+include ':extension-android'
+include ':myscript-iink'
+include ':myscript-iink:UIReferenceImplementation'