TypesScript and CoffeeScript ports of the Meteor Leaderboard

TypesScript and CoffeeScript ports of the Meteor Leaderboard

A TypeScript port and a CoffeeScript port of the Meteor framework’s Leaderboard example.

The original Leaderboard has been enhanced with:

• Bootstrap styling.

• You can add and delete players.

• Login authentication.

• Drop-down menus to reset the data and sort players by name and score.

• Tooltips, modal dialogs, popup notifications.

• Meteorite smart packages.

Here’s a screenshot.

CSS is written using Less. The UI uses Twitter Bootstrap, Bootbox.js and toast.js.

Current version tested using:

• Meteor version 0.5.9

• Meteorite version 0.4.9

• TypeScript 0.8.3.0

• CoffeeScript version 1.6.2

• Jake 0.5.10

Installation

In addition to using built-in Meteor packages the project uses two Meteorite smart packages: 'bootboxjs' for modal dialogs and 'toastjs' for popup notifications.

To create and install this meteor project you have to manually copy the cloned Git repo to the to the Meteor project directory because Git will not clone to an empty directory.

mrt create meteorite-leaderboard
# Replace default Meteorite project files with Leaderboard project files.
rm meteorite-leaderboard/meteorite-leaderboard.*
git clone git://github.com/srackham/leaderboard.git leaderboard.tmp
mv leaderboard.tmp/* leaderboard.tmp/.git meteorite-leaderboard
rm -rf leaderboard.tmp
# Add Meteor packages.
cd meteorite-leaderboard
meteor remove insecure autopublish
meteor add jquery bootstrap accounts-ui accounts-password accounts-google
# Add Meteorite packages.
mrt add bootboxjs
mrt add toastjs
# Build project.
jake build.ts
# Run project.
mrt

The build process is managed by jake. Run jake build.ts to compile the TypeScript port or jake build.cs to compile the CoffeeScript port (choose one):

jake build.ts   # TypeScript
jake build.cs   # CoffeeScript

To start the project in the built-in Meteor server:

mrt run