@fragno-dev/cloudflare-fragment 0.0.1

package/LICENSE.md

@@ -0,0 +1,16 @@
+Copyright 2025 - present "ReJot Nederland B.V.", and individual contributors.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and
+associated documentation files (the “Software”), to deal in the Software without restriction,
+including without limitation the rights to use, copy, modify, merge, publish, distribute,
+sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial
+portions of the Software.
+
+THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT
+NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES
+OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -0,0 +1,92 @@
+# @fragno-dev/cloudflare-fragment
+
+Fragno fragment for queueing and tracking Cloudflare Workers for Platforms deployments against an
+existing dispatch namespace.
+
+## Scope
+
+- Queues a single ES module deployment for an app-facing ID
+- Persists app and deployment state in the fragment database
+- Reconciles remote deployments by tagging the live Worker with `<deploymentTagPrefix>-app-<appId>`
+  and `<deploymentTagPrefix>-dep-<deploymentId>`
+- Runs the Cloudflare upload through a durable hook after the request transaction commits
+- Builds the official `cloudflare` SDK client and exposes it through
+  `fragment.services.cloudflare.getClient()`
+- Exposes typed routes and client hooks for queueing and status reads
+
+## Server Setup
+
+```ts
+import { createCloudflareFragment } from "@fragno-dev/cloudflare-fragment";
+
+const fragment = createCloudflareFragment(
+  {
+    accountId: process.env.CLOUDFLARE_ACCOUNT_ID!,
+    apiToken: process.env.CLOUDFLARE_API_TOKEN!,
+    dispatcher: {
+      binding: env.DISPATCHER,
+      namespace: "my-dispatch-namespace",
+    },
+    compatibilityDate: "2026-03-10",
+    compatibilityFlags: ["nodejs_compat"],
+    deploymentTagPrefix: "fragno",
+    scriptNamePrefix: "fragno",
+    scriptNameSuffix: "worker",
+  },
+  {
+    databaseAdapter,
+  },
+);
+```
+
+Outside Cloudflare Workers, you can still pass `dispatchNamespace: "my-dispatch-namespace"` if you
+do not have a bound dispatch namespace object available.
+
+The fragment computes a deterministic `scriptName` from the app-facing ID and stores it in the `app`
+table the first time that app is deployed.
+
+If you already construct your own Cloudflare SDK client, pass it as `cloudflare` in fragment config
+instead of `apiToken`.
+
+For the detailed write path, see [APP_DEPLOYMENT_FLOW.md](./APP_DEPLOYMENT_FLOW.md).
+
+## Routes
+
+- `GET /apps` lists known workers and their latest deployment
+- `POST /apps/:appId/deployments` queues a deployment request
+- `GET /apps/:appId` returns the app summary plus the latest deployment
+- `GET /apps/:appId/deployments` returns the deployment history for one app
+- `GET /deployments/:deploymentId` returns a single deployment status record
+
+Queued deployments stay `queued` until durable hooks are processed.
+
+## Durable Hooks
+
+This fragment will not upload to Cloudflare unless the host runtime runs a durable hooks processor.
+Use the Fragno DB dispatchers in Node or Cloudflare and include this fragment in the processor.
+
+The hook payload carries the immutable deployment snapshot so the hook can reconcile remote state
+before a single local finalize transaction. If the deployment tag is already live in Cloudflare, the
+hook marks the deployment `succeeded` locally without re-uploading. The configured prefix is capped
+per tag so `<prefix>-app-...` and `<prefix>-dep-...` stay within Cloudflare's 63 character limit.
+
+## Client Builders
+
+`createCloudflareFragmentClients()` exposes:
+
+- `useApps`
+- `useApp`
+- `useAppDeployments`
+- `useDeployment`
+- `useQueueDeployment`
+
+Framework entrypoints are available at `@fragno-dev/cloudflare-fragment/react`, `./vue`, `./svelte`,
+`./solid`, and `./vanilla`.
+
+## Development
+
+```bash
+pnpm exec turbo types:check --filter=./packages/cloudflare-fragment --output-logs=errors-only
+pnpm exec turbo test --filter=./packages/cloudflare-fragment --output-logs=errors-only
+pnpm exec turbo build --filter=./packages/cloudflare-fragment --output-logs=errors-only
+```

package/dist/browser/client/react.d.ts

