Installed NPM "suspense" package, v0.0.24

package.json

@@ -75,12 +75,12 @@
     "pretty-ms": "^7.0.1",
     "prop-types": "^15.8.1",
     "protocol": "workspace:*",
-    "react": "0.0.0-experimental-1e5245df8-20220817",
+    "react": "0.0.0-experimental-49f741046-20230305",
     "react-canvas-confetti": "^1.3.0",
     "react-circular-progressbar": "^2.0.4",
     "react-devtools-inline": "^4.24.5",
     "react-devtools-inline_4_18_0": "npm:react-devtools-inline@4.18.0",
-    "react-dom": "0.0.0-experimental-1e5245df8-20220817",
+    "react-dom": "0.0.0-experimental-49f741046-20230305",
     "react-is": "^18.2.0",
     "react-json-tree": "^0.18.0",
     "react-json-view": "1.21.3",
@@ -97,7 +97,8 @@
     "replay-next": "workspace:*",
     "reselect": "^4.1.5",
     "shared": "workspace:*",
-    "slugify": "^1.6.5"
+    "slugify": "^1.6.5",
+    "suspense": "^0.0.25"
   },
   "devDependencies": {
     "@babel/core": "^7.17.8",
@@ -241,8 +242,8 @@
     "@babel/types": "7.18.4",
     "graphql": "15.8.0",
     "@auth0/auth0-react": "1.2.0",
-    "react": "0.0.0-experimental-e7d0053e6-20220325",
-    "react-dom": "0.0.0-experimental-e7d0053e6-20220325",
+    "react": "0.0.0-experimental-49f741046-20230305",
+    "react-dom": "0.0.0-experimental-49f741046-20230305",
     "react-is": "18.2.0",
     "ts-invariant": "0.10.3",
     "typescript": "4.6.3",

packages/markerikson-stack-client-prototype/src/features/sources/sourcesSlice.ts

@@ -1,7 +1,6 @@
 import {
   EntityId,
   EntityState,
-  PayloadAction,
   createEntityAdapter,
   createSelector,
   createSlice,

packages/replay-next/components/console/LoggablesContext.tsx

@@ -14,11 +14,7 @@ import { PointsContext } from "replay-next/src/contexts/points/PointsContext";
 import { PointInstance } from "replay-next/src/contexts/points/types";
 import { SessionContext } from "replay-next/src/contexts/SessionContext";
 import { TerminalContext, TerminalExpression } from "replay-next/src/contexts/TerminalContext";
-import {
-  EventLog,
-  getEventPointsSuspense,
-  getInfallibleEventPointsSuspense,
-} from "replay-next/src/suspense/EventsCache";
+import { EventLog, getInfallibleEventPointsSuspense } from "replay-next/src/suspense/EventsCache";
 import {
   UncaughtException,
   getInfallibleExceptionPointsSuspense,
@@ -31,7 +27,6 @@ import { suspendInParallel } from "replay-next/src/utils/suspense";
 import { isExecutionPointsWithinRange } from "replay-next/src/utils/time";
 import { ReplayClientContext } from "shared/client/ReplayClientContext";
 import { POINT_BEHAVIOR_ENABLED } from "shared/client/types";
-import { isThennable } from "shared/proxy/utils";
 import { toPointRange } from "shared/utils/time";
 
 export type Loggable =

packages/replay-next/components/console/filters/FilterToggles.tsx

@@ -1,5 +1,6 @@
 import camelCase from "lodash/camelCase";
 import React, { ReactNode, Suspense, useContext, useMemo } from "react";
+import { isPromiseLike } from "suspense";
 
 import { Badge, Checkbox } from "design";
 import Icon from "replay-next/components/Icon";
@@ -11,7 +12,6 @@ import { CategoryCounts, getMessagesSuspense } from "replay-next/src/suspense/Me
 import { getRecordingCapabilitiesSuspense } from "replay-next/src/suspense/RecordingCache";
 import { isInNodeModules } from "replay-next/src/utils/messages";
 import { ReplayClientContext } from "shared/client/ReplayClientContext";
-import { isThennable } from "shared/proxy/utils";
 import { ProtocolError, isCommandError } from "shared/utils/error";
 import { toPointRange } from "shared/utils/time";
 
@@ -191,7 +191,7 @@ function ExceptionsBadgeSuspends() {
   try {
     getExceptionPointsSuspense(replayClient, toPointRange(focusRange));
   } catch (errorOrPromise) {
-    if (isThennable(errorOrPromise)) {
+    if (isPromiseLike(errorOrPromise)) {
       throw errorOrPromise;
     }
 

packages/replay-next/components/lexical/plugins/typeahead/TypeAheadPopup.tsx

@@ -11,8 +11,7 @@ import {
   LexicalEditor,
 } from "lexical";
 import { ReactNode, useLayoutEffect, useRef, useState } from "react";
-
-import { isThennable } from "shared/proxy/utils";
+import { isPromiseLike } from "suspense";
 
 import { INSERT_ITEM_COMMAND } from "./commands";
 import TypeAheadListRenderer from "./TypeAheadListRenderer";
@@ -52,7 +51,7 @@ export default function TypeAheadPopUpSuspends<Item>({
   try {
     items = findMatches(queryData.query, queryData.queryAdditionalData);
   } catch (errorOrPromise) {
-    if (isThennable(errorOrPromise)) {
+    if (isPromiseLike(errorOrPromise)) {
       throw errorOrPromise;
     }
     console.error("Failed to find matches for the TypeAheadPopup", errorOrPromise);

packages/replay-next/components/sources/utils/getPauseAndFrameId.ts

@@ -4,12 +4,12 @@ import {
   loadedRegions as LoadedRegions,
   PauseId,
 } from "@replayio/protocol";
+import { isPromiseLike } from "suspense";
 
 import { getTopFrameSuspense } from "replay-next/src/suspense/FrameCache";
 import { getPauseIdSuspense } from "replay-next/src/suspense/PauseCache";
 import { createFetchAsyncFromFetchSuspense } from "replay-next/src/utils/suspense";
 import { ReplayClientInterface } from "shared/client/types";
-import { isThennable } from "shared/proxy/utils";
 import { isPointInRegions } from "shared/utils/time";
 
 export function getPauseAndFrameIdSuspends(
@@ -35,12 +35,12 @@ export function getPauseAndFrameIdSuspends(
 
     const topFrame = getTopFrameSuspense(pauseId, replayClient);
     frameId = topFrame?.frameId ?? null;
-  } catch (errorOrThennable) {
-    if (throwOnFail || isThennable(errorOrThennable)) {
-      throw errorOrThennable;
+  } catch (errorOrThenable) {
+    if (throwOnFail || isPromiseLike(errorOrThenable)) {
+      throw errorOrThenable;
     }
 
-    console.error(errorOrThennable);
+    console.error(errorOrThenable);
   }
 
   return { frameId, pauseId };

packages/replay-next/package.json

@@ -25,6 +25,7 @@
     "react-dom": "0.0.0-experimental-e7d0053e6-20220325",
     "react-virtualized-auto-sizer": "^1.0.7",
     "shared": "workspace:*",
+    "suspense": "^0.0.25",
     "uuid": "^7.0.3"
   },
   "devDependencies": {

packages/replay-next/playwright/protocol-fixtures/source-search/should-expand-and-collapse-sources.json

@@ -1 +1 @@
-{"entries":[{"args":["loadedRegionsChange",null],"isAsync":false,"isGetter":false,"prop":"addEventListener","thennable":null},{"args":["loadedRegionsChange",null],"isAsync":false,"isGetter":false,"prop":"removeEventListener","thennable":null},{"args":["c9fffa00-ac71-48bc-adb2-52ae81588e85",null],"isAsync":true,"isGetter":false,"prop":"initialize","result":"ec5f0135-cd32-4c9c-8882-3f101fe0e5f7/707f3735-d736-4aec-a17c-0871d08399d5","thennable":{}},{"args":["ec5f0135-cd32-4c9c-8882-3f101fe0e5f7/707f3735-d736-4aec-a17c-0871d08399d5"],"isAsync":true,"isGetter":false,"prop":"getSessionEndpoint","result":{"point":"14278816360983264424196766271799296","time":8730},"thennable":{}},{"args":[],"isAsync":true,"isGetter":false,"prop":"findSources","result":[{"sourceId":"1","kind":"scriptSource","url":"https://unpkg.com/react-is@18.2.0/umd/react-is.development.js","contentHash":"6d073d6ee12c0831"},{"sourceId":"h1","kind":"html","url":"file:///Users/bvaughn/Documents/git/replay/devtools/packages/replay-next/playwright/fixtures/source-and-console.html","generatedSourceIds":["2"],"contentHash":"a60b61030ada0168"},{"sourceId":"2","kind":"inlineScript","url":"file:///Users/bvaughn/Documents/git/replay/devtools/packages/replay-next/playwright/fixtures/source-and-console.html","contentHash":"32607a7c714ef1b7"}],"thennable":{}},{"args":null,"isAsync":false,"isGetter":true,"prop":"loadedRegions","result":{"loaded":[{"begin":{"point":"0","time":0},"end":{"point":"14278816360983264424196766271799296","time":8730}}],"loading":[{"begin":{"point":"0","time":0},"end":{"point":"14278816360983264424196766271799296","time":8730}}],"indexed":[{"begin":{"point":"0","time":0},"end":{"point":"14278816360983264424196766271799296","time":8730}}]},"thennable":null},{"args":["0"],"isAsync":true,"isGetter":false,"prop":"createPause","result":{"pauseId":"bf4ec3af-5419-45f0-bf6c-6a6d8f386692","data":{}},"thennable":{}},{"args":[],"isAsync":true,"isGetter":false,"prop":"waitForLoadedSources","thennable":{}},{"args":["bf4ec3af-5419-45f0-bf6c-6a6d8f386692"],"isAsync":true,"isGetter":false,"prop":"getTopFrame","result":{"data":{}},"thennable":{}},{"args":[{"begin":0,"end":8730}],"isAsync":true,"isGetter":false,"prop":"requestFocusRange","result":{"window":{"begin":"0","end":"14278816360983264424196766271799296"}},"thennable":{}},{"args":["1"],"isAsync":false,"isGetter":false,"prop":"getCorrespondingSourceIds","result":["1"],"thennable":null},{"args":["h1"],"isAsync":false,"isGetter":false,"prop":"getCorrespondingSourceIds","result":["h1"],"thennable":null},{"args":["h1"],"isAsync":false,"isGetter":false,"prop":"isOriginalSource","result":false,"thennable":null},{"args":["1"],"isAsync":false,"isGetter":false,"prop":"isOriginalSource","result":false,"thennable":null},{"args":["2"],"isAsync":false,"isGetter":false,"prop":"getCorrespondingSourceIds","result":["2"],"thennable":null},{"args":["2"],"isAsync":false,"isGetter":false,"prop":"isOriginalSource","result":false,"thennable":null},{"args":[{"limit":50,"query":"function t","sourceIds":["2","h1","1"]},null],"isAsync":true,"isGetter":false,"prop":"searchSources","thennable":{},"paramCalls":[[1,[[{"location":{"sourceId":"2","line":47,"column":6},"context":"      function throwException() {","contextStart":{"line":1,"column":6},"contextEnd":{"line":1,"column":16}}],false]],[1,[[{"location":{"sourceId":"h1","line":47,"column":6},"context":"      function throwException() {","contextStart":{"line":1,"column":6},"contextEnd":{"line":1,"column":16}},{"location":{"sourceId":"1","line":76,"column":2},"context":"  function typeOf(object) {","contextStart":{"line":1,"column":2},"contextEnd":{"line":1,"column":12}}],false]]]}],"additionalData":{"points":[{"point":"0","time":0},{"point":"14278816360983264424196766271799296","time":8730},{"point":"0","time":0},{"point":"14278816360983264424196766271799296","time":8730},{"point":"0","time":0},{"point":"14278816360983264424196766271799296","time":8730},{"point":"0","time":0},{"point":"14278816360983264424196766271799296","time":8730},{"point":"0","time":0},{"point":"14278816360983264424196766271799296","time":8730}]}}
+{"entries":[{"args":["loadedRegionsChange",null],"isAsync":false,"isGetter":false,"prop":"addEventListener","thenable":null},{"args":["loadedRegionsChange",null],"isAsync":false,"isGetter":false,"prop":"removeEventListener","thenable":null},{"args":["c9fffa00-ac71-48bc-adb2-52ae81588e85",null],"isAsync":true,"isGetter":false,"prop":"initialize","result":"ec5f0135-cd32-4c9c-8882-3f101fe0e5f7/707f3735-d736-4aec-a17c-0871d08399d5","thenable":{}},{"args":["ec5f0135-cd32-4c9c-8882-3f101fe0e5f7/707f3735-d736-4aec-a17c-0871d08399d5"],"isAsync":true,"isGetter":false,"prop":"getSessionEndpoint","result":{"point":"14278816360983264424196766271799296","time":8730},"thenable":{}},{"args":[],"isAsync":true,"isGetter":false,"prop":"findSources","result":[{"sourceId":"1","kind":"scriptSource","url":"https://unpkg.com/react-is@18.2.0/umd/react-is.development.js","contentHash":"6d073d6ee12c0831"},{"sourceId":"h1","kind":"html","url":"file:///Users/bvaughn/Documents/git/replay/devtools/packages/replay-next/playwright/fixtures/source-and-console.html","generatedSourceIds":["2"],"contentHash":"a60b61030ada0168"},{"sourceId":"2","kind":"inlineScript","url":"file:///Users/bvaughn/Documents/git/replay/devtools/packages/replay-next/playwright/fixtures/source-and-console.html","contentHash":"32607a7c714ef1b7"}],"thenable":{}},{"args":null,"isAsync":false,"isGetter":true,"prop":"loadedRegions","result":{"loaded":[{"begin":{"point":"0","time":0},"end":{"point":"14278816360983264424196766271799296","time":8730}}],"loading":[{"begin":{"point":"0","time":0},"end":{"point":"14278816360983264424196766271799296","time":8730}}],"indexed":[{"begin":{"point":"0","time":0},"end":{"point":"14278816360983264424196766271799296","time":8730}}]},"thenable":null},{"args":["0"],"isAsync":true,"isGetter":false,"prop":"createPause","result":{"pauseId":"bf4ec3af-5419-45f0-bf6c-6a6d8f386692","data":{}},"thenable":{}},{"args":[],"isAsync":true,"isGetter":false,"prop":"waitForLoadedSources","thenable":{}},{"args":["bf4ec3af-5419-45f0-bf6c-6a6d8f386692"],"isAsync":true,"isGetter":false,"prop":"getTopFrame","result":{"data":{}},"thenable":{}},{"args":[{"begin":0,"end":8730}],"isAsync":true,"isGetter":false,"prop":"requestFocusRange","result":{"window":{"begin":"0","end":"14278816360983264424196766271799296"}},"thenable":{}},{"args":["1"],"isAsync":false,"isGetter":false,"prop":"getCorrespondingSourceIds","result":["1"],"thenable":null},{"args":["h1"],"isAsync":false,"isGetter":false,"prop":"getCorrespondingSourceIds","result":["h1"],"thenable":null},{"args":["h1"],"isAsync":false,"isGetter":false,"prop":"isOriginalSource","result":false,"thenable":null},{"args":["1"],"isAsync":false,"isGetter":false,"prop":"isOriginalSource","result":false,"thenable":null},{"args":["2"],"isAsync":false,"isGetter":false,"prop":"getCorrespondingSourceIds","result":["2"],"thenable":null},{"args":["2"],"isAsync":false,"isGetter":false,"prop":"isOriginalSource","result":false,"thenable":null},{"args":[{"limit":50,"query":"function t","sourceIds":["2","h1","1"]},null],"isAsync":true,"isGetter":false,"prop":"searchSources","thenable":{},"paramCalls":[[1,[[{"location":{"sourceId":"2","line":47,"column":6},"context":"      function throwException() {","contextStart":{"line":1,"column":6},"contextEnd":{"line":1,"column":16}}],false]],[1,[[{"location":{"sourceId":"h1","line":47,"column":6},"context":"      function throwException() {","contextStart":{"line":1,"column":6},"contextEnd":{"line":1,"column":16}},{"location":{"sourceId":"1","line":76,"column":2},"context":"  function typeOf(object) {","contextStart":{"line":1,"column":2},"contextEnd":{"line":1,"column":12}}],false]]]}],"additionalData":{"points":[{"point":"0","time":0},{"point":"14278816360983264424196766271799296","time":8730},{"point":"0","time":0},{"point":"14278816360983264424196766271799296","time":8730},{"point":"0","time":0},{"point":"14278816360983264424196766271799296","time":8730},{"point":"0","time":0},{"point":"14278816360983264424196766271799296","time":8730},{"point":"0","time":0},{"point":"14278816360983264424196766271799296","time":8730}]}}