Karol K karolk

## testing-tpt.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                karolk
                / testing-tpt.md
            
            
              Last active
              January 26, 2022 19:41
            
              
                Testing TPT
              
          
    Testing TPT
Electron 24/01/2022
LOGIN


 login free
 login premium
 remember password
 not remember password


## await-vs-then.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                karolk
                / await-vs-then.md
            
            
              Created
              September 28, 2020 20:03
            
              
                await vs. then
              
          
    I recently run into a scenario highlighting that await is not always a drop-in, better replacement for then. Sometimes with then it's easier to control the scope of the function that runs after the promise is settled. I have a Redux middleware-inspired example here:
https://codesandbox.io/s/eager-wildflower-1kodv?file=/src/index.js
In example 2, the next call will only happen after the promise resolves.
In example 3, the next will be called immediately.

  
## have-same-keys1.js
const haveSameKeys = (objA, objB) => {
    const keysOfA = Object.keys(objA)
    const keysOfB = Object.keys(objB)

    return keysOfA.length === keysOfB.length &&
        keysOfA.every(key => keysOfB.includes(key))
}

## letter.js
// @ts-check

const createRandomInteger = (limit) => Math.floor(Math.random() * limit)

const createRandomLetter = () => String.fromCharCode(97 + createRandomInteger(26));

const positionLetter = (element) => {
    element.style.width = '1vw'
    element.style.height = '1vw'
    element.style.lineHeight = '1vw'

## espot-track.js
if (typeof handleTrackableClickEvent !== "function") {
  var handleTrackableClickEvent = function(event) {
    var trackableSelector = '.trackable';
    if (event.target) {
      // msMatches is for IE
      var matches = event.target.matches || event.target.msMatches;
      if (matches && matches.call(event.target, trackableSelector)) {

        var et = event.target;

## primes.js
const isPrime = number => {
   let divisor = 2
   while (divisor < number) {
     if(number % divisor === 0) return false
     divisor += 1
   }
   return true
}

const findPrime = (timeLimitMS) => {

## proto-version.js
// IDEA: start with an object using a symbol as a marker
const create = (obj, changeSet) => Object.assign(Object.create(obj || {[Symbol.for('versionstart')]: true}), changeSet);

const getPreviousState = obj => {
  const maybePrev = Object.getPrototypeOf(obj);
  if (!maybePrev || maybePrev[Symbol.for('versionstart')]) {
    return null;
  }
  return maybePrev;
}

## graph-by.js
// Given a list with data containing sequential property such as year of birth, age, size
// Create a graph containing elements groupped by that property with ids of next nodes

// Output example
{
    '1': {list: [{size: 1}, {size: 1}], previous: undefined, next: '3'},
    '3': {list: [{size: 3}], previous: '1', next: '4'},
    '4': {list: [{size: 4}], previous: '3', next: undefined},
}

## index.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
<style id="jsbin-css">
/* these are just to set up environment, you don't need them */
html, body {
  height: 100%;

## euler1.js
Array(999)
  .fill(1)
  .map((n, index) => n + index)
  .filter(n => n % 3 === 0 || n % 5 === 0)
  .reduce((a, b) => a + b)
	const haveSameKeys = (objA, objB) => {
	const keysOfA = Object.keys(objA)
	const keysOfB = Object.keys(objB)

	return keysOfA.length === keysOfB.length &&
	keysOfA.every(key => keysOfB.includes(key))
	}
	// @ts-check

	const createRandomInteger = (limit) => Math.floor(Math.random() * limit)

	const createRandomLetter = () => String.fromCharCode(97 + createRandomInteger(26));

	const positionLetter = (element) => {
	element.style.width = '1vw'
	element.style.height = '1vw'
	element.style.lineHeight = '1vw'
	if (typeof handleTrackableClickEvent !== "function") {
	var handleTrackableClickEvent = function(event) {
	var trackableSelector = '.trackable';
	if (event.target) {
	// msMatches is for IE
	var matches = event.target.matches \|\| event.target.msMatches;
	if (matches && matches.call(event.target, trackableSelector)) {

	var et = event.target;
	const isPrime = number => {
	let divisor = 2
	while (divisor < number) {
	if(number % divisor === 0) return false
	divisor += 1
	}
	return true
	}

	const findPrime = (timeLimitMS) => {
	// IDEA: start with an object using a symbol as a marker
	const create = (obj, changeSet) => Object.assign(Object.create(obj \|\| {[Symbol.for('versionstart')]: true}), changeSet);

	const getPreviousState = obj => {
	const maybePrev = Object.getPrototypeOf(obj);
	if (!maybePrev \|\| maybePrev[Symbol.for('versionstart')]) {
	return null;
	}
	return maybePrev;
	}
	// Given a list with data containing sequential property such as year of birth, age, size
	// Create a graph containing elements groupped by that property with ids of next nodes

	// Output example
	{
	'1': {list: [{size: 1}, {size: 1}], previous: undefined, next: '3'},
	'3': {list: [{size: 3}], previous: '1', next: '4'},
	'4': {list: [{size: 4}], previous: '3', next: undefined},
	}
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<title>JS Bin</title>
	<style id="jsbin-css">
	/* these are just to set up environment, you don't need them */
	html, body {
	height: 100%;
	Array(999)
	.fill(1)
	.map((n, index) => n + index)
	.filter(n => n % 3 === 0 \|\| n % 5 === 0)
	.reduce((a, b) => a + b)