fixes #8 and hot reload

Readme.md

@@ -32,7 +32,7 @@ component(App)(document.querySelector('#root'), {
 If you want compile your tags using custom riot compiler options you can create a `riot.config.js` in the root folder of your project
 
 ```js
-export default {
+module.exports = {
   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

RiotAsset.js

@@ -1,5 +1,6 @@
 const { compile } = require('@riotjs/compiler')
 const { Asset } = require('parcel-bundler')
+const { relative, dirname } = require('path')
 
 /**
  * Generate the hmr code depending on the tag generated by the compiler
@@ -12,7 +13,7 @@ function hotReload(path) {
     const hotReload = require('@riotjs/hot-reload').default
     module.hot.accept()
     if (module.hot.data) {
-      const component = require('${path}').default;
+      const component = require('./${path}').default;
       hotReload(component)
     }
   }
@@ -36,7 +37,7 @@ class RiotAsset extends Asset {
       {
         sourceMap: this.options.sourceMaps ? map : false,
         type: 'js',
-        value: `${code}${options.hot ? hotReload(this.relativeName) : ''}`
+        value: `${code}${options.hot ? hotReload(relative(dirname(this.name), this.relativeName)) : ''}`
       }
     ]
   }

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@riotjs/parcel-plugin-riot",
-  "version": "4.0.0-alpha.1",
+  "version": "4.0.0",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

package.json

@@ -4,7 +4,6 @@
   "description": "A parcel plugin for riot.js",
   "main": "index.js",
   "scripts": {
-    "prepare": "npm i --no-save @riotjs/compiler parcel-bundler",
     "test": "npx eslint *.js && npm run test-bundle",
     "test-bundle": "cd test && npm i"
   },
@@ -15,7 +14,7 @@
   },
   "peerDependencies": {
     "parcel-bundler": "^1.12.3",
-    "@riotjs/compiler": "^4.0.0"
+    "@riotjs/compiler": "^4.1.1"
   },
   "devDependencies": {
     "eslint": "^5.16.0",

test/main.js

@@ -1,5 +1,3 @@
 import MyComponent from './my-component.riot'
 
-console.log(MyComponent)
-
 export default MyComponent

test/package.json

@@ -10,6 +10,8 @@
   },
   "devDependencies": {
     "@riotjs/compiler": "^4.0.0",
+    "@riotjs/hot-reload": "^4.0.0-rc.1",
+    "riot": "^4.0.0-rc.13",
     "@riotjs/parcel-plugin-riot": "file:../"
   }
 }

test/riot.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+  hot: true
+}