@teipublisher/pb-components 2.26.1-next.3 → 3.0.0

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);

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

@@ -57,7 +57,7 @@ function _renderSection(title, data, hasDefaults = false) {
 
 /**
  * Core viewer showing the element documentation and demos.
- * 
+ *
  * @cssprop --pb-header-background-color - Background color of the header
  * @cssprop --pb-header-color - Color of header text
  */
@@ -235,7 +235,7 @@ export class PbComponentView extends LitElement {
             }
 
             h1, h2 {
-                font-family: "Oswald",Verdana,"Helvetica", sans-serif; 
+                font-family: "Oswald",Verdana,"Helvetica", sans-serif;
                 font-weight: 400;
                 line-height: 1.2;
             }
@@ -266,7 +266,7 @@ export class PbComponentView extends LitElement {
                 margin-left: 10px;
                 margin-right: 20px;
             }
-            
+
             iframe {
                 border: 0;
                 width: 100%;
@@ -284,7 +284,7 @@ export class PbComponentView extends LitElement {
                 padding-bottom: 8px;
                 border-bottom: 1px solid #a0a0a0;
             }
-            
+
             td {
                 padding: 8px 4px;
                 width: 25%;
@@ -307,4 +307,4 @@ export class PbComponentView extends LitElement {
         `;
     }
 }
-customElements.define('pb-component-view', PbComponentView);
+customElements.define('pb-component-view', PbComponentView);

package/src/docs/pb-components-list.js

@@ -3,7 +3,7 @@ import '@polymer/paper-item';
 
 /**
  * Displays a list of components to view.
- * 
+ *
  * @fires pb-api-component if a component name is clicked
  */
 export class PbComponentsList extends LitElement {
@@ -61,4 +61,4 @@ export class PbComponentsList extends LitElement {
         }));
     }
 }
-customElements.define('pb-components-list', PbComponentsList);
+customElements.define('pb-components-list', PbComponentsList);

package/src/docs/pb-demo-snippet.js

@@ -6,7 +6,7 @@ const codePenEndpoint = "https://teipublisher.com/exist/apps/tei-publisher";
 
 /**
  * Viewer for demo code.
- * 
+ *
  * @customElement  pb-demo-snippet
  * @polymer
  * @appliesMixin pbMixin
@@ -201,4 +201,4 @@ ${PbDemoSnippet.removeIndent(css)}`;
         `;
     }
 }
-customElements.define('pb-demo-snippet', PbDemoSnippet);
+customElements.define('pb-demo-snippet', PbDemoSnippet);