From 04043191bcb89bac0894fcf7f10e828ce47556c2 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Tue, 10 Jun 2025 14:37:45 +0000
Subject: [PATCH 1/4] Initial plan for issue


From 453c955252446f5a934723834f5d3006164fda46 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Tue, 10 Jun 2025 14:45:39 +0000
Subject: [PATCH 2/4] Add Jetpack Compose dependencies and SyntaxHighlighter
 composable

Co-authored-by: hossain-khan <99822+hossain-khan@users.noreply.github.com>
---
 build.gradle                                  |   7 +-
 example/build.gradle                          |  12 ++
 example/src/main/AndroidManifest.xml          |   3 +
 .../hossain/ynaash/example/ui/MainActivity.kt |   5 +
 .../demoprismjs/PrismJsComposeDemoActivity.kt | 119 ++++++++++++++++++
 example/src/main/res/layout/activity_main.xml |   6 +
 highlighter/build.gradle                      |  12 ++
 .../compose/SyntaxHighlighterComposable.kt    |  55 ++++++++
 8 files changed, 218 insertions(+), 1 deletion(-)
 create mode 100644 example/src/main/java/dev/hossain/ynaash/example/ui/demoprismjs/PrismJsComposeDemoActivity.kt
 create mode 100644 highlighter/src/main/java/dev/hossain/ynaash/compose/SyntaxHighlighterComposable.kt

