oklai / koala

Koala is a GUI application for less, sass and coffeescript compilation, to help web developers to the development more efficient.

The project has been stopped!!

The development method has changed a lot be from the project start time to now, and there are many better alternatives in the open source community. So I think the projet is outdated, and decided to stop maintenance.
Sorry about for this.
If someone is still willing to continue maintenance, welcome to create a new project, it will be the best way.

Introduction

http://koala-app.com

Koala is a GUI application for LESS, Sass and CoffeeScript compilation, to help web developers use these tools more efficiently for development.

项目中文主页

Downloads

v2.1.0 release Changelog

Download

Features

• Multi-language Support: support for LESS, Sass, Compass Framework, CoffeeScript and Dust.
• Real-time Compilation: listens to files, compiles automatically when file changes occur. Everything runs in the background without the need for user input.
• Compile Options Support: compilation options are avaliable per file.
• Compression: automatic compression of code after compilation has completed.
• Error Notification: if an error is encountered during compilation, Koala will display an error notification.
• Cross-platform: Koala runs perfectly on Windows, Linux and Mac.

Screenshots

Documents

koala is built with node-webkit. node-webkit is an app runtime based on Chromium and node.js. You can write native apps in HTML and Javascript with node-webkit.

How to run Koala source code?

1. Clone Koala to the local;
2. For windows, I DON'T KNOW YET For Mac OS X and Linux, run ./install.sh
3. Download node-webkit prebuilt binaries for your system environment.
4. For windows, copy nw.exe, nw.pak, icudt.dll to koala/src directory, and install Ruby to koala/src/ruby;
   For Linux, copy nw, nw.pak, install Ruby: sudo apt-get install ruby;
   For Mac OS X, copy node-webkit.app, OS X already have Ruby installed.
5. Run the nw executable file.

License

koala's code uses the Apache license, Version 2.0, see our LICENSE file.

koala's Issues

sass编译时提示语法错误

[Ubuntu 13.04] run error with libudev0

after installing the Ubuntu 64-bit .DEB I had to create a sym link for Koala to run.

First I have to change directories:
cd /lib/x86_64-linux-gnu/

Then use create the following sym link
sudo ln -s libudev.so.1 libudev.so.0

any chance of haml support?

Thanks

Add stylus supports.

Possible to have multiple output folders?

I would like my less to compile to several output folders at the same time. Would this be possible to fix?

New files can not set the output path.

when load a new file of a already exists folder, the new file can't set output path, until the restart program.

Can't save output path config when close the app process directly.

无法在mac osx下运行

OSX 10.8.2

Cancel button does not work in Gear Setting menu

The Cancel button does not work, it will not close the dialogue, must use the right upper most Cross button to close.

Koala compiler not working in windows

I need to compile LESS to CSS file. i installed the koala GUI application in my windows7 PC. but not able to see the app window when i clicked open the Koala app. But Koala.exe is there in my task manager's process tab. Please help me in this . Thanks in advance.

how to use compass config.rb and how to add downloaded gems

1. It there any way to use config.rb like when using command line with Compass?
2. And is there any way to download and use another gems like 'compass-recipes'?

1.0.1 crash under proxy network environment

the last version 1.0.1 will crash under proxy network environment, so if you using proxy servers to connect to the internet, you can return 1.0.1-beta2.

Unable to build Less w/Bootstrap 2.0.3

Hi there!

Thanks for a great tool! :)

However I'n not able to build my app's less files that use Bootstrap 2.0.3.
It gives me this error (I wish I could copy/paste from the Koala error log!):

BTW I use Ubuntu 13.04 64 bit.

Best,
Henrik

Open files with default application

A suggestion for a convenience feature.

Double clicking or right click -> open file

will open the file with the default application.

Batch set output path supports.

似乎没有办法批量为文件，或者文件设置 output path，如果文件多了，一个个指定多麻烦呀。

koala cant install in window 7 home premium sp1

create process failed code 5

variable is undefined

Hi, I am using koala compiler with sublimeText 2 and 320andup framework, when y try to compile some of the .less files y get this error

NameError :variable @any_variable undefined "path to the less file"

I am sure that ia m doing something wrong, i have change the encoding, tested on windows and linux without success.

