Fix the rest of the examples

Author: artemave

docs/codesandbox/demo-js/.babelrc

@@ -1,6 +1,5 @@
 {
   "presets": [
-    "env",
     "hyperdom"
   ]
-}
+}

docs/codesandbox/demo-js/src/index.jsx renamed to docs/codesandbox/demo-js/browser/index.jsx

@@ -1,18 +1,21 @@
 {
-  "name": "hyperdom-example",
-  "version": "1.0.0",
-  "description": "Hyperdom Demo JS",
-  "main": "index.html",
   "scripts": {
-    "start": "parcel index.html --open",
-    "build": "parcel build index.html"
+    "start": "webpack-dev-server",
+    "build": "webpack"
   },
   "dependencies": {
-    "babel-preset-hyperdom": "latest",
     "hyperdom": "latest"
   },
   "devDependencies": {
-    "parcel-bundler": "latest"
-  },
-  "keywords": []
+    "@babel/core": "latest",
+    "babel-loader": "latest",
+    "babel-preset-hyperdom": "latest",
+    "clean-webpack-plugin": "latest",
+    "css-loader": "latest",
+    "html-webpack-plugin": "latest",
+    "style-loader": "latest",
+    "webpack": "latest",
+    "webpack-cli": "latest",
+    "webpack-dev-server": "latest"
+  }
 }

docs/codesandbox/demo-js/index.html

@@ -0,0 +1,3 @@
+{
+  "template": "node"
+}

docs/codesandbox/demo-js/package.json

@@ -0,0 +1,42 @@
+const path = require('path')
+const HtmlWebpackPlugin = require('html-webpack-plugin')
+const { CleanWebpackPlugin } = require('clean-webpack-plugin')
+
+module.exports = {
+  mode: 'development',
+  devtool: 'eval-source-map',
+  entry: './browser/index.js',
+  output: {
+    filename: 'bundle.js',
+    path: path.resolve(__dirname, 'browser', 'dist')
+  },
+  resolve: {
+    extensions: ['.js', '.jsx']
+  },
+  plugins: [
+    new CleanWebpackPlugin(),
+    new HtmlWebpackPlugin({title: 'Hyperdom Demo'})
+  ],
+  module: {
+    rules: [
+      {
+        test: /\.jsx?$/,
+        use: 'babel-loader'
+      },
+      {
+        test: /\.css$/,
+        use: [
+          {
+            loader: 'style-loader'
+          },
+          {
+            loader: 'css-loader',
+            options: {
+              modules: true
+            }
+          }
+        ]
+      }
+    ]
+  }
+}

docs/codesandbox/demo-js/sandbox.config.json

@@ -1,17 +1,16 @@
 {
-  "name": "hyperdom-example",
-  "version": "1.0.0",
-  "description": "Hyperdom Demo JS",
-  "main": "index.html",
   "scripts": {
-    "start": "parcel index.html --open",
-    "build": "parcel build index.html"
+    "start": "webpack-dev-server",
+    "build": "webpack"
   },
   "dependencies": {
     "hyperdom": "latest"
   },
   "devDependencies": {
-    "parcel-bundler": "latest"
-  },
-  "keywords": []
+    "clean-webpack-plugin": "latest",
+    "html-webpack-plugin": "latest",
+    "webpack": "latest",
+    "webpack-cli": "latest",
+    "webpack-dev-server": "latest"
+  }
 }

docs/codesandbox/demo-js/webpack.config.js

@@ -0,0 +1,3 @@
+{
+  "template": "node"
+}