@peculiar/certificates-viewer 2.0.1 → 2.0.2-alpha.0

package/dist/collection/components/certificate-decoder/certificate-decoder.js

@@ -1,3 +1,6 @@
+/*!
+ * © Peculiar Ventures https://peculiarventures.com/ - MIT License
+ */
 /**
  * @license
  * Copyright (c) Peculiar Ventures, LLC.
@@ -9,165 +12,165 @@ import { Component, Host, h, State, Prop, } from '@stencil/core';
 import { validator, history, readAsBinaryString } from '../../utils';
 import { X509Certificate, X509AttributeCertificate, CSR } from '../../crypto';
 export class CertificateDecoder {
-    constructor() {
-        this.onClickDecode = () => {
-            const { value } = this.inputPaste;
-            if (value) {
-                this.decode(value);
-            }
-        };
-        this.onClickExample = () => {
-            this.decode(this.certificateExample);
-        };
-        this.onClickClear = () => {
-            this.clearValue();
-        };
-        this.onChangeInputFile = async (e) => {
-            const element = e.target;
-            if (element.files) {
-                const file = await readAsBinaryString(element.files[0]);
-                if (typeof file.value === 'string') {
-                    this.decode(file.value);
-                }
-                element.value = '';
-            }
-        };
-        this.onDropFile = async (e) => {
-            e.stopPropagation();
-            e.preventDefault();
-            const element = e.dataTransfer;
-            if (element.files) {
-                const file = await readAsBinaryString(element.files[0]);
-                if (typeof file.value === 'string') {
-                    this.decode(file.value);
-                }
-            }
-        };
-    }
-    componentDidLoad() {
-        const parsedHash = history.parseHash(window.location.search);
-        if (parsedHash.cert) {
-            /**
-             * Prevent Stencil warning about re-render
-             */
-            setTimeout(() => this.decode(parsedHash.cert), 100);
+  constructor() {
+    this.onClickDecode = () => {
+      const { value } = this.inputPaste;
+      if (value) {
+        this.decode(value);
+      }
+    };
+    this.onClickExample = () => {
+      this.decode(this.certificateExample);
+    };
+    this.onClickClear = () => {
+      this.clearValue();
+    };
+    this.onChangeInputFile = async (e) => {
+      const element = e.target;
+      if (element.files) {
+        const file = await readAsBinaryString(element.files[0]);
+        if (typeof file.value === 'string') {
+          this.decode(file.value);
+        }
+        element.value = '';
+      }
+    };
+    this.onDropFile = async (e) => {
+      e.stopPropagation();
+      e.preventDefault();
+      const element = e.dataTransfer;
+      if (element.files) {
+        const file = await readAsBinaryString(element.files[0]);
+        if (typeof file.value === 'string') {
+          this.decode(file.value);
         }
+      }
+    };
+  }
+  componentDidLoad() {
+    const parsedHash = history.parseHash(window.location.search);
+    if (parsedHash.cert) {
+      /**
+       * Prevent Stencil warning about re-render
+       */
+      setTimeout(() => this.decode(parsedHash.cert), 100);
     }
-    clearValue() {
-        this.inputPaste.value = '';
-        this.certificateDecoded = null;
-        history.replace({ search: '' });
+  }
+  clearValue() {
+    this.inputPaste.value = '';
+    this.certificateDecoded = null;
+    history.replace({ search: '' });
+  }
+  setValue(value) {
+    this.certificateDecoded = value;
+    this.inputPaste.value = value.exportAsPemFormatted();
+    history.replace({
+      search: history.queryStringify({
+        cert: value.exportAsBase64(),
+      }),
+    });
+  }
+  decode(certificate) {
+    const isPem = validator.isPem(certificate);
+    const isX509Pem = validator.isX509Pem(certificate);
+    const isPkcs10Pem = validator.isPkcs10Pem(certificate);
+    const isX509AttributePem = validator.isX509AttributePem(certificate);
+    let decoded;
+    let decodeError;
+    if (isPem && !(isX509Pem || isX509AttributePem || isPkcs10Pem)) {
+      this.clearValue();
+      alert('Unsupported file type. Please try to use Certificate/AttributeCertificate/CertificateRequest.');
+      return;
     }
-    setValue(value) {
-        this.certificateDecoded = value;
-        this.inputPaste.value = value.exportAsPemFormatted();
-        history.replace({
-            search: history.queryStringify({
-                cert: value.exportAsBase64(),
-            }),
-        });
+    try {
+      if (isX509Pem) {
+        decoded = new X509Certificate(certificate);
+      }
+      if (isX509AttributePem) {
+        decoded = new X509AttributeCertificate(certificate);
+      }
+      if (isPkcs10Pem) {
+        decoded = new CSR(certificate);
+      }
     }
-    decode(certificate) {
-        const isPem = validator.isPem(certificate);
-        const isX509Pem = validator.isX509Pem(certificate);
-        const isPkcs10Pem = validator.isPkcs10Pem(certificate);
-        const isX509AttributePem = validator.isX509AttributePem(certificate);
-        let decoded;
-        let decodeError;
-        if (isPem && !(isX509Pem || isX509AttributePem || isPkcs10Pem)) {
-            this.clearValue();
-            alert('Unsupported file type. Please try to use Certificate/AttributeCertificate/CertificateRequest.');
-            return;
-        }
-        try {
-            if (isX509Pem) {
-                decoded = new X509Certificate(certificate);
-            }
-            if (isX509AttributePem) {
-                decoded = new X509AttributeCertificate(certificate);
-            }
-            if (isPkcs10Pem) {
-                decoded = new CSR(certificate);
-            }
-        }
-        catch (error) {
-            decodeError = error;
-        }
-        if (!decoded) {
-            try {
-                decoded = new X509Certificate(certificate);
-            }
-            catch (error) {
-                decodeError = error;
-            }
-        }
-        if (!decoded) {
-            try {
-                decoded = new X509AttributeCertificate(certificate);
-            }
-            catch (error) {
-                decodeError = error;
-            }
-        }
-        if (!decoded) {
-            try {
-                decoded = new CSR(certificate);
-            }
-            catch (error) {
-                decodeError = error;
-            }
-        }
-        if (!decoded) {
-            this.clearValue();
-            console.log(decodeError);
-            alert('Error decoding file. Please try to use Certificate/AttributeCertificate/CertificateRequest.');
-        }
-        else {
-            this.setValue(decoded);
-        }
+    catch (error) {
+      decodeError = error;
     }
-    render() {
-        return (h(Host, null,
-            h("textarea", { placeholder: "Certificate DER or PEM", class: "textarea", ref: (el) => { this.inputPaste = el; }, onDrop: this.onDropFile }),
-            h("div", { class: "controls" },
-                h("peculiar-button", { fill: "fill", class: "button", onClick: this.onClickDecode }, "Decode"),
-                h("peculiar-button", { class: "button" },
-                    "Choose file",
-                    h("input", { type: "file", class: "input_file", accept: "application/pkix-cert,application/x-x509-ca-cert,application/x-x509-user-cert,application/pkcs10,.csr,.req", onChange: this.onChangeInputFile, value: "" })),
-                h("peculiar-button", { class: "button", onClick: this.onClickClear }, "Clear"),
-                this.certificateExample && (h("peculiar-button", { class: "button", onClick: this.onClickExample }, "Example"))),
-            this.certificateDecoded instanceof X509Certificate && (h("peculiar-certificate-viewer", { certificate: this.certificateDecoded, class: "viewer", download: true })),
-            this.certificateDecoded instanceof X509AttributeCertificate && (h("peculiar-attribute-certificate-viewer", { certificate: this.certificateDecoded, class: "viewer", download: true })),
-            this.certificateDecoded instanceof CSR && (h("peculiar-csr-viewer", { certificate: this.certificateDecoded, class: "viewer", download: true }))));
+    if (!decoded) {
+      try {
+        decoded = new X509Certificate(certificate);
+      }
+      catch (error) {
+        decodeError = error;
+      }
     }
-    static get is() { return "peculiar-certificate-decoder"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() { return {
-        "$": ["certificate-decoder.scss"]
-    }; }
-    static get styleUrls() { return {
-        "$": ["certificate-decoder.css"]
-    }; }
-    static get properties() { return {
-        "certificateExample": {
-            "type": "string",
-            "mutable": false,
-            "complexType": {
-                "original": "string",
-                "resolved": "string",
-                "references": {}
-            },
-            "required": false,
-            "optional": true,
-            "docs": {
-                "tags": [],
-                "text": "The example certificate value for decode and show details. Use PEM or DER."
-            },
-            "attribute": "certificate-example",
-            "reflect": false
-        }
-    }; }
-    static get states() { return {
-        "certificateDecoded": {}
-    }; }
+    if (!decoded) {
+      try {
+        decoded = new X509AttributeCertificate(certificate);
+      }
+      catch (error) {
+        decodeError = error;
+      }
+    }
+    if (!decoded) {
+      try {
+        decoded = new CSR(certificate);
+      }
+      catch (error) {
+        decodeError = error;
+      }
+    }
+    if (!decoded) {
+      this.clearValue();
+      console.log(decodeError);
+      alert('Error decoding file. Please try to use Certificate/AttributeCertificate/CertificateRequest.');
+    }
+    else {
+      this.setValue(decoded);
+    }
+  }
+  render() {
+    return (h(Host, null,
+      h("textarea", { placeholder: "Certificate DER or PEM", class: "textarea", ref: (el) => { this.inputPaste = el; }, onDrop: this.onDropFile }),
+      h("div", { class: "controls" },
+        h("peculiar-button", { fill: "fill", class: "button", onClick: this.onClickDecode }, "Decode"),
+        h("peculiar-button", { class: "button" },
+          "Choose file",
+          h("input", { type: "file", class: "input_file", accept: "application/pkix-cert,application/x-x509-ca-cert,application/x-x509-user-cert,application/pkcs10,.csr,.req", onChange: this.onChangeInputFile, value: "" })),
+        h("peculiar-button", { class: "button", onClick: this.onClickClear }, "Clear"),
+        this.certificateExample && (h("peculiar-button", { class: "button", onClick: this.onClickExample }, "Example"))),
+      this.certificateDecoded instanceof X509Certificate && (h("peculiar-certificate-viewer", { certificate: this.certificateDecoded, class: "viewer", download: true })),
+      this.certificateDecoded instanceof X509AttributeCertificate && (h("peculiar-attribute-certificate-viewer", { certificate: this.certificateDecoded, class: "viewer", download: true })),
+      this.certificateDecoded instanceof CSR && (h("peculiar-csr-viewer", { certificate: this.certificateDecoded, class: "viewer", download: true }))));
+  }
+  static get is() { return "peculiar-certificate-decoder"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["certificate-decoder.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["certificate-decoder.css"]
+  }; }
+  static get properties() { return {
+    "certificateExample": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": "The example certificate value for decode and show details. Use PEM or DER."
+      },
+      "attribute": "certificate-example",
+      "reflect": false
+    }
+  }; }
+  static get states() { return {
+    "certificateDecoded": {}
+  }; }
 }

package/dist/collection/components/certificate-summary/certificate-summary.js

@@ -1,3 +1,6 @@
+/*!
+ * © Peculiar Ventures https://peculiarventures.com/ - MIT License
+ */
 /**
  * @license
  * Copyright (c) Peculiar Ventures, LLC.
@@ -8,77 +11,77 @@
 import { Component, Host, h, Prop, } from '@stencil/core';
 import { dateShort, l10n } from '../../utils';
 export class CertificateSummary {
-    constructor() {
-        this.showIssuer = true;
-    }
-    // eslint-disable-next-line class-methods-use-this
-    renderRow(name, value, monospace) {
-        return (h("tr", null,
-            h("td", null,
-                h("peculiar-typography", { color: "grey_5" },
-                    name,
-                    ":")),
-            h("td", null,
-                h("peculiar-typography", { class: "meta_value", monospace: monospace }, value))));
-    }
-    render() {
-        return (h(Host, null,
-            h("table", null,
-                h("tbody", null,
-                    this.renderRow(l10n.getString('subjectName'), this.certificate.subjectToString()),
-                    this.showIssuer && this.renderRow(l10n.getString('issuerName'), this.certificate.issuerToString()),
-                    this.renderRow(l10n.getString('serialNumber'), this.certificate.serialNumber, true),
-                    this.renderRow(l10n.getString('version'), this.certificate.version),
-                    this.renderRow(l10n.getString('validity'), this.certificate.validity),
-                    this.renderRow(l10n.getString('issued'), dateShort(this.certificate.notBefore)),
-                    this.renderRow(l10n.getString('expired'), dateShort(this.certificate.notAfter))))));
-    }
-    static get is() { return "peculiar-certificate-summary"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() { return {
-        "$": ["certificate-summary.scss"]
-    }; }
-    static get styleUrls() { return {
-        "$": ["certificate-summary.css"]
-    }; }
-    static get properties() { return {
-        "certificate": {
-            "type": "unknown",
-            "mutable": false,
-            "complexType": {
-                "original": "X509Certificate",
-                "resolved": "X509Certificate",
-                "references": {
-                    "X509Certificate": {
-                        "location": "import",
-                        "path": "../../crypto"
-                    }
-                }
-            },
-            "required": false,
-            "optional": false,
-            "docs": {
-                "tags": [],
-                "text": ""
-            }
-        },
-        "showIssuer": {
-            "type": "boolean",
-            "mutable": false,
-            "complexType": {
-                "original": "boolean",
-                "resolved": "boolean",
-                "references": {}
-            },
-            "required": false,
-            "optional": true,
-            "docs": {
-                "tags": [],
-                "text": ""
-            },
-            "attribute": "show-issuer",
-            "reflect": false,
-            "defaultValue": "true"
+  constructor() {
+    this.showIssuer = true;
+  }
+  // eslint-disable-next-line class-methods-use-this
+  renderRow(name, value, monospace) {
+    return (h("tr", null,
+      h("td", null,
+        h("peculiar-typography", { color: "grey_5" },
+          name,
+          ":")),
+      h("td", null,
+        h("peculiar-typography", { class: "meta_value", monospace: monospace }, value))));
+  }
+  render() {
+    return (h(Host, null,
+      h("table", null,
+        h("tbody", null,
+          this.renderRow(l10n.getString('subjectName'), this.certificate.subjectToString()),
+          this.showIssuer && this.renderRow(l10n.getString('issuerName'), this.certificate.issuerToString()),
+          this.renderRow(l10n.getString('serialNumber'), this.certificate.serialNumber, true),
+          this.renderRow(l10n.getString('version'), this.certificate.version),
+          this.renderRow(l10n.getString('validity'), this.certificate.validity),
+          this.renderRow(l10n.getString('issued'), dateShort(this.certificate.notBefore)),
+          this.renderRow(l10n.getString('expired'), dateShort(this.certificate.notAfter))))));
+  }
+  static get is() { return "peculiar-certificate-summary"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["certificate-summary.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["certificate-summary.css"]
+  }; }
+  static get properties() { return {
+    "certificate": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "X509Certificate",
+        "resolved": "X509Certificate",
+        "references": {
+          "X509Certificate": {
+            "location": "import",
+            "path": "../../crypto"
+          }
         }
-    }; }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      }
+    },
+    "showIssuer": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "show-issuer",
+      "reflect": false,
+      "defaultValue": "true"
+    }
+  }; }
 }

package/dist/collection/components/certificate-viewer/attributes/activity_description_attribute.js

@@ -1,3 +1,6 @@
+/*!
+ * © Peculiar Ventures https://peculiarventures.com/ - MIT License
+ */
 /**
  * @license
  * Copyright (c) Peculiar Ventures, LLC.
@@ -10,12 +13,12 @@ import { BasicAttribute } from './basic_attribute';
 import { GeneralNamePart } from '../extensions/general_name_part';
 import { RowValue } from '../row';
 export const ActivityDescriptionAttribute = (props) => {
-    const { attribute } = props;
-    return (h(BasicAttribute, { attribute: attribute },
-        h(RowValue, { name: "Code Authority", value: "" }),
-        h(GeneralNamePart, { generalName: attribute.value.codeAuthority, getDNSNameLink: () => '', getIPAddressLink: () => '' }),
-        h(RowValue, { name: "Code Id", value: "" }),
-        h(GeneralNamePart, { generalName: attribute.value.codeId, getDNSNameLink: () => '', getIPAddressLink: () => '' }),
-        h(RowValue, { name: "Short Name", value: attribute.value.shortName }),
-        h(RowValue, { name: "Short Description", value: attribute.value.shortDescription })));
+  const { attribute } = props;
+  return (h(BasicAttribute, { attribute: attribute },
+    h(RowValue, { name: "Code Authority", value: "" }),
+    h(GeneralNamePart, { generalName: attribute.value.codeAuthority, getDNSNameLink: () => '', getIPAddressLink: () => '' }),
+    h(RowValue, { name: "Code Id", value: "" }),
+    h(GeneralNamePart, { generalName: attribute.value.codeId, getDNSNameLink: () => '', getIPAddressLink: () => '' }),
+    h(RowValue, { name: "Short Name", value: attribute.value.shortName }),
+    h(RowValue, { name: "Short Description", value: attribute.value.shortDescription })));
 };

package/dist/collection/components/certificate-viewer/attributes/as_string_attribute.js

@@ -1,3 +1,6 @@
+/*!
+ * © Peculiar Ventures https://peculiarventures.com/ - MIT License
+ */
 /**
  * @license
  * Copyright (c) Peculiar Ventures, LLC.
@@ -9,7 +12,7 @@ import { h } from '@stencil/core';
 import { BasicAttribute } from './basic_attribute';
 import { RowValue } from '../row';
 export const AsStringAttribute = (props) => {
-    const { attribute } = props;
-    return (h(BasicAttribute, { attribute: attribute },
-        h(RowValue, { name: "Value", value: attribute.value, monospace: true })));
+  const { attribute } = props;
+  return (h(BasicAttribute, { attribute: attribute },
+    h(RowValue, { name: "Value", value: attribute.value, monospace: true })));
 };

package/dist/collection/components/certificate-viewer/attributes/basic_attribute.js

@@ -1,3 +1,6 @@
+/*!
+ * © Peculiar Ventures https://peculiarventures.com/ - MIT License
+ */
 /**
  * @license
  * Copyright (c) Peculiar Ventures, LLC.
@@ -9,12 +12,12 @@ import { h } from '@stencil/core';
 import { getStringByOID } from '../get_string_by_oid';
 import { RowValue } from '../row';
 export const BasicAttribute = (props, children) => {
-    const { attribute } = props;
-    return ([
-        h(RowValue, { name: "Name", value: getStringByOID(attribute.asn.type) }),
-        children,
-        h("tr", null,
-            h("td", { colSpan: 2, class: "divider" },
-                h("span", { class: "bg_fill" }))),
-    ]);
+  const { attribute } = props;
+  return ([
+    h(RowValue, { name: "Name", value: getStringByOID(attribute.asn.type) }),
+    children,
+    h("tr", null,
+      h("td", { colSpan: 2, class: "divider" },
+        h("span", { class: "bg_fill" }))),
+  ]);
 };

package/dist/collection/components/certificate-viewer/attributes/challenge_password_attribute.js

@@ -1,3 +1,6 @@
+/*!
+ * © Peculiar Ventures https://peculiarventures.com/ - MIT License
+ */
 /**
  * @license
  * Copyright (c) Peculiar Ventures, LLC.
@@ -9,7 +12,7 @@ import { h } from '@stencil/core';
 import { BasicAttribute } from './basic_attribute';
 import { RowValue } from '../row';
 export const ChallengePasswordAttribute = (props) => {
-    const { attribute } = props;
-    return (h(BasicAttribute, { attribute: attribute },
-        h(RowValue, { name: "Value", value: attribute.value.toString() })));
+  const { attribute } = props;
+  return (h(BasicAttribute, { attribute: attribute },
+    h(RowValue, { name: "Value", value: attribute.value.toString() })));
 };