csson.md

CSSON

CSS Object Notation

CSSON is a superset of JSON that is parsed according to CSS syntax.

Any JSON can be parsed as CSSON, though not every CSS Style Sheet can be parsed as CSSON.

Pros:

• CSSON syntax is more expressive and forgiving than JSON syntax, making it friendlier to use
• CSSON includes more types than JSON, allowing your environment to handle the pieces of information in a smarter way

Cons:

• less built-in language support, compared to JSON or XML

CSSON Objects

JSON Types

• <json-number>
• <json-string>
• <json-true>
• <json-false>
• <json-null>
• <json-array>
• <json-object>

CSS Types

• <css-ident>
• <css-hash>
• <css-url>
• <css-comment>
• <css-qualified-rule>

It's JLJ (Just like JSON)

CSSON always attemps to parse a JSON type first, so 1 will always be a <json-number>, not a <css-number>.

Converting CSS Types to JSON Types

Rules

• maximum one value per slot where a value could go

1      /* valid */
1 2 3  /* invalid */

{
  number: 1;      /* valid */
  number: 1 2 3;  /* invalid */ 
}

package.csson

{
  name: 'my_package';
  description: '';
  version: '1.0.0';
  main: url(index.js);
  scripts: {
    test: "echo \"Error: no test specified\" && exit 1";
  };
  repository: {
    type: 'git';
    url: url(/my_package.git);
  };
  keywords: [];
  author: '';
  license: 'ISC';
  bugs: {
    url: url(/my_package/issues)
  };
  homepage: url(/my_package);
}

package.json

{
  "name": "my_package",
  "description": "",
  "version": "1.0.0",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "repository": {
    "type": "git",
    "url": "/my_package.git"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "bugs": {
    "url": "/my_package/issues"
  },
  "homepage": "/my_package"
}