@teipublisher/pb-components 2.26.0-next-3.11 → 2.26.0-next-3.13

package/src/authority/kbga.js

@@ -1,156 +1,159 @@
-import { internalProperty } from "lit-element";
-import { Registry } from "./registry.js";
+import { internalProperty } from 'lit-element';
+import { Registry } from './registry.js';
 
 export class KBGA extends Registry {
-    
-    constructor(configElem) {
-        super(configElem);
-        this._api = configElem.getAttribute('api');
-        this._limit = configElem.getAttribute('limit') || 999999;
-    }
+  constructor(configElem) {
+    super(configElem);
+    this._api = configElem.getAttribute('api');
+    this._limit = configElem.getAttribute('limit') || 999999;
+  }
 
-    async query(key) {
-        const results = [];
-     
-        const register = this.getRegister();
-        const searchParam = register === 'bibls' ? 'biblsearch' : 'search';
-        const url = `https://meta.karl-barth.ch/api/${register}?${searchParam}=${encodeURIComponent(key)}&perPage=${this._limit}`;
-        const label = this.getLabelField();
-        return new Promise((resolve) => {
-            fetch(url)
-              .then(response => response.json())
-              .then(json => {
-                json.data.forEach(item => {
-                    
-                    if ((this._register === 'organization' && item.authority_type !== 'organisation') ||
-                        (this._register === 'person' && item.authority_type !== 'person')) {
-                      return;
-                    }
-                    const result = {
-                      register: this._register,
-                      id: (this._prefix ? `${this._prefix}:${item['full-id']}` : item['full-id']),
-                      label: typeof label === "string" ? item[label] : label(item),
-                      details: `${item['full-id']}`,
-                      link: `https://meta.karl-barth.ch/${register}/${item.id}`,
-                      strings: [typeof label === "string" ? item[label] : label(item)],
-                      provider: 'KBGA'
-                    };
-                    results.push(result);
-                });
-                resolve({
-                  totalItems: json.meta.total,
-                  items: results,
-                });
-              });
-        })
-    }
+  async query(key) {
+    const results = [];
 
-    info(key, container) {
-      if (!key) {
-        return Promise.resolve({});
-      }
-      const label = this.getLabelField();
-      return new Promise((resolve) => {
-        this.getRecord(key)
+    const register = this.getRegister();
+    const searchParam = register === 'bibls' ? 'biblsearch' : 'search';
+    const url = `https://meta.karl-barth.ch/api/${register}?${searchParam}=${encodeURIComponent(
+      key,
+    )}&perPage=${this._limit}`;
+    const label = this.getLabelField();
+    return new Promise(resolve => {
+      fetch(url)
+        .then(response => response.json())
         .then(json => {
-          const died = json.data.death ? `† ${json.data.death}` : '';
-          const dates = json.data.birth ? `<p>* ${json.data.birth} ${died}</p>` : '';
-          const note = json.data.note_bio ? `<p>${json.data.note_bio}</p>` : '';
-          const output = `
-            <h3 class="label"><a href="https://${json.wikipediaURL}" target="_blank">${typeof label === 'string' ? json.data[label] : label(json.data)}</a></h3>
+          json.data.forEach(item => {
+            if (
+              (this._register === 'organization' && item.authority_type !== 'organisation') ||
+              (this._register === 'person' && item.authority_type !== 'person')
+            ) {
+              return;
+            }
+            const result = {
+              register: this._register,
+              id: this._prefix ? `${this._prefix}:${item['full-id']}` : item['full-id'],
+              label: typeof label === 'string' ? item[label] : label(item),
+              details: `${item['full-id']}`,
+              link: `https://meta.karl-barth.ch/${register}/${item.id}`,
+              strings: [typeof label === 'string' ? item[label] : label(item)],
+              provider: 'KBGA',
+            };
+            results.push(result);
+          });
+          resolve({
+            totalItems: json.meta.total,
+            items: results,
+          });
+        });
+    });
+  }
+
+  info(key, container) {
+    if (!key) {
+      return Promise.resolve({});
+    }
+    const label = this.getLabelField();
+    return new Promise(resolve => {
+      this.getRecord(key).then(json => {
+        const died = json.data.death ? `† ${json.data.death}` : '';
+        const dates = json.data.birth ? `<p>* ${json.data.birth} ${died}</p>` : '';
+        const note = json.data.note_bio ? `<p>${json.data.note_bio}</p>` : '';
+        const output = `
+            <h3 class="label"><a href="https://${json.wikipediaURL}" target="_blank">${
+          typeof label === 'string' ? json.data[label] : label(json.data)
+        }</a></h3>
               ${dates}
               ${note}
           `;
-          container.innerHTML = output;
-          resolve({
-            id: json.data['full-id'],
-            strings: [typeof label === 'string' ? json.data[label] : label(json.data)]
-          });
+        container.innerHTML = output;
+        resolve({
+          id: json.data['full-id'],
+          strings: [typeof label === 'string' ? json.data[label] : label(json.data)],
         });
       });
-    }
+    });
+  }
 
