@env-hopper/frontend-core 2.0.1-alpha → 2.0.1-alpha-20260224145405

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, slug: 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, slug: 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,MAAM,GAAA;AAAA,QACxB,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;

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

@@ -1,14 +1,11 @@
 import { ReactNode } from 'react';
-import { ResourceJumpItem } from '../types.js';
-import { EhPluginResouceJumpCtx } from '~/modules/pluginCore/types';
 export interface JumpUrlParams extends React.ComponentPropsWithoutRef<'a'> {
     children: ReactNode;
-    ctx: EhPluginResouceJumpCtx;
-    jumpResource: ResourceJumpItem;
+    jumpUrl: string;
     id?: string;
     className?: string;
     isMain?: boolean;
     prefetch?: boolean;
     testId?: string;
 }
-export declare function JumpALink({ children, ctx, id, jumpResource, className, isMain, testId, }: JumpUrlParams): import("react/jsx-runtime").JSX.Element | undefined;
+export declare function JumpALink({ children, jumpUrl, id, className, isMain, testId, }: JumpUrlParams): import("react/jsx-runtime").JSX.Element;

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

@@ -3,3 +3,6 @@ export interface JumpMainButtonProps {
     className?: string;
 }
 export declare function JumpMainButton({ className }: JumpMainButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function JumpAnimatedLabel({ className }: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,3 @@
+export declare function LateResolvableParamInput({ paramSlug }: {
+    paramSlug: string;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/esm/modules/resourceJump/ui/LateResolvableSingleParam.js

@@ -0,0 +1,42 @@
+import { jsx } from "react/jsx-runtime";
+import { debounce } from "radashi";
+import { useRef, useMemo } from "react";
+import { useCrossCuttingParamsContext } from "../../crossCuttingParams/CrossCuttingParamsContext.js";
+import { Input } from "../../../ui/input.js";
+function LateResolvableParamInput({ paramSlug }) {
+  const { getParamDefBySlug, crossCuttingParams, setCrossCuttingParams } = useCrossCuttingParamsContext();
+  const paramDef = getParamDefBySlug(paramSlug);
+  const paramsObj = crossCuttingParams[paramSlug] || {
+    stringValue: ""
+  };
+  const paramsRef = useRef(crossCuttingParams);
+  paramsRef.current = crossCuttingParams;
+  const debouncedUpdate = useMemo(
+    () => debounce({ delay: 100 }, (value) => {
+      setCrossCuttingParams({
+        ...paramsRef.current,
+        [paramSlug]: { slug: paramSlug, stringValue: value }
+      });
+    }),
+    [paramSlug, setCrossCuttingParams]
+  );
+  if (!paramSlug) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    Input,
+    {
+      placeholder: (paramDef == null ? void 0 : paramDef.displayName) || "undef " + paramDef,
+      className: "w-fit",
+      defaultValue: paramsObj.stringValue || "",
+      onChange: (v) => {
+        debouncedUpdate(v.target.value);
+      }
+    },
+    paramSlug
+  );
+}
+export {
+  LateResolvableParamInput
+};
+//# sourceMappingURL=LateResolvableSingleParam.js.map

package/dist/esm/modules/resourceJump/ui/LateResolvableSingleParam.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LateResolvableSingleParam.js","sources":["../../../../../src/modules/resourceJump/ui/LateResolvableSingleParam.tsx"],"sourcesContent":["import { debounce } from 'radashi'\nimport { useMemo, useRef } from 'react'\nimport { useCrossCuttingParamsContext } from '~/modules/crossCuttingParams/CrossCuttingParamsContext'\nimport { CROSS_CUTTING_SINGLE_SLUG } from '~/modules/crossCuttingParams/types'\nimport { Input } from '~/ui/input'\n\nexport function LateResolvableParamInput({ paramSlug }: { paramSlug: string }) {\n  const { getParamDefBySlug, crossCuttingParams, setCrossCuttingParams } =\n    useCrossCuttingParamsContext()\n\n  const paramDef = getParamDefBySlug(paramSlug)\n\n  const paramsObj = crossCuttingParams[paramSlug] || {\n    stringValue: '',\n    slug: CROSS_CUTTING_SINGLE_SLUG,\n  }\n\n  const paramsRef = useRef(crossCuttingParams)\n  paramsRef.current = crossCuttingParams\n\n  const debouncedUpdate = useMemo(\n    () =>\n      debounce({ delay: 100 }, (value: string) => {\n        setCrossCuttingParams({\n          ...paramsRef.current,\n          [paramSlug]: { slug: paramSlug, stringValue: value },\n        })\n      }),\n    [paramSlug, setCrossCuttingParams],\n  )\n\n  if (!paramSlug) {\n    return null\n  }\n\n  return (\n    <Input\n      placeholder={paramDef?.displayName || 'undef ' + paramDef}\n      className=\"w-fit\"\n      defaultValue={paramsObj.stringValue || ''}\n      key={paramSlug}\n      onChange={(v) => {\n        debouncedUpdate(v.target.value)\n      }}\n    />\n  )\n}\n"],"names":[],"mappings":";;;;;AAMO,SAAS,yBAAyB,EAAE,aAAoC;AAC7E,QAAM,EAAE,mBAAmB,oBAAoB,sBAAA,IAC7C,6BAAA;AAEF,QAAM,WAAW,kBAAkB,SAAS;AAE5C,QAAM,YAAY,mBAAmB,SAAS,KAAK;AAAA,IACjD,aAAa;AAAA,EAEf;AAEA,QAAM,YAAY,OAAO,kBAAkB;AAC3C,YAAU,UAAU;AAEpB,QAAM,kBAAkB;AAAA,IACtB,MACE,SAAS,EAAE,OAAO,IAAA,GAAO,CAAC,UAAkB;AAC1C,4BAAsB;AAAA,QACpB,GAAG,UAAU;AAAA,QACb,CAAC,SAAS,GAAG,EAAE,MAAM,WAAW,aAAa,MAAA;AAAA,MAAM,CACpD;AAAA,IACH,CAAC;AAAA,IACH,CAAC,WAAW,qBAAqB;AAAA,EAAA;AAGnC,MAAI,CAAC,WAAW;AACd,WAAO;AAAA,EACT;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,cAAa,qCAAU,gBAAe,WAAW;AAAA,MACjD,WAAU;AAAA,MACV,cAAc,UAAU,eAAe;AAAA,MAEvC,UAAU,CAAC,MAAM;AACf,wBAAgB,EAAE,OAAO,KAAK;AAAA,MAChC;AAAA,IAAA;AAAA,IAHK;AAAA,EAAA;AAMX;"}

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

@@ -0,0 +1,8 @@
+interface LateResolvableParamsInputProps {
+    className?: string;
+    placeholder?: string;
+    label: string;
+    mostRelevantSlug: string | undefined;
+}
+export declare function LateResolvableParamsInput({ className, label: _label, placeholder: _placeholder, mostRelevantSlug, }: LateResolvableParamsInputProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/esm/modules/resourceJump/ui/LateResolvableTopParam.js

@@ -0,0 +1,26 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDown } from "lucide-react";
+import { cn } from "../../../lib/utils.js";
+import { useResourceJumpContext } from "../context/ResourceJumpContext.js";
+import { LateResolvableParamInput } from "./LateResolvableSingleParam.js";
+import { Button } from "../../../ui/button.js";
+import { ButtonGroup } from "../../../ui/button-group.js";
+function LateResolvableParamsInput({
+  className,
+  label: _label,
+  placeholder: _placeholder,
+  mostRelevantSlug
+}) {
+  const { currentResourceJump } = useResourceJumpContext();
+  if (!currentResourceJump) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-2 items-center", className), children: mostRelevantSlug && /* @__PURE__ */ jsxs(ButtonGroup, { children: [
+    /* @__PURE__ */ jsx(LateResolvableParamInput, { paramSlug: mostRelevantSlug }),
+    /* @__PURE__ */ jsx(Button, { variant: "outline", "aria-label": "Search", children: /* @__PURE__ */ jsx(ChevronDown, {}) })
+  ] }) });
+}
+export {
+  LateResolvableParamsInput
+};
+//# sourceMappingURL=LateResolvableTopParam.js.map

