Console: Get Facebook syntheticEvents

readme.md

Get JSON object with info about Facebook SyntheticEvents

This snippet will generate a JSON as the example shown here with a grouped list of Facebook SyntheticEvents.

Using

• Visit Facebook SyntheticEvents page
• Open developer console
• Paste the script and press enter

The JSON will now be copied to your clipboard.

FB_syntheticEvents.js

// Works at: https://facebook.github.io/react/docs/events.html
var domNodes = document.querySelectorAll('blockquote:nth-of-type(2)~ul li a');
var documentation = {};
Array.prototype.map.call(domNodes, function(ele) {
  var name = ele.getAttribute('href').replace(/\#/ig, '');
  var group = [];
  var groupName = ele.innerText.replace(' Events','');
  var h3 = document.querySelector(`[name="${name}"]`).parentNode;
  var events = h3.nextElementSibling.nextElementSibling.querySelector('.language-text').innerText;

  // now split events into an array, removing any empty events
  var eventNames = events.replace(/\n/g, ' ').split(' ').filter(function(eventName) {
    return (eventName!=='');
  });
  documentation[groupName] = eventNames;
});
copy(documentation);

output.json

{
  "Clipboard": [
    "onCopy",
    "onCut",
    "onPaste"
  ],
  "Composition": [
    "onCompositionEnd",
    "onCompositionStart",
    "onCompositionUpdate"
  ],
  "Keyboard": [
    "onKeyDown",
    "onKeyPress",
    "onKeyUp"
  ],
  "Focus": [
    "onFocus",
    "onBlur"
  ],
  "Form": [
    "onChange",
    "onInput",
    "onSubmit"
  ],
  "Mouse": [
    "onClick",
    "onContextMenu",
    "onDoubleClick",
    "onDrag",
    "onDragEnd",
    "onDragEnter",
    "onDragExit",
    "onDragLeave",
    "onDragOver",
    "onDragStart",
    "onDrop",
    "onMouseDown",
    "onMouseEnter",
    "onMouseLeave",
    "onMouseMove",
    "onMouseOut",
    "onMouseOver",
    "onMouseUp"
  ],
  "Selection": [
    "onSelect"
  ],
  "Touch": [
    "onTouchCancel",
    "onTouchEnd",
    "onTouchMove",
    "onTouchStart"
  ],
  "UI": [
    "onScroll"
  ],
  "Wheel": [
    "onWheel"
  ],
  "Media": [
    "onAbort",
    "onCanPlay",
    "onCanPlayThrough",
    "onDurationChange",
    "onEmptied",
    "onEncrypted",
    "onEnded",
    "onError",
    "onLoadedData",
    "onLoadedMetadata",
    "onLoadStart",
    "onPause",
    "onPlay",
    "onPlaying",
    "onProgress",
    "onRateChange",
    "onSeeked",
    "onSeeking",
    "onStalled",
    "onSuspend",
    "onTimeUpdate",
    "onVolumeChange",
    "onWaiting"
  ],
  "Image": [
    "onLoad",
    "onError"
  ],
  "Animation": [
    "onAnimationStart",
    "onAnimationEnd",
    "onAnimationIteration"
  ],
  "Transition": [
    "onTransitionEnd"
  ]
}