@duetds/cli 4.0.51 → 4.1.1

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/react/19rc/src/tests/playwright/playwright.test.mjs

@@ -0,0 +1,54 @@
+import { test, expect } from '@playwright/test';
+
+ test.use({
+  viewport: { width: 1800, height: 2500 },
+  bypassCSP: true,
+  deviceScaleFactor: 1,
+})
+
+
+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:3000/");
+  await page.locator('select');
+  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("app_2.png");
+
+
+
+  // Click input[type="number"]
+  await page.locator('input[type="number"]').click();
+  await page.locator('input[type="number"]').fill('500');
+  await page.locator('#step1').click();
+  await page.waitForLoadState("networkidle")
+  expect(await page.screenshot()).toMatchSnapshot("app_3.png");
+
+
+  // summary loading
+  await page.locator('#step2').click();
+  await page.waitForLoadState("networkidle")
+  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("app_5.png");
+
+
+
+  // Click code, store json
+  await page.locator('pre').click();
+  expect(await page.textContent('pre')).toMatchSnapshot('code.json');
+
+});

package/templates/react/19rc/src/tests/playwright/playwright.test.mjs-snapshots/code-chromium-darwin.json

@@ -0,0 +1,16 @@
+{
+  "investmentAmount": {
+    "agreement": "2",
+    "additionalInvestment": 500
+  },
+  "investmentOrigin": {
+    "salary": false,
+    "gift": false,
+    "heritage": false,
+    "entrepreneurialIncome": false,
+    "assets": false,
+    "otherIncome": false,
+    "investment": false,
+    "extras": ""
+  }
+}

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/tsconfig.json

@@ -1,8 +0,0 @@
-{
-  "files": [],
-  "references": [
-    {
-      "path": "./tsconfig.app.json"
-    }
-  ]
-}

package/templates/angular/12.2.16/tslint.json

@@ -1,92 +0,0 @@
-{
-  "extends": "tslint:recommended",
-  "rules": {
-    "align": {
-      "options": ["parameters", "statements"]
-    },
-    "array-type": false,
-    "arrow-return-shorthand": true,
-    "curly": true,
-    "deprecation": {
-      "severity": "warning"
-    },
-    "component-class-suffix": true,
-    "contextual-lifecycle": true,
-    "directive-class-suffix": true,
-    "directive-selector": [true, "attribute", "app", "camelCase"],
-    "component-selector": [true, "element", "app", "kebab-case"],
-    "eofline": true,
-    "import-blacklist": [true, "rxjs/Rx"],
-    "import-spacing": true,
-    "indent": {
-      "options": ["spaces"]
-    },
-    "max-classes-per-file": false,
-    "max-line-length": [true, 140],
-    "member-ordering": [
-      true,
-      {
-        "order": ["static-field", "instance-field", "static-method", "instance-method"]
-      }
-    ],
-    "no-console": [true, "debug", "info", "time", "timeEnd", "trace"],
-    "no-empty": false,
-    "no-inferrable-types": [true, "ignore-params"],
-    "no-non-null-assertion": true,
-    "no-redundant-jsdoc": true,
-    "no-switch-case-fall-through": true,
-    "no-var-requires": false,
-    "object-literal-key-quotes": [true, "as-needed"],
-    "quotemark": [true, "single"],
-    "semicolon": {
-      "options": ["always"]
-    },
-    "space-before-function-paren": {
-      "options": {
-        "anonymous": "never",
-        "asyncArrow": "always",
-        "constructor": "never",
-        "method": "never",
-        "named": "never"
-      }
-    },
-    "typedef": [true, "call-signature"],
-    "typedef-whitespace": {
-      "options": [
-        {
-          "call-signature": "nospace",
-          "index-signature": "nospace",
-          "parameter": "nospace",
-          "property-declaration": "nospace",
-          "variable-declaration": "nospace"
-        },
-        {
-          "call-signature": "onespace",
-          "index-signature": "onespace",
-          "parameter": "onespace",
-          "property-declaration": "onespace",
-          "variable-declaration": "onespace"
-        }
-      ]
-    },
-    "variable-name": {
-      "options": ["ban-keywords", "check-format", "allow-pascal-case"]
-    },
-    "whitespace": {
-      "options": ["check-branch", "check-decl", "check-operator", "check-separator", "check-type", "check-typecast"]
-    },
-    "no-conflicting-lifecycle": true,
-    "no-host-metadata-property": true,
-    "no-input-rename": true,
-    "no-inputs-metadata-property": true,
-    "no-output-native": true,
-    "no-output-on-prefix": true,
-    "no-output-rename": true,
-    "no-outputs-metadata-property": true,
-    "template-banana-in-box": true,
-    "template-no-negated-async": true,
-    "use-lifecycle-interface": true,
-    "use-pipe-transform-interface": true
-  },
-  "rulesDirectory": ["codelyzer"]
-}