refactor to package the Vue components into the JAR instead of copying files around

thombergs · thombergs · commit c35f171d321a · 2020-07-26T20:55:39.000+10:00
diff --git a/spring-boot/thymeleaf-vue/client/build.gradle b/spring-boot/thymeleaf-vue/client/build.gradle
@@ -2,8 +2,28 @@ plugins {
 	id "com.github.node-gradle.node" version "2.2.4"
 }
 
-task build(type: NpmTask) {
+apply plugin: 'java'
+
+group = 'io.reflectoring'
+version = '0.0.1-SNAPSHOT'
+sourceCompatibility = '11'
+
+task npmBuild(type: NpmTask) {
 	inputs.dir("src")
 	outputs.dir("dist")
 	args = ['run', 'build']
-}
+}
+
+task npmClean(type: NpmTask) {
+	args = ['run', 'clean']
+}
+
+jar {
+	into '/static', {
+		from 'dist'
+		include '**/*.umd.min.js'
+	}
+}
+
+jar.dependsOn('npmBuild')
+clean.dependsOn('npmClean')
diff --git a/spring-boot/thymeleaf-vue/client/package.json b/spring-boot/thymeleaf-vue/client/package.json
@@ -5,6 +5,7 @@
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build --target lib --dest dist/WeekChart --name WeekChart src/components/WeekChart.vue",
+    "clean": "rm -rf dist",
     "lint": "vue-cli-service lint",
     "storybook": "start-storybook -p 6006",
     "build-storybook": "build-storybook",
diff --git a/spring-boot/thymeleaf-vue/server/build.gradle b/spring-boot/thymeleaf-vue/server/build.gradle
@@ -6,14 +6,14 @@ plugins {
 
 group = 'io.reflectoring'
 version = '0.0.1-SNAPSHOT'
-sourceCompatibility = '1.8'
+sourceCompatibility = '11'
 
 repositories {
 	mavenCentral()
 }
 
 dependencies {
-	project(':client')
+	implementation project(':client')
 	implementation 'org.springframework.boot:spring-boot-starter-thymeleaf'
 	implementation 'org.springframework.boot:spring-boot-starter-web'
 	testImplementation('org.springframework.boot:spring-boot-starter-test') {
@@ -24,16 +24,3 @@ dependencies {
 test {
 	useJUnitPlatform()
 }
-
-task copyJavascriptComponents(type: Copy) {
-	from '../client/dist'
-	include '**/*.umd.min.js'
-	into 'src/main/resources/static/js/vue-components'
-}
-
-task cleanJavascriptComponents(type: Delete) {
-	delete 'src/main/resources/static/js/vue-components'
-}
-
-processResources.dependsOn copyJavascriptComponents
-clean.dependsOn cleanJavascriptComponents
diff --git a/spring-boot/thymeleaf-vue/server/src/main/java/io/reflectoring/thymeleafvue/HelloVueController.java b/spring-boot/thymeleaf-vue/server/src/main/java/io/reflectoring/thymeleafvue/HelloVueController.java
@@ -11,7 +11,7 @@
 @Controller
 class HelloVueController {
 
-    @GetMapping("/hello")
+    @GetMapping("/")
     ModelAndView showHelloPage() {
         Map<String, Object> model = new HashMap<>();
         model.put("title", "Hello Vue!");
diff --git a/spring-boot/thymeleaf-vue/server/src/main/resources/templates/hello-vue.html b/spring-boot/thymeleaf-vue/server/src/main/resources/templates/hello-vue.html
@@ -8,7 +8,7 @@ <h1 th:text="${title}">This title will be replaced</h1>
 </div>
 
 <script src="https://unpkg.com/vue"></script>
-<script th:src="@{/js/vue-components/WeekChart/WeekChart.umd.min.js}"></script>
+<script th:src="@{/WeekChart/WeekChart.umd.min.js}"></script>
 <script>
   (function() {
       new Vue({
