fix(warn): Refused to get unsafe header "www-authenticate"

fixes #201

.github/workflows/release.yml

@@ -15,9 +15,15 @@ jobs:
       run: npm install
     - name: Build the interface
       run: npm run build
-    - name: Current tag
-      id: current-tag
+    - name: Major tag
+      id: major-tag
+      run: echo "::set-output name=tag::$(git describe --tags | grep -o '^[0-9]*')"
+    - name: Minor tag
+      id: minor-tag
       run: echo "::set-output name=tag::$(git describe --tags | grep -o '^[0-9]*\.[0-9]*')"
+    - name: Patch tag
+      id: patch-tag
+      run: echo "::set-output name=tag::$(git describe --tags | grep -o '^[0-9]*\.[0-9]*\.[0-9]*')"
     - name: Download kokai
       run: curl -sSL https://github.com/Joxit/kokai/releases/download/$(curl -sSL https://api.github.com/repos/Joxit/kokai/releases/latest | jq -r ".tag_name")/kokai-linux-x86_64 > kokai
     - name: Create Release Note
@@ -51,7 +57,9 @@ jobs:
         push: true
         tags: |
           joxit/docker-registry-ui:latest
-          joxit/docker-registry-ui:${{steps.current-tag.outputs.tag}}
+          joxit/docker-registry-ui:${{steps.major-tag.outputs.tag}}
+          joxit/docker-registry-ui:${{steps.minor-tag.outputs.tag}}
+          joxit/docker-registry-ui:${{steps.patch-tag.outputs.tag}}
     - name: Build and push Latest Debian Version
       uses: docker/build-push-action@v2
       with:
@@ -61,4 +69,6 @@ jobs:
         push: true
         tags: |
           joxit/docker-registry-ui:debian
-          joxit/docker-registry-ui:${{steps.current-tag.outputs.tag}}-debian
+          joxit/docker-registry-ui:${{steps.major-tag.outputs.tag}}-debian
+          joxit/docker-registry-ui:${{steps.minor-tag.outputs.tag}}-debian
+          joxit/docker-registry-ui:${{steps.patch-tag.outputs.tag}}-debian

_config.yml

@@ -12,4 +12,6 @@ defaults:
   - scope:
       path: ""
     values:
-      image: /screenshot.png
+      image: /screenshot.png
+plugins:
+  - jekyll-seo-tag

package.json

@@ -1,6 +1,6 @@
 {
   "name": "docker-registry-ui",
-  "version": "2.0.7",
+  "version": "2.0.9",
   "scripts": {
     "start": "ROLLUP_SERVE=true rollup -c -w",
     "build": "rollup -c",
@@ -14,21 +14,21 @@
   "license": "AGPL-3.0",
   "description": "A web UI for private docker registry",
   "devDependencies": {
-    "@babel/core": "^7.12.9",
-    "@babel/preset-env": "^7.12.7",
-    "@riotjs/compiler": "^5.3.1",
+    "@babel/core": "^7.14.6",
+    "@babel/preset-env": "^7.14.7",
+    "@riotjs/compiler": "^5.4.2",
     "@riotjs/observable": "^4.0.4",
-    "@riotjs/route": "^7.0.0",
+    "@riotjs/route": "^7.1.2",
     "@rollup/plugin-babel": "^5.2.2",
     "@rollup/plugin-commonjs": "^17.0.0",
     "@rollup/plugin-html": "^0.2.3",
     "@rollup/plugin-json": "^4.1.0",
-    "@rollup/plugin-node-resolve": "^11.0.0",
-    "core-js": "^3.9.1",
-    "js-beautify": "^1.13.0",
-    "riot": "^5.3.1",
-    "riot-mui": "joxit/riot-5-mui#4d68d7f",
-    "rollup": "^2.34.2",
+    "@rollup/plugin-node-resolve": "^11.2.1",
+    "core-js": "^3.15.2",
+    "js-beautify": "^1.14.0",
+    "riot": "^5.4.5",
+    "riot-mui": "github:joxit/riot-5-mui#4d68d7f",
+    "rollup": "^2.53.1",
     "rollup-plugin-app-utils": "^1.0.6",
     "rollup-plugin-commonjs": "^10.1.0",
     "rollup-plugin-copy": "^3.4.0",

src/scripts/docker-image.js

@@ -64,7 +64,7 @@ export class DockerImage {
       return this.fillInfo();
     });
     this.on('get-sha256', function () {
-      if (this.size !== undefined) {
+      if (this.sha256 !== undefined) {
         return this.trigger('sha256', this.sha256);
       }
       return this.fillInfo();

src/scripts/http.js

@@ -53,7 +53,8 @@ export class Http {
       case 'loadend': {
         self.oReq.addEventListener('loadend', function () {
           if (this.status == 401 && !this.withCredentials) {
-            const tokenAuth = parseAuthenticateHeader(this.getResponseHeader('www-authenticate'));
+            const tokenAuth =
+              this.hasHeader('www-authenticate') && parseAuthenticateHeader(this.getResponseHeader('www-authenticate'));
             self.onAuthentication(tokenAuth, (bearer) => {
               const req = new XMLHttpRequest();
               req._url = self._url;
@@ -65,7 +66,7 @@ export class Http {
                 req.setRequestHeader(key, self._headers[key]);
               }
               if (bearer && bearer.token) {
-                req.setRequestHeader('Authorization', `Bearer ${bearer.token}`)
+                req.setRequestHeader('Authorization', `Bearer ${bearer.token}`);
               } else {
                 req.withCredentials = true;
               }