Add vue plugin

plugin-vue/pom.xml

@@ -0,0 +1,88 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
+    <modelVersion>4.0.0</modelVersion>
+    <parent>
+        <groupId>io.mvnpm</groupId>
+        <artifactId>esbuild-java-parent</artifactId>
+        <version>999-SNAPSHOT</version>
+    </parent>
+    <artifactId>esbuild-java-plugin-vue</artifactId>
+    <name>Esbuild Java - Plugin Vue</name>
+    <description>Vue plugin for Esbuild Java</description>
+    <properties>
+        <esbuild-vue-plugin.version>0.5.1</esbuild-vue-plugin.version>
+    </properties>
+    <dependencies>
+        <dependency>
+            <groupId>io.mvnpm</groupId>
+            <artifactId>esbuild-java</artifactId>
+            <version>${project.version}</version>
+        </dependency>
+        <dependency>
+            <groupId>org.mvnpm</groupId>
+            <artifactId>esbuild-plugin-vue3</artifactId>
+            <version>${esbuild-vue-plugin.version}</version>
+            <!--
+				Several dependencies of esbuild-plugin-vue3 transitively depend on different versions of org.mvnpm:entities.
+				Required versions:
+					- [4.2.0,5)
+					- [7.0.1,8)
+					- [6.0.0,7)
+            	Solve version conflict by excluding the affected package, but explicitly include the latest required version.
+        	-->
+            <exclusions>
+		        <exclusion>
+		            <groupId>org.mvnpm</groupId>
+		            <artifactId>entities</artifactId>
+		        </exclusion>
+		    </exclusions>
+        </dependency>
+        <dependency>
+            <groupId>org.mvnpm</groupId>
+			<artifactId>entities</artifactId>
+			<version>7.0.1</version>
+        </dependency>
+        <dependency>
+            <groupId>io.mvnpm</groupId>
+            <artifactId>esbuild-java-testing</artifactId>
+            <version>${project.version}</version>
+            <scope>test</scope>
+        </dependency>
+    </dependencies>
+    <build>
+        <plugins>
+            <plugin>
+                <artifactId>maven-surefire-plugin</artifactId>
+            </plugin>
+            <plugin>
+                <groupId>net.revelc.code.formatter</groupId>
+                <artifactId>formatter-maven-plugin</artifactId>
+            </plugin>
+            <plugin>
+                <groupId>net.revelc.code</groupId>
+                <artifactId>impsort-maven-plugin</artifactId>
+            </plugin>
+        </plugins>
+    </build>
+    <profiles>
+        <profile>
+            <id>locker</id>
+            <activation>
+                <property>
+                    <name>!unlocked</name>
+                </property>
+            </activation>
+            <dependencyManagement>
+                <dependencies>
+                    <dependency>
+                        <groupId>io.mvnpm</groupId>
+                        <artifactId>esbuild-java-plugin-vue-locker</artifactId>
+                        <version>${project.version}</version>
+                        <type>pom</type>
+                        <scope>import</scope>
+                    </dependency>
+                </dependencies>
+            </dependencyManagement>
+        </profile>
+    </profiles>
+</project>

plugin-vue/src/main/java/io/mvnpm/esbuild/plugin/EsBuildPluginVue.java

@@ -0,0 +1,32 @@
+package io.mvnpm.esbuild.plugin;
+
+import io.mvnpm.esbuild.model.EsBuildPlugin;
+
+public class EsBuildPluginVue implements EsBuildPlugin {
+
+    @Override
+    public String name() {
+
+        return "vue";
+    }
+
+    @Override
+    public String importScript() {
+
+        return """
+                import vuePlugin from "esbuild-plugin-vue3";
+                """;
+    }
+
+    @Override
+    public String configurePlugin() {
+
+        // language=JavaScript
+        return """
+                (function (config, data) {
+                    config.plugins.push(vuePlugin());
+                    return config;
+                })
+                """;
+    }
+}

plugin-vue/src/test/java/io/mvnpm/esbuild/plugin/EsBuildPluginVueTest.java

