• Stars
    star
    32
  • Rank 801,539 (Top 16 %)
  • Language
    Ruby
  • License
    MIT License
  • Created about 8 years ago
  • Updated about 6 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

🐢 Compile Jade and Pug from Ruby.

🐢 Compile Jade and Pug from Ruby

Gem Version Build Status

jade

pug

About

pug-ruby is a gem that allows you to easily compile Jade and Pug templates from Ruby.

You can compile both Jade and Pug:

You can choose what compiler to use:

  • system compiler – compiler that is installed globally via NPM.
  • shipped compiler – compiler that is shipped with the gem as Web version.

Available versions of shipped compilers are listed below.

You can lock the Jade / Pug version:

NEEDED_JADE_VERSION = "1.9.2"

unless Jade.compiler.version == NEEDED_JADE_VERSION
  raise "Jade #{NEEDED_JADE_VERSION} needed. You have #{Jade.compiler.version}."
end

You can configure globally or per compilation:

Jade.config.pretty = true
Jade.compile "div Hello, Jade!", pretty: false

You can render template or compile it to the JavaScript function:

Jade.compile "div=greeting", locals: { greeting: "Hello, Jade!" } # => "<div>Hello, Jade!</div>"
Jade.compile "div=greeting", client: true                         # => "(function(jade) { function template(locals) {var buf = [];var jade_mixins = {};var jade_interp;;var locals_for_with = (locals || {});(function (greeting) {buf.push("<div>" + (jade.escape(null == (jade_interp = greeting) ? "" : jade_interp)) + "</div>");}.call(this,"greeting" in locals_for_with?locals_for_with.greeting:typeof greeting!=="undefined"?greeting:undefined));;return buf.join("");}; return template; }).call(this, jade);"

Advanced language features like include, extends and block are supported (only system compilers):

//- File: /var/www/app/views/header.jade
ul
  li: a(href='/') Home
//- File: /var/www/app/views/layout.jade
doctype html
html
  head
      title Application
  body
    header
      include ./header.jade
Jade.use :system

Jade.compile File.read("/var/www/app/views/layout.jade"), filename: "/var/www/app/views/layout.jade"
  # => "<!DOCTYPE html><html><head><title>Application</title></head><body><header><ul><li><a href="/">Home</a></li></ul></header></body></html>"

Installing gem

RubyGems users

  1. Run gem install pug-ruby --version "~> 2.0.0".
  2. Add require "pug-ruby" to your code.

Bundler users

  1. Add to your Gemfile:
gem "pug-ruby", "~> 2.0.0"
  1. Run bundle install.

Installing Jade

Only install if you want to use system compiler.

Install Jade globally via npm:

npm install --global jade

You may require sudo depending on your system.

Installing Pug

Only install if you want to use system compiler.

Install Pug globally via npm:

npm install --global pug

You may require sudo depending on your system.

Switching Jade / Pug version

The gem is shipped with different prebuilt versions of Jade and Pug. That prebuilt versions are Web version, e.g. they are limited to browser JavaScript. Advanced Jade / Pug features like includes, extends, block, and others require filesystem access. You will not be able to use that features while dealing with shipped Jade / Pug. Use system Jade / Pug in such cases.

Switching the version permanently:

Pug.use "2.0.0"      # You have just switched to shipped Pug 2.0.0.
Pug.compiler.version # Returns "2.0.0".

Pug.use :system      # You have just switched to system Pug.
Pug.compiler.version # Returns the version of your system-wide installed Pug.

Switching the version temporarily:

Jade.use "1.11.0" # You have just switched to shipped Jade 1.11.0.

Jade.use "1.9.2" do
  # You have just switched to shipped Jade 1.9.2.
  Jade.compiler.version # Returns "1.9.2".

  # Do you stuff.
end

# You have been switched back to the 1.11.0.
Jade.compiler.version # Returns "1.11.0".

Switching to the system Jade / Pug:

# Pass :system to switch to the system Jade / Pug.
Jade.use :system
Pug.use  :system

Shipped versions of Jade:

  • 1.0.0
  • 1.0.1
  • 1.0.2
  • 1.1.0
  • 1.1.1
  • 1.1.2
  • 1.1.3
  • 1.1.4
  • 1.1.5
  • 1.2.0
  • 1.3.0
  • 1.3.1
  • 1.4.0
  • 1.4.1
  • 1.4.2
  • 1.5.0
  • 1.6.0
  • 1.7.0
  • 1.8.0
  • 1.8.1
  • 1.8.2
  • 1.9.0
  • 1.9.1
  • 1.9.2
  • 1.10.0
  • 1.11.0

Shipped versions of Jade runtime:

  • 1.0.0
  • 1.0.1
  • 1.0.2
  • 1.1.0
  • 1.1.1
  • 1.1.2
  • 1.1.3
  • 1.1.4
  • 1.1.5
  • 1.2.0
  • 1.3.0
  • 1.3.1
  • 1.4.0
  • 1.4.1
  • 1.4.2
  • 1.5.0
  • 1.6.0
  • 1.7.0
  • 1.8.0
  • 1.8.1
  • 1.8.2
  • 1.9.0
  • 1.9.1
  • 1.9.2
  • 1.10.0
  • 1.11.0

Shipped versions of Pug:

  • 2.0.0-beta1
  • 2.0.0-beta2
  • 2.0.0-beta3
  • 2.0.0-beta4
  • 2.0.0-beta5
  • 2.0.0-beta6
  • 2.0.0-beta7
  • 2.0.0-beta8
  • 2.0.0-beta9
  • 2.0.0-beta10
  • 2.0.0-beta11
  • 2.0.0-beta12
  • 2.0.0-rc.1
  • 2.0.0-rc.2
  • 2.0.0-rc.3
  • 2.0.0-rc.4
  • 2.0.1
  • 2.0.2
  • 2.0.3