Thank in advance

SALUD

how to run the app in windows 7

我clone了一份到本地，在src文件夹下，执行nw app，然后运行出错。

Uncaught Error: ENOENT, no such file or directory 'F:\GitHub-local\koala\src\app\app\views\template'

这里好像是路径错了，多了一层app

PS：本地的环境应该是没有问题的，我用同样的方法，运行过https://github.com/zcbenz/nw-sample-apps 这里的app

Change location of compiled css

Compiled CSS files are now saved to the same folder as their preprocessor files. But I would like to have all css files be saved to another location.

Is there an existing setting to do this? Thanks! This tool is pretty awesome.

The compiled SCSS could consider put in destination according to user's project configuration

Label: Feature request

As Compass is using config.rb to control the destination output.
The current compiled SCSS(CSS output) is put in the same folder.
It is highly recommended to output according to config.rb so that the program will be more efficient.

compress & concat javascript

One feature I'm missing is to concat & compress pure javascript.
I'm not using coffeescript for most of my projects.
Currently I'm using grunt to do that, but app like koala would require much less setting-up.

[Mac] Can't recognize files if forder has some file with the prefix "_".

windows8下用户名为中文时无法编译

系統登錄名使用了Microsoft ID，所以我的用戶文件夾是中文名的，
當我嘗試編譯SASS時，因為中文路徑的問題而各種報錯啊。。。
我現在是新建了一個英文的本地帳號，切換去那邊才能正常編譯。。。
這忒蛋疼了啊喂。。。
考拉的臨時文件是不是不要放到用戶文件夾內比較好啊？

ubuntu 13 (64bit) error

info:
/usr/share/koala/koala: error while loading shared libraries: libudev.so.0: cannot open shared object file: No such file or directory

Unable to run the application in Ubuntu 13.04

I downloaded and installed the 64 bit deb package of the application and when I try to run the application I am getting the following error.

"error while loading shared libraries: libudev.so.0: cannot open shared object file: No such file or directory"

Any chance of Dust support?

First of all, thanks for the great app.
Can you add support for compiling dust templates?
If not, can you at least point me in the right direction on how to add support for it?
Thanks again

Koala doesn't run

I tried to run kola in my Windows 8 and Xp but with no success. I can see process with task manager but no gui. Your app was great but now it's not running so I am using another one called Prepros.

设置页面直接转入web页

在设置页面点击下方的github地址,主页,有几率直接在设置页面直接打开网页而不是调出浏览器打开网页.

例如下图

Is there a way to manually update less/sass versions?

Is there a way that a user can manually include an updated version of less or sass? May be a good feature to have if a library is updated before a version release.

能拖拽文件夹，但是不能直接拖拽文件？

Watch imported files

Would be a really nice feature for a main file, to watch the imported files for changes, and then recompile.

Create documentation.

Will there be any documentation on how to use the app? This is a promising app, but without good documentation a user unfamiliar with the initial setup of less/sass may pass on it.

Set default output path supports

1.这个默认输出css的路径是和less路径是同级的。很少这样。比如/test/less/test.less。默认生成是/test/less/test.css。一般的都是要输出到/test/css/test.css这个目录。没有设置可以整体更改。用起来非常郁闷。每次加一个less就要手动去改下output的目录。烦。建议对这个文件夹右键就可以把加进来整个文件夹内的less的output路径更改。
2.当在全局配置设置了debug info这些时。全部文件是会默认把debug info选上。但郁闷的是，你把你去掉debug info的时候 他却不能更新那个projects.json里面的配置 。以后用过的less文件还是全部有debug info选上。上线时要一个一个清 还怕忘记了哪些是没有删除的。
3.其实一个less文件夹加进来，一般都不用说整个文件夹的less都要生成对应的css的。默认是全部都会生成。每改一个模块less文件就给我暴错一次 说某一个变量找不到。汗... 一个一个点出来 把自动生成的选中去掉。建议UI参考winless。一目了然。不要的我就直接可以在界面把钩去掉。不用点了出现在右边栏我才知道这个东西是不是钩上的。整体操作说句实话比winless差好多（个人感觉）
4.用这个主要是看上了他的debug功能。没有啥。不支持开机自启 或许node缺少API支持也只能是这样了。
5.用久了用起来非常不顺呐....

