stipsan

To test this make sure you got npx installed (if you're on the latest NodeJS LTS version it's already installed): https://www.npmjs.com/package/npx

Then run npx https://gist.github.com/stipsan/3d803d3774d82aea080c50f6f832c0bc and open http://localhost:8082 to test it!

stipsan

import {Component} from 'react'
import {diff} from 'deep-object-diff'

const flattenObject = function(ob) {
  const toReturn = {}

  for (const i in ob) {
    if (!ob.hasOwnProperty(i)) continue

    if (typeof ob[i] == 'object') {

stipsan

Fork of https://github.com/rstacruz/git-update-ghpages modified to work with circleci out of the box with next.js

1. Follow the instructions for how to add a deploy key with write access: https://circleci.com/docs/2.0/gh-bb-integration/#adding-readwrite-deployment-keys-to-github-or-bitbucket
2. Add this script as a step in your job: - run: npx https://gist.github.com/stipsan/bbf4adcdafd9eabfa6a9a42397a1c1b9

stipsan

#!/usr/bin/env node
'use strict';

const path = require('path');
const getStdin = require('get-stdin');
const globby = require('globby');
const entries = require('lodash/entries');
const kebabCase = require('lodash/kebabCase');
const snakeCase = require('lodash/snakeCase');
const meow = require('meow');

stipsan

Transform API Blueprints to TypeScript Definitions

How to use

Prerequisites: node v8, docker run is available and npx exists.

1. In your terminal cd to the folder where your compiled.apib is.
2. Execute docker run -i bugyik/apib2json < compiled.apib | npx https://gist.github.com/stipsan/77de06507d74442c82916477f2d59722 > api.d.ts. The first time it runs it might take a little time to download the docker image but subsequent runs should be quick.
3. Load the generated typings 😉 perhaps using /// <reference path="../api.d.ts" />
4. Then in your resolvers: const {body}: {body: RestEndpoints.GetUserResponse} = await got(endpoint)
5. As you type body. vscode will autocomplete it for you with whatever that endpoint is offering.

stipsan

import renderer from 'react-test-renderer'
import Field from '../Field'

// this import is created by our mock, it is inteded to help with testing and
// don't exist in the real package
import { intl } from 'react-intl'

it('should render correctly', () => {
  const component = renderer.create(<Field intl={intl} />)
  expect(component.toJSON()).toMatchSnapshot()

stipsan

import renderer from 'react-test-renderer'
import Viewport from '../Viewport'

it('should render correctly', () => {
  const target = {
    innerHeight: 600,
    innerWidth: 800,
    addEventListener: jest.fn(),
    removeEventListener: jest.fn()
  }

stipsan

import renderer from 'react-test-renderer'
import Canvas from '../Canvas'

it('should render correctly', () => {
  const component = renderer.create(<Form x={0} y={0} />)
  expect(component.toJSON()).toMatchSnapshot()

  const instance = component.getInstance()
  const spy = jest.spyOn(instance, 'calculateGrid')

stipsan

import renderer from 'react-test-renderer'
import Form, { validate } from '../Form'

jest.mock('redux-form', () => ({
  Field: 'Field',
  reduxForm: options => {
    // Wrap the component and return the new component, just like the real hoc does
    return Form => props => {
      // call the validate error to make sure errors are detected
      options.validate({}, props)

stipsan

import renderer from 'react-test-renderer'
import NotificationsContainer from '../NotificationsContainer'

// we can just pass through the component since we pass dispatch prop directly
jest.mock('react-redux', () => component => component)

it('should render correctly', () => {
  const dispatch = jest.fn()
  const component = renderer.create(
    <NotificationsContainer dispatch={dispatch} />