@duetds/cli 4.1.4 → 4.1.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@duetds/cli",
-  "version": "4.1.4",
+  "version": "4.1.6",
   "description": "This package includes Duet Design System CLI.",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "LocalTapiola Services Ltd <duetdesignsystem@lahitapiola.fi>",
@@ -33,5 +33,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "53dac3e035ca7621ab8f900e17a2436171499bcd"
+  "gitHead": "62e2b72cd77caf936b5369be8766865e4ad89dc3"
 }

package/templates/angular/18.1.0-standalone/.browserlistrc

@@ -0,0 +1,16 @@
+# This file is used by the build system to adjust CSS and JS output to support the specified browsers below.
+# For additional information regarding the format and rule options, please see:
+# https://github.com/browserslist/browserslist#queries
+
+# For the full list of supported browsers by the Angular framework, please see:
+# https://angular.io/guide/browser-support
+
+# You can see what browsers were selected by your queries by running:
+#   npx browserslist
+
+last 1 Chrome version
+last 1 Firefox version
+last 2 Edge major versions
+last 2 Safari major versions
+last 2 iOS major versions
+Firefox ESR

package/templates/angular/18.1.0-standalone/.depcheckrc

@@ -0,0 +1,2 @@
+ignores: ["eslint*", "@angular-eslint/*","ngx-toastr","@types/*","husky","prettier", " @typescript-eslint/*"]
+skip-missing: true

package/templates/angular/18.1.0-standalone/.editorconfig

@@ -0,0 +1,16 @@
+# Editor configuration, see https://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.ts]
+quote_type = single
+
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false

package/templates/angular/18.1.0-standalone/.eslintrc.json

@@ -0,0 +1,52 @@
+{
+  "root": true,
+  "ignorePatterns": [
+    "projects/**/*"
+  ],
+  "overrides": [
+    {
+      "files": [
+        "*.ts"
+      ],
+      "parserOptions": {
+        "parser": "@typescript-eslint/parser",
+        "project": [
+          "./tsconfig.json"
+        ],
+        "createDefaultProgram": true
+      },
+      "extends": [
+        "plugin:@angular-eslint/recommended",
+        "plugin:@angular-eslint/template/process-inline-templates"
+      ],
+      "rules": {
+        "@angular-eslint/directive-selector": [
+          "error",
+          {
+            "type": "attribute",
+            "prefix": "app",
+            "style": "camelCase"
+          }
+        ],
+        "@angular-eslint/component-selector": [
+          "error",
+          {
+            "type": "element",
+            "prefix": "app",
+            "style": "kebab-case"
+          }
+        ],
+        "@angular-eslint/no-empty-lifecycle-method": "off"
+      }
+    },
+    {
+      "files": [
+        "*.html"
+      ],
+      "extends": [
+        "plugin:@angular-eslint/template/recommended"
+      ],
+      "rules": {}
+    }
+  ]
+}

package/templates/angular/18.1.0-standalone/.prettierignore

@@ -0,0 +1,3 @@
+package.json
+package-lock.json
+node_modules/**/*

package/templates/angular/18.1.0-standalone/.prettierrc

@@ -0,0 +1,14 @@
+{
+  "printWidth": 120,
+  "singleQuote": false,
+  "trailingComma": "none",
+  "bracketSpacing": true,
+  "jsxBracketSameLine": false,
+  "semi": false,
+  "requirePragma": false,
+  "insertPragma": false,
+  "useTabs": false,
+  "tabWidth": 2,
+  "arrowParens": "avoid",
+  "proseWrap": "preserve"
+}

package/templates/angular/18.1.0-standalone/LICENSE.md