@@ -0,0 +1,290 @@
+import { a as FragnoClientError, c as InferOr, d as MaybeExtractPathParamsOrWiden, f as QueryParamsHint, i as ReadableAtom, l as ExtractPathParamsOrWiden, o as NonGetHTTPMethod, r as FetcherValue, s as FragnoPublicClientConfig, u as HasPathParams } from "../client-Bk-J98pf.js";
+import * as zod from "zod";
+import "react";
+import * as zod_v4_core0 from "zod/v4/core";
+import * as _standard_schema_spec0 from "@standard-schema/spec";
+import { StandardSchemaV1 } from "@standard-schema/spec";
+
+//#region ../fragno/dist/client/react.d.ts
+//#region src/client/react.d.ts
+type FragnoReactHook<_TMethod extends "GET", TPath$1 extends string, TOutputSchema$1 extends StandardSchemaV1, TErrorCode$1 extends string, TQueryParameters$1 extends string> = (args?: {
+  path?: MaybeExtractPathParamsOrWiden<TPath$1, string | ReadableAtom<string>>;
+  query?: QueryParamsHint<TQueryParameters$1, string | ReadableAtom<string>>;
+}) => FetcherValue<StandardSchemaV1.InferOutput<TOutputSchema$1>, FragnoClientError<NonNullable<TErrorCode$1>>>;
+type FragnoReactMutator<_TMethod extends NonGetHTTPMethod, TPath$1 extends string, TInputSchema extends StandardSchemaV1 | undefined, TOutputSchema$1 extends StandardSchemaV1 | undefined, TErrorCode$1 extends string, TQueryParameters$1 extends string> = () => {
+  mutate: ({
+    body,
+    path,
+    query
+  }: {
+    body?: InferOr<TInputSchema, undefined>;
+    path?: HasPathParams<TPath$1> extends true ? ExtractPathParamsOrWiden<TPath$1, string | ReadableAtom<string>> : undefined;
+    query?: QueryParamsHint<TQueryParameters$1, string | ReadableAtom<string>>;
+  }) => Promise<InferOr<TOutputSchema$1, undefined>>;
+  loading?: boolean | undefined;
+  error?: FragnoClientError<NonNullable<TErrorCode$1>[number]> | undefined;
+  data?: InferOr<TOutputSchema$1, undefined> | undefined;
+};
+/**
+ * Type helper that unwraps any Store fields of the object into StoreValues
+ */
+//#endregion
+//#region src/client/react.d.ts
+declare function createCloudflareFragmentClient(config?: FragnoPublicClientConfig): {
+  useApps: FragnoReactHook<"GET", "/apps", zod.ZodObject<{
+    apps: zod.ZodArray<zod.ZodObject<{
+      id: zod.ZodString;
+      scriptName: zod.ZodString;
+      latestDeployment: zod.ZodNullable<zod.ZodObject<{
+        id: zod.ZodString;
+        appId: zod.ZodString;
+        scriptName: zod.ZodString;
+        status: zod.ZodEnum<{
+          queued: "queued";
+          deploying: "deploying";
+          succeeded: "succeeded";
+          failed: "failed";
+        }>;
+        format: zod.ZodLiteral<"esmodule">;
+        entrypoint: zod.ZodString;
+        sourceByteLength: zod.ZodNumber;
+        compatibilityDate: zod.ZodString;
+        compatibilityFlags: zod.ZodArray<zod.ZodString>;
+        attemptCount: zod.ZodNumber;
+        queuedAt: zod.ZodString;
+        startedAt: zod.ZodNullable<zod.ZodString>;
+        completedAt: zod.ZodNullable<zod.ZodString>;
+        errorCode: zod.ZodNullable<zod.ZodString>;
+        errorMessage: zod.ZodNullable<zod.ZodString>;
+        cloudflare: zod.ZodNullable<zod.ZodObject<{
+          etag: zod.ZodNullable<zod.ZodString>;
+          modifiedOn: zod.ZodNullable<zod.ZodString>;
+        }, zod_v4_core0.$strip>>;
+        createdAt: zod.ZodString;
+        updatedAt: zod.ZodString;
+      }, zod_v4_core0.$strip>>;
+      createdAt: zod.ZodString;
+      updatedAt: zod.ZodString;
+    }, zod_v4_core0.$strip>>;
+  }, zod_v4_core0.$strip>, string, string>;
+  useApp: FragnoReactHook<"GET", "/apps/:appId", zod.ZodObject<{
+    id: zod.ZodString;
+    scriptName: zod.ZodString;
+    latestDeployment: zod.ZodNullable<zod.ZodObject<{
+      id: zod.ZodString;
+      appId: zod.ZodString;
+      scriptName: zod.ZodString;
+      status: zod.ZodEnum<{
+        queued: "queued";
+        deploying: "deploying";
+        succeeded: "succeeded";
+        failed: "failed";
+      }>;
+      format: zod.ZodLiteral<"esmodule">;
+      entrypoint: zod.ZodString;
+      sourceByteLength: zod.ZodNumber;
+      compatibilityDate: zod.ZodString;
+      compatibilityFlags: zod.ZodArray<zod.ZodString>;
+      attemptCount: zod.ZodNumber;
+      queuedAt: zod.ZodString;
+      startedAt: zod.ZodNullable<zod.ZodString>;
+      completedAt: zod.ZodNullable<zod.ZodString>;
+      errorCode: zod.ZodNullable<zod.ZodString>;
+      errorMessage: zod.ZodNullable<zod.ZodString>;
+      cloudflare: zod.ZodNullable<zod.ZodObject<{
+        etag: zod.ZodNullable<zod.ZodString>;
+        modifiedOn: zod.ZodNullable<zod.ZodString>;
+      }, zod_v4_core0.$strip>>;
+      createdAt: zod.ZodString;
+      updatedAt: zod.ZodString;
+    }, zod_v4_core0.$strip>>;
+    createdAt: zod.ZodString;
+    updatedAt: zod.ZodString;
+    liveDeployment: zod.ZodNullable<zod.ZodObject<{
+      id: zod.ZodString;
+      appId: zod.ZodString;
+      scriptName: zod.ZodString;
+      status: zod.ZodEnum<{
+        queued: "queued";
+        deploying: "deploying";
+        succeeded: "succeeded";
+        failed: "failed";
+      }>;
+      format: zod.ZodLiteral<"esmodule">;
+      entrypoint: zod.ZodString;
+      sourceByteLength: zod.ZodNumber;
+      compatibilityDate: zod.ZodString;
+      compatibilityFlags: zod.ZodArray<zod.ZodString>;
+      attemptCount: zod.ZodNumber;
+      queuedAt: zod.ZodString;
+      startedAt: zod.ZodNullable<zod.ZodString>;
+      completedAt: zod.ZodNullable<zod.ZodString>;
+      errorCode: zod.ZodNullable<zod.ZodString>;
+      errorMessage: zod.ZodNullable<zod.ZodString>;
+      cloudflare: zod.ZodNullable<zod.ZodObject<{
+        etag: zod.ZodNullable<zod.ZodString>;
+        modifiedOn: zod.ZodNullable<zod.ZodString>;
+      }, zod_v4_core0.$strip>>;
+      createdAt: zod.ZodString;
+      updatedAt: zod.ZodString;
+    }, zod_v4_core0.$strip>>;
+    liveDeploymentError: zod.ZodNullable<zod.ZodString>;
+    deployments: zod.ZodArray<zod.ZodObject<{
+      id: zod.ZodString;
+      appId: zod.ZodString;
+      scriptName: zod.ZodString;
+      status: zod.ZodEnum<{
+        queued: "queued";
+        deploying: "deploying";
+        succeeded: "succeeded";
+        failed: "failed";
+      }>;
+      format: zod.ZodLiteral<"esmodule">;
+      entrypoint: zod.ZodString;
+      sourceByteLength: zod.ZodNumber;
+      compatibilityDate: zod.ZodString;
+      compatibilityFlags: zod.ZodArray<zod.ZodString>;
+      attemptCount: zod.ZodNumber;
+      queuedAt: zod.ZodString;
+      startedAt: zod.ZodNullable<zod.ZodString>;
+      completedAt: zod.ZodNullable<zod.ZodString>;
+      errorCode: zod.ZodNullable<zod.ZodString>;
+      errorMessage: zod.ZodNullable<zod.ZodString>;
+      cloudflare: zod.ZodNullable<zod.ZodObject<{
+        etag: zod.ZodNullable<zod.ZodString>;
+        modifiedOn: zod.ZodNullable<zod.ZodString>;
+      }, zod_v4_core0.$strip>>;
+      createdAt: zod.ZodString;
+      updatedAt: zod.ZodString;
+    }, zod_v4_core0.$strip>>;
+  }, zod_v4_core0.$strip>, "APP_NOT_FOUND", string>;
+  useAppDeployments: FragnoReactHook<"GET", "/apps/:appId/deployments", zod.ZodObject<{
+    deployments: zod.ZodArray<zod.ZodObject<{
+      id: zod.ZodString;
+      appId: zod.ZodString;
+      scriptName: zod.ZodString;
+      status: zod.ZodEnum<{
+        queued: "queued";
+        deploying: "deploying";
+        succeeded: "succeeded";
+        failed: "failed";
+      }>;
+      format: zod.ZodLiteral<"esmodule">;
+      entrypoint: zod.ZodString;
+      sourceByteLength: zod.ZodNumber;
+      compatibilityDate: zod.ZodString;
+      compatibilityFlags: zod.ZodArray<zod.ZodString>;
+      attemptCount: zod.ZodNumber;
+      queuedAt: zod.ZodString;
+      startedAt: zod.ZodNullable<zod.ZodString>;
+      completedAt: zod.ZodNullable<zod.ZodString>;
+      errorCode: zod.ZodNullable<zod.ZodString>;
+      errorMessage: zod.ZodNullable<zod.ZodString>;
+      cloudflare: zod.ZodNullable<zod.ZodObject<{
+        etag: zod.ZodNullable<zod.ZodString>;
+        modifiedOn: zod.ZodNullable<zod.ZodString>;
+      }, zod_v4_core0.$strip>>;
+      createdAt: zod.ZodString;
+      updatedAt: zod.ZodString;
+    }, zod_v4_core0.$strip>>;
+  }, zod_v4_core0.$strip>, "APP_NOT_FOUND", string>;
+  useDeployment: FragnoReactHook<"GET", "/deployments/:deploymentId", zod.ZodObject<{
+    id: zod.ZodString;
+    appId: zod.ZodString;
+    scriptName: zod.ZodString;
+    status: zod.ZodEnum<{
+      queued: "queued";
+      deploying: "deploying";
+      succeeded: "succeeded";
+      failed: "failed";
+    }>;
+    format: zod.ZodLiteral<"esmodule">;
+    entrypoint: zod.ZodString;
+    sourceByteLength: zod.ZodNumber;
+    compatibilityDate: zod.ZodString;
+    compatibilityFlags: zod.ZodArray<zod.ZodString>;
+    attemptCount: zod.ZodNumber;
+    queuedAt: zod.ZodString;
+    startedAt: zod.ZodNullable<zod.ZodString>;
+    completedAt: zod.ZodNullable<zod.ZodString>;
+    errorCode: zod.ZodNullable<zod.ZodString>;
+    errorMessage: zod.ZodNullable<zod.ZodString>;
+    cloudflare: zod.ZodNullable<zod.ZodObject<{
+      etag: zod.ZodNullable<zod.ZodString>;
+      modifiedOn: zod.ZodNullable<zod.ZodString>;
+    }, zod_v4_core0.$strip>>;
+    createdAt: zod.ZodString;
+    updatedAt: zod.ZodString;
+    sourceCode: zod.ZodString;
+  }, zod_v4_core0.$strip>, "DEPLOYMENT_NOT_FOUND", string>;
+  useQueueDeployment: FragnoReactMutator<NonGetHTTPMethod, "/apps/:appId/deployments", zod.ZodObject<{
+    script: zod.ZodObject<{
+      type: zod.ZodDefault<zod.ZodEnum<{
+        esmodule: "esmodule";
+      }>>;
+      entrypoint: zod.ZodDefault<zod.ZodString>;
+      content: zod.ZodString;
+    }, zod_v4_core0.$strip>;
+    compatibilityDate: zod.ZodOptional<zod.ZodString>;
+    compatibilityFlags: zod.ZodOptional<zod.ZodArray<zod.ZodString>>;
+  }, zod_v4_core0.$strip> | _standard_schema_spec0.StandardSchemaV1<unknown, unknown> | undefined, zod.ZodObject<{
+    id: zod.ZodString;
+    appId: zod.ZodString;
+    scriptName: zod.ZodString;
+    status: zod.ZodEnum<{
+      queued: "queued";
+      deploying: "deploying";
+      succeeded: "succeeded";
+      failed: "failed";
+    }>;
+    format: zod.ZodLiteral<"esmodule">;
+    entrypoint: zod.ZodString;
+    sourceByteLength: zod.ZodNumber;
+    compatibilityDate: zod.ZodString;
+    compatibilityFlags: zod.ZodArray<zod.ZodString>;
+    attemptCount: zod.ZodNumber;
+    queuedAt: zod.ZodString;
+    startedAt: zod.ZodNullable<zod.ZodString>;
+    completedAt: zod.ZodNullable<zod.ZodString>;
+    errorCode: zod.ZodNullable<zod.ZodString>;
+    errorMessage: zod.ZodNullable<zod.ZodString>;
+    cloudflare: zod.ZodNullable<zod.ZodObject<{
+      etag: zod.ZodNullable<zod.ZodString>;
+      modifiedOn: zod.ZodNullable<zod.ZodString>;
+    }, zod_v4_core0.$strip>>;
+    createdAt: zod.ZodString;
+    updatedAt: zod.ZodString;
+  }, zod_v4_core0.$strip> | zod.ZodObject<{
+    deployments: zod.ZodArray<zod.ZodObject<{
+      id: zod.ZodString;
+      appId: zod.ZodString;
+      scriptName: zod.ZodString;
+      status: zod.ZodEnum<{
+        queued: "queued";
+        deploying: "deploying";
+        succeeded: "succeeded";
+        failed: "failed";
+      }>;
+      format: zod.ZodLiteral<"esmodule">;
+      entrypoint: zod.ZodString;
+      sourceByteLength: zod.ZodNumber;
+      compatibilityDate: zod.ZodString;
+      compatibilityFlags: zod.ZodArray<zod.ZodString>;
+      attemptCount: zod.ZodNumber;
+      queuedAt: zod.ZodString;
+      startedAt: zod.ZodNullable<zod.ZodString>;
+      completedAt: zod.ZodNullable<zod.ZodString>;
+      errorCode: zod.ZodNullable<zod.ZodString>;
+      errorMessage: zod.ZodNullable<zod.ZodString>;
+      cloudflare: zod.ZodNullable<zod.ZodObject<{
+        etag: zod.ZodNullable<zod.ZodString>;
+        modifiedOn: zod.ZodNullable<zod.ZodString>;
+      }, zod_v4_core0.$strip>>;
+      createdAt: zod.ZodString;
+      updatedAt: zod.ZodString;
+    }, zod_v4_core0.$strip>>;
+  }, zod_v4_core0.$strip> | undefined, "INVALID_DEPLOY_INPUT" | "UNSUPPORTED_DEPLOY_REQUEST" | "APP_NOT_FOUND", string>;
+};
+//#endregion
+export { createCloudflareFragmentClient };
+//# sourceMappingURL=react.d.ts.map

