a function for generating getters and setters for custom element classes

cgs.js

function cgs(param) {
	if (Array.isArray(param)) var [attr, defaultValue] = param;
	else var attr = param;
	const descriptor = {
		set: function(value) {
			this.setAttribute(attr, value);
		},
		configurable: true,
	};

	if (defaultValue) {
		descriptor.get = function(){
			return this.getAttribute(attr) || defaultValue;
		}
	} else {
		descriptor.get = function(){
			return this.getAttribute(attr);
		}
	}

	Object.defineProperty(this.constructor.prototype, attr, descriptor);
}

create-getters-and-setters.js

function createGettersAndSetters(gs) {
	let str = ``;
	for (let name of gs) {
		str += `get ${name}() {
	return this.getAttribute(\`${name}\`);
}

set ${name}(value) {
	this.setAttribute(\`${name}\`, value);
}

`
	}

	console.log(str.slice(0, -2));
}