automatic update by http://atom.io/packages/sync-settings

atom.sync

#atom sync

init.coffee

# initialization file (not found)

keymap.cson

'body':
  'ctrl-tab ^ctrl': 'unset!'
  'ctrl-tab': 'pane:show-next-item'
  'ctrl-shift-tab ^ctrl': 'unset!'
  'ctrl-shift-tab': 'pane:show-previous-item'

packages.json

[
	{
		"name": "about",
		"version": "1.7.2"
	},
	{
		"name": "advanced-open-file",
		"version": "0.16.6"
	},
	{
		"name": "archive-view",
		"version": "0.62.2"
	},
	{
		"name": "atom-dark-syntax",
		"version": "0.28.0",
		"theme": "syntax"
	},
	{
		"name": "atom-dark-ui",
		"version": "0.53.0",
		"theme": "ui"
	},
	{
		"name": "atom-light-syntax",
		"version": "0.29.0",
		"theme": "syntax"
	},
	{
		"name": "atom-light-ui",
		"version": "0.46.0",
		"theme": "ui"
	},
	{
		"name": "atom-material-syntax",
		"version": "1.0.2",
		"theme": "syntax"
	},
	{
		"name": "atom-material-syntax-dark",
		"version": "0.2.7",
		"theme": "syntax"
	},
	{
		"name": "atom-material-syntax-light",
		"version": "0.4.6",
		"theme": "syntax"
	},
	{
		"name": "atom-material-ui",
		"version": "1.3.9",
		"theme": "ui"
	},
	{
		"name": "autocomplete-atom-api",
		"version": "0.10.0"
	},
	{
		"name": "autocomplete-css",
		"version": "0.15.0"
	},
	{
		"name": "autocomplete-html",
		"version": "0.7.2"
	},
	{
		"name": "autocomplete-modules",
		"version": "1.6.9"
	},
	{
		"name": "autocomplete-plus",
		"version": "2.34.2"
	},
	{
		"name": "autocomplete-snippets",
		"version": "1.11.0"
	},
	{
		"name": "autoflow",
		"version": "0.29.0"
	},
	{
		"name": "autosave",
		"version": "0.24.0"
	},
	{
		"name": "background-tips",
		"version": "0.26.1"
	},
	{
		"name": "base16-tomorrow-dark-theme",
		"version": "1.5.0",
		"theme": "syntax"
	},
	{
		"name": "base16-tomorrow-light-theme",
		"version": "1.5.0",
		"theme": "syntax"
	},
	{
		"name": "bookmarks",
		"version": "0.44.1"
	},
	{
		"name": "bracket-matcher",
		"version": "0.85.2"
	},
	{
		"name": "busy-signal",
		"version": "1.3.0"
	},
	{
		"name": "command-palette",
		"version": "0.40.1"
	},
	{
		"name": "deprecation-cop",
		"version": "0.56.2"
	},
	{
		"name": "dev-live-reload",
		"version": "0.47.0"
	},
	{
		"name": "editorconfig",
		"version": "2.2.2"
	},
	{
		"name": "encoding-selector",
		"version": "0.23.1"
	},
	{
		"name": "exception-reporting",
		"version": "0.41.0"
	},
	{
		"name": "file-icons",
		"version": "2.1.2"
	},
	{
		"name": "find-and-replace",
		"version": "0.206.3"
	},
	{
		"name": "fuzzy-finder",
		"version": "1.4.1"
	},
	{
		"name": "git-diff",
		"version": "1.3.1"
	},
	{
		"name": "go-to-line",
		"version": "0.32.0"
	},
	{
		"name": "grammar-selector",
		"version": "0.49.1"
	},
	{
		"name": "image-view",
		"version": "0.60.0"
	},
	{
		"name": "incompatible-packages",
		"version": "0.26.1"
	},
	{
		"name": "intentions",
		"version": "1.1.2"
	},
	{
		"name": "keybinding-resolver",
		"version": "0.36.1"
	},
	{
		"name": "language-babel",
		"version": "2.57.2"
	},
	{
		"name": "language-c",
		"version": "0.56.0"
	},
	{
		"name": "language-clojure",
		"version": "0.22.2"
	},
	{
		"name": "language-coffee-script",
		"version": "0.48.5"
	},
	{
		"name": "language-csharp",
		"version": "0.14.2"
	},
	{
		"name": "language-css",
		"version": "0.42.0"
	},
	{
		"name": "language-gfm",
		"version": "0.88.1"
	},
	{
		"name": "language-git",
		"version": "0.19.0"
	},
	{
		"name": "language-go",
		"version": "0.43.1"
	},
	{
		"name": "language-html",
		"version": "0.47.2"
	},
	{
		"name": "language-hyperlink",
		"version": "0.16.1"
	},
	{
		"name": "language-java",
		"version": "0.26.0"
	},
	{
		"name": "language-javascript",
		"version": "0.126.1"
	},
	{
		"name": "language-json",
		"version": "0.18.3"
	},
	{
		"name": "language-less",
		"version": "0.30.1"
	},
	{
		"name": "language-make",
		"version": "0.22.3"
	},
	{
		"name": "language-mustache",
		"version": "0.13.1"
	},
	{
		"name": "language-objective-c",
		"version": "0.15.1"
	},
	{
		"name": "language-perl",
		"version": "0.37.0"
	},
	{
		"name": "language-php",
		"version": "0.37.4"
	},
	{
		"name": "language-property-list",
		"version": "0.9.0"
	},
	{
		"name": "language-python",
		"version": "0.45.2"
	},
	{
		"name": "language-ruby",
		"version": "0.70.5"
	},
	{
		"name": "language-ruby-on-rails",
		"version": "0.25.2"
	},
	{
		"name": "language-sass",
		"version": "0.57.1"
	},
	{
		"name": "language-shellscript",
		"version": "0.25.0"
	},
	{
		"name": "language-source",
		"version": "0.9.0"
	},
	{
		"name": "language-sql",
		"version": "0.25.3"
	},
	{
		"name": "language-text",
		"version": "0.7.1"
	},
	{
		"name": "language-todo",
		"version": "0.29.1"
	},
	{
		"name": "language-toml",
		"version": "0.18.1"
	},
	{
		"name": "language-xml",
		"version": "0.34.16"
	},
	{
		"name": "language-yaml",
		"version": "0.28.0"
	},
	{
		"name": "line-ending-selector",
		"version": "0.6.1"
	},
	{
		"name": "link",
		"version": "0.31.2"
	},
	{
		"name": "linter",
		"version": "2.1.2"
	},
	{
		"name": "linter-stylelint",
		"version": "3.10.0"
	},
	{
		"name": "linter-ui-default",
		"version": "1.2.2"
	},
	{
		"name": "markdown-preview",
		"version": "0.159.6"
	},
	{
		"name": "metrics",
		"version": "1.1.3"
	},
	{
		"name": "notifications",
		"version": "0.66.2"
	},
	{
		"name": "one-dark-syntax",
		"version": "1.7.1",
		"theme": "syntax"
	},
	{
		"name": "one-dark-ui",
		"version": "1.9.1",
		"theme": "ui"
	},
	{
		"name": "one-light-syntax",
		"version": "1.7.1",
		"theme": "syntax"
	},
	{
		"name": "one-light-ui",
		"version": "1.9.1",
		"theme": "ui"
	},
	{
		"name": "open-on-github",
		"version": "1.2.1"
	},
	{
		"name": "package-generator",
		"version": "1.1.0"
	},
	{
		"name": "settings-view",
		"version": "0.247.0"
	},
	{
		"name": "snippets",
		"version": "1.0.5"
	},
	{
		"name": "solarized-dark-syntax",
		"version": "1.1.2",
		"theme": "syntax"
	},
	{
		"name": "solarized-light-syntax",
		"version": "1.1.2",
		"theme": "syntax"
	},
	{
		"name": "spell-check",
		"version": "0.70.2"
	},
	{
		"name": "status-bar",
		"version": "1.8.1"
	},
	{
		"name": "stylefmt",
		"version": "4.1.0"
	},
	{
		"name": "styleguide",
		"version": "0.49.2"
	},
	{
		"name": "symbols-view",
		"version": "0.114.0"
	},
	{
		"name": "sync-settings",
		"version": "0.8.1"
	},
	{
		"name": "tabs",
		"version": "0.104.1"
	},
	{
		"name": "timecop",
		"version": "0.34.0"
	},
	{
		"name": "tree-view",
		"version": "0.214.1"
	},
	{
		"name": "update-package-dependencies",
		"version": "0.10.0"
	},
	{
		"name": "welcome",
		"version": "0.36.0"
	},
	{
		"name": "whitespace",
		"version": "0.36.2"
	},
	{
		"name": "wrap-guide",
		"version": "0.39.0"
	}
]

