Skip to content

Instantly share code, notes, and snippets.

@nataly-chobat
Last active July 22, 2019 09:50
Show Gist options
  • Save nataly-chobat/682cd94e4e64adc138042ff4dd9d2ca8 to your computer and use it in GitHub Desktop.
Save nataly-chobat/682cd94e4e64adc138042ff4dd9d2ca8 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()}"
# 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:
# * https://atom.io/docs/latest/using-atom-basic-customization#customizing-key-bindings
# * https://atom.io/docs/latest/behind-atom-keymaps-in-depth
#
# If you're having trouble with your keybindings not working, try the
# Keybinding Resolver: `Cmd+.` on OS X and `Ctrl+.` on other platforms. See the
# Debugging Guide for more information:
# * https://atom.io/docs/latest/hacking-atom-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:
# https://atom.io/docs/latest/using-atom-basic-customization#cson
'.editor':
'alt-ctrl-a': 'editor:auto-indent'
[
{
"name": "about",
"version": "1.9.1"
},
{
"name": "archive-view",
"version": "0.65.1"
},
{
"name": "atom-dark-syntax",
"version": "0.29.1",
"theme": "syntax"
},
{
"name": "atom-dark-ui",
"version": "0.53.3",
"theme": "ui"
},
{
"name": "atom-ide-ui",
"version": "0.13.0"
},
{
"name": "atom-light-syntax",
"version": "0.29.1",
"theme": "syntax"
},
{
"name": "atom-light-ui",
"version": "0.46.3",
"theme": "ui"
},
{
"name": "atom-react-native-style",
"version": "0.2.0"
},
{
"name": "autocomplete-atom-api",
"version": "0.10.7"
},
{
"name": "autocomplete-css",
"version": "0.17.5"
},
{
"name": "autocomplete-flow",
"version": "1.6.0"
},
{
"name": "autocomplete-html",
"version": "0.8.7"
},
{
"name": "autocomplete-modules",
"version": "2.3.0"
},
{
"name": "autocomplete-plus",
"version": "2.41.0"
},
{
"name": "autocomplete-snippets",
"version": "1.12.0"
},
{
"name": "autoflow",
"version": "0.29.4"
},
{
"name": "autosave",
"version": "0.24.6"
},
{
"name": "background-tips",
"version": "0.28.0"
},
{
"name": "base16-tomorrow-dark-theme",
"version": "1.6.0",
"theme": "syntax"
},
{
"name": "base16-tomorrow-light-theme",
"version": "1.6.0",
"theme": "syntax"
},
{
"name": "bookmarks",
"version": "0.45.1"
},
{
"name": "bracket-matcher",
"version": "0.89.4"
},
{
"name": "busy-signal",
"version": "2.0.1"
},
{
"name": "command-palette",
"version": "0.43.5"
},
{
"name": "dalek",
"version": "0.2.2"
},
{
"name": "deprecation-cop",
"version": "0.56.9"
},
{
"name": "dev-live-reload",
"version": "0.48.1"
},
{
"name": "encoding-selector",
"version": "0.23.9"
},
{
"name": "exception-reporting",
"version": "0.43.1"
},
{
"name": "file-icons",
"version": "2.1.33"
},
{
"name": "find-and-replace",
"version": "0.215.14"
},
{
"name": "firacode",
"version": "0.3.0"
},
{
"name": "flex-tool-bar",
"version": "2.1.3"
},
{
"name": "flow-ide",
"version": "1.13.0"
},
{
"name": "fuzzy-finder",
"version": "1.8.2"
},
{
"name": "genesis-ui",
"version": "0.5.0",
"theme": "ui"
},
{
"name": "git-blame",
"version": "1.8.0"
},
{
"name": "git-diff",
"version": "1.3.9"
},
{
"name": "github",
"version": "0.20.2"
},
{
"name": "go-to-line",
"version": "0.33.0"
},
{
"name": "grammar-selector",
"version": "0.50.1"
},
{
"name": "highlight-selected",
"version": "0.16.0"
},
{
"name": "hyperclick",
"version": "0.1.5"
},
{
"name": "ide-flowtype",
"version": "0.24.0"
},
{
"name": "image-view",
"version": "0.63.1"
},
{
"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.4"
},
{
"name": "language-babel",
"version": "2.85.0"
},
{
"name": "language-c",
"version": "0.60.13"
},
{
"name": "language-clojure",
"version": "0.22.7"
},
{
"name": "language-coffee-script",
"version": "0.49.3"
},
{
"name": "language-csharp",
"version": "1.1.0"
},
{
"name": "language-css",
"version": "0.43.0"
},
{
"name": "language-gfm",
"version": "0.90.5"
},
{
"name": "language-git",
"version": "0.19.1"
},
{
"name": "language-go",
"version": "0.46.6"
},
{
"name": "language-graphql",
"version": "1.0.0"
},
{
"name": "language-html",
"version": "0.51.5"
},
{
"name": "language-hyperlink",
"version": "0.16.3"
},
{
"name": "language-java",
"version": "0.30.0"
},
{
"name": "language-javascript",
"version": "0.129.17"
},
{
"name": "language-json",
"version": "0.19.2"
},
{
"name": "language-less",
"version": "0.34.2"
},
{
"name": "language-make",
"version": "0.22.3"
},
{
"name": "language-mustache",
"version": "0.14.5"
},
{
"name": "language-objective-c",
"version": "0.15.1"
},
{
"name": "language-perl",
"version": "0.38.1"
},
{
"name": "language-php",
"version": "0.44.0"
},
{
"name": "language-property-list",
"version": "0.9.1"
},
{
"name": "language-python",
"version": "0.51.8"
},
{
"name": "language-ruby",
"version": "0.72.14"
},
{
"name": "language-ruby-on-rails",
"version": "0.25.3"
},
{
"name": "language-rust-bundled",
"version": "0.1.0"
},
{
"name": "language-sass",
"version": "0.62.0"
},
{
"name": "language-shellscript",
"version": "0.27.9"
},
{
"name": "language-source",
"version": "0.9.0"
},
{
"name": "language-sql",
"version": "0.25.10"
},
{
"name": "language-swift",
"version": "0.5.0"
},
{
"name": "language-text",
"version": "0.7.4"
},
{
"name": "language-todo",
"version": "0.29.4"
},
{
"name": "language-toml",
"version": "0.18.2"
},
{
"name": "language-typescript",
"version": "0.4.11"
},
{
"name": "language-xml",
"version": "0.35.2"
},
{
"name": "language-yaml",
"version": "0.32.0"
},
{
"name": "line-ending-selector",
"version": "0.7.7"
},
{
"name": "link",
"version": "0.31.6"
},
{
"name": "linter",
"version": "2.3.0"
},
{
"name": "linter-eslint",
"version": "8.5.5"
},
{
"name": "linter-flow",
"version": "5.6.1"
},
{
"name": "linter-jsonlint",
"version": "1.4.0"
},
{
"name": "linter-scss-lint",
"version": "3.2.1"
},
{
"name": "linter-ui-default",
"version": "1.7.1"
},
{
"name": "markdown-preview",
"version": "0.159.25"
},
{
"name": "merge-conflicts",
"version": "1.4.5"
},
{
"name": "metrics",
"version": "1.6.2"
},
{
"name": "minimap",
"version": "4.29.9"
},
{
"name": "minimap-bookmarks",
"version": "0.4.2"
},
{
"name": "minimap-find-and-replace",
"version": "4.5.2"
},
{
"name": "minimap-git-diff",
"version": "4.3.1"
},
{
"name": "minimap-highlight-selected",
"version": "4.6.1"
},
{
"name": "minimap-linter",
"version": "2.2.1"
},
{
"name": "multi-cursor",
"version": "2.1.5"
},
{
"name": "notifications",
"version": "0.70.5"
},
{
"name": "nuclide",
"version": "0.366.0"
},
{
"name": "nuclide-format-js",
"version": "0.0.47"
},
{
"name": "one-dark-syntax",
"version": "1.8.4",
"theme": "syntax"
},
{
"name": "one-dark-ui",
"version": "1.12.5",
"theme": "ui"
},
{
"name": "one-light-syntax",
"version": "1.8.4",
"theme": "syntax"
},
{
"name": "one-light-ui",
"version": "1.12.5",
"theme": "ui"
},
{
"name": "open-on-github",
"version": "1.3.1"
},
{
"name": "package-generator",
"version": "1.3.0"
},
{
"name": "pigments",
"version": "0.40.2"
},
{
"name": "prettier-atom",
"version": "0.57.1"
},
{
"name": "react-snippets",
"version": "1.1.3"
},
{
"name": "set-syntax",
"version": "0.4.0"
},
{
"name": "settings-view",
"version": "0.256.1"
},
{
"name": "snippets",
"version": "1.3.5"
},
{
"name": "solarized-dark-syntax",
"version": "1.2.0",
"theme": "syntax"
},
{
"name": "solarized-light-syntax",
"version": "1.2.0",
"theme": "syntax"
},
{
"name": "space-tab",
"version": "0.4.2"
},
{
"name": "spell-check",
"version": "0.74.1"
},
{
"name": "split-diff",
"version": "1.6.0"
},
{
"name": "status-bar",
"version": "1.8.15"
},
{
"name": "styleguide",
"version": "0.49.12"
},
{
"name": "swackets",
"version": "0.35.0"
},
{
"name": "symbols-view",
"version": "0.118.2"
},
{
"name": "sync-settings",
"version": "0.8.6"
},
{
"name": "tabs",
"version": "0.109.2"
},
{
"name": "teletype",
"version": "0.13.4"
},
{
"name": "timecop",
"version": "0.36.2"
},
{
"name": "todo-show",
"version": "2.3.2"
},
{
"name": "tool-bar",
"version": "1.1.12"
},
{
"name": "tree-view",
"version": "0.224.2"
},
{
"name": "update-package-dependencies",
"version": "0.13.1"
},
{
"name": "welcome",
"version": "0.36.7"
},
{
"name": "whitespace",
"version": "0.37.7"
},
{
"name": "wrap-guide",
"version": "0.40.3"
}
]
{
"activate-power-mode": {
"autoToggle": false,
"comboMode": {
"enabled": false
},
"plugins": {
"playAudio": true,
"screenShake": true
}
},
"autocomplete-modules": {
"includeExtension": true
},
"core": {
"automaticallyUpdate": false,
"customFileTypes": {
"source.ini": [
".buckconfig",
".hgrc",
".flowconfig"
],
"source.js.jsx": [
"js"
],
"source.json": [
"BUCK.autodeps"
],
"source.python": [
"BUCK"
]
},
"disabledPackages": [
"wrap-guide",
"language-javascript-jsx",
"linter-jscs",
"react",
"atom-jade",
"tree-view",
"image-view",
"atom-ide-ui"
],
"packagesWithKeymapsDisabled": [
"tool-bar"
],
"telemetryConsent": "no"
},
"editor": {
"confirmCheckoutHeadRevision": false,
"fontFamily": "Fira Code",
"showInvisibles": true,
"softWrap": true,
"tabLength": 4
},
"exception-reporting": {
"userId": "013796d5-0ddb-ff99-ad8d-66e79101b0bd"
},
"git-blame": {
"columnWidth": 255
},
"jshint": {
"supportLintingJsx": true
},
"linter-eslint": {
"advanced": {
"disableEslintIgnore": true
},
"global": {
"globalNodePath": "C:\\Users\\nmalezh\\AppData\\Roaming\\npm"
}
},
"linter-jshint": {
"lintJSXFiles": true
},
"linter-ui-default": {
"panelHeight": 647
},
"markdown-preview": {
"useGitHubStyle": true
},
"merge-conflicts": {
"gitPath": "C:\\Program Files\\Git\\bin\\git.exe"
},
"minimap": {
"plugins": {
"bookmarks": true,
"bookmarksDecorationsZIndex": 0,
"find-and-replace": true,
"find-and-replaceDecorationsZIndex": 0,
"git-diff": true,
"git-diffDecorationsZIndex": 0,
"highlight-selected": true,
"highlight-selectedDecorationsZIndex": 0,
"linter": true,
"linterDecorationsZIndex": 0
}
},
"node-debugger": {
"debugPort": 3000
},
"nuclide": {
"atom-ide-terminal": {
"allowTransparency": true,
"cursorBlink": true,
"cursorStyle": "bar"
},
"nuclide-file-tree": {
"revealFileOnSwitch": true
},
"nuclide-flow": {
"canUseFlowBin": true,
"warnOnNotInstalled": false
},
"nuclide-home": {
"showHome": false
},
"nuclide-working-sets": {},
"use": {
"atom-ide-diagnostics-ui": "never"
}
},
"platformio-ide-terminal": {
"core": {
"shell": "C:\\Program Files\\Git\\bin\\sh.exe"
}
},
"prettier-atom": {
"useEslint": true
},
"pull-requests": {
"githubAuthorizationToken": "9232c4886af1d061981cd24cc0824f053ecbf0f3"
},
"split-diff": {
"ignoreWhitespace": true
},
"sync-settings": {
"extraFiles": [
"toolbar.cson"
]
},
"terminal-plus": {
"core": {
"shell": "C:\\Program Files\\Git\\bin\\sh.exe",
"shellArguments": "--login"
}
},
"todo-show": {
"ignoreThesePaths": [
"**/node_modules/",
"**/vendor/",
"**/bower_components/",
"**/boundle.js",
"**/boundle_old.js"
]
},
"tool-bar": {
"iconSize": "16px",
"position": "Left"
},
"tree-view": {
"hideVcsIgnoredFiles": true
},
"welcome": {
"showOnStartup": false
},
"whitespace": {
"ensureSingleTrailingNewline": false
}
}
# 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:
# https://atom.io/docs/latest/using-atom-basic-customization#cson
'.source.js, .source.ts, .source.tsx':
'Console log':
'prefix': 'cl'
'body': 'console.log("$1")'
'Console log double':
'prefix': 'cll'
'body': 'console.log("$1", $1)'
'Console warn':
'prefix': 'cw'
'body': 'console.warn("$1")'
'Console tron (Reactotron.log)':
'prefix': 'ct'
'body': 'console.tron($1)'
'Console warn double':
'prefix': 'cww'
'body': 'console.warn("$1", $1)'
'Console error':
'prefix': 'ce'
'body': 'console.error("$1")'
'Console error double':
'prefix': 'cee'
'body': 'console.error("$1", $1)'
'React Component':
'prefix': 'rc'
'body': '''
export default class $1 extends React.Component {
render(){
return (
$2
)
}
}
'''
'JSX tag':
'prefix': '<'
'body': '''
<$1>
$2
</$1>
'''
'Component Did Mount':
'prefix': 'cdm'
'body': '''
componentDidMount(){
$1
}
'''
'Component Will Unmount':
'prefix': 'cwu'
'body': '''
componentWillUnmount(){
$1
}
'''
'Component Did Update':
'prefix': 'cdu'
'body': '''
componentDidUpdate(){
$1
}
'''
'Component Will Receive Props':
'prefix': 'cwrp'
'body': '''
componentWillReceiveProps(){
$1
}
'''
'Should Component Update':
'prefix': 'scu'
'body': '''
shouldComponentUpdate(){
$1
}
'''
'Redux Some snippet':
'prefix': 'rdx'
'body': '''
export const ${1:ACTION_TYPE} = 'app/${2: reducer}/${1:ACTION_TYPE}'
'''
'Try Catch':
'prefix': 'try'
'body': '''
try {
$1
} catch (error) {
console.error('Custom error:', error)
}
'''
/*
* 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;
}
// 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;
}
// gif
// http://wallbase.ru/img/082515/wallbaseRu-60122.jpg
// gray blue
// http://img07.deviantart.net/811b/i/2014/319/0/a/hideout_by_vablo-d86hcdn.jpg
// original red ^
// http://orig14.deviantart.net/a1a4/f/2016/283/5/2/sci_fi_interior_concept_awakening_by_myfysalim-dakjs0x.jpg
// http://orig02.deviantart.net/8076/f/2008/126/6/d/hostile_takeover_by_omen2501.jpg
// nice
// (https://images.unsplash.com/photo-1533420818497-950b82678fc5?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=71130a052ef932312ab7b86595d4d2fb&auto=format&fit=crop&w=1950&q=80)
// https://images.unsplash.com/photo-1533384507666-c4634f3e72a8?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=05ca2b052f68939e65ccd54a00f09ec5&auto=format&fit=crop&w=2900&q=80
/*WORKSPACE*/
atom-text-editor > div {
background: linear-gradient(to left, rgba(33, 37, 43, 0.60), rgba(33, 37, 43, 0.98)) !important;
}
.pane:first-child .item-views > .editor{
background: linear-gradient(
rgba(255, 90, 10, 0.45),
rgba(0, 0, 0, 0.75)
), url(https://images.unsplash.com/photo-1509721434272-b79147e0e708?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2450&q=100);
background-repeat: no-repeat;
background-size: cover;
}
.pane:first-child atom-text-editor::shadow{
.lines{
background-color: inherit !important;
div[style*="position: absolute"]{
// background: linear-gradient(to left, rgba(33, 37, 43, 0.60), rgba(33, 37, 43, 0.98)) !important;
}
}
}
atom-text-editor::shadow{
.comment{
color: white !important;
}
.line.cursor-line{
background-color: rgba(153, 187, 255, 0.15);
}
.gutter {
.line-number{
color: #868686;
opacity: 1;
&.node-debugger-attached-breakpoint{
background: #cc0000
}
&.node-debugger-detached-breakpoint{
background: blue
}
&.cursor-line{
color: #d2d2d2
}
&.bookmarked .icon-right:before{
color: #f00;
}
}
}
}
atom-text-editor::shadow atom-text-editor-minimap:not([stand-alone]){
background: rgba(33, 37, 43, 0.40);
}
atom-text-editor-minimap::shadow .minimap-visible-area{
border-top: 1px solid gray;
border-bottom: 1px solid gray;
}
atom-text-editor atom-text-editor-minimap::shadow .minimap-visible-area::after,
atom-text-editor::shadow atom-text-editor-minimap::shadow .minimap-visible-area::after {
background-color: rgba(116, 91, 255, 0.4);
}
/* The rule for normal highlights */
.minimap .highlight-selected {
background: white;
}
/* The rule for selected highlights */
.minimap .highlight-selected.selected {
background: red;
}
.tab-bar .tab{
color: #d7dae0;
&.active[data-type$="Editor"], &.active[data-type="MarkdownPreviewView"]{
color: #9ebeff;
}
}
atom-panel-container{
position: relative;
}
linter-panel{
position: absolute;
top: -25px;
left: 0px;
width: 100%;
}
# This file is used by Flex Tool Bar to create buttons on your Tool Bar.
# For more information how to use this package and create your own buttons,
# read the documentation on https://atom.io/packages/flex-tool-bar
[
{
type: "button"
icon: "gear"
callback: "flex-tool-bar:edit-config-file"
tooltip: "Edit Tool Bar"
}
{
type: 'button',
tooltip: 'New File',
callback: 'application:new-file',
icon: 'plus',
iconset: 'ion'
},
{
type: 'button'
tooltip: 'Open File'
callback: 'application:open-file'
icon: 'document-text'
iconset: 'ion'
},
{
type: 'button'
tooltip: 'Open Folder'
callback: 'application:open-folder'
icon: 'folder'
iconset: 'ion'
},
{
type: 'spacer'
},
{
type: 'button'
tooltip: 'Toggle Fullscreen'
callback: 'window:toggle-full-screen'
icon: 'arrows-alt'
iconset: 'fa'
},
{
type: 'button'
tooltip: 'Reveal in File Tree'
callback: 'tree-view:reveal-active-file'
icon: 'file-symlink-directory'
},
{
type: 'button'
tooltip: 'Split Diff'
dependency: 'split-diff'
callback: 'split-diff:enable'
icon: 'merge'
iconset: 'ion'
},
{
type: 'button'
tooltip: 'Git Blame'
dependency: 'git-blame'
callback: 'git-blame:toggle'
icon: 'thumbsdown'
},
{
type: 'button'
tooltip: 'React Inspector'
callback: 'nuclide-react-inspector:toggle'
icon: 'credit-card'
},
{
type: 'button'
tooltip: 'Toggle bookmark'
callback: 'bookmarks:toggle-bookmark'
icon: 'bookmark'
},
{
type: 'button'
tooltip: 'Open Settings View'
callback: 'settings-view:open'
icon: 'gear-a'
iconset: 'ion'
},
{
type: 'spacer'
},
{
type: 'spacer'
},
{
type: 'spacer'
}
]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment