chestozo

/**
    On touch devices we have an intertial scroll effect (also called momentum scroll)
    that is hard to detect (with scrollTop property for example).
    See this article for problem details http://andyshora.com/mobile-scroll-event-problems.html

    Still it is possible to detect inertial scroll by calculating velocity
    with which user is scrolling element.
    In this gist we use velocity formula from this article:
    http://ariya.ofilabs.com/2013/11/javascript-kinetic-scrolling-part-2.html

chestozo

# Based on http://stackoverflow.com/a/1260982/449345
# The most mneeeeee part is this one: `rm -rf .git/modules/mmmodule`
# This script can be useful in case you are changing origin for your
# nice and cool mmmodule.

git submodule deinit -f mmmodule
rm -rf .git/modules/mmmodule # kind of WAAAAT?!
git submodule init mmmodule
git submodule update --recursive

chestozo

const added = [ 5, 6, 4 ]

const ar = [
  { id: 6, name: 'zzz' },
  { id: 1, name: 'aaa' },
  { id: 2, name: 'ccc' },
  { id: 5, name: 'yyy' },
  { id: 3, name: 'bbb' },
  { id: 4, name: 'xxx' },
]

chestozo

In our case were getting this issue before we moved the data-testid attribute onto Dropzone input props like this:

<Dropzone
  onDrop={onDrop}
  accept={accept}
  style={{}}
  onClick={onClick}
  inputProps={{
 'data-testid': 'drop-file-input',

chestozo

import React from 'react'
import { MemoryRouter, Route } from 'react-router'

export default {
  title: 'UserCard',
  decorators: [],
}

const UserCard = ({
  match: {

chestozo

{
    "files.autoSave": "onFocusChange",
    "prettier.requireConfig": true,
    "prettier.disableLanguages": [
        "HTML"
    ],
    "editor.formatOnSave": true,
    "[html]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },

chestozo

import React from 'react'
import styled from 'styled-components'
import { Box, TextBox } from 'ui-kit'

const Wrapper = styled(Box)`
  position: fixed;
  top: 0;
  right: 0;
  overflow: auto;
  font-size: 80%;

chestozo

(function() {
  const methods = [ 'pushState', 'replaceState', 'back', 'forward', 'go' ]
  const _originals = {}

  methods.forEach((m) => {
    _originals[m] = window.history[m]
    window.history[m] = function() {
      console.log('XXX', m, arguments)
      return _originals[m].apply(window.history, arguments)
    }

chestozo

steps:
- name: node:10.16.3
  entrypoint: yarn
  args: ['build']

chestozo

document.addEventListener('click', () => {
    const dt = Date.now();
    const clockElement = document.createElement('div');
    Object.assign(clockElement.style, {
        position: 'absolute',
        top: 0,
        right: 0,
        background: '#FAA',
        'z-index': 9999,
        padding: 5