Atom

smippets.cson

# Your snippets
#
# Atom snippets allow you to enter a simple prefix in the editor and hit tab to
# expand the prefix into a larger code block with templated values.
#
# You can create a new snippet in this file by typing "snip" and then hitting
# tab.
#
# An example CoffeeScript snippet to expand log to console.log:
#
# '.source.coffee':
#   'Console log':
#     'prefix': 'log'
#     'body': 'console.log $1'
#
# Each scope (e.g. '.source.coffee' above) can only be declared once.
#
# This file uses CoffeeScript Object Notation (CSON).
# If you are unfamiliar with CSON, you can read more about it in the
# Atom Flight Manual:
# http://flight-manual.atom.io/using-atom/sections/basic-customization/#_cson

'.source.js':

  'Console.log':
    'prefix': 'r07'
    'body': """
console.group(‘name’) and console.groupEnd(‘name’)
console.trace()
console.count("counter: ")
console.time() and console.timeEnd()
console.assert()
console.profile([label])
console.timeStamp([label])
console.clear()
console.memory
console.table(array)
    """

  'style={{backgroundColor: "gold"}}':
    'prefix': 'bg'
    'body': """
    style={{backgroundColor: \'gold\'}}
    """

  'Disable Eslint':
    'prefix': 'r06'
    'body': """
      /* eslint-disable */
    """

  'Lorem':
    'prefix': 'lorem'
    'body': 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam a auctor ipsum. Phasellus in risus elit. Cras porttitor vestibulum neque, et luctus orci egestas cursus. Sed tempor purus urna, at posuere orci ultricies ac. Aenean at vulputate est. Vestibulum vitae felis sodales, porta erat ut, tempus dui. Nunc venenatis velit in nunc laoreet dignissim. Vestibulum dapibus nisl venenatis tortor tincidunt, non egestas erat tincidunt. Proin diam sem, accumsan ut orci in, lacinia dapibus arcu. Proin varius dui neque, non scelerisque dolor consequat in. In in dictum ante. Proin rutrum dui quis eros porttitor, vel tincidunt est pharetra. Donec tincidunt lobortis ante a egestas. Mauris pretium volutpat mi. Sed venenatis mauris sit amet libero pharetra, non congue diam molestie. Vivamus auctor velit vitae magna consectetur pretium.'

  'Console log 0':
    'prefix': 'lg-0'
    'body': 'console.log($1)'

  'Console log 1':
    'prefix': 'lg-1'
    'body': 'console.log("$1", $1)'


  'R Functional Comp':
    'prefix': 'r00'
    'body': """
import React from 'react'

const $1 = () => {
  return <p>$1 functional component is working</p>
}

export default $1
    """
  'R Class Comp':
    'prefix': 'r01'
    'body': """
import React, { Component } from 'react'

const propTypes = {}

class $1 extends Component {
  render() {
    return (
      <p>$1 class component is working</p>
    )
  }
}

$1.propTypes = propTypes
export default $1

    """

  'R Container Spec':
    'prefix': 'r02'
    'body': """
import $1 from '~/app/containers/audiences/audience-builder/form/$1'
import { itMatchesComponentToSnapshot } from '~/spec/spec-helpers'

jest.mock('react-dom')

describe('$1', () => {
  const props = {
  }

  describe('rendering', () => {
    describe('when open', () => {
      it('renders component', () => {
        itMatchesComponentToSnapshot({SubjectComponent: $1, props})
      })
    })
  })
})

"""

  'JS Test':
    'prefix': 'r03'
    'body': """
    console.log('\n')
    console.log('*'.repeat(80))
    console.log('DropZoneContainer')
    console.log('*'.repeat(80))
    console.log('\n')

"""
  'propTypes':
    'prefix': 'r04'
    'body': """
import PropTypes from 'prop-types'
XXX.propTypes = {
  canEditContainer: PropTypes.bool.isRequired,
  casePhases: PropTypes.arrayOf(PropTypes.object).isRequired,
  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,
  containerId: PropTypes.number.isRequired,
  data: PropTypes.shape({}).isRequired,
  errorMessage: PropTypes.string.isRequired,
  form: PropTypes.shape({
    validateFields: PropTypes.func.isRequired,
    investigate: PropTypes.array,
  }).isRequired,
  mcContextMenuCaller: PropTypes.node.isRequired,
  value: PropTypes.oneOfType([
    PropTypes.string,
    PropTypes.instanceOf(Date),
    PropTypes.instanceOf(moment),
  ]).isRequired,
};

XXX.defaultProps = {
  containerType: 'default',
};
"""
  'mocks':
    'prefix': 'r05'
    'body': """
jest.mock('react-ace')
jest.mock('material-ui/CircularProgress')
jest.mock('material-ui/Dialog')
jest.mock('material-ui/Drawer')
jest.mock('material-ui/DropDownMenu')
jest.mock('material-ui/internal/Tooltip')
jest.mock('material-ui/Menu')
jest.mock('material-ui/MenuItem')
jest.mock('material-ui/Paper')
jest.mock('material-ui/SelectField')
jest.mock('material-ui/TextField')
jest.mock('react-virtualized/dist/commonjs/AutoSizer/AutoSizer')
"""