-    /**
+  /**
    * Retrieve a raw JSON record for the given key as returned by the endpoint.
-   * 
+   *
    * @param {string} key the key to look up
    * @returns {Promise<any>} promise resolving to the JSON record returned by the endpoint
    */
   async getRecord(key) {
-    const id = key.replace(/^.*-([^-]+)$/, '$1')
+    const id = key.replace(/^.*-([^-]+)$/, '$1');
     return fetch(`https://meta.karl-barth.ch/api/${this.getRegister()}/${id}`)
-    .then(response => response.json())
-    .then(json => {
-      const output = Object.assign({}, json);
-      output.name = json.data[this.getLabelField()];
-      switch (this._register) {
-        case 'place':
-          output.country = json.data.country;
-          output.location = json.data.location.coordinates;
-          output.links = json.data.links.map((link) => link.url);
-          break;
-        case 'person':
-          output.birth = json.data.birth;
-          output.death = json.data.death;
-          output.note = json.data.note_bio;
-          output.links = [`https://${json.wikipediaURL}`];
-          break;
-        default:
-          break;
-      }
-      return output;
-    })
-    .catch((reason) => Promise.reject(reason));
-  }
-
-    getLabelField() {
-      let label;
-      switch (this._register) {
+      .then(response => response.json())
+      .then(json => {
+        const output = { ...json };
+        output.name = json.data[this.getLabelField()];
+        switch (this._register) {
           case 'place':
-              label = 'placeName_full';
-              break;
-          case 'term':
-              label = 'fullLabel';
-              break;
-          case 'abbreviation':
-              label = 'label';
-              break;
-          case 'bibl':
-          case 'songs':
-              label = 'asHtml';
-              break;
+            output.country = json.data.country;
+            output.location = json.data.location.coordinates;
+            output.links = json.data.links.map(link => link.url);
+            break;
+          case 'person':
+            output.birth = json.data.birth;
+            output.death = json.data.death;
+            output.note = json.data.note_bio;
+            output.links = [`https://${json.wikipediaURL}`];
+            break;
           default:
-              label = 'persName_full';
-              break;
-      }
-      return label;
+            break;
+        }
+        return output;
+      })
+      .catch(reason => Promise.reject(reason));
+  }
+
+  getLabelField() {
+    let label;
+    switch (this._register) {
+      case 'place':
+        label = 'placeName_full';
+        break;
+      case 'term':
+        label = 'fullLabel';
+        break;
+      case 'abbreviation':
+        label = 'label';
+        break;
+      case 'bibl':
+      case 'songs':
+        label = 'asHtml';
+        break;
+      default:
+        label = 'persName_full';
+        break;
     }
+    return label;
+  }
 
