Skip to content

Instantly share code, notes, and snippets.

@no-stack-dub-sack
Last active March 9, 2018 03:00
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save no-stack-dub-sack/4971db58e2fb121cfe55c3c2ba562867 to your computer and use it in GitHub Desktop.
Save no-stack-dub-sack/4971db58e2fb121cfe55c3c2ba562867 to your computer and use it in GitHub Desktop.
# 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()}"
'atom-text-editor[data-grammar~="jsx"]:not([mini])':
'ctrl-tab': 'emmet:expand-abbreviation-with-tab'
# 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
[
{
"name": "about",
"version": "1.7.8"
},
{
"name": "archive-view",
"version": "0.64.1"
},
{
"name": "atom-beautify",
"version": "0.30.5"
},
{
"name": "atom-dark-syntax",
"version": "0.29.0",
"theme": "syntax"
},
{
"name": "atom-dark-ui",
"version": "0.53.1",
"theme": "ui"
},
{
"name": "atom-file-icons",
"version": "0.6.0"
},
{
"name": "atom-formatter-jsbeautify",
"version": "1.1.2"
},
{
"name": "atom-import-sort",
"version": "3.3.0"
},
{
"name": "atom-light-syntax",
"version": "0.29.0",
"theme": "syntax"
},
{
"name": "atom-light-ui",
"version": "0.46.1",
"theme": "ui"
},
{
"name": "atom-live-server",
"version": "2.1.2"
},
{
"name": "atom-material-syntax-dark",
"version": "1.0.0",
"theme": "syntax"
},
{
"name": "atom-material-ui",
"version": "2.0.4",
"theme": "ui"
},
{
"name": "atom-runner",
"version": "2.7.1"
},
{
"name": "atom-toolbar",
"version": "0.1.6"
},
{
"name": "atom-wrap-in-tag",
"version": "0.6.0"
},
{
"name": "autocomplete-atom-api",
"version": "0.10.6"
},
{
"name": "autocomplete-css",
"version": "0.17.5"
},
{
"name": "autocomplete-html",
"version": "0.8.4"
},
{
"name": "autocomplete-modules",
"version": "1.10.0"
},
{
"name": "autocomplete-plus",
"version": "2.40.0"
},
{
"name": "autocomplete-snippets",
"version": "1.11.2"
},
{
"name": "autoflow",
"version": "0.29.0"
},
{
"name": "autosave",
"version": "0.24.6"
},
{
"name": "background-tips",
"version": "0.27.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.45.0"
},
{
"name": "bracket-matcher",
"version": "0.88.1"
},
{
"name": "busy-signal",
"version": "1.4.3"
},
{
"name": "color-picker",
"version": "2.2.5"
},
{
"name": "command-palette",
"version": "0.43.3"
},
{
"name": "dalek",
"version": "0.2.1"
},
{
"name": "deprecation-cop",
"version": "0.56.9"
},
{
"name": "dev-live-reload",
"version": "0.48.1"
},
{
"name": "elm-format",
"version": "3.0.0"
},
{
"name": "emmet",
"version": "2.4.3"
},
{
"name": "encoding-selector",
"version": "0.23.7"
},
{
"name": "exception-reporting",
"version": "0.42.0"
},
{
"name": "file-icon-supplement",
"version": "0.8.3"
},
{
"name": "file-icons",
"version": "2.1.11"
},
{
"name": "find-and-replace",
"version": "0.215.0"
},
{
"name": "flow-ide",
"version": "1.10.0"
},
{
"name": "fuzzy-finder",
"version": "1.7.3"
},
{
"name": "git-diff",
"version": "1.3.6"
},
{
"name": "github",
"version": "0.8.3"
},
{
"name": "go-to-line",
"version": "0.32.1"
},
{
"name": "grammar-selector",
"version": "0.49.8"
},
{
"name": "highlight-selected",
"version": "0.13.1"
},
{
"name": "hyperclick",
"version": "0.1.5"
},
{
"name": "image-view",
"version": "0.62.4"
},
{
"name": "incompatible-packages",
"version": "0.27.3"
},
{
"name": "intentions",
"version": "1.1.5"
},
{
"name": "jsx-comment",
"version": "0.2.0"
},
{
"name": "keybinding-resolver",
"version": "0.38.1"
},
{
"name": "language-babel",
"version": "2.84.0"
},
{
"name": "language-c",
"version": "0.58.1"
},
{
"name": "language-clojure",
"version": "0.22.5"
},
{
"name": "language-coffee-script",
"version": "0.49.3"
},
{
"name": "language-csharp",
"version": "0.14.3"
},
{
"name": "language-css",
"version": "0.42.8"
},
{
"name": "language-elm",
"version": "1.5.0"
},
{
"name": "language-gfm",
"version": "0.90.3"
},
{
"name": "language-git",
"version": "0.19.1"
},
{
"name": "language-go",
"version": "0.44.4"
},
{
"name": "language-html",
"version": "0.48.5"
},
{
"name": "language-hyperlink",
"version": "0.16.3"
},
{
"name": "language-java",
"version": "0.27.6"
},
{
"name": "language-javascript",
"version": "0.127.7"
},
{
"name": "language-javascript-jsx",
"version": "0.3.7"
},
{
"name": "language-json",
"version": "0.19.1"
},
{
"name": "language-less",
"version": "0.34.1"
},
{
"name": "language-make",
"version": "0.22.3"
},
{
"name": "language-mustache",
"version": "0.14.4"
},
{
"name": "language-objective-c",
"version": "0.15.1"
},
{
"name": "language-perl",
"version": "0.38.1"
},
{
"name": "language-php",
"version": "0.43.0"
},
{
"name": "language-property-list",
"version": "0.9.1"
},
{
"name": "language-python",
"version": "0.45.6"
},
{
"name": "language-ruby",
"version": "0.71.4"
},
{
"name": "language-ruby-on-rails",
"version": "0.25.3"
},
{
"name": "language-sass",
"version": "0.61.3"
},
{
"name": "language-shellscript",
"version": "0.25.4"
},
{
"name": "language-source",
"version": "0.9.0"
},
{
"name": "language-sql",
"version": "0.25.9"
},
{
"name": "language-text",
"version": "0.7.3"
},
{
"name": "language-todo",
"version": "0.29.3"
},
{
"name": "language-toml",
"version": "0.18.1"
},
{
"name": "language-typescript",
"version": "0.2.3"
},
{
"name": "language-xml",
"version": "0.35.2"
},
{
"name": "language-yaml",
"version": "0.31.1"
},
{
"name": "line-ending-selector",
"version": "0.7.4"
},
{
"name": "link",
"version": "0.31.4"
},
{
"name": "linter",
"version": "2.0.0"
},
{
"name": "linter-eslint",
"version": "8.4.1"
},
{
"name": "linter-flow",
"version": "5.6.1"
},
{
"name": "linter-ui-default",
"version": "1.7.1"
},
{
"name": "markdown-preview",
"version": "0.159.20"
},
{
"name": "metrics",
"version": "1.2.6"
},
{
"name": "minimap",
"version": "4.29.6"
},
{
"name": "minimap-autohide",
"version": "0.10.1"
},
{
"name": "minimap-codeglance",
"version": "0.4.7"
},
{
"name": "minimap-cursorline",
"version": "0.2.0"
},
{
"name": "minimap-find-and-replace",
"version": "4.5.2"
},
{
"name": "minimap-highlight-selected",
"version": "4.6.1"
},
{
"name": "minimap-pigments",
"version": "0.2.2"
},
{
"name": "minimap-selection",
"version": "4.5.0"
},
{
"name": "notifications",
"version": "0.70.2"
},
{
"name": "nucleus-dark-ui",
"version": "0.12.3",
"theme": "ui"
},
{
"name": "nuclide",
"version": "0.286.0"
},
{
"name": "one-dark-syntax",
"version": "1.8.1",
"theme": "syntax"
},
{
"name": "one-dark-ui",
"version": "1.10.9",
"theme": "ui"
},
{
"name": "one-light-syntax",
"version": "1.8.1",
"theme": "syntax"
},
{
"name": "one-light-ui",
"version": "1.10.9",
"theme": "ui"
},
{
"name": "open-in-browser",
"version": "0.5.2"
},
{
"name": "open-on-github",
"version": "1.3.1"
},
{
"name": "package-generator",
"version": "1.3.0"
},
{
"name": "pigments",
"version": "0.40.2"
},
{
"name": "platformio-ide-terminal",
"version": "2.8.0"
},
{
"name": "react",
"version": "0.18.0"
},
{
"name": "seti-icons",
"version": "1.5.4"
},
{
"name": "seti-ui",
"version": "1.9.0",
"theme": "ui"
},
{
"name": "settings-view",
"version": "0.253.1-0"
},
{
"name": "snippets",
"version": "1.1.9"
},
{
"name": "snow-dark-syntax",
"version": "0.1.1",
"theme": "syntax"
},
{
"name": "solarized-dark-syntax",
"version": "1.1.3",
"theme": "syntax"
},
{
"name": "solarized-light-syntax",
"version": "1.1.3",
"theme": "syntax"
},
{
"name": "sort-lines",
"version": "0.18.0"
},
{
"name": "spell-check",
"version": "0.72.5"
},
{
"name": "status-bar",
"version": "1.8.15"
},
{
"name": "styleguide",
"version": "0.49.9"
},
{
"name": "symbols-view",
"version": "0.118.1"
},
{
"name": "sync-settings",
"version": "0.8.5"
},
{
"name": "tabs",
"version": "0.109.1"
},
{
"name": "timecop",
"version": "0.36.2"
},
{
"name": "tool-bar",
"version": "1.1.4"
},
{
"name": "toolbar-iconshortcuts",
"version": "3.17.0"
},
{
"name": "tree-view",
"version": "0.221.3"
},
{
"name": "update-package-dependencies",
"version": "0.13.0"
},
{
"name": "welcome",
"version": "0.36.6"
},
{
"name": "whitespace",
"version": "0.37.5"
},
{
"name": "wrap-guide",
"version": "0.40.3"
}
]
{
"atom-beautify": {
"general": {
"_analyticsUserId": "e5b4fee4-b635-4327-8a4c-fed4f33c8089"
},
"js": {
"indent_char": " ",
"indent_level": 2
}
},
"atom-import-sort": {
"sortOnSave": true
},
"atom-toolbar": {
"visible": false
},
"core": {
"customFileTypes": {
"source.ini": [
".buckconfig",
".flowconfig",
".hgrc"
],
"source.json": [
"BUCK.autodeps"
],
"source.python": [
"BUCK"
]
},
"disabledPackages": [
"language-javascript-jsx",
"minimap-autohide",
"minimap",
"file-icon-supplement",
"seti-icons",
"atom-toolbar",
"elm-format",
"language-elm",
"tool-bar",
"toolbar-iconshortcuts",
"react",
"tree-view",
"linter",
"flow-ide"
],
"telemetryConsent": "limited",
"themes": [
"nucleus-dark-ui",
"snow-dark-syntax"
]
},
"editor": {
"fontFamily": "Operator Mono",
"fontSize": 15,
"showIndentGuide": true,
"showInvisibles": true
},
"exception-reporting": {
"userId": "7fb37bf9-b822-4770-b88f-7979619452a4"
},
"flow-ide": {},
"linter-ui-default": {
"showPanel": true
},
"minimap": {
"plugins": {
"codeglance": true,
"codeglanceDecorationsZIndex": 0,
"cursorline": true,
"cursorlineDecorationsZIndex": 0,
"find-and-replace": true,
"find-and-replaceDecorationsZIndex": 0,
"highlight-selected": true,
"highlight-selectedDecorationsZIndex": 0,
"minimap-autohide": true,
"minimap-autohideDecorationsZIndex": 0,
"pigments": true,
"pigmentsDecorationsZIndex": 0,
"selection": true,
"selectionDecorationsZIndex": 0
}
},
"minimap-codeglance": {
"numberOfLines": 15
},
"nuclide": {
"nuclide-home": {
"showHome": false
},
"use": {}
},
"react": {
"enabledForAllJavascriptFiles": true
},
"sync-settings": {},
"tool-bar": {
"visible": false
},
"tree-view": {},
"welcome": {
"showOnStartup": false
}
}
# Your snippets
#
'.source.js':
'Import Statement':
'prefix': 'imf'
'body': 'import $1 from \'$2\';'
'Import Destructured':
'prefix': 'imdso'
'body': 'import { $1 } from \'$2\';'
'Import Module':
'prefix': 'imm'
'body': 'import $1 from $2\'$1\';'
'setTimeout one-liner':
'prefix': 'stos'
'body': 'setTimeout(() => $1, $2);'
'setTimeout':
'prefix': 'sto'
'body': 'setTimeout(() => {\n $1\n}, $2);'
'Spacious Braces':
'prefix': 'dso'
'body': '{ $1 }'
'Console Log':
'prefix': 'csl'
'body': 'console.log($1)'
'Export Default':
'prefix': 'exp'
'body': 'export default $1;'
'Call w/ Obj':
'prefix': 'cwo'
'body': '$1({$2});'
'Export Const (String)':
'prefix': 'excs'
'body': 'export const $1 = \'$1\';'
'PropTypes Setup':
'prefix': 'rpt'
'body': 'propTypes = {\n $1: $2\n}'
'Single PropType':
'prefix': 'spt'
'body': '$1: PropTypes.$2'
'React Return':
'prefix': 'rr'
'body': 'return (\n $1\n);'
'Import React from React':
'prefix': 'imr'
'body': 'import React from \'react\';'
'Set State':
'prefix': 'ss'
'body': 'this.setState({ $1 });'
'Import Connect from RR':
'prefix': 'cfrr'
'body': 'import { connect } from \'react-redux\';'
'React Class Component':
'prefix': 'rcc'
'body': 'import React from \'react\';\n\nclass $1 extends React.Component {\n render() {\n return (\n <div>\n $2\n </div>\n );\n }\n}\n\nexport default $1;'
'React => Method':
'prefix': 'raf'
'body': '$1 = ($2) => {\n $3\r }'
'Functional Component':
'prefix': 'rfc'
'body': 'import React from \'react\';\n\nconst $1 = ({ $2 }) => {\n return (\n <div>\n $3\n </div>\n );\n}\n\nexport default $1;'
'Handle Click':
'prefix': 'rhc'
'body': 'handleClick = (e) => {\n $1\n}'
'Map State To Props':
'prefix': 'mstp'
'body': 'const mapStateToProps = (state) => {\n return {\n $1\n }\n}'
'Styled .':
'prefix': 'sd'
'body': 'const $1 = styled.${2:div}`\n $3\n`;'
'Import Styled':
'prefix': 'is'
'body': 'import styled from \'styled-components\';'
'const = Deconstructed Object':
'prefix': 'cdso'
'body': 'const { $1 } = $2;'
'.source.ts':
'import from':
'prefix': 'imf'
'body': 'import { $1 } from $2;'
'Spacious Braces':
'prefix': 'dso'
'body': '{ $1 }'
'Console Log':
'prefix': 'csl'
'body': 'console.log($1)'
'Interpolate':
'prefix': 'int'
'body': '{{ $1 }}'
# 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
atom-workspace,
atom-text-editor {
font-family: "Operator Mono";
font-size: 15px;
font-weight: normal;
line-height: 1.6;
background: #0b0b0b;
}
atom-panel.tool-panel {
font-size: 0.88em;
}
.editor .comment,
atom-text-editor.editor .syntax--comment {
font-family: "Operator Mono";
font-style: italic;
}
atom-text-editor::shadow {
.string.quoted,
.string.regexp {
-webkit-font-feature-settings: "liga" off, "calt" off;
}
.storage.type.function.arrow.js,
.punctuation.definition.comment,
.keyword.operator {
font-family: 'Fira Code';
text-rendering: optimizeLegibility;
font-style: normal;
letter-spacing: normal;
}
.entity.name,
.storage.type.function.js {
font-weight: 400;
}
.comment.js,
.keyword.control.js,
.storage.js.type.var,
.storage.modifier.js,
.variable.language.js,
.storage.js.type.const,
.entity.other.attribute-name {
font-style: italic;
}
}
.invisible-character.leading-whitespace.indent-guide {
color: rgba(71, 245, 182, 0.11);
}
// snow theme:
.syntax--variable.syntax--other.syntax--readwrite.syntax--js,
.syntax--variable.syntax--other.syntax--constant.syntax--js {
color: #a074c4 !important;
}
.syntax--curly,
.syntax--JSXNested,
.syntax--meta.syntax--brace.syntax--js,
.syntax--meta.syntax--delimiter.syntax--comma.syntax--js,
.syntax--punctuation.syntax--quasi.syntax--element.syntax--js, // template literal ${}
.syntax--punctuation.syntax--separator.syntax--key-value.syntax--js,
.syntax--string.syntax--unquoted.syntax--js {
// color: rgb(121, 116, 111) !important;
// color: #8c8782 !important;
color: rgb(110,110,110) !important;
}
.syntax--string.syntax--quoted, atom-text-editor.editor .syntax--string.syntax--regexp {
color: #3C98FF !important;
}
.syntax--source.syntax--js.syntax--embedded.syntax--source {
color: #32D456 !important;
}
.syntax--entity.syntax--name.syntax--tag,
.syntax--support.syntax--class,
.syntax--punctuation.syntax--type.syntax--flowtype,
.syntax--entity.syntax--other.syntax--attribute-name.syntax--pseudo-class.syntax--css {
color: #e6cd69 !important;
// font-style: normal;
}
.tab-bar .tab.active .title, .tab-bar .tab:hover.active .title {
color: #FF6F59 !important;
}
.list-group li:not(.list-nested-item).selected,
.list-tree li:not(.list-nested-item).selected,
.list-group li.list-nested-item.selected > .list-item,
.list-tree li.list-nested-item.selected > .list-item {
color: #FF6F59 !important;
}
.syntax--variable {
color: #32D456 !important;
}
.variable.language.js {
color: #009688;
}
.syntax--keyword.syntax--operator.syntax--accessor.syntax--js {
color: rgb(83, 81, 79) !important;
}
.syntax--keyword.syntax--operator {
color: #DB504A !important;
}
.line-number.git-line-added {
border-left: 2px solid #FF6F59 !important;
color: #FF6F59 !important;
}
.syntax--variable.syntax--language.syntax--js {
color: #FF5381 !important;
}
.syntax--support.syntax--function {
color: #54F7FF !important;
}
.syntax--attribute-name {
color: #FF6F59 !important;
}
.syntax--keyword.syntax--control, {
color: #CE5878 !important;
}
.syntax--boolean {
color: #E66FFF !important;
}
// .syntax--curly {
// color: rgb(110,110,110) !important;
// }
.status-modified {
color: #B074FF !important;
// .list-item {
// color: #B074FF !important;
// }
}
.syntax--entity.syntax--other.syntax--inherited-class {
color: #FF5381 !important;
}
::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 5px;
}
::-webkit-scrollbar-thumb {
border-radius: 5px;
box-shadow: inset 0 0 15px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-corner {
box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
// JSON HIGHLIGHTING
.syntax--meta.syntax--json {
.syntax--string.syntax--quoted.syntax--double.syntax--json,
.syntax--punctuation.syntax--definition.syntax--string.syntax--json {
color: rgb(205, 189, 74) !important;
color: rgb(55, 133, 189) !important;
}
}
.syntax--meta.syntax--key.syntax--json {
.syntax--string.syntax--quoted.syntax--double.syntax--json,
.syntax--punctuation.syntax--definition.syntax--string.syntax--json {
color: rgb(37, 147, 28) !important;
font-style: italic;
}
}
.syntax--punctuation.syntax--definition.syntax--array.syntax--json,
.syntax--punctuation.syntax--definition.syntax--dictionary.syntax--json,
.syntax--punctuation.syntax--separator.syntax--array.syntax--json {
color: rgb(194, 110, 114) !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment