Updated

Author: djthorpe

.github/workflows/lint.yaml

@@ -1,4 +1,4 @@
-name: Publish Docs on Push to main
+name: Lint on Push to main
 on:
   push:
     branches:

config/esbuild.config.mjs

@@ -13,27 +13,22 @@ const commonOptions = {
     '.otf': 'file',
     '.html': 'copy',
     '.json': 'copy',
-  }
+  },
+  logLevel: 'info',
 };
 
 if (process.env.NODE_ENV === 'production') {
   await esbuild.build({
     ...commonOptions,
     minify: true,
     sourcemap: false,
-    define: {
-      'process.env.NODE_ENV': '"production"',
-    },
   }).catch(() => process.exit(1));
 } else {
   commonOptions.entryPoints.push('example/index.html', 'example/data.json');
   let ctx = await esbuild.context({
     ...commonOptions,
     minify: false,
     sourcemap: true,
-    define: {
-      'process.env.NODE_ENV': '"development"',
-    },
   })
 
   let { host, port } = await ctx.serve({

example/index.html

@@ -13,7 +13,7 @@
     <js-container>
         <js-tag transform="uppercase">Data</js-tag>
         <!-- where the data comes from -->
-        <js-provider id="provider" path="data.json" interval="5"></js-provider>
+        <js-provider id="provider" origin="http://localhost:8080/" path="aktek/sync" interval="5"></js-provider>
 
         <!-- model -->
         <js-array id="array" provider="#provider"></js-array>

src/core/ProviderElement.js

@@ -120,7 +120,7 @@ export class ProviderElement extends LitElement {
 
   #pathChanged(newVal, oldVal) {
     if (newVal) {
-      if(newVal !== oldVal) {
+      if (newVal !== oldVal) {
         this.fetch();
       }
     } else {
@@ -130,7 +130,7 @@ export class ProviderElement extends LitElement {
 
   #intervalChanged(newVal, oldVal) {
     if (newVal) {
-      if(newVal !== oldVal) {
+      if (newVal !== oldVal) {
         this.fetch();
       }
     } else {
@@ -193,12 +193,12 @@ export class ProviderElement extends LitElement {
   #fetchdata(data) {
     if (typeof data == "string") {
       this.#fetchtext(data);
-    } else if (data instanceof Array) {
-      data.forEach((item) => {
-        this.#fetchobject(data);
-      });      
+    } else if (Array.isArray(data)) {
+      data.forEach((item) => {    
+        this.#fetchobject(item);    
+      });
     } else if (data instanceof Object) {
-      this.#fetchobject(data);
+      this.#fetchobject(data);    
     } else {
       this.#fetchblob(data);
     }