package/dist/esm/modules/resourceJump/ui/LateResolvableTopParam.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LateResolvableTopParam.js","sources":["../../../../../src/modules/resourceJump/ui/LateResolvableTopParam.tsx"],"sourcesContent":["import { ChevronDown } from 'lucide-react'\nimport { cn } from '~/lib/utils'\nimport { useResourceJumpContext } from '~/modules/resourceJump/context/ResourceJumpContext'\nimport { LateResolvableParamInput } from '~/modules/resourceJump/ui/LateResolvableSingleParam'\nimport { Button } from '~/ui/button'\nimport { ButtonGroup } from '~/ui/button-group'\n\ninterface LateResolvableParamsInputProps {\n  className?: string\n  placeholder?: string\n  label: string\n  mostRelevantSlug: string | undefined\n}\n\nexport function LateResolvableParamsInput({\n  className,\n  label: _label,\n  placeholder: _placeholder,\n  mostRelevantSlug,\n}: LateResolvableParamsInputProps) {\n  const { currentResourceJump } = useResourceJumpContext()\n  if (!currentResourceJump) {\n    return null\n  }\n  return (\n    <div className={cn('flex flex-col gap-2 items-center', className)}>\n      {mostRelevantSlug && (\n        <ButtonGroup>\n          <LateResolvableParamInput paramSlug={mostRelevantSlug} />\n          {/* <Input type=\"text\" placeholder={placeholder} /> */}\n          <Button variant=\"outline\" aria-label=\"Search\">\n            <ChevronDown />\n          </Button>\n        </ButtonGroup>\n      )}\n      {/* <Link\n        to={'/env/$envSlug/app/$appSlug'}\n        params={{ appSlug: 'flagship-app', envSlug: 'flagship-resource-jump' }}\n        className='inline-flex items-center gap-1'\n      >\n        RM Support Review Case\n        <ExternalLinkIcon className=\"w-3 h-3\" />\n      </Link> */}\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;;;;AAcO,SAAS,0BAA0B;AAAA,EACxC;AAAA,EACA,OAAO;AAAA,EACP,aAAa;AAAA,EACb;AACF,GAAmC;AACjC,QAAM,EAAE,oBAAA,IAAwB,uBAAA;AAChC,MAAI,CAAC,qBAAqB;AACxB,WAAO;AAAA,EACT;AACA,SACE,oBAAC,SAAI,WAAW,GAAG,oCAAoC,SAAS,GAC7D,UAAA,oBACC,qBAAC,aAAA,EACC,UAAA;AAAA,IAAA,oBAAC,0BAAA,EAAyB,WAAW,iBAAA,CAAkB;AAAA,IAEvD,oBAAC,UAAO,SAAQ,WAAU,cAAW,UACnC,UAAA,oBAAC,eAAY,EAAA,CACf;AAAA,EAAA,EAAA,CACF,EAAA,CAUJ;AAEJ;"}

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

@@ -0,0 +1,7 @@
+interface ResolvableParameterSelectorProps {
+    className?: string;
+    slug: string;
+    label?: string;
+}
+export declare function ResolvableParameterSelector({ className, slug, label, }: ResolvableParameterSelectorProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,5 @@
+interface ResolvableParametersProps {
+    className?: string;
+}
+export declare function ResolvableParameters({ className, }: ResolvableParametersProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

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

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

package/dist/esm/modules/resourceJump/ui/ResourceJumpBreadcrumbs.js

@@ -0,0 +1,59 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { HomeIcon } from "lucide-react";
+import { useEnvironmentContext } from "../../environment/context/EnvironmentContext.js";
+import { useResourceJumpContext } from "../context/ResourceJumpContext.js";
+import { getFlashipResource, isFlagshipResource } from "../utils/helpers.js";
+import { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbSeparator } from "../../../ui/breadcrumb.js";
+import { Link } from "../../../ui/link.js";
+import { getEhToOptions } from "../../../util/route-utils.js";
+function ResourceJumpBreadcrubms() {
+  const { currentFlagship, currentResourceJump } = useResourceJumpContext();
+  const { currentEnv } = useEnvironmentContext();
+  return /* @__PURE__ */ jsx(Breadcrumb, { className: "pb-4", children: /* @__PURE__ */ jsxs(BreadcrumbList, { children: [
+    /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsxs(Link, { to: "/", className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ jsx(HomeIcon, { className: "inline w-4 h-4" }),
+      /* @__PURE__ */ jsx("span", { children: "Home" })
+    ] }) }) }),
+    currentEnv && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(BreadcrumbSeparator, {}),
+      /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsx(
+        Link,
+        {
+          to: `/env/$envSlug`,
+          params: { envSlug: currentEnv.slug },
+          children: currentEnv.displayName
+        }
+      ) }) })
+    ] }),
+    currentFlagship && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(BreadcrumbSeparator, {}),
+      /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsx(
+        Link,
+        {
+          ...getEhToOptions({
+            appId: getFlashipResource(currentFlagship).slug,
+            envId: currentEnv == null ? void 0 : currentEnv.slug
+          }),
+          children: currentFlagship.displayName
+        }
+      ) }) })
+    ] }),
+    currentResourceJump && !isFlagshipResource(currentResourceJump) && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(BreadcrumbSeparator, {}),
+      /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsx(
+        Link,
+        {
+          ...getEhToOptions({
+            appId: currentResourceJump.slug,
+            envId: currentEnv == null ? void 0 : currentEnv.slug
+          }),
+          children: currentResourceJump.displayName
+        }
+      ) }) })
+    ] })
+  ] }) });
+}
+export {
+  ResourceJumpBreadcrubms
+};
+//# sourceMappingURL=ResourceJumpBreadcrumbs.js.map

package/dist/esm/modules/resourceJump/ui/ResourceJumpBreadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceJumpBreadcrumbs.js","sources":["../../../../../src/modules/resourceJump/ui/ResourceJumpBreadcrumbs.tsx"],"sourcesContent":["import { HomeIcon } from 'lucide-react'\nimport { useEnvironmentContext } from '~/modules/environment/context/EnvironmentContext'\nimport { useResourceJumpContext } from '~/modules/resourceJump/context/ResourceJumpContext'\nimport {\n  getFlashipResource,\n  isFlagshipResource,\n} from '~/modules/resourceJump/utils/helpers'\nimport {\n  Breadcrumb,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbSeparator,\n} from '~/ui/breadcrumb'\nimport { Link } from '~/ui/link'\nimport { getEhToOptions } from '~/util/route-utils'\n\nexport interface ResourceJumpBreadcrumbsProps {\n  className?: string\n}\n\nexport function ResourceJumpBreadcrubms() {\n  const { currentFlagship, currentResourceJump } = useResourceJumpContext()\n  const { currentEnv } = useEnvironmentContext()\n\n  return (\n    <Breadcrumb className=\"pb-4\">\n      <BreadcrumbList>\n        <BreadcrumbItem>\n          <BreadcrumbLink asChild>\n            <Link to={'/'} className=\"flex items-center gap-1\">\n              <HomeIcon className=\"inline w-4 h-4\" />\n              <span>Home</span>\n            </Link>\n          </BreadcrumbLink>\n        </BreadcrumbItem>\n        {currentEnv && (\n          <>\n            <BreadcrumbSeparator />\n            <BreadcrumbItem>\n              <BreadcrumbLink asChild>\n                <Link\n                  to={`/env/$envSlug`}\n                  params={{ envSlug: currentEnv.slug }}\n                >\n                  {currentEnv.displayName}\n                </Link>\n              </BreadcrumbLink>\n            </BreadcrumbItem>\n          </>\n        )}\n        {currentFlagship && (\n          <>\n            <BreadcrumbSeparator />\n            <BreadcrumbItem>\n              <BreadcrumbLink asChild>\n                <Link\n                  {...getEhToOptions({\n                    appId: getFlashipResource(currentFlagship).slug,\n                    envId: currentEnv?.slug,\n                  })}\n                >\n                  {currentFlagship.displayName}\n                </Link>\n              </BreadcrumbLink>\n            </BreadcrumbItem>\n          </>\n        )}\n        {currentResourceJump && !isFlagshipResource(currentResourceJump) && (\n          <>\n            <BreadcrumbSeparator />\n            <BreadcrumbItem>\n              <BreadcrumbLink asChild>\n                <Link\n                  {...getEhToOptions({\n                    appId: currentResourceJump.slug,\n                    envId: currentEnv?.slug,\n                  })}\n                >\n                  {currentResourceJump.displayName}\n                </Link>\n              </BreadcrumbLink>\n            </BreadcrumbItem>\n          </>\n        )}\n      </BreadcrumbList>\n    </Breadcrumb>\n  )\n}\n"],"names":[],"mappings":";;;;;;;;AAqBO,SAAS,0BAA0B;AACxC,QAAM,EAAE,iBAAiB,oBAAA,IAAwB,uBAAA;AACjD,QAAM,EAAE,WAAA,IAAe,sBAAA;AAEvB,SACE,oBAAC,YAAA,EAAW,WAAU,QACpB,+BAAC,gBAAA,EACC,UAAA;AAAA,IAAA,oBAAC,gBAAA,EACC,UAAA,oBAAC,gBAAA,EAAe,SAAO,MACrB,+BAAC,MAAA,EAAK,IAAI,KAAK,WAAU,2BACvB,UAAA;AAAA,MAAA,oBAAC,UAAA,EAAS,WAAU,iBAAA,CAAiB;AAAA,MACrC,oBAAC,UAAK,UAAA,OAAA,CAAI;AAAA,IAAA,EAAA,CACZ,GACF,GACF;AAAA,IACC,cACC,qBAAA,UAAA,EACE,UAAA;AAAA,MAAA,oBAAC,qBAAA,EAAoB;AAAA,MACrB,oBAAC,gBAAA,EACC,UAAA,oBAAC,gBAAA,EAAe,SAAO,MACrB,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,QAAQ,EAAE,SAAS,WAAW,KAAA;AAAA,UAE7B,UAAA,WAAW;AAAA,QAAA;AAAA,MAAA,GAEhB,EAAA,CACF;AAAA,IAAA,GACF;AAAA,IAED,mBACC,qBAAA,UAAA,EACE,UAAA;AAAA,MAAA,oBAAC,qBAAA,EAAoB;AAAA,MACrB,oBAAC,gBAAA,EACC,UAAA,oBAAC,gBAAA,EAAe,SAAO,MACrB,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACE,GAAG,eAAe;AAAA,YACjB,OAAO,mBAAmB,eAAe,EAAE;AAAA,YAC3C,OAAO,yCAAY;AAAA,UAAA,CACpB;AAAA,UAEA,UAAA,gBAAgB;AAAA,QAAA;AAAA,MAAA,GAErB,EAAA,CACF;AAAA,IAAA,GACF;AAAA,IAED,uBAAuB,CAAC,mBAAmB,mBAAmB,KAC7D,qBAAA,UAAA,EACE,UAAA;AAAA,MAAA,oBAAC,qBAAA,EAAoB;AAAA,MACrB,oBAAC,gBAAA,EACC,UAAA,oBAAC,gBAAA,EAAe,SAAO,MACrB,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACE,GAAG,eAAe;AAAA,YACjB,OAAO,oBAAoB;AAAA,YAC3B,OAAO,yCAAY;AAAA,UAAA,CACpB;AAAA,UAEA,UAAA,oBAAoB;AAAA,QAAA;AAAA,MAAA,GAEzB,EAAA,CACF;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CAEJ,EAAA,CACF;AAEJ;"}

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

