@duetds/cli 4.0.50 → 4.1.0

package/templates/react/19rc/src/serviceWorker.js

@@ -0,0 +1,141 @@
+// This optional code is used to register a service worker.
+// register() is not called by default.
+
+// This lets the app load faster on subsequent visits in production, and gives
+// it offline capabilities. However, it also means that developers (and users)
+// will only see deployed updates on subsequent visits to a page, after all the
+// existing tabs open on the page have been closed, since previously cached
+// resources are updated in the background.
+
+// To learn more about the benefits of this model and instructions on how to
+// opt-in, read https://bit.ly/CRA-PWA
+
+const isLocalhost = Boolean(
+  window.location.hostname === 'localhost' ||
+    // [::1] is the IPv6 localhost address.
+    window.location.hostname === '[::1]' ||
+    // 127.0.0.0/8 are considered localhost for IPv4.
+    window.location.hostname.match(
+      /^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/
+    )
+);
+
+export function register(config) {
+  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {
+    // The URL constructor is available in all browsers that support SW.
+    const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);
+    if (publicUrl.origin !== window.location.origin) {
+      // Our service worker won't work if PUBLIC_URL is on a different origin
+      // from what our page is served on. This might happen if a CDN is used to
+      // serve assets; see https://github.com/facebook/create-react-app/issues/2374
+      return;
+    }
+
+    window.addEventListener('load', () => {
+      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;
+
+      if (isLocalhost) {
+        // This is running on localhost. Let's check if a service worker still exists or not.
+        checkValidServiceWorker(swUrl, config);
+
+        // Add some additional logging to localhost, pointing developers to the
+        // service worker/PWA documentation.
+        navigator.serviceWorker.ready.then(() => {
+          console.log(
+            'This web app is being served cache-first by a service ' +
+              'worker. To learn more, visit https://bit.ly/CRA-PWA'
+          );
+        });
+      } else {
+        // Is not localhost. Just register service worker
+        registerValidSW(swUrl, config);
+      }
+    });
+  }
+}
+
+function registerValidSW(swUrl, config) {
+  navigator.serviceWorker
+    .register(swUrl)
+    .then(registration => {
+      registration.onupdatefound = () => {
+        const installingWorker = registration.installing;
+        if (installingWorker == null) {
+          return;
+        }
+        installingWorker.onstatechange = () => {
+          if (installingWorker.state === 'installed') {
+            if (navigator.serviceWorker.controller) {
+              // At this point, the updated precached content has been fetched,
+              // but the previous service worker will still serve the older
+              // content until all client tabs are closed.
+              console.log(
+                'New content is available and will be used when all ' +
+                  'tabs for this page are closed. See https://bit.ly/CRA-PWA.'
+              );
+
+              // Execute callback
+              if (config && config.onUpdate) {
+                config.onUpdate(registration);
+              }
+            } else {
+              // At this point, everything has been precached.
+              // It's the perfect time to display a
+              // "Content is cached for offline use." message.
+              console.log('Content is cached for offline use.');
+
+              // Execute callback
+              if (config && config.onSuccess) {
+                config.onSuccess(registration);
+              }
+            }
+          }
+        };
+      };
+    })
+    .catch(error => {
+      console.error('Error during service worker registration:', error);
+    });
+}
+
+function checkValidServiceWorker(swUrl, config) {
+  // Check if the service worker can be found. If it can't reload the page.
+  fetch(swUrl, {
+    headers: { 'Service-Worker': 'script' },
+  })
+    .then(response => {
+      // Ensure service worker exists, and that we really are getting a JS file.
+      const contentType = response.headers.get('content-type');
+      if (
+        response.status === 404 ||
+        (contentType != null && contentType.indexOf('javascript') === -1)
+      ) {
+        // No service worker found. Probably a different app. Reload the page.
+        navigator.serviceWorker.ready.then(registration => {
+          registration.unregister().then(() => {
+            window.location.reload();
+          });
+        });
+      } else {
+        // Service worker found. Proceed as normal.
+        registerValidSW(swUrl, config);
+      }
+    })
+    .catch(() => {
+      console.log(
+        'No internet connection found. App is running in offline mode.'
+      );
+    });
+}
+
+export function unregister() {
+  if ('serviceWorker' in navigator) {
+    navigator.serviceWorker.ready
+      .then(registration => {
+        registration.unregister();
+      })
+      .catch(error => {
+        console.error(error.message);
+      });
+  }
+}

package/templates/{angular/12.2.16/src/tests/playwright/playwright.test.ts → react/19rc/src/tests/playwright/playwright.test.mjs}

