@livestore/react 0.3.0-dev.11 → 0.3.0-dev.5

package/src/__snapshots__/useRow.test.tsx.snap

@@ -1,6 +1,6 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`useRow > otel > should update the data based on component key strictMode={ strictMode: false } 1`] = `
+exports[`useRow > otel > should update the data based on component key > strictMode=false 1`] = `
 {
   "_name": "createStore",
   "attributes": {
@@ -21,6 +21,25 @@ exports[`useRow > otel > should update the data based on component key strictMod
     ",
       },
     },
+    {
+      "_name": "LiveStore:createStore",
+    },
+    {
+      "_name": "sql-in-memory-select",
+      "attributes": {
+        "sql.cached": false,
+        "sql.query": "SELECT 1 FROM 'UserInfo' WHERE id = ?",
+        "sql.rowsCount": 0,
+      },
+    },
+    {
+      "_name": "sql-in-memory-select",
+      "attributes": {
+        "sql.cached": false,
+        "sql.query": "SELECT 1 FROM 'UserInfo' WHERE id = ?",
+        "sql.rowsCount": 1,
+      },
+    },
     {
       "_name": "LiveStore:sync",
     },
@@ -30,17 +49,22 @@ exports[`useRow > otel > should update the data based on component key strictMod
         {
           "_name": "LiveStore:mutate",
           "attributes": {
-            "livestore.mutationEventTags": [
-              "_Derived_Create_UserInfo",
-            ],
-            "livestore.mutationEventsCount": 1,
+            "livestore.mutateLabel": "mutate",
           },
           "children": [
             {
-              "_name": "livestore.in-memory-db:execute",
+              "_name": "LiveStore:mutate:applyMutations",
               "attributes": {
-                "sql.query": "INSERT INTO UserInfo (username, text, id) VALUES ($username, $text, $id)",
+                "livestore.mutateLabel": "mutate",
               },
+              "children": [
+                {
+                  "_name": "livestore.in-memory-db:execute",
+                  "attributes": {
+                    "sql.query": "INSERT INTO UserInfo (id, username) VALUES ('u2', 'username_u2')",
+                  },
+                },
+              ],
             },
           ],
         },
@@ -50,67 +74,60 @@ exports[`useRow > otel > should update the data based on component key strictMod
       "_name": "LiveStore:queries",
       "children": [
         {
-          "_name": "LiveStore:useRow:UserInfo:u1",
+          "_name": "db:SELECT * FROM 'UserInfo' WHERE id = ?",
           "attributes": {
-            "firstStackInfo": "{"frames":[{"name":"renderHook.wrapper","filePath":"__REPLACED_FOR_SNAPSHOT__"},{"name":"useRow","filePath":"__REPLACED_FOR_SNAPSHOT__"}]}",
-            "label": "SELECT * FROM 'UserInfo' WHERE id = ?",
+            "sql.query": "SELECT * FROM 'UserInfo' WHERE id = ?",
+            "sql.rowsCount": 1,
           },
           "children": [
             {
               "_name": "sql-in-memory-select",
               "attributes": {
                 "sql.cached": false,
-                "sql.query": "SELECT 1 FROM 'UserInfo' WHERE id = ?",
-                "sql.rowsCount": 0,
+                "sql.query": "SELECT * FROM 'UserInfo' WHERE id = ?",
+                "sql.rowsCount": 1,
               },
             },
+          ],
+        },
+        {
+          "_name": "LiveStore:useRow:UserInfo:u1",
+          "attributes": {
+            "id": "u1",
+          },
+          "children": [
             {
               "_name": "LiveStore:mutate",
               "attributes": {
-                "livestore.mutateLabel": "rowQuery:UserInfo:u1",
-                "livestore.mutationEventTags": [
-                  "_Derived_Create_UserInfo",
-                ],
-                "livestore.mutationEventsCount": 1,
+                "livestore.mutateLabel": "mutate",
               },
               "children": [
                 {
-                  "_name": "livestore.in-memory-db:execute",
+                  "_name": "LiveStore:mutate:applyMutations",
                   "attributes": {
-                    "sql.query": "INSERT INTO UserInfo (username, text, id) VALUES ($username, $text, $id)",
-                  },
-                },
-              ],
-            },
-            {
-              "_name": "db:SELECT * FROM 'UserInfo' WHERE id = ?",
-              "attributes": {
-                "livestore.debugRefreshReason": "useQuery:initial-run:row:UserInfo:u1",
-                "sql.query": "SELECT * FROM 'UserInfo' WHERE id = ?",
-                "sql.rowsCount": 1,
-              },
-              "children": [
-                {
-                  "_name": "sql-in-memory-select",
-                  "attributes": {
-                    "sql.cached": false,
-                    "sql.query": "SELECT * FROM 'UserInfo' WHERE id = ?",
-                    "sql.rowsCount": 1,
+                    "livestore.mutateLabel": "mutate",
                   },
+                  "children": [
+                    {
+                      "_name": "livestore.in-memory-db:execute",
+                      "attributes": {
+                        "sql.query": "INSERT INTO UserInfo (username, text, id) VALUES ($username, $text, $id)",
+                      },
+                    },
+                  ],
                 },
               ],
             },
             {
-              "_name": "LiveStore.subscribe",
+              "_name": "LiveStore:useQuery:db(row:UserInfo:u1)",
               "attributes": {
-                "label": "row:UserInfo:u1",
-                "queryLabel": "row:UserInfo:u1",
+                "label": "db(row:UserInfo:u1)",
+                "stackInfo": "{"frames":[{"name":"renderHook.wrapper","filePath":"__REPLACED_FOR_SNAPSHOT__"},{"name":"useRow","filePath":"__REPLACED_FOR_SNAPSHOT__"}]}",
               },
               "children": [
                 {
                   "_name": "db:SELECT * FROM 'UserInfo' WHERE id = ?",
                   "attributes": {
-                    "livestore.debugRefreshReason": "mutate",
                     "sql.query": "SELECT * FROM 'UserInfo' WHERE id = ?",
                     "sql.rowsCount": 1,
                   },
@@ -125,6 +142,13 @@ exports[`useRow > otel > should update the data based on component key strictMod
                     },
                   ],
                 },
+                {
+                  "_name": "LiveStore.subscribe",
+                  "attributes": {
+                    "label": "db(row:UserInfo:u1)",
+                    "queryLabel": "db(row:UserInfo:u1)",
+                  },
+                },
               ],
             },
           ],