settings.json

{
	"advanced-open-file": {
		"createDirectories": true
	},
	"core": {
		"disabledPackages": [
			"whitespace",
			"welcome"
		],
		"excludeVcsIgnoredPaths": false,
		"themes": [
			"atom-material-ui",
			"base16-tomorrow-dark-theme"
		]
	},
	"editor": {
		"softTabs": false
	},
	"exception-reporting": {
		"userId": "d63297d8-a913-4474-876a-7adab7cad8b4"
	},
	"sync-settings": {}
}

snippets.cson

".source.jsx":
	"ES6: import empty()":
    prefix: "_i"
    body: "import ${1} from '${2}';"
		
	"React: import()":
    prefix: "_ir"
    body: "import React from 'react';"
	
 	"React: import() with PropTypes":
    prefix: "_irp"
    body: "import React:, { PropTypes } from 'react';"	
	 
 	"React: componentDidMount() { ... }":
    prefix: "componentDidMount"
    body: "componentDidMount() {\n\t${1}\n}${2}"

  "React: componentDidUpdate(pp, ps) { ... }":
    prefix: "componentDidUpdate"
    body: "componentDidUpdate(prevProps, prevState) {\n\t${1}\n}${2}"

  "React: componentWillMount() { ... }":
    prefix: "componentWillMount"
    body: "componentWillMount() {\n\t${1}\n}${2}"

  "React: componentWillReceiveProps(np) { ... }":
    prefix: "componentWillReceiveProps"
    body: "componentWillReceiveProps(nextProps) {\n\t${1}\n}${2}"

  "React: componentWillUnmount() { ... }":
    prefix: "componentWillUnmount"
    body: "componentWillUnmount() {\n\t${1}\n}${2}"

  "React: componentWillUpdate(np, ns) { ... }":
    prefix: "componentWillUpdate"
    body: "componentWillUpdate(nextProps, nextState) {\n\t${1}\n}${2}"

  "React: cx({ ... })":
    prefix: "cx"
    body: "cx({\n\t$1: $2\n});"

  "React: forceUpdate(...)":
    prefix: "forceUpdate"
    body: "forceUpdate(${1:callback});"

  "React: getDefaultProps() { return {...} } ":
    prefix: "getDefaultProps"
    body: "getDefaultProps() {\n\treturn {\n\t\t${1}\n\t};\n}${2:,}"

  "React: getInitialState() { return {...} } ":
    prefix: "getInitialState"
    body: "getInitialState() {\n\treturn {\n\t\t${1}: ${2}\n\t};\n}${3:,}"

  "React: isMounted()":
    prefix: "isMounted"
    body: "isMounted()"
	
	"React: Class.defaultProps = { ... }":
    prefix: "defaultProps"
    body: "${1}.defaultProps = {\n\t${2}: ${3}\n};"
	
	"React: Class.propTypes = { ... }":
    prefix: "propTypes"
    body: """
      ${1}.propTypes = {
        ${2}
      };
    """
		
	# PropType string
  "PropType: string":
    prefix: "propstr",
    body: "${1:myProp}: PropTypes.string${2:,}"
  "PropType: string required":
    prefix: "propstrr",
    body: "${1:myProp}: PropTypes.string.isRequired${2:,}"

  # PropType number
  "PropType: number":
    prefix: "propn",
    body: "${1:myProp}: PropTypes.number${2:,}"
  "PropType: number required":
    prefix: "propnr",
    body: "${1:myProp}: PropTypes.number.isRequired${2:,}"

  # PropType object
  "PropType: object":
    prefix: "propo",
    body: "${1:myProp}: PropTypes.object${2:,}"
  "PropType: object required":
    prefix: "propor",
    body: "${1:myProp}: PropTypes.object.isRequired${2:,}"

  # PropType array
  "PropType: array":
    prefix: "propa",
    body: "${1:myProp}: PropTypes.array${2:,}"
  "PropType: array required":
    prefix: "propar",
    body: "${1:myProp}: PropTypes.array.isRequired${2:,}"

  # PropType bool
  "PropType: bool":
    prefix: "propb",
    body: "${1:myProp}: PropTypes.bool${2:,}"
  "PropType: bool required":
    prefix: "propbr",
    body: "${1:myProp}: PropTypes.bool.isRequired${2:,}"

  # PropType element
  "PropType: element":
    prefix: "prope",
    body: "${1:myProp}: PropTypes.element${2:,}"
  "PropType: element required":
    prefix: "proper",
    body: "${1:myProp}: PropTypes.element.isRequired${2:,}"

  # PropType function
  "PropType: function":
    prefix: "propf",
    body: "${1:myProp}: PropTypes.func${2:,}"
  "PropType: function required":
    prefix: "propfr",
    body: "${1:myProp}: PropTypes.func.isRequired${2:,}"

  # PropType shape
  "PropType: shape":
    prefix: "props",
    body: """
      ${1:myProp}: PropTypes.shape({
        ${2}
      }),
    """
  "PropType: shape required":
    prefix: "propsr",
    body: """
      ${1:myProp}: PropTypes.shape({
        ${2}
      }).isRequired,
    """
		
  "React: Stateless Component":
    prefix: 'compStateless'
    body: """
      import React, { PropTypes } from 'react'

      export default function ${1} (props) {
        return (
          ${3:<div>MyComponent</div>}
        )
      }

      ${1}.propTypes = {\n\t${2}\n}

    """
	
	"React ES6 Component with Constructor":
    prefix: 'compClass'
    body: """
      import React, { Component, PropTypes } from 'react'

      export default class ${1:MyComponent} extends Component {
        constructor(props) {
          super(props)
        }
        render() {
          return (${3:<div>MyComponent</div>})
        }
      }
      ${1}.propTypes = {\n\t${2}\n}

    """

styles.less

.autocomplete-suggestion-list {
  min-width: 300px !important;
  max-width: 800px;
}

autocomplete-suggestion-list {

  .left-label {
    max-width: 150px;
  }

  .right-label {
    max-width: 250px; // 150px by default
  }

  .word {
    max-width: 400px; // 500px by default
  }

}