dexie-cloud-addon 4.2.1 → 4.2.3

package/README.md

@@ -8,7 +8,7 @@ npm install dexie-cloud-addon@latest
 ```
 
 ```ts
-import Dexie from 'dexie';
+import { Dexie } from 'dexie';
 import dexieCloud from 'dexie-cloud-addon';
 
 const db = new Dexie('dbname', { addons: [dexieCloud]});

package/dist/modern/dexie-cloud-addon.js

@@ -8,7 +8,7 @@
  *
  * ==========================================================================
  *
- * Version 4.2.1, Wed Oct 01 2025
+ * Version 4.2.3, Fri Nov 28 2025
  *
  * https://dexie.org
  *
@@ -4057,7 +4057,8 @@ function createImplicitPropSetterMiddleware(db) {
                                             if (req.type === 'put') {
                                                 delete req.criteria;
                                                 delete req.changeSpec;
-                                                delete req.updates;
+                                                if (!req.upsert)
+                                                    delete req.updates;
                                                 obj.$ts = Date.now();
                                             }
                                         }
@@ -4284,6 +4285,7 @@ function createMutationTrackingMiddleware({ currentUserObservable, db, }) {
                             let values = 'values' in req ? req.values : [];
                             let changeSpec = 'changeSpec' in req ? req.changeSpec : undefined;
                             let updates = 'updates' in req ? req.updates : undefined;
+                            let upsert = updates && 'upsert' in req ? req.upsert : false;
                             if (hasFailures) {
                                 keys = keys.filter((_, idx) => !failures[idx]);
                                 values = values.filter((_, idx) => !failures[idx]);
@@ -4315,29 +4317,32 @@ function createMutationTrackingMiddleware({ currentUserObservable, db, }) {
                                     };
                                     const validKeys = new RangeSet();
                                     let anyChangeSpecBecameEmpty = false;
-                                    for (let i = 0, l = strippedChangeSpecs.length; i < l; ++i) {
-                                        if (Object.keys(strippedChangeSpecs[i]).length > 0) {
-                                            newUpdates.keys.push(updates.keys[i]);
-                                            newUpdates.changeSpecs.push(strippedChangeSpecs[i]);
-                                            validKeys.addKey(updates.keys[i]);
-                                        }
-                                        else {
-                                            anyChangeSpecBecameEmpty = true;
+                                    if (!upsert) {
+                                        for (let i = 0, l = strippedChangeSpecs.length; i < l; ++i) {
+                                            if (Object.keys(strippedChangeSpecs[i]).length > 0) {
+                                                newUpdates.keys.push(updates.keys[i]);
+                                                newUpdates.changeSpecs.push(strippedChangeSpecs[i]);
+                                                validKeys.addKey(updates.keys[i]);
+                                            }
+                                            else {
+                                                anyChangeSpecBecameEmpty = true;
+                                            }
                                         }
-                                    }
-                                    updates = newUpdates;
-                                    if (anyChangeSpecBecameEmpty) {
-                                        // Some keys were stripped. We must also strip them from keys and values
-                                        let newKeys = [];
-                                        let newValues = [];
-                                        for (let i = 0, l = keys.length; i < l; ++i) {
-                                            if (validKeys.hasKey(keys[i])) {
-                                                newKeys.push(keys[i]);
-                                                newValues.push(values[i]);
+                                        updates = newUpdates;
+                                        if (anyChangeSpecBecameEmpty) {
+                                            // Some keys were stripped. We must also strip them from keys and values
+                                            // unless this is an upsert operation in which case we want to send them all.
+                                            let newKeys = [];
+                                            let newValues = [];
+                                            for (let i = 0, l = keys.length; i < l; ++i) {
+                                                if (validKeys.hasKey(keys[i])) {
+                                                    newKeys.push(keys[i]);
+                                                    newValues.push(values[i]);
+                                                }
                                             }
+                                            keys = newKeys;
+                                            values = newValues;
                                         }
-                                        keys = newKeys;
-                                        values = newValues;
                                     }
                                 }
                             }
@@ -4379,49 +4384,59 @@ function createMutationTrackingMiddleware({ currentUserObservable, db, }) {
                                         userId,
                                         values,
                                     }
-                                    : criteria && changeSpec
-                                        ? {
-                                            // Common changeSpec for all keys
-                                            type: 'modify',
-                                            ts,
-                                            opNo,
-                                            keys,
-                                            criteria,
-                                            changeSpec,
-                                            txid,
-                                            userId,
-                                        }
-                                        : changeSpec
+                                    : upsert && updates ? {
+                                        type: 'upsert',
+                                        ts,
+                                        opNo,
+                                        keys,
+                                        values,
+                                        changeSpecs: updates.changeSpecs.filter((_, idx) => !failures[idx]),
+                                        txid,
+                                        userId,
+                                    }
+                                        : criteria && changeSpec
                                             ? {
-                                                // In case criteria involved an unsynced property, we go for keys instead.
-                                                type: 'update',
+                                                // Common changeSpec for all keys
+                                                type: 'modify',
                                                 ts,
                                                 opNo,
                                                 keys,
-                                                changeSpecs: keys.map(() => changeSpec),
+                                                criteria,
+                                                changeSpec,
                                                 txid,
                                                 userId,
                                             }
-                                            : updates
+                                            : changeSpec
                                                 ? {
-                                                    // One changeSpec per key
+                                                    // In case criteria involved an unsynced property, we go for keys instead.
                                                     type: 'update',
                                                     ts,
                                                     opNo,
-                                                    keys: updates.keys,
-                                                    changeSpecs: updates.changeSpecs,
-                                                    txid,
-                                                    userId,
-                                                }
-                                                : {
-                                                    type: 'upsert',
-                                                    ts,
-                                                    opNo,
                                                     keys,
-                                                    values,
+                                                    changeSpecs: keys.map(() => changeSpec),
                                                     txid,
                                                     userId,
-                                                };
+                                                }
+                                                : updates
+                                                    ? {
+                                                        // One changeSpec per key
+                                                        type: 'update',
+                                                        ts,
+                                                        opNo,
+                                                        keys: updates.keys,
+                                                        changeSpecs: updates.changeSpecs,
+                                                        txid,
+                                                        userId,
+                                                    }
+                                                    : {
+                                                        type: 'upsert',
+                                                        ts,
+                                                        opNo,
+                                                        keys,
+                                                        values,
+                                                        txid,
+                                                        userId,
+                                                    };
                             if ('isAdditionalChunk' in req && req.isAdditionalChunk) {
                                 mut.isAdditionalChunk = true;
                             }
@@ -5316,34 +5331,90 @@ const Styles = {
         alignItems: "center",
         display: "flex",
         justifyContent: "center",
+        padding: "16px",
+        boxSizing: "border-box"
     },
     DialogInner: {
         position: "relative",
         color: "#222",
         backgroundColor: "#fff",
-        padding: "30px",
+        padding: "24px",
         marginBottom: "2em",
-        maxWidth: "90%",
+        maxWidth: "400px",
+        width: "100%",
         maxHeight: "90%",
         overflowY: "auto",
         border: "3px solid #3d3d5d",
         borderRadius: "8px",
         boxShadow: "0 0 80px 10px #666",
-        width: "auto",
         fontFamily: "sans-serif",
+        boxSizing: "border-box"
     },
     Input: {
         height: "35px",
-        width: "17em",
+        width: "100%",
+        maxWidth: "100%",
         borderColor: "#ccf4",
         outline: "none",
-        fontSize: "17pt",
-        padding: "8px"
+        fontSize: "16px",
+        padding: "8px",
+        boxSizing: "border-box",
+        backgroundColor: "#f9f9f9",
+        borderRadius: "4px",
+        border: "1px solid #ccc",
+        marginTop: "6px",
+        fontFamily: "inherit"
+    },
+    Button: {
+        padding: "10px 20px",
+        margin: "0 4px",
+        border: "1px solid #d1d5db",
+        borderRadius: "6px",
+        backgroundColor: "#ffffff",
+        cursor: "pointer",
+        fontSize: "14px",
+        fontWeight: "500",
+        color: "#374151",
+        transition: "all 0.2s ease"
+    },
+    PrimaryButton: {
+        padding: "10px 20px",
+        margin: "0 4px",
+        border: "1px solid #3b82f6",
+        borderRadius: "6px",
+        backgroundColor: "#3b82f6",
+        color: "white",
+        cursor: "pointer",
+        fontSize: "14px",
+        fontWeight: "500",
+        transition: "all 0.2s ease"
+    },
+    ButtonsDiv: {
+        display: "flex",
+        justifyContent: "flex-end",
+        gap: "12px",
+        marginTop: "24px",
+        paddingTop: "20px"
+    },
+    Label: {
+        display: "block",
+        marginBottom: "12px",
+        fontSize: "14px",
+        fontWeight: "500",
+        color: "#333"
+    },
+    WindowHeader: {
+        margin: "0 0 20px 0",
+        fontSize: "18px",
+        fontWeight: "600",
+        color: "#333",
+        borderBottom: "1px solid #eee",
+        paddingBottom: "10px"
     }
 };
 
 function Dialog({ children, className }) {
-    return (h("div", { className: className },
+    return (h("div", { className: `dexie-dialog ${className || ''}` },
         h("div", { style: Styles.Darken }),
         h("div", { style: Styles.DialogOuter },
             h("div", { style: Styles.DialogInner }, children))));
@@ -5395,7 +5466,7 @@ function LoginDialog({ title, type, alerts, fields, submitLabel, cancelLabel, on
                     } })))))),
         h("div", { style: Styles.ButtonsDiv },
             h(p$1, null,
-                h("button", { type: "submit", style: Styles.Button, onClick: () => onSubmit(params) }, submitLabel),
+                h("button", { type: "submit", style: Styles.PrimaryButton, onClick: () => onSubmit(params) }, submitLabel),
                 cancelLabel && (h("button", { style: Styles.Button, onClick: onCancel }, cancelLabel))))));
 }
 function valueTransformer(type, value) {
@@ -6197,7 +6268,7 @@ function dexieCloud(dexie) {
     const syncComplete = new Subject();
     dexie.cloud = {
         // @ts-ignore
-        version: "4.2.1",
+        version: "4.2.3",
         options: Object.assign({}, DEFAULT_OPTIONS),
         schema: null,
         get currentUserId() {
@@ -6514,7 +6585,7 @@ function dexieCloud(dexie) {
     }
 }
 // @ts-ignore
-dexieCloud.version = "4.2.1";
+dexieCloud.version = "4.2.3";
 Dexie.Cloud = dexieCloud;
 
 export { dexieCloud as default, defineYDocTrigger, dexieCloud, getTiedObjectId, getTiedRealmId, resolveText };