NIFI-14319: Create initial project structure for new NiFi Registry UI

nifi-frontend/src/main/frontend/apps/nifi-registry/.eslintrc.json

@@ -0,0 +1,46 @@
+{
+    "root": true,
+    "ignorePatterns": ["!**/*"],
+    "parserOptions": {
+        "ecmaVersion": "latest"
+    },
+    "overrides": [
+        {
+            "files": ["*.ts"],
+            "extends": [
+                "plugin:@nx/angular",
+                "eslint:recommended",
+                "plugin:@typescript-eslint/recommended",
+                "plugin:@angular-eslint/recommended",
+                "plugin:@angular-eslint/template/process-inline-templates",
+                "plugin:prettier/recommended"
+            ],
+            "rules": {
+                "@angular-eslint/directive-selector": [
+                    "error",
+                    {
+                        "type": "attribute",
+                        "prefix": "",
+                        "style": "camelCase"
+                    }
+                ],
+                "@angular-eslint/component-selector": [
+                    "error",
+                    {
+                        "type": "element",
+                        "prefix": "",
+                        "style": "kebab-case"
+                    }
+                ],
+                "@angular-eslint/component-class-suffix": "off",
+                "@typescript-eslint/no-explicit-any": "off",
+                "@typescript-eslint/ban-ts-comment": "off",
+                "@typescript-eslint/no-non-null-assertion": "off",
+                "@typescript-eslint/no-this-alias": "warn",
+                "@typescript-eslint/no-unused-vars": "warn",
+                "no-useless-escape": "off",
+                "@angular-eslint/prefer-standalone": "off"
+            }
+        }
+    ]
+}

nifi-frontend/src/main/frontend/apps/nifi-registry/jest.config.ts

@@ -0,0 +1,38 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export default {
+    displayName: 'NiFi Registry',
+    preset: '../../jest.preset.js',
+    setupFilesAfterEnv: ['<rootDir>/src/test-setup.ts'],
+    coverageDirectory: '../../coverage/apps/nifi-registry',
+    transform: {
+        '^.+\\.(ts|mjs|js|html)$': [
+            'jest-preset-angular',
+            {
+                tsconfig: '<rootDir>/tsconfig.spec.json',
+                stringifyContentPathRegex: '\\.(html|svg)$'
+            }
+        ]
+    },
+    transformIgnorePatterns: ['node_modules/(?!.*\\.mjs$)'],
+    snapshotSerializers: [
+        'jest-preset-angular/build/serializers/no-ng-attributes',
+        'jest-preset-angular/build/serializers/ng-snapshot',
+        'jest-preset-angular/build/serializers/html-comment'
+    ]
+};

nifi-frontend/src/main/frontend/apps/nifi-registry/project.json

@@ -0,0 +1,134 @@
+{
+    "name": "nifi-registry",
+    "$schema": "../../node_modules/nx/schemas/project-schema.json",
+    "projectType": "application",
+    "generators": {
+        "@schematics/angular:component": {
+            "style": "scss"
+        }
+    },
+    "prefix": "app",
+    "sourceRoot": "apps/nifi-registry/src",
+    "targets": {
+        "build": {
+            "executor": "@nx/angular:application",
+            "outputs": ["{options.outputPath}"],
+            "options": {
+                "outputPath": "dist/nifi-registry",
+                "index": "apps/nifi-registry/src/index.html",
+                "browser": "apps/nifi-registry/src/main.ts",
+                "polyfills": ["zone.js"],
+                "tsConfig": "apps/nifi-registry/tsconfig.app.json",
+                "inlineStyleLanguage": "scss",
+                "assets": [
+                    {
+                        "glob": "**/*.svg",
+                        "input": "libs/shared/src/assets/",
+                        "output": "./assets"
+                    }
+                ],
+                "styles": ["apps/nifi-registry/src/styles.scss"],
+                "stylePreprocessorOptions": {
+                    "includePaths": [""]
+                },
+                "scripts": [],
+                "preserveSymlinks": true
+            },
+            "configurations": {
+                "production": {
+                    "budgets": [
+                        {
+                            "type": "initial",
+                            "maximumWarning": "500kb",
+                            "maximumError": "1mb"
+                        },
+                        {
+                            "type": "anyComponentStyle",
+                            "maximumWarning": "2kb",
+                            "maximumError": "4kb"
+                        }
+                    ],
+                    "outputHashing": "all",
+                    "optimization": true
+                },
+                "development": {
+                    "optimization": false,
+                    "extractLicenses": false,
+                    "sourceMap": true,
+                    "preserveSymlinks": true,
+                    "namedChunks": true,
+                    "outputHashing": "none",
+                    "assets": [
+                        {
+                            "glob": "**/*.svg",
+                            "input": "libs/shared/src/assets/",
+                            "output": "./assets"
+                        }
+                    ],
+                    "fileReplacements": [
+                        {
+                            "replace": "apps/nifi-registry/src/environments/environment.ts",
+                            "with": "apps/nifi-registry/src/environments/environment.development.ts"
+                        }
+                    ]
+                }
+            },
+            "defaultConfiguration": "production"
+        },
+        "serve": {
+            "executor": "@nx/angular:dev-server",
+            "configurations": {
+                "production": {
+                    "buildTarget": "nifi-registry:build:production"
+                },
+                "development": {
+                    "buildTarget": "nifi-registry:build:development",
+                    "servePath": "/nifi-registry"
+                }
+            },
+            "defaultConfiguration": "development",
+            "options": {
+                "proxyConfig": "apps/nifi-registry/proxy.config.mjs",
+                "buildTarget": "nifi-registry:build",
+                "port": 4204
+            },
+            "continuous": true
+        },
+        "extract-i18n": {
+            "executor": "@angular-devkit/build-angular:extract-i18n",
+            "options": {
+                "buildTarget": "nifi-registry:build"
+            }
+        },
+        "lint": {
+            "executor": "@nx/eslint:lint",
+            "outputs": ["{options.outputFile}"]
+        },
+        "lint:fix": {
+            "executor": "@nx/eslint:lint",
+            "options": {
+                "fix": true
+            },
+            "outputs": ["{options.outputFile}"]
+        },
+        "prettier": {
+            "executor": "nx:run-commands",
+            "options": {
+                "command": "npm run prettier"
+            }
+        },
+        "prettier:format": {
+            "executor": "nx:run-commands",
+            "options": {
+                "command": "npm run prettier-format"
+            }
+        },
+        "test": {
+            "executor": "@nx/jest:jest",
+            "outputs": ["{workspaceRoot}/coverage/{projectRoot}"],
+            "options": {
+                "jestConfig": "apps/nifi-registry/jest.config.ts"
+            }
+        }
+    }
+}

