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

wonkajs

v1.8.0

Published

Wonka.js is a javascript client-side framework MVC like, built to enhance the frontend development, prioring team work and clean code.

Downloads

117

Readme

Wonka.js

Wonka.js is a javascript client-side framework MVC like, built to enhance the frontend development, prioring team work and clean code.

Install and configure

Requirements

To run wonka.js you must have installed node.js.

Install node

Also you'll need to install git.

Install

Install wonka.js as global node module, on your shell type the command:

$ sudo npm install -g wonkajs

At the end, verify that wonka has been installed successfuly:

$ wonkajs --version

This command must return the version number 1.6.0.

Getting started

Create a project

First step is create a new project:

$ wonkajs project demo

This will create a project template that you can use as base for many kinds of web applications.

Run server

To run wonka.js server and verify that is working, just must run inside the project folder:

$ wonkajs server

With this command we launch a server on port 9300 by default, but you can change it:

$ wonkajs server 9700

Visit your project on:

http://localhost:9300

or in their case on:

http://localhost:9700

First application

To create an app, is necessary be on the project folder and run the app command:

$ wonkajs app books

When this command run, a router links the Main view on application with a url.

The nomenclature is similar to:

/#books -> books.views.Main

When the app is more complex than one level you can create it typing:

$ wonkajs app books science

And the router will build:

/#books/science -> books.science.views.Main

So finally you can visit your new application on:

http://localhost:9300/#books

Or in their case:

http://localhost:9300/#books/science

Deploy

To deploy your project, we recommend compress the project and upload to a server ready to display static content.

To deploy your project, just need to run:

$ wonkajs deploy

With this command, will be created a deploy folder, that will has the files:

  • index.html
  • main.css
  • main.js
  • package.json
  • manifest.webapp
  • icons

Upload this folder to any server path, and points your web server to this path and your application will works.

Backup

To create backup of your project, run :

$ wonkajs backup [directory]

This will create backup of your project in given directory. If directory is not specified, it will create backup in root directory.

For more information read the docs.