@pojo-router/react-browser-pathname - npm Package Compare versions

Comparing version 0.3.3 to 0.4.0

CHANGELOG.md

@@ -6,2 +6,15 @@ # Change Log
 
+## 0.4.0 (2020-10-27)
+
+* enhance: setCurrentBrowserPathname() takes arguments (#14) ([345edad](https://github.com/notwillk/pojo-router/commit/345edad)), closes [#14](https://github.com/notwillk/pojo-router/issues/14)
+
+
+### BREAKING CHANGE
+
+* Must send arguments to setCurrentBrowserPathname.
+Also required initialPath argument to <BrowserPathname/>
+
+
+
+
 ## <small>0.3.3 (2020-10-21)</small>
@@ -8,0 +21,0 @@

dist/index.cjs.js

@@ -13,3 +13,3 @@ 'use strict';
 const PathnameContext = /*#__PURE__*/React__default.createContext('');
-const UpdateContext = /*#__PURE__*/React__default.createContext(() => {
+const UpdateContext = /*#__PURE__*/React__default.createContext(action => {
   return;
@@ -50,14 +50,41 @@ });
 const BrowserPathname = ({
-  children
+  children,
+  initialPath,
+  onChange
 }) => {
-  const [location, setLocation] = React.useState(getPathname());
-  const setCurrentBrowserPathname = React.useCallback(() => {
-    setLocation(getPathname());
-  }, []);
+  const [location, setLocation] = React.useState(initialPath);
+  const updatePathname = React.useCallback(url => {
+    if (onChange) {
+      onChange(url, () => setLocation(url));
+    } else {
+      setLocation(url);
+    }
+  }, [onChange, setLocation]);
+  const setCurrentBrowserPathname = React.useCallback(({
+    data,
+    url,
+    type
+  }) => {
+    switch (type) {
+      case 'REPLACE':
+        window.history.replaceState(data, '', url);
+        break;
+
+      case 'PUSH':
+        window.history.pushState(data, '', url);
+        break;
+    }
+
+    if (url) {
+      updatePathname(url);
+    }
+  }, [updatePathname]);
   React.useEffect(() => {
-    window.addEventListener('popstate', setCurrentBrowserPathname);
+    const update = () => updatePathname(getPathname());
+
+    window.addEventListener('popstate', update);
     return () => {
-      window.removeEventListener('popstate', setCurrentBrowserPathname);
+      window.removeEventListener('popstate', update);
     };
-  }, [setCurrentBrowserPathname]);
+  }, [updatePathname]);
   return /*#__PURE__*/_jsx(UpdateContext.Provider, {
@@ -73,5 +100,8 @@ value: setCurrentBrowserPathname
   const setCurrentBrowserPathname = React.useContext(UpdateContext);
-  return React.useCallback((path, title = '') => {
-    window.history.pushState({}, title, path);
-    setCurrentBrowserPathname();
+  return React.useCallback(url => {
+    setCurrentBrowserPathname({
+      url,
+      data: {},
+      type: 'PUSH'
+    });
   }, [setCurrentBrowserPathname]);
@@ -81,5 +111,8 @@ };
   const setCurrentBrowserPathname = React.useContext(UpdateContext);
-  return React.useCallback((path, title = '') => {
-    window.history.replaceState({}, title, path);
-    setCurrentBrowserPathname();
+  return React.useCallback(url => {
+    setCurrentBrowserPathname({
+      url,
+      data: {},
+      type: 'REPLACE'
+    });
   }, [setCurrentBrowserPathname]);
@@ -86,0 +119,0 @@ };

dist/index.umd.min.js

@@ -1,1 +0,1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@babel/runtime/helpers/esm/jsx"),require("react"),require("@babel/runtime/helpers/esm/objectWithoutPropertiesLoose")):"function"==typeof define&&define.amd?define(["exports","@babel/runtime/helpers/esm/jsx","react","@babel/runtime/helpers/esm/objectWithoutPropertiesLoose"],t):t((e=e||self)["pojo-router"]={},e._jsx,e.React,e._objectWithoutPropertiesLoose)}(this,(function(e,t,o,r){"use strict";t=t&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t;var n="default"in o?o.default:o;r=r&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r;const a=n.createContext(""),s=n.createContext(()=>{});function l(e){let{to:t,replace:a,component:l,onClick:u}=e,i=r(e,["to","replace","component","onClick"]);const c=o.useContext(s),p=o.useCallback(e=>{null==e||e.preventDefault(),null==u||u(e);const o=a?window.history.replaceState:window.history.pushState;i.target&&"_self"!==i.target||(o.call(window.history,{},"",t),c())},[t,a,c,u,i.target]);return n.createElement(l,Object.assign({onClick:p},i))}l.defaultProps={component:"a",replace:!1};const u=()=>""+window.location.pathname;e.Link=l,e.UpdateContext=s,e.default=({children:e})=>{const[r,n]=o.useState(u()),l=o.useCallback(()=>{n(u())},[]);return o.useEffect(()=>(window.addEventListener("popstate",l),()=>{window.removeEventListener("popstate",l)}),[l]),t(s.Provider,{value:l},void 0,t(a.Provider,{value:r},void 0,e))},e.useBrowserPathname=()=>o.useContext(a),e.usePushPath=()=>{const e=o.useContext(s);return o.useCallback((t,o="")=>{window.history.pushState({},o,t),e()},[e])},e.useReplacePath=()=>{const e=o.useContext(s);return o.useCallback((t,o="")=>{window.history.replaceState({},o,t),e()},[e])},Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@babel/runtime/helpers/esm/jsx"),require("react"),require("@babel/runtime/helpers/esm/objectWithoutPropertiesLoose")):"function"==typeof define&&define.amd?define(["exports","@babel/runtime/helpers/esm/jsx","react","@babel/runtime/helpers/esm/objectWithoutPropertiesLoose"],t):t((e=e||self)["pojo-router"]={},e._jsx,e.React,e._objectWithoutPropertiesLoose)}(this,(function(e,t,o,r){"use strict";t=t&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t;var a="default"in o?o.default:o;r=r&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r;const n=a.createContext(""),s=a.createContext(e=>{});function l(e){let{to:t,replace:n,component:l,onClick:u}=e,i=r(e,["to","replace","component","onClick"]);const c=o.useContext(s),p=o.useCallback(e=>{null==e||e.preventDefault(),null==u||u(e);const o=n?window.history.replaceState:window.history.pushState;i.target&&"_self"!==i.target||(o.call(window.history,{},"",t),c())},[t,n,c,u,i.target]);return a.createElement(l,Object.assign({onClick:p},i))}l.defaultProps={component:"a",replace:!1};e.Link=l,e.UpdateContext=s,e.default=({children:e,initialPath:r,onChange:a})=>{const[l,u]=o.useState(r),i=o.useCallback(e=>{a?a(e,()=>u(e)):u(e)},[a,u]),c=o.useCallback(({data:e,url:t,type:o})=>{switch(o){case"REPLACE":window.history.replaceState(e,"",t);break;case"PUSH":window.history.pushState(e,"",t)}t&&i(t)},[i]);return o.useEffect(()=>{const e=()=>i(""+window.location.pathname);return window.addEventListener("popstate",e),()=>{window.removeEventListener("popstate",e)}},[i]),t(s.Provider,{value:c},void 0,t(n.Provider,{value:l},void 0,e))},e.useBrowserPathname=()=>o.useContext(n),e.usePushPath=()=>{const e=o.useContext(s);return o.useCallback(t=>{e({url:t,data:{},type:"PUSH"})},[e])},e.useReplacePath=()=>{const e=o.useContext(s);return o.useCallback(t=>{e({url:t,data:{},type:"REPLACE"})},[e])},Object.defineProperty(e,"__esModule",{value:!0})}));

lib/context.d.ts

 import React from 'react';
-export declare const PathnameContext: React.Context<string | null>;
+export declare const PathnameContext: React.Context<string>;
 export declare const UpdateContext: React.Context<() => void>;
 //# sourceMappingURL=context.d.ts.map

lib/context.js

 import React from 'react';
 export const PathnameContext = /*#__PURE__*/React.createContext('');
-export const UpdateContext = /*#__PURE__*/React.createContext(() => {
+export const UpdateContext = /*#__PURE__*/React.createContext(action => {
   return;
 });
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9jb250ZXh0LnRzIl0sIm5hbWVzIjpbIlJlYWN0IiwiUGF0aG5hbWVDb250ZXh0IiwiY3JlYXRlQ29udGV4dCIsIlVwZGF0ZUNvbnRleHQiXSwibWFwcGluZ3MiOiJBQUFBLE9BQU9BLEtBQVAsTUFBb0UsT0FBcEU7QUFHQSxPQUFPLE1BQU1DLGVBQWUsZ0JBQUdELEtBQUssQ0FBQ0UsYUFBTixDQUE0QixFQUE1QixDQUF4QjtBQUNQLE9BQU8sTUFBTUMsYUFBYSxnQkFBR0gsS0FBSyxDQUFDRSxhQUFOLENBQW9CLE1BQU07QUFDckQ7QUFDRCxDQUY0QixDQUF0QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VDb250ZXh0LCB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgY29uc3QgUGF0aG5hbWVDb250ZXh0ID0gUmVhY3QuY3JlYXRlQ29udGV4dDxzdHJpbmc+KCcnKTtcbmV4cG9ydCBjb25zdCBVcGRhdGVDb250ZXh0ID0gUmVhY3QuY3JlYXRlQ29udGV4dCgoKSA9PiB7XG4gIHJldHVybjtcbn0pO1xuIl19
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9jb250ZXh0LnRzIl0sIm5hbWVzIjpbIlJlYWN0IiwiUGF0aG5hbWVDb250ZXh0IiwiY3JlYXRlQ29udGV4dCIsIlVwZGF0ZUNvbnRleHQiLCJhY3Rpb24iXSwibWFwcGluZ3MiOiJBQUFBLE9BQU9BLEtBQVAsTUFBb0UsT0FBcEU7QUFTQSxPQUFPLE1BQU1DLGVBQWUsZ0JBQUdELEtBQUssQ0FBQ0UsYUFBTixDQUE0QixFQUE1QixDQUF4QjtBQUNQLE9BQU8sTUFBTUMsYUFBYSxnQkFBR0gsS0FBSyxDQUFDRSxhQUFOLENBQXFCRSxNQUFELElBQXdCO0FBQ3ZFO0FBQ0QsQ0FGNEIsQ0FBdEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlQ29udGV4dCwgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcblxuZXhwb3J0IHR5cGUgU0VUX0FDVElPTiA9IHtcbiAgdXJsPzogc3RyaW5nO1xuICBkYXRhOiBvYmplY3Q7XG4gIHR5cGU6ICdSRVBMQUNFJyB8ICdQVVNIJztcbn07XG5cbmV4cG9ydCBjb25zdCBQYXRobmFtZUNvbnRleHQgPSBSZWFjdC5jcmVhdGVDb250ZXh0PHN0cmluZz4oJycpO1xuZXhwb3J0IGNvbnN0IFVwZGF0ZUNvbnRleHQgPSBSZWFjdC5jcmVhdGVDb250ZXh0KChhY3Rpb246IFNFVF9BQ1RJT04pID0+IHtcbiAgcmV0dXJuO1xufSk7XG4iXX0=

lib/index.d.ts

@@ -6,3 +6,3 @@ import type { ReactNode } from 'react';
 }) => JSX.Element;
-export declare const useBrowserPathname: () => string | null;
+export declare const useBrowserPathname: () => string;
 export declare const usePushPath: () => (path: string, title?: string | undefined) => void;
@@ -9,0 +9,0 @@ export declare const useReplacePath: () => (path: string, title?: any) => void;

lib/index.js

@@ -8,14 +8,41 @@ import _jsx from "@babel/runtime/helpers/esm/jsx";
 const BrowserPathname = ({
-  children
+  children,
+  initialPath,
+  onChange
 }) => {
-  const [location, setLocation] = useState(getPathname());
-  const setCurrentBrowserPathname = useCallback(() => {
-    setLocation(getPathname());
-  }, []);
+  const [location, setLocation] = useState(initialPath);
+  const updatePathname = useCallback(url => {
+    if (onChange) {
+      onChange(url, () => setLocation(url));
+    } else {
+      setLocation(url);
+    }
+  }, [onChange, setLocation]);
+  const setCurrentBrowserPathname = useCallback(({
+    data,
+    url,
+    type
+  }) => {
+    switch (type) {
+      case 'REPLACE':
+        window.history.replaceState(data, '', url);
+        break;
+
+      case 'PUSH':
+        window.history.pushState(data, '', url);
+        break;
+    }
+
+    if (url) {
+      updatePathname(url);
+    }
+  }, [updatePathname]);
   useEffect(() => {
-    window.addEventListener('popstate', setCurrentBrowserPathname);
+    const update = () => updatePathname(getPathname());
+
+    window.addEventListener('popstate', update);
     return () => {
-      window.removeEventListener('popstate', setCurrentBrowserPathname);
+      window.removeEventListener('popstate', update);
     };
-  }, [setCurrentBrowserPathname]);
+  }, [updatePathname]);
   return /*#__PURE__*/_jsx(UpdateContext.Provider, {
@@ -31,5 +58,8 @@ value: setCurrentBrowserPathname
   const setCurrentBrowserPathname = useContext(UpdateContext);
-  return useCallback((path, title = '') => {
-    window.history.pushState({}, title, path);
-    setCurrentBrowserPathname();
+  return useCallback(url => {
+    setCurrentBrowserPathname({
+      url,
+      data: {},
+      type: 'PUSH'
+    });
   }, [setCurrentBrowserPathname]);
@@ -39,5 +69,8 @@ };
   const setCurrentBrowserPathname = useContext(UpdateContext);
-  return useCallback((path, title = '') => {
-    window.history.replaceState({}, title, path);
-    setCurrentBrowserPathname();
+  return useCallback(url => {
+    setCurrentBrowserPathname({
+      url,
+      data: {},
+      type: 'REPLACE'
+    });
   }, [setCurrentBrowserPathname]);
@@ -48,2 +81,2 @@ };
 export { UpdateContext };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9pbmRleC50c3giXSwibmFtZXMiOlsiUmVhY3QiLCJ1c2VDb250ZXh0IiwidXNlQ2FsbGJhY2siLCJ1c2VFZmZlY3QiLCJ1c2VTdGF0ZSIsIlBhdGhuYW1lQ29udGV4dCIsIlVwZGF0ZUNvbnRleHQiLCJnZXRQYXRobmFtZSIsIndpbmRvdyIsImxvY2F0aW9uIiwicGF0aG5hbWUiLCJCcm93c2VyUGF0aG5hbWUiLCJjaGlsZHJlbiIsInNldExvY2F0aW9uIiwic2V0Q3VycmVudEJyb3dzZXJQYXRobmFtZSIsImFkZEV2ZW50TGlzdGVuZXIiLCJyZW1vdmVFdmVudExpc3RlbmVyIiwidXNlQnJvd3NlclBhdGhuYW1lIiwidXNlUHVzaFBhdGgiLCJwYXRoIiwidGl0bGUiLCJoaXN0b3J5IiwicHVzaFN0YXRlIiwidXNlUmVwbGFjZVBhdGgiLCJyZXBsYWNlU3RhdGUiLCJMaW5rIl0sIm1hcHBpbmdzIjoiO0FBQUEsT0FBT0EsS0FBUCxJQUFnQkMsVUFBaEIsRUFBNEJDLFdBQTVCLEVBQXlDQyxTQUF6QyxFQUFvREMsUUFBcEQsUUFBb0UsT0FBcEU7QUFHQSxTQUFTQyxlQUFULEVBQTBCQyxhQUExQixRQUErQyxXQUEvQzs7QUFFQSxNQUFNQyxXQUFXLEdBQUcsTUFBTyxHQUFFQyxNQUFNLENBQUNDLFFBQVAsQ0FBZ0JDLFFBQVMsRUFBdEQ7O0FBRUEsTUFBTUMsZUFBZSxHQUFHLENBQUM7QUFBRUMsRUFBQUE7QUFBRixDQUFELEtBQTJDO0FBQ2pFLFFBQU0sQ0FBQ0gsUUFBRCxFQUFXSSxXQUFYLElBQTBCVCxRQUFRLENBQUNHLFdBQVcsRUFBWixDQUF4QztBQUVBLFFBQU1PLHlCQUF5QixHQUFHWixXQUFXLENBQUMsTUFBTTtBQUNsRFcsSUFBQUEsV0FBVyxDQUFDTixXQUFXLEVBQVosQ0FBWDtBQUNELEdBRjRDLEVBRTFDLEVBRjBDLENBQTdDO0FBSUFKLEVBQUFBLFNBQVMsQ0FBQyxNQUFNO0FBQ2RLLElBQUFBLE1BQU0sQ0FBQ08sZ0JBQVAsQ0FBd0IsVUFBeEIsRUFBb0NELHlCQUFwQztBQUVBLFdBQU8sTUFBTTtBQUNYTixNQUFBQSxNQUFNLENBQUNRLG1CQUFQLENBQTJCLFVBQTNCLEVBQXVDRix5QkFBdkM7QUFDRCxLQUZEO0FBR0QsR0FOUSxFQU1OLENBQUNBLHlCQUFELENBTk0sQ0FBVDtBQVFBLHNCQUNFLEtBQUMsYUFBRCxDQUFlLFFBQWY7QUFBd0IsSUFBQSxLQUFLLEVBQUVBO0FBQS9CLDBCQUNFLEtBQUMsZUFBRCxDQUFpQixRQUFqQjtBQUEwQixJQUFBLEtBQUssRUFBRUw7QUFBakMsYUFDR0csUUFESCxDQURGLENBREY7QUFPRCxDQXRCRDs7QUF3QkEsT0FBTyxNQUFNSyxrQkFBa0IsR0FBRyxNQUFNaEIsVUFBVSxDQUFDSSxlQUFELENBQTNDO0FBRVAsT0FBTyxNQUFNYSxXQUFXLEdBQUcsTUFBTTtBQUMvQixRQUFNSix5QkFBeUIsR0FBR2IsVUFBVSxDQUFDSyxhQUFELENBQTVDO0FBRUEsU0FBT0osV0FBVyxDQUNoQixDQUFDaUIsSUFBRCxFQUFlQyxLQUF5QixHQUFHLEVBQTNDLEtBQWtEO0FBQ2hEWixJQUFBQSxNQUFNLENBQUNhLE9BQVAsQ0FBZUMsU0FBZixDQUF5QixFQUF6QixFQUE2QkYsS0FBN0IsRUFBb0NELElBQXBDO0FBQ0FMLElBQUFBLHlCQUF5QjtBQUMxQixHQUplLEVBS2hCLENBQUNBLHlCQUFELENBTGdCLENBQWxCO0FBT0QsQ0FWTTtBQVlQLE9BQU8sTUFBTVMsY0FBYyxHQUFHLE1BQU07QUFDbEMsUUFBTVQseUJBQXlCLEdBQUdiLFVBQVUsQ0FBQ0ssYUFBRCxDQUE1QztBQUVBLFNBQU9KLFdBQVcsQ0FDaEIsQ0FBQ2lCLElBQUQsRUFBZUMsS0FBSyxHQUFHLEVBQXZCLEtBQThCO0FBQzVCWixJQUFBQSxNQUFNLENBQUNhLE9BQVAsQ0FBZUcsWUFBZixDQUE0QixFQUE1QixFQUFnQ0osS0FBaEMsRUFBdUNELElBQXZDO0FBQ0FMLElBQUFBLHlCQUF5QjtBQUMxQixHQUplLEVBS2hCLENBQUNBLHlCQUFELENBTGdCLENBQWxCO0FBT0QsQ0FWTTtBQVlQLGVBQWVILGVBQWY7QUFDQSxTQUFTYyxJQUFULFFBQXFCLFFBQXJCO0FBQ0EsU0FBU25CLGFBQVQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlQ29udGV4dCwgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgUGF0aG5hbWVDb250ZXh0LCBVcGRhdGVDb250ZXh0IH0gZnJvbSAnLi9jb250ZXh0JztcblxuY29uc3QgZ2V0UGF0aG5hbWUgPSAoKSA9PiBgJHt3aW5kb3cubG9jYXRpb24ucGF0aG5hbWV9YDtcblxuY29uc3QgQnJvd3NlclBhdGhuYW1lID0gKHsgY2hpbGRyZW4gfTogeyBjaGlsZHJlbjogUmVhY3ROb2RlIH0pID0+IHtcbiAgY29uc3QgW2xvY2F0aW9uLCBzZXRMb2NhdGlvbl0gPSB1c2VTdGF0ZShnZXRQYXRobmFtZSgpKTtcblxuICBjb25zdCBzZXRDdXJyZW50QnJvd3NlclBhdGhuYW1lID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIHNldExvY2F0aW9uKGdldFBhdGhuYW1lKCkpO1xuICB9LCBbXSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcigncG9wc3RhdGUnLCBzZXRDdXJyZW50QnJvd3NlclBhdGhuYW1lKTtcblxuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICB3aW5kb3cucmVtb3ZlRXZlbnRMaXN0ZW5lcigncG9wc3RhdGUnLCBzZXRDdXJyZW50QnJvd3NlclBhdGhuYW1lKTtcbiAgICB9O1xuICB9LCBbc2V0Q3VycmVudEJyb3dzZXJQYXRobmFtZV0pO1xuXG4gIHJldHVybiAoXG4gICAgPFVwZGF0ZUNvbnRleHQuUHJvdmlkZXIgdmFsdWU9e3NldEN1cnJlbnRCcm93c2VyUGF0aG5hbWV9PlxuICAgICAgPFBhdGhuYW1lQ29udGV4dC5Qcm92aWRlciB2YWx1ZT17bG9jYXRpb259PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1BhdGhuYW1lQ29udGV4dC5Qcm92aWRlcj5cbiAgICA8L1VwZGF0ZUNvbnRleHQuUHJvdmlkZXI+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgdXNlQnJvd3NlclBhdGhuYW1lID0gKCkgPT4gdXNlQ29udGV4dChQYXRobmFtZUNvbnRleHQpO1xuXG5leHBvcnQgY29uc3QgdXNlUHVzaFBhdGggPSAoKSA9PiB7XG4gIGNvbnN0IHNldEN1cnJlbnRCcm93c2VyUGF0aG5hbWUgPSB1c2VDb250ZXh0KFVwZGF0ZUNvbnRleHQpO1xuXG4gIHJldHVybiB1c2VDYWxsYmFjayhcbiAgICAocGF0aDogc3RyaW5nLCB0aXRsZTogc3RyaW5nIHwgdW5kZWZpbmVkID0gJycpID0+IHtcbiAgICAgIHdpbmRvdy5oaXN0b3J5LnB1c2hTdGF0ZSh7fSwgdGl0bGUsIHBhdGgpO1xuICAgICAgc2V0Q3VycmVudEJyb3dzZXJQYXRobmFtZSgpO1xuICAgIH0sXG4gICAgW3NldEN1cnJlbnRCcm93c2VyUGF0aG5hbWVdLFxuICApO1xufTtcblxuZXhwb3J0IGNvbnN0IHVzZVJlcGxhY2VQYXRoID0gKCkgPT4ge1xuICBjb25zdCBzZXRDdXJyZW50QnJvd3NlclBhdGhuYW1lID0gdXNlQ29udGV4dChVcGRhdGVDb250ZXh0KTtcblxuICByZXR1cm4gdXNlQ2FsbGJhY2soXG4gICAgKHBhdGg6IHN0cmluZywgdGl0bGUgPSAnJykgPT4ge1xuICAgICAgd2luZG93Lmhpc3RvcnkucmVwbGFjZVN0YXRlKHt9LCB0aXRsZSwgcGF0aCk7XG4gICAgICBzZXRDdXJyZW50QnJvd3NlclBhdGhuYW1lKCk7XG4gICAgfSxcbiAgICBbc2V0Q3VycmVudEJyb3dzZXJQYXRobmFtZV0sXG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBCcm93c2VyUGF0aG5hbWU7XG5leHBvcnQgeyBMaW5rIH0gZnJvbSAnLi9MaW5rJztcbmV4cG9ydCB7IFVwZGF0ZUNvbnRleHQgfTtcbiJdfQ==
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9pbmRleC50c3giXSwibmFtZXMiOlsiUmVhY3QiLCJ1c2VDb250ZXh0IiwidXNlQ2FsbGJhY2siLCJ1c2VFZmZlY3QiLCJ1c2VTdGF0ZSIsIlBhdGhuYW1lQ29udGV4dCIsIlVwZGF0ZUNvbnRleHQiLCJnZXRQYXRobmFtZSIsIndpbmRvdyIsImxvY2F0aW9uIiwicGF0aG5hbWUiLCJCcm93c2VyUGF0aG5hbWUiLCJjaGlsZHJlbiIsImluaXRpYWxQYXRoIiwib25DaGFuZ2UiLCJzZXRMb2NhdGlvbiIsInVwZGF0ZVBhdGhuYW1lIiwidXJsIiwic2V0Q3VycmVudEJyb3dzZXJQYXRobmFtZSIsImRhdGEiLCJ0eXBlIiwiaGlzdG9yeSIsInJlcGxhY2VTdGF0ZSIsInB1c2hTdGF0ZSIsInVwZGF0ZSIsImFkZEV2ZW50TGlzdGVuZXIiLCJyZW1vdmVFdmVudExpc3RlbmVyIiwidXNlQnJvd3NlclBhdGhuYW1lIiwidXNlUHVzaFBhdGgiLCJ1c2VSZXBsYWNlUGF0aCIsIkxpbmsiXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPQSxLQUFQLElBQWdCQyxVQUFoQixFQUE0QkMsV0FBNUIsRUFBeUNDLFNBQXpDLEVBQW9EQyxRQUFwRCxRQUFvRSxPQUFwRTtBQUdBLFNBQVNDLGVBQVQsRUFBMEJDLGFBQTFCLFFBQTJELFdBQTNEOztBQUVBLE1BQU1DLFdBQVcsR0FBRyxNQUFPLEdBQUVDLE1BQU0sQ0FBQ0MsUUFBUCxDQUFnQkMsUUFBUyxFQUF0RDs7QUFFQSxNQUFNQyxlQUFlLEdBQUcsQ0FBQztBQUN2QkMsRUFBQUEsUUFEdUI7QUFFdkJDLEVBQUFBLFdBRnVCO0FBR3ZCQyxFQUFBQTtBQUh1QixDQUFELEtBUWxCO0FBQ0osUUFBTSxDQUFDTCxRQUFELEVBQVdNLFdBQVgsSUFBMEJYLFFBQVEsQ0FBQ1MsV0FBRCxDQUF4QztBQUVBLFFBQU1HLGNBQWMsR0FBR2QsV0FBVyxDQUMvQmUsR0FBRCxJQUFpQjtBQUNmLFFBQUlILFFBQUosRUFBYztBQUNaQSxNQUFBQSxRQUFRLENBQUNHLEdBQUQsRUFBTSxNQUFNRixXQUFXLENBQUNFLEdBQUQsQ0FBdkIsQ0FBUjtBQUNELEtBRkQsTUFFTztBQUNMRixNQUFBQSxXQUFXLENBQUNFLEdBQUQsQ0FBWDtBQUNEO0FBQ0YsR0FQK0IsRUFRaEMsQ0FBQ0gsUUFBRCxFQUFXQyxXQUFYLENBUmdDLENBQWxDO0FBV0EsUUFBTUcseUJBQXlCLEdBQUdoQixXQUFXLENBQzNDLENBQUM7QUFBRWlCLElBQUFBLElBQUY7QUFBUUYsSUFBQUEsR0FBUjtBQUFhRyxJQUFBQTtBQUFiLEdBQUQsS0FBcUM7QUFDbkMsWUFBUUEsSUFBUjtBQUNFLFdBQUssU0FBTDtBQUNFWixRQUFBQSxNQUFNLENBQUNhLE9BQVAsQ0FBZUMsWUFBZixDQUE0QkgsSUFBNUIsRUFBa0MsRUFBbEMsRUFBc0NGLEdBQXRDO0FBQ0E7O0FBQ0YsV0FBSyxNQUFMO0FBQ0VULFFBQUFBLE1BQU0sQ0FBQ2EsT0FBUCxDQUFlRSxTQUFmLENBQXlCSixJQUF6QixFQUErQixFQUEvQixFQUFtQ0YsR0FBbkM7QUFDQTtBQU5KOztBQVFBLFFBQUlBLEdBQUosRUFBUztBQUNQRCxNQUFBQSxjQUFjLENBQUNDLEdBQUQsQ0FBZDtBQUNEO0FBQ0YsR0FiMEMsRUFjM0MsQ0FBQ0QsY0FBRCxDQWQyQyxDQUE3QztBQWlCQWIsRUFBQUEsU0FBUyxDQUFDLE1BQU07QUFDZCxVQUFNcUIsTUFBTSxHQUFHLE1BQU1SLGNBQWMsQ0FBQ1QsV0FBVyxFQUFaLENBQW5DOztBQUNBQyxJQUFBQSxNQUFNLENBQUNpQixnQkFBUCxDQUF3QixVQUF4QixFQUFvQ0QsTUFBcEM7QUFFQSxXQUFPLE1BQU07QUFDWGhCLE1BQUFBLE1BQU0sQ0FBQ2tCLG1CQUFQLENBQTJCLFVBQTNCLEVBQXVDRixNQUF2QztBQUNELEtBRkQ7QUFHRCxHQVBRLEVBT04sQ0FBQ1IsY0FBRCxDQVBNLENBQVQ7QUFTQSxzQkFDRSxLQUFDLGFBQUQsQ0FBZSxRQUFmO0FBQXdCLElBQUEsS0FBSyxFQUFFRTtBQUEvQiwwQkFDRSxLQUFDLGVBQUQsQ0FBaUIsUUFBakI7QUFBMEIsSUFBQSxLQUFLLEVBQUVUO0FBQWpDLGFBQ0dHLFFBREgsQ0FERixDQURGO0FBT0QsQ0F2REQ7O0FBeURBLE9BQU8sTUFBTWUsa0JBQWtCLEdBQUcsTUFBTTFCLFVBQVUsQ0FBQ0ksZUFBRCxDQUEzQztBQUVQLE9BQU8sTUFBTXVCLFdBQVcsR0FBRyxNQUFNO0FBQy9CLFFBQU1WLHlCQUF5QixHQUFHakIsVUFBVSxDQUFDSyxhQUFELENBQTVDO0FBRUEsU0FBT0osV0FBVyxDQUNmZSxHQUFELElBQWlCO0FBQ2ZDLElBQUFBLHlCQUF5QixDQUFDO0FBQUVELE1BQUFBLEdBQUY7QUFBT0UsTUFBQUEsSUFBSSxFQUFFLEVBQWI7QUFBaUJDLE1BQUFBLElBQUksRUFBRTtBQUF2QixLQUFELENBQXpCO0FBQ0QsR0FIZSxFQUloQixDQUFDRix5QkFBRCxDQUpnQixDQUFsQjtBQU1ELENBVE07QUFXUCxPQUFPLE1BQU1XLGNBQWMsR0FBRyxNQUFNO0FBQ2xDLFFBQU1YLHlCQUF5QixHQUFHakIsVUFBVSxDQUFDSyxhQUFELENBQTVDO0FBRUEsU0FBT0osV0FBVyxDQUNmZSxHQUFELElBQWlCO0FBQ2ZDLElBQUFBLHlCQUF5QixDQUFDO0FBQUVELE1BQUFBLEdBQUY7QUFBT0UsTUFBQUEsSUFBSSxFQUFFLEVBQWI7QUFBaUJDLE1BQUFBLElBQUksRUFBRTtBQUF2QixLQUFELENBQXpCO0FBQ0QsR0FIZSxFQUloQixDQUFDRix5QkFBRCxDQUpnQixDQUFsQjtBQU1ELENBVE07QUFXUCxlQUFlUCxlQUFmO0FBQ0EsU0FBU21CLElBQVQsUUFBcUIsUUFBckI7QUFDQSxTQUFTeEIsYUFBVCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VDb250ZXh0LCB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBQYXRobmFtZUNvbnRleHQsIFVwZGF0ZUNvbnRleHQsIFNFVF9BQ1RJT04gfSBmcm9tICcuL2NvbnRleHQnO1xuXG5jb25zdCBnZXRQYXRobmFtZSA9ICgpID0+IGAke3dpbmRvdy5sb2NhdGlvbi5wYXRobmFtZX1gO1xuXG5jb25zdCBCcm93c2VyUGF0aG5hbWUgPSAoe1xuICBjaGlsZHJlbixcbiAgaW5pdGlhbFBhdGgsXG4gIG9uQ2hhbmdlLFxufToge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xuICBpbml0aWFsUGF0aDogc3RyaW5nO1xuICBvbkNoYW5nZT86IChwYXRoOiBzdHJpbmcsIGNhbGxiYWNrOiAoKSA9PiB2b2lkIHwgdW5kZWZpbmVkKSA9PiB2b2lkO1xufSkgPT4ge1xuICBjb25zdCBbbG9jYXRpb24sIHNldExvY2F0aW9uXSA9IHVzZVN0YXRlKGluaXRpYWxQYXRoKTtcblxuICBjb25zdCB1cGRhdGVQYXRobmFtZSA9IHVzZUNhbGxiYWNrKFxuICAgICh1cmw6IHN0cmluZykgPT4ge1xuICAgICAgaWYgKG9uQ2hhbmdlKSB7XG4gICAgICAgIG9uQ2hhbmdlKHVybCwgKCkgPT4gc2V0TG9jYXRpb24odXJsKSk7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICBzZXRMb2NhdGlvbih1cmwpO1xuICAgICAgfVxuICAgIH0sXG4gICAgW29uQ2hhbmdlLCBzZXRMb2NhdGlvbl0sXG4gICk7XG5cbiAgY29uc3Qgc2V0Q3VycmVudEJyb3dzZXJQYXRobmFtZSA9IHVzZUNhbGxiYWNrKFxuICAgICh7IGRhdGEsIHVybCwgdHlwZSB9OiBTRVRfQUNUSU9OKSA9PiB7XG4gICAgICBzd2l0Y2ggKHR5cGUpIHtcbiAgICAgICAgY2FzZSAnUkVQTEFDRSc6XG4gICAgICAgICAgd2luZG93Lmhpc3RvcnkucmVwbGFjZVN0YXRlKGRhdGEsICcnLCB1cmwpO1xuICAgICAgICAgIGJyZWFrO1xuICAgICAgICBjYXNlICdQVVNIJzpcbiAgICAgICAgICB3aW5kb3cuaGlzdG9yeS5wdXNoU3RhdGUoZGF0YSwgJycsIHVybCk7XG4gICAgICAgICAgYnJlYWs7XG4gICAgICB9XG4gICAgICBpZiAodXJsKSB7XG4gICAgICAgIHVwZGF0ZVBhdGhuYW1lKHVybCk7XG4gICAgICB9XG4gICAgfSxcbiAgICBbdXBkYXRlUGF0aG5hbWVdLFxuICApO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgdXBkYXRlID0gKCkgPT4gdXBkYXRlUGF0aG5hbWUoZ2V0UGF0aG5hbWUoKSk7XG4gICAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoJ3BvcHN0YXRlJywgdXBkYXRlKTtcblxuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICB3aW5kb3cucmVtb3ZlRXZlbnRMaXN0ZW5lcigncG9wc3RhdGUnLCB1cGRhdGUpO1xuICAgIH07XG4gIH0sIFt1cGRhdGVQYXRobmFtZV0pO1xuXG4gIHJldHVybiAoXG4gICAgPFVwZGF0ZUNvbnRleHQuUHJvdmlkZXIgdmFsdWU9e3NldEN1cnJlbnRCcm93c2VyUGF0aG5hbWV9PlxuICAgICAgPFBhdGhuYW1lQ29udGV4dC5Qcm92aWRlciB2YWx1ZT17bG9jYXRpb259PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1BhdGhuYW1lQ29udGV4dC5Qcm92aWRlcj5cbiAgICA8L1VwZGF0ZUNvbnRleHQuUHJvdmlkZXI+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgdXNlQnJvd3NlclBhdGhuYW1lID0gKCkgPT4gdXNlQ29udGV4dChQYXRobmFtZUNvbnRleHQpO1xuXG5leHBvcnQgY29uc3QgdXNlUHVzaFBhdGggPSAoKSA9PiB7XG4gIGNvbnN0IHNldEN1cnJlbnRCcm93c2VyUGF0aG5hbWUgPSB1c2VDb250ZXh0KFVwZGF0ZUNvbnRleHQpO1xuXG4gIHJldHVybiB1c2VDYWxsYmFjayhcbiAgICAodXJsOiBzdHJpbmcpID0+IHtcbiAgICAgIHNldEN1cnJlbnRCcm93c2VyUGF0aG5hbWUoeyB1cmwsIGRhdGE6IHt9LCB0eXBlOiAnUFVTSCcgfSk7XG4gICAgfSxcbiAgICBbc2V0Q3VycmVudEJyb3dzZXJQYXRobmFtZV0sXG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgdXNlUmVwbGFjZVBhdGggPSAoKSA9PiB7XG4gIGNvbnN0IHNldEN1cnJlbnRCcm93c2VyUGF0aG5hbWUgPSB1c2VDb250ZXh0KFVwZGF0ZUNvbnRleHQpO1xuXG4gIHJldHVybiB1c2VDYWxsYmFjayhcbiAgICAodXJsOiBzdHJpbmcpID0+IHtcbiAgICAgIHNldEN1cnJlbnRCcm93c2VyUGF0aG5hbWUoeyB1cmwsIGRhdGE6IHt9LCB0eXBlOiAnUkVQTEFDRScgfSk7XG4gICAgfSxcbiAgICBbc2V0Q3VycmVudEJyb3dzZXJQYXRobmFtZV0sXG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBCcm93c2VyUGF0aG5hbWU7XG5leHBvcnQgeyBMaW5rIH0gZnJvbSAnLi9MaW5rJztcbmV4cG9ydCB7IFVwZGF0ZUNvbnRleHQgfTtcbiJdfQ==

package.json

 {
   "name": "@pojo-router/react-browser-pathname",
-  "version": "0.3.3",
+  "version": "0.4.0",
   "description": "A react hooks wrapper around the browser's pathname",
@@ -66,3 +66,3 @@ "scripts": {
   },
-  "gitHead": "6bbd419beedd63ea8eb4803a97669d8f9aef4551"
+  "gitHead": "027d009793edad32631c8007edf8782bd8d3d597"
 }

src/context.ts

 import React, { useContext, useCallback, useEffect, useState } from 'react';
 import type { ReactNode } from 'react';
 
+export type SET_ACTION = {
+  url?: string;
+  data: object;
+  type: 'REPLACE' | 'PUSH';
+};
+
 export const PathnameContext = React.createContext<string>('');
-export const UpdateContext = React.createContext(() => {
+export const UpdateContext = React.createContext((action: SET_ACTION) => {
   return;
 });

No alert changes

Improved metrics

Total package byte prevSize

33106

increased by13.84%

Lines of code

387

increased by32.99%

No dependency changes