added some helpers for migrating from react/redux to hyperapp and peer dependencies

Author: okwolf

package.json

@@ -1,13 +1,18 @@
 {
   "name": "cra-hyperapp",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "Hyperapp expansion pack for create-react-app",
+  "main": "src/index.js",
   "bin": {
     "hyperapp-scripts": "./bin/index.js"
   },
   "scripts": {
     "format": "npx prettier --write **/*.js"
   },
+  "peerDependencies": {
+    "react-scripts": "^1.1.0",
+    "hyperapp": "^1.0.2"
+  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/okwolf/cra-hyperapp.git"

src/index.js

@@ -0,0 +1,66 @@
+import { h as hh } from "hyperapp";
+
+const propRename = name => (name.startsWith("on") ? name.toLowerCase() : name);
+export const h = (type, props, ...children) =>
+  hh(
+    type,
+    typeof type === "function" && type.length === 1
+      ? { ...props, children }
+      : Object.keys(props).reduce(
+          (otherProps, name) => ({
+            ...otherProps,
+            [propRename(name)]: props[name]
+          }),
+          {}
+        ),
+    ...children
+  );
+
+const secretInternals = (window.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED_SERIOUSLY_IM_NOT_JOKING = {});
+
+const makeInternalStore = ({ actions, reducer }) => ({
+  getState: () => actions.getState(),
+  dispatch: action => actions.setState(reducer(actions.getState(), action))
+});
+
+export const withReducer = reducer => nextApp => (
+  initialState,
+  actionsTemplate,
+  view,
+  container
+) => {
+  const reducerDefaultState = reducer(undefined, {});
+  const actions = nextApp(
+    { ...reducerDefaultState, ...initialState },
+    {
+      ...actionsTemplate,
+      getState: () => state => state,
+      setState: state => state
+    },
+    view,
+    container
+  );
+  secretInternals.store = makeInternalStore({ actions, reducer });
+  return actions;
+};
+
+export const connect = (mapStateToProps, mapDispatchToProps) => Component => (
+  props,
+  children
+) =>
+  h(
+    Component,
+    {
+      ...props,
+      ...mapStateToProps(secretInternals.store.getState(), props),
+      ...Object.keys(mapDispatchToProps).reduce(
+        (otherActions, name) => ({
+          ...otherActions,
+          [name]: data =>
+            secretInternals.store.dispatch(mapDispatchToProps[name](data))
+        }),
+        {}
+      )
+    },
+    children
+  );