If you are using this already, consider changes soon due the discussion around current ESX proposal.
Feel free to keep an eye on udomsay as that will be the implementation reference for consumers.
Andrea Giammarchi WebReflection
🎯
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // now an npm package qith 100% code coverage: | |
| // https://github.com/WebReflection/endow#endow--- | |
| // (c) Andrea Giammarchi, @WebReflection (ISC) | |
| const mix = Super => ({ | |
| with: (...mixins) => | |
| mixins.reduce( | |
| (Class, Mixin) => { | |
| Class = Mixin(Class); | |
| if (!Mixin.hasOwnProperty(Symbol.hasInstance)) { |
WebReflection
/ handle-event-doodle.md
Last active
April 12, 2024 09:54
The `handleEvent` ASCII doodle
This gist summarizes the handleEvent(event) pattern features, something standard, something described by me many times, written in my tiny book, tweeted about, and yet it's something most Web developers ignore.
┌---------------------------------┐
var handler = { | any object that inherits or |
Save this file as ai2svg, make it executable via chmod +x ai2svg then run it optionally passing the folder to look for.
It will convert in that folder, or the current one, all .ai files into .svg
#!/usr/bin/bash
createsvg() {
local margin="$1"
local d
WebReflection
/ executable-standalone-module.md
Last active
March 4, 2024 20:55
NodeJS Executable Standalone Module
If you're OK in having a node-esm executable, please consider this solution.
#!/usr/bin/env sh
# the /usr/local/bin/node-esm executable
input_file=$1
shift
exec node --input-type=module - $@ <$input_file
WebReflection
/ custom-elements-pattern.md
Last active
February 14, 2024 00:13
Handy Custom Elements' Patterns
This gist is a collection of common patterns I've personally used here and there with Custom Elements.
These patterns are all basic suggestions that could be improved, enriched, readapted, accordingly with your needs.
WebReflection
/ dom-libraries.md
Last active
February 6, 2024 15:50
A recap of my FE / DOM related libraries
a gist to recap the current status, also available as library picker!
do one thing only and do it well
- µhtml (HTML/SVG auto-keyed and manual keyed render)
- augmentor (hooks for anything)
- wickedElements (custom elements without custom elements ... wait, what?)
WebReflection
/ gist:15fc0a2bbdd5afc7a669
Last active
January 16, 2024 01:03
Disable multile submits
Coming from this post, the solution is very simple and doesn't need jQuery.
This is the function that will disable multiple submits to any form that has such attribute
function disableMultipleSubmits() { // by Andrea Giammarchi - WTFPL
Array.prototype.forEach.call(
document.querySelectorAll('form[disablemultiplesubmits]'),
function (form) {
form.addEventListener('submit', this, true);
This is a personal reminder about few things I need to remember wheneve I install the most basic Gnome on ArchLinux.
bash <(curl -s https://archibold.io/install/gnome)This will install automatically pamac-aur, Firefox, and many other common software so that the rest of this document could be ignore.
WebReflection
/ uce-vs-lit-element.md
Last active
January 8, 2024 07:16
A very simple comparison table between uce and lit-element.
uce vs lit-element
A very simple comparison table between these two libraries.
| uce | lit-element | |
|---|---|---|
| version | 1.11.9 | 2.4.0 |
| license | ISC (simplified MIT) | BSD-3-Clause License |
| language | JS w/ TS definition | TS w/ JS transpilation |
| size ( brotli ) | 9437b ES5 / 6811b ES2015+ | 8634b ES5 / 6708b ES2015+ |
NewerOlder