Skip to content

Instantly share code, notes, and snippets.

@vgrafe

vgrafe/init.coffee

Last active March 16, 2017 20:38
Show Gist options
  • Save vgrafe/a7f4b9918c2a02a7422aff6e86482132 to your computer and use it in GitHub Desktop.
Save vgrafe/a7f4b9918c2a02a7422aff6e86482132 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
init.coffee
# syncs editor font size with UI font size
# set initial value
document.documentElement.style.fontSize = (atom.config.get('editor.fontSize') - 2) + 'px'
# update value
atom.config.onDidChange 'editor.fontSize', ({newValue}) ->
document.documentElement.style.fontSize = (newValue - 2) + 'px'
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:
# * 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
'atom-text-editor':
'cmd-alt-k': 'standard-formatter:format'
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": "atom-ternjs",
"version": "0.18.2"
},
{
"name": "auto-detect-indentation",
"version": "1.3.0"
},
{
"name": "auto-update-packages",
"version": "1.0.1"
},
{
"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.8"
},
{
"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": "command-palette",
"version": "0.40.1"
},
{
"name": "css-color-underline",
"version": "1.0.1"
},
{
"name": "deprecation-cop",
"version": "0.56.2"
},
{
"name": "dev-live-reload",
"version": "0.47.0"
},
{
"name": "duotone-dark-sea-syntax",
"version": "2.1.0",
"theme": "syntax"
},
{
"name": "encoding-selector",
"version": "0.23.1"
},
{
"name": "exception-reporting",
"version": "0.41.0"
},
{
"name": "file-icons",
"version": "2.0.17"
},
{
"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": "haskell-grammar",
"version": "0.4.0"
},
{
"name": "highlight-selected",
"version": "0.12.0"
},
{
"name": "hyperclick",
"version": "0.0.40"
},
{
"name": "image-view",
"version": "0.60.0"
},
{
"name": "incompatible-packages",
"version": "0.26.1"
},
{
"name": "js-hyperclick",
"version": "1.10.1"
},
{
"name": "keybinding-resolver",
"version": "0.36.1"
},
{
"name": "language-babel",
"version": "2.56.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-graphql",
"version": "0.8.0"
},
{
"name": "language-html",
"version": "0.47.2"
},
{
"name": "language-hyperlink",
"version": "0.16.1"
},
{
"name": "language-ini",
"version": "1.19.0"
},
{
"name": "language-java",
"version": "0.26.0"
},
{
"name": "language-javascript",
"version": "0.126.1"
},
{
"name": "language-json",
"version": "0.18.3"
},
{
"name": "language-json5",
"version": "1.1.0"
},
{
"name": "language-less",
"version": "0.30.1"
},
{
"name": "language-lua",
"version": "0.9.11"
},
{
"name": "language-make",
"version": "0.22.3"
},
{
"name": "language-mustache",
"version": "0.13.1"
},
{
"name": "language-objective-c",
"version": "0.15.1"
},
{
"name": "language-ocaml",
"version": "1.1.2"
},
{
"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-swift",
"version": "0.5.0"
},
{
"name": "language-text",
"version": "0.7.1"
},
{
"name": "language-thrift",
"version": "1.0.2"
},
{
"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.0"
},
{
"name": "linter-eslint",
"version": "8.1.4"
},
{
"name": "linter-js-standard",
"version": "3.9.0"
},
{
"name": "markdown-preview",
"version": "0.159.6"
},
{
"name": "merge-conflicts",
"version": "1.4.4"
},
{
"name": "metrics",
"version": "1.1.3"
},
{
"name": "nice-index",
"version": "1.0.5"
},
{
"name": "notifications",
"version": "0.66.2"
},
{
"name": "nuclide",
"version": "0.210.0"
},
{
"name": "nuclide-format-js",
"version": "0.0.36"
},
{
"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": "prettier-atom",
"version": "0.23.1"
},
{
"name": "project-manager",
"version": "3.3.3"
},
{
"name": "react",
"version": "0.16.2"
},
{
"name": "remote-sync",
"version": "4.1.5"
},
{
"name": "set-syntax",
"version": "0.3.2"
},
{
"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": "sort-lines",
"version": "0.14.0"
},
{
"name": "spell-check",
"version": "0.70.2"
},
{
"name": "standard-formatter",
"version": "2.8.0"
},
{
"name": "status-bar",
"version": "1.8.1"
},
{
"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": "tool-bar",
"version": "1.1.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"
}
]
Raw
settings.json
{
"atom-beautify": {
"general": {
"_analyticsUserId": "251e30e9-30d2-4b9a-a8a9-63dcf35b7d0b"
}
},
"core": {
"allowPendingPaneItems": false,
"customFileTypes": {
"source.ini": [
".buckconfig",
".flowconfig",
".hgrc"
],
"source.json": [
".arcconfig",
"BUCK.autodeps"
],
"source.python": [
"BUCK"
]
},
"disabledPackages": [
"react",
"css-color-underline",
"linter",
"linter-js-standard",
"linter-eslint",
"nuclide"
],
"telemetryConsent": "limited",
"themes": [
"one-dark-ui",
"base16-tomorrow-dark-theme"
]
},
"editor": {
"fontSize": 16
},
"exception-reporting": {
"userId": "06e31c70-da05-13f8-a08b-0338de3ba03c"
},
"js-hyperclick": {},
"linter": {
"errorPanelHeight": 59
},
"linter-eslint": {},
"linter-js-standard": {
"checkStyleDevDependencies": true
},
"linter-stylelint": {
"disableWhenNoConfig": true
},
"markdown-preview": {
"openPreviewInSplitPane": false
},
"nuclide": {
"installRecommendedPackages": true,
"nuclide-buck": {
"suggestTaskRunner": false
},
"nuclide-home": {
"showHome": false
}
},
"prettier-atom": {
"formatOnSave": true
},
"project-manager": {
"sortBy": "last modified"
},
"remote-sync": {
"autoHideLogPanel": true
},
"sync-settings": {},
"tree-view": {
"autoReveal": true,
"hideIgnoredNames": true
},
"welcome": {
"showOnStartup": false
}
}
Raw
snippets.cson
'.source.js':
'className':
'prefix': 'cn'
'body': 'className={styles.$1}'
'console.log':
'prefix': 'log'
'body': 'console.log($1)'
'react class':
'prefix': 'rcv'
'body': """
import React, { PropTypes } from 'react'
import styles from './styles.css'
const $1 = props => {
return (
<div>$1</div>
)
}
$1.propTypes = {}
export default $1
"""
'react style-less component':
'prefix': 'rcvs'
'body': """
import React, { PropTypes } from 'react'
const $1 = props => {
return (
<div>$1</div>
)
}
$1.propTypes = {}
export default $1
"""
'react TV class':
'prefix': 'rctv'
'body': """
import React, { PropTypes } from 'react'
import Page from 'tv/components/Page'
class $1 extends React.Component {
render () {
return (
<Page>
<h1>
$1
</h1>
</Page>
)
}
}
$1.propTypes = {}
export default $1
"""
'jest test':
'prefix': 'jt'
'body': """
import React from 'react'
import { $1 } from './'
import { shallow } from 'enzyme'
import toJson from 'enzyme-to-json'
it('renders without blowing up', () => {
const wrapper = shallow(
<$1 />
)
expect(toJson(wrapper)).toMatchSnapshot()
})
"""
Raw
styles.less
.tree-view {
// background-color: whitesmoke;
}
atom-text-editor::shadow {
.entity.other.attribute-name {
font-style: italic;
}
.constant.numeric {
color: #eee;
}
.variable.other.object.js {
color: #ace;
}
@gray: #b5b5b5;
@lightGray: #c3c3c3;
@mercury: #eee;
@blue: #88a;
@green: #afa;
@red: #faa;
@darkRed: #b22;
@selectionBlue: #aaf;
@selectionYellow: #ddaa44;
@purple: #D46DEF;
@orange: #de935f;
@light-orange: #f0c674;
.comment {
color: @gray;
}
.keyword {
color: @mercury;
&.control {
color: @blue;
}
&.operator {
color: @lightGray;
}
&.other.special-method {
color: @darkRed;
}
&.other.unit {
color: @mercury;
}
&.regexp {
color: @red;
}
}
.storage {
color: @blue;
}
.constant {
color: @mercury;
&.character.escape {
color: @mercury;
}
&.numeric {
color: @mercury;
}
&.other.color {
color: @mercury;
}
&.other.symbol {
color: @mercury;
}
&.regexp {
color: @red;
}
}
.variable {
color: @blue;
&.other {
color: #eee;
&.readwrite {
color: #ace;
}
}
&.interpolation {
color: darken(@red, 10%);
}
&.parameter.function {
color: @lightGray;
}
&.less {
color: @darkRed;
}
}
.invalid.illegal {
background-color: @red;
color: @syntax-background-color;
}
.string {
color: @green;
&.regexp {
color: @red;
.source.ruby.embedded {
color: @red;
}
}
&.other.link {
color: @red;
}
}
.punctuation {
&.definition {
&.comment {
color: @gray;
}
&.tag {
color: @gray;
}
&.keyword {
color: @blue;
}
&.string,
&.variable,
&.parameters,
&.array {
color: @gray;
}
&.heading,
&.identity {
color: @purple;
}
&.bold {
color: @mercury;
font-style: bold;
}
&.italic {
color: @purple;
font-style: italic;
}
&.regexp {
color: @red;
}
}
&.section.embedded {
color: darken(@red, 10%);
}
}
.support {
&.class {
color: #99c;
}
&.function {
color: @darkRed;
&.any-method {
color: @darkRed;
}
&.less {
color: @gray;
}
}
&.quote {
color: @gray;
}
}
.entity {
&.name.function {
color: @mercury;
}
&.name.type {
color: @selectionBlue;
}
&.name.class, &.name.type.class {
color: @light-orange;
}
&.name.section {
color: @darkRed;
}
&.name.tag {
color: #c99;
}
&.other.inherited-class {
color: @green;
}
&.other.attribute-name {
color: @blue;
&.id {
color: @blue;
}
}
}
.meta {
color: @gray;
&.class {
color: @red;
}
&.link {
color: @darkRed;
}
&.require {
color: @darkRed;
}
&.selector {
color: @gray;
}
&.separator {
color: @syntax-text-color;
}
&.tag.sgml {
color: @darkRed;
}
&.id.toc-list {
color: @purple;
}
}
.regexp {
&.constant.character {
color: @red;
}
}
.none {
color: @syntax-text-color;
}
.markup {
color: @mercury;
&.bold {
font-weight: 800;
}
&.italic {
font-style: italic;
}
&.changed {
color: @green;
}
&.deleted {
color: @red;
}
&.heading {
color: @mercury;
font-weight: 800;
}
&.inserted {
color: @green;
}
&.list {
color: @gray;
}
&.quote {
color: @gray;
}
&.raw.inline {
color: @gray;
}
&.raw {
color: @gray;
}
}
.source .gfm {
-webkit-font-smoothing: antialiased;
}
.gfm {
&.comment {
color: @mercury;
}
&.list {
color: @gray;
}
}
}
// 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