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 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

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

#!/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

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

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

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

// Plan on making a react/web component that reuses the layout logic from the worklet to lay out and
// reoder a css columns top down layout to a ltr flow

// From https://github.com/GoogleChromeLabs/houdini-samples

registerLayout(
    'masonry',
    class {
        static get inputProperties() {
            return ['--padding', '--columns'];

stipsan

{"imports":{"@podium/browser":"https://unpkg.com/browse/@podium/[email protected]/src/index.js"}}

stipsan

// Paste in your DevTools console to inspect the error object thrown by fetch
const controller = new AbortController()
fetch(window.location.href, {signal: controller.signal}).catch((err) => {
  console.dir(err)
  console.assert(err.name === 'AbortError', `${err.name} === 'AbortError'`)
  console.assert(err.code === 20, `${err.code} === 20`)
  console.assert(
    err.message === 'The user aborted a request.',
    `${err.message} === 'The user aborted a request.'`
  )