diff --git a/build.gradle b/build.gradle
index 7c43e03..b03e75a 100644
--- a/build.gradle
+++ b/build.gradle
@@ -6,7 +6,7 @@ buildscript {
         mavenCentral()
     }
     dependencies {
-        classpath 'com.android.tools.build:gradle:8.7.2'
+        classpath 'com.android.tools.build:gradle:8.5.2'
         classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
 
         // NOTE: Do not place your application dependencies here; they belong
@@ -47,6 +47,11 @@ ext {
     // https://developer.android.com/jetpack/androidx/releases/lifecycle
     archComponentVersion = '2.8.7'
 
+    // Jetpack Compose dependencies
+    // --------------------------------------------------
+    // https://developer.android.com/jetpack/compose/bom
+    composeBomVersion = '2024.12.01'
+    composeCompilerVersion = '1.5.15'
 
     // Unit test dependencies
     // --------------------------------------------------
diff --git a/example/build.gradle b/example/build.gradle
index 17c0740..6db819d 100644
--- a/example/build.gradle
+++ b/example/build.gradle
@@ -9,6 +9,11 @@ android {
     buildFeatures {
         viewBinding true
         buildConfig true
+        compose true
+    }
+
+    composeOptions {
+        kotlinCompilerExtensionVersion rootProject.ext.composeCompilerVersion
     }
 
     defaultConfig {
@@ -56,6 +61,13 @@ dependencies {
     // - https://developer.android.com/jetpack/androidx/releases/recyclerview
     implementation "androidx.recyclerview:recyclerview:1.3.2"
 
+    // Jetpack Compose BOM
+    implementation platform("androidx.compose:compose-bom:${rootProject.ext.composeBomVersion}")
+    implementation 'androidx.compose.ui:ui'
+    implementation 'androidx.compose.ui:ui-tooling-preview'
+    implementation 'androidx.compose.material3:material3'
+    implementation 'androidx.activity:activity-compose:1.9.3'
+
     // Timber for logging
     implementation "com.jakewharton.timber:timber:5.0.1"
 
diff --git a/example/src/main/AndroidManifest.xml b/example/src/main/AndroidManifest.xml
index c64c3e2..1cce606 100644
--- a/example/src/main/AndroidManifest.xml
+++ b/example/src/main/AndroidManifest.xml
@@ -23,6 +23,9 @@
         <activity
             android:name=".ui.demoprismjs.PrismJsDemoActivity"
             android:parentActivityName=".ui.MainActivity" />
+        <activity
+            android:name=".ui.demoprismjs.PrismJsComposeDemoActivity"
+            android:parentActivityName=".ui.MainActivity" />
     </application>
 
 </manifest>
\ No newline at end of file
diff --git a/example/src/main/java/dev/hossain/ynaash/example/ui/MainActivity.kt b/example/src/main/java/dev/hossain/ynaash/example/ui/MainActivity.kt
index 59edae2..c6b0c26 100644
--- a/example/src/main/java/dev/hossain/ynaash/example/ui/MainActivity.kt
+++ b/example/src/main/java/dev/hossain/ynaash/example/ui/MainActivity.kt
@@ -7,6 +7,7 @@ import androidx.appcompat.app.AppCompatActivity
 import dev.hossain.ynaash.example.R
 import dev.hossain.ynaash.example.ui.demohighlightjs.HighlightJsDemoActivity
 import dev.hossain.ynaash.example.ui.demoprismjs.PrismJsDemoActivity
+import dev.hossain.ynaash.example.ui.demoprismjs.PrismJsComposeDemoActivity
 
 /**
  * Main activity to showcase both fragment based and custom view based syntax highlighting.
@@ -23,5 +24,9 @@ class MainActivity : AppCompatActivity() {
         findViewById<Button>(R.id.prismjs_demo_button).setOnClickListener {
             startActivity(Intent(this, PrismJsDemoActivity::class.java))
         }
+
+        findViewById<Button>(R.id.prismjs_compose_demo_button).setOnClickListener {
+            startActivity(Intent(this, PrismJsComposeDemoActivity::class.java))
+        }
     }
 }
\ No newline at end of file
diff --git a/example/src/main/java/dev/hossain/ynaash/example/ui/demoprismjs/PrismJsComposeDemoActivity.kt b/example/src/main/java/dev/hossain/ynaash/example/ui/demoprismjs/PrismJsComposeDemoActivity.kt
new file mode 100644
index 0000000..16556bc
--- /dev/null
+++ b/example/src/main/java/dev/hossain/ynaash/example/ui/demoprismjs/PrismJsComposeDemoActivity.kt
@@ -0,0 +1,119 @@
+package dev.hossain.ynaash.example.ui.demoprismjs
+
+import android.os.Bundle
+import androidx.activity.compose.setContent
+import androidx.appcompat.app.AppCompatActivity
+import androidx.compose.foundation.layout.*
+import androidx.compose.foundation.rememberScrollState
+import androidx.compose.foundation.verticalScroll
+import androidx.compose.material3.*
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import dev.hossain.ynaash.compose.SyntaxHighlighter
+import dev.hossain.ynaash.example.ui.common.SampleSourceCode
+
+/**
+ * Demo activity to showcase Jetpack Compose based syntax highlighting using PrismJS.
+ * 
+ * This activity demonstrates how to use the [SyntaxHighlighter] composable
+ * to display syntax highlighted code in a Compose UI.
+ */
+class PrismJsComposeDemoActivity : AppCompatActivity() {
+    
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        
+        supportActionBar?.title = "PrismJS Compose Demo"
+        
+        setContent {
+            MaterialTheme {
+                Surface(
+                    modifier = Modifier.fillMaxSize(),
+                    color = MaterialTheme.colorScheme.background
+                ) {
+                    PrismJsComposeDemoScreen()
+                }
+            }
+        }
+    }
+}
+
+@Composable
+fun PrismJsComposeDemoScreen() {
+    Column(
+        modifier = Modifier
+            .fillMaxSize()
+            .padding(16.dp)
+            .verticalScroll(rememberScrollState()),
+        verticalArrangement = Arrangement.spacedBy(16.dp)
+    ) {
+        Text(
+            text = "Jetpack Compose Syntax Highlighting",
+            style = MaterialTheme.typography.headlineMedium
+        )
+        
+        Text(
+            text = "Fragment onViewCreated Example",
+            style = MaterialTheme.typography.titleMedium
+        )
+        
+        Card(
+            modifier = Modifier
+                .fillMaxWidth()
+                .height(300.dp)
+        ) {
+            SyntaxHighlighter(
+                sourceCode = SampleSourceCode.fragmentOnCreated,
+                language = "kotlin",
+                showLineNumbers = true,
+                modifier = Modifier.fillMaxSize()
+            )
+        }
+        
+        Text(
+            text = "Custom View Bind Example",
+            style = MaterialTheme.typography.titleMedium
+        )
+        
+        Card(
+            modifier = Modifier
+                .fillMaxWidth()
+                .height(300.dp)
+        ) {
+            SyntaxHighlighter(
+                sourceCode = SampleSourceCode.customViewBind,
+                language = "kotlin",
+                showLineNumbers = true,
+                modifier = Modifier.fillMaxSize()
+            )
+        }
+        
+        Text(
+            text = "Simple Example",
+            style = MaterialTheme.typography.titleMedium
+        )
+        
+        Card(
+            modifier = Modifier
+                .fillMaxWidth()
+                .height(150.dp)
+        ) {
+            SyntaxHighlighter(
+                sourceCode = "data class Student(val name: String, val age: Int)",
+                language = "kotlin",
+                showLineNumbers = false,
+                modifier = Modifier.fillMaxSize()
+            )
+        }
+    }
+}
+
+@Preview(showBackground = true)
+@Composable
+fun PrismJsComposeDemoScreenPreview() {
+    MaterialTheme {
+        PrismJsComposeDemoScreen()
+    }
+}
\ No newline at end of file
diff --git a/example/src/main/res/layout/activity_main.xml b/example/src/main/res/layout/activity_main.xml
index 05c48d0..77ed897 100644
--- a/example/src/main/res/layout/activity_main.xml
+++ b/example/src/main/res/layout/activity_main.xml
@@ -35,4 +35,10 @@
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:text="See PrismJS Demo" />
+
+    <Button
+        android:id="@+id/prismjs_compose_demo_button"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:text="See PrismJS Compose Demo" />
 </LinearLayout>
\ No newline at end of file
diff --git a/highlighter/build.gradle b/highlighter/build.gradle
index 40a25e6..96fac3a 100644
--- a/highlighter/build.gradle
+++ b/highlighter/build.gradle
@@ -8,6 +8,11 @@ android {
 
     buildFeatures {
         viewBinding true
+        compose true
+    }
+
+    composeOptions {
+        kotlinCompilerExtensionVersion rootProject.ext.composeCompilerVersion
     }
 
     defaultConfig {
@@ -45,6 +50,13 @@ dependencies {
     // https://developer.android.com/jetpack/androidx/releases/webkit
     implementation "androidx.webkit:webkit:1.12.1"
 
+    // Jetpack Compose BOM
+    implementation platform("androidx.compose:compose-bom:${rootProject.ext.composeBomVersion}")
+    implementation 'androidx.compose.ui:ui'
+    implementation 'androidx.compose.ui:ui-tooling-preview'
+    implementation 'androidx.compose.material3:material3'
+    implementation 'androidx.activity:activity-compose:1.9.3'
+
     testImplementation 'junit:junit:4.13.2'
     androidTestImplementation 'androidx.test.ext:junit:1.2.1'
     androidTestImplementation 'androidx.test.espresso:espresso-core:3.6.1'
diff --git a/highlighter/src/main/java/dev/hossain/ynaash/compose/SyntaxHighlighterComposable.kt b/highlighter/src/main/java/dev/hossain/ynaash/compose/SyntaxHighlighterComposable.kt
new file mode 100644
index 0000000..e5cc728
--- /dev/null
+++ b/highlighter/src/main/java/dev/hossain/ynaash/compose/SyntaxHighlighterComposable.kt
@@ -0,0 +1,55 @@
+package dev.hossain.ynaash.compose
+
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.viewinterop.AndroidView
+import dev.hossain.ynaash.prismjs.SyntaxHighlighterWebView
+
+/**
+ * Jetpack Compose component that displays syntax highlighted source code.
+ * 
+ * This composable wraps the existing [SyntaxHighlighterWebView] to provide
+ * a Compose-friendly interface for syntax highlighting.
+ *
+ * Example usage:
+ * ```
+ * SyntaxHighlighter(
+ *     sourceCode = "data class Student(val name: String)",
+ *     language = "kotlin",
+ *     showLineNumbers = true
+ * )
+ * ```
+ * 
+ * @param sourceCode The source code to be syntax highlighted
+ * @param language The programming language for syntax highlighting (e.g., "kotlin", "java", "javascript")
+ * @param showLineNumbers Whether to display line numbers alongside the code
+ * @param modifier Modifier to be applied to the syntax highlighter
+ */
+@Composable
+fun SyntaxHighlighter(
+    sourceCode: String,
+    language: String,
+    showLineNumbers: Boolean = false,
+    modifier: Modifier = Modifier
+) {
+    AndroidView(
+        modifier = modifier,
+        factory = { context ->
+            SyntaxHighlighterWebView(context).apply {
+                bindSyntaxHighlighter(
+                    formattedSourceCode = sourceCode,
+                    language = language,
+                    showLineNumbers = showLineNumbers
+                )
+            }
+        },
+        update = { webView ->
+            // Update the webview when parameters change
+            webView.bindSyntaxHighlighter(
+                formattedSourceCode = sourceCode,
+                language = language,
+                showLineNumbers = showLineNumbers
+            )
+        }
+    )
+}
\ No newline at end of file

From a957dd6e5cc8e331adfd5474eb753073210ce280 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Tue, 10 Jun 2025 14:48:48 +0000
Subject: [PATCH 3/4] Update README with Jetpack Compose documentation

Co-authored-by: hossain-khan <99822+hossain-khan@users.noreply.github.com>
---
 README.md | 99 +++++++++++++++++++++++++++++++++++++++++++++++++++++--
 1 file changed, 97 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index bd94ef0..10262bd 100644
--- a/README.md
+++ b/README.md
@@ -5,6 +5,8 @@ yet _NOT_ another android syntax highlighter (YNAASH)
 Explore well established web based syntax highlighter like [PrismJS](https://prismjs.com/) and [highlight.js](https://highlightjs.org/), 
 and showcase how anybody can quickly incorporate these into their project by following some examples provided here.
 
+This project provides examples for **Android Legacy Views**, **Fragments**, and **Jetpack Compose** implementations.
+
 
 > The intention is **NOT** to create another library project that gets abandoned over time.
 Feel free to copy parts of code that is necessary for you to add syntax highlighting support to your app.
@@ -38,7 +40,7 @@ If you need a library, you may look into following existing projects
   - [2. Use HTML+CSS+JS Asset](#2-use-htmlcssjs-asset)
   - [3. Load the static HTML on `WebView`](#3-load-the-static-html-on-webview)
     - [Example App Screenshots](#screenshot)
-- [Building your own Fragment or Custom View](#building-your-own-fragment-or-custom-view)
+- [Building your own Fragment, Custom View, or Composable](#building-your-own-fragment-custom-view-or-composable)
   - [Custom View](#custom-view)
     - [PrismJS Template Function](#prismjs-template-function)
     - [Creating custom syntax highlighter WebView](#creating-custom-syntax-highlighter-webview)
@@ -46,6 +48,9 @@ If you need a library, you may look into following existing projects
   - [Fragment](#fragment)
     - [Create custom Syntax Highlighter Fragment](#create-custom-syntax-highlighter-fragment)
     - [Using the Syntax Highlighter Fragment](#using-the-syntax-highlighter-fragment)
+  - [Jetpack Compose](#jetpack-compose)
+    - [SyntaxHighlighter Composable](#syntaxhighlighter-composable)
+    - [Using the SyntaxHighlighter Composable](#using-the-syntaxhighlighter-composable)
 
 ## Under the hood
 Here is how you would have syntax highlighting using any modern JavaScript library.
@@ -104,7 +109,7 @@ Here is a screenshot taken from a demo static html page that has syntax highligh
 | ![device-2020-07-18-092715](https://user-images.githubusercontent.com/99822/87853541-fc52d700-c8d8-11ea-9dc6-2d4c624f3b74.png) | ![device-2020-07-18-092727](https://user-images.githubusercontent.com/99822/87853542-fceb6d80-c8d8-11ea-9641-4ecf927b5a01.png) | ![device-2020-07-18-092736](https://user-images.githubusercontent.com/99822/87853543-fe1c9a80-c8d8-11ea-9e11-c9779202368e.png) |
 | --- | --- | --- |
 
-## Building your own Fragment or Custom View
+## Building your own Fragment, Custom View, or Composable
 Ideally, there should be a modular component or custom-view that you **re-use** syntax highlighting with dynamic content.
 For that having a `Fragment` or custom `View` is ideal.
 
@@ -277,3 +282,93 @@ val fragment = SyntaxHighlighterFragment.newInstance(
 
 > See [PrismJsDemoActivity.kt](https://github.com/hossain-khan/android-syntax-highlighter/blob/main/example/src/main/java/dev/hossain/ynaash/example/ui/demoprismjs/PrismJsDemoActivity.kt)
 > source code for full example.
+
+## Jetpack Compose
+Jetpack Compose support is available for modern Android development. The `SyntaxHighlighter` composable provides a Compose-friendly way to display syntax highlighted code by wrapping the proven WebView-based implementation.
+
+### SyntaxHighlighter Composable
+The `SyntaxHighlighter` composable leverages `AndroidView` to integrate the existing `SyntaxHighlighterWebView` into Compose UI. This approach maintains compatibility with the established PrismJS functionality while providing a modern Compose interface.
+
+```kotlin
+@Composable
+fun SyntaxHighlighter(
+    sourceCode: String,
+    language: String,
+    showLineNumbers: Boolean = false,
+    modifier: Modifier = Modifier
+) {
+    AndroidView(
+        modifier = modifier,
+        factory = { context ->
+            SyntaxHighlighterWebView(context).apply {
+                bindSyntaxHighlighter(
+                    formattedSourceCode = sourceCode,
+                    language = language,
+                    showLineNumbers = showLineNumbers
+                )
+            }
+        },
+        update = { webView ->
+            webView.bindSyntaxHighlighter(
+                formattedSourceCode = sourceCode,
+                language = language,
+                showLineNumbers = showLineNumbers
+            )
+        }
+    )
+}
+```
+
+> See [SyntaxHighlighterComposable.kt](https://github.com/hossain-khan/android-syntax-highlighter/blob/main/highlighter/src/main/java/dev/hossain/ynaash/compose/SyntaxHighlighterComposable.kt) 
+> for the complete implementation.
+
+### Using the SyntaxHighlighter Composable
+From your Compose UI, you can use the `SyntaxHighlighter` composable directly in your layouts:
+
+```kotlin
+@Composable
+fun MyScreen() {
+    Column {
+        Text("Code Example")
+        
+        Card(
+            modifier = Modifier
+                .fillMaxWidth()
+                .height(300.dp)
+        ) {
+            SyntaxHighlighter(
+                sourceCode = "data class Student(val name: String, val age: Int)",
+                language = "kotlin",
+                showLineNumbers = true,
+                modifier = Modifier.fillMaxSize()
+            )
+        }
+    }
+}
+```
+
+**Dependencies required for Compose support:**
+
+Add the following to your module's `build.gradle`:
+
+```kotlin
+android {
+    buildFeatures {
+        compose true
+    }
+    composeOptions {
+        kotlinCompilerExtensionVersion '1.5.15'
+    }
+}
+
+dependencies {
+    implementation platform('androidx.compose:compose-bom:2024.12.01')
+    implementation 'androidx.compose.ui:ui'
+    implementation 'androidx.compose.ui:ui-tooling-preview'
+    implementation 'androidx.compose.material3:material3'
+    implementation 'androidx.activity:activity-compose:1.9.3'
+}
+```
+
+> See [PrismJsComposeDemoActivity.kt](https://github.com/hossain-khan/android-syntax-highlighter/blob/main/example/src/main/java/dev/hossain/ynaash/example/ui/demoprismjs/PrismJsComposeDemoActivity.kt)
+> for a complete working example.

From 15dff8a96a3af33017eec61d094d8ee2619b95a6 Mon Sep 17 00:00:00 2001
From: Hossain Khan <hello@hossain.dev>
Date: Tue, 10 Jun 2025 16:42:31 -0400
Subject: [PATCH 4/4] [ADDED] Compose compiler

https://developer.android.com/develop/ui/compose/compiler
---
 .gitignore                           |   2 +
 .idea/.name                          |   1 -
 .idea/codeStyles/Project.xml         | 123 ---------------------------
 .idea/codeStyles/codeStyleConfig.xml |   5 --
 .idea/compiler.xml                   |   6 --
 .idea/deploymentTargetDropDown.xml   |  10 ---
 .idea/jarRepositories.xml            |  25 ------
 .idea/kotlinc.xml                    |   6 --
 .idea/migrations.xml                 |  10 ---
 .idea/misc.xml                       |   9 --
 example/build.gradle                 |   1 +
 highlighter/build.gradle             |   1 +
 12 files changed, 4 insertions(+), 195 deletions(-)
 delete mode 100644 .idea/.name
 delete mode 100644 .idea/codeStyles/Project.xml
 delete mode 100644 .idea/codeStyles/codeStyleConfig.xml
 delete mode 100644 .idea/compiler.xml
 delete mode 100644 .idea/deploymentTargetDropDown.xml
 delete mode 100644 .idea/jarRepositories.xml
 delete mode 100644 .idea/kotlinc.xml
 delete mode 100644 .idea/migrations.xml
 delete mode 100644 .idea/misc.xml

diff --git a/.gitignore b/.gitignore
index a086e7d..6b82f59 100644
--- a/.gitignore
+++ b/.gitignore
@@ -84,3 +84,5 @@ lint/outputs/
 lint/tmp/
 # lint/reports/
 .DS_Store
+*.salive
+.idea/
diff --git a/.idea/.name b/.idea/.name
deleted file mode 100644
index 5fa2316..0000000
--- a/.idea/.name
+++ /dev/null
@@ -1 +0,0 @@
-Syntax Highlighter
\ No newline at end of file
diff --git a/.idea/codeStyles/Project.xml b/.idea/codeStyles/Project.xml
deleted file mode 100644
index e6010f2..0000000
--- a/.idea/codeStyles/Project.xml
+++ /dev/null
@@ -1,123 +0,0 @@
-<component name="ProjectCodeStyleConfiguration">
-  <code_scheme name="Project" version="173">
-    <JetCodeStyleSettings>
-      <option name="CODE_STYLE_DEFAULTS" value="KOTLIN_OFFICIAL" />
-    </JetCodeStyleSettings>
-    <codeStyleSettings language="XML">
-      <indentOptions>
-        <option name="CONTINUATION_INDENT_SIZE" value="4" />
-      </indentOptions>
-      <arrangement>
-        <rules>
-          <section>
-            <rule>
-              <match>
-                <AND>
-                  <NAME>xmlns:android</NAME>
-                  <XML_ATTRIBUTE />
-                  <XML_NAMESPACE>^$</XML_NAMESPACE>
-                </AND>
-              </match>
-            </rule>
-          </section>
-          <section>
-            <rule>
-              <match>
-                <AND>
-                  <NAME>xmlns:.*</NAME>
-                  <XML_ATTRIBUTE />
-                  <XML_NAMESPACE>^$</XML_NAMESPACE>
-                </AND>
-              </match>
-              <order>BY_NAME</order>
-            </rule>
-          </section>
-          <section>
-            <rule>
-              <match>
-                <AND>
-                  <NAME>.*:id</NAME>
-                  <XML_ATTRIBUTE />
-                  <XML_NAMESPACE>http://schemas.android.com/apk/res/android</XML_NAMESPACE>
-                </AND>
-              </match>
-            </rule>
-          </section>
-          <section>
-            <rule>
-              <match>
-                <AND>
-                  <NAME>.*:name</NAME>
-                  <XML_ATTRIBUTE />
-                  <XML_NAMESPACE>http://schemas.android.com/apk/res/android</XML_NAMESPACE>
-                </AND>
-              </match>
-            </rule>
-          </section>
-          <section>
-            <rule>
-              <match>
-                <AND>
-                  <NAME>name</NAME>
-                  <XML_ATTRIBUTE />
-                  <XML_NAMESPACE>^$</XML_NAMESPACE>
-                </AND>
-              </match>
-            </rule>
-          </section>
-          <section>
-            <rule>
-              <match>
-                <AND>
-                  <NAME>style</NAME>
-                  <XML_ATTRIBUTE />
-                  <XML_NAMESPACE>^$</XML_NAMESPACE>
-                </AND>
-              </match>
-            </rule>
-          </section>
-          <section>
-            <rule>
-              <match>
-                <AND>
-                  <NAME>.*</NAME>
-                  <XML_ATTRIBUTE />
-                  <XML_NAMESPACE>^$</XML_NAMESPACE>
-                </AND>
-              </match>
-              <order>BY_NAME</order>
-            </rule>
-          </section>
-          <section>
-            <rule>
-              <match>
-                <AND>
-                  <NAME>.*</NAME>
-                  <XML_ATTRIBUTE />
-                  <XML_NAMESPACE>http://schemas.android.com/apk/res/android</XML_NAMESPACE>
-                </AND>
-              </match>
-              <order>ANDROID_ATTRIBUTE_ORDER</order>
-            </rule>
-          </section>
-          <section>
-            <rule>
-              <match>
-                <AND>
-                  <NAME>.*</NAME>
-                  <XML_ATTRIBUTE />
-                  <XML_NAMESPACE>.*</XML_NAMESPACE>
-                </AND>
-              </match>
-              <order>BY_NAME</order>
-            </rule>
-          </section>
-        </rules>
-      </arrangement>
-    </codeStyleSettings>
-    <codeStyleSettings language="kotlin">
-      <option name="CODE_STYLE_DEFAULTS" value="KOTLIN_OFFICIAL" />
-      <option name="RIGHT_MARGIN" value="120" />
-    </codeStyleSettings>
-  </code_scheme>
-</component>
\ No newline at end of file
diff --git a/.idea/codeStyles/codeStyleConfig.xml b/.idea/codeStyles/codeStyleConfig.xml
deleted file mode 100644
index 79ee123..0000000
--- a/.idea/codeStyles/codeStyleConfig.xml
+++ /dev/null
@@ -1,5 +0,0 @@
-<component name="ProjectCodeStyleConfiguration">
-  <state>
-    <option name="USE_PER_PROJECT_SETTINGS" value="true" />
-  </state>
-</component>
\ No newline at end of file
diff --git a/.idea/compiler.xml b/.idea/compiler.xml
deleted file mode 100644
index b589d56..0000000
--- a/.idea/compiler.xml
+++ /dev/null
@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="CompilerConfiguration">
-    <bytecodeTargetLevel target="17" />
-  </component>
-</project>
\ No newline at end of file
diff --git a/.idea/deploymentTargetDropDown.xml b/.idea/deploymentTargetDropDown.xml
deleted file mode 100644
index e73ee34..0000000
--- a/.idea/deploymentTargetDropDown.xml
+++ /dev/null
@@ -1,10 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="deploymentTargetDropDown">
-    <value>
-      <entry key="example">
-        <State />
-      </entry>
-    </value>
-  </component>
-</project>
\ No newline at end of file
diff --git a/.idea/jarRepositories.xml b/.idea/jarRepositories.xml
deleted file mode 100644
index a5f05cd..0000000
--- a/.idea/jarRepositories.xml
+++ /dev/null
@@ -1,25 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="RemoteRepositoriesConfiguration">
-    <remote-repository>
-      <option name="id" value="central" />
-      <option name="name" value="Maven Central repository" />
-      <option name="url" value="https://repo1.maven.org/maven2" />
-    </remote-repository>
-    <remote-repository>
-      <option name="id" value="jboss.community" />
-      <option name="name" value="JBoss Community repository" />
-      <option name="url" value="https://repository.jboss.org/nexus/content/repositories/public/" />
-    </remote-repository>
-    <remote-repository>
-      <option name="id" value="BintrayJCenter" />
-      <option name="name" value="BintrayJCenter" />
-      <option name="url" value="https://jcenter.bintray.com/" />
-    </remote-repository>
-    <remote-repository>
-      <option name="id" value="Google" />
-      <option name="name" value="Google" />
-      <option name="url" value="https://dl.google.com/dl/android/maven2/" />
-    </remote-repository>
-  </component>
-</project>
\ No newline at end of file
diff --git a/.idea/kotlinc.xml b/.idea/kotlinc.xml
deleted file mode 100644
index 8d81632..0000000
--- a/.idea/kotlinc.xml
+++ /dev/null
@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="KotlinJpsPluginSettings">
-    <option name="version" value="1.9.22" />
-  </component>
-</project>
\ No newline at end of file
diff --git a/.idea/migrations.xml b/.idea/migrations.xml
deleted file mode 100644
index f8051a6..0000000
--- a/.idea/migrations.xml
+++ /dev/null
@@ -1,10 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="ProjectMigrations">
-    <option name="MigrateToGradleLocalJavaHome">
-      <set>
-        <option value="$PROJECT_DIR$" />
-      </set>
-    </option>
-  </component>
-</project>
\ No newline at end of file
diff --git a/.idea/misc.xml b/.idea/misc.xml
deleted file mode 100644
index 8978d23..0000000
--- a/.idea/misc.xml
+++ /dev/null
@@ -1,9 +0,0 @@
-<project version="4">
-  <component name="ExternalStorageConfigurationManager" enabled="true" />
-  <component name="ProjectRootManager" version="2" languageLevel="JDK_17" default="true" project-jdk-name="jbr-17" project-jdk-type="JavaSDK">
-    <output url="file://$PROJECT_DIR$/build/classes" />
-  </component>
-  <component name="ProjectType">
-    <option name="id" value="Android" />
-  </component>
-</project>
\ No newline at end of file
diff --git a/example/build.gradle b/example/build.gradle
index 6db819d..88ddf66 100644
--- a/example/build.gradle
+++ b/example/build.gradle
@@ -1,6 +1,7 @@
 plugins {
     id 'com.android.application'
     id 'kotlin-android'
+    id("org.jetbrains.kotlin.plugin.compose") version "2.0.21"
 }
 
 android {
diff --git a/highlighter/build.gradle b/highlighter/build.gradle
index 96fac3a..d21a01d 100644
--- a/highlighter/build.gradle
+++ b/highlighter/build.gradle
@@ -1,6 +1,7 @@
 plugins {
     id 'com.android.library'
     id 'kotlin-android'
+    id("org.jetbrains.kotlin.plugin.compose") version "2.0.21"
 }
 
 android {