package/dist/browser/client/react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.d.ts","names":["ExtractPathParamsOrWiden","HasPathParams","MaybeExtractPathParamsOrWiden","QueryParamsHint","InferOr","NonGetHTTPMethod","FragnoClientError","FragnoClientHookData","FragnoClientMutatorData","FragnoStoreFactoryData","FragnoStoreObjectData","ReadableAtom","Store","StoreValue","FetcherValue","react0","DependencyList","StandardSchemaV1","FragnoReactHook","_TMethod","TPath$1","TOutputSchema$1","TErrorCode$1","TQueryParameters$1","InferOutput","NonNullable","path","query","args","FragnoReactMutator","TInputSchema","body","Promise","mutate","loading","error","data","FragnoReactStoreValue","T","TStore","K","FragnoReactStore","TArgs","useFragno","Record","TPath","TOutputSchema","TErrorCode","TQueryParameters","TMethod","TInput","TOutput","TError","TStoreObj","TStoreArgs","clientObj","StoreKeys","setKey","k","v","UseStoreOptions","SomeStore","deps","keys","useStore","store","options","FragnoHydrator","children","React","ReactNode"],"sources":["../../../../fragno/dist/client/react.d.ts","../../../src/client/react.ts"],"mappings":";;;;;;;;;KAYKkB,eAAAA,yEAAwFD,gBAAAA,qEAAqFW,IAAAA;EAChLF,IAAAA,GAAOxB,6BAAAA,CAA8BkB,OAAAA,WAAkBT,YAAAA;EACvDgB,KAAAA,GAAQxB,eAAAA,CAAgBoB,kBAAAA,WAA6BZ,YAAAA;AAAAA,MACjDG,YAAAA,CAAaG,gBAAAA,CAAiBO,WAAAA,CAAYH,eAAAA,GAAkBf,iBAAAA,CAAkBmB,WAAAA,CAAYH,YAAAA;AAAAA,KAC3FO,kBAAAA,kBAAoCxB,gBAAAA,+CAA+DY,gBAAAA,sCAAsDA,gBAAAA;EAC5JgB,MAAAA;IACEF,IAAAA;IACAL,IAAAA;IACAC;EAAAA;IAEAI,IAAAA,GAAO3B,OAAAA,CAAQ0B,YAAAA;IACfJ,IAAAA,GAAOzB,aAAAA,CAAcmB,OAAAA,iBAAwBpB,wBAAAA,CAAyBoB,OAAAA,WAAkBT,YAAAA;IACxFgB,KAAAA,GAAQxB,eAAAA,CAAgBoB,kBAAAA,WAA6BZ,YAAAA;EAAAA,MACjDqB,OAAAA,CAAQ5B,OAAAA,CAAQiB,eAAAA;EACtBa,OAAAA;EACAC,KAAAA,GAAQ7B,iBAAAA,CAAkBmB,WAAAA,CAAYH,YAAAA;EACtCc,IAAAA,GAAOhC,OAAAA,CAAQiB,eAAAA;AAAAA;;;;;;iBCvBD,8BAAA,CAA+B,MAAA,GAAQ,wBAAA;;;UAA6B,GAAA,CAAA,SAAA"}

