Angular migration

.github/workflows/publish-next.yml

@@ -31,12 +31,12 @@ jobs:
           role-duration-seconds: 3600
           role-skip-session-tagging: true
 
+      - name: Install app dependencies
+        run: npm install
+
       - name: Install lib dependencies
         run: cd ./projects/dxc-ngx-cdk && rm -rf node_modules && npm install
 
-      - name: Install app dependencies
-        run: cd . && npm install
-
       - name: Generate lib
         run: cd ./projects/dxc-ngx-cdk && npm run generate-lib
 

.github/workflows/publish-release.yml

@@ -12,7 +12,7 @@ jobs:
       - uses: jungwinter/split@v1
         id: split
         with:
-          seperator: '.'
+          seperator: "."
           msg: ${{ github.event.release.tag_name }}
 
       - name: Checkout repository
@@ -34,12 +34,12 @@ jobs:
           role-duration-seconds: 6000
           role-skip-session-tagging: true
 
-      - name: Install lib dependencies
-        run: cd ./projects/dxc-ngx-cdk && rm -rf node_modules && npm install
-
       - name: Install app dependencies
         run: cd . && npm install
 
+      - name: Install lib dependencies
+        run: cd ./projects/dxc-ngx-cdk && rm -rf node_modules && npm install
+
       - name: Generate lib
         run: cd ./projects/dxc-ngx-cdk && npm run generate-lib
 

.github/workflows/pull-request.yml

@@ -1,36 +1,35 @@
 name: Build and test
 
-on:
-  pull_request
+on: pull_request
 
 jobs:
   build:
     runs-on: ubuntu-latest
 
     steps:
-    - name: Checkout repository
-      uses: actions/checkout@v2
-
-    - name: Install Node.js 12.x
-      uses: actions/setup-node@v1
-      with:
-        node-version: 12.x
-        registry-url: https://registry.npmjs.org/
-          
-    - name: Install lib dependencies
-      run: cd ./projects/dxc-ngx-cdk && rm -rf node_modules && npm install
-
-    - name: Install app dependencies
-      run: cd . && npm install
-    
-    - name: Generate lib
-      run: cd ./projects/dxc-ngx-cdk && npm run generate-lib
-
-    - name: Link lib
-      run: cd . && npm run link-lib
-        
-    - name: Test library
-      run: cd ./projects/dxc-ngx-cdk && npm run test
-
-    - name: Build angular cdk site
-      run: cd . && npm run build-next-cdk-site
+      - name: Checkout repository
+        uses: actions/checkout@v2
+
+      - name: Install Node.js 12.x
+        uses: actions/setup-node@v1
+        with:
+          node-version: 12.x
+          registry-url: https://registry.npmjs.org/
+
+      - name: Install app dependencies
+        run: cd . && npm install
+
+      - name: Install lib dependencies
+        run: cd ./projects/dxc-ngx-cdk && rm -rf node_modules && npm install
+
+      - name: Generate lib
+        run: cd ./projects/dxc-ngx-cdk && npm run generate-lib
+
+      - name: Link lib
+        run: cd . && npm run link-lib
+
+      - name: Test library
+        run: cd ./projects/dxc-ngx-cdk && npm run test
+
+      - name: Build angular cdk site
+        run: cd . && npm run build-next-cdk-site

.gitignore

@@ -34,6 +34,7 @@ speed-measure-plugin.json
 .history/*
 
 # misc
+/.angular/cache
 /.sass-cache
 /connect.lock
 /coverage

.storybook/main.js

@@ -0,0 +1,19 @@
+
+
+module.exports = {
+  stories: ['./../projects/dxc-ngx-cdk/src/lib/**/*.stories.@(ts|mdx)'],
+  addons: ["@storybook/addon-links",
+    "@storybook/addon-essentials",
+    "@storybook/addon-interactions",
+    "storybook-addon-pseudo-states",
+    "@storybook/addon-a11y"],
+  logLevel: 'debug',
+  framework: '@storybook/angular',
+  core: {
+    builder: "webpack5",
+  },
+  angularOptions: {
+    enableIvy: false,
+  },
+
+}

projects/dxc-ngx-cdk/.storybook/preview.js → .storybook/preview.js

