update Hyperapp example (parcel-bundler#32)

jthegedus · DeMoorJasper · commit 9d666b2e5fca · 2018-10-29T09:38:42.000+01:00
* add prettier &amp; husky precommit

* update hyperapp example

* Update readme

* add readme link
diff --git a/README.md b/README.md
@@ -36,4 +36,4 @@ yarn start
 
 ### [HyperApp](https://hyperapp.js.org/)
 
-- [Simple example](hyperapp)
+- [Simple JS example](hyperapp)
diff --git a/hyperapp/.babelrc b/hyperapp/.babelrc
diff --git a/hyperapp/README.md b/hyperapp/README.md
@@ -0,0 +1,10 @@
+# Parcel Hyperapp Example
+
+Since Parcel has out of the box support for JSX there's no added config required for Hyperapp to work
+
+The only special thing in this example is the use of Parcel's Absolute Path Module Resolution to avoid relative imports.
+
+## Further Reading
+
+- [Hyperapp docs](https://github.com/jorgebucaran/hyperapp#hyperapp)
+- [Parcel's Absolute Path Module Resolution](https://parceljs.org/module_resolution.html)
diff --git a/hyperapp/package.json b/hyperapp/package.json
@@ -1,16 +1,17 @@
 {
   "name": "parcel-hyperapp-example",
-  "version": "1.0.0",
   "description": "Simple Hyperapp example",
+  "version": "1.0.0",
+  "main": "src/App.js",
+  "license": "MIT",
   "scripts": {
-    "start": "parcel index.html --open"
+    "start": "parcel src/index.html --open",
+    "build": "parcel build src/index.html"
   },
   "dependencies": {
-    "hyperapp": "^1.0.1"
+    "hyperapp": "^1.2.9"
   },
   "devDependencies": {
-    "babel-preset-env": "^1.6.1",
-    "babel-preset-hyperapp": "^2.3.0",
-    "parcel-bundler": "^1.6.1"
+    "parcel-bundler": "^1.10.3"
   }
 }
diff --git a/hyperapp/src/index.html b/hyperapp/src/index.html
@@ -4,6 +4,6 @@
     <meta charset="UTF-8"/>
   </head>
   <body>
-    <script src="src/main.js"></script>
+    <script src="/main.js"></script>
   </body>
 </html>
diff --git a/hyperapp/src/main.js b/hyperapp/src/main.js
@@ -1,13 +1,13 @@
-import { app } from 'hyperapp';
-import view from './App';
+import { app } from 'hyperapp'
+import view from '/App'
 
 const state = {
   count: 0
-};
+}
 
 const actions = {
   down: () => state => ({ count: state.count - 1 }),
   up: () => state => ({ count: state.count + 1 })
-};
+}
 
-app(state, actions, view, document.body);
+app(state, actions, view, document.body)

Original file line number	Diff line number	Diff line change
`@@ -36,4 +36,4 @@ yarn start`
`36`	`36`
`37`	`37`	`### [HyperApp](https://hyperapp.js.org/)`
`38`	`38`
`39`		`-- [Simple example](hyperapp)`
	`39`	`+- [Simple JS example](hyperapp)`