feat: implement wire and hooks

- wire
- useWire
- useWireValue
- useWireState

.libtonrc.yml

@@ -1,2 +1,6 @@
 filename: 'forminator-react-wire'
 name: 'ForminatorReactWire'
+globals:
+  react: React
+  react-dom: ReactDOM
+  mitt: mitt

package.json

@@ -28,9 +28,22 @@
   "devDependencies": {
     "@commitlint/cli": "^8.2.0",
     "@commitlint/config-conventional": "^8.2.0",
-    "@types/jest": "24.0.18",
+    "@testing-library/react-hooks": "^3.1.0",
+    "@types/jest": "24.0.20",
+    "@types/react": "^16.9.11",
+    "@types/react-dom": "^16.9.3",
     "husky": "3.0.9",
     "libton-script": "0.11.2",
-    "lint-staged": "9.4.2"
+    "lint-staged": "9.4.2",
+    "react": "^16.11.0",
+    "react-dom": "^16.11.0",
+    "react-test-renderer": "^16.11.0"
+  },
+  "dependencies": {
+    "mitt": "^1.2.0"
+  },
+  "peerDependencies": {
+    "react": "^16.10.0",
+    "react-dom": "^16.10.0"
   }
 }

src/index.ts

@@ -3,10 +3,10 @@
 /**
  * connect react components with wire
  *
- * @remarks
- * provide {@link ForminatorReactWire} function that returns `forminator-react-wire` string
- *
  * @packageDocumentation
  */
 
-export { ForminatorReactWire } from './forminator-react-wire';
+export { _WireImpl } from './wire.impl';
+export { useWire } from './use-wire';
+export { useWireState } from './use-wire-state';
+export { useWireValue } from './use-wire-value';

src/is-initializer.ts

@@ -0,0 +1,5 @@
+export function isInitializer<V>(
+  initialValue: V | (() => V),
+): initialValue is () => V {
+  return typeof initialValue === 'function';
+}

src/is-set-state-action.ts

@@ -0,0 +1,7 @@
+import { SetStateAction } from 'react';
+
+export function isSetStateAction<S>(
+  action: SetStateAction<S>,
+): action is (prevState: S) => S {
+  return typeof action === 'function';
+}

src/subscribable.ts

@@ -0,0 +1,7 @@
+export interface Subscribable<V> {
+  getValue(): V | undefined;
+  getValue(defaultValue: V): V;
+  getValue(defaultValue?: V): V | undefined;
+  setValue(value: V): void;
+  subscribe(callback: (value: V) => void): () => void;
+}

src/types.d.ts

@@ -1 +1,2 @@
-export { Options } from './forminator-react-wire';
+export { Subscribable } from './subscribable';
+export { Wire } from './wire';