package/dist/browser/client/react.js

@@ -0,0 +1,166 @@
+import { L as isGetHook, R as isMutatorHook, V as isReadableAtom, z as isStore } from "../schema-Bt-h9kGf.js";
+import { createCloudflareFragmentClients } from "../index.js";
+import { useCallback, useEffect, useMemo, useRef, useSyncExternalStore } from "react";
+
+//#region ../../node_modules/.pnpm/nanostores@1.1.0/node_modules/nanostores/listen-keys/index.js
+function listenKeys($store, keys, listener) {
+	let keysSet = new Set(keys).add(void 0);
+	return $store.listen((value, oldValue, changed) => {
+		if (keysSet.has(changed)) listener(value, oldValue, changed);
+	});
+}
+
+//#endregion
+//#region ../fragno/dist/client/react.js
+function createReactHook(hook) {
+	return ({ path, query } = {}) => {
+		const pathParamValues = path ? Object.values(path) : [];
+		const queryParamValues = query ? Object.values(query) : [];
+		const store = useMemo(() => hook.store({
+			path,
+			query
+		}), [hook, ...[...pathParamValues, ...queryParamValues]]);
+		if (typeof window === "undefined") return store.get();
+		return useStore(store);
+	};
+}
+function createReactMutator(hook) {
+	return () => {
+		return useStore(useMemo(() => hook.mutatorStore, [hook]));
+	};
+}
+const isPlainObject = (value) => {
+	if (!value || typeof value !== "object") return false;
+	const prototype = Object.getPrototypeOf(value);
+	return prototype === Object.prototype || prototype === null;
+};
+const areStoreFactoryValuesEqual = (left, right) => {
+	if (Object.is(left, right)) return true;
+	if (Array.isArray(left) && Array.isArray(right)) return left.length === right.length && left.every((value, index) => areStoreFactoryValuesEqual(value, right[index]));
+	if (left instanceof Date && right instanceof Date) return left.getTime() === right.getTime();
+	if (isReadableAtom(left) || isReadableAtom(right)) return left === right;
+	if (typeof left === "function" || typeof right === "function") return left === right;
+	if (isPlainObject(left) && isPlainObject(right)) {
+		const leftKeys = Object.keys(left).sort();
+		const rightKeys = Object.keys(right).sort();
+		return leftKeys.length === rightKeys.length && leftKeys.every((key, index) => key === rightKeys[index] && areStoreFactoryValuesEqual(left[key], right[key]));
+	}
+	return false;
+};
+const areStoreFactoryArgsEqual = (left, right) => left.length === right.length && left.every((value, index) => areStoreFactoryValuesEqual(value, right[index]));
+const getStoreDisposer = (value) => {
+	const disposer = value[Symbol.dispose];
+	return typeof disposer === "function" ? disposer.bind(value) : void 0;
+};
+function unwrapReactStoreValueOnServer(value) {
+	if (isReadableAtom(value)) return value.get();
+	const result = {};
+	for (const key in value) {
+		if (!Object.prototype.hasOwnProperty.call(value, key)) continue;
+		const fieldValue = value[key];
+		if (isReadableAtom(fieldValue)) result[key] = fieldValue.get();
+		else result[key] = fieldValue;
+	}
+	return result;
+}
+function unwrapReactStoreValue(value) {
+	if (isReadableAtom(value)) return useStore(value);
+	const keys = Object.keys(value);
+	const atomEntries = keys.flatMap((key) => {
+		const fieldValue = value[key];
+		return isReadableAtom(fieldValue) ? [[key, fieldValue]] : [];
+	});
+	const snapshotRef = useRef(atomEntries.map(([, store]) => store.get()));
+	const getSnapshot = () => {
+		const nextSnapshot = atomEntries.map(([, store]) => store.get());
+		const previousSnapshot = snapshotRef.current;
+		if (previousSnapshot.length === nextSnapshot.length && previousSnapshot.every((entry, index) => Object.is(entry, nextSnapshot[index]))) return previousSnapshot;
+		snapshotRef.current = nextSnapshot;
+		return nextSnapshot;
+	};
+	const atomValues = useSyncExternalStore((onStoreChange) => {
+		const unsubscribes = atomEntries.map(([, store]) => store.listen(onStoreChange));
+		return () => {
+			for (const unsubscribe of unsubscribes) unsubscribe();
+		};
+	}, getSnapshot, getSnapshot);
+	const result = {};
+	let atomIndex = 0;
+	for (const key of keys) {
+		const fieldValue = value[key];
+		if (isReadableAtom(fieldValue)) {
+			result[key] = atomValues[atomIndex];
+			atomIndex += 1;
+		} else result[key] = fieldValue;
+	}
+	return result;
+}
+function createReactStore(hook) {
+	return (...args) => {
+		const stableArgsRef = useRef(args);
+		const pendingDisposalsRef = useRef(/* @__PURE__ */ new Map());
+		if (!areStoreFactoryArgsEqual(stableArgsRef.current, args)) stableArgsRef.current = args;
+		const value = useMemo(() => {
+			if ("factory" in hook) return hook.factory(...stableArgsRef.current);
+			return hook.obj;
+		}, [hook, stableArgsRef.current]);
+		useEffect(() => {
+			const disposer = getStoreDisposer(value);
+			const pendingTimeout = pendingDisposalsRef.current.get(value);
+			if (pendingTimeout !== void 0) {
+				clearTimeout(pendingTimeout);
+				pendingDisposalsRef.current.delete(value);
+			}
+			return () => {
+				if (!disposer) return;
+				const timeoutId = setTimeout(() => {
+					pendingDisposalsRef.current.delete(value);
+					disposer();
+				}, 0);
+				pendingDisposalsRef.current.set(value, timeoutId);
+			};
+		}, [value]);
+		if (typeof window === "undefined") return unwrapReactStoreValueOnServer(value);
+		return unwrapReactStoreValue(value);
+	};
+}
+function useFragno(clientObj) {
+	const result = {};
+	for (const key in clientObj) {
+		if (!Object.prototype.hasOwnProperty.call(clientObj, key)) continue;
+		const hook = clientObj[key];
+		if (isGetHook(hook)) result[key] = createReactHook(hook);
+		else if (isMutatorHook(hook)) result[key] = createReactMutator(hook);
+		else if (isStore(hook)) result[key] = createReactStore(hook);
+		else result[key] = hook;
+	}
+	return result;
+}
+function useStore(store, options = {}) {
+	const snapshotRef = useRef(store.get());
+	const { keys, deps = [store, keys] } = options;
+	const subscribe = useCallback((onChange) => {
+		const emitChange = (value) => {
+			if (snapshotRef.current === value) return;
+			snapshotRef.current = value;
+			onChange();
+		};
+		emitChange(store.value);
+		if (keys?.length) return listenKeys(store, keys, emitChange);
+		return store.listen(emitChange);
+	}, deps);
+	const get = () => snapshotRef.current;
+	return useSyncExternalStore(subscribe, get, () => {
+		return get();
+	});
+}
+
+//#endregion
+//#region src/client/react.ts
+function createCloudflareFragmentClient(config = {}) {
+	return useFragno(createCloudflareFragmentClients(config));
+}
+
+//#endregion
+export { createCloudflareFragmentClient };
+//# sourceMappingURL=react.js.map

