@remote-ui/react - npm Package Compare versions

Comparing version 3.0.5 to 3.1.0

build/cjs/index.js

@@ -42,2 +42,8 @@ "use strict";
 });
+Object.defineProperty(exports, "useRemoteSubscription", {
+  enumerable: true,
+  get: function get() {
+    return _hooks.useRemoteSubscription;
+  }
+});
 
@@ -50,2 +56,4 @@ var _rpc = require("@remote-ui/rpc");
 
-var _components = require("./components");
+var _components = require("./components");
+
+var _hooks = require("./hooks");

build/node/index.js

@@ -42,2 +42,8 @@ "use strict";
 });
+Object.defineProperty(exports, "useRemoteSubscription", {
+  enumerable: true,
+  get: function () {
+    return _hooks.useRemoteSubscription;
+  }
+});
 
@@ -50,2 +56,4 @@ var _rpc = require("@remote-ui/rpc");
 
-var _components = require("./components");
+var _components = require("./components");
+
+var _hooks = require("./hooks");

build/ts/index.d.ts

@@ -6,3 +6,4 @@ export { retain, release } from '@remote-ui/rpc';
 export { createRemoteReactComponent } from './components';
+export { useRemoteSubscription } from './hooks';
 export type { ReactPropsFromRemoteComponentType, ReactComponentTypeFromRemoteComponentType, } from './types';
 //# sourceMappingURL=index.d.ts.map

build/ts/index.js

@@ -13,1 +13,3 @@ "use strict";
 Object.defineProperty(exports, "createRemoteReactComponent", { enumerable: true, get: function () { return components_1.createRemoteReactComponent; } });
+var hooks_1 = require("./hooks");
+Object.defineProperty(exports, "useRemoteSubscription", { enumerable: true, get: function () { return hooks_1.useRemoteSubscription; } });

package.json

 {
   "name": "@remote-ui/react",
-  "version": "3.0.5",
+  "version": "3.1.0",
   "publishConfig": {
@@ -34,2 +34,3 @@ "access": "public",
   "dependencies": {
+    "@remote-ui/async-subscription": "^2.0.0",
     "@remote-ui/core": "^1.6.5",
@@ -41,3 +42,3 @@ "@remote-ui/rpc": "^1.0.17",
   },
-  "gitHead": "a34a538bda6c70acdc9b32cc7de14b1091dae044"
+  "gitHead": "062fade9805fe58f5b22cf1c7921615526528689"
 }

README.md

@@ -178,1 +178,18 @@ # `@remote-ui/react`
   ```
+
+It also exports a hook you can use to get direct, up-to-date access to a `StatefulRemoteSubscribable` created by `@remote-ui/async-subscription`:
+
+```tsx
+import type {StatefulRemoteSubscribable} from '@remote-ui/async-subscription';
+import {useRemoteSubscription} from '@remote-ui/react';
+
+function MyComponent({
+  products,
+}: {
+  products: StatefulRemoteSubscribable<{id: string}[]>;
+}) {
+  const currentProducts = useRemoteSubscription(products);
+
+  return <>{currentProducts.map((product) => product.id)}</>;
+}
+```

src/index.ts

@@ -6,2 +6,3 @@ export {retain, release} from '@remote-ui/rpc';
 export {createRemoteReactComponent} from './components';
+export {useRemoteSubscription} from './hooks';
 export type {
@@ -8,0 +9,0 @@ ReactPropsFromRemoteComponentType,

tsconfig.json

@@ -9,3 +9,7 @@ {
   "include": ["src/**/*.ts", "src/**/*.tsx"],
-  "references": [{"path": "../core"}, {"path": "../web-workers"}]
+  "references": [
+    {"path": "../core"},
+    {"path": "../async-subscription"},
+    {"path": "../web-workers"}
+  ]
 }

No alert changes

Improved metrics

Total package byte prevSize

496665

increased by5.27%

Number of package files

143

increased by12.6%

Lines of code

3216

increased by9.16%

Number of lines in readme file

195

increased by9.55%

Worsened metrics

Dependency count

6

increased by20%

Dependency changes

• + Added@remote-ui/async-subscription@^2.0.0

• + Added@remote-ui/async-subscription@2.1.16(transitive)