@@ -0,0 +1,29 @@
+# License
+
+## Authorization to access
+
+Subject to these terms of use, LocalTapiola Services Ltd, on behalf of itself and the companies belonging to the same financial conglomerate (hereafter, individually and collectively, “LocalTapiola”) hereby grants you a limited, non-exclusive, revocable license to access and use the Duet Design System (the “Package”) solely for the purpose of performing your duties for and on behalf of LocalTapiola (the “Purpose”).
+
+Except for the Purpose, you may not access or use the Package or reproduce, retransmit, disseminate, sell, publish, broadcast or use any of the information, content or materials available through it for any reason.
+
+By accessing and using this Package, you agree to be bound by these terms of use.
+
+## Copyright
+
+LocalTapiola reserves all copyrights, trademarks and other intellectual property rights in and to the Package and all content on the Package, as well as to any information or materials derived from them. All content and material available through the Package are the copyrighted property of LocalTapiola.
+
+## Trademarks
+
+“Duet Design System” is a registered trademark of LocalTapiola. All other marks, whether registered or not, that are associated with any LocalTapiola or Turva product or service are trademarks or service marks of LocalTapiola Services Ltd. All non-LocalTapiola names or marks, if any, appearing in the Package are the property of their respective owners.
+
+## Disclaimer
+
+The use of the Package is at the sole responsibility of the user. The Package is provided “as is” and “as available” without express or implied warranty or condition of any kind. LocalTapiola may at any time make changes to the Package or any of its features or functionalities. LocalTapiola also reserves the right to modify or discontinue, temporarily or permanently, functions and features of the Package, with or without notice, all without liability to you, except where prohibited by law, for any interruption, modification, or discontinuation of the Package or any of its features or functionalities.
+
+## Limitation of liability
+
+To the fullest extent permitted by law, LocalTapiola accepts no liability to user or any third party for any damages, including without limitation, indirect or consequential damages or any damages whatsoever arising from use or loss of use of the Package or its content.
+
+## Governing law
+
+These Terms and your use of the Package shall be governed by and construed in accordance with the substantive laws of Finland.

package/templates/angular/18.1.0-standalone/README.md

