wip: move components to node_modules folder for easier importing

.gitignore

@@ -38,7 +38,7 @@ bower_components
 build/Release
 
 # Dependency directories
-node_modules/
+/node_modules/
 jspm_packages/
 
 # TypeScript v1 declaration files

packages/builder/package.json

@@ -5,10 +5,11 @@
   "private": true,
   "scripts": {
     "build": "rollup -c",
-    "start": "rollup -c -w",
+    "start": "routify -c rollup",
     "test": "jest",
     "test:watch": "jest --watchAll",
-    "dev:builder": "rollup -c -w"
+    "dev:builder": "routify -c rollup",
+    "rollup": "rollup -c -w"
   },
   "jest": {
     "globals": {
@@ -54,6 +55,7 @@
     "@babel/plugin-transform-runtime": "^7.5.5",
     "@babel/preset-env": "^7.5.5",
     "@babel/runtime": "^7.5.5",
+    "@sveltech/routify": "1.5.0-beta.16",
     "babel-jest": "^24.8.0",
     "browser-sync": "^2.26.7",
     "http-proxy-middleware": "^0.19.1",

packages/builder/rollup.config.js

@@ -153,7 +153,7 @@ export default {
   plugins: [
     copy({
       targets: [
-        { src: "src/index.html", dest: outputpath },
+        { src: "src/index.html", dest: outputpath, rename: "__app.html" },
         { src: "src/favicon.png", dest: outputpath },
         { src: "src/assets", dest: outputpath },
         {
@@ -214,6 +214,7 @@ export default {
 
     // Watch the `dist` directory and refresh the
     // browser on changes when not in production
+    !production && serve(),
     !production && livereload(outputpath),
     !production &&
       browsersync({
@@ -229,3 +230,20 @@ export default {
     clearScreen: false,
   },
 }
+
+function serve() {
+  let started = false
+
+  return {
+    writeBundle() {
+      if (!started) {
+        started = true
+
+        require("child_process").spawn("npm", ["run", "start"], {
+          stdio: ["ignore", "inherit", "inherit"],
+          shell: true,
+        })
+      }
+    },
+  }
+}