@env-hopper/frontend-core 2.0.1-alpha → 2.0.1-alpha.1

package/dist/esm/modules/resourceJump/api/ApiQueryMagazineResourceJump.js

@@ -0,0 +1,42 @@
+import { queryOptions } from "@tanstack/react-query";
+import { resourceJumpsFetcher } from "../../../api/unsorted/resourceJumpsFetcher.js";
+import { getTrpcFromMeta } from "../../../util/reactQueryUtils.js";
+import { resourceJumpsExtendedFetcher } from "../../../api/unsorted/resourceJumpsExtendedFetcher.js";
+class ApiQueryMagazineResourceJump {
+  static getNameMigration(params) {
+    return queryOptions({
+      queryKey: ["nameMigrations"],
+      queryFn: (ctx) => getTrpcFromMeta(ctx).tryFindRenameRule.query(params)
+    });
+  }
+  static getAvailabilityMatrix() {
+    return queryOptions({
+      queryKey: ["availabilityMatrix"],
+      queryFn: (ctx) => getTrpcFromMeta(ctx).availabilityMatrix.query()
+    });
+  }
+  static getResourceJumps() {
+    const queryFn = resourceJumpsFetcher();
+    return queryOptions({
+      queryKey: ["resourceJumps"],
+      queryFn
+    });
+  }
+  static getResourceJumpsExtended() {
+    const queryFn = resourceJumpsExtendedFetcher();
+    return queryOptions({
+      queryKey: ["resourceJumpsExtended"],
+      queryFn
+    });
+  }
+  static getResourceJumpHistory({ db }) {
+    return queryOptions({
+      queryKey: ["resourceJumpHistory"],
+      queryFn: () => db.resourceJumpHistory.toArray()
+    });
+  }
+}
+export {
+  ApiQueryMagazineResourceJump
+};
+//# sourceMappingURL=ApiQueryMagazineResourceJump.js.map

package/dist/esm/modules/resourceJump/api/ApiQueryMagazineResourceJump.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApiQueryMagazineResourceJump.js","sources":["../../../../../src/modules/resourceJump/api/ApiQueryMagazineResourceJump.ts"],"sourcesContent":["import { queryOptions } from '@tanstack/react-query'\nimport type {\n  AvailabilityMatrixData,\n  RenameRule,\n  RenameRuleParams,\n  ResourceJumpsData,\n  ResourceJumpsExtendedData,\n} from '@env-hopper/backend-core'\nimport type { DbAware } from '~/types/ehTypes'\nimport type { ResourceJumpHistoryItem } from '../types'\nimport { resourceJumpsFetcher } from '~/api/unsorted/resourceJumpsFetcher'\nimport { getTrpcFromMeta } from '~/util/reactQueryUtils'\nimport { resourceJumpsExtendedFetcher } from '~/api/unsorted/resourceJumpsExtendedFetcher'\n\nexport class ApiQueryMagazineResourceJump {\n  static getNameMigration(params: RenameRuleParams) {\n    return queryOptions<RenameRule | false, Error>({\n      queryKey: ['nameMigrations'],\n      queryFn: (ctx) => getTrpcFromMeta(ctx).tryFindRenameRule.query(params),\n    })\n  }\n\n  static getAvailabilityMatrix() {\n    return queryOptions<AvailabilityMatrixData, Error>({\n      queryKey: ['availabilityMatrix'],\n      queryFn: (ctx) => getTrpcFromMeta(ctx).availabilityMatrix.query(),\n    })\n  }\n\n  static getResourceJumps() {\n    const queryFn = resourceJumpsFetcher()\n    return queryOptions<ResourceJumpsData | undefined, Error>({\n      queryKey: ['resourceJumps'],\n      queryFn,\n    })\n  }\n\n  static getResourceJumpsExtended() {\n    const queryFn = resourceJumpsExtendedFetcher()\n    return queryOptions<ResourceJumpsExtendedData | undefined, Error>({\n      queryKey: ['resourceJumpsExtended'],\n      queryFn,\n    })\n  }\n\n  static getResourceJumpHistory({ db }: DbAware) {\n    return queryOptions<Array<ResourceJumpHistoryItem>, Error>({\n      queryKey: ['resourceJumpHistory'],\n      queryFn: () => db.resourceJumpHistory.toArray(),\n    })\n  }\n}\n"],"names":[],"mappings":";;;;AAcO,MAAM,6BAA6B;AAAA,EACxC,OAAO,iBAAiB,QAA0B;AAChD,WAAO,aAAwC;AAAA,MAC7C,UAAU,CAAC,gBAAgB;AAAA,MAC3B,SAAS,CAAC,QAAQ,gBAAgB,GAAG,EAAE,kBAAkB,MAAM,MAAM;AAAA,IAAA,CACtE;AAAA,EACH;AAAA,EAEA,OAAO,wBAAwB;AAC7B,WAAO,aAA4C;AAAA,MACjD,UAAU,CAAC,oBAAoB;AAAA,MAC/B,SAAS,CAAC,QAAQ,gBAAgB,GAAG,EAAE,mBAAmB,MAAA;AAAA,IAAM,CACjE;AAAA,EACH;AAAA,EAEA,OAAO,mBAAmB;AACxB,UAAM,UAAU,qBAAA;AAChB,WAAO,aAAmD;AAAA,MACxD,UAAU,CAAC,eAAe;AAAA,MAC1B;AAAA,IAAA,CACD;AAAA,EACH;AAAA,EAEA,OAAO,2BAA2B;AAChC,UAAM,UAAU,6BAAA;AAChB,WAAO,aAA2D;AAAA,MAChE,UAAU,CAAC,uBAAuB;AAAA,MAClC;AAAA,IAAA,CACD;AAAA,EACH;AAAA,EAEA,OAAO,uBAAuB,EAAE,MAAe;AAC7C,WAAO,aAAoD;AAAA,MACzD,UAAU,CAAC,qBAAqB;AAAA,MAChC,SAAS,MAAM,GAAG,oBAAoB,QAAA;AAAA,IAAQ,CAC/C;AAAA,EACH;AACF;"}

package/dist/esm/modules/resourceJump/context/ResourceJumpContext.d.ts