@@ -0,0 +1,13 @@
+import { EnvBaseInfo } from '@env-hopper/backend-core';
+import { VariantProps } from 'class-variance-authority';
+import { ResourceJumpUI } from '~/modules/resourceJump/types';
+declare const linkVariants: (props?: ({
+    variant?: "default" | "flagship" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare function ResourceJumpButton({ resourceJump: resouceJump, env, variant, className, onClick, }: {
+    resourceJump: ResourceJumpUI;
+    env: EnvBaseInfo | undefined;
+    className?: string;
+    onClick?: () => void;
+} & VariantProps<typeof linkVariants>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/modules/resourceJump/ui/ResourceJumpButton.js

@@ -0,0 +1,52 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { ExternalLinkIcon } from "lucide-react";
+import { useResourceJumpContext } from "../context/ResourceJumpContext.js";
+import { isFlagshipResource } from "../utils/helpers.js";
+import { LinkExternal } from "../../../ui/linkExternal.js";
+const linkVariants = cva("flex items-center group-hover:underline", {
+  variants: {
+    variant: {
+      default: "gap-2",
+      flagship: "gap-2 font-semibold"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+const iconVariants = cva("", {
+  variants: {
+    variant: {
+      default: "h-3 w-3",
+      flagship: "h-6 w-6"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+function ResourceJumpButton({
+  resourceJump: resouceJump,
+  env,
+  variant,
+  className,
+  onClick
+}) {
+  const { getJumpUrl } = useResourceJumpContext();
+  return /* @__PURE__ */ jsx("div", { className, onClick, children: /* @__PURE__ */ jsx("div", { className: "p-2 flex flex-col gap-2 hover:bg-accent/30 duration-100 rounded-lg group", children: /* @__PURE__ */ jsx(
+    LinkExternal,
+    {
+      href: getJumpUrl(resouceJump.slug, env == null ? void 0 : env.slug),
+      className: "flex justify-between active:hover:scale-(--btn-focus-scale) active:focus:scale-(--btn-focus-scale) motion-safe:duration-200 ease-out transition-all gap-2",
+      children: /* @__PURE__ */ jsx("div", { className: "flex flex-col", children: /* @__PURE__ */ jsxs("div", { className: linkVariants({ variant }), children: [
+        isFlagshipResource(resouceJump) ? resouceJump.flagship.displayName : resouceJump.displayName,
+        /* @__PURE__ */ jsx(ExternalLinkIcon, { className: iconVariants({ variant }) })
+      ] }) })
+    }
+  ) }) });
+}
+export {
+  ResourceJumpButton
+};
+//# sourceMappingURL=ResourceJumpButton.js.map

package/dist/esm/modules/resourceJump/ui/ResourceJumpButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceJumpButton.js","sources":["../../../../../src/modules/resourceJump/ui/ResourceJumpButton.tsx"],"sourcesContent":["import type { EnvBaseInfo } from '@env-hopper/backend-core'\nimport type { VariantProps } from 'class-variance-authority'\nimport { cva } from 'class-variance-authority'\nimport { ExternalLinkIcon } from 'lucide-react'\nimport { useResourceJumpContext } from '~/modules/resourceJump/context/ResourceJumpContext'\nimport type { ResourceJumpUI } from '~/modules/resourceJump/types'\nimport { isFlagshipResource } from '~/modules/resourceJump/utils/helpers'\nimport { LinkExternal } from '~/ui/linkExternal'\n\nconst linkVariants = cva('flex items-center group-hover:underline', {\n  variants: {\n    variant: {\n      default: 'gap-2',\n      flagship: 'gap-2 font-semibold',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n})\n\nconst iconVariants = cva('', {\n  variants: {\n    variant: {\n      default: 'h-3 w-3',\n      flagship: 'h-6 w-6',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n})\n\nexport function ResourceJumpButton({\n  resourceJump: resouceJump,\n  env,\n  variant,\n  className,\n  onClick,\n}: {\n  resourceJump: ResourceJumpUI\n  env: EnvBaseInfo | undefined\n  className?: string\n  onClick?: () => void\n} & VariantProps<typeof linkVariants>) {\n  const { getJumpUrl } = useResourceJumpContext()\n\n  return (\n    <div className={className} onClick={onClick}>\n      <div className=\"p-2 flex flex-col gap-2 hover:bg-accent/30 duration-100 rounded-lg group\">\n        <LinkExternal\n          href={getJumpUrl(resouceJump.slug, env?.slug)}\n          className=\"flex justify-between active:hover:scale-(--btn-focus-scale) active:focus:scale-(--btn-focus-scale) motion-safe:duration-200 ease-out transition-all gap-2\"\n        >\n          <div className=\"flex flex-col\">\n            <div className={linkVariants({ variant })}>\n              {isFlagshipResource(resouceJump)\n                ? resouceJump.flagship.displayName\n                : resouceJump.displayName}\n              <ExternalLinkIcon className={iconVariants({ variant })} />\n              {/* <JumpIcon resouceJump={resouceJump} /> */}\n\n              {/* <LateResolvableParamInput resourceJump={resouceJump} /> */}\n              {/* <ExternalLinkIcon className=\"w-4 stroke-secondary-foreground invisible group-hover:visible\" /> */}\n            </div>\n            {/* <div className={subLinkVariant({ variant })}>\n              {getJumpUrl(resouceJump.slug, env?.slug)}\n            </div> */}\n          </div>\n          {/* <JumpAnimatedLabel className='invisible group-hover:visible text-lg py-3 px-5 hidden lg:flex' /> */}\n        </LinkExternal>\n      </div>\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;;;AASA,MAAM,eAAe,IAAI,2CAA2C;AAAA,EAClE,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,UAAU;AAAA,IAAA;AAAA,EACZ;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,EAAA;AAEb,CAAC;AAED,MAAM,eAAe,IAAI,IAAI;AAAA,EAC3B,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,UAAU;AAAA,IAAA;AAAA,EACZ;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,EAAA;AAEb,CAAC;AAEM,SAAS,mBAAmB;AAAA,EACjC,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKuC;AACrC,QAAM,EAAE,WAAA,IAAe,uBAAA;AAEvB,6BACG,OAAA,EAAI,WAAsB,SACzB,UAAA,oBAAC,OAAA,EAAI,WAAU,4EACb,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAM,WAAW,YAAY,MAAM,2BAAK,IAAI;AAAA,MAC5C,WAAU;AAAA,MAEV,UAAA,oBAAC,OAAA,EAAI,WAAU,iBACb,UAAA,qBAAC,OAAA,EAAI,WAAW,aAAa,EAAE,QAAA,CAAS,GACrC,UAAA;AAAA,QAAA,mBAAmB,WAAW,IAC3B,YAAY,SAAS,cACrB,YAAY;AAAA,4BACf,kBAAA,EAAiB,WAAW,aAAa,EAAE,QAAA,CAAS,EAAA,CAAG;AAAA,MAAA,EAAA,CAK1D,EAAA,CAIF;AAAA,IAAA;AAAA,EAAA,GAGJ,EAAA,CACF;AAEJ;"}

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

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