upgrading to ng 13 (#565)

* upgrading to ng 13

* updating packages

* more packages updates

* pkg update

* removing core-js

* lock update

* lock update

* changing ts

* ts update

* fixng imports

* fixing build

* adding change log

* rc1

* demo working with new stracture

* moving tsconfig outside

* fixing moment issue

* fixing lint

* trying to fix unit tests

* another unit test fix

* another unit test fix

* fixing prod lib build

* version bump

* preps for 13.0.0 version

* clearing readme file

* collapsing moment

* final version bump

* changing releas process

* trying increasing number of e2e runners

Co-authored-by: Vlad Ioffe <[email protected]>

Author: vlio20

.github/workflows/test.yaml

@@ -43,4 +43,4 @@ jobs:
         run: npm run build:demo
 
       - name: run build prod
-        run: npm run build:prod
+        run: npm run build:lib

.gitignore

@@ -19,6 +19,7 @@
 .settings/
 
 # misc
+/.angular/cache
 /.sass-cache
 /connect.lock
 /coverage/*

CHANGELOG.md

@@ -1,6 +1,11 @@
 # Changelog
 All notable changes to this project will be documented in this file.
 
+# [13.0.0] (2021-12-22)
+
+### Improvements
+- Update to Angular 13 ([565](https://github.com/vlio20/angular-datepicker/pull/565)) closes [#564](https://github.com/vlio20/angular-datepicker/issues/564)
+
 <a name="12.0.4"></a>
 # [12.0.4] (2021-11-04)
 
@@ -21,6 +26,9 @@ All notable changes to this project will be documented in this file.
 ### Improvements
 - Update to Angular 11 ([7be883b](https://github.com/vlio20/angular-datepicker/commit/7be883b)) closes [#525](https://github.com/vlio20/angular-datepicker/issues/525)
 
+### Breaking changes
+- Moved Moment to be a pear dependency
+
 <a name="10.11.10"></a>
 # [10.0.1] (2020-11-10)
 

ISSUE_TEMPLATE.md

@@ -1,7 +1,7 @@
 Make sure to add **all the information needed to understand the bug** so that someone can help. If the info is missing we'll add the 'Needs more information' label and close the issue until there is enough information.
 
 - [ ] Provide a **minimal code snippet**, please make sure it is well formatted.
-- [ ] Provide a **stackblitz** demo / [stackblitz](https://stackblitz.com/) example that reproduces the bug.
+- [ ] Provide a **stackblitz** demo / [stackblitz](https://stackblitz.com/edit/angular-srgmj3) example that reproduces the bug.
 - [ ] Provide **screenshots** where appropriate
 - [ ] What's the **version** of Angular you're using?
 - [ ] Does this occur on specific browser?

README.md

@@ -1,6 +1,6 @@
 # Date Picker  
 This is a configurable date-picker build for Angular applications.  
-Supports latest (Angular 12) version. For older versions please checkout the CHANGELOG.md file.
+Supports latest (Angular 13) version. For older versions please checkout the CHANGELOG.md file.
 
 [DEMO](https://vlio20.github.io/angular-datepicker/)  
 

angular.json

@@ -3,7 +3,7 @@
   "version": 1,
   "newProjectRoot": "projects",
   "projects": {
-    "ng2-date-picker": {
+    "ng2-date-picker-demo": {
       "root": "",
       "sourceRoot": "src",
       "projectType": "application",
@@ -14,7 +14,7 @@
             "outputPath": "dist",
             "index": "src/index.html",
             "main": "src/main.ts",
-            "tsConfig": "src/tsconfig.app.json",
+            "tsConfig": "tsconfig.app.json",
             "polyfills": "src/polyfills.ts",
             "assets": [
               "src/assets",
@@ -59,18 +59,18 @@
         "serve": {
           "builder": "@angular-devkit/build-angular:dev-server",
           "options": {
-            "browserTarget": "ng2-date-picker:build"
+            "browserTarget": "ng2-date-picker-demo:build"
           },
           "configurations": {
             "production": {
-              "browserTarget": "ng2-date-picker:build:production"
+              "browserTarget": "ng2-date-picker-demo:build:production"
             }
           }
         },
         "extract-i18n": {
           "builder": "@angular-devkit/build-angular:extract-i18n",
           "options": {
-            "browserTarget": "ng2-date-picker:build"
+            "browserTarget": "ng2-date-picker-demo:build"
           }
         },
         "test": {
@@ -79,7 +79,7 @@
             "main": "src/test.ts",
             "karmaConfig": "./karma.conf.js",
             "polyfills": "src/polyfills.ts",
-            "tsConfig": "src/tsconfig.spec.json",
+            "tsConfig": "tsconfig.spec.json",
             "scripts": [],
             "styles": [
               "src/styles.less"
@@ -101,7 +101,7 @@
         }
       }
     },
-    "ng2-date-picker-e2e": {
+    "ng2-date-picker-demo-e2e": {
       "root": "",
       "sourceRoot": "e2e",
       "projectType": "application",
@@ -110,7 +110,7 @@
           "builder": "@angular-devkit/build-angular:protractor",
           "options": {
             "protractorConfig": "./protractor.conf.js",
-            "devServerTarget": "ng2-date-picker:serve"
+            "devServerTarget": "ng2-date-picker-demo:serve"
           }
         },
         "lint": {
@@ -123,9 +123,49 @@
           }
         }
       }
+    },
+    "ng2-date-picker": {
+      "projectType": "library",
+      "root": "projects/ng2-date-picker",
+      "sourceRoot": "projects/ng2-date-picker/src",
+      "prefix": "dp",
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-angular:ng-packagr",
+          "options": {
+            "project": "projects/ng2-date-picker/ng-package.json"
+          },
+          "configurations": {
+            "production": {
+              "tsConfig": "projects/ng2-date-picker/tsconfig.lib.prod.json"
+            },
+            "development": {
+              "tsConfig": "projects/ng2-date-picker/tsconfig.lib.json"
+            }
+          },
+          "defaultConfiguration": "production"
+        },
+        "test": {
+          "builder": "@angular-devkit/build-angular:karma",
+          "options": {
+            "main": "projects/ng2-date-picker/src/test.ts",
+            "tsConfig": "projects/ng2-date-picker/tsconfig.spec.json",
+            "karmaConfig": "projects/ng2-date-picker/karma.conf.js"
+          }
+        },
+        "lint": {
+          "builder": "@angular-eslint/builder:lint",
+          "options": {
+            "lintFilePatterns": [
+              "projects/ng2-date-picker/**/*.ts",
+              "projects/ng2-date-picker/**/*.html"
+            ]
+          }
+        }
+      }
     }
   },