Use System Libs

I would like to be able to choose currently installed versions of libs, such as less, or sass, instead of using ones compiled into koala.

Compilation error when directory name contains spaces

The compilation on windows is not working and is failing with the following error :

I have tried to totally reinstall from scratch ruby, I have as well reinstalled from scratch Koala. I tried all the compilation mode it doesn't work.
If I put the css folder in c:/ for instance it works.
I am not sure if it's an issue on my side during the installation process or if it's a bug.
I believe it's an issue with the path containing space and other special characters on windows.

Rubi version : ruby 2.0.0p0 (2013-02-24) [x64-mingw32]
Koala version : 1.0.2
OS : Windows 7 Home premium SP1 (64b)

升级到1.4.1编译就报错拉，1.4.0就木有问题啊，是哪里不兼容了？

Feature: Javascript Minify

Just started using Koala for my lesscss compilation, really awesome interface and enjoy the options to compress the outputted files. It lead me to the idea of also allowing javascript files to be minified?

It'd be really handy to have a tool that does all your compression in one go!

新建配置 for compass出错 求解

typeError:cannot read property 'compass' of undefined at Object.exports.create
(c:\users.....);

希望能加个关闭到最小的小功能设置.因为有时候不小心点了关闭就直接关闭了不方便.

less1.4 strict maths

can you add an option to disable strictmaths and strict units like they do in Prepor 2.2.0. this would be great as all my less files are broken and i cant compile

Error on adding project folder

When I try to add a project folder, either through drag-and-drop or using the folder select dialog, I receive this error:

--uncaughtException--
TypeError: Cannot call method 'trim' of undefined
  at
C:\Users\Shea\AppData\Local\Temp\nw4520_2215\app\util.js:13

I'm using Koala on Windows 8.

[Less] Unable to load import file properly with @import-once

a.less:

.setWidth (@w) {
    width: @w;
}

b.less

@import-once "a.less";
.test {
    .setWidth(5px);
}

Compile Error: NameError: .setWidth is undefined

include_path for less compiler

lessc already allows to pass a list of directories to --include_path command line option.
It would be nice to see that koala also supports it.

Run LESS , Sass and others directly, if them already installed on user computer.

Though in beta, the new version supports the long waited Extend feature, along with other improvements. Could you guys please consider support it now rather than till it's stable? Thanks!

不能开机自启？上次设置的东西会不保存，又要重新再设置？

如题，不能开机自启？设置选项上没有找到这个，每次开机要自己再手动启动下？上次设置的东西会不保存，又要重新再设置？

App doesn´t start Mac OSX

Downloaded and installed your app on OSX - no reaction:

My system:
MacBook Pro
2 GHz Intel Core i7
OS X 10.8.3 (12D78)

Compass not working Image Dimension Helpers

Compass not working Image Dimension Helpers.
wrong image path.
[config.rb] images_dir = " img "
but
[Error Log] is "No Such file or directory - ./ images /xxx.png"
:(

Watch imported SCSS files, shorthand notation

Hi - Koala doesn't appear to be watching over imported SCSS files with the shorthand notation, see http://sass-lang.com/tutorial.html#id1

As an example, only the second line will be watched for modifications from below:

master.scss

@import "global/variables";
@import "global/_normalize.scss";

This issue is unrelated to #24

想写个扩展不是很方便

想写个扩展支持一个新的预处理器，除了compiler js之外，虽然简单完成了，但是要动源码的地方太多了，还是觉得有点麻烦 ，作者有没有考虑到未来可以提供方便写插件的形式，最好可以新起一个目录或文件完成而不需要动原项目。

Can't compile SASS in windows

I've installed ruby using the windows installer and "gem install sass".

I get the error "not found ruby runtime environment, to use sass, you need to install ruby first"

coffeescript compiles without issue.

Japanese username is error

Hi oklai.

Can not be compiled to be a Japanese Username (multibyte character)
not use System built-in Sass.

Japanese Username is garbled characters.
https://www.dropbox.com/s/r1e6nol7k7wxr4d/130624-0007.png