@@ -0,0 +1,34 @@
+import { EnvSlug, JumpResourceSlug, LateResolvableParam } from '@env-hopper/backend-core';
+import { ReactNode } from 'react';
+import { ResourceJumpHistoryItem, ResourceJumpLoaderReturn, ResourceJumpUI } from '../types.js';
+import { FlagshipResourceJumpUi } from '../utils/mapToFlagshipResourceJumps.js';
+export interface ResourceJumpContextIface {
+    setCurrentResourceJumpSlug: (slug: JumpResourceSlug | undefined) => void;
+    currentResourceJump: ResourceJumpUI | undefined;
+    flagshipJumpResources: Array<FlagshipResourceJumpUi>;
+    resourceJumps: Array<ResourceJumpUI>;
+    isLoadingResourceJumps: boolean;
+    getJumpUrl: (jumpResourceSlug: JumpResourceSlug | undefined, envSlug: EnvSlug | undefined) => string | undefined;
+    initialResourceSlug: string | undefined;
+    currentLateResolvableParams: Array<LateResolvableParam>;
+    currentLateResolvableParamsValue: Array<{
+        slug: string;
+        value: string;
+    }>;
+    currentFlagship: FlagshipResourceJumpUi | undefined;
+    setCurrentFlagship: (slug: string | undefined) => void;
+    setLateResolvableParamValue: (slug: string, value: string) => void;
+    setLateResolvableParamValues: (values: Record<string, string>) => void;
+    leftEnvSelectorValue: string;
+    setLeftEnvSelectorValue: (value: string) => void;
+    history: Array<ResourceJumpHistoryItem>;
+}
+export declare const ResourceJumpContext: import('react').Context<ResourceJumpContextIface | undefined>;
+interface ResourceJumpProviderProps {
+    children: ReactNode;
+    initialJumpLinkSlug?: string;
+    resourceJumpLoader: ResourceJumpLoaderReturn;
+}
+export declare function ResourceJumpProvider({ children, resourceJumpLoader, }: ResourceJumpProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useResourceJumpContext(): ResourceJumpContextIface;
+export {};

package/dist/esm/modules/resourceJump/context/ResourceJumpContext.js

@@ -0,0 +1,280 @@
+import { jsx } from "react/jsx-runtime";
+import { useQuery } from "@tanstack/react-query";
+import { useNavigate } from "@tanstack/react-router";
+import { mapValues } from "radashi";
+import { createContext, useMemo, useState, useEffect, useCallback, useRef, use } from "react";
+import { useCrossCuttingParamsContext } from "../../crossCuttingParams/CrossCuttingParamsContext.js";
+import { useEnvironmentContext } from "../../environment/context/EnvironmentContext.js";
+import { useResourceJumpHistory } from "./useResouceJumpHistory.js";
+import { getFlashipResource } from "../utils/helpers.js";
+import { mapToResouceJumpUis } from "../utils/mapToResouceJumpUis.js";
+import { getEhToOptions } from "../../../util/route-utils.js";
+import { ApiQueryMagazineResourceJump } from "../api/ApiQueryMagazineResourceJump.js";
+import { buildJumpUrl } from "../utils/buildJumpUrl.js";
+import { mapToFlagshipResourceJumps } from "../utils/mapToFlagshipResourceJumps.js";
+const ResourceJumpContext = createContext(void 0);
+function ResourceJumpProvider({
+  children,
+  resourceJumpLoader
+}) {
+  const { currentEnv } = useEnvironmentContext();
+  const navigate = useNavigate();
+  const { data: apiData, isLoading: isLoadingResourceJumps } = useQuery(
+    ApiQueryMagazineResourceJump.getResourceJumps()
+  );
+  const flagshipJumpResources = useMemo(
+    () => apiData ? mapToFlagshipResourceJumps(apiData) : [],
+    [apiData]
+  );
+  const resourceJumps = useMemo(
+    () => apiData ? mapToResouceJumpUis(apiData, flagshipJumpResources) : [],
+    [apiData, flagshipJumpResources]
+  );
+  const { history, historySaveFlagmanSwitch, historySaveResourceSwitch } = useResourceJumpHistory();
+  const [allLateResolvableParamValues, setAllLateResolvableParamValues] = useState({});
+  const currentResourceJumpSlug = resourceJumpLoader.resourceSlug;
+  useEffect(() => {
+    if (resourceJumpLoader.resourceSlug) {
+      historySaveResourceSwitch(resourceJumpLoader.resourceSlug);
+    }
+  }, [historySaveResourceSwitch, resourceJumpLoader.resourceSlug]);
+  const fixUrlBasedOnSelection = useCallback(
+    async (state, _replace = false) => {
+      void getEhToOptions(state);
+    },
+    []
+  );
+  const setCurrentResourceJumpSlugWithHistory = useCallback(
+    (slug) => {
+      const newLocal = getEhToOptions({
+        appId: slug,
+        envId: currentEnv == null ? void 0 : currentEnv.slug,
+        subValue: resourceJumpLoader.subValue
+      });
+      void navigate({
+        ...newLocal,
+        replace: true
+      });
+      if (slug !== void 0) {
+        console.log("Saving resource jump switch to history:", slug);
+        historySaveResourceSwitch(slug, currentEnv == null ? void 0 : currentEnv.slug);
+      }
+    },
+    [
+      currentEnv == null ? void 0 : currentEnv.slug,
+      historySaveResourceSwitch,
+      navigate,
+      resourceJumpLoader.subValue
+    ]
+  );
+  const currentResourceJump = useMemo(() => {
+    const found = resourceJumps.find(
+      (item) => item.slug === currentResourceJumpSlug
+    );
+    return found;
+  }, [currentResourceJumpSlug, resourceJumps]);
+  const { setCrossCuttingParamsDefs } = useCrossCuttingParamsContext();
+  useEffect(() => {
+    setCrossCuttingParamsDefs((apiData == null ? void 0 : apiData.lateResolvableParams) || []);
+  }, [apiData, setCrossCuttingParamsDefs]);
+  const currentLateResolvableParams = useMemo(() => {
+    if (!apiData || !currentResourceJumpSlug) {
+      return [];
+    }
+    const resourceJump = apiData.resourceJumps.find(
+      (rj) => rj.slug === currentResourceJumpSlug
+    );
+    if (!(resourceJump == null ? void 0 : resourceJump.lateResolvableParamSlugs)) {
+      return [];
+    }
+    const paramMap = new Map(
+      apiData.lateResolvableParams.map((p) => [p.slug, p])
+    );
+    return resourceJump.lateResolvableParamSlugs.map((slug) => paramMap.get(slug)).filter((p) => p !== void 0);
+  }, [currentResourceJumpSlug, apiData]);
+  const currentLateResolvableParamsValue = useMemo(() => {
+    return currentLateResolvableParams.map((p) => ({
+      slug: p.slug,
+      value: allLateResolvableParamValues[p.slug] ?? ""
+    }));
+  }, [currentLateResolvableParams, allLateResolvableParamValues]);
+  const setLateResolvableParamValue = useCallback(
+    (slug, value2) => {
+      setAllLateResolvableParamValues((prev) => ({
+        ...prev,
+        [slug]: value2
+      }));
+    },
+    []
+  );
+  const setLateResolvableParamValues = useCallback(
+    (values) => {
+      setAllLateResolvableParamValues((prev) => ({
+        ...prev,
+        ...values
+      }));
+    },
+    []
+  );
+  const didInitLateParamFromUrlRef = useRef(false);
+  useEffect(() => {
+    if (didInitLateParamFromUrlRef.current) {
+      return;
+    }
+    if (isLoadingResourceJumps) {
+      return;
+    }
+    const firstParam = currentLateResolvableParams[0];
+    if (!firstParam) {
+      return;
+    }
+    const urlValue = resourceJumpLoader.subValue ?? "";
+    const currentVal = allLateResolvableParamValues[firstParam.slug] ?? "";
+    if (urlValue !== "" && currentVal === "") {
+      setAllLateResolvableParamValues((prev) => ({
+        ...prev,
+        [firstParam.slug]: urlValue
+      }));
+      didInitLateParamFromUrlRef.current = true;
+    }
+  }, [
+    isLoadingResourceJumps,
+    currentLateResolvableParams,
+    allLateResolvableParamValues,
+    resourceJumpLoader.subValue
+  ]);
+  useEffect(() => {
+    if (isLoadingResourceJumps) {
+      return;
+    }
+    const firstParam = currentLateResolvableParams[0];
+    const localValue = allLateResolvableParamValues[(firstParam == null ? void 0 : firstParam.slug) || ""] ?? "";
+    const params = {
+      envId: currentEnv == null ? void 0 : currentEnv.slug,
+      appId: currentResourceJumpSlug,
+      subValue: localValue || void 0
+    };
+    void fixUrlBasedOnSelection(params, true);
+  }, [
+    allLateResolvableParamValues,
+    currentLateResolvableParams,
+    currentEnv == null ? void 0 : currentEnv.slug,
+    currentResourceJumpSlug,
+    fixUrlBasedOnSelection,
+    isLoadingResourceJumps
+  ]);
+  useEffect(() => {
+    if (isLoadingResourceJumps) {
+      return;
+    }
+    const stateMatchesUrl = (currentEnv == null ? void 0 : currentEnv.slug) === resourceJumpLoader.envSlug && currentResourceJumpSlug === resourceJumpLoader.resourceSlug;
+    if (stateMatchesUrl) {
+      return;
+    }
+    const firstParam = currentLateResolvableParams[0];
+    const subValue = firstParam && allLateResolvableParamValues[firstParam.slug] ? allLateResolvableParamValues[firstParam.slug] : void 0;
+    if ((currentEnv == null ? void 0 : currentEnv.slug) && currentResourceJumpSlug) {
+      void fixUrlBasedOnSelection(
+        { envId: currentEnv.slug, appId: currentResourceJumpSlug, subValue },
+        true
+      );
+    } else if ((currentEnv == null ? void 0 : currentEnv.slug) && !currentResourceJumpSlug) {
+      void fixUrlBasedOnSelection({ envId: currentEnv.slug }, true);
+    }
+  }, [
+    currentEnv,
+    currentResourceJumpSlug,
+    resourceJumpLoader.envSlug,
+    resourceJumpLoader.resourceSlug,
+    allLateResolvableParamValues,
+    currentLateResolvableParams,
+    fixUrlBasedOnSelection,
+    isLoadingResourceJumps
+  ]);
+  const { crossCuttingParams } = useCrossCuttingParamsContext();
+  const getJumpUrl = useCallback(
+    (jumpResourceSlug, envSlug) => {
+      return buildJumpUrl(
+        jumpResourceSlug,
+        envSlug,
+        apiData,
+        mapValues(crossCuttingParams, (v) => v.stringValue)
+      );
+    },
+    [apiData, crossCuttingParams]
+  );
+  const currentFlagship = useMemo(() => {
+    return currentResourceJump == null ? void 0 : currentResourceJump.flagship;
+  }, [currentResourceJump]);
+  const setCurrentFlagship = useCallback(
+    (slug) => {
+      const flagship = flagshipJumpResources.find((rj) => rj.slug === slug);
+      if (flagship) {
+        const resouceJump = getFlashipResource(flagship).slug;
+        setCurrentResourceJumpSlugWithHistory(resouceJump);
+        if (slug) {
+          historySaveFlagmanSwitch(slug);
+        }
+      }
+    },
+    [
+      flagshipJumpResources,
+      historySaveFlagmanSwitch,
+      setCurrentResourceJumpSlugWithHistory
+    ]
+  );
+  const [leftEnvSelectorValue, setLeftEnvSelectorValue] = useState("");
+  const value = useMemo(
+    () => ({
+      currentResourceJump,
+      setCurrentResourceJumpSlug: setCurrentResourceJumpSlugWithHistory,
+      isLoadingResourceJumps,
+      getJumpUrl,
+      initialResourceSlug: resourceJumpLoader.resourceSlug,
+      currentLateResolvableParams,
+      currentLateResolvableParamsValue,
+      setLateResolvableParamValue,
+      setLateResolvableParamValues,
+      flagshipJumpResources,
+      currentFlagship,
+      setCurrentFlagship,
+      leftEnvSelectorValue,
+      setLeftEnvSelectorValue,
+      history,
+      resourceJumps
+    }),
+    [
+      currentResourceJump,
+      setCurrentResourceJumpSlugWithHistory,
+      isLoadingResourceJumps,
+      getJumpUrl,
+      resourceJumpLoader.resourceSlug,
+      currentLateResolvableParams,
+      currentLateResolvableParamsValue,
+      setLateResolvableParamValue,
+      setLateResolvableParamValues,
+      flagshipJumpResources,
+      currentFlagship,
+      setCurrentFlagship,
+      leftEnvSelectorValue,
+      history,
+      resourceJumps
+    ]
+  );
+  return /* @__PURE__ */ jsx(ResourceJumpContext, { value, children });
+}
+function useResourceJumpContext() {
+  const context = use(ResourceJumpContext);
+  if (context === void 0) {
+    throw new Error(
+      "useResourceJumpContext must be used within an ResourceJumpContext"
+    );
+  }
+  return context;
+}
+export {
+  ResourceJumpContext,
+  ResourceJumpProvider,
+  useResourceJumpContext
+};
+//# sourceMappingURL=ResourceJumpContext.js.map

package/dist/esm/modules/resourceJump/context/ResourceJumpContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceJumpContext.js","sources":["../../../../../src/modules/resourceJump/context/ResourceJumpContext.tsx"],"sourcesContent":["import type {\n  EnvSlug,\n  JumpResourceSlug,\n  LateResolvableParam,\n} from '@env-hopper/backend-core'\nimport { useQuery } from '@tanstack/react-query'\nimport { useNavigate } from '@tanstack/react-router'\nimport { mapValues } from 'radashi'\nimport type { ReactNode } from 'react'\nimport {\n  createContext,\n  use,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport { useCrossCuttingParamsContext } from '~/modules/crossCuttingParams/CrossCuttingParamsContext'\nimport { useEnvironmentContext } from '~/modules/environment/context/EnvironmentContext'\nimport { useResourceJumpHistory } from '~/modules/resourceJump/context/useResouceJumpHistory'\nimport { getFlashipResource } from '~/modules/resourceJump/utils/helpers'\nimport { mapToResouceJumpUis } from '~/modules/resourceJump/utils/mapToResouceJumpUis'\nimport type { EhUrlParams } from '~/types/ehTypes'\nimport { getEhToOptions } from '~/util/route-utils'\nimport { ApiQueryMagazineResourceJump } from '../api/ApiQueryMagazineResourceJump'\nimport type {\n  ResourceJumpHistoryItem,\n  ResourceJumpLoaderReturn,\n  ResourceJumpUI,\n} from '../types'\nimport { buildJumpUrl } from '../utils/buildJumpUrl'\nimport type { FlagshipResourceJumpUi } from '../utils/mapToFlagshipResourceJumps'\nimport { mapToFlagshipResourceJumps } from '../utils/mapToFlagshipResourceJumps'\n\nexport interface ResourceJumpContextIface {\n  setCurrentResourceJumpSlug: (slug: JumpResourceSlug | undefined) => void\n  currentResourceJump: ResourceJumpUI | undefined\n  flagshipJumpResources: Array<FlagshipResourceJumpUi>\n  resourceJumps: Array<ResourceJumpUI>\n  isLoadingResourceJumps: boolean\n  getJumpUrl: (\n    jumpResourceSlug: JumpResourceSlug | undefined,\n    envSlug: EnvSlug | undefined,\n  ) => string | undefined\n  initialResourceSlug: string | undefined\n  currentLateResolvableParams: Array<LateResolvableParam>\n  currentLateResolvableParamsValue: Array<{ slug: string; value: string }>\n  currentFlagship: FlagshipResourceJumpUi | undefined\n  setCurrentFlagship: (slug: string | undefined) => void\n  setLateResolvableParamValue: (slug: string, value: string) => void\n  setLateResolvableParamValues: (values: Record<string, string>) => void\n  leftEnvSelectorValue: string\n  setLeftEnvSelectorValue: (value: string) => void\n  history: Array<ResourceJumpHistoryItem>\n}\n\nexport const ResourceJumpContext = createContext<\n  ResourceJumpContextIface | undefined\n>(undefined)\n\ninterface ResourceJumpProviderProps {\n  children: ReactNode\n  initialJumpLinkSlug?: string\n  resourceJumpLoader: ResourceJumpLoaderReturn\n}\n\nexport function ResourceJumpProvider({\n  children,\n  resourceJumpLoader,\n}: ResourceJumpProviderProps) {\n  const { currentEnv } = useEnvironmentContext()\n  const navigate = useNavigate()\n\n  // Fetch ResourceJumpsData using React Query\n  const { data: apiData, isLoading: isLoadingResourceJumps } = useQuery(\n    ApiQueryMagazineResourceJump.getResourceJumps(),\n  )\n\n  const flagshipJumpResources = useMemo<Array<FlagshipResourceJumpUi>>(\n    () => (apiData ? mapToFlagshipResourceJumps(apiData) : []),\n    [apiData],\n  )\n  const resourceJumps = useMemo<Array<ResourceJumpUI>>(\n    () => (apiData ? mapToResouceJumpUis(apiData, flagshipJumpResources) : []),\n    [apiData, flagshipJumpResources],\n  )\n\n  const { history, historySaveFlagmanSwitch, historySaveResourceSwitch } =\n    useResourceJumpHistory()\n\n  // Global state for all late resolvable param values across all resources\n  const [allLateResolvableParamValues, setAllLateResolvableParamValues] =\n    useState<Record<string, string>>({})\n\n  // No local loading effect; quick slots are sourced via React Query\n\n  // Sync currentResourceJumpSlug with URL changes\n  // When the URL changes externally, update our state to match\n  // useEffect(() => {\n  //   setCurrentResourceJumpSlug(resourceJumpLoader.resourceSlug)\n  // }, [resourceJumpLoader.resourceSlug])\n\n  const currentResourceJumpSlug = resourceJumpLoader.resourceSlug\n\n  useEffect(() => {\n    if (resourceJumpLoader.resourceSlug) {\n      historySaveResourceSwitch(resourceJumpLoader.resourceSlug)\n    }\n  }, [historySaveResourceSwitch, resourceJumpLoader.resourceSlug])\n\n  const fixUrlBasedOnSelection = useCallback(\n    async (state: EhUrlParams, _replace = false) => {\n      // Note: Navigation logic commented out - URL sync handled elsewhere\n      void getEhToOptions(state)\n    },\n    [],\n  )\n\n  const setCurrentResourceJumpSlugWithHistory = useCallback(\n    (slug: string | undefined) => {\n      const newLocal = getEhToOptions({\n        appId: slug,\n        envId: currentEnv?.slug,\n        subValue: resourceJumpLoader.subValue,\n      })\n      void navigate({\n        ...newLocal,\n        replace: true,\n      })\n      if (slug !== undefined) {\n        console.log('Saving resource jump switch to history:', slug)\n        historySaveResourceSwitch(slug, currentEnv?.slug)\n      }\n    },\n    [\n      currentEnv?.slug,\n      historySaveResourceSwitch,\n      navigate,\n      resourceJumpLoader.subValue,\n    ],\n  )\n\n  const currentResourceJump = useMemo<ResourceJumpUI | undefined>(() => {\n    const found: ResourceJumpUI | undefined = resourceJumps.find(\n      (item) => item.slug === currentResourceJumpSlug,\n    )\n    return found\n  }, [currentResourceJumpSlug, resourceJumps])\n\n  const { setCrossCuttingParamsDefs } = useCrossCuttingParamsContext()\n  useEffect(() => {\n    setCrossCuttingParamsDefs(apiData?.lateResolvableParams || [])\n  }, [apiData, setCrossCuttingParamsDefs])\n\n  // Derive current late resolvable params for the selected resource\n  const currentLateResolvableParams = useMemo(() => {\n    if (!apiData || !currentResourceJumpSlug) {\n      return []\n    }\n    const resourceJump = apiData.resourceJumps.find(\n      (rj) => rj.slug === currentResourceJumpSlug,\n    )\n    if (!resourceJump?.lateResolvableParamSlugs) {\n      return []\n    }\n    const paramMap = new Map(\n      apiData.lateResolvableParams.map((p) => [p.slug, p]),\n    )\n    return resourceJump.lateResolvableParamSlugs\n      .map((slug) => paramMap.get(slug))\n      .filter((p): p is LateResolvableParam => p !== undefined)\n  }, [currentResourceJumpSlug, apiData])\n\n  // Derive current late resolvable param values for the selected resource\n  const currentLateResolvableParamsValue = useMemo(() => {\n    return currentLateResolvableParams.map((p) => ({\n      slug: p.slug,\n      value: allLateResolvableParamValues[p.slug] ?? '',\n    }))\n  }, [currentLateResolvableParams, allLateResolvableParamValues])\n\n  // Setters for late resolvable params\n  const setLateResolvableParamValue = useCallback(\n    (slug: string, value: string) => {\n      setAllLateResolvableParamValues((prev) => ({\n        ...prev,\n        [slug]: value,\n      }))\n    },\n    [],\n  )\n\n  const setLateResolvableParamValues = useCallback(\n    (values: Record<string, string>) => {\n      setAllLateResolvableParamValues((prev) => ({\n        ...prev,\n        ...values,\n      }))\n    },\n    [],\n  )\n\n  // Initialize late resolvable param value from URL only when env matches initialEnvSlug\n  // This runs once and does not establish ongoing URL->context sync\n  const didInitLateParamFromUrlRef = useRef(false)\n  useEffect(() => {\n    if (didInitLateParamFromUrlRef.current) {\n      return\n    }\n    if (isLoadingResourceJumps) {\n      return\n    }\n    const firstParam = currentLateResolvableParams[0]\n    if (!firstParam) {\n      return\n    }\n    const urlValue = resourceJumpLoader.subValue ?? ''\n    const currentVal = allLateResolvableParamValues[firstParam.slug] ?? ''\n    if (urlValue !== '' && currentVal === '') {\n      setAllLateResolvableParamValues((prev) => ({\n        ...prev,\n        [firstParam.slug]: urlValue,\n      }))\n      didInitLateParamFromUrlRef.current = true\n    }\n  }, [\n    isLoadingResourceJumps,\n    currentLateResolvableParams,\n    allLateResolvableParamValues,\n    resourceJumpLoader.subValue,\n  ])\n\n  useEffect(() => {\n    if (isLoadingResourceJumps) {\n      return\n    }\n    const firstParam = currentLateResolvableParams[0]\n    const localValue =\n      allLateResolvableParamValues[firstParam?.slug || ''] ?? ''\n\n    const params: EhUrlParams = {\n      envId: currentEnv?.slug,\n      appId: currentResourceJumpSlug,\n      subValue: localValue || undefined,\n    }\n\n    // Only navigate if we have at least env and resource\n    void fixUrlBasedOnSelection(params, true)\n  }, [\n    allLateResolvableParamValues,\n    currentLateResolvableParams,\n    currentEnv?.slug,\n    currentResourceJumpSlug,\n    fixUrlBasedOnSelection,\n    isLoadingResourceJumps,\n  ])\n\n  // Handle navigation when environment or resource selection changes\n  // This effect runs when the user makes a selection (not when syncing from URL)\n  useEffect(() => {\n    // Skip if we're still loading\n    if (isLoadingResourceJumps) {\n      return\n    }\n\n    // Skip if state matches URL - this means we just synced from URL, don't navigate\n    const stateMatchesUrl =\n      currentEnv?.slug === resourceJumpLoader.envSlug &&\n      currentResourceJumpSlug === resourceJumpLoader.resourceSlug\n\n    if (stateMatchesUrl) {\n      return\n    }\n\n    const firstParam = currentLateResolvableParams[0]\n    const subValue =\n      firstParam && allLateResolvableParamValues[firstParam.slug]\n        ? allLateResolvableParamValues[firstParam.slug]\n        : undefined\n\n    // If we have both env and resource selected, navigate to full URL\n    if (currentEnv?.slug && currentResourceJumpSlug) {\n      void fixUrlBasedOnSelection(\n        { envId: currentEnv.slug, appId: currentResourceJumpSlug, subValue },\n        true,\n      )\n    }\n    // If we only have env selected (no resource), navigate to env-only URL\n    else if (currentEnv?.slug && !currentResourceJumpSlug) {\n      void fixUrlBasedOnSelection({ envId: currentEnv.slug }, true)\n    }\n  }, [\n    currentEnv,\n    currentResourceJumpSlug,\n    resourceJumpLoader.envSlug,\n    resourceJumpLoader.resourceSlug,\n    allLateResolvableParamValues,\n    currentLateResolvableParams,\n    fixUrlBasedOnSelection,\n    isLoadingResourceJumps,\n  ])\n\n  const { crossCuttingParams } = useCrossCuttingParamsContext()\n\n  const getJumpUrl = useCallback(\n    (\n      jumpResourceSlug: JumpResourceSlug | undefined,\n      envSlug: EnvSlug | undefined,\n    ) => {\n      return buildJumpUrl(\n        jumpResourceSlug,\n        envSlug,\n        apiData,\n        mapValues(crossCuttingParams, (v) => v.stringValue),\n      )\n    },\n    [apiData, crossCuttingParams],\n  )\n\n  const currentFlagship = useMemo(() => {\n    return currentResourceJump?.flagship\n  }, [currentResourceJump])\n\n  const setCurrentFlagship = useCallback(\n    (slug: string | undefined) => {\n      const flagship = flagshipJumpResources.find((rj) => rj.slug === slug)\n\n      if (flagship) {\n        const resouceJump = getFlashipResource(flagship).slug\n        setCurrentResourceJumpSlugWithHistory(resouceJump)\n        if (slug) {\n          historySaveFlagmanSwitch(slug)\n        }\n      }\n    },\n    [\n      flagshipJumpResources,\n      historySaveFlagmanSwitch,\n      setCurrentResourceJumpSlugWithHistory,\n    ],\n  )\n\n  const [leftEnvSelectorValue, setLeftEnvSelectorValue] = useState<string>('')\n\n  const value: ResourceJumpContextIface = useMemo(\n    () => ({\n      currentResourceJump,\n      setCurrentResourceJumpSlug: setCurrentResourceJumpSlugWithHistory,\n      isLoadingResourceJumps,\n      getJumpUrl,\n      initialResourceSlug: resourceJumpLoader.resourceSlug,\n      currentLateResolvableParams,\n      currentLateResolvableParamsValue,\n      setLateResolvableParamValue,\n      setLateResolvableParamValues,\n      flagshipJumpResources,\n      currentFlagship,\n      setCurrentFlagship,\n      leftEnvSelectorValue,\n      setLeftEnvSelectorValue,\n      history,\n      resourceJumps,\n    }),\n    [\n      currentResourceJump,\n      setCurrentResourceJumpSlugWithHistory,\n      isLoadingResourceJumps,\n      getJumpUrl,\n      resourceJumpLoader.resourceSlug,\n      currentLateResolvableParams,\n      currentLateResolvableParamsValue,\n      setLateResolvableParamValue,\n      setLateResolvableParamValues,\n      flagshipJumpResources,\n      currentFlagship,\n      setCurrentFlagship,\n      leftEnvSelectorValue,\n      history,\n      resourceJumps,\n    ],\n  )\n\n  return <ResourceJumpContext value={value}>{children}</ResourceJumpContext>\n}\n\nexport function useResourceJumpContext(): ResourceJumpContextIface {\n  const context = use(ResourceJumpContext)\n  if (context === undefined) {\n    throw new Error(\n      'useResourceJumpContext must be used within an ResourceJumpContext',\n    )\n  }\n  return context\n}\n"],"names":["value"],"mappings":"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"}

package/dist/esm/modules/resourceJump/context/useResouceJumpHistory.d.ts

@@ -0,0 +1,8 @@
+import { ResourceJumpHistoryItem } from '~/modules/resourceJump/types';
+export declare function useResourceJumpHistory(): {
+    history: ResourceJumpHistoryItem[];
+    setHistory: import('react').Dispatch<import('react').SetStateAction<ResourceJumpHistoryItem[]>>;
+    historySaveEnvSwitch: (envSlug: string) => void;
+    historySaveFlagmanSwitch: (flagmanSlug: string) => void;
+    historySaveResourceSwitch: (resourceSlug: string, envSlug?: string) => void;
+};

package/dist/esm/modules/resourceJump/context/useResouceJumpHistory.js

@@ -0,0 +1,86 @@
+import { useState, useEffect, useCallback } from "react";
+import { useDb } from "../../../userDb/DbContext.js";
+const MAX_HISTORY_ITEMS = 1e3;
+const DISPLAY_HISTORY_ITEMS = 100;
+function isSameHistoryItem(a, b) {
+  return a.type === b.type && a.resourceSlug === b.resourceSlug && a.envSlug === b.envSlug && a.flagshipSlug === b.flagshipSlug;
+}
+function useResourceJumpHistory() {
+  const db = useDb();
+  const [history, setHistory] = useState([]);
+  useEffect(() => {
+    const fetchHistory = async () => {
+      const historyItems = await db.resourceJumpHistory.toCollection().sortBy("timestamp");
+      setHistory(historyItems.reverse().slice(0, DISPLAY_HISTORY_ITEMS));
+    };
+    fetchHistory();
+  }, [db.resourceJumpHistory]);
+  const trimHistory = useCallback(async () => {
+    const count = await db.resourceJumpHistory.count();
+    if (count > MAX_HISTORY_ITEMS) {
+      const itemsToDelete = count - MAX_HISTORY_ITEMS;
+      const oldestItems = await db.resourceJumpHistory.toCollection().sortBy("timestamp");
+      const idsToDelete = oldestItems.slice(0, itemsToDelete).map((item) => item.id).filter((id) => id !== void 0);
+      await db.resourceJumpHistory.bulkDelete(idsToDelete);
+    }
+  }, [db.resourceJumpHistory]);
+  const saveHistoryItem = useCallback(
+    async (newItem) => {
+      const timestamp = Date.now();
+      const historyItem = {
+        ...newItem,
+        timestamp
+      };
+      const lastItem = history[0];
+      if (lastItem && isSameHistoryItem(lastItem, newItem)) {
+        return;
+      }
+      const id = await db.resourceJumpHistory.add(historyItem);
+      setHistory((prev) => [
+        { ...historyItem, id },
+        ...prev.slice(0, DISPLAY_HISTORY_ITEMS - 1)
+      ]);
+      void trimHistory();
+    },
+    [db.resourceJumpHistory, history, trimHistory]
+  );
+  const historySaveEnvSwitch = useCallback(
+    (envSlug) => {
+      void saveHistoryItem({
+        type: "switch-selector",
+        envSlug
+      });
+    },
+    [saveHistoryItem]
+  );
+  const historySaveFlagmanSwitch = useCallback(
+    (flagmanSlug) => {
+      void saveHistoryItem({
+        type: "switch-selector",
+        flagshipSlug: flagmanSlug
+      });
+    },
+    [saveHistoryItem]
+  );
+  const historySaveResourceSwitch = useCallback(
+    (resourceSlug, envSlug) => {
+      void saveHistoryItem({
+        type: "switch-selector",
+        resourceSlug,
+        envSlug
+      });
+    },
+    [saveHistoryItem]
+  );
+  return {
+    history,
+    setHistory,
+    historySaveEnvSwitch,
+    historySaveFlagmanSwitch,
+    historySaveResourceSwitch
+  };
+}
+export {
+  useResourceJumpHistory
+};
+//# sourceMappingURL=useResouceJumpHistory.js.map

package/dist/esm/modules/resourceJump/context/useResouceJumpHistory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResouceJumpHistory.js","sources":["../../../../../src/modules/resourceJump/context/useResouceJumpHistory.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react'\nimport type { ResourceJumpHistoryItem } from '~/modules/resourceJump/types'\nimport { useDb } from '~/userDb/DbContext'\n\nconst MAX_HISTORY_ITEMS = 1000\nconst DISPLAY_HISTORY_ITEMS = 100\n\nfunction isSameHistoryItem(\n  a: ResourceJumpHistoryItem,\n  b: Omit<ResourceJumpHistoryItem, 'timestamp'>,\n): boolean {\n  return (\n    a.type === b.type &&\n    a.resourceSlug === b.resourceSlug &&\n    a.envSlug === b.envSlug &&\n    a.flagshipSlug === b.flagshipSlug\n  )\n}\n\nexport function useResourceJumpHistory() {\n  const db = useDb()\n\n  const [history, setHistory] = useState<Array<ResourceJumpHistoryItem>>([])\n\n  // Load history on mount\n  useEffect(() => {\n    const fetchHistory = async () => {\n      const historyItems = await db.resourceJumpHistory\n        .toCollection()\n        .sortBy('timestamp')\n      setHistory(historyItems.reverse().slice(0, DISPLAY_HISTORY_ITEMS))\n    }\n    fetchHistory()\n  }, [db.resourceJumpHistory])\n\n  // Trim history if it exceeds MAX_HISTORY_ITEMS\n  const trimHistory = useCallback(async () => {\n    const count = await db.resourceJumpHistory.count()\n    if (count > MAX_HISTORY_ITEMS) {\n      const itemsToDelete = count - MAX_HISTORY_ITEMS\n      const oldestItems = await db.resourceJumpHistory\n        .toCollection()\n        .sortBy('timestamp')\n      const idsToDelete = oldestItems\n        .slice(0, itemsToDelete)\n        .map((item) => item.id)\n        .filter((id): id is number => id !== undefined)\n      await db.resourceJumpHistory.bulkDelete(idsToDelete)\n    }\n  }, [db.resourceJumpHistory])\n\n  const saveHistoryItem = useCallback(\n    async (newItem: Omit<ResourceJumpHistoryItem, 'timestamp'>) => {\n      const timestamp = Date.now()\n      const historyItem: ResourceJumpHistoryItem = {\n        ...newItem,\n        timestamp,\n      }\n\n      // Check if last item is the same (deduplication)\n      const lastItem = history[0]\n      if (lastItem && isSameHistoryItem(lastItem, newItem)) {\n        return\n      }\n\n      // Add new item\n      const id = await db.resourceJumpHistory.add(historyItem)\n      setHistory((prev) => [\n        { ...historyItem, id },\n        ...prev.slice(0, DISPLAY_HISTORY_ITEMS - 1),\n      ])\n\n      // Trim if needed (async, don't await)\n      void trimHistory()\n    },\n    [db.resourceJumpHistory, history, trimHistory],\n  )\n\n  const historySaveEnvSwitch = useCallback(\n    (envSlug: string) => {\n      void saveHistoryItem({\n        type: 'switch-selector',\n        envSlug,\n      })\n    },\n    [saveHistoryItem],\n  )\n\n  const historySaveFlagmanSwitch = useCallback(\n    (flagmanSlug: string) => {\n      void saveHistoryItem({\n        type: 'switch-selector',\n        flagshipSlug: flagmanSlug,\n      })\n    },\n    [saveHistoryItem],\n  )\n\n  const historySaveResourceSwitch = useCallback(\n    (resourceSlug: string, envSlug?: string) => {\n      void saveHistoryItem({\n        type: 'switch-selector',\n        resourceSlug,\n        envSlug,\n      })\n    },\n    [saveHistoryItem],\n  )\n\n  return {\n    history,\n    setHistory,\n    historySaveEnvSwitch,\n    historySaveFlagmanSwitch,\n    historySaveResourceSwitch,\n  }\n}\n"],"names":[],"mappings":";;AAIA,MAAM,oBAAoB;AAC1B,MAAM,wBAAwB;AAE9B,SAAS,kBACP,GACA,GACS;AACT,SACE,EAAE,SAAS,EAAE,QACb,EAAE,iBAAiB,EAAE,gBACrB,EAAE,YAAY,EAAE,WAChB,EAAE,iBAAiB,EAAE;AAEzB;AAEO,SAAS,yBAAyB;AACvC,QAAM,KAAK,MAAA;AAEX,QAAM,CAAC,SAAS,UAAU,IAAI,SAAyC,CAAA,CAAE;AAGzE,YAAU,MAAM;AACd,UAAM,eAAe,YAAY;AAC/B,YAAM,eAAe,MAAM,GAAG,oBAC3B,aAAA,EACA,OAAO,WAAW;AACrB,iBAAW,aAAa,QAAA,EAAU,MAAM,GAAG,qBAAqB,CAAC;AAAA,IACnE;AACA,iBAAA;AAAA,EACF,GAAG,CAAC,GAAG,mBAAmB,CAAC;AAG3B,QAAM,cAAc,YAAY,YAAY;AAC1C,UAAM,QAAQ,MAAM,GAAG,oBAAoB,MAAA;AAC3C,QAAI,QAAQ,mBAAmB;AAC7B,YAAM,gBAAgB,QAAQ;AAC9B,YAAM,cAAc,MAAM,GAAG,oBAC1B,aAAA,EACA,OAAO,WAAW;AACrB,YAAM,cAAc,YACjB,MAAM,GAAG,aAAa,EACtB,IAAI,CAAC,SAAS,KAAK,EAAE,EACrB,OAAO,CAAC,OAAqB,OAAO,MAAS;AAChD,YAAM,GAAG,oBAAoB,WAAW,WAAW;AAAA,IACrD;AAAA,EACF,GAAG,CAAC,GAAG,mBAAmB,CAAC;AAE3B,QAAM,kBAAkB;AAAA,IACtB,OAAO,YAAwD;AAC7D,YAAM,YAAY,KAAK,IAAA;AACvB,YAAM,cAAuC;AAAA,QAC3C,GAAG;AAAA,QACH;AAAA,MAAA;AAIF,YAAM,WAAW,QAAQ,CAAC;AAC1B,UAAI,YAAY,kBAAkB,UAAU,OAAO,GAAG;AACpD;AAAA,MACF;AAGA,YAAM,KAAK,MAAM,GAAG,oBAAoB,IAAI,WAAW;AACvD,iBAAW,CAAC,SAAS;AAAA,QACnB,EAAE,GAAG,aAAa,GAAA;AAAA,QAClB,GAAG,KAAK,MAAM,GAAG,wBAAwB,CAAC;AAAA,MAAA,CAC3C;AAGD,WAAK,YAAA;AAAA,IACP;AAAA,IACA,CAAC,GAAG,qBAAqB,SAAS,WAAW;AAAA,EAAA;AAG/C,QAAM,uBAAuB;AAAA,IAC3B,CAAC,YAAoB;AACnB,WAAK,gBAAgB;AAAA,QACnB,MAAM;AAAA,QACN;AAAA,MAAA,CACD;AAAA,IACH;AAAA,IACA,CAAC,eAAe;AAAA,EAAA;AAGlB,QAAM,2BAA2B;AAAA,IAC/B,CAAC,gBAAwB;AACvB,WAAK,gBAAgB;AAAA,QACnB,MAAM;AAAA,QACN,cAAc;AAAA,MAAA,CACf;AAAA,IACH;AAAA,IACA,CAAC,eAAe;AAAA,EAAA;AAGlB,QAAM,4BAA4B;AAAA,IAChC,CAAC,cAAsB,YAAqB;AAC1C,WAAK,gBAAgB;AAAA,QACnB,MAAM;AAAA,QACN;AAAA,QACA;AAAA,MAAA,CACD;AAAA,IACH;AAAA,IACA,CAAC,eAAe;AAAA,EAAA;AAGlB,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ;"}

