Skip to content

Instantly share code, notes, and snippets.

@iremlopsum

iremlopsum/init.coffee

Last active February 12, 2017 20:26
Show Gist options
  • Save iremlopsum/314a95fec04829e0d1c211964323ee45 to your computer and use it in GitHub Desktop.
Save iremlopsum/314a95fec04829e0d1c211964323ee45 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
init.coffee
# Your init script
#
# Atom will evaluate this file each time a new window is opened. It is run
# after packages are loaded/activated and after the previous editor state
# has been restored.
#
# An example hack to log to the console when each text editor is saved.
#
# atom.workspace.observeTextEditors (editor) ->
# editor.onDidSave ->
# console.log "Saved! #{editor.getPath()}"
Raw
keymap.cson
# Your keymap
#
# Atom keymaps work similarly to style sheets. Just as style sheets use
# selectors to apply styles to elements, Atom keymaps use selectors to associate
# keystrokes with events in specific contexts. Unlike style sheets however,
# each selector can only be declared once.
#
# You can create a new keybinding in this file by typing "key" and then hitting
# tab.
#
# Here's an example taken from Atom's built-in keymap:
#
# 'atom-text-editor':
# 'enter': 'editor:newline'
#
# 'atom-workspace':
# 'ctrl-shift-p': 'core:move-up'
# 'ctrl-p': 'core:move-down'
#
# You can find more information about keymaps in these guides:
# * http://flight-manual.atom.io/using-atom/sections/basic-customization/#_customizing_keybindings
# * http://flight-manual.atom.io/behind-atom/sections/keymaps-in-depth/
#
# If you're having trouble with your keybindings not working, try the
# Keybinding Resolver: `Cmd+.` on macOS and `Ctrl+.` on other platforms. See the
# Debugging Guide for more information:
# * http://flight-manual.atom.io/hacking-atom/sections/debugging/#check-the-keybindings
#
# 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
'atom-text-editor[data-grammar~="js"]:not([mini])':
'ctrl-e': 'emmet:expand-abbreviation-with-tab'
'atom-text-editor':
'ctrl-alt-e': 'tree-view:reveal-active-file'
Raw
packages.json
[
{
"name": "about",
"version": "1.7.2"
},
{
"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": "autocomplete-atom-api",
"version": "0.10.0"
},
{
"name": "autocomplete-css",
"version": "0.14.1"
},
{
"name": "autocomplete-html",
"version": "0.7.2"
},
{
"name": "autocomplete-modules",
"version": "1.6.7"
},
{
"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.4.0",
"theme": "syntax"
},
{
"name": "base16-tomorrow-light-theme",
"version": "1.4.0",
"theme": "syntax"
},
{
"name": "bleen-syntax",
"version": "0.3.1",
"theme": "syntax"
},
{
"name": "bookmarks",
"version": "0.43.4"
},
{
"name": "bracket-matcher",
"version": "0.85.2"
},
{
"name": "colornamer",
"version": "0.3.1"
},
{
"name": "command-palette",
"version": "0.39.2"
},
{
"name": "deprecation-cop",
"version": "0.56.2"
},
{
"name": "dev-live-reload",
"version": "0.47.0"
},
{
"name": "emmet",
"version": "2.4.3"
},
{
"name": "encoding-selector",
"version": "0.22.0"
},
{
"name": "exception-reporting",
"version": "0.40.2"
},
{
"name": "file-icons",
"version": "2.0.15"
},
{
"name": "find-and-replace",
"version": "0.206.1"
},
{
"name": "fuzzy-finder",
"version": "1.4.1"
},
{
"name": "genesis-syntax",
"version": "1.0.9",
"theme": "syntax"
},
{
"name": "git-diff",
"version": "1.2.0"
},
{
"name": "go-to-line",
"version": "0.31.2"
},
{
"name": "grammar-selector",
"version": "0.48.2"
},
{
"name": "highlight-selected",
"version": "0.12.0"
},
{
"name": "image-view",
"version": "0.60.0"
},
{
"name": "incompatible-packages",
"version": "0.26.1"
},
{
"name": "keybinding-resolver",
"version": "0.35.0"
},
{
"name": "language-babel",
"version": "2.54.1"
},
{
"name": "language-c",
"version": "0.54.1"
},
{
"name": "language-clojure",
"version": "0.22.1"
},
{
"name": "language-coffee-script",
"version": "0.48.2"
},
{
"name": "language-csharp",
"version": "0.14.0"
},
{
"name": "language-css",
"version": "0.41.0"
},
{
"name": "language-gfm",
"version": "0.88.0"
},
{
"name": "language-git",
"version": "0.19.0"
},
{
"name": "language-go",
"version": "0.43.1"
},
{
"name": "language-html",
"version": "0.47.1"
},
{
"name": "language-hyperlink",
"version": "0.16.1"
},
{
"name": "language-java",
"version": "0.25.0"
},
{
"name": "language-javascript",
"version": "0.125.1"
},
{
"name": "language-json",
"version": "0.18.3"
},
{
"name": "language-less",
"version": "0.30.0"
},
{
"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.3"
},
{
"name": "language-property-list",
"version": "0.9.0"
},
{
"name": "language-python",
"version": "0.45.1"
},
{
"name": "language-ruby",
"version": "0.70.4"
},
{
"name": "language-ruby-on-rails",
"version": "0.25.1"
},
{
"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.2"
},
{
"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.15"
},
{
"name": "language-yaml",
"version": "0.27.2"
},
{
"name": "line-ending-selector",
"version": "0.5.1"
},
{
"name": "link",
"version": "0.31.2"
},
{
"name": "linter",
"version": "1.11.21"
},
{
"name": "linter-eslint",
"version": "8.1.1"
},
{
"name": "markdown-preview",
"version": "0.159.6"
},
{
"name": "material-ui",
"version": "1.0.9",
"theme": "ui"
},
{
"name": "metrics",
"version": "1.1.3"
},
{
"name": "minimap",
"version": "4.26.8"
},
{
"name": "minimap-highlight-selected",
"version": "4.5.0"
},
{
"name": "notifications",
"version": "0.66.1"
},
{
"name": "one-dark-syntax",
"version": "1.6.0",
"theme": "syntax"
},
{
"name": "one-dark-ui",
"version": "1.9.1",
"theme": "ui"
},
{
"name": "one-light-syntax",
"version": "1.6.0",
"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.0.2"
},
{
"name": "rad-syntax",
"version": "0.4.0",
"theme": "syntax"
},
{
"name": "settings-view",
"version": "0.246.0"
},
{
"name": "snippets",
"version": "1.0.5"
},
{
"name": "solarized-dark-syntax",
"version": "1.1.1",
"theme": "syntax"
},
{
"name": "solarized-light-syntax",
"version": "1.1.1",
"theme": "syntax"
},
{
"name": "sort-lines",
"version": "0.14.0"
},
{
"name": "spell-check",
"version": "0.70.2"
},
{
"name": "status-bar",
"version": "1.7.0"
},
{
"name": "styleguide",
"version": "0.48.0"
},
{
"name": "symbols-view",
"version": "0.114.0"
},
{
"name": "sync-settings",
"version": "0.8.1"
},
{
"name": "tabs",
"version": "0.104.1"
},
{
"name": "timecop",
"version": "0.33.2"
},
{
"name": "tree-view",
"version": "0.213.1"
},
{
"name": "update-package-dependencies",
"version": "0.10.0"
},
{
"name": "vector-syntax",
"version": "0.3.0",
"theme": "syntax"
},
{
"name": "vivid-syntax",
"version": "2.1.0",
"theme": "syntax"
},
{
"name": "welcome",
"version": "0.36.0"
},
{
"name": "whitespace",
"version": "0.36.1"
},
{
"name": "wrap-guide",
"version": "0.39.0"
}
]
Raw
settings.json
{
"atom-beautify": {
"js": {
"beautify_on_save": true,
"break_chained_methods": true,
"end_with_comma": true,
"end_with_newline": true,
"eval_code": true,
"indent_size": 2,
"indent_with_tabs": true,
"keep_array_indentation": true,
"keep_function_indentation": true,
"space_after_anon_function": true,
"space_in_paren": true,
"unescape_strings": true
}
},
"autocomplete-js-import": {
"fuzzy": {
"enabled": true,
"excludedDirs": [
".git"
],
"fileTypes": [
".js"
]
},
"projectDependencies": {
"suggestDev": true,
"suggestProd": true
}
},
"core": {
"autoHideMenuBar": true,
"excludeVcsIgnoredPaths": false,
"ignoredNames": [
".git",
".hg",
".svn",
".DS_Store",
"._*",
"Thumbs.db",
"node_modules",
"workflows",
".sass-cache",
"good old stuff",
"dev"
],
"telemetryConsent": "no",
"tree-view": {
"hideVcsIgnoredFiles": false
}
},
"editor": {
"fontFamily": "Fira Code",
"fontSize": 15,
"scrollPastEnd": true,
"showIndentGuide": true,
"softWrapAtPreferredLineLength": true
},
"emmet": {
"useEmmetComments": true
},
"esformatter": {},
"exception-reporting": {
"userId": "e047c6b5-f30d-03b0-1e71-20b7a262b3ea"
},
"highlight-selected": {
"highlightBackground": true
},
"html-to-css": {
"bem-group": true
},
"jsformat": {
"break_chained_methods": true,
"comma_first": true,
"indent_with_tabs": true,
"space_in_paren": true
},
"linter": {
"errorPanelHeight": 51,
"lintOnFly": false,
"showErrorPanel": false,
"underlineIssues": false
},
"linter-eslint": {
"fixOnSave": true
},
"minimap": {
"moveCursorOnMinimapClick": true,
"plugins": {
"highlight-selected": false,
"highlight-selectedDecorationsZIndex": 0
}
},
"sync-settings": {},
"tree-view": {
"hideVcsIgnoredFiles": false
},
"welcome": {
"showOnStartup": false
}
}
Raw
snippets.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
'.js':
'React class':
'prefix': 'ReactClass'
'body': """
import React, { Component, PropTypes } from \'react\'
import './styles/${3:sassFile}.scss'
class ${1:name} extends Component {
constructor(props) {
super(props)
this.state = {}
}
render() {
return (
<div className="${2:className}"></div>
)
}
}
export default ${1:name}
"""
'Pure React Class':
'prefix': 'pureReactClass'
'body': """
import React, { PropTypes } from 'react';
const ${1:Component} = (props) => {
return (
<div className="${2}">
</div>
);
};
export default ${1:Component}
const { string } = PropTypes
${1:Component}.propTypes = {
}
"""
'propTypes':
'prefix': 'propTypes'
'body': """
const { string } = PropTypes;
${1:name}.propTypes = {
${2:name}: ${3:proptype}
}
"""
'Delegate':
'prefix': 'Delegate'
'body': """
this.callDelegate = setupDelegate(props.delegate);
"""
'BindAll':
'prefix': 'bindAll'
'body': """
bindAll(this, ['${1:event}']);
"""
'Bind':
'prefix': 'Bind'
'body': """
this.${1:name} = this.${1:name}.bind(this);
"""
'Import util':
'prefix': 'imUtil'
'body': """
import { ${1:util} } from 'classes/utils'
"""
'Import SWView':
'prefix': 'imSWView'
'body': """
import SWView from 'SWView'
"""
'Import Transition Group':
'prefix': 'imTransitionGroup'
'body': """
import ReactCSSTransitionGroup from 'react/lib/ReactCSSTransitionGroup'
"""
'Import Immutable':
'prefix': 'imImmutableProptypes'
'body': """
import { map, mapContains, list, listOf } from \'react-immutable-proptypes\'
"""
'stateConst':
'prefix': 'stateConst'
'body': """
const { ${1:state} } = this.state;
"""
'propsConst':
'prefix': 'propsConst'
'body': """
const { ${1:props} } = this.props;
"""
'log':
'prefix': 'log'
'body': """
console.log('${1:name}', ${1:name})${2}
"""
'Transition Group':
'prefix': 'transitionGroup'
'body': """
<ReactCSSTransitionGroup
transitionName="${2:transitionName}"
component="div"
className="${1:className}"
transitionEnterTimeout={${3:transitionTime}}
transitionLeaveTimeout={${3:transitionTime}}>
</ReactCSSTransitionGroup>
"""
'.scss':
'CommentTitle':
'prefix': 'commentTitle'
'body': """
// ======================================================
// ${1:Title}
// ======================================================
"""
'BEM element root':
'prefix': 'elementRoot'
'body': """
$e: getElementSelectorInBlock(\#{&}, \#{$b});
"""
'BEM elementRootClass':
'prefix': 'elementRootClass'
'body': """
\#{$e}__${1:element} {
}
"""
'BEM root':
'prefix': 'blockRoot'
'body': """
$b: &;
"""
'BEM rootclass':
'prefix': 'rootClass'
'body': """
\#{$b}__${1:element} {
}
"""
'placeholder':
'prefix': 'placeholder'
'body': """
&::-webkit-input-placeholder {
${1:styles}
}
"""
'Scss import':
'prefix': 'importStuff'
'body': """
@import '~styles/_vars.scss/';
@import '~styles/_mixins.scss/';
"""
'Func import':
'prefix': 'importFunctions'
'body': """
@import '~styles/_functions.scss/';
"""
'Size mixin':
'prefix': 'sizeMixin'
'body': """
@include size(${1:size});
"""
'font mixin':
'prefix': 'fontMixin'
'body': """
@include font(${1:fz}, ${2:c}, ${3:lh});
"""
'Flex mixin':
'prefix': 'flexMixin'
'body': """
@include flex(${1:flex});
"""
'svg-color mixin':
'prefix': 'svgColorMixin'
'body': """
@include svg-color(${1:color});
"""
'styleNumberOfElements':
'prefix': 'styleNumberOfElements'
'body': """
@include styleNumberOfElements(${1:number}) {
${2:styles}
}
"""
'border-radius mixin':
'prefix': 'borderRadMixin'
'body': """
@include border-radius(${1:topLeft}, ${2:topRight}, ${3:botLeft}, ${4:botRight});
"""
'Start animation':
'prefix': 'animationBlock'
'body': """
.${1:className} {
//empty
&-enter {
transition: all ${2:time} ease-in-out;
will-change: ${3:changes};
&-active {
transition: all ${2:time} ease-in-out;
will-change: ${3:changes};
}
}
&-leave {
transition: all ${2:time} ease-in-out;
will-change: ${3:changes};
&-active {
transition: all ${2:time} ease-in-out;
will-change: ${3:changes};
}
}
}
"""
'Ellipsis':
'prefix': 'ellipsis'
'body': """
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
"""
'clippyPoly':
'prefix': 'clippyPoly'
'body': """
-webkit-clip-path: polygon(${1:ltx} ${2:lty}, ${3:rtx} ${4:rty}, ${5:rbx} ${6:rby}, ${7:lbx} ${8:lby});
"""
Raw
styles.less
/*
* Your Stylesheet
*
* This stylesheet is loaded when Atom starts up and is reloaded automatically
* when it is changed and saved.
*
* Add your own CSS or Less to fully customize Atom.
* If you are unfamiliar with Less, you can read more about it here:
* http://lesscss.org
*/
/*
* Examples
* (To see them, uncomment and save)
*/
// style the background color of the tree view
.tree-view {
// background-color: whitesmoke;
.status-ignored {
display: none;
}
}
// style the background and foreground colors on the atom-text-editor-element itself
atom-text-editor {
// color: white;
// background-color: hsl(180, 24%, 12%);
}
// To style other content in the text editor's shadow DOM, use the ::shadow expression
atom-text-editor::shadow .cursor {
// border-color: red;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment