inital commit

jonrohan · jonrohan · commit 6469e4b4f4ac · 2016-06-19T09:38:06.000-04:00
diff --git a/.github/CONTRIBUTING.md b/.github/CONTRIBUTING.md
@@ -0,0 +1,78 @@
+## Contributing
+
+[fork]: https://github.com/github/github-syntax-theme/fork
+[pr]: https://github.com/github/github-syntax-theme/compare
+[style]: http://primercss.io/guidelines/
+
+Hi there! We're thrilled that you'd like to contribute to this project. Your help is essential for keeping it great.
+
+After you open your first pull request, you will be asked to accept [this license agreement](https://cla.github.com/). Let us know in the PR if you have any hesitation or concerns.
+
+## Using the issue tracker
+
+The [issue tracker](https://github.com/github/github-syntax-theme/issues) is the preferred channel for [bug reports](#bug-reports), [features requests](#feature-requests) and [submitting pull requests](#pull-requests), but please respect the following restrictions:
+
+* Please **do not** use the issue tracker for personal support requests.
+* Please **do not** derail or troll issues. Keep the discussion on topic and respect the opinions of others.
+
+## Bug reports
+
+A bug is a _demonstrable problem_ that is caused by the code in the repository. Good bug reports are extremely helpful, so thanks!
+
+Guidelines for bug reports:
+
+0. **Validate and lint your code** &mdash; [validate your HTML](http://html5.validator.nu) to ensure your problem isn't caused by a simple error in your own code.
+
+1. **Use the GitHub issue search** &mdash; check if the issue has already been reported.
+
+2. **Check if the issue has been fixed** &mdash; try to reproduce it using the latest `master` or development branch in the repository.
+
+3. **Isolate the problem** &mdash; ideally create a [reduced test case](https://css-tricks.com/reduced-test-cases/) and a live example. [This JS Bin](http://jsbin.com/lefey/1/edit?html,output) is a helpful template.
+
+A good bug report shouldn't leave others needing to chase you up for more information. Please try to be as detailed as possible in your report. What is your environment? What steps will reproduce the issue? What browser(s) and OS experience the problem? Do other browsers show the bug differently? What would you expect to be the outcome? All these details will help people to fix any potential bugs.
+
+Example:
+
+> Short and descriptive example bug report title
+>
+> A summary of the issue and the browser/OS environment in which it occurs. If
+> suitable, include the steps required to reproduce the bug.
+>
+> 1. This is the first step
+> 2. This is the second step
+> 3. Further steps, etc.
+>
+> `<url>` - a link to the reduced test case
+>
+> Any other information you want to share that is relevant to the issue being reported. This might include the lines of code that you have identified as causing the bug, and potential solutions (and your opinions on their merits).
+
+## Feature requests
+
+Feature requests are welcome. But take a moment to find out whether your idea fits with the scope and aims of the project. It's up to *you* to make a strong case to convince the project's developers of the merits of this feature. Please provide as much detail and context as possible.
+
+## Pull requests
+
+Good pull requests—patches, improvements, new features—are a fantastic help. They should remain focused in scope and avoid containing unrelated commits.
+
+**Please ask first** before embarking on any significant pull request (e.g. implementing features, refactoring code, porting to a different language), otherwise you risk spending a lot of time working on something that the project's developers might not want to merge into the project.
+
+Adhering to the following process is the best way to get your work included in the project:
+
+1. Fork and clone the repository
+2. Configure and install the dependencies: `bower install`
+3. Create a new branch: `git checkout -b my-branch-name`
+4. Make your change, add tests, and make sure the tests still pass
+5. Push to your fork and [submit a pull request](https://help.github.com/articles/creating-a-pull-request/)
+6. Pat your self on the back and wait for your pull request to be reviewed and merged.
+
+Here are a few things you can do that will increase the likelihood of your pull request being accepted:
+
+- Follow the [style guide][style].
+- Keep your change as focused as possible. If there are multiple changes you would like to make that are not dependent upon each other, consider submitting them as separate pull requests.
+- Write a [good commit message](http://tbaggery.com/2008/04/19/a-note-about-git-commit-messages.html).
+
+## Resources
+
+- [Contributing to Open Source on GitHub](https://guides.github.com/activities/contributing-to-open-source/)
+- [Using Pull Requests](https://help.github.com/articles/using-pull-requests/)
+- [GitHub Help](https://help.github.com)
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,4 @@
+node_modules
+build
+*.log
+.DS_Store
diff --git a/.npmignore b/.npmignore
@@ -0,0 +1 @@
+test
diff --git a/.travis.yml b/.travis.yml
@@ -0,0 +1,12 @@
+language: node_js
+node_js:
+  - '5'
+
+deploy:
+  provider: npm
+  email: ${NPM_EMAIL}
+  api_key: ${NPM_API_KEY}
+  skip_cleanup: true
+  on:
+    branch: master
+    repo: ${TRAVIS_REPO_SLUG}
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -0,0 +1,5 @@
+# HEAD
+
+# 0.1.0
+
+- Initial release. Support for Ace, Atom, CSS, Textmate themes.
diff --git a/LICENSE b/LICENSE
@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2016 GitHub, Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/README.md b/README.md
@@ -0,0 +1,42 @@
+# GitHub syntax theme generators
+
+[![NPM version](https://img.shields.io/npm/v/github-syntax-theme-generator.svg)](https://www.npmjs.org/package/github-syntax-theme-generator)
+[![Build Status](https://travis-ci.org/primer/github-syntax-theme-generator.svg?branch=master)](https://travis-ci.org/primer/github-syntax-theme-generator)
+
+> The GitHub syntax theme generator will generate themes for multiple platforms based on the GitHub syntax theme.
+
+## Install
+
+This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `octicons` with this command.
+
+```
+$ npm install --save octicons
+```
+
+
+This repository contains the syntax highlighting theme used on github.com and
+gist.github.com. It is made available as a CSS stylesheet,
+[Ace](http://ace.c9.io) stylesheet, Atom theme, and TextMate bundle.
+
+## Installing
+
+### CSS
+
+The `.css` files can be used directly in a website.
+
+### Atom
+
+    $ ln -s $(pwd)/atom/github-light ~/.atom/themes/github-light
+
+### TextMate
+
+Double-click the `.tmbundle` file.
+
+## Development
+
+    $ script/bootstrap
+    $ script/generate
+
+`script/generate` takes the theme definition in the JSON file and converts it
+to the various output formats. Don't modify the generated files directly;
+instead, modify the JSON file and run `script/generate` again.
diff --git a/index.js b/index.js
@@ -0,0 +1,13 @@
+const theme    = require("./lib/theme")
+const adapters = require("./lib/adapters")
+const _        = require("lodash")
+
+_.map({
+    "light": "GitHub Light",
+    "dark": "GitHub Dark"
+  }, (name, variation) => {
+  Object.keys(adapters).map( k => {
+    const adapter = adapters[k]
+    adapter.call(this, theme, variation, name)
+  })
+})
diff --git a/lib/adapters/ace.js b/lib/adapters/ace.js
@@ -0,0 +1,18 @@
+const exec = require("child_process").exec
+const mkdirp = require("mkdirp")
+const fs = require("fs")
+
+module.exports = (theme, variation, name) => {
+  mkdirp.sync("build/ace")
+  fs.unlink("build/ace/github-" + variation + ".css")
+  exec("node node_modules/ace/tool/tmtheme.js github-" + variation + " \"build/tmtheme/" + name + ".tmbundle/Themes/" + name + ".tmTheme\" build/ace", (error, stdout, stderr) => {
+    if (error) {
+      throw error;
+    }
+    var css = fs.readFileSync("build/ace/github-" + variation + ".css")
+    var reg = new RegExp("\\.ace\-github\-" + variation + " ?\\.", "gi")
+    css = css.toString().replace(reg, ".")
+    fs.writeFileSync("build/ace/github-" + variation + ".css", css)
+    fs.unlink("build/ace/github-" + variation + ".js")
+  });
+}
diff --git a/lib/adapters/atom.js b/lib/adapters/atom.js
@@ -0,0 +1,11 @@
+const exec = require("child_process").exec
+const mkdirp = require("mkdirp")
+
+module.exports = (theme, variation, name) => {
+  mkdirp.sync("build/atom")
+  exec("apm init --theme build/atom/github-" + variation + " --convert \"build/tmtheme/" + name + ".tmbundle/Themes/" + name + ".tmTheme\"", (error, stdout, stderr) => {
+    if (error) {
+      throw error;
+    }
+  })
+}
diff --git a/lib/adapters/css.js b/lib/adapters/css.js
@@ -0,0 +1,119 @@
+const fs = require("fs")
+const _  = require("lodash")
+const mkdirp = require("mkdirp")
+
+module.exports = (theme, variation, name) => {
+  const license = fs.readFileSync("LICENSE")
+
+  theme = _.filter(theme.settings, t => { return t["scope"] != null })
+
+  var convertAttributes = a => {
+    var attributes = {}
+    switch (a.fontStyle) {
+      case "bold":
+        attributes["font-weight"] = "bold"
+        break;
+      case "italic":
+        attributes["font-style"] = "italic"
+        break;
+      case "underline":
+        attributes["text-decoration"] = "underline"
+        break;
+    }
+
+    if (a.foreground) {
+      attributes["color"] = a.foreground
+    }
+
+    if (a.background) {
+      attributes["background-color"] = a.background
+    }
+
+    return attributes
+  }
+
+  var generateScopeClass = (scope, classes) => {
+    var candidate = "pl-" + scope.split(".").map( s => { return s[0]}).join("")
+    var suffix = ""
+    var cssClass = candidate + "" + suffix
+    while(classes.indexOf(cssClass) >= 0) {
+      var suffix = suffix || 0
+      suffix++
+      cssClass = candidate + "" + suffix
+    }
+    classes.push(cssClass)
+    return cssClass
+  }
+
+  var selectorsByStyle = {},
+      combinatorScopes = new Set(),
+      classes = [],
+      classesByScope = {}
+
+  theme.map( t => {
+    var style = convertAttributes(_.assign({}, t.settings, t["settings-" + variation]))
+
+    var selectors = t.scope.split(",").map( s => { return s.trim() })
+    if (selectors.length != 0 && selectors != ["none"]) {
+
+      selectorsByStyle[JSON.stringify(style)] = _.union(selectorsByStyle[JSON.stringify(style)], selectors)
+
+      selectors.map( selector => {
+        var scopes = selector.split(" ")
+        if(scopes.length >= 2) {
+          combinatorScopes = _.union(combinatorScopes, scopes)
+        }
+      })
+    }
+  })
+
+  _.map(selectorsByStyle, (selectors, style) => {
+    style = JSON.parse(style)
+
+    var scopesWithoutClasses = _.difference(_.uniq(_.flattenDeep(selectors.map( l => { return l.split(" ") }))), Object.keys(classesByScope))
+
+    var sharedScopes = _.difference(scopesWithoutClasses, combinatorScopes)
+    var uniqueScopes = _.intersection(scopesWithoutClasses, combinatorScopes)
+
+    if (sharedScopes.length > 0) {
+      var cssClass = generateScopeClass(sharedScopes.sort()[0], classes)
+      sharedScopes.map( scope => {
+        classesByScope[scope] = cssClass
+      })
+    }
+
+    uniqueScopes.map( scope => {
+      classesByScope[scope] = generateScopeClass(scope, classes)
+    })
+  })
+
+  rules = _.map(selectorsByStyle, (selectors, style) => {
+    style = JSON.parse(style)
+
+    var scopeSelectorsByCss = _.groupBy(selectors, selector => {
+      var scopes = selector.split(" ")
+      classes = scopes.map( s => { return classesByScope[s] })
+      return classes.map( c => { return "." + c }).join(" ")
+    })
+
+    return {
+      "style": style,
+      "selectors": _.map(scopeSelectorsByCss, (scopes, css) => { return { "css": css, "scopes": scopes }})
+    }
+  })
+
+  var output = "/*\n" + license + "\n*/\n\n"
+  rules.map(rule => {
+    if (Object.keys(rule.style).length != 0) {
+      output += rule.selectors.map( selector => {
+        return selector.css + " /* " + selector.scopes.join(", ") + " */"
+      }).join(",\n")
+      output += " {\n"
+      output += _.map(rule.style, (v, k) => { return "  " + k + ": " + v + ";" }).join("\n")
+      output += "\n}\n\n"
+    }
+  })
+  mkdirp.sync("build/css")
+  fs.writeFileSync("build/css/github-" + variation + ".map.json", JSON.stringify(classesByScope))
+  fs.writeFileSync("build/css/github-" + variation + ".css", output)
+}
diff --git a/lib/adapters/index.js b/lib/adapters/index.js
@@ -0,0 +1,11 @@
+const css     = require("./css")
+const tmtheme = require("./tmtheme")
+const ace = require("./ace")
+const atom = require("./atom")
+
+module.exports = {
+  "css": css,
+  "tmtheme": tmtheme,
+  "ace": ace,
+  "atom": atom
+}
diff --git a/lib/adapters/tmtheme.js b/lib/adapters/tmtheme.js
@@ -0,0 +1,28 @@
+const fs = require("fs")
+const plist = require("plist")
+const _ = require("lodash")
+const mkdirp = require("mkdirp")
+
+module.exports = (theme, variation, name) => {
+  var selectVariant = (hash, variant) => {
+    hash = Object.assign({}, hash)
+
+    if (hash.settings) {
+      hash.settings = _.assign({}, hash.settings, hash["settings-" + variant])
+    }
+
+    Object.keys(hash).map( k => {
+      if (k.match(/^settings\-/)) {
+        delete hash[k]
+      } else {
+        hash[k] = (typeof hash[k] === "object" ? selectVariant(hash[k], variant) : hash[k])
+      }
+    })
+    return hash
+  }
+  theme.settings = theme.settings.map( s => { return selectVariant(s, variation) })
+  var output = plist.build(theme)
+  var dir = "build/tmtheme/" + name + ".tmbundle/Themes/"
+  mkdirp.sync(dir)
+  fs.writeFileSync(dir + name + ".tmTheme", output)
+}
diff --git a/lib/theme.js b/lib/theme.js
diff --git a/package.json b/package.json
diff --git a/test/color-palette-dark.html b/test/color-palette-dark.html
diff --git a/test/color-palette.html b/test/color-palette.html

-Original file line number
+Diff line change
@@ @@ -0,0 +1,4 @@ @@
 +node_modules
 +build
 +*.log
 +.DS_Store