jedfoster / sassmeister Goto Github PK

If you save a .sass file as a gist, the generated comments that tell what extensions are used are improperly indented, producing a compile error

Would be nice to be able to load more than one Sass file.

Header should use the new logo.

Make soft-wrapping a user controllable config

• https://github.com/leonderijke/compass-griddle
• https://github.com/heygrady/compass-grid-plugin

The current YAML structure assumes that the name of the gem is the same as the name of the require'd class, but these two gems have different gem install and require names. Once SassMeister's assumption is fixed, these can be added.

Home page of roughdraft.io only shows 19 most recent gists. Is there a way to increase that number?

Make the editors resizable, horizontally. E.g. larger Sass window, smaller CSS window & vice versa.

With the rapid development of most of these frameworks, not to mention Sass itself, it would be nice of the version number was represented. Possibly in the drop down menu?

"Internal Server Error" isn't a helpful message, and suggests the entire site is offline.

Example: http://sassmeister.com/gist/4760254

App should load normally with commented error message in Sass field, as it does when a given Gist doesn't contain Sass/SCSS. E.g.: http://sassmeister.com/gist/4348560

A "full screen" mode that drops as much chrome as possible.

From Philip Renich, using latest Chrome and FF on Windows 7:

Uncaught TypeError: Cannot read property 'gist_id' of null app.js:937

Need a method for automatic testing when updating gems. Current method is hit and miss. Could be a rake task that loads a series of gists and examines the response from /compile.

The internal iframe (from sandbox.sassmeister.com) does not load in Firefox:

As you can see, the iframe's body is empty.

This has occurred for me in multiple Firefox instances, and even occurs if FF is started in safe mode with add-ons disabled. This occurs whether I'm logged in with Github or not.

