@thoughtbot/superglue 2.0.0-alpha.10 → 2.0.0-alpha.11

package/dist/{index-j0c-9ZLt.d.mts → index-DwEjetER.d.mts}

@@ -72,14 +72,12 @@ declare const rootReducer: {
 type FragmentProxy = {
     __fragment: true;
 };
-type ProxiedContent<T> = T extends Fragment<infer U, true> ? ProxiedContent<U> & FragmentProxy : T extends Fragment<infer U, false | undefined> ? (ProxiedContent<U> & FragmentProxy) | undefined : T extends (infer U)[] ? ProxiedContent<U>[] : T extends object ? {
-    [K in keyof T]: ProxiedContent<T[K]>;
-} : T;
 type FragmentRefOrId = FragmentRef | string;
-declare function useContent<T = JSONMappable>(): ProxiedContent<T>;
-declare function useContent<T = JSONMappable>(fragmentRef: FragmentRefOrId): ProxiedContent<T>;
+declare function useContent<T = JSONMappable>(): T;
+declare function useContent<T = JSONMappable>(fragmentRef: FragmentRefOrId): T;
 declare function unproxy<T>(proxy: T): Unproxy<T>;
 
+type ReceiveType<T> = unknown;
 type PageKey = string;
 type RestoreStrategy = 'fromCacheOnly' | 'revisitOnly' | 'fromCacheAndRevisitInBackground';
 type NavigationAction = 'push' | 'replace' | 'none';
@@ -93,11 +91,11 @@ type JSONObject = {
 type JSONMappable = JSONValue[] | JSONObject;
 type JSONKeyable = JSONObject[] | JSONObject;
 type JSONValue = JSONPrimitive | JSONMappable;
-type Fragment<T, Present = false> = {
+type Fragment<T, Present = false> = Present extends true ? T & {
     __id: string;
-    __fragmentType?: T;
-    __required?: Present extends boolean ? Present : false;
-};
+} : (T & {
+    __id: string;
+}) | undefined;
 type Unproxy<T> = T extends FragmentProxy ? FragmentRef : T extends Fragment<unknown, unknown> ? FragmentRef : T extends (infer U)[] ? Unproxy<U>[] : T extends object ? {
     [K in keyof T]: Unproxy<T[K]>;
 } : T;
@@ -280,4 +278,4 @@ declare const visit: VisitCreator;
 
 declare function saveAndProcessPage(pageKey: string, page: PageResponse): SaveAndProcessPageThunk;
 
-export { type BasicRequestInit as $, type ApplicationRemote as A, type AllPages as B, type ComponentIdentifier as C, type Defer as D, type AllFragments as E, type FetchArgs as F, type GraftResponse as G, type Handlers as H, type RootState as I, type JSONMappable as J, type Keypath as K, type VisitCreator as L, type Meta as M, type NavigationProviderProps as N, type RemoteCreator as O, type PageKey as P, type Dispatch as Q, type RestoreStrategy as R, type SuperglueStore as S, type UJSHandlers as T, type Unproxy as U, type VisitMeta as V, type HistoryState as W, type SaveAndProcessPageThunk as X, type MetaThunk as Y, type VisitMetaThunk as Z, type DefermentThunk as _, type JSONValue as a, type BuildStore as a0, type BuildVisitAndRemote as a1, type Visit as a2, type VisitProps as a3, type Remote as a4, type RemoteProps as a5, type BeforeSave as a6, type GraftingSuccessAction as a7, type GraftingErrorAction as a8, useContent as a9, MismatchedComponentError as aa, remote as ab, visit as ac, type NavigateTo as b, type NavigationContextProps as c, type SaveResponse as d, type PageResponse as e, type Fragment as f, type FragmentProxy as g, type SuperglueState as h, type ApplicationProps as i, type SetupProps as j, type ApplicationVisit as k, superglueReducer as l, type NavigationAction as m, type JSONPrimitive as n, type JSONObject as o, pageReducer as p, type JSONKeyable as q, rootReducer as r, saveAndProcessPage as s, type ParsedResponse as t, unproxy as u, type Page as v, type StreamMessage as w, type StreamResponse as x, type FragmentPath as y, type FragmentRef as z };
+export { type DefermentThunk as $, type ApplicationRemote as A, type FragmentRef as B, type ComponentIdentifier as C, type Defer as D, type AllPages as E, type FetchArgs as F, type GraftResponse as G, type Handlers as H, type AllFragments as I, type JSONMappable as J, type Keypath as K, type RootState as L, type Meta as M, type NavigationProviderProps as N, type VisitCreator as O, type PageKey as P, type RemoteCreator as Q, type ReceiveType as R, type SuperglueStore as S, type Dispatch as T, type Unproxy as U, type VisitMeta as V, type UJSHandlers as W, type HistoryState as X, type SaveAndProcessPageThunk as Y, type MetaThunk as Z, type VisitMetaThunk as _, type JSONValue as a, type BasicRequestInit as a0, type BuildStore as a1, type BuildVisitAndRemote as a2, type Visit as a3, type VisitProps as a4, type Remote as a5, type RemoteProps as a6, type BeforeSave as a7, type GraftingSuccessAction as a8, type GraftingErrorAction as a9, useContent as aa, MismatchedComponentError as ab, remote as ac, visit as ad, type NavigateTo as b, type NavigationContextProps as c, type SaveResponse as d, type PageResponse as e, type Fragment as f, type FragmentProxy as g, type SuperglueState as h, type ApplicationProps as i, type SetupProps as j, type ApplicationVisit as k, superglueReducer as l, type RestoreStrategy as m, type NavigationAction as n, type JSONPrimitive as o, pageReducer as p, type JSONObject as q, rootReducer as r, saveAndProcessPage as s, type JSONKeyable as t, unproxy as u, type ParsedResponse as v, type Page as w, type StreamMessage as x, type StreamResponse as y, type FragmentPath as z };

package/dist/index.js

@@ -0,0 +1,7 @@
+'use strict'
+
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('./cjs/superglue.cjs')
+} else {
+  module.exports = require('./cjs/superglue.development.cjs')
+}

package/dist/superglue.d.mts

@@ -1,6 +1,6 @@
 import * as history from 'history';
-import { J as JSONMappable, K as Keypath, a as JSONValue, P as PageKey, A as ApplicationRemote, S as SuperglueStore, N as NavigationProviderProps, b as NavigateTo, c as NavigationContextProps, F as FetchArgs, d as SaveResponse, e as PageResponse, f as Fragment, U as Unproxy, g as FragmentProxy, h as SuperglueState, i as ApplicationProps, j as SetupProps, k as ApplicationVisit, H as Handlers } from './index-j0c-9ZLt.mjs';
-export { E as AllFragments, B as AllPages, $ as BasicRequestInit, a6 as BeforeSave, a0 as BuildStore, a1 as BuildVisitAndRemote, C as ComponentIdentifier, D as Defer, _ as DefermentThunk, Q as Dispatch, y as FragmentPath, z as FragmentRef, G as GraftResponse, a8 as GraftingErrorAction, a7 as GraftingSuccessAction, W as HistoryState, q as JSONKeyable, o as JSONObject, n as JSONPrimitive, M as Meta, Y as MetaThunk, m as NavigationAction, v as Page, t as ParsedResponse, a4 as Remote, O as RemoteCreator, a5 as RemoteProps, R as RestoreStrategy, I as RootState, X as SaveAndProcessPageThunk, w as StreamMessage, x as StreamResponse, T as UJSHandlers, a2 as Visit, L as VisitCreator, V as VisitMeta, Z as VisitMetaThunk, a3 as VisitProps, p as pageReducer, r as rootReducer, s as saveAndProcessPage, l as superglueReducer, u as unproxy, a9 as useContent } from './index-j0c-9ZLt.mjs';
+import { J as JSONMappable, K as Keypath, a as JSONValue, P as PageKey, A as ApplicationRemote, S as SuperglueStore, N as NavigationProviderProps, b as NavigateTo, c as NavigationContextProps, F as FetchArgs, d as SaveResponse, e as PageResponse, f as Fragment, U as Unproxy, g as FragmentProxy, h as SuperglueState, i as ApplicationProps, j as SetupProps, k as ApplicationVisit, H as Handlers } from './index-DwEjetER.mjs';
+export { I as AllFragments, E as AllPages, a0 as BasicRequestInit, a7 as BeforeSave, a1 as BuildStore, a2 as BuildVisitAndRemote, C as ComponentIdentifier, D as Defer, $ as DefermentThunk, T as Dispatch, z as FragmentPath, B as FragmentRef, G as GraftResponse, a9 as GraftingErrorAction, a8 as GraftingSuccessAction, X as HistoryState, t as JSONKeyable, q as JSONObject, o as JSONPrimitive, M as Meta, Z as MetaThunk, n as NavigationAction, w as Page, v as ParsedResponse, R as ReceiveType, a5 as Remote, Q as RemoteCreator, a6 as RemoteProps, m as RestoreStrategy, L as RootState, Y as SaveAndProcessPageThunk, x as StreamMessage, y as StreamResponse, W as UJSHandlers, a3 as Visit, O as VisitCreator, V as VisitMeta, _ as VisitMetaThunk, a4 as VisitProps, p as pageReducer, r as rootReducer, s as saveAndProcessPage, l as superglueReducer, u as unproxy, aa as useContent } from './index-DwEjetER.mjs';
 import React from 'react';
 import { ChannelNameWithParams, Subscription } from '@rails/actioncable';
 import { DebouncedFunc } from 'lodash';

package/dist/superglue.development.mjs

@@ -0,0 +1,417 @@
+import {
+  CableContext,
+  GRAFTING_ERROR,
+  GRAFTING_SUCCESS,
+  StreamActions,
+  __ΩAllFragments,
+  __ΩAllPages,
+  __ΩApplicationProps,
+  __ΩApplicationRemote,
+  __ΩApplicationVisit,
+  __ΩBasicRequestInit,
+  __ΩBeforeSave,
+  __ΩBuildStore,
+  __ΩBuildVisitAndRemote,
+  __ΩComponentIdentifier,
+  __ΩDefer,
+  __ΩDefermentThunk,
+  __ΩDispatch,
+  __ΩFetchArgs,
+  __ΩFragment,
+  __ΩFragmentPath,
+  __ΩFragmentRef,
+  __ΩGraftResponse,
+  __ΩGraftingErrorAction,
+  __ΩGraftingSuccessAction,
+  __ΩHandlers,
+  __ΩHistoryState,
+  __ΩJSONKeyable,
+  __ΩJSONMappable,
+  __ΩJSONObject,
+  __ΩJSONPrimitive,
+  __ΩJSONValue,
+  __ΩKeypath,
+  __ΩMeta,
+  __ΩMetaThunk,
+  __ΩNavigateTo,
+  __ΩNavigationAction,
+  __ΩNavigationContextProps,
+  __ΩNavigationProviderProps,
+  __ΩPage,
+  __ΩPageKey,
+  __ΩPageResponse,
+  __ΩParsedResponse,
+  __ΩReceiveType,
+  __ΩRemote,
+  __ΩRemoteCreator,
+  __ΩRemoteProps,
+  __ΩRestoreStrategy,
+  __ΩRootState,
+  __ΩSaveAndProcessPageThunk,
+  __ΩSaveResponse,
+  __ΩSetupProps,
+  __ΩStreamMessage,
+  __ΩStreamResponse,
+  __ΩSuperglueState,
+  __ΩSuperglueStore,
+  __ΩUJSHandlers,
+  __ΩUnproxy,
+  __ΩVisit,
+  __ΩVisitCreator,
+  __ΩVisitMeta,
+  __ΩVisitMetaThunk,
+  __ΩVisitProps,
+  argsForHistory,
+  beforeFetch,
+  beforeRemote,
+  beforeVisit,
+  config,
+  copyPage,
+  getIn,
+  historyChange,
+  pageReducer,
+  receiveResponse,
+  removePage,
+  rootReducer,
+  saveAndProcessPage,
+  saveResponse,
+  setActivePage,
+  setCSRFToken,
+  superglueReducer,
+  ujsHandlers,
+  unproxy,
+  urlToPageKey,
+  useContent,
+  useSetFragment,
+  useStreamSource,
+  useSuperglue
+} from "./chunk-AEIBTV6M.development.mjs";
+
+// lib/index.tsx
+import React2, { useRef, useMemo } from "react";
+import { Provider } from "react-redux";
+import { createConsumer } from "@rails/actioncable";
+import { createBrowserHistory, createMemoryHistory } from "history";
+
+// lib/components/Navigation.tsx
+import React, { createContext, useEffect, useLayoutEffect, forwardRef, useImperativeHandle } from "react";
+import { useDispatch, useSelector, useStore } from "react-redux";
+function __assignType(fn, args) {
+  fn.__type = args;
+  return fn;
+}
+var NavigationContext = (createContext.\u03A9 = [[() => __\u03A9NavigationContextProps, "n!"]], createContext({}));
+var hasWindow = typeof window !== "undefined";
+var setWindowScroll = __assignType((posX, posY) => {
+  hasWindow && window.scrollTo(posX, posY);
+}, ["posX", "posY", "", `P'2!'2"$/#`]);
+var notFound = __assignType((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;
+}, ["identifier", "", 'PP&-J2!!/"']);
+var NavigationProvider = forwardRef(__assignType(function NavigationProvider2({ history, visit, remote, mapping }, ref) {
+  const dispatch = useDispatch();
+  const pages = (useSelector.\u03A9 = [[() => __\u03A9RootState, "n!"], [() => __\u03A9AllPages, "n!"]], useSelector(__assignType((state) => state.pages, ["state", "", 'P"2!"/"'])));
+  const superglue = (useSelector.\u03A9 = [[() => __\u03A9RootState, "n!"], [() => __\u03A9SuperglueState, "n!"]], useSelector(__assignType((state) => state.superglue, ["state", "", 'P"2!"/"'])));
+  const currentPageKey = (useSelector.\u03A9 = [[() => __\u03A9RootState, "n!"], ["&"]], useSelector(__assignType((state) => state.superglue.currentPageKey, ["state", "", 'P"2!"/"'])));
+  const store = (useStore.\u03A9 = [[() => __\u03A9RootState, "n!"]], useStore());
+  useEffect(() => {
+    return history.listen(onHistoryChange);
+  }, []);
+  useLayoutEffect(() => {
+    const state = history.location.state;
+    if (state && "superglue" in state) {
+      const { posX, posY } = state;
+      setWindowScroll(posX, posY);
+    }
+  }, [currentPageKey]);
+  useImperativeHandle(ref, () => {
+    return {
+      navigateTo
+    };
+  }, []);
+  const onHistoryChange = __assignType(({ location, action }) => {
+    const state = location.state;
+    if (action !== "POP") {
+      return;
+    }
+    if (!state && location.hash !== "") {
+      const nextPageKey = urlToPageKey(location.pathname + location.search);
+      const containsKey = !!pages[nextPageKey];
+      if (containsKey) {
+        history.replace({
+          pathname: location.pathname,
+          search: location.search,
+          hash: location.hash
+        }, {
+          superglue: true,
+          posY: window.pageYOffset,
+          posX: window.pageXOffset
+        });
+      }
+    }
+    if (state && "superglue" in state) {
+      const pageKey = urlToPageKey(location.pathname + location.search);
+      const prevPageKey = store.getState().superglue.currentPageKey;
+      const containsKey = !!pages[pageKey];
+      if (containsKey) {
+        const { restoreStrategy } = pages[pageKey];
+        switch (restoreStrategy) {
+          case "fromCacheOnly":
+            dispatch(setActivePage({ pageKey }));
+            break;
+          case "fromCacheAndRevisitInBackground":
+            dispatch(setActivePage({ pageKey }));
+            visit(pageKey, { revisit: true });
+            break;
+          case "revisitOnly":
+          default:
+            visit(pageKey, { revisit: true }).then(() => {
+              const noNav = prevPageKey === store.getState().superglue.currentPageKey;
+              if (noNav) {
+                dispatch(setActivePage({ pageKey }));
+              }
+            });
+        }
+      } else {
+        visit(pageKey, { revisit: true }).then(() => {
+          const noNav = prevPageKey === store.getState().superglue.currentPageKey;
+          if (noNav) {
+            dispatch(setActivePage({ pageKey }));
+          }
+        });
+      }
+    }
+  }, ["Update", "param0", "", 'P"w!2"$/#']);
+  const navigateTo = __assignType((path, { action } = {
+    action: "push"
+  }) => {
+    if (action === "none") {
+      return false;
+    }
+    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 historyArgs = [
+        path,
+        {
+          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.scrollY,
+            posX: window.scrollX
+          });
+        }
+        history.push(...historyArgs);
+        dispatch(setActivePage({ pageKey: nextPageKey }));
+      }
+      if (action === "replace") {
+        history.replace(...historyArgs);
+        if (currentPageKey !== nextPageKey) {
+          dispatch(setActivePage({ pageKey: nextPageKey }));
+          dispatch(removePage({ pageKey: currentPageKey }));
+        }
+      }
+      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;
+    }
+  }, ["path", "param1", "", 'P"2!"2""/#']);
+  const { 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);
+  }
+}, [() => __\u03A9NavigationProviderProps, "param0", "ref", "NavigationProvider", 'Pn!2"!2#"/$']));
+
+// lib/index.tsx
+function __assignType2(fn, args) {
+  fn.__type = args;
+  return fn;
+}
+function getConfig(name) {
+  if (typeof document !== "undefined") {
+    const element = document.head.querySelector(`meta[name='action-cable-${name}']`);
+    if (element) {
+      return element.getAttribute("content") || "/cable";
+    } else {
+      return "/cable";
+    }
+  } else {
+    return "/cable";
+  }
+}
+getConfig.__type = ["name", "getConfig", 'P&2!"/"'];
+var cable = createConsumer(getConfig("url"));
+var hasWindow2 = typeof window !== "undefined";
+var createHistory = () => {
+  if (hasWindow2) {
+    return createBrowserHistory({});
+  } else {
+    return createMemoryHistory({});
+  }
+};
+var prepareStore = __assignType2(
+  (store, initialPage, path) => {
+    const initialPageKey = urlToPageKey(path);
+    const { csrfToken } = initialPage;
+    store.dispatch(historyChange({
+      pageKey: initialPageKey
+    }));
+    store.dispatch(receiveResponse({ pageKey: initialPageKey, response: initialPage }));
+    store.dispatch(saveAndProcessPage(initialPageKey, initialPage));
+    store.dispatch(setCSRFToken({ csrfToken }));
+  },
+  [() => __\u03A9SuperglueStore, "store", () => __\u03A9SaveResponse, "initialPage", "path", "", 'Pn!2"n#2$&2%"/&']
+);
+var setup = __assignType2(({ initialPage, baseUrl, path, store, buildVisitAndRemote, history, navigatorRef }) => {
+  config.baseUrl = baseUrl;
+  const { visit, remote } = buildVisitAndRemote(navigatorRef, store);
+  const initialPageKey = urlToPageKey(path);
+  const nextHistory = history || createHistory();
+  nextHistory.replace(...argsForHistory(path));
+  prepareStore(store, initialPage, path);
+  const handlers = ujsHandlers({
+    visit,
+    remote,
+    ujsAttributePrefix: "data-sg",
+    store
+  });
+  const streamActions = new StreamActions({ remote, store });
+  return {
+    visit,
+    remote,
+    nextHistory,
+    initialPageKey,
+    ujs: handlers,
+    streamActions
+  };
+}, [() => __\u03A9SetupProps, "param0", "", 'Pn!2""/#']);
+if (process.env.NODE_ENV !== "production") {
+  console.info("%cSuperglue Development Mode: Remember to build for production before deploying.", "font-weight:bold");
+}
+function Application({ initialPage, baseUrl, path, store, buildVisitAndRemote, history, mapping, ...rest }) {
+  const navigatorRef = (useRef.\u03A9 = [[() => __\u03A9NavigateTo, "navigateTo", 'PPn!4"M,J']], useRef(null));
+  const { visit, remote, nextHistory, initialPageKey, ujs, streamActions } = 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(CableContext.Provider, { value: { streamActions, cable } }, /* @__PURE__ */ React2.createElement(NavigationProvider, { ref: navigatorRef, visit, remote, mapping, history: nextHistory, initialPageKey }))));
+}
+Application.__type = [() => __\u03A9ApplicationProps, "param0", "Application", 'Pn!2""/#'];
+export {
+  Application,
+  GRAFTING_ERROR,
+  GRAFTING_SUCCESS,
+  NavigationContext,
+  NavigationProvider,
+  __\u03A9AllFragments,
+  __\u03A9AllPages,
+  __\u03A9ApplicationProps,
+  __\u03A9ApplicationRemote,
+  __\u03A9ApplicationVisit,
+  __\u03A9BasicRequestInit,
+  __\u03A9BeforeSave,
+  __\u03A9BuildStore,
+  __\u03A9BuildVisitAndRemote,
+  __\u03A9ComponentIdentifier,
+  __\u03A9Defer,
+  __\u03A9DefermentThunk,
+  __\u03A9Dispatch,
+  __\u03A9FetchArgs,
+  __\u03A9Fragment,
+  __\u03A9FragmentPath,
+  __\u03A9FragmentRef,
+  __\u03A9GraftResponse,
+  __\u03A9GraftingErrorAction,
+  __\u03A9GraftingSuccessAction,
+  __\u03A9Handlers,
+  __\u03A9HistoryState,
+  __\u03A9JSONKeyable,
+  __\u03A9JSONMappable,
+  __\u03A9JSONObject,
+  __\u03A9JSONPrimitive,
+  __\u03A9JSONValue,
+  __\u03A9Keypath,
+  __\u03A9Meta,
+  __\u03A9MetaThunk,
+  __\u03A9NavigateTo,
+  __\u03A9NavigationAction,
+  __\u03A9NavigationContextProps,
+  __\u03A9NavigationProviderProps,
+  __\u03A9Page,
+  __\u03A9PageKey,
+  __\u03A9PageResponse,
+  __\u03A9ParsedResponse,
+  __\u03A9ReceiveType,
+  __\u03A9Remote,
+  __\u03A9RemoteCreator,
+  __\u03A9RemoteProps,
+  __\u03A9RestoreStrategy,
+  __\u03A9RootState,
+  __\u03A9SaveAndProcessPageThunk,
+  __\u03A9SaveResponse,
+  __\u03A9SetupProps,
+  __\u03A9StreamMessage,
+  __\u03A9StreamResponse,
+  __\u03A9SuperglueState,
+  __\u03A9SuperglueStore,
+  __\u03A9UJSHandlers,
+  __\u03A9Unproxy,
+  __\u03A9Visit,
+  __\u03A9VisitCreator,
+  __\u03A9VisitMeta,
+  __\u03A9VisitMetaThunk,
+  __\u03A9VisitProps,
+  beforeFetch,
+  beforeRemote,
+  beforeVisit,
+  copyPage,
+  getIn,
+  pageReducer,
+  prepareStore,
+  receiveResponse,
+  removePage,
+  rootReducer,
+  saveAndProcessPage,
+  saveResponse,
+  setup,
+  superglueReducer,
+  unproxy,
+  urlToPageKey,
+  useContent,
+  useSetFragment,
+  useStreamSource,
+  useSuperglue
+};
+//# sourceMappingURL=superglue.development.mjs.map

