feat: Add mockInitialState to /mock

Author: ntucker

.changeset/breezy-humans-go.md

@@ -0,0 +1,19 @@
+---
+'@data-client/core': patch
+'@data-client/react': patch
+---
+
+Add mockInitialState to /mock
+
+```ts
+import { mockInitialState } from '@data-client/react/mock';
+import { ArticleResource } from './resources';
+
+const state = mockInitialState([
+  {
+    endpoint: ArticleResource.get,
+    args: [{ id: 5 }],
+    response: { id: 5, title: 'Hello', content: 'World' },
+  },
+]);
+```

package.json

@@ -24,7 +24,7 @@
     "ci:build": "yarn ci:build:types && yarn workspaces foreach -Wptiv --no-private run build:lib",
     "ci:build:types": "yarn build:copy:ambient && tsc --build",
     "ci:build:legacy-types": "yarn workspaces foreach -WptivR -j 10 --from @data-client/react --from @data-client/rest --from @data-client/graphql run build:legacy-types",
-    "ci:build-test-lib": "yarn workspace @data-client/test run build:lib && yarn workspace @data-client/test run build:bundle",
+    "ci:build-test-lib": "yarn workspace @data-client/core run build:lib && yarn workspace @data-client/test run build:lib && yarn workspace @data-client/test run build:bundle",
     "ci:build:esmodule": "yarn workspaces foreach -WptivR --from @data-client/react --from @data-client/rest --from @data-client/graphql run build:lib && yarn workspace @data-client/normalizr run build:js:node && yarn workspace @data-client/endpoint run build:js:node",
     "ci:build:bundlesize": "yarn workspaces foreach -Wptiv --no-private run build:lib && yarn workspace test-bundlesize run build:sizecompare",
     "build:copy:ambient": "mkdirp ./packages/endpoint/lib && copyfiles --flat ./packages/endpoint/src/schema.d.ts ./packages/endpoint/lib/ && copyfiles --flat ./packages/endpoint/src/endpoint.d.ts ./packages/endpoint/lib/ && mkdirp ./packages/rest/lib && copyfiles --flat ./packages/rest/src/RestEndpoint.d.ts ./packages/rest/lib && copyfiles --flat ./packages/rest/src/next/RestEndpoint.d.ts ./packages/rest/lib/next && mkdirp ./packages/react/lib && copyfiles --flat ./packages/react/src/server/redux/redux.d.ts ./packages/react/lib/server/redux",

packages/core/package.json

@@ -56,9 +56,6 @@
     },
     "./mock": {
       "types": "./lib/mock/index.d.ts",
-      "require": "./lib/mock/index.js",
-      "browser": "./lib/mock/index.js",
-      "react-native": "./lib/mock/index.js",
       "default": "./lib/mock/index.js"
     },
     "./package.json": "./package.json"

packages/core/src/mock/index.ts

@@ -13,3 +13,4 @@ export type {
 } from './fixtureTypes.js';
 export { collapseFixture } from './collapseFixture.js';
 export { createFixtureMap } from './createFixtureMap.js';
+export { default as mockInitialState } from './mockState.js';

packages/core/src/mock/mockState.ts

@@ -0,0 +1,56 @@
+import {
+  SetAction,
+  State,
+  ActionTypes,
+  Controller,
+  createReducer,
+  __INTERNAL__,
+} from '../index.js';
+import type { Fixture } from './fixtureTypes.js';
+
+const { initialState } = __INTERNAL__;
+
+export default function mockInitialState(
+  fixtures: Fixture[] = [],
+): State<unknown> {
+  const actions: SetAction[] = [];
+  const dispatch = (action: any) => {
+    actions.push(action);
+    return Promise.resolve();
+  };
+  const controller = new Controller({ dispatch });
+  const reducer: (
+    state: State<unknown> | undefined,
+    action: ActionTypes,
+  ) => State<unknown> = createReducer(controller);
+
+  fixtures.forEach(fixture => {
+    dispatchFixture(fixture, fixture.args, controller);
+  });
+  return actions.reduce(reducer, initialState);
+}
+
+function dispatchFixture(
+  fixture: Fixture,
+  args: any[],
+  controller: Controller,
+  fetchedAt?: number,
+) {
+  // eslint-disable-next-line prefer-const
+  let { endpoint } = fixture;
+  const { response, error } = fixture;
+  if (controller.resolve) {
+    controller.resolve(endpoint, {
+      args,
+      response,
+      error,
+      fetchedAt: fetchedAt ?? Date.now(),
+    });
+  } else {
+    if (error === true) {
+      controller.setError(endpoint, ...args, response);
+    } else {
+      controller.setResponse(endpoint, ...args, response);
+    }
+  }
+}

