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

jsonss

v1.3.0

Published

JavaScript Object Notated Style Sheets

Downloads

37

Readme


JavaScript Object Notated Style Sheets. Created so developers don't need to learn SCSS, and can rely on JS, JSON, and CSS instead

Usage

JSONSS allows you to use JavaScript loops, functions, and variables, and JSON to create CSS. Just write JavaScript code, and we do the converting and formatting for you.

Installation

NPM

In terminal, type

# npm install jsonss --save-dev
npm i jsonss --save-dev

# If you prefer Yarn
yarn add jsonss -D

If for whatever reason you want to use Github Packages, you can use

# npm install @luke-zhang-04/jsonss --save-dev
npm i @luke-zhang-04/jsonss --save-dev

GitHub

Download the latest release here or clone through command line

git clone --depth=1 https://github.com/Luke-zhang-04/JSONSS.git

Curl

If you for some reason want to install with Curl (or Wget or something), the command is as follows

curl -L https://github.com/Luke-zhang-04/JSONSS/archive/<VERSION_NAME>.tar.gz | tar zx # Download file
mv JSONSS-<VERSION_NAME> JSONSS/ # Rename folder to just JSONSS

E.g

curl -L https://github.com/Luke-zhang-04/JSONSS/archive/v1.3.0.tar.gz | tar zx
mv JSONSS-1.3.0 JSONSS

I would strongly recommend using a package manager such as NPM or Yarn, however.

Invocation

You can invoke JSONSS with

npx jsonss [file1] [file2] <options>

Help

Thanks to Commander, you can get help with the command:

# npx jsonss --help
npx jsonss -h
Usage: jsonss [options]

Options:
  -nol --nolint  Don't check for for CSS errors
  -d --debug     display output log
  -p --pretty    pretty print
  -h, --help     display help for command

E.g

npx jsonss example/example.js example/styles.css -d -pretty

License notice

Even though this program is licensed under the GNU General Public License, any output from this program is NOT under the terms of the license. Only the source code of this tool is licensed under GPL. As long as your production build is not dependent on this tool, the terms of this license do not apply. To quote GNU.org,

The output of a program is not, in general, covered by the copyright on the code of the program. So the license of the code of the program does not apply to the output, whether you pipe it into a file, make a screenshot, screencast, or video. The exception would be when the program displays a full screen of text and/or art that comes from the program. Then the copyright on that text and/or art covers the output. Programs that output audio, such as video games, would also fit into this exception. If the art/music is under the GPL, then the GPL applies when you copy it no matter how you copy it. However, fair use may still apply. Keep in mind that some programs, particularly video games, can have artwork/audio that is licensed separately from the underlying GPLed game. In such cases, the license on the artwork/audio would dictate the terms under which video/streaming may occur.