-    getRegister() {
-      if (this._api) {
-        return this._api;
-      }
-      let register;
-      switch(this._register) {
-        case 'person':
-        case 'organization':
-          register = 'actors';
-          break;
-        case 'place':
-          register = 'places';
-          break;
-        case 'term':
-          register = 'terms';
-          break;
-        case 'abbreviation':
-          register = 'abbreviations';
-          break;
-        case 'bibl':
-          register = 'bibls';
-          break;
-        default:
-          register = this._register;
-      }
-      return register;
+  getRegister() {
+    if (this._api) {
+      return this._api;
     }
-}
+    let register;
+    switch (this._register) {
+      case 'person':
+      case 'organization':
+        register = 'actors';
+        break;
+      case 'place':
+        register = 'places';
+        break;
+      case 'term':
+        register = 'terms';
+        break;
+      case 'abbreviation':
+        register = 'abbreviations';
+        break;
+      case 'bibl':
+        register = 'bibls';
+        break;
+      default:
+        register = this._register;
+    }
+    return register;
+  }
+}

package/src/authority/metagrid.js

@@ -2,42 +2,40 @@
 import { Registry } from './registry.js';
 
 export class Metagrid extends Registry {
-
   async query(key) {
     const query = key.replace(/[^\w\s]+/g, '');
     const results = [];
     const url = `https://api.metagrid.ch/search?query=${encodeURIComponent(query)}`;
-    
-    return new Promise((resolve) => {
-        fetch(url)
-        .then((response) => response.json())
-        .then((json) => {
-            json.resources.forEach(item => {
-              const name = `${item.metadata.last_name}, ${item.metadata.first_name} `;
-              const result = {
-                register: this._register,
-                id: `${item.provider.slug}-${item.identifier}`,
-                label: name,
-                details: `${item.metadata.birth_date} - ${item.metadata.death_date}`,
-                link: item.link.uri,
-                provider: item.provider.slug
-              };
-              results.push(result);
-            });
-            resolve({
-              totalItems: json.meta.total,
-              items: results,
-            });
+
+    return new Promise(resolve => {
+      fetch(url)
+        .then(response => response.json())
+        .then(json => {
+          json.resources.forEach(item => {
+            const name = `${item.metadata.last_name}, ${item.metadata.first_name} `;
+            const result = {
+              register: this._register,
+              id: `${item.provider.slug}-${item.identifier}`,
+              label: name,
+              details: `${item.metadata.birth_date} - ${item.metadata.death_date}`,
+              link: item.link.uri,
+              provider: item.provider.slug,
+            };
+            results.push(result);
+          });
+          resolve({
+            totalItems: json.meta.total,
+            items: results,
+          });
         });
-    })
+    });
   }
 
   info(key, container) {
     const p = key.indexOf('-');
     const slug = key.substring(0, p);
-    return new Promise((resolve) => {
-      this.getRecord(key)
-      .then(json => {
+    return new Promise(resolve => {
+      this.getRecord(key).then(json => {
         const output = `
           <h3 class="label">
             <a href="https://${json.link.uri}" target="_blank">
@@ -49,37 +47,37 @@ export class Metagrid extends Registry {
         container.innerHTML = output;
         resolve({
           id: `${slug}-${json.identifier}`,
-          strings: [`${json.metadata.first_name} ${json.metadata.last_name}`]
-        })
+          strings: [`${json.metadata.first_name} ${json.metadata.last_name}`],
+        });
       });
     });
   }
 
   /**
    * Retrieve a raw JSON record for the given key as returned by the endpoint.
-   * 
+   *
    * @param {string} key the key to look up
    * @returns {Promise<any>} promise resolving to the JSON record returned by the endpoint
    */
-   async getRecord(key) {
+  async getRecord(key) {
     const p = key.indexOf('-');
     const slug = key.substring(0, p);
     const id = key.substring(p + 1);
     return fetch(`https://api.metagrid.ch/search?slug=${slug}&query=${id}`)
-    .then(response => response.json())
-    .then(json => {
-      const item = json.resources[0];
-      const output = Object.assign({}, item);
-      output.name = `${item.metadata.first_name} ${item.metadata.last_name}`;
-      output.links = [`https://${item.link.uri}`];
-      if (item.metadata.birth_date && item.metadata.birth_date.length > 0) {
-        output.birth = item.metadata.birth_date;
-      }
-      if (item.metadata.death_date && item.metadata.death_date.length > 0) {
-        output.death = item.metadata.death_date;
-      }
-      return output;
-    })
-    .catch((reason) => Promise.reject(reason));
-}
+      .then(response => response.json())
+      .then(json => {
+        const item = json.resources[0];
+        const output = { ...item };
+        output.name = `${item.metadata.first_name} ${item.metadata.last_name}`;
+        output.links = [`https://${item.link.uri}`];
+        if (item.metadata.birth_date && item.metadata.birth_date.length > 0) {
+          output.birth = item.metadata.birth_date;
+        }
+        if (item.metadata.death_date && item.metadata.death_date.length > 0) {
+          output.death = item.metadata.death_date;
+        }
+        return output;
+      })
+      .catch(reason => Promise.reject(reason));
+  }
 }

package/src/authority/reconciliation.js

@@ -1,5 +1,5 @@
 /* eslint-disable class-methods-use-this */
-import { Registry } from './registry.js'
+import { Registry } from './registry.js';
 
 // Todo:
 // - strings <- types
@@ -7,26 +7,28 @@ import { Registry } from './registry.js'
 // - test with other providers, inside custom connector
 // - documentation
 
-async function getServiceManifest (endpoint) {
-	const response = await fetch(endpoint);
-	const data = await response.json();
+async function getServiceManifest(endpoint) {
+  const response = await fetch(endpoint);
+  const data = await response.json();
   return data;
 }
 
 export class ReconciliationService extends Registry {
   constructor(configElem) {
-    super(configElem)
+    super(configElem);
     this.endpoint = configElem.getAttribute('endpoint');
     this.debug = configElem.getAttribute('debug');
-    getServiceManifest(this.endpoint).then((result) => {
+    getServiceManifest(this.endpoint).then(result => {
       this.ORConfig = result;
       if (this.debug) {
         console.log(
-          'OpenReconcile connector for register \'%s\' at endpoint <%s>. Using config: %o',
-          this._register, this.endpoint, this.ORConfig
+          "OpenReconcile connector for register '%s' at endpoint <%s>. Using config: %o",
+          this._register,
+          this.endpoint,
+          this.ORConfig,
         );
       }
-    })
+    });
   }
 
   /**
@@ -37,57 +39,54 @@ export class ReconciliationService extends Registry {
   async query(key) {
     const results = [];
     const paramsObj = {
-                        q1: {
-                          query: key
-                        }
-                      };
+      q1: {
+        query: key,
+      },
+    };
 
-    return new Promise((resolve) => {
-        fetch(this.endpoint, {
-            method: 'POST',
-            headers: {
-              'Accept': 'application/json',
-              'Content-Type': 'application/x-www-form-urlencoded'
-            },
-            body: "queries=".concat(JSON.stringify(paramsObj))
-        })
-        .then((response) => response.json())
-        .then((json) => {
-            json.q1.result.forEach((item) => {
-              if (this.ORConfig.view) {
-                this.view = this.ORConfig.view.url.replace('{{id}}', item.id);
-              } else {
-                this.view = item.id;
-              }
-              if (item.description) {
-                this.description = item.description;
-              } else if (item.type) {
-                this.description = item.type.map(t => t.name.toString() ).join(', ')
-              } else {
-                this.description = ""
-              }
-              const result = {
-                  register: this._register,
-                  id: (this._prefix ? `${this._prefix}-${item.id}` : item.id),
-                  label: item.name,
-                  link: this.view,
-                  details: this.description,
-                  provider: 'OpenReconcile'
-              };
-              results.push(result);
-            });
-            if (this.debug) {
-              console.log(
-                  'OpenReconcile results: %o',
-                  results
-              );
+    return new Promise(resolve => {
+      fetch(this.endpoint, {
+        method: 'POST',
+        headers: {
+          Accept: 'application/json',
+          'Content-Type': 'application/x-www-form-urlencoded',
+        },
+        body: 'queries='.concat(JSON.stringify(paramsObj)),
+      })
+        .then(response => response.json())
+        .then(json => {
+          json.q1.result.forEach(item => {
+            if (this.ORConfig.view) {
+              this.view = this.ORConfig.view.url.replace('{{id}}', item.id);
+            } else {
+              this.view = item.id;
             }
-            resolve({
-                totalItems: json.q1.result.length,
-                items: results,
-            });
-        })
-    })
+            if (item.description) {
+              this.description = item.description;
+            } else if (item.type) {
+              this.description = item.type.map(t => t.name.toString()).join(', ');
+            } else {
+              this.description = '';
+            }
+            const result = {
+              register: this._register,
+              id: this._prefix ? `${this._prefix}-${item.id}` : item.id,
+              label: item.name,
+              link: this.view,
+              details: this.description,
+              provider: 'OpenReconcile',
+            };
+            results.push(result);
+          });
+          if (this.debug) {
+            console.log('OpenReconcile results: %o', results);
+          }
+          resolve({
+            totalItems: json.q1.result.length,
+            items: results,
+          });
+        });
+    });
   }
 
   /**
@@ -103,7 +102,7 @@ export class ReconciliationService extends Registry {
       return Promise.resolve({});
     }
     if (!this.ORConfig.preview) {
-      container.innerHTML = 'no \'preview\' information in endpoint\'s manifest';
+      container.innerHTML = "no 'preview' information in endpoint's manifest";
       return Promise.resolve();
     }
 
@@ -111,14 +110,14 @@ export class ReconciliationService extends Registry {
       const rawid = this._prefix ? id.substring(this._prefix.length + 1) : id;
       const url = this.ORConfig.preview.url.replace('{{id}}', encodeURIComponent(rawid));
       fetch(url)
-      .then(response => response.text())
-      .then((output) => {
-        container.innerHTML = output;
-        resolve({
-          id: this._prefix ? `${this._prefix}-${rawid}` : rawid
-        });
-      })
-      .catch(() => reject());
+        .then(response => response.text())
+        .then(output => {
+          container.innerHTML = output;
+          resolve({
+            id: this._prefix ? `${this._prefix}-${rawid}` : rawid,
+          });
+        })
+        .catch(() => reject());
     });
   }
 }

package/src/authority/registry.js

@@ -29,11 +29,11 @@ export class Registry {
   set name(name) {
     this._register = name;
   }
-  
+
   get editable() {
     return false;
   }
-  
+
   /**
    * Query the authority and return a RegistryResult.
    *
@@ -69,11 +69,11 @@ export class Registry {
 
   /**
    * Retrieve a raw JSON record for the given key as returned by the endpoint.
-   * 
+   *
    * @param {string} key the key to look up
    * @returns {Promise<any>} promise resolving to the JSON record returned by the endpoint
    */
   async getRecord(key) {
-      return Promise.reject();
+    return Promise.reject();
   }
 }

package/src/docs/pb-component-docs.js

@@ -8,7 +8,7 @@ import { PbComponentView } from './pb-component-view.js';
 /**
  * An API viewer for webcomponents based on the JSON format produced
  * by web-component-analyzer.
- * 
+ *
  * @slot logo - HTML to show as logo on top of the drawer
  * @listens pb-api-component if another webcomponent should be shown
  */
@@ -171,4 +171,4 @@ export class PbComponentDocs extends LitElement {
         `;
     }
 }
-customElements.define('pb-component-docs', PbComponentDocs);
+customElements.define('pb-component-docs', PbComponentDocs);