@khanacademy/wonder-blocks-data 8.0.4 → 9.1.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @khanacademy/wonder-blocks-data
 
+## 9.1.0
+
+### Minor Changes
+
+-   944c3071: Make sure objects and arrays in variables are sorted and readable in generated request identifiers
+
+## 9.0.0
+
+### Major Changes
+
+-   778f8e43: `SharedCache` export added for interacting with the shared in-memory cache. `purgeSharedCache` method has been removed.
+-   778f8e43: Rename `ScopedCache` type to `RawScopedCache`
+
+## 8.0.5
+
+### Patch Changes
+
+-   08238b89: Export the `getGqlDataFromResponse` method so we can use it in custom `gqlFetch` scenarios for a consistent experience
+
 ## 8.0.4
 
 ### Patch Changes

package/dist/es/index.js

@@ -390,13 +390,7 @@ const abortInflightRequests = () => {
 };
 
 const cache$1 = new ScopedInMemoryCache();
-const purgeSharedCache = (scope = "") => {
-  if (scope && typeof scope === "string") {
-    cache$1.purgeScope(scope);
-  } else {
-    cache$1.purgeAll();
-  }
-};
+const SharedCache = cache$1;
 const useSharedCache = (id, scope, initialValue) => {
   if (!id || typeof id !== "string") {
     throw new DataError("id must be a non-empty string", DataErrors.InvalidInput);
@@ -422,7 +416,7 @@ const useSharedCache = (id, scope, initialValue) => {
 };
 
 const purgeCaches = () => {
-  purgeSharedCache();
+  SharedCache.purgeAll();
   purgeHydrationCache();
 };
 
@@ -689,14 +683,27 @@ const InterceptRequests = ({
   }, children);
 };
 
-const toString = valid => {
+const toString = value => {
   var _JSON$stringify;
 
-  if (typeof valid === "string") {
-    return valid;
+  if (typeof value === "string") {
+    return value;
   }
 
-  return (_JSON$stringify = JSON.stringify(valid)) != null ? _JSON$stringify : "";
+  return (_JSON$stringify = JSON.stringify(value)) != null ? _JSON$stringify : "";
+};
+
+const toStringifiedVariables = (acc, key, value) => {
+  if (typeof value === "object" && value !== null) {
+    return Object.entries(value).reduce((innerAcc, [i, v]) => {
+      const subKey = `${key}.${i}`;
+      return toStringifiedVariables(innerAcc, subKey, v);
+    }, acc);
+  } else {
+    acc[key] = toString(value);
+  }
+
+  return acc;
 };
 
 const getGqlRequestId = (operation, variables, context) => {
@@ -708,8 +715,8 @@ const getGqlRequestId = (operation, variables, context) => {
 
   if (variables != null) {
     const stringifiedVariables = Object.keys(variables).reduce((acc, key) => {
-      acc[key] = toString(variables[key]);
-      return acc;
+      const value = variables[key];
+      return toStringifiedVariables(acc, key, value);
     }, {});
     const sortableVariables = new URLSearchParams(stringifiedVariables);
     sortableVariables.sort();
@@ -719,6 +726,71 @@ const getGqlRequestId = (operation, variables, context) => {
   return parts.join("|");
 };
 
+const GqlErrors = Object.freeze({
+  Internal: "Internal",
+  BadResponse: "BadResponse",
+  ErrorResult: "ErrorResult"
+});
+class GqlError extends KindError {
+  constructor(message, kind, {
+    metadata,
+    cause
+  } = {}) {
+    super(message, kind, {
+      metadata,
+      cause,
+      name: "Gql"
+    });
+  }
+
+}
+
+const getGqlDataFromResponse = async response => {
+  const bodyText = await response.text();
+  let result;
+
+  try {
+    result = JSON.parse(bodyText);
+  } catch (e) {
+    throw new DataError("Failed to parse response", DataErrors.Parse, {
+      metadata: {
+        statusCode: response.status,
+        bodyText
+      },
+      cause: e
+    });
+  }
+
+  if (response.status >= 300) {
+    throw new DataError("Response unsuccessful", DataErrors.Network, {
+      metadata: {
+        statusCode: response.status,
+        result
+      }
+    });
+  }
+
+  if (!Object.prototype.hasOwnProperty.call(result, "data") && !Object.prototype.hasOwnProperty.call(result, "errors")) {
+    throw new GqlError("Server response missing", GqlErrors.BadResponse, {
+      metadata: {
+        statusCode: response.status,
+        result
+      }
+    });
+  }
+
+  if (result.errors != null && Array.isArray(result.errors) && result.errors.length > 0) {
+    throw new GqlError("GraphQL errors", GqlErrors.ErrorResult, {
+      metadata: {
+        statusCode: response.status,
+        result
+      }
+    });
+  }
+
+  return result.data;
+};
+
 const DocumentTypes = Object.freeze({
   query: "query",
   mutation: "mutation"
@@ -823,25 +895,6 @@ const mergeGqlContext = (defaultContext, overrides) => {
   }, _extends({}, defaultContext));
 };
 
-const GqlErrors = Object.freeze({
-  Internal: "Internal",
-  BadResponse: "BadResponse",
-  ErrorResult: "ErrorResult"
-});
-class GqlError extends KindError {
-  constructor(message, kind, {
-    metadata,
-    cause
-  } = {}) {
-    super(message, kind, {
-      metadata,
-      cause,
-      name: "Gql"
-    });
-  }
-
-}
-
 const useGqlRouterContext = (contextOverrides = {}) => {
   const gqlRouterContext = useContext(GqlRouterContext);
 
@@ -871,52 +924,6 @@ const useGqlRouterContext = (contextOverrides = {}) => {
   return finalRouterContext;
 };
 
-const getGqlDataFromResponse = async response => {
-  const bodyText = await response.text();
-  let result;
-
-  try {
-    result = JSON.parse(bodyText);
-  } catch (e) {
-    throw new DataError("Failed to parse response", DataErrors.Parse, {
-      metadata: {
-        statusCode: response.status,
-        bodyText
-      },
-      cause: e
-    });
-  }
-
-  if (response.status >= 300) {
-    throw new DataError("Response unsuccessful", DataErrors.Network, {
-      metadata: {
-        statusCode: response.status,
-        result
-      }
-    });
-  }
-
-  if (!Object.prototype.hasOwnProperty.call(result, "data") && !Object.prototype.hasOwnProperty.call(result, "errors")) {
-    throw new GqlError("Server response missing", GqlErrors.BadResponse, {
-      metadata: {
-        statusCode: response.status,
-        result
-      }
-    });
-  }
-
-  if (result.errors != null && Array.isArray(result.errors) && result.errors.length > 0) {
-    throw new GqlError("GraphQL errors", GqlErrors.ErrorResult, {
-      metadata: {
-        statusCode: response.status,
-        result
-      }
-    });
-  }
-
-  return result.data;
-};
-
 const useGql = (context = {}) => {
   const gqlRouterContext = useGqlRouterContext(context);
   const gqlFetch = useCallback((operation, options = Object.freeze({})) => {
@@ -934,4 +941,4 @@ const useGql = (context = {}) => {
   return gqlFetch;
 };
 
-export { Data, DataError, DataErrors, FetchPolicy, GqlError, GqlErrors, GqlRouter, InterceptRequests, ScopedInMemoryCache, SerializableInMemoryCache, Status, TrackData, WhenClientSide, abortInflightRequests, fetchTrackedRequests, getGqlRequestId, graphQLDocumentNodeParser, hasTrackedRequestsToBeFetched, initializeHydrationCache, purgeCaches, purgeHydrationCache, purgeSharedCache, toGqlOperation, useCachedEffect, useGql, useHydratableEffect, useServerEffect, useSharedCache };
+export { Data, DataError, DataErrors, FetchPolicy, GqlError, GqlErrors, GqlRouter, InterceptRequests, ScopedInMemoryCache, SerializableInMemoryCache, SharedCache, Status, TrackData, WhenClientSide, abortInflightRequests, fetchTrackedRequests, getGqlDataFromResponse, getGqlRequestId, graphQLDocumentNodeParser, hasTrackedRequestsToBeFetched, initializeHydrationCache, purgeCaches, purgeHydrationCache, toGqlOperation, useCachedEffect, useGql, useHydratableEffect, useServerEffect, useSharedCache };