@@ -132,47 +156,19 @@ exports[`useRow > otel > should update the data based on component key strictMod
         {
           "_name": "LiveStore:useRow:UserInfo:u2",
           "attributes": {
-            "firstStackInfo": "{"frames":[{"name":"renderHook.wrapper","filePath":"__REPLACED_FOR_SNAPSHOT__"},{"name":"useRow","filePath":"__REPLACED_FOR_SNAPSHOT__"}]}",
-            "label": "SELECT * FROM 'UserInfo' WHERE id = ?",
+            "id": "u2",
           },
           "children": [
             {
-              "_name": "sql-in-memory-select",
+              "_name": "LiveStore:useQuery:db(row:UserInfo:u2)",
               "attributes": {
-                "sql.cached": false,
-                "sql.query": "SELECT 1 FROM 'UserInfo' WHERE id = ?",
-                "sql.rowsCount": 1,
-              },
-            },
-            {
-              "_name": "db:SELECT * FROM 'UserInfo' WHERE id = ?",
-              "attributes": {
-                "livestore.debugRefreshReason": "useQuery:initial-run:row:UserInfo:u2",
-                "sql.query": "SELECT * FROM 'UserInfo' WHERE id = ?",
-                "sql.rowsCount": 1,
-              },
-              "children": [
-                {
-                  "_name": "sql-in-memory-select",
-                  "attributes": {
-                    "sql.cached": false,
-                    "sql.query": "SELECT * FROM 'UserInfo' WHERE id = ?",
-                    "sql.rowsCount": 1,
-                  },
-                },
-              ],
-            },
-            {
-              "_name": "LiveStore.subscribe",
-              "attributes": {
-                "label": "row:UserInfo:u2",
-                "queryLabel": "row:UserInfo:u2",
+                "label": "db(row:UserInfo:u2)",
+                "stackInfo": "{"frames":[{"name":"renderHook.wrapper","filePath":"__REPLACED_FOR_SNAPSHOT__"},{"name":"useRow","filePath":"__REPLACED_FOR_SNAPSHOT__"}]}",
               },
               "children": [
                 {
                   "_name": "db:SELECT * FROM 'UserInfo' WHERE id = ?",
                   "attributes": {
-                    "livestore.debugRefreshReason": "subscribe-initial-run:row:UserInfo:u2",
                     "sql.query": "SELECT * FROM 'UserInfo' WHERE id = ?",
                     "sql.rowsCount": 1,
                   },
@@ -180,13 +176,20 @@ exports[`useRow > otel > should update the data based on component key strictMod
                     {
                       "_name": "sql-in-memory-select",
                       "attributes": {
-                        "sql.cached": true,
+                        "sql.cached": false,
                         "sql.query": "SELECT * FROM 'UserInfo' WHERE id = ?",
                         "sql.rowsCount": 1,
                       },
                     },
                   ],
                 },