package/dist/superglue.development.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../lib/index.tsx","../lib/components/Navigation.tsx"],"sourcesContent":["function __assignType(fn, args) {\n    fn.__type = args;\n    return fn;\n}\nimport React, { useRef, useMemo } from 'react';\nimport { config } from './config';\nimport { urlToPageKey, ujsHandlers, argsForHistory } from './utils';\nimport { saveAndProcessPage } from './action_creators';\nimport { historyChange, setCSRFToken, receiveResponse } from './actions';\nimport { Provider } from 'react-redux';\nimport { CableContext, StreamActions } from './hooks/useStreamSource';\nimport { createConsumer } from '@rails/actioncable';\nimport { createBrowserHistory, createMemoryHistory } from 'history';\nimport { NavigationProvider } from './components/Navigation';\nexport { NavigationProvider, NavigationContext } from './components/Navigation';\nexport { saveAndProcessPage } from './action_creators';\nexport { beforeFetch, beforeVisit, beforeRemote, copyPage, removePage, saveResponse, receiveResponse, GRAFTING_ERROR, GRAFTING_SUCCESS, } from './actions';\nexport * from './types';\n/*@ts-ignore*/\nimport { __ΩSuperglueStore, __ΩSaveResponse, __ΩSetupProps, __ΩNavigateTo, __ΩApplicationProps } from './types';\nimport { SaveResponse, ApplicationProps, NavigateTo, SuperglueStore, SetupProps, } from './types';\nexport { superglueReducer, pageReducer, rootReducer } from './reducers';\nexport { getIn } from './utils/immutability';\nexport { urlToPageKey };\nexport * from './hooks';\nexport { unproxy } from './hooks/useContent';\nfunction getConfig(name: string) {\n    if (typeof document !== 'undefined') {\n        const element = document.head.querySelector(`meta[name='action-cable-${name}']`);\n        if (element) {\n            return element.getAttribute('content') || '/cable';\n        }\n        else {\n            return '/cable';\n        }\n    }\n    else {\n        return '/cable';\n    }\n}\ngetConfig.__type = ['name', 'getConfig', 'P&2!\"/\"'];\nconst cable = createConsumer(getConfig('url'));\nconst hasWindow = typeof window !== 'undefined';\nconst createHistory = () => {\n    if (hasWindow) {\n        // This is used for client side rendering\n        return createBrowserHistory({});\n    }\n    else {\n        // This is used for server side rendering\n        return createMemoryHistory({});\n    }\n};\nexport const prepareStore = __assignType((store: SuperglueStore, initialPage: SaveResponse, path: string) => {\n    const initialPageKey = urlToPageKey(path);\n    const { csrfToken } = initialPage;\n    store.dispatch(historyChange({\n        pageKey: initialPageKey,\n    }));\n    store.dispatch(receiveResponse({ pageKey: initialPageKey, response: initialPage }));\n    store.dispatch(saveAndProcessPage(initialPageKey, initialPage));\n    store.dispatch(setCSRFToken({ csrfToken }));\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 */\n, [() => __ΩSuperglueStore, 'store', () => __ΩSaveResponse, 'initialPage', 'path', '', 'Pn!2\"n#2$&2%\"/&']);\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 = __assignType(({ initialPage, baseUrl, path, store, buildVisitAndRemote, history, navigatorRef, }: SetupProps) => {\n    config.baseUrl = baseUrl;\n    const { visit, remote } = buildVisitAndRemote(navigatorRef, store);\n    const initialPageKey = urlToPageKey(path);\n    const nextHistory = history || createHistory();\n    nextHistory.replace(...argsForHistory(path));\n    prepareStore(store, initialPage, path);\n    const handlers = ujsHandlers({\n        visit,\n        remote,\n        ujsAttributePrefix: 'data-sg',\n        store,\n    });\n    const streamActions = new StreamActions({ remote, store });\n    return {\n        visit,\n        remote,\n        nextHistory,\n        initialPageKey,\n        ujs: handlers,\n        streamActions,\n    };\n}, [() => __ΩSetupProps, 'param0', '', 'Pn!2\"\"/#']);\nif (process.env.NODE_ENV !== 'production') {\n    console.info('%cSuperglue Development Mode: ' +\n        'Remember to build for production before deploying.', 'font-weight:bold');\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({ initialPage, baseUrl, path, store, buildVisitAndRemote, history, mapping, ...rest }: ApplicationProps) {\n    const navigatorRef = (useRef.Ω = [[() => __ΩNavigateTo, 'navigateTo', 'PPn!4\"M,J']], useRef<{\n        navigateTo: NavigateTo;\n    } | null>(null));\n    const { visit, remote, nextHistory, initialPageKey, ujs, streamActions } = useMemo(() => {\n        return setup({\n            initialPage,\n            baseUrl,\n            path,\n            store,\n            buildVisitAndRemote,\n            history,\n            navigatorRef,\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 (<div onClick={ujs.onClick} onSubmit={ujs.onSubmit} {...rest}>\n      <Provider store={store}>\n        <CableContext.Provider value={{ streamActions, cable }}>\n          <NavigationProvider ref={navigatorRef} visit={visit} remote={remote} mapping={mapping} history={nextHistory} initialPageKey={initialPageKey}/>\n        </CableContext.Provider>\n      </Provider>\n    </div>);\n}\nApplication.__type = [() => __ΩApplicationProps, 'param0', 'Application', 'Pn!2\"\"/#'];\nexport { Application };\n","function __assignType(fn, args) {\n    fn.__type = args;\n    return fn;\n}\nimport React, { createContext, useEffect, useLayoutEffect, forwardRef, useImperativeHandle, ForwardedRef, } from 'react';\nimport { urlToPageKey } from '../utils';\nimport { removePage, setActivePage } from '../actions';\n/*@ts-ignore*/\nimport { __ΩNavigationContextProps, __ΩRootState, __ΩAllPages, __ΩSuperglueState, __ΩNavigationProviderProps } from '../types';\nimport { HistoryState, RootState, NavigateTo, NavigationContextProps, NavigationProviderProps, AllPages, SuperglueState, } from '../types';\nimport { Update } from 'history';\nimport { useDispatch, useSelector, useStore } from 'react-redux';\nconst NavigationContext = (createContext.Ω = [[() => __ΩNavigationContextProps, 'n!']], createContext<NavigationContextProps>({} as NavigationContextProps));\nconst hasWindow = typeof window !== 'undefined';\nconst setWindowScroll = __assignType((posX: number, posY: number): void => {\n    hasWindow && window.scrollTo(posX, posY);\n}, ['posX', 'posY', '', 'P\\'2!\\'2\"$/#']);\nconst notFound = __assignType((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    const error = new Error(`Superglue Nav component was looking for ${identifier} but could not find it in your mapping. ${reminder}`);\n    throw error;\n}, ['identifier', '', 'PP&-J2!!/\"']);\nconst NavigationProvider = forwardRef(__assignType(function NavigationProvider({ history, visit, remote, mapping }: NavigationProviderProps, ref: ForwardedRef<{\n    navigateTo: NavigateTo | null;\n}>) {\n    const dispatch = useDispatch();\n    const pages = (useSelector.Ω = [[() => __ΩRootState, 'n!'], [() => __ΩAllPages, 'n!']], useSelector<RootState, AllPages>(__assignType((state) => state.pages, ['state', '', 'P\"2!\"/\"'])));\n    const superglue = (useSelector.Ω = [[() => __ΩRootState, 'n!'], [() => __ΩSuperglueState, 'n!']], useSelector<RootState, SuperglueState>(__assignType((state) => state.superglue, ['state', '', 'P\"2!\"/\"'])));\n    const currentPageKey = (useSelector.Ω = [[() => __ΩRootState, 'n!'], ['&']], useSelector<RootState, string>(__assignType((state) => state.superglue.currentPageKey, ['state', '', 'P\"2!\"/\"'])));\n    const store = (useStore.Ω = [[() => __ΩRootState, 'n!']], useStore<RootState>());\n    useEffect(() => {\n        return history.listen(onHistoryChange);\n    }, []);\n    useLayoutEffect(() => {\n        const state = history.location.state as HistoryState;\n        if (state && 'superglue' in state) {\n            const { posX, posY } = state;\n            setWindowScroll(posX, posY);\n        }\n    }, [currentPageKey]);\n    useImperativeHandle(ref, () => {\n        return {\n            navigateTo,\n        };\n    }, []);\n    const onHistoryChange = __assignType(({ location, action }: Update): void => {\n        const state = location.state as HistoryState;\n        if (action !== 'POP') {\n            return;\n        }\n        if (!state && location.hash !== '') {\n            const nextPageKey = urlToPageKey(location.pathname + location.search);\n            const containsKey = !!pages[nextPageKey];\n            if (containsKey) {\n                history.replace({\n                    pathname: location.pathname,\n                    search: location.search,\n                    hash: location.hash,\n                }, {\n                    superglue: true,\n                    posY: window.pageYOffset,\n                    posX: window.pageXOffset,\n                });\n            }\n        }\n        if (state && 'superglue' in state) {\n            const pageKey = urlToPageKey(location.pathname + location.search);\n            const prevPageKey = store.getState().superglue.currentPageKey;\n            const containsKey = !!pages[pageKey];\n            if (containsKey) {\n                const { restoreStrategy } = pages[pageKey];\n                switch (restoreStrategy) {\n                    case 'fromCacheOnly':\n                        dispatch(setActivePage({ pageKey }));\n                        break;\n                    case 'fromCacheAndRevisitInBackground':\n                        dispatch(setActivePage({ pageKey }));\n                        visit(pageKey, { revisit: true });\n                        break;\n                    case 'revisitOnly':\n                    default:\n                        visit(pageKey, { revisit: true }).then(() => {\n                            const noNav = prevPageKey === store.getState().superglue.currentPageKey;\n                            if (noNav) {\n                                // When \"POP'ed\", revisiting (using revisit: true) a page can result in\n                                // a redirect, or a render of the same page.\n                                //\n                                // When its a redirect, calculateNavAction  will correctly set the\n                                // navigationAction to `replace` this is the noop scenario.\n                                //\n                                // When its the same page, navigationAction is set to `none` and\n                                // no navigation took place. In that case, we have to set the\n                                // activePage otherwise the user is stuck on the original page.\n                                dispatch(setActivePage({ pageKey }));\n                            }\n                        });\n                }\n            }\n            else {\n                visit(pageKey, { revisit: true }).then(() => {\n                    const noNav = prevPageKey === store.getState().superglue.currentPageKey;\n                    if (noNav) {\n                        dispatch(setActivePage({ pageKey }));\n                    }\n                });\n            }\n        }\n    }, ['Update', 'param0', '', 'P\"w!2\"$/#']);\n    const navigateTo: NavigateTo = __assignType((path, { action } = {\n        action: 'push',\n    }) => {\n        if (action === 'none') {\n            return false;\n        }\n        const nextPageKey = urlToPageKey(path);\n        const hasPage = Object.prototype.hasOwnProperty.call(store.getState().pages, nextPageKey);\n        if (hasPage) {\n            const location = history.location;\n            const state = location.state as HistoryState;\n            const historyArgs = [\n                path,\n                {\n                    superglue: true,\n                    posY: 0,\n                    posX: 0,\n                },\n            ] as const;\n            if (action === 'push') {\n                if (hasWindow) {\n                    history.replace({\n                        pathname: location.pathname,\n                        search: location.search,\n                        hash: location.hash,\n                    }, {\n                        ...state,\n                        posY: window.scrollY,\n                        posX: window.scrollX,\n                    });\n                }\n                history.push(...historyArgs);\n                dispatch(setActivePage({ pageKey: nextPageKey }));\n            }\n            if (action === 'replace') {\n                history.replace(...historyArgs);\n                if (currentPageKey !== nextPageKey) {\n                    dispatch(setActivePage({ pageKey: nextPageKey }));\n                    dispatch(removePage({ pageKey: currentPageKey }));\n                }\n            }\n            return true;\n        }\n        else {\n            console.warn(`\\`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            return false;\n        }\n    }, ['path', 'param1', '', 'P\"2!\"2\"\"/#']);\n    const { search } = superglue;\n    const { componentIdentifier } = pages[currentPageKey];\n    const Component = mapping[componentIdentifier];\n    if (Component) {\n        return (<NavigationContext.Provider value={{ pageKey: currentPageKey, search, navigateTo, visit, remote }}>\n        <Component />\n      </NavigationContext.Provider>);\n    }\n    else {\n        notFound(componentIdentifier);\n    }\n}, [() => __ΩNavigationProviderProps, 'param0', 'ref', 'NavigationProvider', 'Pn!2\"!2#\"/$']));\nexport { NavigationContext, NavigationProvider };\n"],"mappings":"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","names":["React","NavigationProvider","__assignType","hasWindow","__assignType","React"]}

package/dist/superglue.mjs

@@ -31,7 +31,7 @@ import {
   ujsHandlers,
   unproxy,
   urlToPageKey
-} from "./chunk-J2XH5QTK.mjs";
+} from "./chunk-ILWYFGLA.mjs";
 
 // lib/index.tsx
 import React2, { useRef as useRef3, useMemo as useMemo2 } from "react";
@@ -46,7 +46,7 @@ import { useSelector as useSelector3 } from "react-redux";
 // lib/hooks/useContent.tsx
 import { useSelector, useStore } from "react-redux";
 import { useMemo, useRef } from "react";
-function useContent(fragmentRef) {
+function useContent(fragmentRef, __type) {
   const superglueState = useSuperglue();
   const currentPageKey = superglueState.currentPageKey;
   const dependencies = useRef(/* @__PURE__ */ new Set());
@@ -77,12 +77,37 @@ function useContent(fragmentRef) {
     if (fragmentId && !sourceData) {
       return void 0;
     }
-    return createProxy(
+    const proxy2 = createProxy(
       sourceData,
       { current: store.getState().fragments },
       dependencies.current,
       proxyCache
     );
+    if (process.env.NODE_ENV !== "production" && __type) {
+      const proxyForValidation = createProxy(
+        sourceData,
+        { current: store.getState().fragments },
+        /* @__PURE__ */ new Set(),
+        /* @__PURE__ */ new WeakMap()
+      );
+      import("@deepkit/type").then(({ resolveReceiveType, validate }) => {
+        const resolvedType = resolveReceiveType(__type);
+        const errors = validate(proxyForValidation, resolvedType);
+        if (errors.length > 0) {
+          const formattedErrors = errors.map((e) => ({
+            path: e.path,
+            message: e.message,
+            code: String(e.code)
+          }));
+          console.error(
+            `[Superglue] Content validation failed for ${fragmentId || "page"}:`,
+            formattedErrors
+          );
+        }
+      }).catch(() => {
+      });
+    }
+    return proxy2;
   }, [sourceData, trackedFragments]);
   return proxy;
 }
@@ -642,6 +667,12 @@ var setup = ({
     streamActions
   };
 };
+if (process.env.NODE_ENV !== "production") {
+  console.info(
+    "%cSuperglue Development Mode: Remember to build for production before deploying.",
+    "font-weight:bold"
+  );
+}
 function Application({
   initialPage,
   baseUrl,