navigation-stack 0.1.3 → 0.3.0

package/lib/cjs/environment/BrowserEnvironment.js

@@ -1,111 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-var _getLocationUrl = _interopRequireDefault(require("../getLocationUrl"));
-var _parseQueryFromSearch = _interopRequireDefault(require("../parseQueryFromSearch"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-class BrowserEnvironment {
-  constructor() {
-    this._keyPrefix = Math.random().toString(36).slice(2, 8);
-    this._keyIndex = 0;
-    this._index = null;
-  }
-  init() {
-    const {
-      pathname,
-      search,
-      hash
-    } = window.location;
-    const {
-      key,
-      index = 0,
-      state
-    } = window.history.state || {};
-    const delta = this._index != null ? index - this._index : 0;
-    this._index = index;
-    return {
-      action: 'POP',
-      pathname,
-      search,
-      query: search && (0, _parseQueryFromSearch.default)(search),
-      hash,
-      key,
-      index,
-      delta,
-      state
-    };
-  }
-
-  // Subscribes to changes in location,
-  // excluding ones that happened as a result of calling `.navigate()`.
-  subscribe(listener) {
-    const onPopState = () => {
-      listener(this.init());
-    };
-    window.addEventListener('popstate', onPopState);
-    return () => {
-      window.removeEventListener('popstate', onPopState);
-    };
-  }
-  navigate(location) {
-    const {
-      action,
-      state
-    } = location;
-    const push = action === 'PUSH';
-    if (!push && action !== 'REPLACE') {
-      throw Error(`Unrecognized browser environment action: ${action}`);
-    }
-    const delta = push ? 1 : 0;
-    const extraState = this._createExtraState(delta);
-    const browserState = Object.assign({
-      state
-    }, extraState);
-    const url = (0, _getLocationUrl.default)(location);
-    if (push) {
-      window.history.pushState(browserState, null, url);
-    } else {
-      window.history.replaceState(browserState, null, url);
-    }
-    return Object.assign({}, location, extraState, {
-      delta
-    });
-  }
-  shift(delta) {
-    window.history.go(delta);
-  }
-  addBeforeDestroyListener(onBeforeDestroy) {
-    const onBeforeUnload = event => {
-      if (onBeforeDestroy()) {
-        event.preventDefault();
-      }
-    };
-    window.addEventListener('beforeunload', onBeforeUnload);
-    return () => {
-      window.removeEventListener('beforeunload', onBeforeUnload);
-    };
-  }
-  _createExtraState(delta) {
-    const keyIndex = this._keyIndex++;
-    this._index += delta;
-    return {
-      key: `${this._keyPrefix}:${keyIndex.toString(36)}`,
-      index: this._index
-    };
-  }
-
-  // Returns either a `string` value or `null` if the key doesn't exist.
-  getState(key) {
-    // FYI: `sessionStorage` persists across page reloads.
-    return window.sessionStorage.getItem(key);
-  }
-  removeState(key) {
-    window.sessionStorage.removeItem(key);
-  }
-  setState(key, value) {
-    window.sessionStorage.setItem(key, value);
-  }
-}
-exports.default = BrowserEnvironment;
-module.exports = exports.default;

package/lib/cjs/environment/MemoryEnvironment.js

@@ -1,150 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-var _normalizeInputLocation = _interopRequireDefault(require("../normalizeInputLocation"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-class MemoryEnvironment {
-  constructor(initialLocation, {
-    save,
-    load
-  } = {}) {
-    this._save = save;
-    this._load = load;
-    const initialState = load ? this._loadState() : null;
-    if (initialState) {
-      this._stack = initialState.stack;
-      this._index = initialState.index;
-      this._state = initialState.state;
-    } else {
-      this._stack = [(0, _normalizeInputLocation.default)(initialLocation)];
-      this._index = 0;
-      this._state = {};
-    }
-    this._keyPrefix = Math.random().toString(36).slice(2, 8);
-    this._keyIndex = 0;
-    this._listener = null;
-  }
-  _loadState() {
-    try {
-      const {
-        stack,
-        index,
-        state
-      } = JSON.parse(this._load());
-
-      // Check that the stack and index at least seem reasonable before using
-      // them as state. This isn't foolproof, but it might prevent mistakes.
-      // Also perform a basic validation of `state`.
-      if (Array.isArray(stack) && typeof index === 'number' && stack[index] && typeof state === 'object' && state !== null) {
-        return {
-          stack,
-          index,
-          state
-        };
-      }
-    } catch (error) {} // eslint-disable-line no-empty
-
-    return null;
-  }
-  init(delta = 0) {
-    return Object.assign({}, this._stack[this._index], {
-      action: 'POP',
-      index: this._index,
-      delta
-    });
-  }
-  subscribe(listener) {
-    this._listener = listener;
-    return () => {
-      this._listener = null;
-    };
-  }
-  navigate(location) {
-    const {
-      action,
-      pathname,
-      search,
-      query,
-      hash,
-      state
-    } = location;
-    const push = action === 'PUSH';
-    if (!push && action !== 'REPLACE') throw Error(`Unrecognized browser environment action: ${action}`);
-    const delta = push ? 1 : 0;
-    this._index += delta;
-    const keyIndex = this._keyIndex++;
-    const key = `${this._keyPrefix}:${keyIndex.toString(36)}`;
-    this._stack[this._index] = {
-      pathname,
-      search,
-      query,
-      hash,
-      state,
-      key
-    };
-    if (push) {
-      this._stack.length = this._index + 1;
-    }
-    if (this._save) {
-      this._saveState();
-    }
-    return Object.assign({}, location, {
-      key,
-      index: this._index,
-      delta
-    });
-  }
-  shift(delta) {
-    const prevIndex = this._index;
-    this._index = Math.min(Math.max(this._index + delta, 0), this._stack.length - 1);
-    if (this._index === prevIndex) {
-      return;
-    }
-    if (this._save) {
-      this._saveState();
-    }
-    if (this._listener) {
-      this._listener(this.init(this._index - prevIndex));
-    }
-  }
-
-  // "Before destroy" listeners are currently ignored.
-  // If required, one could implement a `_destroy()` method
-  // and there check that the listeners actually do get called.
-  addBeforeDestroyListener(listener) {
-    return () => {
-      this._removeBeforeDestroyListener(listener);
-    };
-  }
-
-  // This method is used in tests.
-  _removeBeforeDestroyListener() {}
-  _saveState() {
-    try {
-      this._save(JSON.stringify({
-        stack: this._stack,
-        index: this._index,
-        state: this._state
-      }));
-    } catch (error) {} // eslint-disable-line no-empty
-  }
-
-  // Returns either a `string` value or `null` if the key doesn't exist.
-  getState(key) {
-    if (key in this._state) {
-      return this._state[key];
-    }
-    return null;
-  }
-  removeState(key) {
-    if (key in this._state) {
-      delete this._state[key];
-    }
-  }
-  setState(key, value) {
-    this._state[key] = value;
-  }
-}
-exports.default = MemoryEnvironment;
-module.exports = exports.default;

package/lib/esm/environment/BrowserEnvironment.js

@@ -1,104 +0,0 @@
-import getLocationUrl from '../getLocationUrl';
-import parseQueryFromSearch from '../parseQueryFromSearch';
-export default class BrowserEnvironment {
-  constructor() {
-    this._keyPrefix = Math.random().toString(36).slice(2, 8);
-    this._keyIndex = 0;
-    this._index = null;
-  }
-  init() {
-    const {
-      pathname,
-      search,
-      hash
-    } = window.location;
-    const {
-      key,
-      index = 0,
-      state
-    } = window.history.state || {};
-    const delta = this._index != null ? index - this._index : 0;
-    this._index = index;
-    return {
-      action: 'POP',
-      pathname,
-      search,
-      query: search && parseQueryFromSearch(search),
-      hash,
-      key,
-      index,
-      delta,
-      state
-    };
-  }
-
-  // Subscribes to changes in location,
-  // excluding ones that happened as a result of calling `.navigate()`.
-  subscribe(listener) {
-    const onPopState = () => {
-      listener(this.init());
-    };
-    window.addEventListener('popstate', onPopState);
-    return () => {
-      window.removeEventListener('popstate', onPopState);
-    };
-  }
-  navigate(location) {
-    const {
-      action,
-      state
-    } = location;
-    const push = action === 'PUSH';
-    if (!push && action !== 'REPLACE') {
-      throw Error(`Unrecognized browser environment action: ${action}`);
-    }
-    const delta = push ? 1 : 0;
-    const extraState = this._createExtraState(delta);
-    const browserState = Object.assign({
-      state
-    }, extraState);
-    const url = getLocationUrl(location);
-    if (push) {
-      window.history.pushState(browserState, null, url);
-    } else {
-      window.history.replaceState(browserState, null, url);
-    }
-    return Object.assign({}, location, extraState, {
-      delta
-    });
-  }
-  shift(delta) {
-    window.history.go(delta);
-  }
-  addBeforeDestroyListener(onBeforeDestroy) {
-    const onBeforeUnload = event => {
-      if (onBeforeDestroy()) {
-        event.preventDefault();
-      }
-    };
-    window.addEventListener('beforeunload', onBeforeUnload);
-    return () => {
-      window.removeEventListener('beforeunload', onBeforeUnload);
-    };
-  }
-  _createExtraState(delta) {
-    const keyIndex = this._keyIndex++;
-    this._index += delta;
-    return {
-      key: `${this._keyPrefix}:${keyIndex.toString(36)}`,
-      index: this._index
-    };
-  }
-
-  // Returns either a `string` value or `null` if the key doesn't exist.
-  getState(key) {
-    // FYI: `sessionStorage` persists across page reloads.
-    return window.sessionStorage.getItem(key);
-  }
-  removeState(key) {
-    window.sessionStorage.removeItem(key);
-  }
-  setState(key, value) {
-    window.sessionStorage.setItem(key, value);
-  }
-}

package/lib/esm/environment/MemoryEnvironment.js

@@ -1,143 +0,0 @@
-import normalizeInputLocation from '../normalizeInputLocation';
-export default class MemoryEnvironment {
-  constructor(initialLocation, {
-    save,
-    load
-  } = {}) {
-    this._save = save;
-    this._load = load;
-    const initialState = load ? this._loadState() : null;
-    if (initialState) {
-      this._stack = initialState.stack;
-      this._index = initialState.index;
-      this._state = initialState.state;
-    } else {
-      this._stack = [normalizeInputLocation(initialLocation)];
-      this._index = 0;
-      this._state = {};
-    }
-    this._keyPrefix = Math.random().toString(36).slice(2, 8);
-    this._keyIndex = 0;
-    this._listener = null;
-  }
-  _loadState() {
-    try {
-      const {
-        stack,
-        index,
-        state
-      } = JSON.parse(this._load());
-
-      // Check that the stack and index at least seem reasonable before using
-      // them as state. This isn't foolproof, but it might prevent mistakes.
-      // Also perform a basic validation of `state`.
-      if (Array.isArray(stack) && typeof index === 'number' && stack[index] && typeof state === 'object' && state !== null) {
-        return {
-          stack,
-          index,
-          state
-        };
-      }
-    } catch (error) {} // eslint-disable-line no-empty
-
-    return null;
-  }
-  init(delta = 0) {
-    return Object.assign({}, this._stack[this._index], {
-      action: 'POP',
-      index: this._index,
-      delta
-    });
-  }
-  subscribe(listener) {
-    this._listener = listener;
-    return () => {
-      this._listener = null;
-    };
-  }
-  navigate(location) {
-    const {
-      action,
-      pathname,
-      search,
-      query,
-      hash,
-      state
-    } = location;
-    const push = action === 'PUSH';
-    if (!push && action !== 'REPLACE') throw Error(`Unrecognized browser environment action: ${action}`);
-    const delta = push ? 1 : 0;
-    this._index += delta;
-    const keyIndex = this._keyIndex++;
-    const key = `${this._keyPrefix}:${keyIndex.toString(36)}`;
-    this._stack[this._index] = {
-      pathname,
-      search,
-      query,
-      hash,
-      state,
-      key
-    };
-    if (push) {
-      this._stack.length = this._index + 1;
-    }
-    if (this._save) {
-      this._saveState();
-    }
-    return Object.assign({}, location, {
-      key,
-      index: this._index,
-      delta
-    });
-  }
-  shift(delta) {
-    const prevIndex = this._index;
-    this._index = Math.min(Math.max(this._index + delta, 0), this._stack.length - 1);
-    if (this._index === prevIndex) {
-      return;
-    }
-    if (this._save) {
-      this._saveState();
-    }
-    if (this._listener) {
-      this._listener(this.init(this._index - prevIndex));
-    }
-  }
-
-  // "Before destroy" listeners are currently ignored.
-  // If required, one could implement a `_destroy()` method
-  // and there check that the listeners actually do get called.
-  addBeforeDestroyListener(listener) {
-    return () => {
-      this._removeBeforeDestroyListener(listener);
-    };
-  }
-
-  // This method is used in tests.
-  _removeBeforeDestroyListener() {}
-  _saveState() {
-    try {
-      this._save(JSON.stringify({
-        stack: this._stack,
-        index: this._index,
-        state: this._state
-      }));
-    } catch (error) {} // eslint-disable-line no-empty
-  }
-
-  // Returns either a `string` value or `null` if the key doesn't exist.
-  getState(key) {
-    if (key in this._state) {
-      return this._state[key];
-    }
-    return null;
-  }
-  removeState(key) {
-    if (key in this._state) {
-      delete this._state[key];
-    }
-  }
-  setState(key, value) {
-    this._state[key] = value;
-  }
-}

package/src/environment/BrowserEnvironment.js

@@ -1,109 +0,0 @@
-import getLocationUrl from '../getLocationUrl';
-import parseQueryFromSearch from '../parseQueryFromSearch';
-
-export default class BrowserEnvironment {
-  constructor() {
-    this._keyPrefix = Math.random().toString(36).slice(2, 8);
-    this._keyIndex = 0;
-
-    this._index = null;
-  }
-
-  init() {
-    const { pathname, search, hash } = window.location;
-
-    const { key, index = 0, state } = window.history.state || {};
-    const delta = this._index != null ? index - this._index : 0;
-    this._index = index;
-
-    return {
-      action: 'POP',
-      pathname,
-      search,
-      query: search && parseQueryFromSearch(search),
-      hash,
-      key,
-      index,
-      delta,
-      state,
-    };
-  }
-
-  // Subscribes to changes in location,
-  // excluding ones that happened as a result of calling `.navigate()`.
-  subscribe(listener) {
-    const onPopState = () => {
-      listener(this.init());
-    };
-
-    window.addEventListener('popstate', onPopState);
-    return () => {
-      window.removeEventListener('popstate', onPopState);
-    };
-  }
-
-  navigate(location) {
-    const { action, state } = location;
-
-    const push = action === 'PUSH';
-
-    if (!push && action !== 'REPLACE') {
-      throw Error(`Unrecognized browser environment action: ${action}`);
-    }
-
-    const delta = push ? 1 : 0;
-    const extraState = this._createExtraState(delta);
-
-    const browserState = { state, ...extraState };
-    const url = getLocationUrl(location);
-
-    if (push) {
-      window.history.pushState(browserState, null, url);
-    } else {
-      window.history.replaceState(browserState, null, url);
-    }
-
-    return { ...location, ...extraState, delta };
-  }
-
-  shift(delta) {
-    window.history.go(delta);
-  }
-
-  addBeforeDestroyListener(onBeforeDestroy) {
-    const onBeforeUnload = (event) => {
-      if (onBeforeDestroy()) {
-        event.preventDefault();
-      }
-    };
-
-    window.addEventListener('beforeunload', onBeforeUnload);
-    return () => {
-      window.removeEventListener('beforeunload', onBeforeUnload);
-    };
-  }
-
-  _createExtraState(delta) {
-    const keyIndex = this._keyIndex++;
-    this._index += delta;
-
-    return {
-      key: `${this._keyPrefix}:${keyIndex.toString(36)}`,
-      index: this._index,
-    };
-  }
-
-  // Returns either a `string` value or `null` if the key doesn't exist.
-  getState(key) {
-    // FYI: `sessionStorage` persists across page reloads.
-    return window.sessionStorage.getItem(key);
-  }
-
-  removeState(key) {
-    window.sessionStorage.removeItem(key);
-  }
-
-  setState(key, value) {
-    window.sessionStorage.setItem(key, value);
-  }
-}