packages/react/package.json

@@ -78,6 +78,9 @@
       "redux": [
         "lib/server/redux/index.d.ts"
       ],
+      "mock": [
+        "lib/mock/index.d.ts"
+      ],
       "*": [
         "lib/index.d.ts"
       ]
@@ -95,6 +98,9 @@
       "redux": [
         "ts3.4/server/redux/index.d.ts"
       ],
+      "mock": [
+        "ts3.4/mock/index.d.ts"
+      ],
       "*": [
         "ts3.4/index.d.ts"
       ]
@@ -132,6 +138,10 @@
       "react-native": "./native/server/redux/index.js",
       "default": "./lib/server/redux/index.js"
     },
+    "./mock": {
+      "types": "./lib/mock/index.d.ts",
+      "default": "./lib/mock/index.js"
+    },
     "./package.json": "./package.json"
   },
   "type": "module",

packages/react/src/mock/index.ts

@@ -0,0 +1 @@
+export * from '@data-client/core/mock';

packages/test/src/mockState.ts

@@ -1,56 +1 @@
-import {
-  SetAction,
-  State,
-  ActionTypes,
-  Controller,
-  __INTERNAL__,
-} from '@data-client/react';
-
-import type { Fixture } from './fixtureTypes.js';
-
-const { initialState, createReducer } = __INTERNAL__;
-
-export default function mockInitialState(
-  fixtures: Fixture[] = [],
-): State<unknown> {
-  const actions: SetAction[] = [];
-  const dispatch = (action: any) => {
-    actions.push(action);
-    return Promise.resolve();
-  };
-  const controller = new Controller({ dispatch });
-  const reducer: (
-    state: State<unknown> | undefined,
-    action: ActionTypes,
-  ) => State<unknown> = createReducer(controller);
-
-  fixtures.forEach(fixture => {
-    dispatchFixture(fixture, fixture.args, controller);
-  });
-  return actions.reduce(reducer, initialState);
-}
-
-function dispatchFixture(
-  fixture: Fixture,
-  args: any[],
-  controller: Controller,
-  fetchedAt?: number,
-) {
-  // eslint-disable-next-line prefer-const
-  let { endpoint } = fixture;
-  const { response, error } = fixture;
-  if (controller.resolve) {
-    controller.resolve(endpoint, {
-      args,
-      response,
-      error,
-      fetchedAt: fetchedAt ?? Date.now(),
-    });
-  } else {
-    if (error === true) {
-      controller.setError(endpoint, ...args, response);
-    } else {
-      controller.setResponse(endpoint, ...args, response);
-    }
-  }
-}
+export { mockInitialState as default } from '@data-client/react/mock';

packages/vue/src/test/mockState.ts

@@ -1,56 +1 @@
-import {
-  SetAction,
-  State,
-  ActionTypes,
-  Controller,
-  createReducer,
-  __INTERNAL__,
-} from '@data-client/core';
-import type { Fixture } from '@data-client/core/mock';
-
-const { initialState } = __INTERNAL__;
-
-export default function mockInitialState(
-  fixtures: Fixture[] = [],
-): State<unknown> {
-  const actions: SetAction[] = [];
-  const dispatch = (action: any) => {
-    actions.push(action);
-    return Promise.resolve();
-  };
-  const controller = new Controller({ dispatch });
-  const reducer: (
-    state: State<unknown> | undefined,
-    action: ActionTypes,
-  ) => State<unknown> = createReducer(controller);
-
-  fixtures.forEach(fixture => {
-    dispatchFixture(fixture, fixture.args, controller);
-  });
-  return actions.reduce(reducer, initialState);
-}
-
-function dispatchFixture(
-  fixture: Fixture,
-  args: any[],
-  controller: Controller,
-  fetchedAt?: number,
-) {
-  // eslint-disable-next-line prefer-const
-  let { endpoint } = fixture;
-  const { response, error } = fixture;
-  if (controller.resolve) {
-    controller.resolve(endpoint, {
-      args,
-      response,
-      error,
-      fetchedAt: fetchedAt ?? Date.now(),
-    });
-  } else {
-    if (error === true) {
-      controller.setError(endpoint, ...args, response);
-    } else {
-      controller.setResponse(endpoint, ...args, response);
-    }
-  }
-}
+export { mockInitialState as default } from '@data-client/core/mock';