@thoughtbot/superglue 0.54.0 → 1.0.0

package/dist/chunk-LGUVOEZ3.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../lib/utils/url.ts","../lib/utils/helpers.ts","../lib/utils/immutability.ts","../lib/utils/request.ts","../lib/config.ts","../lib/utils/ujs.ts","../lib/utils/window.ts","../lib/action_creators/index.ts","../lib/actions.ts","../lib/action_creators/requests.ts"],"sourcesContent":["import parse from 'url-parse'\nimport { PageKey } from '../types'\n\nexport function pathQuery(url: string): string {\n  const { pathname, query } = new parse(url, {})\n\n  return pathname + query\n}\n\nexport function pathQueryHash(url: string): string {\n  const { pathname, query, hash } = new parse(url, {})\n\n  return pathname + query + hash\n}\n\nexport function hasPropsAt(url: string): boolean {\n  const parsed = new parse(url, {}, true)\n  const query = parsed.query\n\n  return !!query['props_at']\n}\n\nexport function propsAtParam(url: string): string | undefined {\n  const parsed = new parse(url, {}, true)\n  const query = parsed.query\n\n  return query['props_at']\n}\n\nexport function withFormatJson(url: string): string {\n  const parsed = new parse(url, {}, true)\n  parsed.query['format'] = 'json'\n\n  return parsed.toString()\n}\n\nexport function pathWithoutBZParams(url: string): string {\n  const parsed = new parse(url, {}, true)\n  const query = parsed.query\n\n  delete query['props_at']\n  delete query['format']\n  parsed.set('query', query)\n\n  return pathQueryHash(parsed.toString())\n}\n\nexport function removePropsAt(url: string): string {\n  const parsed = new parse(url, {}, true)\n  const query = parsed.query\n\n  delete query['props_at']\n  parsed.set('query', query)\n\n  return parsed.toString()\n}\n\n/**\n * Converts a url to a PageKey.\n *\n * @param url\n * @returns\n */\nexport function urlToPageKey(url: string): PageKey {\n  const parsed = new parse(url, {}, true)\n  const query = parsed.query\n\n  delete query['props_at']\n  delete query['format']\n  parsed.set('query', query)\n\n  return pathQuery(parsed.toString())\n}\n\nexport function withoutHash(url: string): string {\n  const parsed = new parse(url, {}, true)\n  parsed.set('hash', '')\n  return parsed.toString()\n}\n\nexport function withoutBusters(url: string): string {\n  const parsed = new parse(url, {}, true)\n  const query = parsed.query\n  delete query['format']\n  parsed.set('query', query)\n\n  return pathQuery(parsed.toString())\n}\n\nexport function formatForXHR(url: string): string {\n  const formats = [withoutHash, withFormatJson]\n\n  return formats.reduce((memo, f) => f(memo), url)\n}\n\nexport function parsePageKey(pageKey: PageKey) {\n  const { pathname, query } = new parse(pageKey, {}, true)\n\n  return {\n    pathname,\n    search: query,\n  }\n}\n","import { GraftResponse, HistoryState, VisitResponse } from '../types'\nimport { urlToPageKey } from './url'\n\nexport function isGraft(page: GraftResponse | VisitResponse): boolean {\n  return 'action' in page && page.action === 'graft'\n}\n\nexport function extractNodeAndPath(page: GraftResponse): {\n  node: unknown\n  pathToNode: string\n} {\n  const { data: node, action, path: pathToNode } = page\n\n  if (action === 'graft') {\n    return { node, pathToNode }\n  } else {\n    const errMsg =\n      'Expected page to be a graft response rendered from node filtering.'\n    throw new Error(errMsg)\n  }\n}\n\nexport function argsForHistory(path: string): [string, HistoryState] {\n  const pageKey = urlToPageKey(path)\n\n  return [\n    path,\n    {\n      superglue: true,\n      pageKey,\n      posX: 0,\n      posY: 0,\n    },\n  ]\n}\n","// These were taken from Scour.js\n// Then, modified to respect the id=0 keypath\n\nimport { JSONMappable, JSONValue, Keypath } from '../types'\n\nconst canLookAhead = /^[\\da-zA-Z\\-_]+=[\\da-zA-Z\\-_]+$/\n\nclass KeyPathError extends Error {\n  constructor(message: string) {\n    super(message)\n    this.name = 'KeyPathError'\n  }\n}\n\n/**\n * Retrieves data from a JSON object using a {@link Keypath}\n *\n * @param node\n * @param path\n * @returns\n */\nfunction getIn(node: JSONMappable, path: Keypath): JSONValue {\n  const keyPath = normalizeKeyPath(path)\n  let result: JSONValue = node\n  let i: number\n\n  for (i = 0; i < keyPath.length; i++) {\n    const key = keyPath[i]\n\n    if (typeof result === 'object' && result !== null) {\n      if (!Array.isArray(result) && canLookAhead.test(key)) {\n        throw new KeyPathError(\n          `Expected to find an Array when using the key: ${key}`\n        )\n      }\n\n      result = atKey(result, key)\n    } else {\n      throw new KeyPathError(\n        `Expected to traverse an Array or Obj, got ${JSON.stringify(result)}`\n      )\n    }\n  }\n\n  if (i === keyPath.length) {\n    return result\n  } else {\n    return undefined\n  }\n}\n\nfunction clone(node: JSONMappable): JSONMappable {\n  return Array.isArray(node) ? [].slice.call(node) : { ...node }\n}\n\nfunction getKey(node: JSONMappable, key: string): string | number | never {\n  if (Array.isArray(node) && Number.isNaN(Number(key))) {\n    const key_parts = Array.from(key.split('='))\n    const attr = key_parts[0]\n    const id = key_parts[1]\n\n    if (!id || !attr) {\n      return key\n    }\n\n    let i: number\n    let child: JSONValue\n\n    for (i = 0; i < node.length; i++) {\n      child = node[i]\n      if (\n        typeof child === 'object' &&\n        !Array.isArray(child) &&\n        child !== null\n      ) {\n        const val = child[attr]\n        if (val && val.toString() === id) {\n          break\n        }\n      } else {\n        throw new KeyPathError(`Could not look ahead ${key} at ${child}`)\n      }\n    }\n\n    if (i === node.length) {\n      throw new KeyPathError(`Could not find ${key} while looking ahead`)\n    }\n\n    return i\n  } else {\n    return key\n  }\n}\n\nfunction atKey(node: JSONMappable, key: string) {\n  const actualKey = getKey(node, key)\n\n  if (Array.isArray(node)) {\n    return node[actualKey as number]\n  } else {\n    return node[actualKey]\n  }\n}\n\nfunction normalizeKeyPath(path: string): string[] {\n  if (typeof path === 'string') {\n    path = path.replace(/ /g, '')\n    if (path === '') {\n      return []\n    }\n\n    return path.split('.')\n  } else {\n    return path\n  }\n}\n/**\n * Sets data into a JSON object using a {@link Keypath}\n *\n * @param object\n * @param path\n * @param value\n * @returns\n */\nfunction setIn<T extends JSONMappable>(\n  object: T,\n  path: string,\n  value: JSONValue\n): T | never {\n  const keypath = normalizeKeyPath(path)\n\n  const results: {\n    0: T\n    [key: number]: JSONValue\n  } = { 0: object }\n\n  const parents: {\n    0: T\n    [key: number]: JSONValue\n  } = { 0: object }\n\n  let i: number\n\n  for (i = 0; i < keypath.length; i++) {\n    const parent = parents[i]\n\n    if (!(typeof parent === 'object' && parent !== null)) {\n      throw new KeyPathError(\n        `Expected to traverse an Array or Obj, got ${JSON.stringify(parent)}`\n      )\n    }\n\n    const child = atKey(parent, keypath[i])\n    parents[i + 1] = child\n  }\n\n  results[keypath.length] = value\n\n  for (i = keypath.length - 1; i >= 0; i--) {\n    // Parents will always have a JSONValue at\n    // keypath.length so this loop skips that one element\n    // Every other element in parents is a JSONMappable\n    const target = clone(parents[i] as JSONMappable)\n    results[i] = target\n    const key = getKey(results[i] as JSONMappable, keypath[i])\n    if (Array.isArray(target)) {\n      target[key as number] = results[i + 1]\n    } else {\n      target[key] = results[i + 1]\n    }\n  }\n\n  return results[0]\n}\n\nexport { getIn, setIn, KeyPathError }\n","import parse from 'url-parse'\nimport { formatForXHR } from './url'\nimport { config } from '../config'\nimport { BasicRequestInit, ParsedResponse, RootState } from '../types'\n\nexport function isValidResponse(xhr: Response): boolean {\n  return isValidContent(xhr) && !downloadingFile(xhr)\n}\n\nexport function isValidContent(rsp: Response): boolean {\n  const contentType = rsp.headers.get('content-type')\n  const jsContent = /^(?:application\\/json)(?:;|$)/\n\n  return !!(contentType && contentType.match(jsContent))\n}\n\nfunction downloadingFile(xhr: Response): boolean {\n  const disposition = xhr.headers.get('content-disposition')\n\n  return !!(disposition && disposition.match(/^attachment/) !== null)\n}\n\nclass SuperglueResponseError extends Error {\n  response: Response\n\n  constructor(message: string) {\n    super(message)\n    this.name = 'SuperglueResponseError'\n  }\n}\n\nexport function validateResponse(args: ParsedResponse): ParsedResponse {\n  const { rsp } = args\n  if (isValidResponse(rsp)) {\n    return args\n  } else {\n    const error = new SuperglueResponseError('Invalid Superglue Response')\n    error.response = rsp\n    throw error\n  }\n}\n\nexport function handleServerErrors(args: ParsedResponse): ParsedResponse {\n  const { rsp } = args\n  if (!rsp.ok && rsp.status !== 422) {\n    if (rsp.status === 406) {\n      console.error(\n        \"Superglue encountered a 406 Not Acceptable response. This can happen if you used respond_to and didn't specify format.json in the block. Try adding it to your respond_to. For example:\\n\\n\" +\n          'respond_to do |format|\\n' +\n          '  format.html\\n' +\n          '  format.json\\n' +\n          '  format.csv\\n' +\n          'end'\n      )\n    }\n    const error = new SuperglueResponseError(rsp.statusText)\n    error.response = rsp\n    throw error\n  }\n  return args\n}\n\nexport function argsForFetch(\n  getState: () => RootState,\n  pathQuery: string,\n  {\n    method = 'GET',\n    headers = {},\n    body = '',\n    signal,\n    ...rest\n  }: BasicRequestInit = {}\n): [string, BasicRequestInit] {\n  method = method.toUpperCase()\n  const currentState = getState().superglue\n\n  const nextHeaders = { ...headers }\n  nextHeaders['x-requested-with'] = 'XMLHttpRequest'\n  nextHeaders['accept'] = 'application/json'\n  nextHeaders['x-superglue-request'] = 'true'\n\n  if (method != 'GET' && method != 'HEAD') {\n    nextHeaders['content-type'] = 'application/json'\n  }\n\n  if (body instanceof FormData) {\n    delete nextHeaders['content-type']\n  }\n\n  if (currentState.csrfToken) {\n    nextHeaders['x-csrf-token'] = currentState.csrfToken\n  }\n\n  const fetchPath = new parse(\n    formatForXHR(pathQuery),\n    config.baseUrl || {},\n    true\n  )\n\n  const credentials = 'same-origin'\n\n  if (!(method == 'GET' || method == 'HEAD')) {\n    nextHeaders['x-http-method-override'] = method\n    method = 'POST'\n  }\n\n  const options: BasicRequestInit = {\n    method,\n    headers: nextHeaders,\n    body,\n    credentials,\n    signal,\n  }\n\n  if (currentState.currentPageKey) {\n    const referrer = new parse(\n      currentState.currentPageKey,\n      config.baseUrl || {},\n      false\n    ).href\n\n    options.referrer = referrer\n  }\n\n  if (method == 'GET' || method == 'HEAD') {\n    if (options.body instanceof FormData) {\n      const allData = new URLSearchParams(\n        options.body as unknown as Record<string, string>\n      )\n\n      // TODO: Add coverage for this\n      const nextQuery = { ...fetchPath.query, ...Object.fromEntries(allData) }\n      fetchPath.set('query', nextQuery)\n    }\n\n    delete options.body\n  }\n\n  return [fetchPath.toString(), { ...options, ...rest }]\n}\n\nexport function extractJSON(rsp: Response): PromiseLike<ParsedResponse> {\n  return rsp\n    .json()\n    .then((json) => {\n      return { rsp, json }\n    })\n    .catch((e) => {\n      e.response = rsp\n      throw e\n    })\n}\n\nexport function parseResponse(prm: Response): PromiseLike<ParsedResponse> {\n  return Promise.resolve(prm)\n    .then(extractJSON)\n    .then(handleServerErrors)\n    .then(validateResponse)\n}\n","export const config = {\n  baseUrl: '',\n  maxPages: 20,\n}\n","import { withoutBusters } from './url'\nimport {\n  Handlers,\n  UJSHandlers,\n  SuperglueStore,\n  ApplicationVisit,\n  ApplicationRemote,\n  RemoteProps,\n  VisitProps,\n} from '../types'\n\nexport class HandlerBuilder {\n  public attributePrefix: string\n  public visit: ApplicationVisit\n  public remote: ApplicationRemote\n  private store: SuperglueStore\n\n  constructor({\n    ujsAttributePrefix,\n    visit,\n    remote,\n    store,\n  }: {\n    ujsAttributePrefix: string\n    visit: ApplicationVisit\n    remote: ApplicationRemote\n    store: SuperglueStore\n  }) {\n    this.attributePrefix = ujsAttributePrefix\n    this.isUJS = this.isUJS.bind(this)\n    this.store = store\n\n    this.handleSubmit = this.handleSubmit.bind(this)\n    this.handleClick = this.handleClick.bind(this)\n\n    this.visit = visit\n    this.remote = remote\n    this.visitOrRemote = this.visitOrRemote.bind(this)\n  }\n\n  retrieveLink(target: Element): HTMLAnchorElement | undefined {\n    const link = target.closest<HTMLAnchorElement>('a')\n    if (link && link.href.length !== 0) {\n      return link\n    }\n  }\n\n  isNonStandardClick(\n    event: React.MouseEvent<HTMLDivElement, MouseEvent>\n  ): boolean {\n    return (\n      event.button > 0 ||\n      event.metaKey ||\n      event.ctrlKey ||\n      event.shiftKey ||\n      event.altKey\n    )\n  }\n\n  isUJS(node: HTMLFormElement | HTMLAnchorElement): boolean {\n    const hasVisit = !!node.getAttribute(this.attributePrefix + '-visit')\n    const hasRemote = !!node.getAttribute(this.attributePrefix + '-remote')\n\n    return hasVisit || hasRemote\n  }\n\n  handleSubmit(event: React.FormEvent<HTMLDivElement>): void {\n    const form = event.target\n\n    if (!(form instanceof HTMLFormElement)) {\n      return\n    }\n\n    if (!this.isUJS(form)) {\n      return\n    }\n\n    event.preventDefault()\n\n    let url = form.getAttribute('action')\n    if (!url) {\n      return\n    }\n\n    const method = (form.getAttribute('method') || 'POST').toUpperCase()\n    url = withoutBusters(url)\n\n    this.visitOrRemote(form, url, {\n      method,\n      body: new FormData(form),\n    })\n  }\n\n  handleClick(event: React.MouseEvent<HTMLDivElement, MouseEvent>): void {\n    if (!(event.target instanceof Element)) {\n      return\n    }\n\n    const link = this.retrieveLink(event.target)\n    const isNonStandard = this.isNonStandardClick(event)\n    if (!link || isNonStandard || !this.isUJS(link)) {\n      return\n    }\n\n    event.preventDefault()\n    let url = link.getAttribute('href')\n    if (!url) {\n      return\n    }\n    url = withoutBusters(url)\n\n    this.visitOrRemote(link, url, { method: 'GET' })\n  }\n\n  visitOrRemote(\n    linkOrForm: HTMLAnchorElement | HTMLFormElement,\n    url: string,\n    opts: RemoteProps | VisitProps\n  ): void {\n    const dataset = { ...linkOrForm.dataset }\n\n    if (linkOrForm.getAttribute(this.attributePrefix + '-visit')) {\n      this.visit(url, { ...opts, dataset })\n    }\n\n    if (linkOrForm.getAttribute(this.attributePrefix + '-remote')) {\n      const { currentPageKey } = this.store.getState().superglue\n      this.remote(url, {\n        ...opts,\n        pageKey: currentPageKey,\n        dataset,\n      })\n    }\n  }\n\n  handlers(): Handlers {\n    return {\n      onClick: this.handleClick,\n      onSubmit: this.handleSubmit,\n    }\n  }\n}\n\nexport const ujsHandlers: UJSHandlers = ({\n  ujsAttributePrefix,\n  visit,\n  remote,\n  store,\n}) => {\n  const builder = new HandlerBuilder({\n    visit,\n    remote,\n    ujsAttributePrefix,\n    store,\n  })\n\n  return builder.handlers()\n}\n","export function needsRefresh(\n  prevAssets: string[],\n  newAssets: string[]\n): boolean {\n  if (prevAssets && newAssets) {\n    const hasNewAssets = !newAssets.every((asset) => prevAssets.includes(asset))\n    return hasNewAssets\n  } else {\n    return false\n  }\n}\n","import { urlToPageKey, getIn } from '../utils'\nimport parse from 'url-parse'\nimport {\n  saveResponse,\n  GRAFTING_ERROR,\n  GRAFTING_SUCCESS,\n  updateFragments,\n  handleGraft,\n} from '../actions'\nimport { remote } from './requests'\nimport {\n  VisitResponse,\n  SaveAndProcessPageThunk,\n  DefermentThunk,\n  GraftResponse,\n  Defer,\n  JSONMappable,\n} from '../types'\nexport * from './requests'\n\nfunction fetchDeferments(\n  pageKey: string,\n  defers: Defer[] = []\n): DefermentThunk {\n  pageKey = urlToPageKey(pageKey)\n  return (dispatch) => {\n    const fetches = defers\n      .filter(({ type }) => type === 'auto')\n      .map(function ({\n        url,\n        successAction = GRAFTING_SUCCESS,\n        failAction = GRAFTING_ERROR,\n      }) {\n        const parsedUrl = new parse(url, true)\n\n        // props_at will always be present in a graft response\n        // That's why this is marked `as string`\n        const keyPath = parsedUrl.query.props_at as string\n\n        return dispatch(remote(url, { pageKey }))\n          .then(() => {\n            dispatch({\n              type: successAction,\n              payload: {\n                pageKey,\n                keyPath,\n              },\n            })\n          })\n          .catch((err) => {\n            dispatch({\n              type: failAction,\n              payload: {\n                url,\n                err,\n                pageKey,\n                keyPath,\n              },\n            })\n          })\n      })\n\n    return Promise.all(fetches)\n  }\n}\n\n/**\n * Save and process a rendered view from PropsTemplate. This is the primitive\n * function that `visit` and `remote` calls when it receives a page.\n *\n * If you render a page outside the normal request response cycle, e.g,\n * websocket, you can use this function to save the payload.\n */\nexport function saveAndProcessPage(\n  pageKey: string,\n  page: VisitResponse | GraftResponse\n): SaveAndProcessPageThunk {\n  return (dispatch, getState) => {\n    pageKey = urlToPageKey(pageKey)\n\n    const { defers = [] } = page\n\n    if ('action' in page) {\n      const prevPage = getState().pages[pageKey]\n      dispatch(handleGraft({ pageKey, page }))\n      const currentPage = getState().pages[pageKey]\n\n      currentPage.fragments.forEach((fragment) => {\n        const { type, path } = fragment\n        // A fragment only works on a block in props_template. So using getIn\n        // will always return a JSONMappable\n        const currentFragment = getIn(currentPage, path) as JSONMappable\n        const prevFragment = getIn(prevPage, path) as JSONMappable\n        if (!prevFragment) {\n          dispatch(\n            updateFragments({\n              name: type,\n              pageKey: pageKey,\n              value: currentFragment,\n              path,\n            })\n          )\n        } else if (currentFragment !== prevFragment) {\n          dispatch(\n            updateFragments({\n              name: type,\n              pageKey: pageKey,\n              value: currentFragment,\n              previousValue: prevFragment,\n              path,\n            })\n          )\n        }\n      })\n    } else {\n      dispatch(saveResponse({ pageKey, page }))\n      const currentPage = getState().pages[pageKey]\n\n      currentPage.fragments.forEach((fragment) => {\n        const { type, path } = fragment\n        const currentFragment = getIn(currentPage, path) as JSONMappable\n\n        dispatch(\n          updateFragments({\n            name: type,\n            pageKey: pageKey,\n            value: currentFragment,\n            path,\n          })\n        )\n      })\n    }\n\n    const hasFetch = typeof fetch != 'undefined'\n    if (hasFetch) {\n      return dispatch(fetchDeferments(pageKey, defers)).then(() =>\n        Promise.resolve()\n      )\n    } else {\n      return Promise.resolve()\n    }\n  }\n}\n","import { createAction } from '@reduxjs/toolkit'\nimport {\n  FetchArgs,\n  PageKey,\n  GraftResponse,\n  VisitResponse,\n  JSONMappable,\n  Keypath,\n} from './types'\nimport { urlToPageKey } from './utils'\n\nexport const GRAFTING_ERROR = '@@superglue/GRAFTING_ERROR'\nexport const GRAFTING_SUCCESS = '@@superglue/GRAFTING_SUCCESS'\n\nexport const saveResponse = createAction(\n  '@@superglue/SAVE_RESPONSE',\n  ({ pageKey, page }: { pageKey: string; page: VisitResponse }) => {\n    pageKey = urlToPageKey(pageKey)\n\n    return {\n      payload: {\n        pageKey,\n        page,\n      },\n    }\n  }\n)\n\nexport const handleGraft = createAction(\n  '@@superglue/HANDLE_GRAFT',\n  ({ pageKey, page }: { pageKey: string; page: GraftResponse }) => {\n    pageKey = urlToPageKey(pageKey)\n\n    return {\n      payload: {\n        page,\n        pageKey,\n      },\n    }\n  }\n)\n\nexport const superglueError = createAction<{ message: string }>(\n  '@@superglue/ERROR'\n)\n\n/**\n * A redux action called whenever a fragment is received from `visit` or updated\n * using `remote`. Its a useful action to use for cross cutting concerns like a\n * shared header or a shopping cart. For example:\n *\n * ```\n * import { updateFragments } from '@thoughtbot/superglue'\n *\n * export const exampleSlice = createSlice({\n *  name: 'Example',\n *  initialState: {},\n *  extraReducers: (builder) => {\n *    builder.addCase(updateFragments, (state, action) => {\n *      // Update the slice using the latest and greatest.\n *      return action.value\n * ```\n */\nexport const updateFragments = createAction<{\n  name: string\n  path: Keypath\n  pageKey: PageKey\n  value: JSONMappable\n  previousValue?: JSONMappable\n}>('@@superglue/UPDATE_FRAGMENTS')\n\n/**\n * A redux action you can dispatch to copy a page from one pageKey to another. Its\n * a very useful way to create optimistic updates with a URL change. For example:\n *\n * ```\n * import { copyPage, remote } from '@thoughtbot/superglue'\n *\n * dispatch(copyPage({ from: originalKey, to: targetKey}))\n *\n * ... make edits to target page and finally\n *\n * navigateTo(targetKey)\n * ```\n */\nexport const copyPage = createAction<{ from: PageKey; to: PageKey }>(\n  '@@superglue/COPY_PAGE'\n)\n\n/**\n * A redux action you can dispatch to remove a page from your store.\n *\n * ```\n * import { removePage } from '@thoughtbot/superglue'\n *\n * dispatch(removePage({ pageKey: '/delete_me_please\"}))\n * ```\n */\nexport const removePage = createAction<{ pageKey: PageKey }>(\n  '@@superglue/REMOVE_PAGE'\n)\n\n/**\n * A redux action called before a `fetch` takes place. It will fire in `remote`\n * and `visit`. You can hook into this event in your redux slices like this:\n *\n * ```\n * import { beforeFetch } from '@thoughtbot/superglue'\n *\n * export const exampleSlice = createSlice({\n *  name: 'Example',\n *  initialState: {},\n *  extraReducers: (builder) => {\n *    builder.addCase(beforeFetch, (state, action) => {\n * ```\n */\nexport const beforeFetch = createAction<{ fetchArgs: FetchArgs }>(\n  '@@superglue/BEFORE_FETCH'\n)\n\n/**\n * A redux action called before a `visit` takes place. You can hook into this event\n * in your redux slices like this:\n *\n * ```\n * import { beforeVisit } from '@thoughtbot/superglue'\n *\n * export const exampleSlice = createSlice({\n *  name: 'Example',\n *  initialState: {},\n *  extraReducers: (builder) => {\n *    builder.addCase(beforeVisit, (state, action) => {\n * ```\n */\nexport const beforeVisit = createAction<{\n  currentPageKey: PageKey\n  fetchArgs: FetchArgs\n}>('@@superglue/BEFORE_VISIT')\n\n/**\n * A redux action called before `remote` takes place. You can hook into this event\n * in your redux slices like this:\n *\n * ```\n * import { beforeRemote } from '@thoughtbot/superglue'\n *\n * export const exampleSlice = createSlice({\n *  name: 'Example',\n *  initialState: {},\n *  extraReducers: (builder) => {\n *    builder.addCase(beforeRemote, (state, action) => {\n * ```\n */\nexport const beforeRemote = createAction<{\n  currentPageKey: PageKey\n  fetchArgs: FetchArgs\n}>('@@superglue/BEFORE_REMOTE')\n\nexport const setCSRFToken = createAction<{\n  csrfToken: string | undefined\n}>('@@superglue/SET_CSRF_TOKEN')\n\nexport const historyChange = createAction<{\n  pageKey: PageKey\n}>('@@superglue/HISTORY_CHANGE')\n\nexport const setActivePage = createAction<{\n  pageKey: PageKey\n}>('@@superglue/SET_ACTIVE_PAGE')\n","import {\n  argsForFetch,\n  parseResponse,\n  needsRefresh,\n  urlToPageKey,\n  withoutBusters,\n  hasPropsAt,\n  propsAtParam,\n  removePropsAt,\n} from '../utils'\nimport {\n  beforeFetch,\n  beforeVisit,\n  beforeRemote,\n  copyPage,\n  superglueError,\n} from '../actions'\nimport { saveAndProcessPage } from './index'\nimport {\n  FetchArgs,\n  VisitResponse,\n  PageResponse,\n  Page,\n  SuperglueState,\n  Meta,\n  Dispatch,\n  RemoteCreator,\n  VisitCreator,\n  NavigationAction,\n  VisitMeta,\n} from '../types'\n\nfunction handleFetchErr(\n  err: Error,\n  fetchArgs: FetchArgs,\n  dispatch: Dispatch\n): never {\n  dispatch(superglueError({ message: err.message }))\n  throw err\n}\n\nfunction buildMeta(\n  pageKey: string,\n  page: VisitResponse,\n  state: SuperglueState,\n  rsp: Response,\n  fetchArgs: FetchArgs\n): Meta {\n  const { assets: prevAssets } = state\n  const { assets: nextAssets } = page\n\n  return {\n    pageKey,\n    page,\n    redirected: rsp.redirected,\n    rsp,\n    fetchArgs,\n    componentIdentifier: page.componentIdentifier,\n    needsRefresh: needsRefresh(prevAssets, nextAssets),\n  }\n}\n\nexport class MismatchedComponentError extends Error {\n  constructor(message: string) {\n    super(message)\n    this.name = 'MismatchedComponentError'\n  }\n}\n\nexport const remote: RemoteCreator = (\n  path,\n  {\n    pageKey: targetPageKey,\n    force = false,\n    beforeSave = (prevPage: Page, receivedPage: PageResponse) => receivedPage,\n    ...rest\n  } = {}\n) => {\n  path = withoutBusters(path)\n  targetPageKey = targetPageKey && urlToPageKey(targetPageKey)\n\n  return (dispatch, getState) => {\n    const fetchArgs = argsForFetch(getState, path, rest)\n    const currentPageKey = getState().superglue.currentPageKey\n\n    dispatch(beforeRemote({ currentPageKey, fetchArgs }))\n    dispatch(beforeFetch({ fetchArgs }))\n\n    return fetch(...fetchArgs)\n      .then(parseResponse)\n      .then(({ rsp, json }) => {\n        const { superglue, pages = {} } = getState()\n\n        let pageKey\n        if (targetPageKey === undefined) {\n          const isGet = fetchArgs[1].method === 'GET'\n          pageKey = calculatePageKey(rsp, isGet, currentPageKey)\n        } else {\n          pageKey = targetPageKey\n        }\n\n        const meta = buildMeta(pageKey, json, superglue, rsp, fetchArgs)\n\n        const existingId = pages[pageKey]?.componentIdentifier\n        const receivedId = json.componentIdentifier\n        if (!!existingId && existingId != receivedId && !force) {\n          const message = `You cannot replace or update an existing page\nlocated at pages[\"${currentPageKey}\"] that has a componentIdentifier\nof \"${existingId}\" with the contents of a page response that has a\ncomponentIdentifier of \"${receivedId}\".\n\nThis can happen if you're using data-sg-remote or remote but your\nresponse redirected to a page with a different componentIdentifier\nthan the target page.             \n\nThis limitation exists because the resulting page shape from grafting\n\"${receivedId}\"'s \"${propsAtParam(path)}\" into \"${existingId}\" may not be\ncompatible with the page component associated with \"${existingId}\".\n\nConsider using data-sg-visit, the visit function, or redirect_back to\nthe same page. Or if you're sure you want to proceed, use force: true.\n          `\n          throw new MismatchedComponentError(message)\n        }\n\n        const page = beforeSave(pages[pageKey], json)\n        return dispatch(saveAndProcessPage(pageKey, page)).then(() => meta)\n      })\n      .catch((e) => handleFetchErr(e, fetchArgs, dispatch))\n  }\n}\n\nlet lastVisitController = {\n  /* eslint-disable-next-line @typescript-eslint/no-unused-vars */\n  abort: (_reason: string) => {\n    // noop\n  },\n}\n\nexport const visit: VisitCreator = (\n  path,\n  {\n    placeholderKey,\n    beforeSave = (prevPage: Page, receivedPage: PageResponse) => receivedPage,\n    revisit = false,\n    ...rest\n  } = {}\n) => {\n  path = withoutBusters(path)\n\n  return (dispatch, getState) => {\n    const currentPageKey = getState().superglue.currentPageKey\n    placeholderKey =\n      (placeholderKey && urlToPageKey(placeholderKey)) || currentPageKey\n    const hasPlaceholder = placeholderKey in getState().pages\n\n    if (hasPropsAt(path) && !hasPlaceholder) {\n      console.warn(\n        `Could not find placeholder with key ${placeholderKey} in state. The props_at param will be ignored`\n      )\n      path = removePropsAt(path)\n    }\n\n    const controller = new AbortController()\n    const { signal } = controller\n    const fetchArgs = argsForFetch(getState, path, {\n      ...rest,\n      signal,\n    })\n\n    dispatch(beforeVisit({ currentPageKey, fetchArgs }))\n    dispatch(beforeFetch({ fetchArgs }))\n\n    lastVisitController.abort(\n      'Aborting the previous `visit`. There can be one visit at a time. Use `remote` if there is a need for async requests.'\n    )\n    lastVisitController = controller\n\n    return fetch(...fetchArgs)\n      .then(parseResponse)\n      .then(({ rsp, json }) => {\n        const { superglue, pages = {} } = getState()\n        const isGet = fetchArgs[1].method === 'GET'\n        const pageKey = calculatePageKey(rsp, isGet, currentPageKey)\n        if (placeholderKey && hasPropsAt(path) && hasPlaceholder) {\n          const existingId = pages[placeholderKey]?.componentIdentifier\n          const receivedId = json.componentIdentifier\n          if (!!existingId && existingId != receivedId) {\n            const message = `You received a page response with a\ncomponentIdentifier \"${receivedId}\" that is different than the\ncomponentIdentifier \"${existingId}\" located at ${placeholderKey}.\n\nThis can happen if you're using data-sg-visit or visit with a\nprops_at param, but the response redirected to a page with a\ndifferent componentIdentifier than the target page. \n\nThis limitation exists because the resulting page shape from grafting\n\"${receivedId}\"'s \"${propsAtParam(path)}\" into \"${existingId}\" may not be\ncompatible with the page component associated with \"${existingId}\".\n\nCheck that you're rendering a page with a matching\ncomponentIdentifier, or consider using redirect_back_with_props_at\nto the same page.\n            `\n            throw new MismatchedComponentError(message)\n          }\n          dispatch(copyPage({ from: placeholderKey, to: pageKey }))\n        }\n\n        const meta = buildMeta(pageKey, json, superglue, rsp, fetchArgs)\n\n        const visitMeta: VisitMeta = {\n          ...meta,\n          navigationAction: calculateNavAction(\n            meta,\n            rsp,\n            isGet,\n            pageKey,\n            currentPageKey,\n            revisit\n          ),\n        }\n\n        const page = beforeSave(pages[pageKey], json)\n        return dispatch(saveAndProcessPage(pageKey, page)).then(() => visitMeta)\n      })\n      .catch((e) => handleFetchErr(e, fetchArgs, dispatch))\n  }\n}\n\nfunction calculateNavAction(\n  meta: Meta,\n  rsp: Response,\n  isGet: boolean,\n  pageKey: string,\n  currentPageKey: string,\n  revisit: boolean\n) {\n  let navigationAction: NavigationAction = 'push'\n  if (!rsp.redirected && !isGet) {\n    navigationAction = 'replace'\n  }\n  const isSamePage = pageKey == currentPageKey\n  if (isSamePage) {\n    navigationAction = 'none'\n  }\n  if (revisit && isGet) {\n    if (rsp.redirected) {\n      navigationAction = 'replace'\n    } else {\n      navigationAction = 'none'\n    }\n  }\n\n  return navigationAction\n}\n\nfunction calculatePageKey(\n  rsp: Response,\n  isGet: boolean,\n  currentPageKey: string\n) {\n  let pageKey = urlToPageKey(rsp.url)\n  if (!isGet && !rsp.redirected) {\n    pageKey = currentPageKey\n  }\n\n  const contentLocation = rsp.headers.get('content-location')\n  if (contentLocation) {\n    pageKey = urlToPageKey(contentLocation)\n  }\n  return pageKey\n}\n"],"mappings":"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","names":["parse","pathQuery","parse","visit","remote","parse","parse"]}

