updated: use the latest riot compiler

Readme.md

@@ -7,18 +7,20 @@ A parcel plugin for riot.js
 
 ## Using
 Add parcel-plugin-riot to your project.
-```
-npm i parcel-plugin-riot
+
+```bash
+npm i -D @riotjs/parcel-plugin-riot @riotjs/compiler
 ```
 
 -> You are ready!
 
-```javascript
+```js
+import App from './src/App.riot'
+import {component} from 'riot'
 
-const riot = require('riot')
-require('./src/App.tag')
-
-riot.mount('*')
+component(App)(document.querySelector('#root'), {
+  message: 'Hello there'
+})
 ```
 
 ## Configuration
@@ -27,34 +29,18 @@ If you want compile your tags using custom riot compiler options you can create
 
 ```js
 export default {
-  // html parser
-  template: 'foo',
-  // js parser
-  type: 'baz',
-  // css parser
-  style: 'bar',
-  parsers: {
-    html: {
-      foo: (html, opts, url) => require('foo').compile(html)
-    },
-    css: {
-      bar: (tagName, css, opts, url) => require('bar').compile(css)
-    },
-    js: {
-      baz: (js, opts, url) => require('baz').compile(js)
-    }
-  },
-  // special options that may be used to extend
-  // the default riot parsers options
-  parserOptions: {
-    js: {},
-    template: {},
-    style: {}
-  }
+  hot: false // set it to true if you are using hmr
+  // add here all the other @riotjs/compiler options riot.js.org/compiler
+  // template: 'pug' for example
 }
 
 ```
 
+If you want to enable hmr via `hot` option you will need to install also [`@riotjs/hot-reload`](https://www.npmjs.com/package/@riotjs/hot-reload)
+
+```bash
+npm i @riotjs/hot-reload -D
+```
 
 [travis-image]:  https://img.shields.io/travis/riot/parcel-plugin-riot.svg?style=flat-square
 [travis-url]:    https://travis-ci.org/riot/parcel-plugin-riot

RiotAsset.js

@@ -1,23 +1,42 @@
-const { compile } = require('riot-compiler')
+const { compile } = require('@riotjs/compiler')
 const { Asset } = require('parcel-bundler')
-const preamble = 'const riot = require(\'riot\');\n'
+
+/**
+ * Generate the hmr code depending on the tag generated by the compiler
+ * @param   {string} path - path to the component file
+ * @returns {string} the code needed to handle the riot hot reload
+ */
+function hotReload(path) {
+  return `;(() => {
+  if (module.hot) {
+    const hotReload = require('@riotjs/hot-reload').default
+    module.hot.accept()
+    if (module.hot.data) {
+      const component = require('${path}').default;
+      hotReload(component)
+    }
+  }
+})()`
+}
 
 class RiotAsset extends Asset {
-  constructor(name, options) {
-    super(name, options)
+  constructor(name, pkg, options) {
+    super(name, pkg, options)
     this.type = 'js'
   }
 
   async generate() {
-    const riotOpts = (await this.getConfig(['.riotrc', '.riotrc.js', 'riot.config.js'])) || {}
-    const code = compile(this.contents, riotOpts, this.name)
-
-    this.contents = `${preamble}${code}`
+    const options = (await this.getConfig(['.riotrc', '.riotrc.js', 'riot.config.js'])) || {}
+    const {code, map} = compile(this.contents, {
+      file: this.relativeName,
+      ...options
+    })
 
     return [
       {
+        sourceMap: this.options.sourceMaps ? map : false,
         type: 'js',
-        value: this.contents
+        value: `${code}${options.hot ? hotReload(this.relativeName) : ''}`
       }
     ]
   }

package.json

@@ -1,27 +1,23 @@
 {
-  "name": "parcel-plugin-riot",
-  "version": "2.1.0",
+  "name": "@riotjs/parcel-plugin-riot",
+  "version": "4.0.0-alpha.1",
   "description": "A parcel plugin for riot.js",
   "main": "index.js",
   "scripts": {
-    "test": "npx eslint *.js"
-  },
-  "author": {
-    "name": "andruschka",
-    "url": "https://92digital.com"
+    "prepare": "npm i --no-save @riotjs/compiler",
+    "test": "npx eslint **/*.js"
   },
   "license": "MIT",
   "repository": {
     "type": "git",
     "url": "https://github.com/andruschka/parcel-plugin-riot"
   },
-  "dependencies": {
+  "peerDependencies": {
     "parcel-bundler": "^1.12.3",
-    "riot": "^3.13.2",
-    "riot-compiler": "^3.4.0"
+    "@riotjs/compiler": "^4.0.0"
   },
   "devDependencies": {
-    "eslint": "^5.15.3",
+    "eslint": "^5.16.0",
     "eslint-config-riot": "^2.0.0"
   }
 }