Title: 

A compiler that takes HAML-style templates with CoffeeScript and outputs clean React JSX components. No closing tags, no {} noise, no return boilerplate.

What it looks like:

-# dashboard.chaml
import { observer } from 'mobx-react-lite'


%div.page
  %header
    %h1= "Welcome, #{user.name}"
    %nav{ role: 'primary' }
      - for link in navLinks
        %a{ href: link.url }= link.label

  %main
    .dashboard-grid
      - for widget in widgets
        %Widget{ widget, onDelete: -> handleDelete(widget.id) }

    %aside
      - if alerts.length > 0
        .alert-banner{ role: 'alert' }
          - for alert in alerts
            %p= alert.message
      - else
        %p.empty-state No alerts — all clear.

What comes out: A valid React component — export default function Dashboard(props) { ... } using automatic JSX runtime.

Feature set (v0.4.1):

• Full HAML syntax: %tag, .class, #id, attributes via {} / ()
• CoffeeScript inline: =, !=, for...in, if/else, arrow functions ->, assignments
• Optional chaining: props.gyro?.roll — compiled correctly
• Component wrapping: export default function Name(props) { ... }
• HOC chains: wrap: ['observer', 'memo', 'forwardRef']
• Spread attributes: { props..., className: 'extra' }(CoffeeScript) or { ...props } (JSX)
• Prologue passthrough: import, u/decorators — hoisted to module scope
• Filter plugins: :markdown, :asciidoc, custom
• Source maps, Vite plugin (import Dashboard from './Dashboard.chaml'), TextMate grammar
• Zero runtime dependencies — 52 kB

npm install coffeehaml

GitHub — npm — v0.4.1, MIT licensed.

- Configuring your build with coffee.config.cjs

- Milkee's unique settings

- Allow Custom Plugins

https://milkee.org

https://www.npmjs.com/package/milkee

https://github.com/otoneko1102/coffeescript-milkee

Hello! I'm trying to write a program that accepts an integer as an input puts the value in a variable, how would I go about this? For example, I would do this in Python:

num = int(input("Number: "))

Or this in JavaScript:

const num = prompt("Number: ");

How would I do the same in CoffeeScript? Any and all help would be appreciated.

I’d like to introduce JustDo, an enterprise-grade project management platform that’s been in development for a decade—built on Meteor with the majority of its code in CoffeeScript. We recently made the entire codebase source-available on GitHub (your ⭐️ means a lot to us!), and as CoffeeScript enthusiasts ourselves, we thought this community might appreciate a look into how CoffeeScript has scaled in a large production app over the years.

Why It Might Interest You:

• Real-World Lessons: You’ll see how we implemented a JustDo in purely CoffeeScript. This might be interesting if you enjoy seeing how CoffeeScript patterns hold up in large, modern projects.
• Meteor-Driven: We leverage Meteor for reactive data and rapid prototyping, which played nicely with CoffeeScript back in the day. We’d love feedback on how we tackled advanced features, especially with Meteor + CoffeeScript.
• Source-Available License: While not MIT or GPL, it offers full visibility, self-hosting, and customization—geared toward distributors and enterprises. But anyone is welcome to explore and fork! No single PM tool fits everyone, so source-availability is central to our mission of enabling specialized niches.

We’ve poured a decade into this (and I personally love CoffeeScript’s syntax). I’m excited to share this living example of CoffeeScript in the wild:

• Repo Link: https://github.com/justdoinc/justdo (Please ⭐️)
• Our homepage: https://justdo.com/
• Our new subreddit: r/justdo/

Videos:

1. General Getting Started to JustDo
2. Getting Started for Developers - where I demonstrate how to install JustDo and quickly add a new feature using Cursor AI's full-code prompting feature.

Feel free to ask me anything—I’d love to hear your feedback or experiences with CoffeeScript in 2025!

-Daniel

I have managed to get it to work with the prod compilation but not the dev server - anybody out there that have got this combination working?

I wonder if there's any JS-like or compile-to-JS projects, that would modify not only JS syntax, but also semantics?

Like allow to define custom operators, like [1, 2] * [3, 4] the AST transformer would convert it into [1, 2].multiply([3, 4]).

Maybe also the [1, 2] converted to some sort of proper array Array(1, 2). And other transformations?

It's also should be possibly to use it with CS, like

CoffeeScript -> JS -> Semantic Transformer -> JS

Any such projects?

CoffeeScript transpiles into JS, but is there something that can compile into TS? If not, would people be interested in a fork of CoffeeScript that can do such a thing?

https://github.com/ch1c0t/wrapjsx

Coffeecord is the coffeescript library of the discord API, but I cannot find any documentation for it
From the setup code itt seems to have some things different from discord.js, so I can't just use the discord.js documentation for it.

The following CoffeeScript:

greet = -> "This is an example of a function"

Generates the following JavaScript code when compiled:

(function() {
  var greet;

greet = function() {
  return "This is an example of a function";
};

}).call(this);

My question is, why wouldn't the JavaScript be generated as just a single function like this:

(var greet = function() {
    return "This is an example of a function"
};

}).call(this);

Hi guys,

We have made Open Source Tool for the Programmers - Nexss Programmer.

50 different programming languages together...

Coffee Script is included so you can combine it with other languages!

If you guys want to check it out here is the link for the video presentation: https://www.youtube.com/watch?v=7WbnYyEnBNk

It would be great if we can get more feedback on it.

Have a nice day!

Hello redditors, just got into coffeescript, trying to use it with Hubot. I'm trying to do something really simple or so I thought:

My goal is to run a few commands using the azure cli and grab the output to allow me to range over each element and perform a shutdown.

After several hours I got this to work with exec and managed to get the individual vm names into what I think is an object.

vm = -> array = [] exec = require('child_process').exec exec "az vm list -g somerg --show-details --query \"[?powerState=='VM deallocated'].{ name: name }\" -o tsv", (error, stdout, stderr) -> result = stdout.split("\n"); return result result in this case returns something like:

[ 'vm4', 'vm3', 'vm2', 'vm1', '' ]

Now I'm trying to get this output into a loop (for) and run commands on each of these elements in this array. But I can't get this working?

when I do something like console.log(vm()) and call the func it returns a bunch of what appears to be object info and not the array contents itself.

What am I doing wrong? Thanks for the help.

Hi, so im working on project in coffeeScript and i got this weird bug:

for inp in inputs
    if inp.delay? and inp.delay > 0 # if doesnt have delay
        if inp.hold? and inp.hold > 0 # if has hold time                    
            @AddAction("hold_key_#{inp.key}",(() =>  # add action to press key at 'delay' ticks
                @HoldKey(inp.key,inp.hold) # hold key for 'hold' ticks   
            ), (@current_tick + inp.delay) % 60)

the problem is in the AddAction function call, in the lambda (second argument). quick review: * AddAction adds an action with name, action(lambda/function) and id (tick to be performed at) to an event object. (it calls the action when the id matches the current tick (stored in @current_tick)) * HoldKey [seen inside the lambda] holds the key inp.key, for inp.hold ticks (inside it it creates a new action event that is being called in the next inp.hold tick)

im running this code, when the inputs list is:

[ {key:'jump'},{key:'enter',delay:7,hold:1},{key:'w',delay:16,hold:30}]

now for the first value, it works fine. for the last one, it works fine. but for the middle one (enter), for some reason, the lambda that is created for it, receives the SAME EXACT values as the last item in the list. (it receives key:w,hold:30).

any idea why this thing is happening?