@blockcerts/blockcerts-verifier 1.55.0 → 1.56.1

package/karma.conf.js

@@ -11,14 +11,15 @@ module.exports = config => {
         //
         // npm run test -- --grep test/foo/bar.test.js
         // npm run test -- --grep test/bar/*
-        { pattern: config.grep ? config.grep : 'test/e2e/*.test.js', type: 'module' }
+        { pattern: config.grep ? config.grep : 'test/e2e/*.test.js', type: 'module', nocache: true }
       ],
 
       browsers: ['FirefoxHeadless'], // Chrome from default config
 
       esm: {
         nodeResolve: true
-      }
+      },
+      listenAddress: '::' // https://github.com/karma-runner/karma/issues/3730#issuecomment-1122075632
       // you can overwrite/extend the config further
     })
   );

package/package.json

@@ -1,20 +1,22 @@
 {
   "name": "@blockcerts/blockcerts-verifier",
-  "version": "1.55.0",
+  "version": "1.56.1",
   "description": "A standalone universal viewer and verifier for blockcerts credentials",
   "repository": {
     "type": "git",
     "url": "https://github.com/blockchain-certificates/blockcerts-verifier.git"
   },
   "main": "dist/main.js",
+  "engines": {
+    "node": ">=18.0.0 <19.0.0"
+  },
   "dependencies": {
-    "@babel/runtime": "^7.6.0",
-    "@blockcerts/cert-verifier-js": "^6.7.0",
+    "@blockcerts/cert-verifier-js": "^6.7.1",
     "@blockcerts/cert-verifier-js-v1-legacy": "^3.0.0",
     "@polymer/lit-element": "0.5.1",
-    "@polymer/polymer": "3.4.1",
-    "@webcomponents/webcomponentsjs": "2.6.0",
-    "autolinker": "^3.14.1",
+    "@polymer/polymer": "3.5.1",
+    "@webcomponents/webcomponentsjs": "2.8.0",
+    "autolinker": "^4.0.0",
     "cssfilter": "0.0.10",
     "html-canvas": "^0.0.4",
     "jspdf": "^2.5.1",
@@ -27,29 +29,25 @@
     "xss": "^1.0.3"
   },
   "devDependencies": {
-    "@babel/core": "^7.6.0",
-    "@babel/plugin-transform-runtime": "^7.6.0",
-    "@babel/preset-env": "^7.6.0",
-    "@babel/preset-typescript": "^7.9.0",
     "@commitlint/cli": "^17.1.2",
     "@commitlint/config-conventional": "^17.2.0",
-    "@open-wc/testing": "^3.1.7",
-    "@open-wc/testing-karma": "^4.0.3",
-    "@polymer/iron-demo-helpers": "^3.0.0-pre.19",
-    "@rollup/plugin-commonjs": "^22.0.0",
-    "@rollup/plugin-node-resolve": "^13.3.0",
-    "@types/jest": "^27.0.0",
+    "@open-wc/testing": "^3.2.0",
+    "@open-wc/testing-karma": "^4.0.9",
+    "@rollup/plugin-commonjs": "^25.0.2",
+    "@rollup/plugin-node-resolve": "^15.1.0",
+    "@rollup/plugin-replace": "^5.0.2",
+    "@rollup/plugin-terser": "^0.4.3",
+    "@rollup/plugin-typescript": "^11.1.1",
+    "@types/jest": "^29.5.2",
     "@types/qrcode-svg": "^1.1.1",
     "@types/sinon": "^10.0.0",
     "@typescript-eslint/eslint-plugin": "^4.16.1",
     "@typescript-eslint/parser": "^4.16.1",
-    "axe-core": "^4.0.1",
-    "babel-jest": "^29.4.3",
     "codecov": "^3.1.0",
-    "concurrently": "^7.3.0",
+    "concurrently": "^8.2.0",
     "deepmerge": "^4.2.2",
     "eslint": "^7.21.0",
-    "eslint-config-standard": "^16.0.2",
+    "eslint-config-standard": "^17.1.0",
     "eslint-config-standard-with-typescript": "^20.0.0",
     "eslint-plugin-import": "^2.20.2",
     "eslint-plugin-node": "^11.1.0",
@@ -57,54 +55,38 @@
     "eslint-plugin-standard": "^5.0.0",
     "express": "^4.16.3",
     "husky": "^7.0.1",
-    "jest": "^25.5.4",
+    "jest": "^29.5.0",
     "jest-canvas-mock": "^2.4.0",
+    "jest-environment-jsdom": "^29.5.0",
     "jest-fetch-mock": "^3.0.0",
     "karma-firefox-launcher": "^2.0.0",
-    "polymer-cli": "^1.8.1",
     "pwa-helpers": "^0.8.2",
-    "rollup": "^2.2.0",
-    "rollup-plugin-babel": "^4.3.3",
-    "rollup-plugin-commonjs": "^10.0.0",
+    "rollup": "^3.25.3",
     "rollup-plugin-livereload": "^2.0.0",
-    "rollup-plugin-node-resolve": "^5.0.0",
-    "rollup-plugin-replace": "^2.0.0",
-    "rollup-plugin-serve": "^1.0.1",
-    "rollup-plugin-terser": "^7.0.0",
-    "rollup-plugin-typescript": "^1.0.1",
+    "rollup-plugin-serve": "^2.0.2",
     "sass-lint": "^1.12.1",
-    "semantic-release": "^18.0.0",
-    "semistandard": "^14.1.0",
+    "semantic-release": "^21.0.5",
     "sinon": "^11.1.0",
-    "snazzy": "^9.0.0",
-    "ts-jest": "^26.5.2",
-    "typescript": "^4.2.2",
-    "watch": "^1.0.2",
-    "wc-sass-render": "blockchain-certificates/wc-sass-render",
-    "wct-browser-legacy": "^1.0.2",
-    "web-component-tester": "^6.9.0"
+    "ts-jest": "^29.1.0",
+    "typescript": "^5.1.3",
+    "wc-sass-render": "blockchain-certificates/wc-sass-render"
   },
   "scripts": {
-    "build": "rollup -c rollup.config.js",
-    "build:sanitizer": "rollup -c rollup-sanitizer.config.js",
+    "build": "rollup -c rollup.config.mjs",
+    "build:sanitizer": "rollup -c rollup-sanitizer.config.mjs",
     "test": "npm run test:application",
     "test:build": "npm run test:components:retrieve && polymer test; npm run test:karma",
     "test:karma": "tsc -p tsconfig-test.json && karma start; npm run test:karma:cleanup",
     "test:karma:cleanup": "git clean -dfq",
-    "test:components:retrieve": "node test/wct-script/retrieveTestFiles",
-    "test:components:retrieve:watch": "npm run test:components:retrieve -- --watch",
-    "test:components:persist": "concurrently 'npm run test:components:retrieve:watch' 'polymer test -p'",
     "test:application": "jest --runInBand --silent",
     "test:application:watch": "jest --watch",
     "test:coverage": "jest --maxWorkers=4 --silent --noStackTrace --coverage",
     "test:coverage:report": "codecov",
-    "start": "concurrently 'rollup -c rollup.dev.config.js -w' 'npm run styles:compile:watch' 'npm run start:mock-server'",
+    "start": "concurrently 'rollup -c rollup.dev.config.mjs -w' 'npm run styles:compile:watch' 'npm run start:mock-server'",
     "start:mock-server": "node test/mock-server",
     "styles:compile": "sass-render ./src/components/**/*.scss",
     "styles:compile:watch": "sass-render ./src/components/**/*.scss -w",
-    "lint": "npm run lint:js && npm run lint:ts && npm run lint:styles",
-    "lint:fix": "semistandard --fix",
-    "lint:js": "semistandard \"**/*.js\" | snazzy",
+    "lint": "npm run lint:ts && npm run lint:styles",
     "lint:ts": "eslint . --ext .ts",
     "lint:styles": "sass-lint --verbose",
     "semantic-release": "semantic-release",

package/rollup-sanitizer.config.mjs

@@ -0,0 +1,21 @@
+import resolve from '@rollup/plugin-node-resolve';
+import commonjs from '@rollup/plugin-commonjs';
+
+export default {
+  input: 'sanitizer/index.js',
+  name: 'Sanitizer',
+  output: [
+    {
+      file: 'sanitizer/sanitizer.js',
+      format: 'es',
+      banner: '/**\n * @warning\n *\n * THIS IS AN AUTO GENERATED FILE. IF YOU WISH TO WHITELIST PROPERTIES / TAGS, PLEASE DO IT SO IN sanitizer/index.js \n *\n * More Information: https://github.com/blockchain-certificates/blockcerts-verifier#modifying-the-sanitizer\n **/\n'
+    }
+  ],
+  plugins: [
+    resolve({
+      browser: true,
+      preferBuiltins: true
+    }),
+    commonjs()
+  ]
+};

package/rollup.config.mjs

@@ -0,0 +1,31 @@
+import replace from '@rollup/plugin-replace';
+import resolve from '@rollup/plugin-node-resolve';
+import commonjs from '@rollup/plugin-commonjs';
+import typescript from '@rollup/plugin-typescript';
+import terser from '@rollup/plugin-terser';
+
+export default [
+  {
+    input: 'src/blockcerts-verifier/index.ts',
+    output: [
+      {
+        file: 'dist/main.js',
+        format: 'iife',
+        name: 'BlockcertsVerifier',
+        inlineDynamicImports: true
+      }
+    ],
+    plugins: [
+      commonjs(),
+      replace({
+        'process.env.NODE_ENV': JSON.stringify('production')
+      }),
+      typescript(),
+      resolve({
+        browser: true,
+        preferBuiltins: true
+      }),
+      terser()
+    ]
+  }
+];

package/rollup.dev.config.mjs

@@ -0,0 +1,43 @@
+import serve from 'rollup-plugin-serve';
+import resolve from '@rollup/plugin-node-resolve';
+import typescript from '@rollup/plugin-typescript';
+import livereload from 'rollup-plugin-livereload';
+import commonjs from '@rollup/plugin-commonjs';
+import fs from 'fs';
+
+const BUILD_OUTPUT_FOLDER = 'dev';
+
+export default [
+  {
+    input: 'src/blockcerts-verifier/index.ts',
+    output: [
+      {
+        file: `${BUILD_OUTPUT_FOLDER}/index.js`,
+        format: 'iife',
+        name: 'BlockcertsVerifier',
+        inlineDynamicImports: true
+      }
+    ],
+    plugins: [
+      commonjs(),
+      typescript(),
+      resolve({
+        browser: true,
+        preferBuiltins: true
+      }),
+      serve({
+        contentBase: [BUILD_OUTPUT_FOLDER, 'demo', 'node_modules', 'dist', 'test/fixtures'],
+        host: '0.0.0.0',
+        port: 8081,
+        open: true,
+        https: {
+          cert: fs.readFileSync(`${BUILD_OUTPUT_FOLDER}/https-cert/cert.pem`),
+          key: fs.readFileSync(`${BUILD_OUTPUT_FOLDER}/https-cert/key.pem`)
+        }
+      }),
+      livereload({
+        watch: BUILD_OUTPUT_FOLDER
+      })
+    ]
+  }
+];

package/demo/bundle-ie11.html

@@ -1,38 +0,0 @@
-<!doctype html>
-<html lang="en">
-    <head>
-        <meta charset="utf-8">
-        <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
-
-        <title>blockcerts-verifier demo</title>
-
-        <script src="./@webcomponents/webcomponentsjs/custom-elements-es5-adapter.js"></script>
-        <script src="./@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
-
-        <script type="module" src="./ie11.js"></script>
-
-        <script>
-          // HACK(keanulee): The Redux package assumes `process` exists - mock it here before
-          // the module is loaded.
-          window.process = {
-            env: {
-              NODE_ENV: 'development'
-            }
-          };
-        </script>
-        <style>
-            .main {
-                max-width: 700px;
-                margin: 0 auto;
-                width: 100%;
-            }
-        </style>
-    </head>
-    <body>
-    <div class="main">
-        <h3>Basic blockcerts-verifier demo - Display mode Full</h3>
-        <blockcerts-verifier display-mode="full"></blockcerts-verifier>
-    </div>
-    </body>
-    </body>
-</html>