@reactables/react 1.3.0-beta.3 → 2.0.0-beta.1

package/dist/Hooks/index.d.ts

@@ -1,2 +1 @@
-export { useReactable, HookedReactable } from './useReactable';
-export { useAppStore } from './useAppStore';
+export { useReactable, HookedReactable } from './useReactable';

package/dist/Hooks/useReactable.d.ts

@@ -1,4 +1,9 @@
-import { Observable } from 'rxjs';
-import { Reactable, Action } from '@reactables/core';
-export type HookedReactable<T, S> = [T, S, Observable<T>, Observable<Action<unknown>>?];
-export declare const useReactable: <T, S, U extends unknown[]>(reactableFactory: (...props: U) => Reactable<T, S, Record<string, string>>, ...props: U) => HookedReactable<T, S>;
+import { Observable } from 'rxjs';
+import { Reactable, ActionObservableWithTypes, DestroyAction } from '@reactables/core';
+export type HookedReactable<T, S, V extends Record<string, string>> = [
+    T,
+    S,
+    Observable<T>,
+    ActionObservableWithTypes<V>?
+];
+export declare const useReactable: <T, S extends DestroyAction, U extends unknown[], V extends Record<string, string>>(reactableFactory: (...props: U) => Reactable<T, S, V>, ...props: U) => HookedReactable<T, S, V>;

package/dist/index.cjs

@@ -0,0 +1,34 @@
+'use strict';
+
+var react = require('react');
+
+var useReactable = function (reactableFactory) {
+    var props = [];
+    for (var _i = 1; _i < arguments.length; _i++) {
+        props[_i - 1] = arguments[_i];
+    }
+    var rx = react.useRef(null);
+    /**
+     * React Strict Mode has bugs with clean up with refs so it breaks the useReactable hook as of now
+     * See Bug: https://github.com/facebook/react/issues/26315
+     * See Bug: https://github.com/facebook/react/issues/24670
+     * Using this recommended approach for resolving Strict Modeissue: https://react.dev/reference/react/useRef#avoiding-recreating-the-ref-contents
+     */
+    if (rx.current === null) {
+        rx.current = reactableFactory.apply(void 0, props);
+    }
+    var _a = rx.current, state$ = _a[0], actions = _a[1], actions$ = _a[2];
+    var _b = react.useState(), state = _b[0], setState = _b[1];
+    react.useEffect(function () {
+        var subscription = state$.subscribe(function (result) {
+            setState(result);
+        });
+        return function () {
+            subscription.unsubscribe();
+        };
+    }, [actions, state$]);
+    return [state, actions, state$, actions$];
+};
+
+exports.useReactable = useReactable;
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../src/Hooks/useReactable.ts"],"sourcesContent":["import { Observable } from 'rxjs';\nimport { useEffect, useState, useRef } from 'react';\nimport { Reactable, ActionObservableWithTypes, DestroyAction } from '@reactables/core';\n\nexport type HookedReactable<T, S, V extends Record<string, string>> = [\n  T,\n  S,\n  Observable<T>,\n  ActionObservableWithTypes<V>?,\n];\n\nexport const useReactable = <\n  T,\n  S extends DestroyAction,\n  U extends unknown[],\n  V extends Record<string, string>,\n>(\n  reactableFactory: (...props: U) => Reactable<T, S, V>,\n  ...props: U\n): HookedReactable<T, S, V> => {\n  const rx = useRef<Reactable<T, S, V>>(null);\n\n  /**\n   * React Strict Mode has bugs with clean up with refs so it breaks the useReactable hook as of now\n   * See Bug: https://github.com/facebook/react/issues/26315\n   * See Bug: https://github.com/facebook/react/issues/24670\n   * Using this recommended approach for resolving Strict Modeissue: https://react.dev/reference/react/useRef#avoiding-recreating-the-ref-contents\n   */\n  if (rx.current === null) {\n    rx.current = reactableFactory(...props);\n  }\n\n  const [state$, actions, actions$] = rx.current;\n  const [state, setState] = useState<T>();\n\n  useEffect(() => {\n    const subscription = state$.subscribe((result) => {\n      setState(result);\n    });\n\n    return () => {\n      subscription.unsubscribe();\n    };\n  }, [actions, state$]);\n\n  return [state, actions, state$, actions$];\n};\n"],"names":["useRef","useState","useEffect"],"mappings":";;;;AAWO,IAAM,YAAY,GAAG,UAM1B,gBAAqD,EAAA;IACrD,IAAW,KAAA,GAAA,EAAA;SAAX,IAAW,EAAA,GAAA,CAAA,EAAX,EAAW,GAAA,SAAA,CAAA,MAAA,EAAX,EAAW,EAAA,EAAA;QAAX,KAAW,CAAA,EAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA,EAAA,CAAA;;AAEX,IAAA,IAAM,EAAE,GAAGA,YAAM,CAAqB,IAAI,CAAC;AAE3C;;;;;AAKG;AACH,IAAA,IAAI,EAAE,CAAC,OAAO,KAAK,IAAI,EAAE;AACvB,QAAA,EAAE,CAAC,OAAO,GAAG,gBAAgB,CAAI,KAAA,CAAA,MAAA,EAAA,KAAK,CAAC;AACxC;AAEK,IAAA,IAAA,EAA8B,GAAA,EAAE,CAAC,OAAO,EAAvC,MAAM,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,OAAO,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,QAAQ,QAAc;IACxC,IAAA,EAAA,GAAoBC,cAAQ,EAAK,EAAhC,KAAK,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,CAAA,CAAiB;AAEvC,IAAAC,eAAS,CAAC,YAAA;AACR,QAAA,IAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,UAAC,MAAM,EAAA;YAC3C,QAAQ,CAAC,MAAM,CAAC;AAClB,SAAC,CAAC;QAEF,OAAO,YAAA;YACL,YAAY,CAAC,WAAW,EAAE;AAC5B,SAAC;AACH,KAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAErB,OAAO,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC;AAC3C;;;;"}