@@ -0,0 +1,32 @@
+# Duet Angular Example
+
+An example app built with [@duetds/angular](https://www.npmjs.com/package/@duetds/angular), demonstrating basic form handling.
+
+## Features
+
+- Comes with [Duet Web Components](https://www.duetds.com/components/).
+- Supports [Duet Design Tokens](https://www.duetds.com/tokens/) in SCSS without additional configuration.
+- Comes with automated build and deploy steps for prototyping.
+- Additionally comes with [Duet Fonts](https://www.duetds.com/typography/) and [Duet CSS Framework](https://www.duetds.com/css-framework/) preconfigured.
+
+## Development server
+
+Run `npm start` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
+
+## Code scaffolding
+
+Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.
+
+## Build
+
+Run `npm run build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build.
+
+## Notes
+This has been tested using latest node at version 17.6.0, you may need to use `npm i --legacy-peer-deps` in order to complete installation
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
+
+## Copyright
+
+Copyright © 2020 LocalTapiola Services Ltd. For license, please see LICENSE.md.

package/templates/angular/18.1.0-standalone/angular.json

@@ -0,0 +1,138 @@
+{
+  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+  "version": 1,
+  "newProjectRoot": "projects",
+  "cli": {
+    "cache": {
+      "enabled": false
+    }
+  },
+  "projects": {
+    "duet-angular-template": {
+      "projectType": "application",
+      "schematics": {
+        "@schematics/angular:component": {
+          "style": "scss",
+          "skipTests": true
+        },
+        "@schematics/angular:class": {
+          "skipTests": true
+        },
+        "@schematics/angular:directive": {
+          "skipTests": true
+        },
+        "@schematics/angular:guard": {
+          "skipTests": true
+        },
+        "@schematics/angular:interceptor": {
+          "skipTests": true
+        },
+        "@schematics/angular:module": {
+          "skipTests": true
+        },
+        "@schematics/angular:pipe": {
+          "skipTests": true
+        },
+        "@schematics/angular:service": {
+          "skipTests": true
+        }
+      },
+      "root": "",
+      "sourceRoot": "src",
+      "prefix": "app",
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-angular:browser",
+          "options": {
+            "outputPath": "dist/duet-angular-template",
+            "index": "src/index.html",
+            "main": "src/main.ts",
+            "polyfills": "src/polyfills.ts",
+            "tsConfig": "tsconfig.app.json",
+            "aot": true,
+            "assets": ["src/favicon.ico", "src/assets", "src/manifest.json"],
+            "styles": ["src/styles.scss"],
+            "scripts": []
+          },
+          "configurations": {
+            "production": {
+              "fileReplacements": [
+                {
+                  "replace": "src/environments/environment.ts",
+                  "with": "src/environments/environment.prod.ts"
+                }
+              ],
+              "optimization": true,
+              "outputHashing": "all",
+              "sourceMap": false,
+              "extractCss": true,
+              "namedChunks": false,
+              "extractLicenses": true,
+              "vendorChunk": false,
+              "buildOptimizer": true,
+              "budgets": [
+                {
+                  "type": "initial",
+                  "maximumWarning": "2mb",
+                  "maximumError": "5mb"
+                },
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "6kb",
+                  "maximumError": "10kb"
+                }
+              ]
+            },
+            "development": {
+              "buildOptimizer": false,
+              "optimization": false,
+              "vendorChunk": true,
+              "extractLicenses": false,
+              "sourceMap": true,
+              "namedChunks": true
+            }
+          }
+        },
+        "serve": {
+          "builder": "@angular-devkit/build-angular:dev-server",
+          "options": {
+            "browserTarget": "duet-angular-template:build",
+            "port": 4200
+          },
+          "configurations": {
+            "production": {
+              "browserTarget": "duet-angular-template:build:production"
+            },
+            "development": {
+              "browserTarget": "duet-angular-template:build:development"
+            }
+          }
+        },
+        "extract-i18n": {
+          "builder": "@angular-devkit/build-angular:extract-i18n",
+          "options": {
+            "browserTarget": "duet-angular-template:build"
+          }
+        },
+        "lint": {
+          "builder": "@angular-eslint/builder:lint",
+          "options": {
+            "lintFilePatterns": [
+              "src/**/*.ts",
+              "src/**/*.html"
+            ]
+          }
+        },
+        "test": {
+          "builder": "@angular-builders/jest:run",
+          "options": {
+            "tsConfig": "tsconfig.spec.json",
+            "configPath" : "config/jest.base.ts",
+            "globalMocks": ["getComputedStyle", "doctype", "styleTransform", "matchMedia"]
+          }
+        }
+      }
+    }
+  },
+  "defaultProject": "duet-angular-template"
+}

package/templates/angular/18.1.0-standalone/config/jest.base.ts

@@ -0,0 +1,17 @@
+const { pathsToModuleNameMapper } = require('ts-jest');
+const { compilerOptions } = require('../tsconfig.spec.json');
+
+module.exports = {
+  preset: 'jest-preset-angular',
+  roots: ['<rootDir>/src/'],
+  setupFilesAfterEnv: ["<rootDir>/config/jest.setup.ts"],
+  collectCoverage: true,
+  coverageReporters: ['html'],
+  coverageDirectory: 'coverage/my-app',
+  moduleNameMapper: pathsToModuleNameMapper(compilerOptions.paths || {}, {
+    prefix: '<rootDir>/'
+  }),
+   testPathIgnorePatterns : [
+      "<rootDir>/src/tests/playwright/" 
+    ]
+};

package/templates/angular/18.1.0-standalone/config/jest.setup.ts

@@ -0,0 +1,24 @@
+import 'jest-preset-angular/setup-jest';
+
+
+Object.defineProperty(window, 'CSS', {value: null});
+Object.defineProperty(window, 'getComputedStyle', {
+  value: () => {
+    return {
+      display: 'none',
+      appearance: ['-webkit-appearance']
+    };
+  }
+});
+
+Object.defineProperty(document, 'doctype', {
+  value: '<!DOCTYPE html>'
+});
+Object.defineProperty(document.body.style, 'transform', {
+  value: () => {
+    return {
+      enumerable: true,
+      configurable: true
+    };
+  }
+});

package/templates/angular/18.1.0-standalone/package.file

@@ -0,0 +1,59 @@
+{
+  "name": "duet-angular-template",
+  "version": "18.1.0",
+  "scripts": {
+    "ng": "ng",
+    "start": "ng lint; npm run serve",
+    "serve": "ng serve --host=0.0.0.0 --poll 500 -c development",
+    "serve:daemon": "ng serve --host=0.0.0.0 --poll 500 &",
+    "build": "ng build",
+    "test": "ng test --watch=true",
+    "test:ci": "DEBUG=pw:webserver npx playwright test",
+    "lint": "ng lint"
+  },
+  "private": true,
+  "dependencies": {
+    "@angular/animations": "^18.1.0",
+    "@angular/common": "^18.1.0",
+    "@angular/compiler": "^18.1.0",
+    "@angular/core": "^18.1.0",
+    "@angular/forms": "^18.1.0",
+    "@angular/platform-browser": "^18.1.0",
+    "@angular/platform-browser-dynamic": "^18.1.0",
+    "@angular/router": "^18.1.0",
+    "@duetds/components": "latest",
+    "@duetds/css": "latest",
+    "@duetds/icons": "latest",
+    "@duetds/tokens": "latest",
+    "rxjs": "~7.8.0",
+    "tslib": "^2.3.0",
+    "zone.js": "~0.14.2"
+  },
+  "devDependencies": {
+    "@angular-builders/jest": "18.0.0",
+    "@angular-devkit/build-angular": "^18.1.0",
+    "@angular-eslint/builder": "^18.1.0",
+    "@angular-eslint/eslint-plugin": "^18.1.0",
+    "@angular-eslint/eslint-plugin-template": "^18.1.0",
+    "@angular-eslint/schematics": "^18.1.0",
+    "@angular-eslint/template-parser": "^18.1.0",
+    "@angular/cli": "^18.1.0",
+    "@angular/compiler-cli": "^18.1.0",
+    "@playwright/test": "1.25.0",
+    "@types/jest": "^29.5.0",
+    "@types/node": "18.11.9",
+    "@typescript-eslint/eslint-plugin": "6.13.2",
+    "@typescript-eslint/parser": "6.13.2",
+    "angular-eslint": "0.0.1-alpha.0",
+    "codelyzer": "6.0.2",
+    "eslint": "8.57.0",
+    "eslint-config-prettier": "8.5.0",
+    "eslint-plugin-import": "2.26.0",
+    "eslint-plugin-prefer-arrow": "1.2.3",
+    "eslint-plugin-prettier": "4.2.1",
+    "eslint-plugin-unused-imports": "3.0.0",
+    "jest": "^29.5.0",
+    "ts-node": "10.9.0",
+    "typescript": "5.5.4"
+  }
+}

package/templates/angular/18.1.0-standalone/playwright.config.ts

@@ -0,0 +1,26 @@
+// playwright.config.ts
+import { PlaywrightTestConfig, devices } from '@playwright/test';
+
+const config: PlaywrightTestConfig = {
+  testDir:"src/tests/playwright",
+  retries: process.env.CI ? 2 : 0,
+  use: {
+    trace: 'on-first-retry',
+    viewport: { width: 2080, height: 2020 },
+    ignoreHTTPSErrors: true,    
+    video: 'on-first-retry'
+  },
+  webServer: {
+    command: 'npx ng serve',
+    url:"http://localhost:4200/#/",
+    timeout: 120 * 1000,
+    reuseExistingServer: false
+  },
+  projects: [
+    {
+      name: 'chromium',
+      use: { ...devices['Desktop Chrome'] },
+    }
+  ],
+};
+export default config;

package/templates/angular/18.1.0-standalone/src/app/agreement.model.ts

@@ -0,0 +1,3 @@
+export class Agreement {
+  constructor(public readonly label: string, public readonly price: number) {}
+}

package/templates/angular/18.1.0-standalone/src/app/app-routing.module.ts

@@ -0,0 +1,11 @@
+import { NgModule } from "@angular/core"
+import { Routes, RouterModule } from "@angular/router"
+import { IndexPageComponent } from "./index-page/index-page.component"
+
+export const routes: Routes = [{ path: "", component: IndexPageComponent }]
+
+@NgModule({
+  imports: [RouterModule.forRoot(routes, { scrollPositionRestoration: "enabled", useHash: true })],
+  exports: [RouterModule]
+})
+export class AppRoutingModule {}

package/templates/angular/18.1.0-standalone/src/app/app.component.html

@@ -0,0 +1,5 @@
+<app-header></app-header>
+<div class="duet-sticky-content">
+  <router-outlet></router-outlet>
+</div>
+<app-footer></app-footer>

package/templates/angular/18.1.0-standalone/src/app/app.component.ts

@@ -0,0 +1,25 @@
+import { Component, CUSTOM_ELEMENTS_SCHEMA } from "@angular/core"
+import { RouterOutlet } from "@angular/router"
+import { HeaderComponent } from "./header/header.component"
+import { FooterComponent } from "./footer/footer.component"
+import { IndexPageComponent } from "./index-page/index-page.component"
+import { FormsModule, ReactiveFormsModule } from "@angular/forms"
+
+@Component({
+  standalone: true,
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+  selector: "app-root",
+  templateUrl: "./app.component.html",
+  imports: [
+    RouterOutlet,
+    HeaderComponent,
+    FooterComponent,
+    IndexPageComponent,
+    FormsModule,
+    ReactiveFormsModule,
+  ],
+  styleUrls: ["./app.component.scss"]
+})
+export class AppComponent {
+  constructor() {}
+}

package/templates/angular/18.1.0-standalone/src/app/currency-formatter.service.ts

@@ -0,0 +1,12 @@
+import { Injectable } from "@angular/core"
+import { currencyFormatFI } from "../utils/string.utils"
+
+@Injectable({
+  providedIn: "root"
+})
+export class CurrencyFormatterService {
+
+  format(value: number) {
+    return currencyFormatFI.format(value)
+  }
+}

package/templates/angular/18.1.0-standalone/src/app/footer/footer.component.html

@@ -0,0 +1,22 @@
+<duet-footer
+  variation="simple"
+  language="fi"
+  [menu]="[
+    {
+      label: 'Turvallisuus ja käyttöehdot',
+      href: '#',
+      external: 'true'
+    },
+    {
+      label: 'Evästeet',
+      href: '#',
+      external: 'true'
+    },
+    {
+      label: 'Henkilötietojen käsittely',
+      href: '#',
+      external: 'true'
+    }
+  ]"
+>
+</duet-footer>

package/templates/angular/18.1.0-standalone/src/app/footer/footer.component.ts

@@ -0,0 +1,12 @@
+import { Component, CUSTOM_ELEMENTS_SCHEMA } from "@angular/core"
+
+@Component({
+  standalone: true,
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+  selector: "app-footer",
+  templateUrl: "./footer.component.html",
+  styleUrls: ["./footer.component.scss"]
+})
+export class FooterComponent {
+  constructor() {}
+}

package/templates/angular/18.1.0-standalone/src/app/header/header.component.html

@@ -0,0 +1 @@
+<duet-header logo-href="" [back]="{ label: 'Takaisin', href: '/' }"></duet-header>

package/templates/angular/18.1.0-standalone/src/app/header/header.component.ts

@@ -0,0 +1,12 @@
+import { Component, CUSTOM_ELEMENTS_SCHEMA } from "@angular/core"
+
+@Component({
+  standalone: true,
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+  selector: "app-header",
+  templateUrl: "./header.component.html",
+  styleUrls: ["./header.component.scss"]
+})
+export class HeaderComponent {
+  constructor() {}
+}

package/templates/angular/18.1.0-standalone/src/app/index-page/index-page.component.html

@@ -0,0 +1,49 @@
+<duet-layout center>
+  <div slot="top" role="region">
+    <duet-spacer breakpoint="large" size="x-large"></duet-spacer>
+    <duet-heading level="h1" visual-level="h2">Pääotsikko</duet-heading>
+    <duet-spacer></duet-spacer>
+  </div>
+  <div slot="main">
+    <form [formGroup]="form" (ngSubmit)="handleSubmit($event)">
+      <duet-stepper [selected]="currentStep" (duetStepChange)="handleStepChange($event)">
+        <duet-step heading="Perustiedot" formGroupName="investmentAmount">
+          <duet-paragraph>
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore etdolore
+            magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.
+          </duet-paragraph>
+          <app-investment-amount
+            [form]="form.get('investmentAmount')"
+            [agreements]="agreements"
+          ></app-investment-amount>
+          <duet-spacer></duet-spacer>
+          <duet-button margin="none" variation="primary" (click)="handleNextClick($event)" [disabled]="form.invalid"
+             id="step1">Seuraava</duet-button
+          >
+        </duet-step>
+
+        <duet-step heading="Tarkemmat tiedot" formGroupName="investmentOrigin">
+          <duet-paragraph>
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore etdolore
+            magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.
+          </duet-paragraph>
+          <app-investment-origin [form]="form.get('investmentOrigin')"></app-investment-origin>
+          <duet-spacer></duet-spacer>
+          <duet-button margin="none" variation="primary" (click)="handleNextClick($event)" [disabled]="form.invalid" id="step2">
+            Seuraava
+          </duet-button>
+        </duet-step>
+
+        <duet-step heading="Yhteenveto">
+          <duet-spacer></duet-spacer>
+          <app-summary [agreement]="selectedAgreement"></app-summary>
+          <duet-spacer></duet-spacer>
+          <duet-button submit margin="none" variation="primary" expand [disabled]="form.invalid" id="step3"> Lähetä </duet-button>
+        </duet-step>
+      </duet-stepper>
+    </form>
+  </div>
+</duet-layout>
+<duet-modal [active]="completed" heading="You entered the following data:">
+  <pre><code>{{ form.value | json }}</code></pre>
+</duet-modal>