MappeJS

Set your default configuration

mappe.json

{
  "default": "default",
  "styles": {
    "default": [
      "camelCase",
      "upperCaseFirst"
    ],
    "custom": [
      "snakeCase",
      "lowerCaseFirst"
    ]
  },
  "components": {
    "default": {
      "title": "default",
      "extensions": {
        "js": "custom",
        "css": "default"
      }
    }
  }
}

Generate a complete component

Folder and files named with the same name, following the rules setted in the configuration file

Result:

__ ./ThisIsAnExample/

• |_ this_is_an_example.js
• |_ ThisIsAnExample.css

$ mappe generate default this is an example
$ mappe g default this is an example

Create a folder

Creates a folder following the rules setted in the configuration file

Result:

__ ./ThisIsAnExample/

$ mappe folder default this is an example

Create a file

Creates a file inside a given folder following the rules setted in the configuration file

Result:

__ ./ThisIsAnExample/

• |_ ThisIsAnotherExample.js

$ mappe file default js ThisIsAnExample this is another example