PetaliaConnector.ts

import {$hell} from './$hell.js';
export class PetaliaConnector{
    camelToSnake(string) {
        return string.replace(/[\w]([A-Z])/g, function(m) {
            return m[0] + "-" + m[1];
        }).toLowerCase();
    }
    destProps: {[key: string]: string} = {};
    constructor(public el1: HTMLElement, public el0: HTMLElement){
        const props = $hell.getProperties(el0);
        for(const key in props){
            this.destProps[key] = key;
        }
        const de = el1.dispatchEvent.bind(el1);
        el1.dispatchEvent = e => {
          console.log('Evt', e);
          console.log(`
    <p-d on=${e.type} to=${el0.localName}[-${this._destProp}] val=pleaseProvideFromEvt m=1 skip-init></p-d>
          `)
          return de(e);
        };
    }
    _destProp: string = 'please specify destProp';
    set destProp(val){
        const lispCase = this.camelToSnake(val);
        this._destProp = lispCase;
        if(!this.el0.hasAttribute('-' + lispCase)){
            console.log('Please remember to add attribute ' + '-' + lispCase + ' to ' + this.el0.localName);
        }
    }
    get destProp(){
        return this._destProp;
    }
}