Merge pull request cerebral#5 from cerebral/devtools

feat(overmind): all pieces working, time to get to work

Author: christianalfoni

.eslintrc.json

@@ -23,7 +23,7 @@
   },
   "overrides": [
     {
-      "files": ["*.ts"],
+      "files": ["*.ts", "*.tsx"],
       "parser": "typescript-eslint-parser",
       "plugins": ["typescript"],
       "rules": {

package-lock.json

@@ -24,17 +24,24 @@
   "dependencies": {
     "@types/node": "10.5.1",
     "eventemitter3": "3.1.0",
-    "tslib": "1.9.3",
     "electron": "2.0.4",
-    "is-plain-object": "2.0.4"
+    "is-plain-object": "2.0.4",
+    "electron-json-storage": "4.1.0",
+    "react": "16.4.1",
+    "react-dom": "16.4.1",
+    "styled-components": "3.3.3",
+    "ws": "5.2.1",
+    "color": "3.0.0",
+    "tslib": "1.9.3"
   },
   "devDependencies": {
     "@types/jest": "23.1.4",
+    "@types/react": "16.4.6",
+    "@types/react-dom": "16.0.6",
     "commitizen": "^2.10.1",
     "concurrently": "^3.6.0",
     "cz-customizable": "^5.2.0",
     "cz-customizable-ghooks": "^1.5.0",
-    "dts-bundle": "0.7.3",
     "eslint": "^5.0.1",
     "eslint-config-prettier": "^2.9.0",
     "eslint-config-standard": "^11.0.0",
@@ -46,25 +53,23 @@
     "eslint-plugin-react": "^7.10.0",
     "eslint-plugin-standard": "^3.1.0",
     "eslint-plugin-typescript": "^0.12.0",
+    "html-webpack-plugin": "^3.2.0",
     "husky": "^0.14.3",
     "jest": "23.3.0",
     "lint-staged": "^7.2.0",
-    "parcel-bundler": "^1.9.4",
-    "pascal-case": "2.0.1",
     "prettier": "1.13.7",
+    "react": "16.4.1",
     "react-test-renderer": "16.4.1",
     "repo-cooker": "^6.2.2",
     "rimraf": "2.6.2",
-    "rollup": "0.62.0",
-    "rollup-plugin-commonjs": "9.1.3",
-    "rollup-plugin-node-builtins": "2.1.2",
-    "rollup-plugin-node-globals": "1.2.1",
-    "rollup-plugin-node-resolve": "3.3.0",
-    "rollup-plugin-sourcemaps": "0.4.2",
-    "rollup-plugin-uglify": "4.0.0",
     "ts-jest": "23.0.0",
+    "ts-loader": "4.4.2",
+    "tslib": "1.9.3",
     "typescript": "2.9.2",
-    "typescript-eslint-parser": "^16.0.1"
+    "typescript-eslint-parser": "^16.0.1",
+    "webpack": "4.15.1",
+    "webpack-cli": "3.0.8",
+    "webpack-dev-server": "^3.1.4"
   },
   "lint-staged": {
     "*.{js,ts,tsx}": [

package.json

@@ -0,0 +1,21 @@
+module.exports = {
+  collectCoverage: true,
+  collectCoverageFrom: ['src/**/*.{t,j}s?(x)', '!src/**/*.d.ts'],
+  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json'],
+  transform: {
+    '^.+\\.tsx?$': 'ts-jest',
+  },
+  testRegex: '\\.test\\.tsx?$',
+  testPathIgnorePatterns: [
+    '/dist/',
+    '/es/',
+    '/lib/',
+    '<rootDir>/node_modules/',
+  ],
+  transformIgnorePatterns: ['<rootDir>/node_modules/'],
+  coveragePathIgnorePatterns: ['<rootDir>/node_modules/'],
+  haste: {
+    // This option is needed or else globbing ignores <rootDir>/node_modules.
+    providesModuleNodeModules: ['overmind-devtools'],
+  },
+}

packages/demos/todomvc/jest.config.js

@@ -0,0 +1,35 @@
+{
+	"name": "todomvc",
+	"version": "1.0.0-alpha1",
+	"description": "Overmind todomvc demo",
+	"author": "Christian Alfoni <[email protected]>",
+	"license": "MIT",
+	"repository": "git+https://github.com/cerebral/overmind.git",
+	"scripts": {
+		"start": "webpack-dev-server --port 4000",
+		"typecheck": "tsc --noEmit",
+		"prepare": "npm run build",
+		"posttest": "npm run typecheck"
+	},
+	"keywords": [
+		"overmind",
+		"demo"
+	],
+	"dependencies": {
+		"@types/node": "^10.5.1",
+		"overmind": "next",
+		"color": "^3.0.0",
+		"react": "^16.4.1",
+		"react-dom": "^16.4.1",
+		"styled-components": "^3.3.3"
+	},
+	"devDependencies": {
+		"@types/react": "^16.4.6",
+		"@types/react-dom": "^16.0.6",
+		"ts-loader": "^4.4.2",
+		"tslib": "^1.9.3",
+		"typescript": "^2.9.2",
+		"webpack": "^4.15.1",
+		"webpack-cli": "^3.0.8"
+	}
+}

packages/demos/todomvc/package.json

@@ -0,0 +1,8 @@
+import * as React from 'react'
+import { Action } from './'
+
+export default (action: Action) => ({
+  changeNewTodoTitle: action<React.ChangeEvent<HTMLInputElement>>()
+    .map((event) => event.currentTarget.value)
+    .mutation((value, state) => (state.newTodoTitle = value)),
+})

packages/demos/todomvc/src/app/actions.ts

@@ -0,0 +1,25 @@
+import App, { TConnect, TContext, IAction } from 'overmind/react'
+import * as providers from './providers'
+import actions from './actions'
+import state from './state'
+
+export type Context = TContext<typeof state, typeof providers>
+
+export type Action = IAction<typeof state, Context>
+
+const app = new App(
+  {
+    state,
+    actions,
+    providers,
+  },
+  {
+    devtools: 'localhost:1234',
+  }
+)
+
+export type Connect = TConnect<typeof app.state, typeof app.actions>
+
+export const connect = app.connect.bind(app)
+
+export default app

packages/demos/todomvc/src/app/index.ts

@@ -0,0 +1 @@
+export const foo = {}

packages/demos/todomvc/src/app/providers.ts

@@ -0,0 +1,16 @@
+export type Todo = {
+  title: string
+  completed: boolean
+}
+
+export type State = {
+  todos: Todo[]
+  newTodoTitle: string
+}
+
+const state: State = {
+  todos: [],
+  newTodoTitle: '',
+}
+
+export default state

packages/demos/todomvc/src/app/state.ts

@@ -0,0 +1,7 @@
+import styled from '../../styled-components'
+
+export const Wrapper = styled.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`