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

jsongen

v0.1.0

Published

Create massive amounts of rnadomized data through a simple JSON markup language

Downloads

3

Readme

Check out a demo here.

What is it?

JsonGen is library for generating random JSON data. It uses a simple markup and handful of included functions. By passing a markup'd JSON object through jsongen it will return the randomized data as a JSON object.

var users = jsongen([
	'{{repeat(2)}}',
	{
		name    : '{{name()}}',
		id      : '{{id("user")}}',
		email   : '{{email()}}',
		address : '{{num(1,99)}} {{street()}}, {{city()}}',
		posts   : [
			'{{repeat(0,3)}}',
			{
				content : '{{lorem()}}',
				created : '{{date()}}'
			}
		],
		status : '{{rand("new", "processing", "registered")}}',
		user_data : function(){
			var rep = this.num(0,1000),
				userType = 'bronze';
			if(rep >= 300) userType = 'silver';
			if(rep >= 800) userType = 'gold';
			return {
				type : userType,
				reputation : rep
			}
		}
	}
]);

$(example).html('<pre>' + JSON.stringify(users, null, '  ') + '</pre>')
		  .css('font-family', 'Courier');

We're generating 2 users with various data: 0 - 3 post objects, a random status, and some user data. You can even embed the markup into strings, like we did with the address. If JsonGen runs into a function, it will just execute it normally and use the result.

Feel free to play around with this example and experiment by adding some of the various other comamnds from below.

Commands

index() - Returns the current iteration of a repeat loop.

id(prefix) - Returns a unique id with the given prefix. Prefix defaults to 'id'

bool() - Returns either a true or a false at random.

num(max), num(min, max) - If given one parameter returns a random number from 1 to max. If given two it will use the range.

rand(n1,n2,n3,...) - Given a list of any type of items it will return one of them at random.

repeat(NumOfTimes), repeat(min, max) - The repeat command is used as the first element of an array. It will then take the second element of the array and populate the array with that many copies of it. If only one parameter is passed to repeat is will repeat the object exactly that many times. If a range is given, JsonGen will chose a random number between those ranges.

guid() - Returns a Globally Unique Identifier

name() - Combines a random first and last name

firstname() - Returns a first name from the most common North American names

lastname() - Returns a last name from the most common North American names

email() - Takes the first letter for a first name, a last name, @ a random company, with a random domain suffix

company() - Returns one of the top 500 companies in the world

phone() - Returns a randomly generated phone number

street() - Returns a common street name from North America

city() - Returns a common city name from North America

date() - Generates a random date between now and Jan 1st 2010. Returned in ISO8601 format.

now() - Returns the current time in ISO8601 format.

unix() - Generates a random date between now and Jan 1st 2010. Returned in Unix time.

unix_now() - Returns the current time in Unix time.

lorem(max), lorem(min,max) - Returns sentences of random text generated using Lorem Ipsum.

Functions

If JsonGen comes across a function in your markup, it will not only execute it, but it will scope all of JsonGen's functions onto this, letting you use everything in the library from within the function.

This is useful if you need to add logic to your data.

var embeddedFunctions = jsongen([
	'{{repeat(5)}}',
	function(){
		var rep = this.num(0,1000),
			userType = 'bronze';
		if(rep >= 300) userType = 'silver';
		if(rep >= 800) userType = 'gold';
		return {
			email      : this.email(),
			user_type  : userType,
			reputation : rep,
			gender     : this.rand('male', 'female')
		}
	}
]);

$(example).html('<pre>' + JSON.stringify(embeddedFunctions, null, '  ') + '</pre>')
		  .css('font-family', 'Courier');

Definitions

JsonGen uses arrays of words to generate it's random data stored in the jsongen.wordbank variable. You can overwrite these to have your data generation more specific to your needs.

The word banks used are lorem, firstNames, lastNames, companyNames, streetNames, cityNames, and websiteDomains

jsongen.wordbank.firstNames = ['Enzo', 'Dot', 'Bob', 'Megabyte', 'Hexidecimal'];

var RebootCharacters = jsongen([
	'{{repeat(2)}}',
	'{{firstname()}}'
]);

$(example).html('<pre>' + JSON.stringify(RebootCharacters, null, '  ') + '</pre>')
		  .css('font-family', 'Courier');

External Libraries

JsonGen will pick up additional functionality if certain libraries are included on your page.

Faker.js

Faker.js is a fantastic library written by Matthew Bergman & Marak Squires. It greatly increases the types of data you can generate with JsonGen.

Every Faker.js function is accessible using the Faker prefix. Check out the full documentation here.

var FakerIsCool = jsongen({
	bs : '{{Faker.random.bs_adjective()}} {{Faker.random.bs_noun()}}',
	catchPhrase : '{{Faker.Company.catchPhrase()}}',
	user : function(){
		return this.Faker.Helpers.userCard();
	}
});

$(example).html('<pre>' + JSON.stringify(FakerIsCool, null, '  ') + '</pre>')
		  .css('font-family', 'Courier');

Moment.js

Moment.js is a complete Javascript date library for parsing, validating, manipulating, and formatting dates. If you have it on your page, then JsonGen will update the now() and the date() functions to use Moment.js's formatting.

Check out full documentation on Moment.js's formating here.

var MomentIsAlsoCool = jsongen([
	'{{date("dddd, MMMM Do YYYY, h:mm:ssA")}}',
	function(){
		return this.now('dddd MMMM Do[, ] DDDo [day of the year.] SSS[ms]');
	}
]);

$(example).html('<pre>' + JSON.stringify(MomentIsAlsoCool, null, '  ') + '</pre>')
		  .css('font-family', 'Courier');