Quick and dirty Kraken devtool for JSX files

How to use

First, install it as

    npm install kraken-jsx-devtools

Kraken 1.x instructions

In your config/config.json or other configuration file (maybe config/development.json), you should have a middleware defined for devtools. e.g.

   "middleware": {
        ...
        "devtools": {
            "enabled": true,
            "priority": 35,
            "module": {
                "name": "kraken-devtools",
                "arguments": {
                    "path:./public",
                    "path:./build",
                    {
                        ... /* runtime plugins */
                    }


                }

            }

        }
   }

In the /* runtime plugins */ area above, add a snippet similar to what's shown below:

    "jsx": {
        "module": "kraken-jsx-devtools",
        "files": "/js/**/*.js",
        "ext": "jsx"
    }

• "files" refers to the pattern used when doing a web request (web browser URL).
• "ext" is the extension of the files to map, which should usually be .jsx (the uncompiled files you have in your backend / application).

e.g. if you have if your file structure public/js/jsx/fieldwidget.jsx, requesting for public/js/jsx/fieldwidget.js would automatically compile the JSX file and serve it as pure Javascript.