rxfy-react 0.2.0 → 1.0.0

package/dist/next.cjs

@@ -0,0 +1,83 @@
+"use client";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/next/index.ts
+var next_exports = {};
+__export(next_exports, {
+  HydrationStream: () => HydrationStream
+});
+module.exports = __toCommonJS(next_exports);
+
+// src/next/HydrationStream.tsx
+var import_navigation = require("next/navigation");
+var import_react2 = require("react");
+var import_rxfy = require("rxfy");
+
+// src/registry-context.ts
+var import_react = require("react");
+var ModelRegistryContext = (0, import_react.createContext)(null);
+function useModelRegistry() {
+  const ctx = (0, import_react.useContext)(ModelRegistryContext);
+  if (!ctx) throw new Error("StoreProvider not found");
+  return ctx;
+}
+
+// src/next/HydrationStream.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function HydrationStream() {
+  const registry = useModelRegistry();
+  const flushedQueries = (0, import_react2.useRef)(/* @__PURE__ */ new Set());
+  const flushedEntities = (0, import_react2.useRef)(/* @__PURE__ */ new Set());
+  (0, import_navigation.useServerInsertedHTML)(() => {
+    var _a;
+    const full = (0, import_rxfy.dehydrate)(registry);
+    const delta = { queries: {}, models: {} };
+    let hasData = false;
+    for (const [key, entry] of Object.entries(full.queries)) {
+      if (flushedQueries.current.has(key)) continue;
+      flushedQueries.current.add(key);
+      delta.queries[key] = entry;
+      hasData = true;
+    }
+    for (const [name, entities] of Object.entries(full.models)) {
+      for (const [key, entity] of Object.entries(entities)) {
+        const id = JSON.stringify([name, key]);
+        if (flushedEntities.current.has(id)) continue;
+        flushedEntities.current.add(id);
+        ((_a = delta.models)[name] ?? (_a[name] = {}))[key] = entity;
+        hasData = true;
+      }
+    }
+    if (!hasData) return null;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "script",
+      {
+        dangerouslySetInnerHTML: {
+          __html: `window.__RXFY_SSR__=window.__RXFY_SSR__||[];window.__RXFY_SSR__.push(${(0, import_rxfy.serializeForHtml)(delta)})`
+        }
+      }
+    );
+  });
+  return null;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  HydrationStream
+});

package/dist/next.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Next.js App Router streaming adapter. Render once inside StoreProvider; each stream
+ * flush emits newly settled queries / newly written entities as a window.__RXFY_SSR__
+ * push — StoreProvider on the client ingests them, including late-arriving chunks.
+ */
+declare function HydrationStream(): null;
+
+export { HydrationStream };

package/dist/next.js

@@ -0,0 +1,49 @@
+"use client";
+import {
+  useModelRegistry
+} from "./chunk-BO3M5NLW.js";
+
+// src/next/HydrationStream.tsx
+import { useServerInsertedHTML } from "next/navigation";
+import { useRef } from "react";
+import { dehydrate, serializeForHtml } from "rxfy";
+import { jsx } from "react/jsx-runtime";
+function HydrationStream() {
+  const registry = useModelRegistry();
+  const flushedQueries = useRef(/* @__PURE__ */ new Set());
+  const flushedEntities = useRef(/* @__PURE__ */ new Set());
+  useServerInsertedHTML(() => {
+    var _a;
+    const full = dehydrate(registry);
+    const delta = { queries: {}, models: {} };
+    let hasData = false;
+    for (const [key, entry] of Object.entries(full.queries)) {
+      if (flushedQueries.current.has(key)) continue;
+      flushedQueries.current.add(key);
+      delta.queries[key] = entry;
+      hasData = true;
+    }
+    for (const [name, entities] of Object.entries(full.models)) {
+      for (const [key, entity] of Object.entries(entities)) {
+        const id = JSON.stringify([name, key]);
+        if (flushedEntities.current.has(id)) continue;
+        flushedEntities.current.add(id);
+        ((_a = delta.models)[name] ?? (_a[name] = {}))[key] = entity;
+        hasData = true;
+      }
+    }
+    if (!hasData) return null;
+    return /* @__PURE__ */ jsx(
+      "script",
+      {
+        dangerouslySetInnerHTML: {
+          __html: `window.__RXFY_SSR__=window.__RXFY_SSR__||[];window.__RXFY_SSR__.push(${serializeForHtml(delta)})`
+        }
+      }
+    );
+  });
+  return null;
+}
+export {
+  HydrationStream
+};