@@ -1,5 +1,3 @@
-import '@angular/localize/init';
-
 export const decorators = [
   (storyFunc) => {
     const story = storyFunc();

.storybook/tsconfig.json

@@ -0,0 +1,11 @@
+{
+
+  "extends": "./../projects/dxc-ngx-cdk/tsconfig.lib.json",
+  "compilerOptions": {
+    "types": ["node"],
+    "allowSyntheticDefaultImports": true
+  },
+  "exclude": ["../src/test.ts", "../src/**/*.spec.ts", "../projects/**/*.spec.ts"],
+  "include": ["../src/**/*", "../projects/**/*"],
+  "files": ["./typings.d.ts"]
+}

projects/dxc-ngx-cdk/.storybook/typings.d.ts → .storybook/typings.d.ts

@@ -1,4 +1,4 @@
-declare module "*.md" {
+declare module '*.md' {
   const content: string;
   export default content;
 }

angular.json

@@ -22,6 +22,7 @@
             "index": "projects/dxc-ngx-cdk-site/src/index.html",
             "main": "projects/dxc-ngx-cdk-site/src/main.ts",
             "polyfills": "projects/dxc-ngx-cdk-site/src/polyfills.ts",
+            "inlineStyleLanguage": "scss",
             "tsConfig": "projects/dxc-ngx-cdk-site/tsconfig.app.json",
             "aot": false,
             "assets": [
@@ -50,7 +51,13 @@
 
             ],
             "scripts": [],
-            "baseHref": "/"
+            "baseHref": "/",
+            "vendorChunk": true,
+            "extractLicenses": false,
+            "buildOptimizer": false,
+            "sourceMap": true,
+            "optimization": false,
+            "namedChunks": true
           },
           "configurations": {
             "production": {
@@ -63,16 +70,14 @@
               "optimization": true,
               "outputHashing": "all",
               "sourceMap": false,
-              "extractCss": true,
               "namedChunks": false,
               "extractLicenses": true,
               "vendorChunk": false,
-              "buildOptimizer": false,
               "budgets": [
                 {
                   "type": "initial",
                   "maximumWarning": "4mb",
-                  "maximumError": "5mb"
+                  "maximumError": "6mb"
                 },
                 {
                   "type": "anyComponentStyle",
@@ -81,21 +86,20 @@
                 }
               ]
             }
-          }
+          },
+          "defaultConfiguration": ""
         },
         "serve": {
           "builder": "@angular-devkit/build-angular:dev-server",
-          "options": {
-            "browserTarget": "angular-dxc-site:build"
-          },
+            "options": {
+              "browserTarget": "angular-dxc-site:build"
+            },
           "configurations": {
             "production": {
               "browserTarget": "angular-dxc-site:build:production"
             }
-          },
-          "assets": [
-            "projects/dxc-ngx-cdk-site/src/assets"
-          ]
+          }
+
         },
         "extract-i18n": {
           "builder": "@angular-devkit/build-angular:extract-i18n",
@@ -122,19 +126,6 @@
             "scripts": []
           }
         },
-        "lint": {
-          "builder": "@angular-devkit/build-angular:tslint",
-          "options": {
-            "tsConfig": [
-              "projects/dxc-ngx-cdk-site/tsconfig.app.json",
-              "projects/dxc-ngx-cdk-site/tsconfig.spec.json",
-              "projects/dxc-ngx-cdk-site/e2e/tsconfig.json"
-            ],
-            "exclude": [
-              "**/node_modules/**"
-            ]
-          }
-        },
         "e2e": {
           "builder": "@angular-devkit/build-angular:protractor",
           "options": {
@@ -156,7 +147,7 @@
       "prefix": "dxc-ngx-cdk",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-ng-packagr:build",
+          "builder": "@angular-devkit/build-angular:ng-packagr",
           "options": {
             "tsConfig": "projects/dxc-ngx-cdk/tsconfig.lib.json",
             "project": "projects/dxc-ngx-cdk/ng-package.json"
@@ -175,16 +166,38 @@
             "karmaConfig": "projects/dxc-ngx-cdk/karma.conf.js"
           }
         },
-        "lint": {
-          "builder": "@angular-devkit/build-angular:tslint",
+        "storybook": {
+          "builder": "@storybook/angular:start-storybook",
           "options": {
-            "tsConfig": [
-              "projects/dxc-ngx-cdk/tsconfig.lib.json",
-              "projects/dxc-ngx-cdk/tsconfig.spec.json"
-            ],
-            "exclude": [
-              "**/node_modules/**"
-            ]
+            "browserTarget": "dxc-ngx-cdk:build",
+            "docsMode":false,
+            "port": 6006
+          }
+        },
+        "build-storybook": {
+          "builder": "@storybook/angular:build-storybook",
+          "options": {
+            "browserTarget": "dxc-ngx-cdk:build"
+          }
+        }
+
+      }
+    },
+    "without-browser-target": {
+      "root": "",
+      "projectType": "library",
+      "architect": {
+        "storybook": {
+          "builder": "@storybook/angular:start-storybook",
+          "options": {
+            "tsConfig": "src/tsconfig.app.json",
+            "docsMode":false
+          }
+        },
+        "build-storybook": {
+          "builder": "@storybook/angular:build-storybook",
+          "options": {
+            "tsConfig": "src/tsconfig.app.json"
           }
         }
       }