feat: Update the way the types work

Author: rmevans9

package.json

@@ -33,7 +33,7 @@
     "semantic-release": "semantic-release"
   },
   "peerDependencies": {
-    "reactotron-core-client": "^2.2.1",
+    "reactotron-core-client": "^2.5.0-beta.1",
     "redux": "^4.0.1"
   },
   "devDependencies": {
@@ -56,7 +56,7 @@
     "jest": "^24.1.0",
     "npm-run-all": "^4.1.5",
     "prettier": "^1.16.4",
-    "reactotron-core-client": "^2.2.1",
+    "reactotron-core-client": "^2.5.0-beta.1",
     "redux": "^4.0.1",
     "rollup": "^1.1.2",
     "rollup-plugin-babel": "^4.3.2",

reactotron-redux.d.ts

@@ -1,5 +1,6 @@
 import createCommandHandler from "./commandHandler"
 import { DEFAULT_REPLACER_TYPE } from "./reducer"
+import { PluginConfig } from "./pluginConfig"
 
 // TODO: Write more tests around onBackup and onRestore.
 

src/commandHandler.test.ts

@@ -1,6 +1,7 @@
 import stateCleaner from "./helpers/stateCleaner"
 import pathObject from "./helpers/pathObject"
 import createSubscriptionsHandler from "./subscriptionsHandler"
+import { PluginConfig } from "./pluginConfig"
 
 export default function createCommandHandler(reactotron: any, pluginConfig: PluginConfig, onReduxStoreCreation: (func: () => void) => void) {
   const subscriptionsHandler = createSubscriptionsHandler(reactotron, onReduxStoreCreation)

src/commandHandler.ts

@@ -1,3 +1,5 @@
+import { PluginConfig } from "./pluginConfig"
+
 export default function createCustomDispatch(
   reactotron: any,
   store: { dispatch: Function },

src/customDispatch.ts

@@ -1,5 +1,6 @@
 import reactotronReducer from "./reducer"
 import createCustomDispatch from "./customDispatch"
+import { PluginConfig } from "./pluginConfig"
 
 export default function createEnhancer(
   reactotron: any,

src/enhancer.ts

@@ -1,7 +1,10 @@
+import { StoreEnhancer } from 'redux';
+
 import createCommandHander from "./commandHandler"
 import createSendAction from "./sendAction"
 import createEnhancer from "./enhancer"
 import { DEFAULT_REPLACER_TYPE } from "./reducer"
+import { PluginConfig } from "./pluginConfig"
 
 function reactotronRedux(pluginConfig: PluginConfig = {}) {
   const mergedPluginConfig: PluginConfig = {
@@ -32,3 +35,23 @@ function reactotronRedux(pluginConfig: PluginConfig = {}) {
 }
 
 export { reactotronRedux }
+
+declare module "reactotron-react-native" {
+  // eslint-disable-next-line import/export
+  export interface Reactotron {
+    /**
+     * Enhancer creator
+     */
+    createEnhancer: () => StoreEnhancer
+  }
+}
+
+declare module "reactotron-react-js" {
+  // eslint-disable-next-line import/export
+  export interface Reactotron {
+    /**
+     * Enhancer creator
+     */
+    createEnhancer: () => StoreEnhancer
+  }
+}

src/index.ts

@@ -0,0 +1,7 @@
+export interface PluginConfig {
+  restoreActionType?: string
+  onBackup?: (state: any) => any
+  onRestore?: (restoringState: any, reduxState: any) => any
+  except?: (string | Function | RegExp)[]
+  isActionImportant?: (action: any) => boolean
+}

src/pluginConfig.ts

@@ -1,7 +1,2 @@
-interface PluginConfig {
-  restoreActionType?: string
-  onBackup?: (state: any) => any
-  onRestore?: (restoringState: any, reduxState: any) => any
-  except?: (string | Function | RegExp)[]
-  isActionImportant?: (action: any) => boolean
-}
+declare module "reactotron-react-native" {}
+declare module "reactotron-react-js" {}

src/types.d.ts

@@ -1,18 +1,21 @@
 {
-    "compilerOptions": {
-      "allowJs": false,
-      "noEmit": true,
-      "allowSyntheticDefaultImports": true,
-      "experimentalDecorators": true,
-      "module": "es2015",
-      "moduleResolution": "node",
-      "noImplicitAny": false,
-      "noImplicitReturns": true,
-      "noImplicitThis": true,
-      "noUnusedLocals": true,
-      "sourceMap": true,
-      "target": "es2015"
-    },
-    "exclude": ["node_modules"],
-    "include": ["src"]
-  }
+  "compilerOptions": {
+    "allowJs": false,
+    "declaration": true,
+    "declarationDir": "dist/types",
+    "emitDeclarationOnly": true,
+    "emitDecoratorMetadata": true,
+    "allowSyntheticDefaultImports": true,
+    "experimentalDecorators": true,
+    "module": "es2015",
+    "moduleResolution": "node",
+    "noImplicitAny": false,
+    "noImplicitReturns": true,
+    "noImplicitThis": true,
+    "noUnusedLocals": true,
+    "sourceMap": true,
+    "target": "es2015"
+  },
+  "exclude": ["node_modules"],
+  "include": ["src"]
+}