nifi-frontend/src/main/frontend/apps/nifi-registry/proxy.config.mjs

@@ -0,0 +1,47 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+const target = {
+    target: 'http://localhost:18080',
+    secure: false,
+    logLevel: 'debug',
+    changeOrigin: true,
+    headers: {
+        'X-ProxyScheme': 'http',
+        'X-ProxyPort': 4204
+    },
+    configure: (proxy, _options) => {
+        proxy.on('error', (err, _req, _res) => {
+            console.log('proxy error', err);
+        });
+        proxy.on('proxyReq', (proxyReq, req, _res) => {
+            console.log('Sending Request to the Target:', req.method, req.url);
+        });
+        proxy.on('proxyRes', (proxyRes, req, _res) => {
+            console.log('Received Response from the Target:', proxyRes.statusCode, req.url);
+        });
+    },
+    bypass: function (req) {
+        if (req.url.startsWith('/nifi-registry/')) {
+            return req.url;
+        }
+    }
+};
+
+export default {
+    '/**': target
+};

nifi-frontend/src/main/frontend/apps/nifi-registry/src/app/app-routing.module.ts

@@ -0,0 +1,51 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+
+const routes: Routes = [
+    {
+        path: '',
+        redirectTo: 'explorer',
+        pathMatch: 'full'
+    },
+    {
+        path: 'explorer',
+        loadChildren: () => import('./pages/resources/feature/resources.module').then((m) => m.ResourcesModule)
+    },
+    // Backward compatibility: old app's default route
+    {
+        path: 'nifi-registry',
+        redirectTo: 'explorer',
+        pathMatch: 'full'
+    }
+    // TODO: buckets
+    // TODO: Users/groups
+    // TODO: Page not found
+];
+
+@NgModule({
+    imports: [
+        RouterModule.forRoot(routes, {
+            paramsInheritanceStrategy: 'always',
+            useHash: true
+        })
+    ],
+    exports: [RouterModule]
+})
+export class AppRoutingModule {}

nifi-frontend/src/main/frontend/apps/nifi-registry/src/app/app.component.html

@@ -0,0 +1,23 @@
+<!--
+  ~ Licensed to the Apache Software Foundation (ASF) under one or more
+  ~ contributor license agreements.  See the NOTICE file distributed with
+  ~ this work for additional information regarding copyright ownership.
+  ~ The ASF licenses this file to You under the Apache License, Version 2.0
+  ~ (the "License"); you may not use this file except in compliance with
+  ~ the License.  You may obtain a copy of the License at
+  ~
+  ~     http://www.apache.org/licenses/LICENSE-2.0
+  ~
+  ~ Unless required by applicable law or agreed to in writing, software
+  ~ distributed under the License is distributed on an "AS IS" BASIS,
+  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  ~ See the License for the specific language governing permissions and
+  ~ limitations under the License.
+  -->
+
+<div class="flex flex-col h-screen">
+    <header class="mb-5 nifi-registry-header">
+        <app-header></app-header>
+    </header>
+    <router-outlet></router-outlet>
+</div>

nifi-frontend/src/main/frontend/apps/nifi-registry/src/app/app.component.scss

@@ -0,0 +1,16 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */