Code Monkey home page Code Monkey logo

webputty's Introduction

WebPutty: The Open Source Transmogrifier

WebPutty Transmogrifier

What the what?

WebPutty is a simple CSS editing and hosting service that you can run on Google App Engine.

WebPutty gives you a syntax-highlighting CSS editor you can use from anywhere, the power of SCSS and Compass, a side-by-side preview pane, and instant publishing with minification, compression, and automatic cache control.

You can get started with just a pair of tags in your website's template and WebPutty will host and serve your published CSS minified and gzipped for super speed.

Intrigued? Read more about the motivation behind WebPutty, how it came to be, and how it ended up being open-source.

How to get WebPutty up and running on your very own sparkly Google App Engine account:

  1. Download and install Python 2.7 and the Google App Engine SDK for Python
  • Clone this repo

  • Log into Google App Engine and create a new application

  • Open up app.yaml in the root of this repo and update application to match the name of your newly created Google App Engine application

  • Open up settings.py (also in the root of this repo) and update the following variables:

    • invite_sender_email
    • incoming_sender_email
    • forward_mail_to
    • secret_key
  • Install pip

  • pip install fabric

  • fab deploy

  • sip lemonade

Advanced Setup:

For page preview images:

  • Go to http://url2png.com and sign up for an account
    • Add these settings to the url2png section in settings.py

To store WebPutty stylesheets using Google Cloud Storage (faster and cheaper than GAE):

Copyright

Copyright (c) 2011-2013 Fog Creek Software Inc.

Some of the icons, images, and sample HTML & CSS used by WebPutty are licensed under the following terms:

License

WebPutty is licensed under the MIT license.

webputty's People

Contributors

dbertram avatar tghw avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

webputty's Issues

Complicated

This is not at all friendly to those who have never touched Python before. Google apps instructs me to run appcfg.py which does not exist in the the master folder and WTF does Pip do besides open up command prompt windows for a half second.

Can we use Python 2.7? (readme.md needs an update?)

As someone new to Python and GAE can I use Python 2.7 or do you still advise 2.5?
I'm assuming 2.7 will simplify the GAE install a little.

Can this be added to the readme.md

readme.md
"Download and install Python 2.5 and the Google App Engine SDK for Python"

url2png requirements in README

When initially reading the documentation, it didn't seem to make it clear that a url2png account was required for WebPutty. The fact that it's under Advanced Setup next to the option to use Google Cloud Storage makes it seem optional.

After messing with WebPutty for some time this afternoon, it seems that a url2png account is required for things to work. It would have been nice if the docs specified that, in order to save time for those who don't want to spend the money on a url2png account.

If there is a way to use the app without url2png, it would be nice if that was documented as well. From what I can tell, there isn't. I can get it up and running by commenting out the urlpng variable in settings.py, but I'm unable to actually add or work with any sites without it.

fab deploy step don't work , documentation not explicit

i follow the steps , python was already install an i haveto update the pip version using easy_install .
but have problem with fab deploy see capture screen about CLI ( command line install) and google App service .
The instruction don't say where to install webputty from the repo
git install project by default in C:\Users\username\Documents\GitHub\WebPutty
when i click on the running link from google appengine account t i have a debug text file .
Bu there is no way to attach this txt using git web interface ?

Thank's for any help

NeedIndexError: no matching index found. (500 error)

I'm getting a 500 error on new install, with this trace in the logs:

Exception on / [GET]
Traceback (most recent call last):
File "/base/data/home/apps/swebputty-haroldmartin/1.361755446768650121/ziplibs.zip/ziplibs/flask/app.py", line 876, in wsgi_app
rv = self.dispatch_request()
File "/base/data/home/apps/s
webputty-haroldmartin/1.361755446768650121/ziplibs.zip/ziplibs/flask/app.py", line 695, in dispatch_request
return self.view_functionsrule.endpoint
File "/base/data/home/apps/swebputty-haroldmartin/1.361755446768650121/app/views.py", line 95, in index
return render_template('index.html', sites=sites, new_site_form=site_form, page_form=page_form)
File "/base/data/home/apps/s
webputty-haroldmartin/1.361755446768650121/ziplibs.zip/ziplibs/flask/templating.py", line 85, in render_template
context, ctx.app)
File "/base/data/home/apps/swebputty-haroldmartin/1.361755446768650121/ziplibs.zip/ziplibs/flask/templating.py", line 69, in _render
rv = template.render(context)
File "/base/data/home/apps/s
webputty-haroldmartin/1.361755446768650121/ziplibs.zip/ziplibs/jinja2/environment.py", line 891, in render
return self.environment.handle_exception(exc_info, True)
File "/base/data/home/apps/s~webputty-haroldmartin/1.361755446768650121/app/templates/index.html", line 1, in
{% extends 'base.html' %}
NeedIndexError: no matching index found.
The suggested index for this query is:

  • kind: Site
    properties:
    • name: users
    • name: name

Data URIs can sometimes result in broken CSS

what looks to be happening is the parser is barfing on the actual base64-encoded data portion of the URI and then instead of dropping the entire CSS property that URI was a part of, it just leaves a malformed one in it's place.

so instead of:

background-image: url(data:image/png;base64,[big-blob-o-data]);

you're left with:

background-image: url(data:image/png;

...which I think is causing the rest of the CSS file to be parsed improperly.

can't restore firebug lite after minimizing it

  • might be FF-only (appears to work in Chrome)

steps:

  1. open the editor
  2. click on firebug and wait for firebug lite to load in the preview pane
  3. minimize firebug lite
  4. click on the bug icon in the lower-right corner of the preview pane to try and restore firebug lite

result:

bug icon disappears, but firebug lite isn't restored

expected:

restored firebug lite pane

No module named simplejson

./dev_appserver.py webputty/
....
INFO 2013-10-27 22:52:20,088 api_server.py:139] Starting API server at: http://localhost:51803
INFO 2013-10-27 22:52:20,137 dispatcher.py:171] Starting module "default" running at: http://localhost:8080
INFO 2013-10-27 22:52:20,146 admin_server.py:117] Starting admin server at: http://localhost:8000
ERROR 2013-10-27 22:52:21,592 wsgi.py:262]
Traceback (most recent call last):
File "/home/magnolia/googleapp/google/appengine/runtime/wsgi.py", line 239, in Handle
handler = _config_handle.add_wsgi_middleware(self._LoadHandler())
File "/home/magnolia/googleapp/google/appengine/runtime/wsgi.py", line 298, in _LoadHandler
handler, path, err = LoadObject(self._handler)
File "/home/magnolia/googleapp/google/appengine/runtime/wsgi.py", line 84, in LoadObject
obj = import(path[0])
File "/home/magnolia/googleapp/webputty/bootstrap.py", line 13, in
from google.appengine.tools.dev_appserver import HardenedModulesHook
File "/home/magnolia/googleapp/google/appengine/tools/dev_appserver.py", line 62, in
import simplejson
ImportError: No module named simplejson

I had simplejson in python path, could anyone point out what the problem is here? Thanks!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.