Skip to content

Instantly share code, notes, and snippets.

View aaronmcadam's full-sized avatar
🎉
Having fun!

Aaron McAdam aaronmcadam

🎉
Having fun!
View GitHub Profile
import { ApolloProvider } from '@apollo/react-hooks';
import { CSSReset, theme, ThemeProvider } from '@chakra-ui/core';
import { Global } from '@emotion/core';
import React from 'react';
import { YourApp } from './components/YourApp';
import { client } from './graphql/client';
export const App: React.FC = () => {
return (
<ApolloProvider client={client}>
react_devtools_backend.js:8 Uncaught TypeError: Cannot read property 'source' of undefined
at e (react_devtools_backend.js:8)
at l (hammerhead.js:14)
at t.r._onWindowMessage (hammerhead.js:7)
at n (hammerhead.js:14)
at o (hammerhead.js:7)
at hammerhead.js:7
/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
@aaronmcadam
aaronmcadam / docker.js
Created August 30, 2019 18:24
A good example of CLI dev in node
const Listr = require('listr');
const chalk = require('chalk');
const clipboardy = require('clipboardy');
const execa = require('execa');
const { name, version } = require('../package.json');
const repoAddress = 'repo-address';
const repoNamespace = 'namespace';
const imageBaseName = name;
const npmToken = process.env.NPM_TOKEN;
import * as React from 'react';
import { Link } from '@reach/router';
import { Formik, Form, Field, ErrorMessage } from 'formik';
import * as yup from 'yup';
import * as R from 'ramda';
import {
Box,
Button,
Text,
/* eslint import/no-dynamic-require: "off" */
import R from 'ramda';
import PropTypes from 'prop-types';
import styled, { css } from 'styled-components';
import { ifProp } from 'styled-tools';
import { margin } from 'polished';
import { baseTheme, getColour } from '@crowdlab/themes';
import { sizes } from '../constants/';
const getHeight = ({ size }) => sizes.values[size];
import React from 'react';
import styled, { css } from 'styled-components';
import { baseTheme, getFont } from '@crowdlab/themes';
import { getFontSize } from './helpers';
const HeadingBase = styled.h1`
font-family: ${getFont('bold')};
font-weight: 500;
font-size: ${getFontSize};
margin: 0;
0 silly input []
1 silly flags { _: [ 'bootstrap' ], concurrency: 1, args: [] }
2 verbose rootPath /Users/aaron/workspace/code/cl-ui
3 info version 2.2.0
4 info versioning independent
5 silly existsSync /Users/aaron/workspace/code/cl-ui/VERSION
6 silly initialize attempt
7 silly initialize success
8 silly execute attempt
9 info Bootstrapping 21 packages
import { configure, setAddon } from '@storybook/react';
import { setOptions } from '@storybook/addon-options';
setOptions({
name: 'CrowdLab UI',
url: 'https://github.com/crowdlab-uk/cl-ui',
downPanelInRight: true,
});
const req = require.context('../packages', true, /\.stories\.js$/);
const webpack = require('webpack');
const HappyPack = require('happypack');
const AutoDllPlugin = require('autodll-webpack-plugin');
module.exports = (storybookBaseConfig, configType) => {
console.log('storybookBaseConfig.output', storybookBaseConfig.output);
storybookBaseConfig.plugins = [
new webpack.HotModuleReplacementPlugin(),
new webpack.ProgressPlugin(),