UNPKG

one

Version:

One is a React framework for web, iOS, and Android apps.

200 lines (197 loc) • 5.42 kB
import { nanoid } from "nanoid/non-secure"; function createMemoryHistory() { var index = 0; var items = []; var pending = []; var interrupt = function interrupt2() { pending.forEach(function(it) { var cb = it.cb; it.cb = function() { return cb(true); }; }); }; var history = { get index() { var _window_history_state; var id = (_window_history_state = window.history.state) === null || _window_history_state === void 0 ? void 0 : _window_history_state.id; if (id) { var index2 = items.findIndex(function(item) { return item.id === id; }); return index2 > -1 ? index2 : 0; } return 0; }, get(index2) { return items[index2]; }, backIndex(param) { var { path } = param; for (var i = index - 1; i >= 0; i--) { var item = items[i]; if (item.path === path) { return i; } } return -1; }, push(param) { var { path, state, displayPath, unmaskOnReload } = param; interrupt(); var id = nanoid(); items = items.slice(0, index + 1); items.push({ path, state, id, displayPath }); index = items.length - 1; var urlPath = displayPath !== null && displayPath !== void 0 ? displayPath : path; if (process.env.ONE_DEBUG_ROUTER) { console.info(`[one] \u{1F4DC} history.push path=${path}${displayPath ? ` displayPath=${displayPath}` : ""}`); } var historyState = { id }; if (displayPath && displayPath !== path) { historyState.__tempLocation = { pathname: path, search: "", hash: "" }; if (unmaskOnReload) { historyState.__tempKey = id; } } window.history.pushState(historyState, "", urlPath); }, replace(param) { var { path, state, displayPath, unmaskOnReload } = param; var _ref; var _window_history_state; interrupt(); var id = (_ref = (_window_history_state = window.history.state) === null || _window_history_state === void 0 ? void 0 : _window_history_state.id) !== null && _ref !== void 0 ? _ref : nanoid(); var pathWithHash = path; var hash = pathWithHash.includes("#") ? "" : location.hash; if (!items.length || items.findIndex(function(item) { return item.id === id; }) < 0) { pathWithHash = pathWithHash + hash; items = [{ path: pathWithHash, state, id, displayPath }]; index = 0; } else { if (items[index].path === path) { pathWithHash = pathWithHash + hash; } items[index] = { path, state, id, displayPath }; } var urlPath = displayPath ? displayPath + hash : pathWithHash; if (process.env.ONE_DEBUG_ROUTER) { console.info(`[one] \u{1F4DC} history.replace path=${pathWithHash}${displayPath ? ` displayPath=${displayPath}` : ""}`); } var historyState = { id }; if (displayPath && displayPath !== path) { historyState.__tempLocation = { pathname: path, search: "", hash: "" }; if (unmaskOnReload) { historyState.__tempKey = id; } } window.history.replaceState(historyState, "", urlPath); }, go(n) { interrupt(); var nextIndex = index + n; var lastItemIndex = items.length - 1; if (n < 0 && !items[nextIndex]) { n = -index; index = 0; } else if (n > 0 && nextIndex > lastItemIndex) { n = lastItemIndex - index; index = lastItemIndex; } else { index = nextIndex; } if (n === 0) { return; } return new Promise(function(resolve, reject) { var done = function done2(interrupted) { clearTimeout(timer); if (interrupted) { reject(new Error("History was changed during navigation.")); return; } var { title } = window.document; window.document.title = ""; window.document.title = title; resolve(); }; pending.push({ ref: done, cb: done }); var timer = setTimeout(function() { var index2 = pending.findIndex(function(it) { return it.ref === done; }); if (index2 > -1) { pending[index2].cb(); pending.splice(index2, 1); } }, 100); var onPopState = function onPopState1() { var _window_history_state; var id = (_window_history_state = window.history.state) === null || _window_history_state === void 0 ? void 0 : _window_history_state.id; var currentIndex = items.findIndex(function(item) { return item.id === id; }); index = Math.max(currentIndex, 0); var last = pending.pop(); window.removeEventListener("popstate", onPopState); last === null || last === void 0 ? void 0 : last.cb(); }; window.addEventListener("popstate", onPopState); window.history.go(n); }); }, listen(listener) { var onPopState = function onPopState2() { var _window_history_state; if (pending.length) { return; } var popId = (_window_history_state = window.history.state) === null || _window_history_state === void 0 ? void 0 : _window_history_state.id; if (popId) { var foundIndex = items.findIndex(function(item) { return item.id === popId; }); if (foundIndex > -1) { index = foundIndex; } } listener(); }; window.addEventListener("popstate", onPopState); return function() { return window.removeEventListener("popstate", onPopState); }; } }; return history; } export { createMemoryHistory }; //# sourceMappingURL=createMemoryHistory.native.js.map