Synchronizes the stack state with the current browser's history. 

Synchronizes the stack state with the current browser's history

tonyfromundefined

irrationnelle

orionmiz

@stackflow/plugin-history-sync

var __defProps = Object.defineProperties;

var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

var __getOwnPropDescs = Object.getOwnPropertyDescriptors;

var __getOwnPropNames = Object.getOwnPropertyNames;

var __getOwnPropSymbols = Object.getOwnPropertySymbols;

var __getProtoOf = Object.getPrototypeOf;

var __hasOwnProp = Object.prototype.hasOwnProperty;

var __propIsEnum = Object.prototype.propertyIsEnumerable;

var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;

    for (var prop of __getOwnPropSymbols(b)) {

        __defNormalProp(a, prop, b[prop]);

var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));

    __defProp(target, name, { get: all[name], enumerable: true });

var __copyProps = (to, from, except, desc) => {

  if (from && typeof from === "object" || typeof from === "function") {

    for (let key of __getOwnPropNames(from))

      if (!__hasOwnProp.call(to, key) && key !== except)

        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });

var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(

  // If the importer is in node compatibility mode or this is not an ESM

  // file that has been converted to a CommonJS file using a Babel-

  // compatible transform (i.e. "__esModule" has not been set), then set

  // "default" to the CommonJS "module.exports" for node compatibility.

  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,

var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);

  historySyncPlugin: () => historySyncPlugin,

module.exports = __toCommonJS(src_exports);

var import_jsx_runtime = require("react/jsx-runtime");