-  "defaultProject": "ng2-date-picker",
+  "defaultProject": "ng2-date-picker-demo",
   "schematics": {
     "@schematics/angular:component": {
       "prefix": "dp",

karma.conf.js

@@ -1,5 +1,5 @@
 // Karma configuration file, see link for more information
-// https://karma-runner.github.io/0.13/config/configuration-file.html
+// https://karma-runner.github.io/1.0/config/configuration-file.html
 
 module.exports = function (config) {
   config.set({
@@ -9,40 +9,36 @@ module.exports = function (config) {
       require('karma-jasmine'),
       require('karma-chrome-launcher'),
       require('karma-jasmine-html-reporter'),
-      require('karma-coverage-istanbul-reporter'),
+      require('karma-coverage'),
       require('@angular-devkit/build-angular/plugins/karma')
     ],
-    client:{
+    client: {
+      jasmine: {
+        // you can add configuration options for Jasmine here
+        // the possible options are listed at https://jasmine.github.io/api/edge/Configuration.html
+        // for example, you can disable the random execution with `random: false`
+        // or set a specific seed with `seed: 4321`
+      },
       clearContext: false // leave Jasmine Spec Runner output visible in browser
     },
-    files: [
-      
-    ],
-    preprocessors: {
-      
-    },
-    mime: {
-      'text/x-typescript': ['ts','tsx']
+    jasmineHtmlReporter: {
+      suppressAll: true // removes the duplicated traces
     },
-    coverageIstanbulReporter: {
-      dir: require('path').join(__dirname, 'coverage'), reports: [ 'html', 'lcovonly' ],
-      fixWebpackSourcePaths: true
+    coverageReporter: {
+      dir: require('path').join(__dirname, '../../coverage/my-lib'),
+      subdir: '.',
+      reporters: [
+        { type: 'html' },
+        { type: 'text-summary' }
+      ]
     },
-    
-    reporters: config.angularCli && config.angularCli.codeCoverage
-              ? ['progress', 'coverage-istanbul']
-              : ['progress', 'kjhtml'],
+    reporters: ['progress', 'kjhtml'],
     port: 9876,
     colors: true,
     logLevel: config.LOG_INFO,
     autoWatch: true,
     browsers: ['Chrome'],
     singleRun: false,
-    customLaunchers: {
-      ChromeHeadlessCustom: {
-        base: 'ChromeHeadless',
-        flags: ['--no-sandbox', '--disable-gpu']
-      }
-    },
+    restartOnFileChange: true
   });
 };