package/dist/browser/client/react.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.js","names":["listenKeys","$store","keys","listener","keysSet","Set","add","undefined","listen","value","oldValue","changed","has","subscribeKeys","unbind","isReadableAtom","hydrateFromWindow","isGetHook","isMutatorHook","isStore","listenKeys","useCallback","useEffect","useMemo","useRef","useSyncExternalStore","createReactHook","hook","path","query","pathParamValues","Object","values","queryParamValues","store","window","get","useStore","createReactMutator","mutatorStore","isPlainObject","value","prototype","getPrototypeOf","areStoreFactoryValuesEqual","left","right","is","Array","isArray","length","every","index","Date","getTime","leftKeys","keys","sort","rightKeys","key","areStoreFactoryArgsEqual","getStoreDisposer","disposer","Symbol","dispose","bind","unwrapReactStoreValueOnServer","result","hasOwnProperty","call","fieldValue","unwrapReactStoreValue","atomEntries","flatMap","snapshotRef","map","getSnapshot","nextSnapshot","previousSnapshot","current","entry","atomValues","onStoreChange","unsubscribes","listen","unsubscribe","atomIndex","createReactStore","args","stableArgsRef","pendingDisposalsRef","Map","factory","obj","pendingTimeout","clearTimeout","delete","timeoutId","setTimeout","set","useFragno","clientObj","options","deps","subscribe","onChange","emitChange","FragnoHydrator","children","FragnoPublicClientConfig","useFragno","createCloudflareFragmentClients","createCloudflareFragmentClient","config"],"sources":["../../../../../node_modules/.pnpm/nanostores@1.1.0/node_modules/nanostores/listen-keys/index.js","../../../../fragno/dist/client/react.js","../../../src/client/react.ts"],"sourcesContent":["export function listenKeys($store, keys, listener) {\n  let keysSet = new Set(keys).add(undefined)\n  return $store.listen((value, oldValue, changed) => {\n    if (keysSet.has(changed)) {\n      listener(value, oldValue, changed)\n    }\n  })\n}\n\nexport function subscribeKeys($store, keys, listener) {\n  let unbind = listenKeys($store, keys, listener)\n  listener($store.value)\n  return unbind\n}\n","import { isReadableAtom } from \"../util/nanostores.js\";\nimport { hydrateFromWindow } from \"../util/ssr.js\";\nimport { isGetHook, isMutatorHook, isStore } from \"./client.js\";\nimport { listenKeys } from \"nanostores\";\nimport { useCallback, useEffect, useMemo, useRef, useSyncExternalStore } from \"react\";\n\n//#region src/client/react.ts\nfunction createReactHook(hook) {\n\treturn ({ path, query } = {}) => {\n\t\tconst pathParamValues = path ? Object.values(path) : [];\n\t\tconst queryParamValues = query ? Object.values(query) : [];\n\t\tconst store = useMemo(() => hook.store({\n\t\t\tpath,\n\t\t\tquery\n\t\t}), [hook, ...[...pathParamValues, ...queryParamValues]]);\n\t\tif (typeof window === \"undefined\") return store.get();\n\t\treturn useStore(store);\n\t};\n}\nfunction createReactMutator(hook) {\n\treturn () => {\n\t\treturn useStore(useMemo(() => hook.mutatorStore, [hook]));\n\t};\n}\nconst isPlainObject = (value) => {\n\tif (!value || typeof value !== \"object\") return false;\n\tconst prototype = Object.getPrototypeOf(value);\n\treturn prototype === Object.prototype || prototype === null;\n};\nconst areStoreFactoryValuesEqual = (left, right) => {\n\tif (Object.is(left, right)) return true;\n\tif (Array.isArray(left) && Array.isArray(right)) return left.length === right.length && left.every((value, index) => areStoreFactoryValuesEqual(value, right[index]));\n\tif (left instanceof Date && right instanceof Date) return left.getTime() === right.getTime();\n\tif (isReadableAtom(left) || isReadableAtom(right)) return left === right;\n\tif (typeof left === \"function\" || typeof right === \"function\") return left === right;\n\tif (isPlainObject(left) && isPlainObject(right)) {\n\t\tconst leftKeys = Object.keys(left).sort();\n\t\tconst rightKeys = Object.keys(right).sort();\n\t\treturn leftKeys.length === rightKeys.length && leftKeys.every((key, index) => key === rightKeys[index] && areStoreFactoryValuesEqual(left[key], right[key]));\n\t}\n\treturn false;\n};\nconst areStoreFactoryArgsEqual = (left, right) => left.length === right.length && left.every((value, index) => areStoreFactoryValuesEqual(value, right[index]));\nconst getStoreDisposer = (value) => {\n\tconst disposer = value[Symbol.dispose];\n\treturn typeof disposer === \"function\" ? disposer.bind(value) : void 0;\n};\nfunction unwrapReactStoreValueOnServer(value) {\n\tif (isReadableAtom(value)) return value.get();\n\tconst result = {};\n\tfor (const key in value) {\n\t\tif (!Object.prototype.hasOwnProperty.call(value, key)) continue;\n\t\tconst fieldValue = value[key];\n\t\tif (isReadableAtom(fieldValue)) result[key] = fieldValue.get();\n\t\telse result[key] = fieldValue;\n\t}\n\treturn result;\n}\nfunction unwrapReactStoreValue(value) {\n\tif (isReadableAtom(value)) return useStore(value);\n\tconst keys = Object.keys(value);\n\tconst atomEntries = keys.flatMap((key) => {\n\t\tconst fieldValue = value[key];\n\t\treturn isReadableAtom(fieldValue) ? [[key, fieldValue]] : [];\n\t});\n\tconst snapshotRef = useRef(atomEntries.map(([, store]) => store.get()));\n\tconst getSnapshot = () => {\n\t\tconst nextSnapshot = atomEntries.map(([, store]) => store.get());\n\t\tconst previousSnapshot = snapshotRef.current;\n\t\tif (previousSnapshot.length === nextSnapshot.length && previousSnapshot.every((entry, index) => Object.is(entry, nextSnapshot[index]))) return previousSnapshot;\n\t\tsnapshotRef.current = nextSnapshot;\n\t\treturn nextSnapshot;\n\t};\n\tconst atomValues = useSyncExternalStore((onStoreChange) => {\n\t\tconst unsubscribes = atomEntries.map(([, store]) => store.listen(onStoreChange));\n\t\treturn () => {\n\t\t\tfor (const unsubscribe of unsubscribes) unsubscribe();\n\t\t};\n\t}, getSnapshot, getSnapshot);\n\tconst result = {};\n\tlet atomIndex = 0;\n\tfor (const key of keys) {\n\t\tconst fieldValue = value[key];\n\t\tif (isReadableAtom(fieldValue)) {\n\t\t\tresult[key] = atomValues[atomIndex];\n\t\t\tatomIndex += 1;\n\t\t} else result[key] = fieldValue;\n\t}\n\treturn result;\n}\nfunction createReactStore(hook) {\n\treturn ((...args) => {\n\t\tconst stableArgsRef = useRef(args);\n\t\tconst pendingDisposalsRef = useRef(/* @__PURE__ */ new Map());\n\t\tif (!areStoreFactoryArgsEqual(stableArgsRef.current, args)) stableArgsRef.current = args;\n\t\tconst value = useMemo(() => {\n\t\t\tif (\"factory\" in hook) return hook.factory(...stableArgsRef.current);\n\t\t\treturn hook.obj;\n\t\t}, [hook, stableArgsRef.current]);\n\t\tuseEffect(() => {\n\t\t\tconst disposer = getStoreDisposer(value);\n\t\t\tconst pendingTimeout = pendingDisposalsRef.current.get(value);\n\t\t\tif (pendingTimeout !== void 0) {\n\t\t\t\tclearTimeout(pendingTimeout);\n\t\t\t\tpendingDisposalsRef.current.delete(value);\n\t\t\t}\n\t\t\treturn () => {\n\t\t\t\tif (!disposer) return;\n\t\t\t\tconst timeoutId = setTimeout(() => {\n\t\t\t\t\tpendingDisposalsRef.current.delete(value);\n\t\t\t\t\tdisposer();\n\t\t\t\t}, 0);\n\t\t\t\tpendingDisposalsRef.current.set(value, timeoutId);\n\t\t\t};\n\t\t}, [value]);\n\t\tif (typeof window === \"undefined\") return unwrapReactStoreValueOnServer(value);\n\t\treturn unwrapReactStoreValue(value);\n\t});\n}\nfunction useFragno(clientObj) {\n\tconst result = {};\n\tfor (const key in clientObj) {\n\t\tif (!Object.prototype.hasOwnProperty.call(clientObj, key)) continue;\n\t\tconst hook = clientObj[key];\n\t\tif (isGetHook(hook)) result[key] = createReactHook(hook);\n\t\telse if (isMutatorHook(hook)) result[key] = createReactMutator(hook);\n\t\telse if (isStore(hook)) result[key] = createReactStore(hook);\n\t\telse result[key] = hook;\n\t}\n\treturn result;\n}\nfunction useStore(store, options = {}) {\n\tconst snapshotRef = useRef(store.get());\n\tconst { keys, deps = [store, keys] } = options;\n\tconst subscribe = useCallback((onChange) => {\n\t\tconst emitChange = (value) => {\n\t\t\tif (snapshotRef.current === value) return;\n\t\t\tsnapshotRef.current = value;\n\t\t\tonChange();\n\t\t};\n\t\temitChange(store.value);\n\t\tif (keys?.length) return listenKeys(store, keys, emitChange);\n\t\treturn store.listen(emitChange);\n\t}, deps);\n\tconst get = () => snapshotRef.current;\n\treturn useSyncExternalStore(subscribe, get, () => {\n\t\treturn get();\n\t});\n}\nfunction FragnoHydrator({ children }) {\n\tuseMemo(() => {\n\t\thydrateFromWindow();\n\t}, []);\n\treturn children;\n}\n\n//#endregion\nexport { FragnoHydrator, useFragno, useStore };\n//# sourceMappingURL=react.js.map","import type { FragnoPublicClientConfig } from \"@fragno-dev/core/client\";\nimport { useFragno } from \"@fragno-dev/core/react\";\n\nimport { createCloudflareFragmentClients } from \"..\";\n\nexport function createCloudflareFragmentClient(config: FragnoPublicClientConfig = {}) {\n  return useFragno(createCloudflareFragmentClients(config));\n}\n"],"x_google_ignoreList":[0],"mappings":"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"}