diff --git a/ARCHIVE.todo b/ARCHIVE.todo index f7f34da6..51b42dec 100644 --- a/ARCHIVE.todo +++ b/ARCHIVE.todo @@ -48,6 +48,8 @@ Archive: ✔ indicate a local file @v0.4 @done (13-07-28 00:09) @project(TODO) ✔ preview a theme without uploading and by just providing the url @v0.4 @done (13-07-27 20:55) @project(TODO) ✔ ---- v. 0.3 -------------------- @done + ✔ Color Adjustments and filters + ✔ Scope Bar and inline editing (courtesy of @tyom) ✔ bug for color boxes @v0.2 @done (13-05-11 22:56) ✔ refactor save button @done (13-05-01 23:22) ✔ refactor drag and drop @done (13-05-01 23:22) diff --git a/README.md b/README.md index 60699d64..7cac4e84 100644 --- a/README.md +++ b/README.md @@ -1,63 +1,20 @@ -# TMTheme Editor -**TMTheme Editor** is a color scheme editor for [SublimeText][1], [Textmate][2] and bunch of other text editors. -It started as a personal experiment trying to use new HTML5 File APIs in Chrome and Angular.js. It allows you to edit `tmtheme` files easier and faster. -**NOTE**: Only works in **Google Chrome** at the moment since HTML5 APIs it uses are not available in other browsers yet. - -### TRY IT OUT HERE: [tmtheme-editor.herokuapp.com](http://tmtheme-editor.herokuapp.com/) - -![](http://f.cl.ly/items/1b0R3B180Z3y2X0d103A/ss03.png) - -## New in Version 0.3: - -#### Color Adjustments and filters - -![](http://f.cl.ly/items/1N0z1l2H1a2e3s3r463P/Screen%20Shot%202013-07-26%20at%202.08.11%20PM.png) - -#### Scope Bar and inline editing (courtesy of [@tyom](https://github.com/tyom)) - -![](http://f.cl.ly/items/1T0B3K0t2b0t071v1w3W/Screen%20Shot%202013-07-26%20at%202.08.44%20PM.png) - - -You can add your color scheme using the `Open` button (which does not upload anything to any server, but only allows the page to have access to the file. You can also drag and drop the file on to the page) and start tweaking the colors, add or remove rules and see the effect instantly on the preview pane. +# [TMTheme Editor](http://tmtheme-editor.herokuapp.com/) -As soon as you add a color scheme to the editor it saves the file using the File System API so that you can refresh the page and still have the color scheme loaded. Whenever you're happy with your changes you can save them so that editor can persist it on the disk. To get back the new tmtheme file you can click `Download` button and use it in your editor. +**TMTheme Editor** is a color scheme editor for [SublimeText](http://www.sublimetext.com/), +[Textmate](http://macromates.com/) and bunch of other text editors. +It allows you to edit `tmtheme` files easier and faster. it's written in [coffeescript](http://coffeescript.org/) +using [angular.js](angularjs.org) -## TmLanguage Parser -As a side project I started to write a tmLanguage parser in javascript to be able to highlight text files based on the color scheme inside the browser. it's a work in progress and has a lot of problems mainly because of javascript limited regular expression engine. I appreciate if you can help me improve it by sending a pull request. - -## Keyboard Shortcuts -`ctrl+n`: adds a new rule - -`esc`: closes all the popovers - -## HTML5 APIs used -- Blob constructing -- FileReader API -- fileWriter API -- filesystem API -- file saver API -- Drag and Drop API - -written in [coffeescript](http://coffeescript.org/) using [angular.js](angularjs.org) - - -## Install - -```bash -git clone git@github.com:aziz/tmTheme-Editor.git -cd tmTheme-editor -./start.sh -``` +**NOTE**: Only works in **Google Chrome** at the moment since HTML5 APIs it uses are not available in other browsers yet. -The `start` script will: +### [tmtheme-editor.herokuapp.com](http://tmtheme-editor.herokuapp.com/) -- Run `npm install` if *node_modules* is missing; -- Bring up the express server at [http://localhost:9999](http://localhost:9999) +![TmTheme Editor Screenshot](public/images/screenshots/tmte-screenshot.png) ## Copyright -**TMThemeEditor** -© Copyright 2012-2013 Allen Bargi +**tmThemeEditor** +© Copyright 2012-2014 Allen Bargi This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as @@ -71,6 +28,3 @@ GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with this program. If not, see . - -[1]: http://www.sublimetext.com/ -[2]: http://macromates.com/ \ No newline at end of file diff --git a/TODO.todo b/TODO.todo index fffb0865..c1292876 100644 --- a/TODO.todo +++ b/TODO.todo @@ -1,6 +1,6 @@ TODO v. 0.5: - ☐ update readme + ☐ update readme/screenshots ☐ add changelog ☐ BUG: save does not work (gallery/local/external) diff --git a/public/images/Screen Shot.png b/public/images/Screen Shot.png deleted file mode 100644 index 49a6cd29..00000000 Binary files a/public/images/Screen Shot.png and /dev/null differ diff --git a/public/images/TMTheme128.png b/public/images/icons/TMTheme128.png similarity index 100% rename from public/images/TMTheme128.png rename to public/images/icons/TMTheme128.png diff --git a/public/images/TMTheme16.png b/public/images/icons/TMTheme16.png similarity index 100% rename from public/images/TMTheme16.png rename to public/images/icons/TMTheme16.png diff --git a/public/images/TMTheme32.png b/public/images/icons/TMTheme32.png similarity index 100% rename from public/images/TMTheme32.png rename to public/images/icons/TMTheme32.png diff --git a/public/images/TMTheme48.png b/public/images/icons/TMTheme48.png similarity index 100% rename from public/images/TMTheme48.png rename to public/images/icons/TMTheme48.png diff --git a/public/images/screenshots/tmte-feature-screenshot1.png b/public/images/screenshots/tmte-feature-screenshot1.png new file mode 100644 index 00000000..05eaf02c Binary files /dev/null and b/public/images/screenshots/tmte-feature-screenshot1.png differ diff --git a/public/images/screenshots/tmte-feature-screenshot2.png b/public/images/screenshots/tmte-feature-screenshot2.png new file mode 100644 index 00000000..59a51e54 Binary files /dev/null and b/public/images/screenshots/tmte-feature-screenshot2.png differ diff --git a/public/images/screenshots/tmte-feature-screenshot3.png b/public/images/screenshots/tmte-feature-screenshot3.png new file mode 100644 index 00000000..cc6774ae Binary files /dev/null and b/public/images/screenshots/tmte-feature-screenshot3.png differ diff --git a/public/images/screenshots/tmte-screenshot.png b/public/images/screenshots/tmte-screenshot.png new file mode 100644 index 00000000..dee03be1 Binary files /dev/null and b/public/images/screenshots/tmte-screenshot.png differ