Intellij Plugin with Angular Primeng App #intellij #angular #primeng

README.md

Add the Angular App in the src/frontend folder.

angular.json

{
    "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
    "version": 1,
    "newProjectRoot": "projects",
    "projects": {
      "spring-boot-actuator-viewer": {
        "projectType": "application",
        "schematics": {
          "@schematics/angular:component": {
            "style": "scss"
          }
        },
        "root": "",
        "sourceRoot": "src",
        "prefix": "app",
        "architect": {
          "build": {
            "builder": "@angular-devkit/build-angular:browser",
            "options": {
              "outputPath": "dist/spring-boot-actuator-viewer",
              "index": "src/index.html",
              "main": "src/main.ts",
              "polyfills": [
                "zone.js"
              ],
              "tsConfig": "tsconfig.app.json",
              "inlineStyleLanguage": "scss",
              "assets": [
                "src/favicon.ico",
                "src/assets"
              ],
              "styles": [
                "src/styles.scss",
                "node_modules/primeicons/primeicons.css",
                {
                  "input": "src/light-theme.scss",
                  "bundleName": "light-theme",
                  "inject": false
                },
                {
                  "input": "src/dark-theme.scss",
                  "bundleName": "dark-theme",
                  "inject": false
                },
                "src/vscode-primeng.scss",
                "node_modules/primeng/resources/primeng.min.css",
                "node_modules/primeflex/primeflex.css"
              ],
              "scripts": []
            },
            "configurations": {
              "production": {
                "budgets": [
                  {
                    "type": "initial",
                    "maximumWarning": "500kb",
                    "maximumError": "1mb"
                  },
                  {
                    "type": "anyComponentStyle",
                    "maximumWarning": "2kb",
                    "maximumError": "4kb"
                  }
                ],
                "outputHashing": "all"
              },
              "development": {
                "buildOptimizer": false,
                "optimization": false,
                "vendorChunk": true,
                "extractLicenses": false,
                "sourceMap": true,
                "namedChunks": true
              }
            },
            "defaultConfiguration": "production"
          },
          "serve": {
            "builder": "@angular-devkit/build-angular:dev-server",
            "configurations": {
              "production": {
                "browserTarget": "spring-boot-actuator-viewer:build:production"
              },
              "development": {
                "browserTarget": "spring-boot-actuator-viewer:build:development"
              }
            },
            "defaultConfiguration": "development"
          },
          "extract-i18n": {
            "builder": "@angular-devkit/build-angular:extract-i18n",
            "options": {
              "browserTarget": "spring-boot-actuator-viewer:build"
            }
          },
          "test": {
            "builder": "@angular-devkit/build-angular:karma",
            "options": {
              "polyfills": [
                "zone.js",
                "zone.js/testing"
              ],
              "tsConfig": "tsconfig.spec.json",
              "inlineStyleLanguage": "scss",
              "assets": [
                "src/favicon.ico",
                "src/assets"
              ],
              "styles": [
                "src/styles.scss"
              ],
              "scripts": []
            }
          }
        }
      }
    }
  }

build.gradle.kt

import com.github.gradle.node.npm.proxy.ProxySettings
import com.github.gradle.node.npm.task.NpmTask

plugins {
    id("java")
    id("org.jetbrains.kotlin.jvm") version "1.8.21"
    id("org.jetbrains.intellij") version "1.13.3"
    id("com.github.node-gradle.node") version "5.0.0"
}

group = "sandipchitale"
version = "1.0-SNAPSHOT"

repositories {
    mavenCentral()
}

// Configure Gradle IntelliJ Plugin
// Read more: https://plugins.jetbrains.com/docs/intellij/tools-gradle-intellij-plugin.html
intellij {
    version.set("2022.2.5")
    type.set("IC") // Target IDE Platform

    plugins.set(listOf(/* Plugin Dependencies */))
}

node {
    version.set("16.14.0")
    npmVersion.set("")
    npmInstallCommand.set("install")
    distBaseUrl.set("https://nodejs.org/dist")
    download.set(true)
    workDir.set(file("${project.projectDir}/.gradle/nodejs"))
    npmWorkDir.set(file("${project.projectDir}/.gradle/npm"))
    nodeProjectDir.set(file("${project.projectDir}/src/frontend"))
    nodeProxySettings.set(ProxySettings.SMART)
}

var ngbuild = tasks.register<NpmTask>("ngbuild") {
    group = "build"
    description = "This launches the ng build."

    dependsOn(tasks.npmInstall)

    npmCommand.set(listOf("run", "gradle-ng-build"))
    workingDir.set(file("${project.projectDir}/src/frontend"))

    inputs.dir(file("src/frontend/"))
    outputs.dir(file("${project.projectDir}/src/main/resources/app"))
}

tasks {
    // Set the JVM compatibility versions
    withType<JavaCompile> {
        sourceCompatibility = "17"
        targetCompatibility = "17"
    }
    withType<org.jetbrains.kotlin.gradle.tasks.KotlinCompile> {
        kotlinOptions.jvmTarget = "17"
    }

    processResources {
        dependsOn("ngbuild")
    }

    prepareSandbox {
        from("${projectDir}/src/main/resources/app/") {
            into("${intellij.pluginName.get()}/app")
        }
    }

    patchPluginXml {
        sinceBuild.set("222")
        untilBuild.set("232.*")
    }

    signPlugin {
        certificateChain.set(System.getenv("CERTIFICATE_CHAIN"))
        privateKey.set(System.getenv("PRIVATE_KEY"))
        password.set(System.getenv("PRIVATE_KEY_PASSWORD"))
    }

    publishPlugin {
        token.set(System.getenv("PUBLISH_TOKEN"))
    }
}

dark-theme.scss

@import "primeng/resources/themes/saga-blue/theme.css"

light-theme.scss

@import "primeng/resources/themes/saga-blue/theme.css"

package.json

{
    "name": "spring-boot-actuator-viewer",
    "version": "0.0.0",
    "scripts": {
      "ng": "ng",
      "start": "ng serve",
      "build": "ng build",
      "watch": "ng build --watch --configuration development",
      "test": "ng test",
      "gradle-ng-build": "node --max_old_space_size=8192 ./node_modules/@angular/cli/bin/ng build spring-boot-actuator-viewer --output-path=../main/resources/app"
    },
    "private": true,
    "dependencies": {
      "@angular/animations": "^16.1.0",
      "@angular/common": "^16.1.0",
      "@angular/compiler": "^16.1.0",
      "@angular/core": "^16.1.0",
      "@angular/forms": "^16.1.0",
      "@angular/platform-browser": "^16.1.0",
      "@angular/platform-browser-dynamic": "^16.1.0",
      "@angular/router": "^16.1.0",
      "primeflex": "^3.3.1",
      "primeicons": "^6.0.1",
      "primeng": "^16.0.2",
      "rxjs": "~7.8.0",
      "tslib": "^2.3.0",
      "zone.js": "~0.13.0"
    },
    "devDependencies": {
      "@angular-devkit/build-angular": "^16.1.3",
      "@angular/cli": "~16.1.3",
      "@angular/compiler-cli": "^16.1.0",
      "@types/jasmine": "~4.3.0",
      "jasmine-core": "~4.6.0",
      "karma": "~6.4.0",
      "karma-chrome-launcher": "~3.2.0",
      "karma-coverage": "~2.2.0",
      "karma-jasmine": "~5.1.0",
      "karma-jasmine-html-reporter": "~2.1.0",
      "typescript": "~5.1.3"
    }
  }