refactor: inject the devtools middleware as a built-in middleware

vercel · Jun 26, 2022 · ef610a4 · ef610a4
1 parent f05d933
commit ef610a4
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 8 deletions.
diff --git a/_internal/utils/config.ts b/_internal/utils/config.ts
@@ -8,8 +8,7 @@ import type {
 } from '../types'
 import { stableHash } from './hash'
 import { initCache } from './cache'
-import { preset as webPreset } from './web-preset'
-import { preset as devtoolsPreset } from './devtools'
+import { preset } from './web-preset'
 import { slowConnection } from './env'
 import { isUndefined, noop, mergeObjects } from './helper'
 
@@ -74,6 +73,6 @@ export const defaultConfig: FullConfiguration = mergeObjects(
     mutate,
     fallback: {}
   },
-  // use web and devtools preset by default
-  mergeObjects(webPreset, devtoolsPreset)
+  // use web preset by default
+  preset
 )
diff --git a/_internal/utils/devtools.ts b/_internal/utils/devtools.ts
@@ -1,10 +1,12 @@
 import React from 'react'
 import { isWindowDefined } from './helper'
 
-export const preset = {
+export const middlewares =
   // @ts-expect-error
-  use: isWindowDefined ? window.__SWR_DEVTOOLS_USE__ : []
-}
+  isWindowDefined && window.__SWR_DEVTOOLS_USE__
+    ? // @ts-expect-error
+      window.__SWR_DEVTOOLS_USE__
+    : []
 
 export const setupDevTools = () => {
   if (isWindowDefined) {

diff --git a/_internal/utils/middleware-preset.ts b/_internal/utils/middleware-preset.ts
@@ -1,3 +1,4 @@
+import { middlewares as devtoolMiddlewares } from './devtools'
 import { middleware as preload } from './preload'
 
-export const BUILT_IN_MIDDLEWARE = [preload]
+export const BUILT_IN_MIDDLEWARE = devtoolMiddlewares.concat(preload)