package/package.json

@@ -1,14 +1,27 @@
 {
   "name": "rxfy-react",
-  "version": "0.2.0",
+  "version": "1.0.0",
   "description": "rxfy bindings for react",
-  "license": "MIT",
+  "homepage": "https://github.com/vanya2h/rxfy#readme",
+  "bugs": {
+    "url": "https://github.com/vanya2h/rxfy/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/vanya2h/rxfy.git"
+  },
+  "author": "hi@vanya2h.me",
   "type": "module",
   "exports": {
     ".": {
       "import": "./dist/index.js",
       "types": "./dist/index.d.ts",
       "default": "./dist/index.cjs"
+    },
+    "./next": {
+      "import": "./dist/next.js",
+      "types": "./dist/next.d.ts",
+      "default": "./dist/next.cjs"
     }
   },
   "main": "./dist/index.js",
@@ -18,41 +31,47 @@
     "dist",
     "package.json"
   ],
-  "dependencies": {
-    "@vanya2h/utils": "0.1.2"
-  },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/react": "^16.2.0",
-    "@types/lodash": "^4.17.16",
-    "@types/react": "^19.0.12",
-    "eslint": "^9.21.0",
-    "immutable": "^5.1.1",
+    "@testing-library/react": "^16.3.0",
+    "@types/lodash": "^4.17.17",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "eslint": "^9.27.0",
+    "immutable": "^5.1.2",
     "jiti": "^2.4.2",
-    "jsdom": "^26.0.0",
+    "jsdom": "^26.1.0",
     "lodash": "^4.17.21",
     "p-queue": "^8.1.0",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
+    "react": "^19.2.5",
+    "react-dom": "^19.2.5",
     "rimraf": "^6.0.1",
+    "@vanya2h/eslint-config": "^0.4.0",
+    "@vanya2h/typescript-config": "^0.4.0",
     "rxjs": "^7.8.2",
-    "tsup": "^8.3.6",
-    "tsx": "^4.19.2",
-    "vitest": "^3.0.5",
-    "zod": "^3.24.2",
-    "@vanya2h/typescript-config": "0.2.1",
-    "@vanya2h/eslint-config": "0.2.1",
-    "rxfy": "0.2.1"
+    "tsup": "^8.5.0",
+    "tsx": "^4.19.4",
+    "vitest": "^3.1.4",
+    "zod": "^3.25.42",
+    "rxfy": "0.3.0"
   },
   "peerDependencies": {
     "@types/react": "^18.0.0 || ^19.0.0",
+    "lodash": "^4.0.0",
     "react": "^18.0.0 || ^19.0.0",
-    "rxfy": "0.2.1"
+    "react-dom": "^18.0.0 || ^19.0.0",
+    "next": ">=14",
+    "rxfy": "0.3.0"
   },
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org"
   },
+  "peerDependenciesMeta": {
+    "next": {
+      "optional": true
+    }
+  },
   "scripts": {
     "build": "tsup",
     "check-types": "tsc --noEmit",

package/dist/index.d.cts

@@ -1,32 +0,0 @@
-import * as react from 'react';
-import { IEdge, StatusEnum } from 'rxfy';
-
-declare function useEdge<TData>(edge: IEdge<TData>): ({
-    type: StatusEnum.IDLE;
-} & {
-    type: StatusEnum;
-}) | ({
-    type: StatusEnum.PENDING;
-} & {
-    type: StatusEnum;
-}) | ({
-    type: StatusEnum.REJECTED;
-    error: unknown;
-} & {
-    type: StatusEnum;
-}) | ({
-    type: StatusEnum.FULFILLED;
-    value: TData;
-} & {
-    type: StatusEnum;
-});
-type IEdgeProps<TData> = {
-    edge: IEdge<TData>;
-    children: IRenderFn<TData>;
-    rejected?: IRenderFn<unknown>;
-    pending?: React.ReactNode;
-};
-declare function Edge<TData>({ edge, children, rejected, pending }: IEdgeProps<TData>): react.ReactNode;
-type IRenderFn<TData> = React.ReactNode | ((data: TData) => React.ReactNode);
-
-export { Edge, type IRenderFn, useEdge };