dmitrizzle

{
    "presets": [
        [
            "@babel/preset-env",
            {
                "useBuiltIns": "entry",
                "corejs": 3
            }
        ]
    ],

dmitrizzle

import loadPolyfills from './load-polyfills';
import mountApp from './app'; // the entry point for the rest of my app

loadPolyfills().then(mountApp);

dmitrizzle

const trimByCharToSentence = (text = "", chars = 0) => {
  // string is broken down into sentences;
  // this is done by splitting it into array between
  // the most common sentence-ending punctuation marks:
  // period, exclaimation, ellipsis and question mark;
  // if string consists of a single statement, make an array
  // anyways
  const sentences = text.match(/[^\.!…\?]+[\.!…\?]+/g) || [text]
  // store
  let result = ""

dmitrizzle

// tools
import React from "react"
import styled from "styled-components"

// styles
const Dots = styled.span`
  &::after {
    display: inline-block;
    animation: ellipsis 1.25s infinite;
    content: ".";

dmitrizzle

function Ajax(url, fn) {
	var request = new XMLHttpRequest();
	request.open('GET', url, true);
	request.onload = function() {
		if (request.status >= 200 && request.status < 400) {
			var data = JSON.parse(request.responseText);
			fn(data);
		} else {
			console.log("Error. Server connection OK.", request.responseText);
		}

dmitrizzle

const wrapperStyle = {
  position: 'relative'
}

const PlaceHolder = React.createClass({

  renderPlaceholder(){
    const { node, state, parent } = this.props;
    const placeholderText = node.data.get('placeholderText');
    return (

dmitrizzle

export const plugins = [
  AutoReplace({
  	trigger:		"*",
    before:	 		/(\*)(.*)/,
    ignoreIn:		"heading",
    transform: 	(transform, e, data, matches) => {
      return transform
      	.addMark({ type: "bold" })
      	.insertText(matches.before[2])
      	.removeMark({ type: "bold" })