Merge pull request #38 from intersystems-ib/feat/upgrade-angular15

upgrade to angular15

Author: isc-afuentes

.dockerignore

@@ -1,2 +1,5 @@
 Dockerfile
-node_modules
+node_modules
+dist
+.angular
+.vscode

.editorconfig

@@ -8,6 +8,9 @@ indent_size = 2
 insert_final_newline = true
 trim_trailing_whitespace = true
 
+[*.ts]
+quote_type = single
+
 [*.md]
 max_line_length = off
 trim_trailing_whitespace = false

.gitignore

@@ -1,43 +1,39 @@
 # See http://help.github.com/ignore-files/ for more about ignoring files.
 
-# compiled output
+# Compiled output
 /dist
 /tmp
 /out-tsc
-# Only exists if Bazel was run
 /bazel-out
 
-# dependencies
+# Node
 /node_modules
-
-# profiling files
-chrome-profiler-events*.json
-speed-measure-plugin*.json
+npm-debug.log
+yarn-error.log
 
 # IDEs and editors
-/.idea
+.idea/
 .project
 .classpath
 .c9/
 *.launch
 .settings/
 *.sublime-workspace
 
-# IDE - VSCode
+# Visual Studio Code
 .vscode/*
 !.vscode/settings.json
 !.vscode/tasks.json
 !.vscode/launch.json
 !.vscode/extensions.json
 .history/*
 
-# misc
-/.sass-cache
+# Miscellaneous
+/.angular/cache
+.sass-cache/
 /connect.lock
 /coverage
 /libpeerconnection.log
-npm-debug.log
-yarn-error.log
 testem.log
 /typings
 

.vscode/extensions.json

@@ -0,0 +1,4 @@
+{
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=827846
+  "recommendations": ["angular.ng-template"]
+}

.vscode/launch.json

@@ -0,0 +1,20 @@
+{
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "name": "ng serve",
+      "type": "pwa-chrome",
+      "request": "launch",
+      "preLaunchTask": "npm: start",
+      "url": "http://localhost:4200/"
+    },
+    {
+      "name": "ng test",
+      "type": "chrome",
+      "request": "launch",
+      "preLaunchTask": "npm: test",
+      "url": "http://localhost:9876/debug.html"
+    }
+  ]
+}

.vscode/settings.json

@@ -0,0 +1,42 @@
+{
+  // For more information, visit: https://go.microsoft.com/fwlink/?LinkId=733558
+  "version": "2.0.0",
+  "tasks": [
+    {
+      "type": "npm",
+      "script": "start",
+      "isBackground": true,
+      "problemMatcher": {
+        "owner": "typescript",
+        "pattern": "$tsc",
+        "background": {
+          "activeOnStart": true,
+          "beginsPattern": {
+            "regexp": "(.*?)"
+          },
+          "endsPattern": {
+            "regexp": "bundle generation complete"
+          }
+        }
+      }
+    },
+    {
+      "type": "npm",
+      "script": "test",
+      "isBackground": true,
+      "problemMatcher": {
+        "owner": "typescript",
+        "pattern": "$tsc",
+        "background": {
+          "activeOnStart": true,
+          "beginsPattern": {
+            "regexp": "(.*?)"
+          },
+          "endsPattern": {
+            "regexp": "bundle generation complete"
+          }
+        }
+      }
+    }
+  ]
+}

.vscode/tasks.json

@@ -8,66 +8,74 @@ Please, go through the following steps if you want to contribute to this project
 # Development Environment
 You need a running **iris-datapipe** instance in order to get the iris-datapipeUI working.
 
-## Setup
 * Install Node
 
 * Install local Angular
-
 ```
-mkdir angular-8
-cd angular-8
+mkdir angular-15
+cd angular-15
 npm install npm@latest
-npm install @angular/cli@8.3.21
+npm install @angular/cli@15.0.4
 ```
 
-* Install project dependencies
-
+* Clone project
 ```
+git clone https://github.com/intersystems-ib/iris-datapipeUI
 cd iris-datapipeUI
+```
+
+* Install dependencies
+```
 npm install --legacy-peer-deps
 ```
 
 * Run development server
-
-```bash
-export NODE_OPTIONS=--openssl-legacy-provider       # see https://github.com/webpack/webpack/issues/14532
+```
 ng serve
 ```
 
-## Configuration
-Edit [environment.ts](./src/environments/environment.ts):
-* Modify URLs as needed to reach you **iris-datapipe** instance.
+# Util: angular cli commands used
 
-## Application
-* *Credentials*: use your **iris-datapipe** instance credentials.
-* *URL*: http://localhost:4200/datapipe
+* Create application
+```
+ng new DataPipeUI --routing=true --style=scss
+mv DataPipeUI iris-datapipeUI
+```
 
-# APPENDIX. angular/cli commands used
+* Install moment (dates), material dependencies
 ```
-ng new DataPipeUI --directory=frontend --routing=true --skipGit --style=scss
 ng add @angular/material
-ng generate module shared
 npm install --save bootstrap
+npm install --save moment
+npm install --save ngx-material-timepicker
+```
 
+* Modules and components
+```
+ng generate module shared
 ng generate module auth --routing
 ng generate component auth/login
 ng generate component auth/logout
 ng generate service auth/auth
 
 ng generate service shared/alert
+ng generate service shared/info
+ng generate service shared/preferences
 ng generate component shared/alert-display
-
-ng generate module about --routing
-ng generate component about/about
+ng generate component shared/confirm-dialog
 
 ng generate module datapipe --routing
 ng generate component datapipe/inbox-list
 ng generate service datapipe/datapipe
+
 ng generate component datapipe/inbox-detail
-ng generate component datapipe/viewstream-dialog
 ng generate component datapipe/inbox-info
+ng generate component datapipe/viewstream-dialog
 ng generate component datapipe/inbox-history
+```
 
-ng generate component shared/confirm-dialog
-ng generate service shared/info
+* Install legacy dependencies for text diff
+```
+npm install --save --legacy-peer-deps ngx-text-diff
+npm install --save-dev --legacy-peer-deps @types/diff-match-patch
 ```

CONTRIB.md

@@ -3,25 +3,24 @@
 ########
 ## build: angular app distribution package 
 ######## 
-FROM node:12.14.1-alpine AS build
+FROM node:18.12.0-alpine AS build
 
 # angular build options
 ARG NG_BUILD_OPTS
 
-# -- git is required to stamp current version into app
-RUN apk --no-cache add git
-
 # -- copy app files
 USER node
 WORKDIR /app
 COPY . .
 
 # -- stamp current version (git latest commit message)
 USER root
+RUN apk add git
+RUN git config --global --add safe.directory /app
 RUN sh stamp-version.sh
 
 # -- install deps & build distribution
-RUN npm install
+RUN npm install --legacy-peer-deps
 RUN echo ${NG_BUILD_OPTS}
 RUN npm run ${NG_BUILD_OPTS}
 
@@ -30,5 +29,5 @@ RUN npm run ${NG_BUILD_OPTS}
 ########
 FROM nginx AS run
 COPY nginx/default.conf /etc/nginx/conf.d/default.conf
-COPY --from=build /app/dist/DataPipeUI /usr/share/nginx/html
+COPY --from=build /app/dist/data-pipe-ui /usr/share/nginx/html
 WORKDIR /usr/share/nginx/html