This doesn't appear to be due to FF23's blocking of insecure content, because both the parent (http://sassmeister.com/) and child iframe (http://sassmeister.com/) appear to be served non-securely.

The Chrome and IE9 do not have any problems. About 2 weeks ago, Sassmeister was working fine.

Some people use Breakpoint, modular-scale, or any combination of extensions. It might be useful to select multiple extensions from the list.

When loading Sass from a gist, if the syntax preference is set // Sass v3.2.5, this is not being honored if the drop-down selector has the opposite syntax previously selected.

Example. Reset SassMeister so that code is cleared and SCSS is the chosen syntax.
Load http://sassmeister.com/gist/4760254

• HTML
• parse Haml
• parse Markdown
• parse Textile
• save HTML with gist
• persistent layout configurations (save panel positions with localStorage)
• custom layout configurations
• show/hide panels
• move extension list out of control menu, to Sass form header bar
• retrieve HTML from gist
• sandbox HTML rendering in a subdomain
• update HTML panel syntax highlighting when syntax changes
• prettier show/hide panel controls

As I kept playing after #53 got resolved, I found this other inconvenient issue.

If you save a gist with no HTML it will have an empty string assigned to the javascript object SassMeister.inputs.html_filename. If you then add some HTML and try to update the gist this will cause a server error.

After a quick skim through the code I found the problem in jedfoster/SassMeister/sassmeister.rb#L297-307, as there is no condition case that would account for an empty string (inputs[:html_filename] == '').

Relevant code here:

if inputs[:html_filename].split('.').last == inputs[:html][:syntax].downcase
  html_file = inputs[:html_filename]
  deleted_html = {}
else
  filename = inputs[:html_filename].split('.')
  filename.pop
  filename = filename.join('.')

  html_file = "#{filename}.#{inputs[:html][:syntax].downcase}"
  deleted_html = {inputs[:html_filename] => {content: nil}}
end

Possible solution:

deleted_html = {}

if inputs[:html_filename] == ''
  html_file = "SassMeister-input-HTML.#{inputs[:html][:syntax].downcase}"
elsif inputs[:html_filename].split('.').last == inputs[:html][:syntax].downcase
  html_file = inputs[:html_filename]
else
  filename = inputs[:html_filename].split('.')
  filename.pop
  filename = filename.join('.')

  html_file = "#{filename}.#{inputs[:html][:syntax].downcase}"
  deleted_html = {inputs[:html_filename] => {content: nil}}
end

Looks like GitHub changed the Gist URL scheme. Need to fix bookmarklet and /gist route to accommodate both schemes.

Old: gist.github.com/12345678
New: gist.github.com/username/12345678

App needs to be able to interpret both.

I'd like the ability to append a query string to SassMeister URL to set default for SassMeister. Something maybe like

sassmeister.com#breakpoint

To automatically start with Breakpoint extension selected. Or maybe something like

sassmeister.com?syntax=scss,ext=breakpoint,output=expanded

I'd love to see automatic indenting, bracket/paren closures with openings, possibly syntax highlighting. Just some things to make entering in the Sass easier.

Need a new design or a design refresh to support new features like embedding, forking, HTML, etc.

SM seems to be stripping front matter comments from Gists when vanilla Sass is the selected plugin.

... and list Sass gists?

Now that Sass 3.3 RC is out, we need to make it available to users. However, I don't think it should be the default; rather it should be sandboxed.

Thinking pre.sassmeister.com or maybe alpha.sassmeister.com.

Problems:

• deployment management - how to keep parity between the main and pre branches of the app
• would need to have disclaimer copy on pre site and link to pre on main
• other issues??

Look into replacing ACE with CodeMirror. It seems to offer better documentation and more points of interaction. Specifically, offers beforeChange event. And VIM keybindings. Lots of niceties.

Convert to Modular Sinatra. Abstract out the GitHub auth bits.

SassMeister should have a transcript or some sort of log with error messages and warnings.

I used RWD calc to save a gist but “vanilla Sass” is selected when I load the link in SassMeister.

http://sassmeister.com/gist/5256403

Currently, even though SM can read any Gist with Sass or SCSS, SM can only update Gists it created.

Plugging in a mouse shows scrollbars, which look bad.

http://sassmeister.com/compile

2.0: sassmeister.com/gist/6618236

No Sass is loaded.

I like the feature that the editing windows resize depending on the available viewport, but the editing windows on a 15" laptop are pretty small.

Need to find a way to make less header and more editor.

Move Gist-related code to a lib "model", similar to Roughdraft's. Perhaps even abstract both implementations to a gem.

Make SM Gists embeddable with a few lines of JS in any blog. GitHub, Codepen, and many others already do this.

Would be nice not to need an iframe.

Doesn't necessarily need to be interactive, just pretty.

Hi!

There are quite a few services that allow you fiddling with HTML and CSS. They are very handy: you write HTML and CSS and immediately see the result rendered.

A small number of those services support SASS. But none of them supports importing actual Compass extensions.

SassMeister allows importing actual Compass extensions but it doesn't allow fiddling with HTML.

Please add an ability to write HTML and render the result live!

This doesn't look hard to implement, thanks to the fact that GitHub Gists allow saving multiple files in a single gist.

This feature would turn SassMeister into an ultimate HTML/CSS sandbox, essential for helping out people on StackOverflow and trying ideas without the nuisance of starting a sandbox Compass project on your hard drive.

I have been playing with SassMeister a bit lately. I manage to save gists but I noticed that pressing the Update Gist button doesn't do anything.

In Chrome's console I get following server err msg:

Failed to load resource: the server responded with a status of 500 (Internal Server Error)     http://sassmeister.com/gist/7136082/edit

Hope this info is helpful.

Look into converting to Octokit.rb.

Need to integrate with RD somehow. At least a link such as, "Write about your Sass here" in the Gist confirmation dialog.

Load a gist and your localStorage is nuked. Not cool.

There's really no reason to render anything dynamically at the view level. All the views should be static HTML. Consider Middle Man.

For the plugin lists, it might be enough to just make the bundle:update rake task write the plugins directly to the necessary views.

GitHub auth status can be handled with JS, no need for ERB conditionals.

Would be nice to have a library or easily accessible repo of quick-start snippets. Make learning Sass techniques easier.

Gists are currently being retrieved unauthenticated if the user is not logged in, which limits the number of non-authenticated requests we can make to the GitHub API

I'd love to see the following gems included:

• Singularity Grid System
• Breakpoint
• Sassy Buttons

Otherwise, love this! Can't wait for the updates!

Nothing happens when i click Fork Gist. I can't save modifications to others' gists.

To work around this problem, i have to use the Save Gist button instead (which works fine): create a blank SassMeister project in a separate browser tab and copy code into it.

• modals don't really work for small screens
• footer looks like crap
• ACE is very unfriendly on iOS: select, copy/paste, and cursor insertion don't work

http://sassmeister.com/?utm_source=buffer&utm_campaign=Buffer&utm_content=buffer86015&utm_medium=twitter

Convert to CoffeeScript.

May need to rework the "asset pipeline".

There needs to be a link to the Sass reference docs

It would be AWESOME if there was a way to link directly to a specific part of the doc.

Hi!

Trying to run SassMeister locally, it requires github.yml which is missing.

I hope you can check it in just like newrelic.yml — with some placeholder login/password.