Shipped versions of Pug runtime:

  • 2.0.0
  • 2.0.1
  • 2.0.2

Configuring Jade / Pug

Accessing configuration:

Jade.config

Getting configuration options:

Jade.config.pretty  # => false
Jade.config.pretty? # => false

Setting configuration options:

Jade.config.pretty = true

Setting custom configuration options:

Jade.config.custom_option = "value"

Serializing configuration:

Jade.config.to_h
  # => { filename: nil, doctype: nil, pretty: false, self: false, compile_debug: false, globals: [], name: "template" }

The documentation for configuration options can be found here:

Pass an options to Jade#compile or Pug#compile as second argument to override global config:

Jade.compile "h1 Title\ndiv Content"
  # => "<h1>Title</h1><div>Content</div>"
  
Jade.compile "h1 Title\ndiv Content", pretty: true
  # => "<h1>Title</h1>\n<div>Content</div>"  

Running tests

  1. Install both Jade and Pug: npm install --global jade pug.
  2. Install gem dependencies: bundle install.
  3. Finally, run tests: bundle exec rake test.

More Repositories

1

pug-rails

πŸ‘Œ Make Jade and Pug play well with Sprockets.
Ruby
32
star
2

jquery-toolz

Extends jQuery with useful functions
CoffeeScript
18
star
3

exclusive-error-message

100% exclusive message for any ActiveModel validation error.
Ruby
12
star
4

autogrow

Make the textarea resize automatically
CoffeeScript
10
star
5

method-not-implemented

Adds method_not_implemented to every class and module in Ruby.
Ruby
9
star
6

docker-centos7-openvpn

Docker container with CentOS 7 and OpenVPN.
Dockerfile
9
star
7

validate-limits

Automatically validate limits for ActiveRecord attributes.
Ruby
6
star
8

hash-tweaks

πŸ› A gem extending Ruby's hash with useful utilities.
Ruby
6
star
9

publisher-subscriber

⚑️ Lightning fast Publisher-Subscriber pattern written in CoffeeScript using V8 hacks. Backbone.Events compatible.
JavaScript
5
star
10

coffee-concerns

β˜•οΈ Implementation of the Ruby's include and extend for CoffeeScript 1.x environment.
CoffeeScript
5
star
11

array-tweaks

βš™οΈA gem extending Ruby's array with useful utilities.
Ruby
5
star
12

optimize-js

Ruby wrapper and Rails asset pipeline integration for optimize-js.
Ruby
4
star
13

autostrip

Automatically strip leading and trailing whitespace
Ruby
4
star
14

gulp-lazyload

Lazy load gulp plugins!
CoffeeScript
3
star
15

jquery-animation-support

animationEnd event + $.fn.emulateAnimationEnd
CoffeeScript
2
star
16

env-tweaks

Responsibly extends Ruby's ENV with simple and predictable utilities.
Ruby
2
star
17

ccy-rates

Currency exchange rates in your shell
Ruby
2
star
18

ruby-excel-readers-benchmarks

πŸ“Š Benchmarks of Excel readers in Ruby
Ruby
2
star
19

activerecord-traits

Type information of activerecord models, attributes and associations in good and clear manner
Ruby
1
star
20

stellar-testnet-faucet

JavaScript
1
star
21

yandex-metrika-embedded

This snippet of code automatically initializes yandex metrika with config retrieved from meta tags. Friendly with Turbolinks and pjax. Latest watch.js is included in this script.
CoffeeScript
1
star
22

nil-if-zero

Adds Integer#nil_if_zero and Integer#nil_unless_zero.
Ruby
1
star
23

google-analytics-initializer

This snippet of code automatically initializes google analytics with config retrieved from meta tags. Friendly with Turbolinks and pjax.
CoffeeScript
1
star
24

docker-centos7-ruby

Docker container with CentOS 7 and Ruby.
1
star
25

photo-cook

Personal ruby cook for photos
Ruby
1
star
26

capistrano-tweaks

Tweaks for Capistrano 3.x
Ruby
1
star
27

omniauth-barong-oauth2

OmniAuth strategy for Barong OAuth2.
Ruby
1
star
28

docker-centos7-redis

Docker container with CentOS 7 and Redis.
Shell
1
star
29

arel-is-blank

Adds several methods which help to build conditions around value presence.
Ruby
1
star
30

better-faraday

⚑️A gem extending Faraday (popular Ruby HTTP client) with useful features without breaking anything.
Ruby
1
star
31

yandex-metrika-initializer

This snippet of code automatically initializes yandex metrika with config retrieved from meta tags. Friendly with Turbolinks and pjax.
CoffeeScript
1
star
32

management-console-ui

http://management-console-ui.site/
JavaScript
1
star
33

nullify-attr

Conditionally nullify attributes.
Ruby
1
star
34

jivo-chat-initializer

This snippet of code automatically initializes jivo chat with config retrieved from meta tags. Friendly with Turbolinks and pjax.
CoffeeScript
1
star
35

state-router

AngularUI Router inspired solution for Backbone frameworks!
CoffeeScript
1
star
36

capistrano-rbenv-support

rbenv support for Capistrano 3.x
Ruby
1
star
37

sassc-rails-svg-data-url

Adds svg_data_url as a Sass function.
Ruby
1
star