npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

bladejs

v1.0.3

Published

BladeJs view engline for node.js, JavaScript version of Laravel Blade Engine

Downloads

6

Readme

#BladeJs View Engine BladeJs is a simple view engine that can be used as a replacement for ejs package. It completely uses same strucutre that Laravel's Blade engine uses, in Node.Js. So you can write similar views and convert theme easily into node.js or JavaScript version.

Notice that PHP Uses $ before their variables, that will be omitted in BladeJs

Quick Start

Install bladejs with your npm

npm install bladejs --save

Simple Blade file

Blade has similar format of Laravel Blade, so you can read about bladejs or checkout Laravel official docs for blade. Sample file:

:: {{author}} ::

@for   (var i = 1; i <= 2; i ++)
    The current value is sdasdsa asdasdA
        @for (var b =1; b<=2; b++)
            The sub value {{ b + i }}  and:  {{ b * add(i)  }}
            @if (i == 2)
                Now I is {{ i }}
            @endif
        @endfor
@endfor

Parsing views


// Load the bladejs. * If not install try running: npm install bladejs
var blade = require("bladejs");

// Set the path of the views, and the place to hold the caches.
// Blade will generate the caches of bjs files, and vanilla JavaScript will be runned on runtime.
// This ability brings you less overhead possible.

// Make sure you put the caches place into .gitignore file, hence they are generating on change of the source view.

blade.set({
    views: './views/',
    caches: './caches/'
});

// Use blade.render function, and give the name of bjs file.
// Important: .bjs should not mention in the address

var result = blade.render("sample" , {author: "Ali T`orabi" , add : function (i) { return i + 1000 }}) ;

// The out put as parsed html
console.log(result);