nickdowse/railsmagicclipboard

Sublime text plugin to convert HTML to HAML, CSS to SASS and JavaScript to CoffeeScript on paste.

RailsMagicClipboard

Sublime text plugin to convert CSS, HTML or JavaScript in the clipboard to SASS, CoffeeScript or HAML on your screen. View on package control here.

"The best Sublime Text plugin I have ever used. Saved me 5 minutes already in the past 5 minutes." - @jrnbs

Installation

Installing through package control

1. In Sublime Text open up the package control menu bar (super+shift+p) and type install package
2. Search for RailsMagicClipboard, and click on it to install the package.
3. Look through the setup issues to see if you need to install any extra services.

Installing the hard way

1. Clone this repository to your Sublime Text Packages directory.
2. Follow all other instructions (especially the Setup Issues section!)

Usage

Insert CSS, Javascript or HTML (including from .html.erb files) from your clipboard into a .css.sass, .js.coffee or .html.haml file using "super+k+v". The copied data will be inserted into your file as SASS, CoffeeScript, and HAML respectively. Perfect for copying straight from Stack Overflow.

This plugin is intended to be very much something you install and forget about until your co-worker leans over your shoulder and is absolutely amazed. To that end, I recommend mapping "super+v" to the "rails_magic_clipboard" command in your user key bindings. This mapping is of course completely optional.

# Preferences/Key Bindings - User

[
    {
        "keys": ["super+v"], "command": "rails_magic_clipboard"
    }
]

From there, you can start pasting raw CSS into your .css.sass files and be amazed as pure sass goodness is pasted into your file, and all text pasted into other files will be pasted in as usual (so no worries there!) Same magical goodness applies to the other supported formats.

Setup Issues

Converting CSS to SASS

You must have the sass gem installed to use the CSS to SASS feature of this plugin. Internally, we use the sass-convert command, which requires the sass gem. To install the sass gem visit http://sass-lang.com/install.

Converting JS to CoffeeScript

To use the JS to Coffeescript automagical conversion you need to have the js2coffee Node Package Module installed (https://www.npmjs.org/package/js2coffee). If you don't have js2coffee installed, you can easily install it with the following command:

$ npm install -g js2coffee

If you don't have npm installed then you can follow the instructions here http://blog.npmjs.org/post/85484771375/how-to-install-npm.

Converting HTML to HAML

To use the HTML to HAML features of this plugin you need to have the HAML gem installed (gem install haml). If you're still having problems it might be because recently the HTML to HAML functionality has been stripped out into its own gem, unsurprisingly called html2haml. Installing the htmt2haml gem in the standard way (gem install html2haml) should fix the issue. If you an error about hpricot not being found when pasting HTML into a haml file try installing the hpricot gem and then restarting Sublime (gem install hpricot), see this issue for more info: haml/haml#504. If you still have issues, raise a github issue with me! Unfortunately at the moment erb flavoured HTML will not be parsed correctly.

Ruby Version Managers

If you are using RVM or rbenv etc, then you will need to set the path in settings, as RVM/rbenv modify the environment path, which messes with sublimes use of the path.

To find your path you can run echo $PATH on the command line. Copy the result then paste it into the RailsMagicClipboard user settings file, as shown below.

# Preferences/Package Settings/RailsMagicClipboard/Settings - User

{
    "path": "your/copied/path/here"
}

Known Issues

There is an issue with the paths and RVM/rbenv. Sublime Text will not load with the correct paths to find Sass if it is not loaded from the command line. At the moment I am not sure what to do about it, and am happy to hear ideas. The same issue is occuring here badsyntax/SassBeautify#53. You can get around this by opening Sublime Text from the command line, or, if you're hardcore and want to solve the issue permanently, you can follow these instructions: http://unix.stackexchange.com/questions/89076/how-to-set-the-path-osx-applications-use/89077#89077.

If you find more, create an issue or let me know on twitter (@nick_dowse). Most of the hard work was done by the creators and maintainers of SassBeautify, another great Sublime Text Plugin. So, thanks to them!

railsmagicclipboard's Issues

Text selected after pasting

When pasting text it stays selected afterwards, which was not the case before installing the plugin.

Better error handling

I just found out the hard way that I did not have one of the requirements for your plugin installed html2haml

Got the following error message

http://monosnap.com/image/70FCOYmw5eFjmOg3Pm4wziV1prXY2O

Would be nice if it just explained to me I should run gem install html2haml

Error on converting javascript to coffee

When I paste a JavaScript in a ".coffee" file I get a blank error message, and it doesn't convert my code

ScreenShot:

Console Error:

Error code: 1
error: 
Traceback (most recent call last):
  File "/opt/sublime_text/sublime_plugin.py", line 550, in run_
    return self.run(edit, **args)
  File "RailsMagicClipboard in /home/ibrahim/.config/sublime-text-3/Installed Packages/Rails Magic Clipboard.sublime-package", line 119, in run
  File "/opt/sublime_text/sublime.py", line 115, in set_clipboard
    return sublime_api.set_clipboard(text)
TypeError: String required

Pasting CSS without the selector gives error

When I copy and paste lines of CSS without the wrapping selector, it gives me an error and pastes the original CSS instead.

So:

color: red;

Instead of:

body {
    color: red;
}

question(js2coffee): nothing occurs

1. Summary

If I paste JavaScript code to .coffee file via Rails Magic Clipboard, nothing occurs.

2. Environment

• Windows 10 Enterprise LTSB 64-bit EN,
• Sublime Text Build 3143,
• js2coffee 2.2.0,
• Rails Magic Clipboard 0.1.2.

3. Configuration

I have blank file SashaRails.coffee.

Part of my User/Default (Windows).sublime-keymap file:

{
    "keys": ["ctrl+super+v"],
    "command": "rails_magic_clipboard"
},

4. Steps to reproduce

I reproduce the problem in a version of Sublime Text without plugins and user settings.

I copy JavaScript text from external resource:

hello_world: {
     world: {
        name: "world"
     },
     other: {
        name: "name"
     }
  },

I open SashaRails.coffee → I press Ctrl+Super+V.

key evt: control+super+v
command: rails_magic_clipboard {}

5. Expected behavior

hello_world:
     world:
        name: "world"
     other:
        name: "name"

6. Actual behavior

Paste same code:

hello_world: {
     world: {
        name: "world"
     },
     other: {
        name: "name"
     }
  },

Thanks.

Can't paste HAML anymore

When I just work in my HAML file and try to copy and paste blocks of code it doesn't paste anything.

Css2Sass name is no longer descriptive

Now that this plugin supports the Rails Big Three (SASS, CoffeeScript, HAML), the name should be changed to something more descriptive. Any ideas are welcome.

Does not support .html.erb files

Does not correctly parse erb flavoured HTML.