package/dist/esm/modules/resourceJump/routeLoader.js

@@ -1,40 +1,28 @@
-import { ApiQueryMagazineHistory } from "../environment/ApiQueryMagazineEnvironment.js";
-import { makePluginInterfaceForCore } from "../pluginCore/makePluginManagerContext.js";
-import { ApiQueryMagazineResouceJump } from "./ApiQueryMagazineResourceJump.js";
-import { findBestMatchByUrl } from "./findBestMatchByUrl.js";
-import { ApiQueryMagazine } from "../../api/ApiQueryMagazine.js";
+import { resourceJumpsFetcher } from "../../api/unsorted/resourceJumpsFetcher.js";
 async function routeLoader({
   params,
   context
 }) {
-  const [bootstrapConfig, resourceJumps] = await Promise.all([
-    context.queryClient.ensureQueryData(ApiQueryMagazine.getConfig(context)),
-    context.queryClient.ensureQueryData(
-      ApiQueryMagazineResouceJump.getResourceJumps()
-    )
-  ]);
-  const pluginInterfaceForCore = makePluginInterfaceForCore(context.plugins);
-  const resourceJumpItems = await pluginInterfaceForCore.getResourceJumpsItems(bootstrapConfig);
-  const { env, resourceJump } = await findBestMatchByUrl({
-    urlEnvSlug: params.envSlug,
-    urlAppSlug: params.appSlug,
-    envs: bootstrapConfig.envs,
-    resourceJumps: resourceJumpItems,
-    getEnvHistory: () => context.queryClient.ensureQueryData(
-      ApiQueryMagazineHistory.getEnvSelectionHistory(context)
-    ),
-    getNameMigrations: (migrationParams) => context.queryClient.ensureQueryData(
-      ApiQueryMagazineResouceJump.getNameMigration(migrationParams)
-    ),
-    getAvailabilityMatrix: () => context.queryClient.ensureQueryData(
-      ApiQueryMagazineResouceJump.getAvailabilityMatrix()
-    )
+  const queryFn = resourceJumpsFetcher({
+    db: context.db,
+    trpcClient: context.trpcClient
   });
+  const ctx = {
+    queryKey: ["resourceJumps"],
+    meta: { db: context.db, trpcClient: context.trpcClient },
+    client: context.queryClient,
+    signal: new AbortController().signal
+  };
+  await queryFn(ctx);
   return {
-    envSlug: env == null ? void 0 : env.slug,
-    resourceSlug: resourceJump == null ? void 0 : resourceJump.slug,
-    resourceJumps,
-    pluginInterfaceForCore
+    envSlug: params.envSlug,
+    resourceSlug: params.appSlug ? decodeURIComponent(params.appSlug) : void 0,
+    crossCuttingParams: params.subValue ? [
+      {
+        slug: "sub-legacy",
+        stringValue: params.subValue
+      }
+    ] : []
   };
 }
 export {

package/dist/esm/modules/resourceJump/routeLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"routeLoader.js","sources":["../../../../src/modules/resourceJump/routeLoader.ts"],"sourcesContent":["import { ApiQueryMagazineHistory } from '../environment/ApiQueryMagazineEnvironment'\nimport { makePluginInterfaceForCore } from '../pluginCore/makePluginManagerContext'\nimport { ApiQueryMagazineResouceJump } from './ApiQueryMagazineResourceJump'\nimport { findBestMatchByUrl } from './findBestMatchByUrl'\nimport type { EhRouterContext } from '~/types/types'\nimport type { ResourceJumpLoaderReturn } from './types'\nimport { ApiQueryMagazine } from '~/api/ApiQueryMagazine'\n\nexport interface RouteLoaderCtx {\n  params: {\n    envSlug?: string\n    appSlug?: string\n    subValue?: string\n  }\n  context: EhRouterContext\n}\n\nexport async function routeLoader({\n  params,\n  context,\n}: RouteLoaderCtx): Promise<ResourceJumpLoaderReturn> {\n  const [bootstrapConfig, resourceJumps] = await Promise.all([\n    context.queryClient.ensureQueryData(ApiQueryMagazine.getConfig(context)),\n    context.queryClient.ensureQueryData(\n      ApiQueryMagazineResouceJump.getResourceJumps(),\n    ),\n  ])\n\n  const pluginInterfaceForCore = makePluginInterfaceForCore(context.plugins)\n  const resourceJumpItems =\n    await pluginInterfaceForCore.getResourceJumpsItems(bootstrapConfig)\n\n  const { env, resourceJump } = await findBestMatchByUrl({\n    urlEnvSlug: params.envSlug,\n    urlAppSlug: params.appSlug,\n    envs: bootstrapConfig.envs,\n    resourceJumps: resourceJumpItems,\n    getEnvHistory: () =>\n      context.queryClient.ensureQueryData(\n        ApiQueryMagazineHistory.getEnvSelectionHistory(context),\n      ),\n    getNameMigrations: (migrationParams) =>\n      context.queryClient.ensureQueryData(\n        ApiQueryMagazineResouceJump.getNameMigration(migrationParams),\n      ),\n    getAvailabilityMatrix: () =>\n      context.queryClient.ensureQueryData(\n        ApiQueryMagazineResouceJump.getAvailabilityMatrix(),\n      ),\n  })\n\n  return {\n    envSlug: env?.slug,\n    resourceSlug: resourceJump?.slug,\n    resourceJumps,\n    pluginInterfaceForCore,\n  }\n}\n"],"names":[],"mappings":";;;;;AAiBA,eAAsB,YAAY;AAAA,EAChC;AAAA,EACA;AACF,GAAsD;AACpD,QAAM,CAAC,iBAAiB,aAAa,IAAI,MAAM,QAAQ,IAAI;AAAA,IACzD,QAAQ,YAAY,gBAAgB,iBAAiB,UAAU,OAAO,CAAC;AAAA,IACvE,QAAQ,YAAY;AAAA,MAClB,4BAA4B,iBAAA;AAAA,IAAiB;AAAA,EAC/C,CACD;AAED,QAAM,yBAAyB,2BAA2B,QAAQ,OAAO;AACzE,QAAM,oBACJ,MAAM,uBAAuB,sBAAsB,eAAe;AAEpE,QAAM,EAAE,KAAK,aAAA,IAAiB,MAAM,mBAAmB;AAAA,IACrD,YAAY,OAAO;AAAA,IACnB,YAAY,OAAO;AAAA,IACnB,MAAM,gBAAgB;AAAA,IACtB,eAAe;AAAA,IACf,eAAe,MACb,QAAQ,YAAY;AAAA,MAClB,wBAAwB,uBAAuB,OAAO;AAAA,IAAA;AAAA,IAE1D,mBAAmB,CAAC,oBAClB,QAAQ,YAAY;AAAA,MAClB,4BAA4B,iBAAiB,eAAe;AAAA,IAAA;AAAA,IAEhE,uBAAuB,MACrB,QAAQ,YAAY;AAAA,MAClB,4BAA4B,sBAAA;AAAA,IAAsB;AAAA,EACpD,CACH;AAED,SAAO;AAAA,IACL,SAAS,2BAAK;AAAA,IACd,cAAc,6CAAc;AAAA,IAC5B;AAAA,IACA;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"routeLoader.js","sources":["../../../../src/modules/resourceJump/routeLoader.ts"],"sourcesContent":["import type { QueryFunctionContext } from '@tanstack/react-query'\nimport type { EhRouterContext } from '~/types/types'\nimport type { ResourceJumpLoaderReturn } from './types'\nimport { resourceJumpsFetcher } from '~/api/unsorted/resourceJumpsFetcher'\n\nexport interface RouteLoaderCtx {\n  params: {\n    envSlug?: string\n    appSlug?: string\n    subValue?: string\n  }\n  context: EhRouterContext\n}\n\nexport async function routeLoader({\n  params,\n  context,\n}: RouteLoaderCtx): Promise<ResourceJumpLoaderReturn> {\n  // Try to load cached data from IndexedDB to pre-populate React Query cache\n  const queryFn = resourceJumpsFetcher({\n    db: context.db,\n    trpcClient: context.trpcClient,\n  })\n\n  // Create a minimal context object for the query function\n  const ctx: QueryFunctionContext = {\n    queryKey: ['resourceJumps'],\n    meta: { db: context.db, trpcClient: context.trpcClient },\n    client: context.queryClient,\n    signal: new AbortController().signal,\n  }\n\n  // Call the query function to pre-populate cache\n  await queryFn(ctx)\n\n  return {\n    envSlug: params.envSlug,\n    resourceSlug: params.appSlug\n      ? decodeURIComponent(params.appSlug)\n      : undefined,\n    crossCuttingParams: params.subValue\n      ? [\n          {\n            slug: 'sub-legacy',\n            stringValue: params.subValue,\n          },\n        ]\n      : [],\n  }\n}\n"],"names":[],"mappings":";AAcA,eAAsB,YAAY;AAAA,EAChC;AAAA,EACA;AACF,GAAsD;AAEpD,QAAM,UAAU,qBAAqB;AAAA,IACnC,IAAI,QAAQ;AAAA,IACZ,YAAY,QAAQ;AAAA,EAAA,CACrB;AAGD,QAAM,MAA4B;AAAA,IAChC,UAAU,CAAC,eAAe;AAAA,IAC1B,MAAM,EAAE,IAAI,QAAQ,IAAI,YAAY,QAAQ,WAAA;AAAA,IAC5C,QAAQ,QAAQ;AAAA,IAChB,QAAQ,IAAI,kBAAkB;AAAA,EAAA;AAIhC,QAAM,QAAQ,GAAG;AAEjB,SAAO;AAAA,IACL,SAAS,OAAO;AAAA,IAChB,cAAc,OAAO,UACjB,mBAAmB,OAAO,OAAO,IACjC;AAAA,IACJ,oBAAoB,OAAO,WACvB;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,aAAa,OAAO;AAAA,MAAA;AAAA,IACtB,IAEF,CAAA;AAAA,EAAC;AAET;"}

package/dist/esm/modules/resourceJump/types.d.ts

@@ -1,6 +1,7 @@
-import { ResourceJumpsData } from '@env-hopper/backend-core';
-import { PluginInterfaceForCore } from '../pluginCore/makePluginManagerContext.js';
-export interface ResouceJumpItemParent {
+import { ResourceJump } from '@env-hopper/backend-core';
+import { CrossCuttingLoaderParam } from '~/modules/crossCuttingParams/types';
+import { FlagshipResourceJumpUi as FlagshipResourceJumpUI } from '~/modules/resourceJump/utils/mapToFlagshipResourceJumps';
+export interface ResourceJumpItemParent {
     type: string;
     displayName: string;
     hasSingleChild: boolean;
@@ -8,11 +9,26 @@ export interface ResouceJumpItemParent {
 export interface ResourceJumpItem {
     type: string;
     slug: string;
-    parent?: ResouceJumpItemParent;
+    parent?: ResourceJumpItemParent;
 }
 export interface ResourceJumpLoaderReturn {
     envSlug?: string;
     resourceSlug?: string;
-    pluginInterfaceForCore: PluginInterfaceForCore;
-    resourceJumps: ResourceJumpsData;
+    subValue?: string;
+    crossCuttingParams: Array<CrossCuttingLoaderParam>;
+}
+export interface ResourceJumpHistoryItem {
+    id?: number;
+    type: 'switch-selector' | 'external-jump';
+    flagshipSlug?: string;
+    resourceSlug?: string;
+    envSlug?: string;
+    timestamp: number;
+}
+export interface ResourceJumpUI extends ResourceJump {
+    flagship: FlagshipResourceJumpUI;
+}
+export interface SlugAndDisplayName {
+    slug: string;
+    displayName: string;
 }

package/dist/esm/modules/resourceJump/ui/AppSwitcher.d.ts

@@ -0,0 +1,4 @@
+export interface AppSwitcherProps {
+    className?: string;
+}
+export declare function AppSwitcher({ className }: AppSwitcherProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/modules/resourceJump/ui/CredentialsWidget.d.ts

@@ -0,0 +1 @@
+export declare function CredentialsWidget(): import("react/jsx-runtime").JSX.Element;

package/dist/esm/modules/resourceJump/ui/EnvSwitcher.d.ts

@@ -0,0 +1 @@
+export declare function EnvSwitcher(): import("react/jsx-runtime").JSX.Element;