Skip to content

Instantly share code, notes, and snippets.

@Crizzooo

Crizzooo/init.coffee

Last active December 4, 2017 22:11
Show Gist options
  • Save Crizzooo/769662cc228abc6d9d6b9e3f437e9de4 to your computer and use it in GitHub Desktop.
Save Crizzooo/769662cc228abc6d9d6b9e3f437e9de4 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
Raw
packages.json
[
{
"name": "about",
"version": "1.7.8"
},
{
"name": "archive-view",
"version": "0.63.4"
},
{
"name": "atom-alignment",
"version": "0.13.0"
},
{
"name": "atom-beautify",
"version": "0.30.9"
},
{
"name": "atom-bootstrap3",
"version": "1.2.12"
},
{
"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-typescript",
"version": "11.0.10"
},
{
"name": "auto-detect-indentation",
"version": "1.3.0"
},
{
"name": "auto-update-packages",
"version": "1.0.1"
},
{
"name": "autocomplete-atom-api",
"version": "0.10.3"
},
{
"name": "autocomplete-css",
"version": "0.17.3"
},
{
"name": "autocomplete-html",
"version": "0.8.2"
},
{
"name": "autocomplete-plus",
"version": "2.36.11"
},
{
"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.44.4"
},
{
"name": "bracket-matcher",
"version": "0.88.0"
},
{
"name": "busy-signal",
"version": "1.4.3"
},
{
"name": "color-picker",
"version": "2.2.5"
},
{
"name": "command-palette",
"version": "0.41.1"
},
{
"name": "custom-title",
"version": "1.0.1"
},
{
"name": "dalek",
"version": "0.2.1"
},
{
"name": "deprecation-cop",
"version": "0.56.9"
},
{
"name": "dev-live-reload",
"version": "0.47.1"
},
{
"name": "dracula-syntax",
"version": "2.0.5",
"theme": "syntax"
},
{
"name": "dracula-theme",
"version": "2.0.3",
"theme": "syntax"
},
{
"name": "emmet",
"version": "2.4.3"
},
{
"name": "encoding-selector",
"version": "0.23.6"
},
{
"name": "exception-reporting",
"version": "0.41.4"
},
{
"name": "expose",
"version": "0.15.0"
},
{
"name": "file-icons",
"version": "2.1.14"
},
{
"name": "find-and-replace",
"version": "0.212.3"
},
{
"name": "fonts",
"version": "3.0.3"
},
{
"name": "fuzzy-finder",
"version": "1.6.1"
},
{
"name": "git-diff",
"version": "1.3.6"
},
{
"name": "github",
"version": "0.7.0"
},
{
"name": "go-to-line",
"version": "0.32.1"
},
{
"name": "grammar-selector",
"version": "0.49.6"
},
{
"name": "highlight-selected",
"version": "0.13.1"
},
{
"name": "image-view",
"version": "0.62.4"
},
{
"name": "incompatible-packages",
"version": "0.27.3"
},
{
"name": "intentions",
"version": "1.1.5"
},
{
"name": "jsformat",
"version": "0.9.3"
},
{
"name": "jumpy",
"version": "4.1.1"
},
{
"name": "keybinding-resolver",
"version": "0.38.0"
},
{
"name": "language-c",
"version": "0.58.1"
},
{
"name": "language-clojure",
"version": "0.22.4"
},
{
"name": "language-coffee-script",
"version": "0.49.1"
},
{
"name": "language-csharp",
"version": "0.14.2"
},
{
"name": "language-css",
"version": "0.42.6"
},
{
"name": "language-gfm",
"version": "0.90.1"
},
{
"name": "language-git",
"version": "0.19.1"
},
{
"name": "language-go",
"version": "0.44.2"
},
{
"name": "language-html",
"version": "0.48.2"
},
{
"name": "language-hyperlink",
"version": "0.16.2"
},
{
"name": "language-java",
"version": "0.27.4"
},
{
"name": "language-javascript",
"version": "0.127.5"
},
{
"name": "language-json",
"version": "0.19.1"
},
{
"name": "language-less",
"version": "0.33.0"
},
{
"name": "language-make",
"version": "0.22.3"
},
{
"name": "language-mustache",
"version": "0.14.3"
},
{
"name": "language-objective-c",
"version": "0.15.1"
},
{
"name": "language-perl",
"version": "0.37.0"
},
{
"name": "language-php",
"version": "0.42.0"
},
{
"name": "language-property-list",
"version": "0.9.1"
},
{
"name": "language-python",
"version": "0.45.4"
},
{
"name": "language-ruby",
"version": "0.71.3"
},
{
"name": "language-ruby-on-rails",
"version": "0.25.2"
},
{
"name": "language-sass",
"version": "0.61.1"
},
{
"name": "language-shellscript",
"version": "0.25.3"
},
{
"name": "language-source",
"version": "0.9.0"
},
{
"name": "language-sql",
"version": "0.25.8"
},
{
"name": "language-text",
"version": "0.7.3"
},
{
"name": "language-todo",
"version": "0.29.2"
},
{
"name": "language-toml",
"version": "0.18.1"
},
{
"name": "language-typescript",
"version": "0.2.1"
},
{
"name": "language-xml",
"version": "0.35.2"
},
{
"name": "language-yaml",
"version": "0.31.0"
},
{
"name": "last-cursor-position",
"version": "0.9.2"
},
{
"name": "line-ending-selector",
"version": "0.7.4"
},
{
"name": "link",
"version": "0.31.3"
},
{
"name": "linter",
"version": "2.2.0"
},
{
"name": "linter-bootlint",
"version": "1.1.0"
},
{
"name": "linter-csslint",
"version": "2.0.0"
},
{
"name": "linter-eslint",
"version": "8.4.0"
},
{
"name": "linter-php",
"version": "1.5.1"
},
{
"name": "linter-ruby",
"version": "1.2.6"
},
{
"name": "linter-stylelint",
"version": "4.0.2"
},
{
"name": "linter-tslint",
"version": "1.9.0"
},
{
"name": "linter-ui-default",
"version": "1.6.10"
},
{
"name": "markdown-preview",
"version": "0.159.17"
},
{
"name": "metrics",
"version": "1.2.6"
},
{
"name": "minimap",
"version": "4.29.7"
},
{
"name": "minimap-highlight-selected",
"version": "4.6.1"
},
{
"name": "minimap-pigments",
"version": "0.2.2"
},
{
"name": "notifications",
"version": "0.69.2"
},
{
"name": "nucleus-dark-ui",
"version": "0.12.3",
"theme": "ui"
},
{
"name": "one-dark-syntax",
"version": "1.8.0",
"theme": "syntax"
},
{
"name": "one-dark-ui",
"version": "1.10.8",
"theme": "ui"
},
{
"name": "one-light-syntax",
"version": "1.8.0",
"theme": "syntax"
},
{
"name": "one-light-ui",
"version": "1.10.8",
"theme": "ui"
},
{
"name": "open-on-github",
"version": "1.2.1"
},
{
"name": "open-recent",
"version": "5.0.0"
},
{
"name": "package-generator",
"version": "1.1.1"
},
{
"name": "pigments",
"version": "0.40.2"
},
{
"name": "react",
"version": "0.17.0"
},
{
"name": "settings-view",
"version": "0.251.10"
},
{
"name": "smart-tab-name",
"version": "1.0.5"
},
{
"name": "snippets",
"version": "1.1.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.72.2"
},
{
"name": "status-bar",
"version": "1.8.14"
},
{
"name": "styleguide",
"version": "0.49.7"
},
{
"name": "symbols-view",
"version": "0.118.1"
},
{
"name": "sync-settings",
"version": "0.8.3"
},
{
"name": "tabs",
"version": "0.107.4"
},
{
"name": "timecop",
"version": "0.36.0"
},
{
"name": "tree-view",
"version": "0.218.0"
},
{
"name": "update-package-dependencies",
"version": "0.12.0"
},
{
"name": "welcome",
"version": "0.36.5"
},
{
"name": "whitespace",
"version": "0.37.4"
},
{
"name": "wrap-guide",
"version": "0.40.2"
}
]
Raw
settings.json
{
"bracket-matcher": {
"autocompleteSmartQuotes": false
},
"core": {
"disabledPackages": [
"atom-beautify",
"jsformat"
],
"openEmptyEditorOnStart": false,
"projectHome": "/Users/crizzo/Documents/Projects/Fullstack-Immersive/1701-FSA-NY-Library/junior-workshops",
"telemetryConsent": "no",
"themes": [
"nucleus-dark-ui",
"dracula-theme"
]
},
"custom-title": {},
"editor": {
"autoIndentOnPaste": false,
"fontSize": 8,
"scrollPastEnd": true,
"softWrap": true
},
"exception-reporting": {
"userId": "313ab320-56b1-3788-2416-131489867f3c"
},
"fonts": {
"fontFamily": "Meslo"
},
"linter": {},
"linter-eslint": {
"disableWhenNoEslintConfig": false,
"linter-csslint": {},
"useGlobalEslint": true
},
"linter-stylelint": {},
"linter-ui-default": {
"panelHeight": 279.75,
"showPanel": true
},
"minimap": {
"plugins": {
"highlight-selected": true,
"highlight-selectedDecorationsZIndex": 0,
"pigments": true,
"pigmentsDecorationsZIndex": 0
}
},
"sync-settings": {},
"tree-view": {
"hideIgnoredNames": true
},
"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
# Single quotes within the body must be escaped with a preceding backslash \'\
# Tab stops are defined using a dollar followed by a number, $1 is the first tab stop location where the cursor appears
'.source.js':
#Arrow Function
'Arrow Func with 1 parameter':
'prefix': 'arr'
'body': """
(${1:param}) => {
${2}
};
${3}
"""
#Snippets for Express Routes using router
'router.get Express':
'prefix': 'rget'
'body': """
router.get(\'${1:Route}\', (req, res, next) => {
${2}
});
${3}
"""
'router.post Express':
'prefix': 'rpost'
'body': """
router.post(\'${1:Route}\', (req, res, next) => {
${2}
});
${3}
"""
'router.delete Express':
'prefix': 'rdelete'
'body': """
router.delete(\'${1:Route}\', (req, res, next) => {
${2}
});
${3}
"""
'router.put Express':
'prefix': 'rput'
'body': """
router.put(\'${1:Route}\', (req, res, next) => {
${2}
});
${3}
"""
#Snippets for Express Routes using app
'app.get Express':
'prefix': 'aget'
'body': """
app.get(\'${1:Route}\', (req, res, next) => {
${2}
});
${3}
"""
'app.post Express':
'prefix': 'apost'
'body': """
app.post(\'${1:Route}\', (req, res, next) => {
${2}
});
${3}
"""
'app.delete Express':
'prefix': 'adelete'
'body': """
app.delete(\'${1:Route}\', (req, res, next) => {
${2}
});
${3}
"""
'app.put Express':
'prefix': 'aput'
'body': """
app.put(\'${1:Route}\', (req, res, next) => {
${2}
});
${3}
"""
'app.use Express':
'prefix': 'appuse'
'body': """
app.use(\'${1:Route}\', ${2:(req, res, next)} => {
${3}
});
${4}
"""
'bodyParser Express Boilerplate':
'prefix': 'bodyParser Middleware'
'body': """
//bodyParser middleware
app.use(bodyParser.urlencoded({ extended: false }));
app.use(bodyParser.json());
${1}
"""
'default Express Error Handler':
'prefix': 'appErrorHandler'
'body': """
//Error Handler
app.use('/', (err, req, res, next) => {
res.status(err.status || 500).json(err);${1}
});
${2}
"""
'App Use Static':
'prefix': 'appStatic'
'body': """
//Static Handling
app.use(\'${1:/}\', express.static(path.join(__dirname, \'${2}\')));
${3}
"""
#Snippets for Sequelize
'define db':
'prefix': 'newDb'
'body': """
const db = new Sequelize('postgress://localhost:5432/${1:dbName}');
${2}
"""
#Import - React / Redux / React-Redux
'import react':
'prefix': 'ireact'
'body': 'import React from \'react\';'
'import react-dom':
'prefix': 'ireactDom'
'body': 'import ReactDOM from \'react-dom\';'
'import axios':
'prefix': 'iaxios'
'body': 'import axios from \'axios\';'
'import react-router':
'prefix': 'irouter'
'body': 'import { Router, Route, hashHistory, IndexRedirect, IndexRoute } from \'react-router\';'
'import connect':
'prefix': 'iconnect'
'body': 'import { connect } from \'react-redux\';'
'import provider':
'prefix': 'iprovider'
'body': 'import { Provider } from \'react-redux\';'
'import createStore & applyMiddleware':
'prefix': 'istore-middleware'
'body': 'import { createStore, applyMiddleware } from \'redux\';'
'import createLogger':
'prefix': 'icreatelogger'
'body': 'import createLogger from \'redux-logger\';'
'import thunkMiddleware':
'prefix': 'ithunk'
'body': 'import thunkMiddleware from \'redux-thunk\';'
'general import':
'prefix': 'import'
'body': 'import { ${1:something} } from \'${2:somewhere}\';'
#Export - React / Redux / React-Redux
'export connect, mapStateToProps, mapDispatchToProps':
'prefix': 'econnect'
'body': 'const mapStateToProps = (state, ownProps) => {\n\t${1:// your code here }\n};\n\nconst mapDispatchToProps = (dispatch) => {\n\t${2:// your code here}\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(${3:SOMECOMPONENT})'
#Render - React / Redux / React-Redux
'ReactDOM render':
'prefix': 'rreactdom'
'body': 'ReactDOM.render(\n\t<${1:SomeRootComponent} />,\n\tdocument.getElementById(\'${2:SomeApp}\')\n);'
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: Slate;
}
// style the background and foreground colors on the atom-text-editor-element itself
atom-text-editor {
color: WhiteSmoke;
// 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;
}
atom-text-editor .syntax--comment {
// color: darken(#76c9b4, 20%);
color: darken(rgba(218, 216, 214, .7), 20%);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment