@thoughtbot/superglue 0.53.4 → 1.0.0

package/dist/superglue.mjs

@@ -0,0 +1,499 @@
+import {
+  GRAFTING_ERROR,
+  GRAFTING_SUCCESS,
+  argsForHistory,
+  beforeFetch,
+  beforeRemote,
+  beforeVisit,
+  config,
+  copyPage,
+  getIn,
+  handleGraft,
+  historyChange,
+  parsePageKey,
+  pathWithoutBZParams,
+  removePage,
+  saveAndProcessPage,
+  saveResponse,
+  setActivePage,
+  setCSRFToken,
+  setIn,
+  ujsHandlers,
+  updateFragments,
+  urlToPageKey
+} from "./chunk-LGUVOEZ3.mjs";
+
+// lib/index.tsx
+import React2, { useRef, useMemo } from "react";
+import parse from "url-parse";
+import { Provider } from "react-redux";
+import { createBrowserHistory, createMemoryHistory } from "history";
+
+// lib/components/Navigation.tsx
+import React, {
+  createContext,
+  useEffect,
+  forwardRef,
+  useImperativeHandle
+} from "react";
+import { useDispatch, useSelector, useStore } from "react-redux";
+var NavigationContext = createContext(
+  {}
+);
+var hasWindow = typeof window !== "undefined";
+var setWindowScroll = (posX, posY) => {
+  hasWindow && window.scrollTo(posX, posY);
+};
+var notFound = (identifier) => {
+  let reminder = "";
+  if (!identifier) {
+    reminder = "Did you forget to add `json.componentIdentifier` in your application.json.props layout?";
+  }
+  const error = new Error(
+    `Superglue Nav component was looking for ${identifier} but could not find it in your mapping. ${reminder}`
+  );
+  throw error;
+};
+var NavigationProvider = forwardRef(function NavigationProvider2({ history, visit, remote, mapping }, ref) {
+  const dispatch = useDispatch();
+  const pages = useSelector((state) => state.pages);
+  const superglue = useSelector(
+    (state) => state.superglue
+  );
+  const store = useStore();
+  useEffect(() => {
+    return history.listen(onHistoryChange);
+  }, []);
+  useImperativeHandle(
+    ref,
+    () => {
+      return {
+        navigateTo
+      };
+    },
+    []
+  );
+  const visitAndRestore = (pageKey, posX, posY) => {
+    return visit(pageKey, { revisit: true }).then((meta) => {
+      if (meta) {
+        if (meta.navigationAction === "none") {
+          dispatch(setActivePage({ pageKey }));
+          setWindowScroll(posX, posY);
+        }
+      } else {
+        console.warn(
+          `scoll restoration was skipped. Your visit's then funtion
+          should return the meta object it recieved if you want your
+          application to restore the page's previous scroll.`
+        );
+      }
+    });
+  };
+  const onHistoryChange = ({ location, action }) => {
+    const state = location.state;
+    if (!state && location.hash !== "" && action === "POP") {
+      const nextPageKey = urlToPageKey(location.pathname + location.search);
+      const containsKey = !!pages[nextPageKey];
+      if (containsKey) {
+        history.replace(
+          {
+            pathname: location.pathname,
+            search: location.search,
+            hash: location.hash
+          },
+          {
+            pageKey: nextPageKey,
+            superglue: true,
+            posY: window.pageYOffset,
+            posX: window.pageXOffset
+          }
+        );
+      }
+    }
+    if (state && "superglue" in state) {
+      dispatch(
+        historyChange({
+          pageKey: state.pageKey
+        })
+      );
+      if (action !== "POP") {
+        return;
+      }
+      const { pageKey, posX, posY } = state;
+      const containsKey = !!pages[pageKey];
+      if (containsKey) {
+        const { restoreStrategy } = pages[pageKey];
+        switch (restoreStrategy) {
+          case "fromCacheOnly":
+            dispatch(setActivePage({ pageKey }));
+            setWindowScroll(posX, posY);
+            break;
+          case "fromCacheAndRevisitInBackground":
+            dispatch(setActivePage({ pageKey }));
+            setWindowScroll(posX, posY);
+            visit(pageKey, { revisit: true });
+            break;
+          case "revisitOnly":
+          default:
+            visitAndRestore(pageKey, posX, posY);
+        }
+      } else {
+        visitAndRestore(pageKey, posX, posY);
+      }
+    }
+  };
+  const navigateTo = (path, { action } = {
+    action: "push"
+  }) => {
+    if (action === "none") {
+      return false;
+    }
+    path = pathWithoutBZParams(path);
+    const nextPageKey = urlToPageKey(path);
+    const hasPage = Object.prototype.hasOwnProperty.call(
+      store.getState().pages,
+      nextPageKey
+    );
+    if (hasPage) {
+      const location = history.location;
+      const state = location.state;
+      const prevPageKey = state.pageKey;
+      const historyArgs = [
+        path,
+        {
+          pageKey: nextPageKey,
+          superglue: true,
+          posY: 0,
+          posX: 0
+        }
+      ];
+      if (action === "push") {
+        if (hasWindow) {
+          history.replace(
+            {
+              pathname: location.pathname,
+              search: location.search,
+              hash: location.hash
+            },
+            {
+              ...state,
+              posY: window.pageYOffset,
+              posX: window.pageXOffset
+            }
+          );
+        }
+        history.push(...historyArgs);
+      }
+      if (action === "replace") {
+        history.replace(...historyArgs);
+      }
+      setActivePage({ pageKey: nextPageKey });
+      setWindowScroll(0, 0);
+      if (action === "replace" && prevPageKey && prevPageKey !== nextPageKey) {
+        dispatch(removePage({ pageKey: prevPageKey }));
+      }
+      return true;
+    } else {
+      console.warn(
+        `\`navigateTo\` was called , but could not find
+        the pageKey in the store. This may happen when the wrong
+        content_location was set in your non-get controller action.
+        No navigation will take place`
+      );
+      return false;
+    }
+  };
+  const { currentPageKey, search } = superglue;
+  const { componentIdentifier } = pages[currentPageKey];
+  const Component = mapping[componentIdentifier];
+  if (Component) {
+    return /* @__PURE__ */ React.createElement(
+      NavigationContext.Provider,
+      {
+        value: { pageKey: currentPageKey, search, navigateTo, visit, remote }
+      },
+      /* @__PURE__ */ React.createElement(Component, null)
+    );
+  } else {
+    notFound(componentIdentifier);
+  }
+});
+
+// lib/reducers/index.ts
+function addPlaceholdersToDeferredNodes(existingPage, page) {
+  const { defers = [] } = existingPage;
+  const prevDefers = defers.map(({ path }) => {
+    const node = getIn(existingPage, path);
+    const copy = JSON.stringify(node);
+    return [path, JSON.parse(copy)];
+  });
+  return prevDefers.reduce((memo, [path, node]) => {
+    return setIn(page, path, node);
+  }, page);
+}
+function constrainPagesSize(state) {
+  const { maxPages } = config;
+  const allPageKeys = Object.keys(state);
+  const cacheTimesRecentFirst = allPageKeys.map((key) => state[key].savedAt).sort((a, b) => b - a);
+  for (const key of Array.from(allPageKeys)) {
+    if (state[key].savedAt <= cacheTimesRecentFirst[maxPages - 1]) {
+      delete state[key];
+    }
+  }
+}
+function handleSaveResponse(state, pageKey, page) {
+  state = { ...state };
+  let nextPage = {
+    ...page,
+    savedAt: Date.now()
+  };
+  const existingPage = state[pageKey];
+  if (existingPage) {
+    nextPage = addPlaceholdersToDeferredNodes(existingPage, nextPage);
+  }
+  constrainPagesSize(state);
+  state[pageKey] = nextPage;
+  return state;
+}
+function appendReceivedFragmentsOntoPage(state, pageKey, receivedFragments) {
+  if (!pageKey) {
+    return state;
+  }
+  if (receivedFragments.length === 0) {
+    return state;
+  }
+  const currentPage = state[pageKey];
+  const { fragments: prevFragments = [] } = currentPage;
+  const nextFragments = [...prevFragments];
+  const existingKeys = {};
+  prevFragments.forEach((frag) => existingKeys[frag.path] = true);
+  receivedFragments.forEach((frag) => {
+    if (!existingKeys[frag.path]) {
+      nextFragments.push(frag);
+    }
+  });
+  const nextPage = {
+    ...currentPage,
+    fragments: nextFragments
+  };
+  const nextState = { ...state };
+  nextState[pageKey] = nextPage;
+  return nextState;
+}
+function graftNodeOntoPage(state, pageKey, node, pathToNode) {
+  if (!node) {
+    console.warn(
+      "There was no node returned in the response. Do you have the correct key path in your props_at?"
+    );
+    return state;
+  }
+  if (!pathToNode || !pageKey) {
+    return state;
+  }
+  const fullPathToNode = [pageKey, pathToNode].join(".");
+  return setIn(state, fullPathToNode, node);
+}
+function handleGraftResponse(state, pageKey, page) {
+  const currentPage = state[pageKey];
+  if (!currentPage) {
+    const error = new Error(
+      `Superglue was looking for ${pageKey} in your state, but could not find it in your mapping. Did you forget to pass in a valid pageKey to this.props.remote or this.props.visit?`
+    );
+    throw error;
+  }
+  const {
+    data: receivedNode,
+    path: pathToNode,
+    fragments: receivedFragments = []
+  } = page;
+  return [
+    (nextState) => graftNodeOntoPage(nextState, pageKey, receivedNode, pathToNode),
+    (nextState) => appendReceivedFragmentsOntoPage(nextState, pageKey, receivedFragments)
+  ].reduce((memo, fn) => fn(memo), state);
+}
+function pageReducer(state = {}, action) {
+  if (removePage.match(action)) {
+    const { pageKey } = action.payload;
+    const nextState = { ...state };
+    delete nextState[pageKey];
+    return nextState;
+  }
+  if (copyPage.match(action)) {
+    const nextState = { ...state };
+    const { from, to } = action.payload;
+    nextState[urlToPageKey(to)] = JSON.parse(JSON.stringify(nextState[from]));
+    return nextState;
+  }
+  if (handleGraft.match(action)) {
+    const { pageKey, page } = action.payload;
+    return handleGraftResponse(state, pageKey, page);
+  }
+  if (saveResponse.match(action)) {
+    const { pageKey, page } = action.payload;
+    const nextState = handleSaveResponse(state, pageKey, page);
+    return nextState;
+  }
+  return state;
+}
+function superglueReducer(state = {
+  currentPageKey: "",
+  search: {},
+  assets: []
+}, action) {
+  if (setCSRFToken.match(action)) {
+    const { csrfToken } = action.payload;
+    return { ...state, csrfToken };
+  }
+  if (setActivePage.match(action)) {
+    const { pageKey } = action.payload;
+    const { search } = parsePageKey(pageKey);
+    return {
+      ...state,
+      search,
+      currentPageKey: pageKey
+    };
+  }
+  if (historyChange.match(action)) {
+    const { pageKey } = action.payload;
+    const { search } = parsePageKey(pageKey);
+    return {
+      ...state,
+      currentPageKey: pageKey,
+      search
+    };
+  }
+  if (saveResponse.match(action)) {
+    const {
+      page: { csrfToken, assets }
+    } = action.payload;
+    return { ...state, csrfToken, assets };
+  }
+  return state;
+}
+var rootReducer = {
+  superglue: superglueReducer,
+  pages: pageReducer
+};
+
+// lib/hooks/index.ts
+import { useSelector as useSelector2 } from "react-redux";
+function useSuperglue() {
+  return useSelector2((state) => state.superglue);
+}
+function useContent() {
+  const superglueState = useSuperglue();
+  const currentPageKey = superglueState.currentPageKey;
+  return useSelector2(
+    (state) => state.pages[currentPageKey]
+  ).data;
+}
+
+// lib/index.tsx
+var hasWindow2 = typeof window !== "undefined";
+var createHistory = () => {
+  if (hasWindow2) {
+    return createBrowserHistory({});
+  } else {
+    return createMemoryHistory({});
+  }
+};
+var prepareStore = (store, initialPage, path) => {
+  const location = parse(path);
+  const initialPageKey = urlToPageKey(location.href);
+  const { csrfToken } = initialPage;
+  store.dispatch(
+    historyChange({
+      pageKey: initialPageKey
+    })
+  );
+  store.dispatch(saveAndProcessPage(initialPageKey, initialPage));
+  store.dispatch(setCSRFToken({ csrfToken }));
+};
+var setup = ({
+  initialPage,
+  baseUrl,
+  path,
+  store,
+  buildVisitAndRemote,
+  history,
+  navigatorRef
+}) => {
+  config.baseUrl = baseUrl;
+  const { visit, remote } = buildVisitAndRemote(navigatorRef, store);
+  const initialPageKey = urlToPageKey(parse(path).href);
+  const nextHistory = history || createHistory();
+  nextHistory.replace(...argsForHistory(path));
+  prepareStore(store, initialPage, path);
+  const handlers = ujsHandlers({
+    visit,
+    remote,
+    ujsAttributePrefix: "data-sg",
+    store
+  });
+  return {
+    visit,
+    remote,
+    nextHistory,
+    initialPageKey,
+    ujs: handlers
+  };
+};
+function Application({
+  initialPage,
+  baseUrl,
+  path,
+  store,
+  buildVisitAndRemote,
+  history,
+  mapping,
+  ...rest
+}) {
+  const navigatorRef = useRef(null);
+  const { visit, remote, nextHistory, initialPageKey, ujs } = useMemo(() => {
+    return setup({
+      initialPage,
+      baseUrl,
+      path,
+      store,
+      buildVisitAndRemote,
+      history,
+      navigatorRef
+    });
+  }, []);
+  return /* @__PURE__ */ React2.createElement("div", { onClick: ujs.onClick, onSubmit: ujs.onSubmit, ...rest }, /* @__PURE__ */ React2.createElement(Provider, { store }, /* @__PURE__ */ React2.createElement(
+    NavigationProvider,
+    {
+      ref: navigatorRef,
+      visit,
+      remote,
+      mapping,
+      history: nextHistory,
+      initialPageKey
+    }
+  )));
+}
+export {
+  Application,
+  GRAFTING_ERROR,
+  GRAFTING_SUCCESS,
+  NavigationContext,
+  NavigationProvider,
+  beforeFetch,
+  beforeRemote,
+  beforeVisit,
+  copyPage,
+  getIn,
+  pageReducer,
+  prepareStore,
+  removePage,
+  rootReducer,
+  saveAndProcessPage,
+  saveResponse,
+  setup,
+  superglueReducer,
+  updateFragments,
+  urlToPageKey,
+  useContent,
+  useSuperglue
+};
+//# sourceMappingURL=superglue.mjs.map

package/dist/superglue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../lib/index.tsx","../lib/components/Navigation.tsx","../lib/reducers/index.ts","../lib/hooks/index.ts"],"sourcesContent":["import React, { useRef, useMemo } from 'react'\nimport parse from 'url-parse'\nimport { config } from './config'\nimport { urlToPageKey, ujsHandlers, argsForHistory } from './utils'\nimport { saveAndProcessPage } from './action_creators'\nimport { historyChange, setCSRFToken } from './actions'\nimport { Provider } from 'react-redux'\n\nimport { createBrowserHistory, createMemoryHistory } from 'history'\n\nimport { NavigationProvider } from './components/Navigation'\nexport { NavigationProvider, NavigationContext } from './components/Navigation'\nexport { saveAndProcessPage } from './action_creators'\nexport {\n  beforeFetch,\n  beforeVisit,\n  beforeRemote,\n  updateFragments,\n  copyPage,\n  removePage,\n  saveResponse,\n  GRAFTING_ERROR,\n  GRAFTING_SUCCESS,\n} from './actions'\nexport * from './types'\n\nimport {\n  VisitResponse,\n  ApplicationProps,\n  NavigateTo,\n  SuperglueStore,\n  SetupProps,\n} from './types'\nexport { superglueReducer, pageReducer, rootReducer } from './reducers'\nexport { getIn } from './utils/immutability'\nexport { urlToPageKey }\nexport * from './hooks'\n\nconst hasWindow = typeof window !== 'undefined'\n\nconst createHistory = () => {\n  if (hasWindow) {\n    // This is used for client side rendering\n    return createBrowserHistory({})\n  } else {\n    // This is used for server side rendering\n    return createMemoryHistory({})\n  }\n}\n\nexport const prepareStore = (\n  store: SuperglueStore,\n  initialPage: VisitResponse,\n  path: string\n) => {\n  const location = parse(path)\n  const initialPageKey = urlToPageKey(location.href)\n  const { csrfToken } = initialPage\n\n  store.dispatch(\n    historyChange({\n      pageKey: initialPageKey,\n    })\n  )\n  store.dispatch(saveAndProcessPage(initialPageKey, initialPage))\n  store.dispatch(setCSRFToken({ csrfToken }))\n}\n\n/**\n * This is the setup function that the Application calls. Use this function if\n * you like to build your own Application component.\n */\nexport const setup = ({\n  initialPage,\n  baseUrl,\n  path,\n  store,\n  buildVisitAndRemote,\n  history,\n  navigatorRef,\n}: SetupProps) => {\n  config.baseUrl = baseUrl\n\n  const { visit, remote } = buildVisitAndRemote(navigatorRef, store)\n\n  const initialPageKey = urlToPageKey(parse(path).href)\n  const nextHistory = history || createHistory()\n  nextHistory.replace(...argsForHistory(path))\n  prepareStore(store, initialPage, path)\n\n  const handlers = ujsHandlers({\n    visit,\n    remote,\n    ujsAttributePrefix: 'data-sg',\n    store,\n  })\n\n  return {\n    visit,\n    remote,\n    nextHistory,\n    initialPageKey,\n    ujs: handlers,\n  }\n}\n\n/**\n * The entry point to your superglue application. It sets up the redux Provider,\n * redux state and the Navigation component.\n *\n * This is a simple component, you can override this by copying the source code and\n * use the exported methods used by this component (`start` and `ujsHandler`).\n */\nfunction Application({\n  initialPage,\n  baseUrl,\n  path,\n  store,\n  buildVisitAndRemote,\n  history,\n  mapping,\n  ...rest\n}: ApplicationProps) {\n  const navigatorRef = useRef<{ navigateTo: NavigateTo } | null>(null)\n\n  const { visit, remote, nextHistory, initialPageKey, ujs } = useMemo(() => {\n    return setup({\n      initialPage,\n      baseUrl,\n      path,\n      store,\n      buildVisitAndRemote,\n      history,\n      navigatorRef,\n    })\n  }, [])\n\n  // The Nav component is pretty bare and can be inherited from for custom\n  // behavior or replaced with your own.\n  return (\n    <div onClick={ujs.onClick} onSubmit={ujs.onSubmit} {...rest}>\n      <Provider store={store}>\n        <NavigationProvider\n          ref={navigatorRef}\n          visit={visit}\n          remote={remote}\n          mapping={mapping}\n          history={nextHistory}\n          initialPageKey={initialPageKey}\n        />\n      </Provider>\n    </div>\n  )\n}\n\nexport { Application }\n","import React, {\n  createContext,\n  useEffect,\n  forwardRef,\n  useImperativeHandle,\n  ForwardedRef,\n} from 'react'\nimport { urlToPageKey, pathWithoutBZParams } from '../utils'\nimport { removePage, historyChange, setActivePage } from '../actions'\nimport {\n  HistoryState,\n  RootState,\n  NavigateTo,\n  NavigationContextProps,\n  NavigationProviderProps,\n  AllPages,\n  SuperglueState,\n  PageKey,\n} from '../types'\nimport { Update } from 'history'\nimport { useDispatch, useSelector, useStore } from 'react-redux'\n\nconst NavigationContext = createContext<NavigationContextProps>(\n  {} as NavigationContextProps\n)\n\nconst hasWindow = typeof window !== 'undefined'\n\nconst setWindowScroll = (posX: number, posY: number): void => {\n  hasWindow && window.scrollTo(posX, posY)\n}\n\nconst notFound = (identifier: string | undefined): never => {\n  let reminder = ''\n  if (!identifier) {\n    reminder =\n      'Did you forget to add `json.componentIdentifier` in your application.json.props layout?'\n  }\n\n  const error = new Error(\n    `Superglue Nav component was looking for ${identifier} but could not find it in your mapping. ${reminder}`\n  )\n\n  throw error\n}\n\nconst NavigationProvider = forwardRef(function NavigationProvider(\n  { history, visit, remote, mapping }: NavigationProviderProps,\n  ref: ForwardedRef<{ navigateTo: NavigateTo | null }>\n) {\n  const dispatch = useDispatch()\n  const pages = useSelector<RootState, AllPages>((state) => state.pages)\n  const superglue = useSelector<RootState, SuperglueState>(\n    (state) => state.superglue\n  )\n  const store = useStore()\n\n  useEffect(() => {\n    return history.listen(onHistoryChange)\n  }, [])\n\n  useImperativeHandle(\n    ref,\n    () => {\n      return {\n        navigateTo,\n      }\n    },\n    []\n  )\n\n  const visitAndRestore = (pageKey: PageKey, posX: number, posY: number) => {\n    // When the application visit gets called with revisit: true\n    // -  In cases where the response was not redirected, the calculated\n    //    navigationAction is set to 'none' (meaning `navigateTo` immediately returned `false`)\n    //    and so we have restore scroll and the set the active page\n    // -  In cases where the response was redirected, the calculated\n    //    navigationAction is set to 'replace', and is handled gracefully by navigateTo,\n    //    before this method gets called.\n    // That's why we're only concerned with the first case, but we gracefully warn\n    // if the application visit did not return the meta object like the dev was supposed to.\n    return visit(pageKey, { revisit: true }).then((meta) => {\n      if (meta) {\n        if (meta.navigationAction === 'none') {\n          dispatch(setActivePage({ pageKey }))\n          setWindowScroll(posX, posY)\n        }\n      } else {\n        console.warn(\n          `scoll restoration was skipped. Your visit's then funtion\n          should return the meta object it recieved if you want your\n          application to restore the page's previous scroll.`\n        )\n      }\n    })\n  }\n\n  const onHistoryChange = ({ location, action }: Update): void => {\n    const state = location.state as HistoryState\n\n    if (!state && location.hash !== '' && action === 'POP') {\n      const nextPageKey = urlToPageKey(location.pathname + location.search)\n      const containsKey = !!pages[nextPageKey]\n      if (containsKey) {\n        history.replace(\n          {\n            pathname: location.pathname,\n            search: location.search,\n            hash: location.hash,\n          },\n          {\n            pageKey: nextPageKey,\n            superglue: true,\n            posY: window.pageYOffset,\n            posX: window.pageXOffset,\n          }\n        )\n      }\n    }\n\n    if (state && 'superglue' in state) {\n      dispatch(\n        historyChange({\n          pageKey: state.pageKey,\n        })\n      )\n\n      if (action !== 'POP') {\n        return\n      }\n\n      const { pageKey, posX, posY } = state\n      const containsKey = !!pages[pageKey]\n\n      if (containsKey) {\n        const { restoreStrategy } = pages[pageKey]\n\n        switch (restoreStrategy) {\n          case 'fromCacheOnly':\n            dispatch(setActivePage({ pageKey }))\n            setWindowScroll(posX, posY)\n            break\n          case 'fromCacheAndRevisitInBackground':\n            dispatch(setActivePage({ pageKey }))\n            setWindowScroll(posX, posY)\n            visit(pageKey, { revisit: true })\n            break\n          case 'revisitOnly':\n          default:\n            visitAndRestore(pageKey, posX, posY)\n        }\n      } else {\n        visitAndRestore(pageKey, posX, posY)\n      }\n    }\n  }\n\n  const navigateTo: NavigateTo = (\n    path,\n    { action } = {\n      action: 'push',\n    }\n  ) => {\n    if (action === 'none') {\n      return false\n    }\n\n    path = pathWithoutBZParams(path)\n    const nextPageKey = urlToPageKey(path)\n    const hasPage = Object.prototype.hasOwnProperty.call(\n      store.getState().pages,\n      nextPageKey\n    )\n\n    if (hasPage) {\n      const location = history.location\n      const state = location.state as HistoryState\n      const prevPageKey = state.pageKey\n      const historyArgs = [\n        path,\n        {\n          pageKey: nextPageKey,\n          superglue: true,\n          posY: 0,\n          posX: 0,\n        },\n      ] as const\n\n      if (action === 'push') {\n        if (hasWindow) {\n          history.replace(\n            {\n              pathname: location.pathname,\n              search: location.search,\n              hash: location.hash,\n            },\n            {\n              ...state,\n              posY: window.pageYOffset,\n              posX: window.pageXOffset,\n            }\n          )\n        }\n\n        history.push(...historyArgs)\n      }\n\n      if (action === 'replace') {\n        history.replace(...historyArgs)\n      }\n\n      setActivePage({ pageKey: nextPageKey })\n      setWindowScroll(0, 0)\n\n      if (action === 'replace' && prevPageKey && prevPageKey !== nextPageKey) {\n        dispatch(removePage({ pageKey: prevPageKey }))\n      }\n\n      return true\n    } else {\n      console.warn(\n        `\\`navigateTo\\` was called , but could not find\n        the pageKey in the store. This may happen when the wrong\n        content_location was set in your non-get controller action.\n        No navigation will take place`\n      )\n      return false\n    }\n  }\n\n  const { currentPageKey, search } = superglue\n  const { componentIdentifier } = pages[currentPageKey]\n  const Component = mapping[componentIdentifier]\n\n  if (Component) {\n    return (\n      <NavigationContext.Provider\n        value={{ pageKey: currentPageKey, search, navigateTo, visit, remote }}\n      >\n        <Component />\n      </NavigationContext.Provider>\n    )\n  } else {\n    notFound(componentIdentifier)\n  }\n})\n\nexport { NavigationContext, NavigationProvider }\n","import { setIn, getIn, urlToPageKey, parsePageKey } from '../utils'\nimport type { Action } from '@reduxjs/toolkit'\nimport {\n  saveResponse,\n  handleGraft,\n  historyChange,\n  copyPage,\n  setCSRFToken,\n  setActivePage,\n  removePage,\n} from '../actions'\nimport { config } from '../config'\nimport {\n  AllPages,\n  Page,\n  VisitResponse,\n  Fragment,\n  GraftResponse,\n  SuperglueState,\n  JSONMappable,\n} from '../types'\n\nfunction addPlaceholdersToDeferredNodes(existingPage: Page, page: Page): Page {\n  const { defers = [] } = existingPage\n\n  const prevDefers = defers.map(({ path }) => {\n    const node = getIn(existingPage, path)\n    const copy = JSON.stringify(node)\n    return [path, JSON.parse(copy)]\n  })\n\n  return prevDefers.reduce((memo, [path, node]) => {\n    return setIn(page, path, node)\n  }, page)\n}\n\nfunction constrainPagesSize(state: AllPages) {\n  const { maxPages } = config\n  const allPageKeys = Object.keys(state)\n  const cacheTimesRecentFirst = allPageKeys\n    .map((key) => state[key].savedAt)\n    .sort((a, b) => b - a)\n\n  for (const key of Array.from(allPageKeys)) {\n    if (state[key].savedAt <= cacheTimesRecentFirst[maxPages - 1]) {\n      delete state[key]\n    }\n  }\n}\n\nfunction handleSaveResponse(\n  state: AllPages,\n  pageKey: string,\n  page: VisitResponse\n): AllPages {\n  state = { ...state }\n\n  let nextPage: Page = {\n    ...page,\n    savedAt: Date.now(),\n  }\n\n  const existingPage = state[pageKey]\n\n  if (existingPage) {\n    nextPage = addPlaceholdersToDeferredNodes(existingPage, nextPage)\n  }\n  constrainPagesSize(state)\n  state[pageKey] = nextPage\n\n  return state\n}\n\nexport function appendReceivedFragmentsOntoPage(\n  state: AllPages,\n  pageKey: string,\n  receivedFragments: Fragment[]\n): AllPages {\n  if (!pageKey) {\n    return state\n  }\n\n  if (receivedFragments.length === 0) {\n    return state\n  }\n\n  const currentPage = state[pageKey]\n  const { fragments: prevFragments = [] } = currentPage\n  const nextFragments = [...prevFragments]\n  const existingKeys: Record<string, boolean> = {}\n  prevFragments.forEach((frag) => (existingKeys[frag.path] = true))\n\n  receivedFragments.forEach((frag) => {\n    if (!existingKeys[frag.path]) {\n      nextFragments.push(frag)\n    }\n  })\n\n  const nextPage = {\n    ...currentPage,\n    fragments: nextFragments,\n  }\n\n  const nextState = { ...state }\n  nextState[pageKey] = nextPage\n\n  return nextState\n}\n\nexport function graftNodeOntoPage(\n  state: AllPages,\n  pageKey: string,\n  node: JSONMappable,\n  pathToNode: string\n): AllPages {\n  if (!node) {\n    console.warn(\n      'There was no node returned in the response. Do you have the correct key path in your props_at?'\n    )\n    return state\n  }\n\n  if (!pathToNode || !pageKey) {\n    return state\n  }\n  const fullPathToNode = [pageKey, pathToNode].join('.')\n  return setIn(state, fullPathToNode, node)\n}\n\nfunction handleGraftResponse(\n  state: AllPages,\n  pageKey: string,\n  page: GraftResponse\n): AllPages {\n  const currentPage = state[pageKey]\n  if (!currentPage) {\n    const error = new Error(\n      `Superglue was looking for ${pageKey} in your state, but could not find it in your mapping. Did you forget to pass in a valid pageKey to this.props.remote or this.props.visit?`\n    )\n    throw error\n  }\n  const {\n    data: receivedNode,\n    path: pathToNode,\n    fragments: receivedFragments = [],\n  } = page\n\n  return [\n    (nextState: AllPages) =>\n      graftNodeOntoPage(nextState, pageKey, receivedNode, pathToNode),\n    (nextState: AllPages) =>\n      appendReceivedFragmentsOntoPage(nextState, pageKey, receivedFragments),\n  ].reduce((memo, fn) => fn(memo), state)\n}\n\nexport function pageReducer(state: AllPages = {}, action: Action): AllPages {\n  if (removePage.match(action)) {\n    const { pageKey } = action.payload\n    const nextState = { ...state }\n    delete nextState[pageKey]\n\n    return nextState\n  }\n\n  if (copyPage.match(action)) {\n    const nextState = { ...state }\n    const { from, to } = action.payload\n\n    nextState[urlToPageKey(to)] = JSON.parse(JSON.stringify(nextState[from]))\n\n    return nextState\n  }\n\n  if (handleGraft.match(action)) {\n    const { pageKey, page } = action.payload\n\n    return handleGraftResponse(state, pageKey, page)\n  }\n\n  if (saveResponse.match(action)) {\n    const { pageKey, page } = action.payload\n    const nextState = handleSaveResponse(state, pageKey, page)\n    return nextState\n  }\n\n  return state\n}\n\nexport function superglueReducer(\n  state: SuperglueState = {\n    currentPageKey: '',\n    search: {},\n    assets: [],\n  },\n  action: Action\n): SuperglueState {\n  if (setCSRFToken.match(action)) {\n    const { csrfToken } = action.payload\n    return { ...state, csrfToken: csrfToken }\n  }\n\n  if (setActivePage.match(action)) {\n    const { pageKey } = action.payload\n    const { search } = parsePageKey(pageKey)\n\n    return {\n      ...state,\n      search,\n      currentPageKey: pageKey,\n    }\n  }\n\n  if (historyChange.match(action)) {\n    const { pageKey } = action.payload\n    const { search } = parsePageKey(pageKey)\n\n    return {\n      ...state,\n      currentPageKey: pageKey,\n      search,\n    }\n  }\n\n  if (saveResponse.match(action)) {\n    const {\n      page: { csrfToken, assets },\n    } = action.payload\n\n    return { ...state, csrfToken, assets }\n  }\n\n  return state\n}\n\nexport const rootReducer = {\n  superglue: superglueReducer,\n  pages: pageReducer,\n}\n","import { useSelector } from 'react-redux'\nimport { JSONMappable, Page, RootState, SuperglueState } from '../types'\n\n/**\n * A lightweight hook that grabs the superglue state from the store.\n */\nexport function useSuperglue() {\n  return useSelector<RootState, SuperglueState>((state) => state.superglue)\n}\n\n/**\n * A lightweight hook that grabs the current page's content from the store.\n */\nexport function useContent<T = JSONMappable>() {\n  const superglueState = useSuperglue()\n  const currentPageKey = superglueState.currentPageKey\n\n  return useSelector<RootState<T>, Page<T>>(\n    (state) => state.pages[currentPageKey]\n  ).data\n}\n"],"mappings":"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","names":["React","NavigationProvider","useSelector","hasWindow","React"]}

package/package.json

@@ -1,56 +1,90 @@
 {
   "name": "@thoughtbot/superglue",
-  "version": "0.53.4",
+  "version": "1.0.0",
   "description": "Use a vanilla Rails with React and Redux",
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "clean": "rm -rf dist",
+    "lint": "run-p lint:eslint lint:types lint:prettier",
+    "lint:eslint": "eslint --max-warnings=0 --ext js,jsx,ts,tsx ./lib",
+    "lint:prettier": "prettier --check '**/*' --ignore-unknown",
+    "lint:types": "tsc",
+    "fix:prettier": "prettier --write '**/*' --ignore-unknown",
+    "test": "vitest",
+    "test:run": "vitest run",
+    "test:cov": "vitest --coverage",
+    "test:all": "npm lint && npm test:run",
+    "pub:beta": "npm build && npm publish --tag beta",
+    "pub:release": "npm build && npm publish"
+  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/thoughtbot/superglue.git"
   },
   "author": "Johny Ho",
+  "main": "dist/cjs/superglue.cjs",
+  "module": "dist/superglue.mjs",
+  "types": "dist/superglue.d.mts",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "./dist/superglue.d.mts",
+      "import": "./dist/superglue.mjs",
+      "default": "./dist/cjs/superglue.cjs"
+    },
+    "./action_creators": {
+      "types": "./dist/action_creators.d.mts",
+      "import": "./dist/action_creators.mjs",
+      "default": "./dist/cjs/action_creators.cjs"
+    }
+  },
   "license": "MIT",
   "bugs": {
     "url": "https://github.com/thoughtbot/superglue/issues"
   },
   "homepage": "https://github.com/thoughtbot/superglue#readme",
   "devDependencies": {
-    "@babel/cli": "^7.14.3",
-    "@babel/core": "^7.14.3",
-    "@babel/preset-env": "^7.14.4",
-    "@babel/preset-react": "^7.13.13",
-    "@babel/preset-typescript": "^7.24.6",
-    "@typescript-eslint/eslint-plugin": "^4.28.5",
-    "@typescript-eslint/parser": "^4.28.5",
-    "core-js": "^2.6.12",
-    "enzyme": "^3.11.0",
-    "enzyme-adapter-react-16": "^1.15.6",
-    "eslint": "^7.28.0",
-    "eslint-config-prettier": "^8.3.0",
-    "eslint-plugin-prettier": "^3.4.0",
-    "eslint-plugin-react": "^7.24.0",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.5.0",
+    "@testing-library/react": "^16.0.1",
+    "@testing-library/user-event": "^14.5.2",
+    "@types/node": "^22.10.1",
+    "@types/url-parse": "^1.4.11",
+    "@typescript-eslint/eslint-plugin": "^7.15.0",
+    "@typescript-eslint/parser": "^7.15.0",
+    "@vitejs/plugin-react": "^4.3.1",
+    "@vitest/coverage-v8": "^2.0.2",
+    "abortcontroller-polyfill": "^1.7.3",
+    "eslint": "^8.57.0",
+    "eslint-plugin-react": "^7.34.3",
     "fetch-headers": "^2.0.0",
     "fetch-mock": "^9.11.0",
-    "history": "^5.3.0",
-    "jest": "^27.0.4",
+    "jsdom": "^24.1.0",
     "node-fetch": "^2.6.1",
+    "npm-run-all": "^4.1.5",
     "prettier": "^2.3.1",
-    "prop-types": "^15.7.2",
-    "react": "^16.4.0",
-    "react-dom": "^16.4.0",
-    "react-redux": "^7.2.4",
-    "redux": "^4.1.0",
+    "prettier-eslint": "^16.3.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-redux": "^7.2.9",
+    "redux": "^5.0.1",
     "redux-mock-store": "^1.5.4",
-    "redux-thunk": "^2.3.0"
+    "redux-thunk": "^3.1.0",
+    "tsup": "^8.1.0",
+    "typedoc": "~0.26.5",
+    "typedoc-plugin-markdown": "~4.2.3",
+    "typedoc-plugin-missing-exports": "~3.0.0",
+    "typescript": "^5.5.3",
+    "vitest": "^2.0.2"
   },
   "peerDependencies": {
-    "history": "^5.3.0",
-    "react": ">=16",
-    "react-redux": ">=7.2",
-    "redux": ">=4.1",
-    "redux-thunk": ">=2.3"
+    "react": "^18 || ^19",
+    "react-redux": "^9 || ^8",
+    "@reduxjs/toolkit": "^2.2.8"
   },
   "dependencies": {
-    "abortcontroller-polyfill": "^1.7.3",
-    "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
+    "history": "^5.3.0",
     "url-parse": "^1.5.1"
   }
 }