@@ -1,29 +1,29 @@
 import { test, expect } from '@playwright/test';
 
  test.use({
-      viewport: { width: 1800, height: 2500 },
-      bypassCSP: true,
-      deviceScaleFactor: 1,
-    })
+  viewport: { width: 1800, height: 2500 },
+  bypassCSP: true,
+  deviceScaleFactor: 1,
+})
 
 
-test('angular test', async ({ page }, testInfo) => {
+test('app', async ({ page }, testInfo) => {
   await page.waitForLoadState("networkidle") // This resolves after 'networkidle'
   await page.waitForTimeout(1000 * testInfo.retry + 1)
   await page.setViewportSize({ width: 1600, height: 1200 })
 
 
   // initial loading
-  await page.goto("http://localhost:4200/");
-  await page.goto("http://localhost:4200/#/");
+  await page.goto("http://localhost:3000/");
   await page.locator('select');
-  expect(await page.screenshot()).toMatchSnapshot("angular_1.png", {maxDiffPixelRatio: 0.01});
+  expect(await page.screenshot()).toMatchSnapshot("app_1.png");
 
 
   // Select 2
   await page.locator('select').selectOption('2');
   await page.waitForLoadState("networkidle")
-  expect(await page.screenshot()).toMatchSnapshot("angular_2.png", {maxDiffPixelRatio: 0.01});
+  expect(await page.screenshot()).toMatchSnapshot("app_2.png");
+
 
 
   // Click input[type="number"]
@@ -31,24 +31,24 @@ test('angular test', async ({ page }, testInfo) => {
   await page.locator('input[type="number"]').fill('500');
   await page.locator('#step1').click();
   await page.waitForLoadState("networkidle")
-  expect(await page.screenshot()).toMatchSnapshot("angular_3.png", {maxDiffPixelRatio: 0.01});
+  expect(await page.screenshot()).toMatchSnapshot("app_3.png");
 
 
   // summary loading
   await page.locator('#step2').click();
   await page.waitForLoadState("networkidle")
-  expect(await page.screenshot()).toMatchSnapshot("angular_4.png", {maxDiffPixelRatio: 0.01});
+  expect(await page.screenshot()).toMatchSnapshot("app_4.png");
 
 
   // summary displaying
   await page.locator('#step3').click();
   await page.waitForLoadState("networkidle") // This resolves after 'networkidle'
-  expect(await page.screenshot()).toMatchSnapshot("angular_5.png", {maxDiffPixelRatio: 0.01});
+  expect(await page.screenshot()).toMatchSnapshot("app_5.png");
 
 
 
   // Click code, store json
-  await page.locator('code').click();
-  expect(await page.textContent('code')).toMatchSnapshot('code.json');
+  await page.locator('pre').click();
+  expect(await page.textContent('pre')).toMatchSnapshot('code.json');
 
 });

package/templates/{angular/12.2.16/src/tests/playwright/playwright.test.ts-snapshots → react/19rc/src/tests/playwright/playwright.test.mjs-snapshots}/code-chromium-darwin.json

@@ -11,6 +11,6 @@
     "assets": false,
     "otherIncome": false,
     "investment": false,
-    "extras": null
+    "extras": ""
   }
 }

package/templates/angular/12.2.16/.browserlistrc

@@ -1,16 +0,0 @@
-# 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/12.2.16/.depcheckrc

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

package/templates/angular/12.2.16/.editorconfig

@@ -1,16 +0,0 @@
-# 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/12.2.16/.eslintrc.json

@@ -1,51 +0,0 @@
-{
-  "root": true,
-  "ignorePatterns": [
-    "projects/**/*"
-  ],
-  "overrides": [
-    {
-      "files": [
-        "*.ts"
-      ],
-      "parserOptions": {
-        "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/12.2.16/.prettierignore

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

package/templates/angular/12.2.16/.prettierrc

@@ -1,14 +0,0 @@
-{
-  "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/12.2.16/README.md

@@ -1,32 +0,0 @@
-# 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/12.2.16/angular.json

@@ -1,122 +0,0 @@
-{
-  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
-  "version": 1,
-  "newProjectRoot": "projects",
-  "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"
-                }
-              ]
-            }
-          }
-        },
-        "serve": {
-          "builder": "@angular-devkit/build-angular:dev-server",
-          "options": {
-            "browserTarget": "duet-angular-template:build",
-            "port": 4200
-          },
-          "configurations": {
-            "production": {
-              "browserTarget": "duet-angular-template:build:production"
-            }
-          }
-        },
-        "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/12.2.16/config/jest.base.ts

@@ -1,17 +0,0 @@
-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/12.2.16/config/jest.setup.ts

@@ -1,24 +0,0 @@
-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/12.2.16/package.file

@@ -1,58 +0,0 @@
-{
-  "name": "duet-angular-template",
-  "version": "13.2.4",
-  "scripts": {
-    "ng": "ng",
-    "start": "ng lint; npm run serve",
-    "serve": "ng serve --host=0.0.0.0 --poll 500 --disableHostCheck=true",
-    "serve:daemon": "ng serve --host=0.0.0.0 --poll 500 --disableHostCheck=true &",
-    "build": "ng build",
-    "test": "ng test --watch=true --source-map=true --code-coverage --browsers Chrome",
-    "test:ci": "DEBUG=pw:webserver npx playwright test",
-    "lint": "ng lint"
-  },
-  "private": true,
-  "dependencies": {
-    "@angular/animations": "12.2.16",
-    "@angular/common": "12.2.16",
-    "@angular/compiler": "12.2.16",
-    "@angular/core": "12.2.16",
-    "@angular/forms": "12.2.16",
-    "@angular/platform-browser": "12.2.16",
-    "@angular/platform-browser-dynamic": "12.2.16",
-    "@angular/router": "12.2.16",
-    "@duetds/angular": "latest",
-    "@duetds/css": "latest",
-    "@duetds/icons": "latest",
-    "@duetds/tokens": "latest",
-    "rxjs": "7.5.4",
-    "tslib": "2.3.1",
-    "zone.js": "0.11.4"
-  },
-  "devDependencies": {
-    "@angular-builders/jest": "12.1.2",
-    "@angular-devkit/build-angular": "12.2.16",
-    "@angular-eslint/builder": "12.7.0",
-    "@angular-eslint/eslint-plugin": "12.7.0",
-    "@angular-eslint/eslint-plugin-template": "12.7.0",
-    "@angular-eslint/schematics": "12.7.0",
-    "@angular-eslint/template-parser": "12.7.0",
-    "@angular/cli": "12.2.16",
-    "@angular/compiler-cli": "12.2.16",
-    "@playwright/test": "1.25.0",
-    "@types/jest": "27.4.1",
-    "@types/node": "17.0.21",
-    "@typescript-eslint/eslint-plugin": "5.13.0",
-    "@typescript-eslint/parser": "5.13.0",
-    "codelyzer": "6.0.2",
-    "eslint": "8.10.0",
-    "eslint-config-prettier": "8.4.0",
-    "eslint-plugin-import": "2.25.4",
-    "eslint-plugin-prefer-arrow": "1.2.3",
-    "eslint-plugin-prettier": "4.0.0",
-    "eslint-plugin-unused-imports": "2.0.0",
-    "jest": "27.5.1",
-    "ts-node": "10.6.0",
-    "typescript": "4.3.5"
-  }
-}

package/templates/angular/12.2.16/src/app/agreement.model.ts

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

package/templates/angular/12.2.16/src/app/app-routing.module.ts

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

package/templates/angular/12.2.16/src/app/app.component.html

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

package/templates/angular/12.2.16/src/app/app.component.ts

@@ -1,10 +0,0 @@
-import { Component } from "@angular/core"
-
-@Component({
-  selector: "app-root",
-  templateUrl: "./app.component.html",
-  styleUrls: ["./app.component.scss"]
-})
-export class AppComponent {
-  constructor() {}
-}

package/templates/angular/12.2.16/src/app/app.module.ts

@@ -1,21 +0,0 @@
-import { BrowserModule } from "@angular/platform-browser"
-import { NgModule } from "@angular/core"
-import { DuetComponents } from "@duetds/angular"
-
-import { AppRoutingModule } from "./app-routing.module"
-import { AppComponent } from "./app.component"
-import { FormsModule, ReactiveFormsModule } from "@angular/forms"
-import { IndexPageComponent } from "./index-page/index-page.component"
-import { HeaderComponent } from "./header/header.component"
-import { FooterComponent } from "./footer/footer.component"
-import { InvestmentAmountComponent } from './investment-amount/investment-amount.component';
-import { InvestmentOriginComponent } from './investment-origin/investment-origin.component';
-import { SummaryComponent } from './summary/summary.component'
-
-@NgModule({
-  declarations: [AppComponent, IndexPageComponent, HeaderComponent, FooterComponent, InvestmentAmountComponent, InvestmentOriginComponent, SummaryComponent],
-  imports: [BrowserModule, FormsModule, ReactiveFormsModule, DuetComponents, AppRoutingModule],
-  providers: [],
-  bootstrap: [AppComponent]
-})
-export class AppModule {}