dfkaye

// 13 May 2023
// SHA3 512-bit encoding function in JavaScript
// expanded version of filip dimitrovsky's answer on stackoverflow
// using the browser's crypto API
// https://stackoverflow.com/a/55926440

function sha512(src, fn) {
  var s = '' + src;
  var e = new TextEncoder('utf-8');
  var c = e.encode(s);

dfkaye

// 6 May 2023
// Element.innerHTML vs. DOMParser.parseFromString(html)

// 7 May 2023
// added unbalanced tags, escaped HTML, event handler attribute cases.

// 22 July 2023
// Thanks to sharp eyes (Justin Fignani) who found several assertions were flat
// out wrong, probably due to running these tests in the console, frequently the
// incognito windows which have different CSP settings depending what "blank" page

dfkaye

// 7 April 2023
// JavaScript event emitter from Wikipedia's Event-Driven Architecture page
// https://en.wikipedia.org/wiki/Event-driven_architecture

// Modified from the original.
// Interesting for the ECMA2023 class features and Map, Set, et al

(() => {
  'use strict';

dfkaye

// 26 March 2023
// effects of adding or removing a property on elements with or
// without their corresponding attribute.

// continued from merge-style gist where it was discovered that adding a style property
// creates a style attribute on elements without one initially.

// merge-style gist at
// https://gist.github.com/dfkaye/1442ed44b629980e08a68203f66be659

dfkaye

// 8-9 March 2023
// component.create
// factory pattern to create worker-like component objects or actors (eventually)

// no big plans for expansion, just an illustration; however,
// a couple methods trying to wriggle into the implementation include:
// 1. extend()...? maybe.
// 2. terminate() + onterminate()...? maybe.

// suppose we could turn this into a closure and track each created object

dfkaye

// 3-6 March 2023
// style attributes vs. style properties
// differences between replace vs. merge

// replacing props vs. replacing attributes
// no surprises

// merging props vs. merging attributes
// at least one surprise, namely, that adding a style property
// creates a style attribute on elements without one initially.

dfkaye

// 2 March 2023
// intersections from more than two arrays

// goaded by https://frontendroom.com/intersection-of-multiple-arrays-in-js/

// works on arrays of values and arrays of objects with a single key;
// not sure I agree with the multiple keys matching output.

// values
var a = ["Item 1", "Item 2", "Item 3", "Item 4", "Item 5", "Item 6", "Item 7"]

dfkaye

// 25 February 2023
// detect whether something is a class in JavaScript, not just a function.
// warning: this is not tamper-proof.

// @webreflection figured this out
// https://stackoverflow.com/questions/30758961/how-to-check-if-a-variable-is-an-es6-class-declaration/75567955#75567955

// The test?
// The variable is typeof function and its prototype field is not writable.

dfkaye

// 17 February 2023
// lift parts out of a value
// using the Object constructor guard

function lift(v, key) {
  var o = Object(v);

  return Object.hasOwn(o, key)
    ? o[key]
    : undefined;

dfkaye

// 5 February 2023
// partial-equal in JavaScript

// inspired by https://brandur.org/fragments/partial-equal

// compare an object's values to a minimal "schema" which can be a primitive,
// allows extra fields on the compared object but expected fields must match
// expected values, including symbols as field names and field values;
// first failure terminates, logs a warning.