package/dist/index.d.ts

@@ -1,2 +1 @@
-export * from './Components';
-export * from './Hooks';
+export * from './Hooks';

package/dist/index.js

@@ -1,51 +1,32 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var StoreContext = React__default["default"].createContext(null);
-var StoreProvider = function (_a) {
-    var rxStore = _a.rxStore, children = _a.children;
-    return React__default["default"].createElement(StoreContext.Provider, { value: rxStore }, rxStore && children);
-};
-
-var useReactable = function (reactableFactory) {
-    var props = [];
-    for (var _i = 1; _i < arguments.length; _i++) {
-        props[_i - 1] = arguments[_i];
-    }
-    var rx = React.useRef(null);
-    /**
-     * React Strict Mode has bugs with clean up with refs so it breaks the useReactable hook as of now
-     * See Bug: https://github.com/facebook/react/issues/26315
-     * See Bug: https://github.com/facebook/react/issues/24670
-     * Using this recommended approach for resolving Strict Modeissue: https://react.dev/reference/react/useRef#avoiding-recreating-the-ref-contents
-     */
-    if (rx.current === null) {
-        rx.current = reactableFactory.apply(void 0, props);
-    }
-    var _a = rx.current, state$ = _a[0], actions = _a[1], actions$ = _a[2];
-    var _b = React.useState(), state = _b[0], setState = _b[1];
-    React.useEffect(function () {
-        var subscription = state$.subscribe(function (result) {
-            setState(result);
-        });
-        return function () { return subscription.unsubscribe(); };
-    }, [state$]);
-    return [state, actions, state$, actions$];
-};
-
-var useAppStore = function () {
-    var rxStore$ = React.useContext(StoreContext);
-    var rxStore = useReactable(function () { return rxStore$; });
-    return rxStore;
+import { useRef, useState, useEffect } from 'react';
+
+var useReactable = function (reactableFactory) {
+    var props = [];
+    for (var _i = 1; _i < arguments.length; _i++) {
+        props[_i - 1] = arguments[_i];
+    }
+    var rx = useRef(null);
+    /**
+     * React Strict Mode has bugs with clean up with refs so it breaks the useReactable hook as of now
+     * See Bug: https://github.com/facebook/react/issues/26315
+     * See Bug: https://github.com/facebook/react/issues/24670
+     * Using this recommended approach for resolving Strict Modeissue: https://react.dev/reference/react/useRef#avoiding-recreating-the-ref-contents
+     */
+    if (rx.current === null) {
+        rx.current = reactableFactory.apply(void 0, props);
+    }
+    var _a = rx.current, state$ = _a[0], actions = _a[1], actions$ = _a[2];
+    var _b = useState(), state = _b[0], setState = _b[1];
+    useEffect(function () {
+        var subscription = state$.subscribe(function (result) {
+            setState(result);
+        });
+        return function () {
+            subscription.unsubscribe();
+        };
+    }, [actions, state$]);
+    return [state, actions, state$, actions$];
 };
 
-exports.StoreProvider = StoreProvider;
-exports.useAppStore = useAppStore;
-exports.useReactable = useReactable;
+export { useReactable };
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/Hooks/useReactable.ts"],"sourcesContent":["import { Observable } from 'rxjs';\nimport { useEffect, useState, useRef } from 'react';\nimport { Reactable, ActionObservableWithTypes, DestroyAction } from '@reactables/core';\n\nexport type HookedReactable<T, S, V extends Record<string, string>> = [\n  T,\n  S,\n  Observable<T>,\n  ActionObservableWithTypes<V>?,\n];\n\nexport const useReactable = <\n  T,\n  S extends DestroyAction,\n  U extends unknown[],\n  V extends Record<string, string>,\n>(\n  reactableFactory: (...props: U) => Reactable<T, S, V>,\n  ...props: U\n): HookedReactable<T, S, V> => {\n  const rx = useRef<Reactable<T, S, V>>(null);\n\n  /**\n   * React Strict Mode has bugs with clean up with refs so it breaks the useReactable hook as of now\n   * See Bug: https://github.com/facebook/react/issues/26315\n   * See Bug: https://github.com/facebook/react/issues/24670\n   * Using this recommended approach for resolving Strict Modeissue: https://react.dev/reference/react/useRef#avoiding-recreating-the-ref-contents\n   */\n  if (rx.current === null) {\n    rx.current = reactableFactory(...props);\n  }\n\n  const [state$, actions, actions$] = rx.current;\n  const [state, setState] = useState<T>();\n\n  useEffect(() => {\n    const subscription = state$.subscribe((result) => {\n      setState(result);\n    });\n\n    return () => {\n      subscription.unsubscribe();\n    };\n  }, [actions, state$]);\n\n  return [state, actions, state$, actions$];\n};\n"],"names":[],"mappings":";;AAWO,IAAM,YAAY,GAAG,UAM1B,gBAAqD,EAAA;IACrD,IAAW,KAAA,GAAA,EAAA;SAAX,IAAW,EAAA,GAAA,CAAA,EAAX,EAAW,GAAA,SAAA,CAAA,MAAA,EAAX,EAAW,EAAA,EAAA;QAAX,KAAW,CAAA,EAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA,EAAA,CAAA;;AAEX,IAAA,IAAM,EAAE,GAAG,MAAM,CAAqB,IAAI,CAAC;AAE3C;;;;;AAKG;AACH,IAAA,IAAI,EAAE,CAAC,OAAO,KAAK,IAAI,EAAE;AACvB,QAAA,EAAE,CAAC,OAAO,GAAG,gBAAgB,CAAI,KAAA,CAAA,MAAA,EAAA,KAAK,CAAC;AACxC;AAEK,IAAA,IAAA,EAA8B,GAAA,EAAE,CAAC,OAAO,EAAvC,MAAM,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,OAAO,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,QAAQ,QAAc;IACxC,IAAA,EAAA,GAAoB,QAAQ,EAAK,EAAhC,KAAK,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,CAAA,CAAiB;AAEvC,IAAA,SAAS,CAAC,YAAA;AACR,QAAA,IAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,UAAC,MAAM,EAAA;YAC3C,QAAQ,CAAC,MAAM,CAAC;AAClB,SAAC,CAAC;QAEF,OAAO,YAAA;YACL,YAAY,CAAC,WAAW,EAAE;AAC5B,SAAC;AACH,KAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAErB,OAAO,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC;AAC3C;;;;"}

package/package.json

@@ -1,10 +1,17 @@
 {
   "name": "@reactables/react",
   "description": "React Helpers for reactables",
-  "main": "dist/index.js",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "type": "module",
   "files": [
     "dist"
   ],
+  "exports": {
+    "require": "./dist/index.cjs",
+    "import": "./dist/index.js"
+  },
+  "types": "./dist/index.d.ts",
   "scripts": {
     "build": "rimraf dist && rollup --config",
     "lint": "eslint --max-warnings 0 \"src/**/*.ts*\" && prettier --check src/",
@@ -17,5 +24,5 @@
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
   },
-  "version": "1.3.0-beta.3"
+  "version": "2.0.0-beta.1"
 }

package/dist/Components/StoreProvider.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { Reactable } from '@reactables/core';
-export declare const StoreContext: React.Context<Reactable<unknown, unknown, Record<string, string>>>;
-interface StoreProviderProps<T, S> {
-    rxStore: Reactable<T, S>;
-    children?: React.ReactNode;
-}
-export declare const StoreProvider: <T, S>({ rxStore, children }: StoreProviderProps<T, S>) => React.JSX.Element;
-export {};

package/dist/Components/index.d.ts

@@ -1 +0,0 @@
-export { StoreProvider } from './StoreProvider';

package/dist/Hooks/useAppStore.d.ts

@@ -1,3 +0,0 @@
-import { ActionMap } from '@reactables/core';
-import { Observable } from 'rxjs';
-export declare const useAppStore: <T, S = ActionMap>() => [T, S, Observable<T>];