package/dist/cjs/action_creators.cjs

@@ -30,11 +30,9 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // lib/action_creators/index.ts
 var action_creators_exports = {};
 __export(action_creators_exports, {
-  copyPage: () => copyPage,
-  handleGraft: () => handleGraft,
+  MismatchedComponentError: () => MismatchedComponentError,
   remote: () => remote,
   saveAndProcessPage: () => saveAndProcessPage,
-  saveResponse: () => saveResponse,
   visit: () => visit
 });
 module.exports = __toCommonJS(action_creators_exports);
@@ -50,6 +48,11 @@ function hasPropsAt(url) {
   const query = parsed.query;
   return !!query["props_at"];
 }
+function propsAtParam(url) {
+  const parsed = new import_url_parse.default(url, {}, true);
+  const query = parsed.query;
+  return query["props_at"];
+}
 function withFormatJson(url) {
   const parsed = new import_url_parse.default(url, {}, true);
   parsed.query["format"] = "json";
@@ -209,7 +212,7 @@ function validateResponse(args) {
 }
 function handleServerErrors(args) {
   const { rsp } = args;
-  if (!rsp.ok) {
+  if (!rsp.ok && rsp.status !== 422) {
     if (rsp.status === 406) {
       console.error(
         "Superglue encountered a 406 Not Acceptable response. This can happen if you used respond_to and didn't specify format.json in the block. Try adding it to your respond_to. For example:\n\nrespond_to do |format|\n  format.html\n  format.json\n  format.csv\nend"
@@ -221,7 +224,13 @@ function handleServerErrors(args) {
   }
   return args;
 }
-function argsForFetch(getState, pathQuery2, { method = "GET", headers = {}, body = "", signal } = {}) {
+function argsForFetch(getState, pathQuery2, {
+  method = "GET",
+  headers = {},
+  body = "",
+  signal,
+  ...rest
+} = {}) {
   method = method.toUpperCase();
   const currentState = getState().superglue;
   const nextHeaders = { ...headers };
@@ -272,7 +281,7 @@ function argsForFetch(getState, pathQuery2, { method = "GET", headers = {}, body
     }
     delete options.body;
   }
-  return [fetchPath.toString(), options];
+  return [fetchPath.toString(), { ...options, ...rest }];
 }
 function extractJSON(rsp) {
   return rsp.json().then((json) => {
@@ -300,46 +309,55 @@ function needsRefresh(prevAssets, newAssets) {
 var import_url_parse3 = __toESM(require("url-parse"));
 
 // lib/actions.ts
-var BEFORE_FETCH = "@@superglue/BEFORE_FETCH";
-var BEFORE_VISIT = "@@superglue/BEFORE_VISIT";
-var BEFORE_REMOTE = "@@superglue/BEFORE_REMOTE";
-var SAVE_RESPONSE = "@@superglue/SAVE_RESPONSE";
-var HANDLE_GRAFT = "@@superglue/HANDLE_GRAFT";
-var SUPERGLUE_ERROR = "@@superglue/ERROR";
+var import_toolkit = require("@reduxjs/toolkit");
 var GRAFTING_ERROR = "@@superglue/GRAFTING_ERROR";
 var GRAFTING_SUCCESS = "@@superglue/GRAFTING_SUCCESS";
-var COPY_PAGE = "@@superglue/COPY_PAGE";
-var UPDATE_FRAGMENTS = "@@superglue/UPDATE_FRAGMENTS";
+var saveResponse = (0, import_toolkit.createAction)(
+  "@@superglue/SAVE_RESPONSE",
+  ({ pageKey, page }) => {
+    pageKey = urlToPageKey(pageKey);
+    return {
+      payload: {
+        pageKey,
+        page
+      }
+    };
+  }
+);
+var handleGraft = (0, import_toolkit.createAction)(
+  "@@superglue/HANDLE_GRAFT",
+  ({ pageKey, page }) => {
+    pageKey = urlToPageKey(pageKey);
+    return {
+      payload: {
+        page,
+        pageKey
+      }
+    };
+  }
+);
+var superglueError = (0, import_toolkit.createAction)(
+  "@@superglue/ERROR"
+);
+var updateFragments = (0, import_toolkit.createAction)("@@superglue/UPDATE_FRAGMENTS");
+var copyPage = (0, import_toolkit.createAction)(
+  "@@superglue/COPY_PAGE"
+);
+var removePage = (0, import_toolkit.createAction)(
+  "@@superglue/REMOVE_PAGE"
+);
+var beforeFetch = (0, import_toolkit.createAction)(
+  "@@superglue/BEFORE_FETCH"
+);
+var beforeVisit = (0, import_toolkit.createAction)("@@superglue/BEFORE_VISIT");
+var beforeRemote = (0, import_toolkit.createAction)("@@superglue/BEFORE_REMOTE");
+var setCSRFToken = (0, import_toolkit.createAction)("@@superglue/SET_CSRF_TOKEN");
+var historyChange = (0, import_toolkit.createAction)("@@superglue/HISTORY_CHANGE");
+var setActivePage = (0, import_toolkit.createAction)("@@superglue/SET_ACTIVE_PAGE");
 
 // lib/action_creators/requests.ts
-function beforeVisit(payload) {
-  return {
-    type: BEFORE_VISIT,
-    payload
-  };
-}
-function beforeRemote(payload) {
-  return {
-    type: BEFORE_REMOTE,
-    payload
-  };
-}
-function beforeFetch(payload) {
-  return {
-    type: BEFORE_FETCH,
-    payload
-  };
-}
-function handleError(err) {
-  return {
-    type: SUPERGLUE_ERROR,
-    payload: {
-      message: err.message
-    }
-  };
-}
 function handleFetchErr(err, fetchArgs, dispatch) {
-  dispatch(handleError(err));
+  dispatch(superglueError({ message: err.message }));
   throw err;
 }
 function buildMeta(pageKey, page, state, rsp, fetchArgs) {
@@ -355,47 +373,55 @@ function buildMeta(pageKey, page, state, rsp, fetchArgs) {
     needsRefresh: needsRefresh(prevAssets, nextAssets)
   };
 }
+var MismatchedComponentError = class extends Error {
+  constructor(message) {
+    super(message);
+    this.name = "MismatchedComponentError";
+  }
+};
 var remote = (path, {
-  method = "GET",
-  headers,
-  body,
-  pageKey: rawPageKey,
-  beforeSave = (prevPage, receivedPage) => receivedPage
+  pageKey: targetPageKey,
+  force = false,
+  beforeSave = (prevPage, receivedPage) => receivedPage,
+  ...rest
 } = {}) => {
   path = withoutBusters(path);
-  rawPageKey = rawPageKey && urlToPageKey(rawPageKey);
+  targetPageKey = targetPageKey && urlToPageKey(targetPageKey);
   return (dispatch, getState) => {
-    const fetchArgs = argsForFetch(getState, path, {
-      method,
-      headers,
-      body
-    });
-    if (rawPageKey === void 0) {
-      rawPageKey = getState().superglue.currentPageKey;
-    }
-    const pageKey = rawPageKey;
+    const fetchArgs = argsForFetch(getState, path, rest);
     const currentPageKey = getState().superglue.currentPageKey;
     dispatch(beforeRemote({ currentPageKey, fetchArgs }));
     dispatch(beforeFetch({ fetchArgs }));
     return fetch(...fetchArgs).then(parseResponse).then(({ rsp, json }) => {
       const { superglue, pages = {} } = getState();
+      let pageKey;
+      if (targetPageKey === void 0) {
+        const isGet = fetchArgs[1].method === "GET";
+        pageKey = calculatePageKey(rsp, isGet, currentPageKey);
+      } else {
+        pageKey = targetPageKey;
+      }
       const meta = buildMeta(pageKey, json, superglue, rsp, fetchArgs);
-      const willReplaceCurrent = pageKey == currentPageKey;
-      const existingId = pages[currentPageKey]?.componentIdentifier;
+      const existingId = pages[pageKey]?.componentIdentifier;
       const receivedId = json.componentIdentifier;
-      if (willReplaceCurrent && !!existingId && existingId != receivedId) {
-        console.warn(
-          `You're about replace an existing page located at pages["${currentPageKey}"]
-that has the componentIdentifier "${existingId}" with the contents of a
-received page that has a componentIdentifier of "${receivedId}".
+      if (!!existingId && existingId != receivedId && !force) {
+        const message = `You cannot replace or update an existing page
+located at pages["${currentPageKey}"] that has a componentIdentifier
+of "${existingId}" with the contents of a page response that has a
+componentIdentifier of "${receivedId}".
 
-This can happen if you're using data-sg-remote or remote but your response
-redirected to a completely different page. Since remote requests do not
-navigate or change the current page component, your current page component may
-receive a shape that is unexpected and cause issues with rendering.
+This can happen if you're using data-sg-remote or remote but your
+response redirected to a page with a different componentIdentifier
+than the target page.             
 
-Consider using data-sg-visit, the visit function, or redirect_back.`
-        );
+This limitation exists because the resulting page shape from grafting
+"${receivedId}"'s "${propsAtParam(path)}" into "${existingId}" may not be
+compatible with the page component associated with "${existingId}".
+
+Consider using data-sg-visit, the visit function, or redirect_back to
+the same page. Or if you're sure you want to proceed, use force: true.
+          `;
+        throw new MismatchedComponentError(message);
       }
       const page = beforeSave(pages[pageKey], json);
       return dispatch(saveAndProcessPage(pageKey, page)).then(() => meta);
@@ -403,121 +429,115 @@ Consider using data-sg-visit, the visit function, or redirect_back.`
   };
 };
 var lastVisitController = {
-  abort: () => {
+  /* eslint-disable-next-line @typescript-eslint/no-unused-vars */
+  abort: (_reason) => {
   }
 };
 var visit = (path, {
-  method = "GET",
-  headers,
-  body,
   placeholderKey,
   beforeSave = (prevPage, receivedPage) => receivedPage,
-  revisit = false
+  revisit = false,
+  ...rest
 } = {}) => {
   path = withoutBusters(path);
-  let pageKey = urlToPageKey(path);
   return (dispatch, getState) => {
-    placeholderKey = placeholderKey && urlToPageKey(placeholderKey);
-    const hasPlaceholder = !!(placeholderKey && getState().pages[placeholderKey]);
-    if (placeholderKey && hasPlaceholder) {
-      dispatch(copyPage({ from: placeholderKey, to: pageKey }));
-    }
-    if (placeholderKey && !hasPlaceholder) {
+    const currentPageKey = getState().superglue.currentPageKey;
+    placeholderKey = placeholderKey && urlToPageKey(placeholderKey) || currentPageKey;
+    const hasPlaceholder = placeholderKey in getState().pages;
+    if (hasPropsAt(path) && !hasPlaceholder) {
       console.warn(
         `Could not find placeholder with key ${placeholderKey} in state. The props_at param will be ignored`
       );
       path = removePropsAt(path);
     }
-    if (!placeholderKey && hasPropsAt(path)) {
-      console.warn(
-        `visit was called with props_at param in the path ${path}, this will be ignore unless you provide a placeholder.`
-      );
-      path = removePropsAt(path);
-    }
     const controller = new AbortController();
     const { signal } = controller;
     const fetchArgs = argsForFetch(getState, path, {
-      headers,
-      body,
-      method,
+      ...rest,
       signal
     });
-    const currentPageKey = getState().superglue.currentPageKey;
     dispatch(beforeVisit({ currentPageKey, fetchArgs }));
     dispatch(beforeFetch({ fetchArgs }));
-    lastVisitController.abort();
+    lastVisitController.abort(
+      "Aborting the previous `visit`. There can be one visit at a time. Use `remote` if there is a need for async requests."
+    );
     lastVisitController = controller;
     return fetch(...fetchArgs).then(parseResponse).then(({ rsp, json }) => {
       const { superglue, pages = {} } = getState();
-      const meta = buildMeta(pageKey, json, superglue, rsp, fetchArgs);
       const isGet = fetchArgs[1].method === "GET";
-      meta.suggestedAction = "push";
-      if (!rsp.redirected && !isGet) {
-        meta.suggestedAction = "replace";
-      }
-      if (revisit && isGet) {
-        if (rsp.redirected) {
-          meta.suggestedAction = "replace";
-        } else {
-          meta.suggestedAction = "none";
+      const pageKey = calculatePageKey(rsp, isGet, currentPageKey);
+      if (placeholderKey && hasPropsAt(path) && hasPlaceholder) {
+        const existingId = pages[placeholderKey]?.componentIdentifier;
+        const receivedId = json.componentIdentifier;
+        if (!!existingId && existingId != receivedId) {
+          const message = `You received a page response with a
+componentIdentifier "${receivedId}" that is different than the
+componentIdentifier "${existingId}" located at ${placeholderKey}.
+
+This can happen if you're using data-sg-visit or visit with a
+props_at param, but the response redirected to a page with a
+different componentIdentifier than the target page. 
+
+This limitation exists because the resulting page shape from grafting
+"${receivedId}"'s "${propsAtParam(path)}" into "${existingId}" may not be
+compatible with the page component associated with "${existingId}".
+
+Check that you're rendering a page with a matching
+componentIdentifier, or consider using redirect_back_with_props_at
+to the same page.
+            `;
+          throw new MismatchedComponentError(message);
         }
+        dispatch(copyPage({ from: placeholderKey, to: pageKey }));
       }
-      pageKey = urlToPageKey(rsp.url);
-      if (!isGet && !rsp.redirected) {
-        pageKey = currentPageKey;
-      }
-      const contentLocation = rsp.headers.get("content-location");
-      if (contentLocation) {
-        pageKey = urlToPageKey(contentLocation);
-      }
+      const meta = buildMeta(pageKey, json, superglue, rsp, fetchArgs);
+      const visitMeta = {
+        ...meta,
+        navigationAction: calculateNavAction(
+          meta,
+          rsp,
+          isGet,
+          pageKey,
+          currentPageKey,
+          revisit
+        )
+      };
       const page = beforeSave(pages[pageKey], json);
-      return dispatch(saveAndProcessPage(pageKey, page)).then(() => {
-        meta.pageKey = pageKey;
-        return meta;
-      });
+      return dispatch(saveAndProcessPage(pageKey, page)).then(() => visitMeta);
     }).catch((e) => handleFetchErr(e, fetchArgs, dispatch));
   };
 };
-
-// lib/action_creators/index.ts
-function copyPage({
-  from,
-  to
-}) {
-  return {
-    type: COPY_PAGE,
-    payload: {
-      from,
-      to
-    }
-  };
-}
-function saveResponse({
-  pageKey,
-  page
-}) {
-  pageKey = urlToPageKey(pageKey);
-  return {
-    type: SAVE_RESPONSE,
-    payload: {
-      pageKey,
-      page
+function calculateNavAction(meta, rsp, isGet, pageKey, currentPageKey, revisit) {
+  let navigationAction = "push";
+  if (!rsp.redirected && !isGet) {
+    navigationAction = "replace";
+  }
+  const isSamePage = pageKey == currentPageKey;
+  if (isSamePage) {
+    navigationAction = "none";
+  }
+  if (revisit && isGet) {
+    if (rsp.redirected) {
+      navigationAction = "replace";
+    } else {
+      navigationAction = "none";
     }
-  };
+  }
+  return navigationAction;
 }
-function handleGraft({
-  pageKey,
-  page
-}) {
-  pageKey = urlToPageKey(pageKey);
-  return {
-    type: HANDLE_GRAFT,
-    payload: {
-      pageKey,
-      page
-    }
-  };
+function calculatePageKey(rsp, isGet, currentPageKey) {
+  let pageKey = urlToPageKey(rsp.url);
+  if (!isGet && !rsp.redirected) {
+    pageKey = currentPageKey;
+  }
+  const contentLocation = rsp.headers.get("content-location");
+  if (contentLocation) {
+    pageKey = urlToPageKey(contentLocation);
+  }
+  return pageKey;
 }
+
+// lib/action_creators/index.ts
 function fetchDeferments(pageKey, defers = []) {
   pageKey = urlToPageKey(pageKey);
   return (dispatch) => {
@@ -551,35 +571,60 @@ function fetchDeferments(pageKey, defers = []) {
     return Promise.all(fetches);
   };
 }
-function updateFragmentsUsing(page) {
-  const changedFragments = {};
-  page.fragments.forEach((fragment) => {
-    const { type, path } = fragment;
-    changedFragments[type] = getIn(page, path);
-  });
-  return {
-    type: UPDATE_FRAGMENTS,
-    payload: { changedFragments }
-  };
-}
 function saveAndProcessPage(pageKey, page) {
   return (dispatch, getState) => {
     pageKey = urlToPageKey(pageKey);
     const { defers = [] } = page;
     if ("action" in page) {
+      const prevPage = getState().pages[pageKey];
       dispatch(handleGraft({ pageKey, page }));
+      const currentPage = getState().pages[pageKey];
+      currentPage.fragments.forEach((fragment) => {
+        const { type, path } = fragment;
+        const currentFragment = getIn(currentPage, path);
+        const prevFragment = getIn(prevPage, path);
+        if (!prevFragment) {
+          dispatch(
+            updateFragments({
+              name: type,
+              pageKey,
+              value: currentFragment,
+              path
+            })
+          );
+        } else if (currentFragment !== prevFragment) {
+          dispatch(
+            updateFragments({
+              name: type,
+              pageKey,
+              value: currentFragment,
+              previousValue: prevFragment,
+              path
+            })
+          );
+        }
+      });
     } else {
       dispatch(saveResponse({ pageKey, page }));
+      const currentPage = getState().pages[pageKey];
+      currentPage.fragments.forEach((fragment) => {
+        const { type, path } = fragment;
+        const currentFragment = getIn(currentPage, path);
+        dispatch(
+          updateFragments({
+            name: type,
+            pageKey,
+            value: currentFragment,
+            path
+          })
+        );
+      });
     }
     const hasFetch = typeof fetch != "undefined";
     if (hasFetch) {
-      return dispatch(fetchDeferments(pageKey, defers)).then(() => {
-        if (page.fragments.length > 0) {
-          const finishedPage = getState().pages[pageKey];
-          dispatch(updateFragmentsUsing(finishedPage));
-          return Promise.resolve();
-        }
-      });
+      return dispatch(fetchDeferments(pageKey, defers)).then(
+        () => Promise.resolve()
+      );
     } else {
       return Promise.resolve();
     }
@@ -587,11 +632,9 @@ function saveAndProcessPage(pageKey, page) {
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  copyPage,
-  handleGraft,
+  MismatchedComponentError,
   remote,
   saveAndProcessPage,
-  saveResponse,
   visit
 });
 //# sourceMappingURL=action_creators.cjs.map