/* eslint-disable */

 import { GenericFunction, around_qualifier } from "../src/genfuns";

 function zipWith(fn, ...args) {

   const minLen = Math.min(...args.map(x => x.length));
   const res = [];

   for (let x = 0; x < minLen; x++) {
     res.push(fn(...args.map(a => a[x])));
   }

   return res;

 }
 

 const gf = GenericFunction("foobar", ["a", "b"])
   .before([Object, Array], function (a, b) {
     console.log("in before", this.next_method_p);
   })
   .primary([Object, Array], function (a, b) {
     console.info("next_result: ", this.call_next_method(), this.next_method_p);
     return [a, ...b];
   })
   .primary([Object, Object], function (thing, single) {
     console.log("hello from previous method", this.next_method_p);
     return [thing, single];
   })
   .after([Number, Array], function (a, b) {
     console.log(`in after for ${a}`, this.next_method_p);
   }).fn;

 
 function groupGFMessages(gf) {

   return gf.method([around_qualifier], [Object, Object], function (a, b) {
     console.groupCollapsed(gf.name);
     try {
       return this.call_next_method();
     } finally {
       console.groupEnd();
     }
   });

 }
 
 groupGFMessages(gf.gf);
 

 console.log(gf(2, ["asdf"]));

 const gf2 = GenericFunction("another", ["a"])
   .primary([Object], function (a) {
     return { value: a };
   })
   .method([around_qualifier], [Number], function (thing) {
     console.log("before next method in number around");
     const val = this.call_next_method();
     console.log("after next method in number around", val);
     return { was_num: true, ...val };
   })
   .method([around_qualifier], [Object], function (thing) {
     console.log("before next method in generic around");
     const val = this.call_next_method();
     console.log("after next method in generic around", val);
     return { was_obj: true, ...val };
   });

 
 function MyStore() {

   this.name = "foo";
   this.address = "1234 asdfadfd";

 }
 

 class NameField extends HTMLElement {
   constructor() {
     super();
     const style = document.createElement("style");

     this.appendChild(style);

   }
 }
 customElements.define("the-name", NameField);

 
 class AddressField extends HTMLElement {

   constructor() {
     super();
   }

 }

 customElements.define("the-address", AddressField);

 const renderFn = defgeneric("dorender", ["component", "el"])
   .primary([MyStore, NameField], function (comp, heading) {
     console.log("heading el", this.next_method_p);
     heading.textContent = comp.name;
   })
   .primary([MyStore, AddressField], function (comp, el) {
     console.log("address el", this.next_method_p);
     el.textContent = comp.address;
   })
   .primary([MyStore, HTMLElement], function (comp, el) {
     console.log("HtmlElement el ", el, this.next_method_p);
     renderFn.fn(comp, el.querySelector("the-name"));
     renderFn.fn(comp, el.querySelector("the-address"));
   })
   .before([Object, HTMLElement], function (_, el) {
     console.log("has next? ", this.next_method_p);
   });

 renderFn.fn(new MyStore(), document.querySelector("section"));