Merge pull request #100 from overpas/#99/preview

Compose ImageVector preview

Author: overpas

.github/workflows/build.yml

@@ -10,8 +10,22 @@ on:
 
 jobs:
   build:
-    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        os:
+          - macos-latest
+          - ubuntu-latest
+        jdk:
+          - zulu
+          - corretto
+          - adopt
+    runs-on: ${{ matrix.os }}
     steps:
       - uses: actions/checkout@v3
+      - name: Set up JDK
+        uses: actions/setup-java@v3
+        with:
+          distribution: ${{ matrix.jdk }}
+          java-version: 17
       - name: Build
         run: ./gradlew build

README.md

@@ -2,7 +2,7 @@
 [![Build](https://github.com/overpas/svg-to-compose-intellij/actions/workflows/build.yml/badge.svg)](https://github.com/overpas/svg-to-compose-intellij/actions/workflows/build.yml)
 [![Check IDE compatibility](https://github.com/overpas/svg-to-compose-intellij/actions/workflows/verify.yml/badge.svg)](https://github.com/overpas/svg-to-compose-intellij/actions/workflows/verify.yml)
 
-A simple Android Studio plugin to generate Jetpack Compose ImageVector icons. In fact, it's a wrapper around the [svg-to-compose](https://github.com/DevSrSouza/svg-to-compose) tool.
+A simple Android Studio plugin to generate Jetpack Compose ImageVector icons. In fact, it's a wrapper around the [svg-to-compose](https://github.com/DevSrSouza/svg-to-compose) tool. Also, allows to preview the generated icons.
 
 ## Installation
 Install from [Jetbrains Marketplace](https://plugins.jetbrains.com/plugin/18619-svg-to-compose)

build.gradle.kts

@@ -47,6 +47,7 @@ dependencies {
     implementation(libs.compose.multiplatform.file.picker) {
         exclude(group = "org.jetbrains.kotlinx")
     }
+    testImplementation(kotlin("test"))
     testImplementation(libs.junit)
     testImplementation(libs.mockito.kotlin)
     testImplementation(libs.kotlin.coroutines.test)

gradle.properties

@@ -1,5 +1,5 @@
-version=0.14
+version=0.15
 jvm-version=17
 since-build=232.8660.185
 until-build=241.*
-change-notes=Support Intellij 2024.1; Fix crashes on previous versions
+change-notes=ImageVector icons preview

src/main/kotlin/by/overpass/svgtocomposeintellij/preview/ComposeImageVectorPreviewEditorProvider.kt

@@ -0,0 +1,59 @@
+package by.overpass.svgtocomposeintellij.preview
+
+import by.overpass.svgtocomposeintellij.Bundle
+import by.overpass.svgtocomposeintellij.preview.data.KotlinFileIconDataParser
+import by.overpass.svgtocomposeintellij.preview.data.imageVectorDeclarationPattern
+import by.overpass.svgtocomposeintellij.preview.presentation.ComposeImageVectorPreviewViewModelImpl
+import by.overpass.svgtocomposeintellij.preview.ui.ComposeImageVectorPreviewEditor
+import com.intellij.openapi.fileEditor.FileEditor
+import com.intellij.openapi.fileEditor.FileEditorPolicy
+import com.intellij.openapi.fileEditor.FileEditorProvider
+import com.intellij.openapi.fileEditor.TextEditor
+import com.intellij.openapi.fileEditor.TextEditorWithPreview
+import com.intellij.openapi.fileEditor.impl.text.TextEditorProvider
+import com.intellij.openapi.project.DumbAware
+import com.intellij.openapi.project.Project
+import com.intellij.openapi.vfs.VirtualFile
+import kotlinx.coroutines.CoroutineScope
+import kotlinx.coroutines.SupervisorJob
+import org.jetbrains.skiko.MainUIDispatcher
+
+class ComposeImageVectorPreviewEditorProvider : FileEditorProvider, DumbAware {
+
+    override fun accept(project: Project, file: VirtualFile): Boolean {
+        return file.containsImageVector()
+    }
+
+    override fun createEditor(project: Project, file: VirtualFile): FileEditor {
+        val textEditor = TextEditorProvider.getInstance().createEditor(project, file) as TextEditor
+        val coroutineScope = CoroutineScope(MainUIDispatcher + SupervisorJob())
+        return TextEditorWithPreview(
+            textEditor,
+            ComposeImageVectorPreviewEditor(
+                viewModel = ComposeImageVectorPreviewViewModelImpl(
+                    coroutineScope = coroutineScope,
+                    iconDataParser = KotlinFileIconDataParser(
+                        file.toNioPath()
+                            .toFile(),
+                    ),
+                ),
+                coroutineScope = coroutineScope,
+            ),
+            Bundle.message("preview_editor_title"),
+        )
+    }
+
+    override fun getEditorTypeId(): String = "compose-image-vector-preview-editor"
+
+    override fun getPolicy(): FileEditorPolicy = FileEditorPolicy.HIDE_DEFAULT_EDITOR
+
+    private fun VirtualFile.containsImageVector(): Boolean {
+        return inputStream
+            .bufferedReader()
+            .useLines { lines ->
+                lines.find { line ->
+                    imageVectorDeclarationPattern.containsMatchIn(line)
+                } != null
+            }
+    }
+}

src/main/kotlin/by/overpass/svgtocomposeintellij/preview/data/ColorConversion.kt

@@ -0,0 +1,19 @@
+package by.overpass.svgtocomposeintellij.preview.data
+
+@Suppress("MagicNumber")
+fun hexToLongColor(hex: String): Long {
+    check(hex.startsWith("0x"))
+    // Remove any leading '0x' characters
+    val hexValue = hex.removePrefix("0x")
+
+    // Parse hex string to separate ARGB components
+    val alpha = hexValue.substring(0, 2).toInt(16)
+    val red = hexValue.substring(2, 4).toInt(16)
+    val green = hexValue.substring(4, 6).toInt(16)
+    val blue = hexValue.substring(6, 8).toInt(16)
+
+    // Combine components into a long color value
+    val color: Long = (alpha.toLong() shl 24) or (red.toLong() shl 16) or (green.toLong() shl 8) or blue.toLong()
+
+    return color
+}

src/main/kotlin/by/overpass/svgtocomposeintellij/preview/data/IconData.kt

@@ -0,0 +1,10 @@
+package by.overpass.svgtocomposeintellij.preview.data
+
+import androidx.compose.runtime.Stable
+import androidx.compose.ui.graphics.vector.ImageVector
+
+@Stable
+data class IconData(
+    val name: String,
+    val imageVector: ImageVector,
+)