var HistoryQueueContext = (0, import_react.createContext)({

  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HistoryQueueContext.Provider, { value: ctx, children });

var useHistoryTick = () => (0, import_react.useContext)(HistoryQueueContext);

var import_core = require("@stackflow/core");

var STATE_TAG = `@stackflow/plugin-history-sync`;

  return __spreadProps(__spreadValues({}, step), {

    enteredBy: "activityContext" in step.enteredBy ? __spreadProps(__spreadValues({}, step.enteredBy), {

    }) : __spreadValues({}, step.enteredBy)

  return __spreadProps(__spreadValues({}, activity), {

    enteredBy: __spreadProps(__spreadValues({}, activity.enteredBy), {

    steps: activity.steps.map(serializeStep)

      return __spreadValues(__spreadValues({}, searchParams), decode ? decode(pathParams) : pathParams);

      const params = __spreadValues(__spreadValues({}, searchParams), pathParams);

      return decode ? decode(params) : params;

  return typeof path === "string" ? { path } : path;

  return (Array.isArray(route) ? route : [route]).map(makeRoute);

function normalizeActivityRouteMap(activityRouteMap) {

  const routes = Object.keys(activityRouteMap).flatMap((activityName) => {

    const routeInput = activityRouteMap[activityName];

    return normalizeRouteInput(routeInput).map((route) => __spreadValues({

var import_jsx_runtime2 = require("react/jsx-runtime");

var RoutesContext = (0, import_react2.createContext)([]);

var RoutesProvider = (props) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(RoutesContext.Provider, { value: props.routes, children: props.children });

RoutesProvider.displayName = "RoutesProvider";

  return (0, import_react2.useContext)(RoutesContext);

    (a, b) => makeTemplate(a).variableCount - makeTemplate(b).variableCount

var import_jsx_runtime3 = require("react/jsx-runtime");

  const history = (_a = options.history) != null ? _a : typeof window === "undefined" ? (0, import_history.createMemoryHistory)({}) : (0, import_history.createBrowserHistory)({

  const activityRoutes = sortActivityRoutes(

    normalizeActivityRouteMap(options.routes)

    const { requestHistoryTick } = makeHistoryTaskQueue(history);

        return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(HistoryQueueProvider, { requestHistoryTick, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(RoutesProvider, { routes: activityRoutes, children: stack.render() }) });

      overrideInitialEvents({ initialContext }) {

        const initialHistoryState = safeParseState(

            __spreadProps(__spreadValues({}, initialHistoryState.activity.enteredBy), {

            ...((_a2 = initialHistoryState.step) == null ? void 0 : _a2.enteredBy.name) === "StepPushed" || ((_b = initialHistoryState.step) == null ? void 0 : _b.enteredBy.name) === "StepReplaced" ? [

              __spreadProps(__spreadValues({}, initialHistoryState.step.enteredBy), {

          if (((_a3 = initialContext == null ? void 0 : initialContext.req) == null ? void 0 : _a3.path) && typeof initialContext.req.path === "string") {

            return initialContext.req.path;

            return (_b2 = location.hash.split("#")[1]) != null ? _b2 : "/";

          return location.pathname + location.search;

        const currentPath = resolveCurrentPath();

          for (const activityRoute of activityRoutes) {

            const template = makeTemplate(

            const activityParams = template.parse(currentPath);

  "name": "@stackflow/plugin-history-sync",

    "build": "yarn build:js && yarn build:dts",

    "build:dts": "tsc --emitDeclarationOnly",

    "build:js": "node ./esbuild.config.js",

    "dev": "yarn build:js --watch && yarn build:dts --watch && yarn test --watch",

    "@stackflow/esbuild-config": "^1.0.1",

    "@stackflow/eslint-config": "^1.0.2",

    "@stackflow/react": "^1.1.8-canary.0",

    "@typescript-eslint/eslint-plugin": "^5.32.0",

    "@typescript-eslint/parser": "^5.20.0",

    "eslint-plugin-json-format": "^2.0.1",

    "eslint-plugin-react-hooks": "^4.4.0",

    "eslint-plugin-simple-import-sort": "^7.0.0",

import type { Route } from "./RouteLike";

function urlSearchParamsToMap(urlSearchParams: URLSearchParams) {

  const map: { [key: string]: any } = {};

  urlSearchParams.forEach((value, key) => {

function appendTrailingSlashInPathname(pathname: string) {

function prependQuestionMarkInSearchParams(searchParams: URLSearchParams) {

  const searchParamsStr = searchParams.toString();

 * import { UrlPatternOptions } from "url-pattern"

  const pattern = new UrlPattern(`${path}(/)`, urlPatternOptions);

    fill(params: { [key: string]: string | undefined }) {

      const pathname = pattern.stringify(params);

      const pathParams = pattern.match(pathname);

      const searchParamsMap = { ...params };

      Object.keys(pathParams).forEach((key) => {

      const searchParams = new URLSearchParams(

        Object.entries(searchParamsMap).reduce(

        appendTrailingSlashInPathname(pathname) +

        prependQuestionMarkInSearchParams(searchParams)

    parse<T extends { [key: string]: string | undefined }>(

      const pathParams = pattern.match(url.pathname);

      const searchParams = urlSearchParamsToMap(url.searchParams);

        ...(decode ? decode(pathParams) : pathParams),

    variableCount: (pattern as any).names.length,

		{
		"name": "@stackflow/plugin-history-sync",
		"version": "1.4.0-canary.0",
		"version": "1.4.0-canary.1",
		"license": "MIT",
		@@ -5,0 +5,0 @@ "exports": {

		@@ -95,6 +95,8 @@ import UrlPattern from "url-pattern";

		return {
		const params = {
		...searchParams,
		...(decode ? decode(pathParams) : pathParams),
		...pathParams,
		};

		return decode ? decode(params) : params;
		},
		@@ -101,0 +103,0 @@ variableCount: (pattern as any).names.length,

		@@ -213,3 +213,4 @@ "use strict";
		}
		return __spreadValues(__spreadValues({}, searchParams), decode ? decode(pathParams) : pathParams);
		const params = __spreadValues(__spreadValues({}, searchParams), pathParams);
		return decode ? decode(params) : params;
		},
		@@ -216,0 +217,0 @@ variableCount: pattern.names.length

Improved metrics