+                {
+                  "_name": "LiveStore.subscribe",
+                  "attributes": {
+                    "label": "db(row:UserInfo:u2)",
+                    "queryLabel": "db(row:UserInfo:u2)",
+                  },
+                },
               ],
             },
           ],
@@ -197,7 +200,7 @@ exports[`useRow > otel > should update the data based on component key strictMod
 }
 `;
 
-exports[`useRow > otel > should update the data based on component key strictMode={ strictMode: true } 1`] = `
+exports[`useRow > otel > should update the data based on component key > strictMode=true 1`] = `
 {
   "_name": "createStore",
   "attributes": {
@@ -218,6 +221,25 @@ exports[`useRow > otel > should update the data based on component key strictMod
     ",
       },
     },
+    {
+      "_name": "LiveStore:createStore",
+    },
+    {
+      "_name": "sql-in-memory-select",
+      "attributes": {
+        "sql.cached": false,
+        "sql.query": "SELECT 1 FROM 'UserInfo' WHERE id = ?",
+        "sql.rowsCount": 0,
+      },
+    },
+    {
+      "_name": "sql-in-memory-select",
+      "attributes": {
+        "sql.cached": false,
+        "sql.query": "SELECT 1 FROM 'UserInfo' WHERE id = ?",
+        "sql.rowsCount": 1,
+      },
+    },
     {
       "_name": "LiveStore:sync",
     },
@@ -227,17 +249,22 @@ exports[`useRow > otel > should update the data based on component key strictMod
         {
           "_name": "LiveStore:mutate",
           "attributes": {
-            "livestore.mutationEventTags": [
-              "_Derived_Create_UserInfo",
-            ],
-            "livestore.mutationEventsCount": 1,
+            "livestore.mutateLabel": "mutate",
           },
           "children": [
             {
-              "_name": "livestore.in-memory-db:execute",
+              "_name": "LiveStore:mutate:applyMutations",
               "attributes": {
-                "sql.query": "INSERT INTO UserInfo (username, text, id) VALUES ($username, $text, $id)",
+                "livestore.mutateLabel": "mutate",
               },
+              "children": [
+                {
+                  "_name": "livestore.in-memory-db:execute",
+                  "attributes": {
+                    "sql.query": "INSERT INTO UserInfo (id, username) VALUES ('u2', 'username_u2')",
+                  },
+                },
+              ],
             },
           ],
         },
@@ -247,67 +274,60 @@ exports[`useRow > otel > should update the data based on component key strictMod
       "_name": "LiveStore:queries",
       "children": [
         {
-          "_name": "LiveStore:useRow:UserInfo:u1",
+          "_name": "db:SELECT * FROM 'UserInfo' WHERE id = ?",
           "attributes": {
-            "firstStackInfo": "{"frames":[{"name":"renderHook.wrapper","filePath":"__REPLACED_FOR_SNAPSHOT__"},{"name":"useRow","filePath":"__REPLACED_FOR_SNAPSHOT__"}]}",
-            "label": "SELECT * FROM 'UserInfo' WHERE id = ?",
+            "sql.query": "SELECT * FROM 'UserInfo' WHERE id = ?",
+            "sql.rowsCount": 1,
           },
           "children": [
             {
               "_name": "sql-in-memory-select",
               "attributes": {
                 "sql.cached": false,
-                "sql.query": "SELECT 1 FROM 'UserInfo' WHERE id = ?",
-                "sql.rowsCount": 0,
+                "sql.query": "SELECT * FROM 'UserInfo' WHERE id = ?",
+                "sql.rowsCount": 1,
               },
             },
+          ],
+        },
+        {
+          "_name": "LiveStore:useRow:UserInfo:u1",
+          "attributes": {
+            "id": "u1",
+          },
+          "children": [
             {
               "_name": "LiveStore:mutate",
               "attributes": {
-                "livestore.mutateLabel": "rowQuery:UserInfo:u1",
-                "livestore.mutationEventTags": [
-                  "_Derived_Create_UserInfo",
-                ],
-                "livestore.mutationEventsCount": 1,
+                "livestore.mutateLabel": "mutate",
               },
               "children": [
                 {
-                  "_name": "livestore.in-memory-db:execute",
+                  "_name": "LiveStore:mutate:applyMutations",
                   "attributes": {
-                    "sql.query": "INSERT INTO UserInfo (username, text, id) VALUES ($username, $text, $id)",
-                  },
-                },
-              ],
-            },
-            {
-              "_name": "db:SELECT * FROM 'UserInfo' WHERE id = ?",
-              "attributes": {
-                "livestore.debugRefreshReason": "useQuery:initial-run:row:UserInfo:u1",
-                "sql.query": "SELECT * FROM 'UserInfo' WHERE id = ?",
-                "sql.rowsCount": 1,
-              },
-              "children": [
-                {
-                  "_name": "sql-in-memory-select",
-                  "attributes": {
-                    "sql.cached": false,
-                    "sql.query": "SELECT * FROM 'UserInfo' WHERE id = ?",
-                    "sql.rowsCount": 1,
+                    "livestore.mutateLabel": "mutate",
                   },
+                  "children": [
+                    {
+                      "_name": "livestore.in-memory-db:execute",
+                      "attributes": {
+                        "sql.query": "INSERT INTO UserInfo (username, text, id) VALUES ($username, $text, $id)",
+                      },
+                    },
+                  ],
                 },
               ],
             },
             {
-              "_name": "LiveStore.subscribe",
+              "_name": "LiveStore:useQuery:db(row:UserInfo:u1)",
               "attributes": {
-                "label": "row:UserInfo:u1",
-                "queryLabel": "row:UserInfo:u1",
+                "label": "db(row:UserInfo:u1)",
+                "stackInfo": "{"frames":[{"name":"renderHook.wrapper","filePath":"__REPLACED_FOR_SNAPSHOT__"},{"name":"useRow","filePath":"__REPLACED_FOR_SNAPSHOT__"}]}",
               },
               "children": [
                 {
                   "_name": "db:SELECT * FROM 'UserInfo' WHERE id = ?",
                   "attributes": {
-                    "livestore.debugRefreshReason": "mutate",
                     "sql.query": "SELECT * FROM 'UserInfo' WHERE id = ?",
                     "sql.rowsCount": 1,
                   },
@@ -322,6 +342,20 @@ exports[`useRow > otel > should update the data based on component key strictMod
                     },
                   ],
                 },
+                {
+                  "_name": "LiveStore.subscribe",
+                  "attributes": {
+                    "label": "db(row:UserInfo:u1)",
+                    "queryLabel": "db(row:UserInfo:u1)",
+                  },
+                },
+                {
+                  "_name": "LiveStore.subscribe",
+                  "attributes": {
+                    "label": "db(row:UserInfo:u1)",
+                    "queryLabel": "db(row:UserInfo:u1)",
+                  },
+                },
               ],
             },
           ],
