@spooky-sync/client-solid2 0.0.1-canary.329 → 0.0.1-canary.331

package/dist/index.cjs

@@ -493,6 +493,10 @@ function useStorageStatus() {
 /**
 * Open a `@crdt` field of the record `recordId()` names, for an editor to bind
 * to (`field()?.getDoc()`). Re-opens when the id changes; closes on cleanup.
+*
+* The accessor stays `null` until the field is loaded (`CrdtField.isLoaded`):
+* this device had the document, or the server answered. Until then show the
+* column's text instead of binding an editor to a document still arriving.
 */
 function useCrdtField(table, recordId, field) {
 	const db = useDb();
@@ -504,14 +508,21 @@ function useCrdtField(table, recordId, field) {
 		}
 		const sp00ky = db.getSp00ky();
 		let superseded = false;
+		let offLoaded = () => {};
 		sp00ky.openCrdtField(table, id, field).then((cf) => {
-			if (!superseded) setCrdtField(cf);
-			else sp00ky.closeCrdtField(table, id, field);
+			if (superseded) {
+				sp00ky.closeCrdtField(table, id, field);
+				return;
+			}
+			offLoaded = cf.onLoaded(() => {
+				if (!superseded) setCrdtField(cf);
+			});
 		}).catch((err) => {
 			console.error(`[useCrdtField] Failed to open CRDT field ${table}.${field} on ${id}:`, err);
 		});
 		return () => {
 			superseded = true;
+			offLoaded();
 			if (crdtField()) {
 				sp00ky.closeCrdtField(table, id, field);
 				setCrdtField(null);