chore(hydration): move hydration to its own entrypoint

Author: Ephem

.gitignore

@@ -25,5 +25,7 @@ yarn-debug.log*
 yarn-error.log*
 .history
 size-plugin.json
+stats-hydration.json
+stats-react.json
 stats.html
 .vscode/settings.json

hydration.js

@@ -0,0 +1,5 @@
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('./dist/hydration/react-query-hydration.production.min.js')
+} else {
+  module.exports = require('./dist/hydration/react-query-hydration.development.js')
+}

package.json

@@ -19,7 +19,7 @@
     "test:dev": "jest --watch",
     "test:ci": "jest && yarn dtslint",
     "test:coverage": "yarn test:ci; open coverage/lcov-report/index.html",
-    "build": "NODE_ENV=production rollup -c",
+    "build": "NODE_ENV=production rollup -c && rollup-plugin-visualizer stats-react.json stats-hydration.json",
     "now-build": "yarn && cd www && yarn && yarn build",
     "start": "rollup -c -w",
     "release": "yarn publish",

rollup.config.js

@@ -14,6 +14,7 @@ const globals = {
 }
 
 const inputSrc = 'src/react/index.js'
+const hydrationSrc = 'src/hydration/index.js'
 
 export default [
   {
@@ -66,7 +67,66 @@ export default [
       externalDeps(),
       terser(),
       size(),
-      visualizer(),
+      visualizer({
+        filename: 'stats-react.json',
+        json: true,
+      }),
+    ],
+  },
+  {
+    input: hydrationSrc,
+    output: {
+      file: 'dist/hydration/react-query-hydration.mjs',
+      format: 'es',
+      sourcemap: true,
+    },
+    external,
+    plugins: [resolve(), babel(), commonJS(), externalDeps()],
+  },
+  {
+    input: hydrationSrc,
+    output: {
+      file: 'dist/hydration/react-query-hydration.min.mjs',
+      format: 'es',
+      sourcemap: true,
+    },
+    external,
+    plugins: [resolve(), babel(), commonJS(), externalDeps(), terser()],
+  },
+  {
+    input: hydrationSrc,
+    output: {
+      name: 'ReactQueryHydration',
+      file: 'dist/hydration/react-query-hydration.development.js',
+      format: 'umd',
+      sourcemap: true,
+      globals,
+    },
+    external,
+    plugins: [resolve(), babel(), commonJS(), externalDeps()],
+  },
+  {
+    input: hydrationSrc,
+    output: {
+      name: 'ReactQueryHydration',
+      file: 'dist/hydration/react-query-hydration.production.min.js',
+      format: 'umd',
+      sourcemap: true,
+      globals,
+    },
+    external,
+    plugins: [
+      replace({ 'process.env.NODE_ENV': `"production"`, delimiters: ['', ''] }),
+      resolve(),
+      babel(),
+      commonJS(),
+      externalDeps(),
+      terser(),
+      size(),
+      visualizer({
+        filename: 'stats-hydration.json',
+        json: true,
+      }),
     ],
   },
 ]

src/core/config.js

@@ -1,5 +1,8 @@
 import { noop, stableStringify, identity, deepEqual } from './utils'
 
+export const DEFAULT_STALE_TIME = 0
+export const DEFAULT_CACHE_TIME = 5 * 60 * 1000
+
 export const DEFAULT_CONFIG = {
   shared: {
     suspense: false,
@@ -11,8 +14,8 @@ export const DEFAULT_CONFIG = {
     enabled: true,
     retry: 3,
     retryDelay: attemptIndex => Math.min(1000 * 2 ** attemptIndex, 30000),
-    staleTime: 0,
-    cacheTime: 5 * 60 * 1000,
+    staleTime: DEFAULT_STALE_TIME,
+    cacheTime: DEFAULT_CACHE_TIME,
     refetchOnWindowFocus: true,
     refetchInterval: false,
     queryFnParamsFilter: identity,

src/core/index.js

@@ -9,4 +9,3 @@ export {
   setConsole,
   deepIncludes,
 } from './utils'
-export { dehydrateQuery, dehydrate, hydrate } from './hydration'

src/core/hydration.js renamed to src/hydration/hydration.js

@@ -1,5 +1,5 @@
-import { statusSuccess, isServer } from './utils'
-import { defaultConfigRef } from './config'
+import { DEFAULT_STALE_TIME, DEFAULT_CACHE_TIME } from '../core/config'
+import { statusSuccess, isServer } from '../core/utils'
 
 export function dehydrateQuery(query) {
   const dehydratedQuery = {}
@@ -10,10 +10,10 @@ export function dehydrateQuery(query) {
   // in the html-payload, but not consume it on the initial render.
   // We still schedule stale and garbage collection right away, which means
   // we need to specifically include staleTime and cacheTime in dehydration.
-  if (query.config.staleTime !== defaultConfigRef.current.queries.staleTime) {
+  if (query.config.staleTime !== DEFAULT_STALE_TIME) {
     dehydratedQuery.staleTime = query.config.staleTime
   }
-  if (query.config.cacheTime !== defaultConfigRef.current.queries.cacheTime) {
+  if (query.config.cacheTime !== DEFAULT_CACHE_TIME) {
     dehydratedQuery.cacheTime = query.config.cacheTime
   }
   if (query.state.data !== undefined) {

src/hydration/index.js

@@ -0,0 +1 @@
+export { dehydrateQuery, dehydrate, hydrate } from './hydration'

src/core/tests/hydration.test.js renamed to src/hydration/tests/hydration.test.js

@@ -1,5 +1,6 @@
-import { sleep } from './utils'
-import { makeQueryCache, dehydrate, hydrate } from '../'
+import { sleep } from '../../core/tests/utils'
+import { makeQueryCache } from '../../core'
+import { dehydrate, hydrate } from '../hydration'
 
 describe('dehydration and rehydration', () => {
   test('should work with serializeable values', async () => {