@@ -0,0 +1,65 @@
+package io.mvnpm.esbuild.plugin;
+
+import static org.junit.jupiter.api.Assertions.assertTrue;
+
+import java.io.File;
+import java.io.IOException;
+import java.net.URISyntaxException;
+import java.nio.file.Files;
+import java.nio.file.Path;
+
+import org.apache.commons.io.FileUtils;
+import org.junit.jupiter.api.Test;
+
+import io.mvnpm.esbuild.Bundler;
+import io.mvnpm.esbuild.model.BundleOptions;
+import io.mvnpm.esbuild.model.DevResult;
+import io.mvnpm.esbuild.model.EsBuildConfig;
+
+public class EsBuildPluginVueTest {
+
+    @Test
+    void shouldBundleWithVue() throws Exception {
+
+        // given
+        final Path root = prepareTest();
+        final BundleOptions options = BundleOptions.builder().withWorkDir(root)
+                .withEsConfig(EsBuildConfig.builder().entryNames("[name]").build()).addPlugin(new EsBuildPluginVue())
+                .addEntryPoint("app.js").build();
+
+        // when
+        Bundler.bundle(options, true);
+
+        // then
+        assertTrue(options.workDir().resolve("dist").resolve("app.js").toFile().exists());
+        assertTrue(options.workDir().resolve("dist").resolve("app.css").toFile().exists());
+    }
+
+    @Test
+    void shouldBundleInDevWithVue() throws Exception {
+
+        // given
+        final Path root = prepareTest();
+        final BundleOptions options = BundleOptions.builder().withWorkDir(root)
+                .withEsConfig(EsBuildConfig.builder().entryNames("[name]").build()).addPlugin(new EsBuildPluginVue())
+                .addEntryPoint("app.js").build();
+
+        // when
+        try (DevResult dev = Bundler.dev(options, true)) {
+
+            dev.process().build();
+        }
+
+        // then
+        assertTrue(options.workDir().resolve("dist").resolve("app.js").toFile().exists());
+        assertTrue(options.workDir().resolve("dist").resolve("app.css").toFile().exists());
+    }
+
+    static Path prepareTest() throws IOException, URISyntaxException {
+
+        final Path temp = Files.createTempDirectory("test-vue");
+        final Path root = new File(EsBuildPluginVueTest.class.getResource("/vue/").toURI()).toPath();
+        FileUtils.copyDirectory(root.toFile(), temp.toFile());
+        return temp;
+    }
+}

plugin-vue/src/test/resources/vue/SfcCompositionApiTs.vue

@@ -0,0 +1,15 @@
+<script setup lang="ts">
+import { ref } from "vue";
+
+const count = ref(0);
+</script>
+
+<style>
+button {
+    border: 0 none;
+}
+</style>
+
+<template>
+    <button @click="count++">You clicked me {{ count }} times.</button>
+</template>

plugin-vue/src/test/resources/vue/SfcOptionsApiTs.vue

@@ -0,0 +1,21 @@
+<script lang="ts">
+const count: number = 0;
+
+export default {
+    data() {
+        return {
+            count,
+        };
+    },
+};
+</script>
+
+<style>
+button {
+    border: 0 none;
+}
+</style>
+
+<template>
+    <button @click="count++">You clicked me {{ count }} times.</button>
+</template>

plugin-vue/src/test/resources/vue/app.js

@@ -0,0 +1,6 @@
+import { createApp } from "vue";
+import SfcCompositionApi from "./SfcCompositionApiTs.vue";
+import SfcOptionsApi from "./SfcOptionsApiTs.vue";
+
+createApp(SfcCompositionApi).mount("#composition-api");
+createApp(SfcOptionsApi).mount("#options-api");

pom.xml

@@ -18,6 +18,8 @@
         <module>plugin-svelte/locker</module>
         <module>plugin-svelte</module>
         <module>plugin-tailwind</module>
+		<module>plugin-vue/locker</module>
+		<module>plugin-vue</module>
     </modules>
     <url>https://github.com/mvnpm/esbuild-java/</url>
     <scm>