@@ -331,225 +365,3 @@ exports[`useRow > otel > should update the data based on component key strictMod
   ],
 }
 `;
-
-exports[`useRow > should update the data based on component key 1`] = `
-{
-  "atoms": [
-    {
-      "_tag": "ref",
-      "id": "node-1",
-      "isDestroyed": false,
-      "isDirty": false,
-      "label": "tableRef:todos",
-      "meta": {
-        "liveStoreRefType": "table",
-      },
-      "previousResult": {
-        "_tag": "Some",
-        "value": "null",
-      },
-      "refreshes": 0,
-      "sub": [],
-      "super": [],
-    },
-    {
-      "_tag": "ref",
-      "id": "node-2",
-      "isDestroyed": false,
-      "isDirty": false,
-      "label": "tableRef:app",
-      "meta": {
-        "liveStoreRefType": "table",
-      },
-      "previousResult": {
-        "_tag": "Some",
-        "value": "null",
-      },
-      "refreshes": 0,
-      "sub": [],
-      "super": [],
-    },
-    {
-      "_tag": "ref",
-      "id": "node-3",
-      "isDestroyed": false,
-      "isDirty": false,
-      "label": "tableRef:UserInfo",
-      "meta": {
-        "liveStoreRefType": "table",
-      },
-      "previousResult": {
-        "_tag": "Some",
-        "value": "null",
-      },
-      "refreshes": 1,
-      "sub": [],
-      "super": [
-        "node-5",
-      ],
-    },
-    {
-      "_tag": "ref",
-      "id": "node-4",
-      "isDestroyed": false,
-      "isDirty": false,
-      "label": "tableRef:AppRouter",
-      "meta": {
-        "liveStoreRefType": "table",
-      },
-      "previousResult": {
-        "_tag": "Some",
-        "value": "null",
-      },
-      "refreshes": 0,
-      "sub": [],
-      "super": [],
-    },
-    {
-      "_tag": "thunk",
-      "id": "node-5",
-      "isDestroyed": false,
-      "isDirty": false,
-      "label": "row:UserInfo:u1:results",
-      "meta": {
-        "liveStoreThunkType": "db.result",
-      },
-      "previousResult": {
-        "_tag": "Some",
-        "value": "{"username":"","text":"","id":"u1"}",
-      },
-      "recomputations": 1,
-      "sub": [
-        "node-3",
-      ],
-      "super": [
-        "node-6",
-      ],
-    },
-  ],
-  "deferredEffects": [],
-  "effects": [
-    {
-      "_tag": "effect",
-      "id": "node-6",
-      "invocations": 1,
-      "isDestroyed": false,
-      "label": "subscribe:row:UserInfo:u1",
-      "sub": [
-        "node-5",
-      ],
-    },
-  ],
-}
-`;
-
-exports[`useRow > should update the data based on component key 2`] = `
-{
-  "atoms": [
-    {
-      "_tag": "ref",
-      "id": "node-1",
-      "isDestroyed": false,
-      "isDirty": false,
-      "label": "tableRef:todos",
-      "meta": {
-        "liveStoreRefType": "table",
-      },
-      "previousResult": {
-        "_tag": "Some",
-        "value": "null",
-      },
-      "refreshes": 0,
-      "sub": [],
-      "super": [],
-    },
-    {
-      "_tag": "ref",
-      "id": "node-2",
-      "isDestroyed": false,
-      "isDirty": false,
-      "label": "tableRef:app",
-      "meta": {
-        "liveStoreRefType": "table",
-      },
-      "previousResult": {
-        "_tag": "Some",
-        "value": "null",
-      },
-      "refreshes": 0,
-      "sub": [],
-      "super": [],
-    },
-    {
-      "_tag": "ref",
-      "id": "node-3",
-      "isDestroyed": false,
-      "isDirty": false,
-      "label": "tableRef:UserInfo",
-      "meta": {
-        "liveStoreRefType": "table",
-      },
-      "previousResult": {
-        "_tag": "Some",
-        "value": "null",
-      },
-      "refreshes": 2,
-      "sub": [],
-      "super": [
-        "node-7",
-      ],
-    },
-    {
-      "_tag": "ref",
-      "id": "node-4",
-      "isDestroyed": false,
-      "isDirty": false,
-      "label": "tableRef:AppRouter",
-      "meta": {
-        "liveStoreRefType": "table",
-      },
-      "previousResult": {
-        "_tag": "Some",
-        "value": "null",
-      },
-      "refreshes": 0,
-      "sub": [],
-      "super": [],
-    },
-    {
-      "_tag": "thunk",
-      "id": "node-7",
-      "isDestroyed": false,
-      "isDirty": false,
-      "label": "row:UserInfo:u2:results",
-      "meta": {
-        "liveStoreThunkType": "db.result",
-      },
-      "previousResult": {
-        "_tag": "Some",
-        "value": "{"username":"username_u2","text":"","id":"u2"}",
-      },
-      "recomputations": 2,
-      "sub": [
-        "node-3",
-      ],
-      "super": [
-        "node-8",
-      ],
-    },
-  ],
-  "deferredEffects": [],
-  "effects": [
-    {
-      "_tag": "effect",
-      "id": "node-8",
-      "invocations": 1,
-      "isDestroyed": false,
-      "label": "subscribe:row:UserInfo:u2",
-      "sub": [
-        "node-7",
-      ],
-    },
-  ],
-}
-`;