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

package/dist/esm/modules/resourceJump/ui/cmdk/useQuickSearchLogic.js

@@ -0,0 +1,69 @@
+import { use, useMemo, useCallback } from "react";
+import { useEnvironmentContext } from "../../../environment/context/EnvironmentContext.js";
+import { useResourceJumpContext } from "../../context/ResourceJumpContext.js";
+import { QuickSearchContext } from "./QuickSearchContext.js";
+function useQuickSearchLogic() {
+  const { environments, setCurrentEnv } = useEnvironmentContext();
+  const { setCurrentFlagship, flagshipJumpResources } = useResourceJumpContext();
+  const ctx = use(QuickSearchContext);
+  if (!ctx) {
+    throw new Error(
+      "useQuickSearchLogic must be used within a QuickSearchProvider"
+    );
+  }
+  const { searchMode, onOpenChange } = ctx;
+  const envsForApps = useMemo(() => {
+    return environments.slice(0, 3);
+  }, [environments]);
+  const options = useMemo(() => {
+    const isApp = searchMode == "app" || searchMode == "anything";
+    const isEnv = searchMode == "env" || searchMode == "anything";
+    let arr = [];
+    if (isApp) {
+      arr = [
+        ...arr,
+        ...flagshipJumpResources.slice(0, 5).map(({ slug, displayName }) => ({
+          slug,
+          displayName,
+          type: "app"
+        }))
+      ];
+    }
+    if (isEnv) {
+      arr = [
+        ...arr,
+        ...environments.slice(0, 5).map(({ slug, displayName }) => ({
+          slug,
+          displayName,
+          type: "env"
+        }))
+      ];
+    }
+    return arr;
+  }, [environments, flagshipJumpResources, searchMode]);
+  const onSelect = useCallback(
+    (slug) => {
+      const option = options.find((o) => o.slug === slug);
+      if (!option) return;
+      if (option.type === "env") {
+        setCurrentEnv(slug);
+      }
+      if (option.type === "app") {
+        setCurrentFlagship(slug);
+      }
+      onOpenChange(false);
+    },
+    [onOpenChange, options, setCurrentEnv, setCurrentFlagship]
+  );
+  return useMemo(() => {
+    return {
+      envsForApps,
+      onSelect,
+      options
+    };
+  }, [envsForApps, onSelect, options]);
+}
+export {
+  useQuickSearchLogic
+};
+//# sourceMappingURL=useQuickSearchLogic.js.map

package/dist/esm/modules/resourceJump/ui/cmdk/useQuickSearchLogic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useQuickSearchLogic.js","sources":["../../../../../../src/modules/resourceJump/ui/cmdk/useQuickSearchLogic.ts"],"sourcesContent":["import { use, useCallback, useMemo } from 'react'\nimport type { QuickOption } from '~/modules/resourceJump/ui/cmdk/types'\nimport { useEnvironmentContext } from '~/modules/environment/context/EnvironmentContext'\nimport { useResourceJumpContext } from '~/modules/resourceJump/context/ResourceJumpContext'\nimport { QuickSearchContext } from '~/modules/resourceJump/ui/cmdk/QuickSearchContext'\n\nexport function useQuickSearchLogic() {\n  const { environments, setCurrentEnv } = useEnvironmentContext()\n  const { setCurrentFlagship, flagshipJumpResources } = useResourceJumpContext()\n\n  const ctx = use(QuickSearchContext)\n  if (!ctx) {\n    throw new Error(\n      'useQuickSearchLogic must be used within a QuickSearchProvider',\n    )\n  }\n\n  const { searchMode, onOpenChange } = ctx\n\n  const envsForApps = useMemo(() => {\n    return environments.slice(0, 3)\n  }, [environments])\n\n  const options = useMemo(() => {\n    const isApp = searchMode == 'app' || searchMode == 'anything'\n    const isEnv = searchMode == 'env' || searchMode == 'anything'\n\n    let arr: Array<QuickOption> = []\n    if (isApp) {\n      arr = [\n        ...arr,\n        ...flagshipJumpResources.slice(0, 5).map(({ slug, displayName }) => ({\n          slug,\n          displayName,\n          type: 'app' as const,\n        })),\n      ]\n    }\n    if (isEnv) {\n      arr = [\n        ...arr,\n        ...environments.slice(0, 5).map(({ slug, displayName }) => ({\n          slug,\n          displayName,\n          type: 'env' as const,\n        })),\n      ]\n    }\n    return arr\n  }, [environments, flagshipJumpResources, searchMode])\n\n  const onSelect = useCallback(\n    (slug: string) => {\n      const option = options.find((o) => o.slug === slug)\n      if (!option) return\n      if (option.type === 'env') {\n        setCurrentEnv(slug)\n      }\n      if (option.type === 'app') {\n        setCurrentFlagship(slug)\n      }\n      onOpenChange(false)\n    },\n    [onOpenChange, options, setCurrentEnv, setCurrentFlagship],\n  )\n\n  return useMemo(() => {\n    return {\n      envsForApps,\n      onSelect,\n      options,\n    }\n  }, [envsForApps, onSelect, options])\n}\n"],"names":[],"mappings":";;;;AAMO,SAAS,sBAAsB;AACpC,QAAM,EAAE,cAAc,cAAA,IAAkB,sBAAA;AACxC,QAAM,EAAE,oBAAoB,sBAAA,IAA0B,uBAAA;AAEtD,QAAM,MAAM,IAAI,kBAAkB;AAClC,MAAI,CAAC,KAAK;AACR,UAAM,IAAI;AAAA,MACR;AAAA,IAAA;AAAA,EAEJ;AAEA,QAAM,EAAE,YAAY,aAAA,IAAiB;AAErC,QAAM,cAAc,QAAQ,MAAM;AAChC,WAAO,aAAa,MAAM,GAAG,CAAC;AAAA,EAChC,GAAG,CAAC,YAAY,CAAC;AAEjB,QAAM,UAAU,QAAQ,MAAM;AAC5B,UAAM,QAAQ,cAAc,SAAS,cAAc;AACnD,UAAM,QAAQ,cAAc,SAAS,cAAc;AAEnD,QAAI,MAA0B,CAAA;AAC9B,QAAI,OAAO;AACT,YAAM;AAAA,QACJ,GAAG;AAAA,QACH,GAAG,sBAAsB,MAAM,GAAG,CAAC,EAAE,IAAI,CAAC,EAAE,MAAM,mBAAmB;AAAA,UACnE;AAAA,UACA;AAAA,UACA,MAAM;AAAA,QAAA,EACN;AAAA,MAAA;AAAA,IAEN;AACA,QAAI,OAAO;AACT,YAAM;AAAA,QACJ,GAAG;AAAA,QACH,GAAG,aAAa,MAAM,GAAG,CAAC,EAAE,IAAI,CAAC,EAAE,MAAM,mBAAmB;AAAA,UAC1D;AAAA,UACA;AAAA,UACA,MAAM;AAAA,QAAA,EACN;AAAA,MAAA;AAAA,IAEN;AACA,WAAO;AAAA,EACT,GAAG,CAAC,cAAc,uBAAuB,UAAU,CAAC;AAEpD,QAAM,WAAW;AAAA,IACf,CAAC,SAAiB;AAChB,YAAM,SAAS,QAAQ,KAAK,CAAC,MAAM,EAAE,SAAS,IAAI;AAClD,UAAI,CAAC,OAAQ;AACb,UAAI,OAAO,SAAS,OAAO;AACzB,sBAAc,IAAI;AAAA,MACpB;AACA,UAAI,OAAO,SAAS,OAAO;AACzB,2BAAmB,IAAI;AAAA,MACzB;AACA,mBAAa,KAAK;AAAA,IACpB;AAAA,IACA,CAAC,cAAc,SAAS,eAAe,kBAAkB;AAAA,EAAA;AAG3D,SAAO,QAAQ,MAAM;AACnB,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ,GAAG,CAAC,aAAa,UAAU,OAAO,CAAC;AACrC;"}

package/dist/esm/modules/resourceJump/ui/layout/CenterColumn.d.ts

@@ -0,0 +1,3 @@
+export declare function CenterColumn({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/esm/modules/resourceJump/ui/layout/CenterColumn.js

@@ -0,0 +1,8 @@
+import { jsx } from "react/jsx-runtime";
+function CenterColumn({ children }) {
+  return /* @__PURE__ */ jsx("div", { className: "max-w-4xl w-full", children });
+}
+export {
+  CenterColumn
+};
+//# sourceMappingURL=CenterColumn.js.map

package/dist/esm/modules/resourceJump/ui/layout/CenterColumn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CenterColumn.js","sources":["../../../../../../src/modules/resourceJump/ui/layout/CenterColumn.tsx"],"sourcesContent":["export function CenterColumn({ children }: { children: React.ReactNode }) {\n  return <div className=\"max-w-4xl w-full\">{children}</div>\n}\n"],"names":[],"mappings":";AAAO,SAAS,aAAa,EAAE,YAA2C;AACxE,SAAO,oBAAC,OAAA,EAAI,WAAU,oBAAoB,SAAA,CAAS;AACrD;"}

package/dist/esm/modules/resourceJump/ui/layout/LeftColumn.d.ts

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

package/dist/esm/modules/resourceJump/ui/layout/ResourceJumpLayout.d.ts

@@ -0,0 +1,11 @@
+import { TRPCRouter } from '@env-hopper/backend-core';
+import { QueryClient } from '@tanstack/react-query';
+import { TRPCClient } from '@trpc/client';
+import { ResourceJumpLoaderReturn } from '../../types.js';
+export interface ResourceJumpLayoutProps {
+    children: React.ReactNode;
+    loaderData: ResourceJumpLoaderReturn;
+    queryClient: QueryClient;
+    trpcClient: TRPCClient<TRPCRouter>;
+}
+export declare function ResourceJumpLayout({ children, loaderData, queryClient, trpcClient, }: ResourceJumpLayoutProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/modules/resourceJump/ui/layout/ResourceJumpLayout.js

@@ -0,0 +1,39 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CrossCuttingParamsProvider } from "../../../crossCuttingParams/CrossCuttingParamsContext.js";
+import { EnvironmentProvider } from "../../../environment/context/EnvironmentContext.js";
+import { ResourceJumpProvider } from "../../context/ResourceJumpContext.js";
+import { CommandPalette } from "../cmdk/CommandPalette.js";
+import { QuickSearchProvider } from "../cmdk/QuickSearchContext.js";
+import { CenterColumn } from "./CenterColumn.js";
+import { ResourceJumpBreadcrubms } from "../ResourceJumpBreadcrumbs.js";
+import ContextDebug from "../../../../ui/components/contextDebug.js";
+import { MainLayout } from "../../../../ui/layout/MainLayout.js";
+import { TopLevelProviders } from "../../../../ui/layout/TopLevelProviders.js";
+function ResourceJumpLayout({
+  children,
+  loaderData,
+  queryClient,
+  trpcClient
+}) {
+  return /* @__PURE__ */ jsx(TopLevelProviders, { queryClient, trpcClient, children: /* @__PURE__ */ jsx(EnvironmentProvider, { initialEnvSlug: loaderData.envSlug, children: /* @__PURE__ */ jsx(
+    CrossCuttingParamsProvider,
+    {
+      initialCrossCuttingParams: loaderData.crossCuttingParams,
+      children: /* @__PURE__ */ jsx(ResourceJumpProvider, { resourceJumpLoader: loaderData, children: /* @__PURE__ */ jsx(QuickSearchProvider, { children: /* @__PURE__ */ jsxs(
+        MainLayout,
+        {
+          headerMiddle: /* @__PURE__ */ jsx(CommandPalette, { label: "Quick search", shortcutKey: "k" }),
+          breadcrumbs: /* @__PURE__ */ jsx(ResourceJumpBreadcrubms, {}),
+          children: [
+            /* @__PURE__ */ jsx("div", { className: "flex gap-32 flex-row", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4 flex-1 items-center", children: /* @__PURE__ */ jsx(CenterColumn, { children }) }) }),
+            /* @__PURE__ */ jsx(ContextDebug, {})
+          ]
+        }
+      ) }) })
+    }
+  ) }) });
+}
+export {
+  ResourceJumpLayout
+};
+//# sourceMappingURL=ResourceJumpLayout.js.map

package/dist/esm/modules/resourceJump/ui/layout/ResourceJumpLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceJumpLayout.js","sources":["../../../../../../src/modules/resourceJump/ui/layout/ResourceJumpLayout.tsx"],"sourcesContent":["import type { TRPCRouter } from '@env-hopper/backend-core'\nimport type { QueryClient } from '@tanstack/react-query'\nimport type { TRPCClient } from '@trpc/client'\n\nimport type { ResourceJumpLoaderReturn } from '../../types'\n\nimport { CrossCuttingParamsProvider } from '~/modules/crossCuttingParams/CrossCuttingParamsContext'\nimport { EnvironmentProvider } from '~/modules/environment/context/EnvironmentContext'\nimport { ResourceJumpProvider } from '~/modules/resourceJump/context/ResourceJumpContext'\nimport { CommandPalette } from '~/modules/resourceJump/ui/cmdk/CommandPalette'\nimport { QuickSearchProvider } from '~/modules/resourceJump/ui/cmdk/QuickSearchContext'\nimport { CenterColumn } from '~/modules/resourceJump/ui/layout/CenterColumn'\nimport { ResourceJumpBreadcrubms } from '~/modules/resourceJump/ui/ResourceJumpBreadcrumbs'\nimport ContextDebug from '~/ui/components/contextDebug'\nimport { MainLayout } from '~/ui/layout/MainLayout'\nimport { TopLevelProviders } from '~/ui/layout/TopLevelProviders'\n\nexport interface ResourceJumpLayoutProps {\n  children: React.ReactNode\n  loaderData: ResourceJumpLoaderReturn\n  queryClient: QueryClient\n  trpcClient: TRPCClient<TRPCRouter>\n}\n\nexport function ResourceJumpLayout({\n  children,\n  loaderData,\n  queryClient,\n  trpcClient,\n}: ResourceJumpLayoutProps) {\n  return (\n    <TopLevelProviders queryClient={queryClient} trpcClient={trpcClient}>\n      <EnvironmentProvider initialEnvSlug={loaderData.envSlug}>\n        <CrossCuttingParamsProvider\n          initialCrossCuttingParams={loaderData.crossCuttingParams}\n        >\n          <ResourceJumpProvider resourceJumpLoader={loaderData}>\n            <QuickSearchProvider>\n              <MainLayout\n                headerMiddle={\n                  <CommandPalette label=\"Quick search\" shortcutKey=\"k\" />\n                }\n                breadcrumbs={<ResourceJumpBreadcrubms />}\n              >\n                {/* <div className=\"grid grid-cols-6 gap-4 mt-16\">\n                  <div className=\"col-span-6\">\n                    </div>\n                  <div className=\"col-span-2\">\n                    <EnvAutoComplete />\n                  </div>\n                  <div className=\"col-span-4\">\n                    <div className=\"flex flex-col gap-4\">\n                      <AppAutoComplete />\n                      <div className=\"grid grid-cols-4 gap-4\">\n                        <div className=\"col-span-1\">\n                          <CommandPalette\n                            label=\"Case ID\"\n                            className=\"border-eh-context-border\"\n                          />\n                        </div>\n                        <div className=\"col-span-3\">\n                          <CommandPalette\n                            label=\"123123123\"\n                            className=\"border-eh-context-border\"\n                          />\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div> */}\n                <div className=\"flex gap-32 flex-row\">\n                  {/* Left Column - fit content: Environment Section */}\n                  {/* <div className=\"flex-col gap-4 w-fit flex-shrink-0 hidden lg:flex\">\n                    <LeftColumn />\n                  </div> */}\n                  <div className=\"flex flex-col gap-4 flex-1 items-center\">\n                    <CenterColumn>{children}</CenterColumn>\n                  </div>\n                  {/* <div className=\"flex flex-col gap-4 w-fit\">\n                    <RightColumn />\n                  </div> */}\n\n                  {/* Center Column - max width: Application Section with Tabs */}\n                  {/* <ApplicationSectionWithTabs /> */}\n\n                  {/* Right Column - fit content: Credentials Section */}\n                  {/* <div className=\"flex flex-col gap-4 w-fit flex-shrink-0 items-end\">\n                <CredentialsWidget />\n              </div> */}\n                </div>\n                <ContextDebug />\n\n                {/* <QuickJumpBar /> */}\n              </MainLayout>\n            </QuickSearchProvider>\n          </ResourceJumpProvider>\n        </CrossCuttingParamsProvider>\n      </EnvironmentProvider>\n    </TopLevelProviders>\n  )\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAwBO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA4B;AAC1B,SACE,oBAAC,qBAAkB,aAA0B,YAC3C,8BAAC,qBAAA,EAAoB,gBAAgB,WAAW,SAC9C,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,2BAA2B,WAAW;AAAA,MAEtC,UAAA,oBAAC,sBAAA,EAAqB,oBAAoB,YACxC,8BAAC,qBAAA,EACC,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,cACE,oBAAC,gBAAA,EAAe,OAAM,gBAAe,aAAY,KAAI;AAAA,UAEvD,iCAAc,yBAAA,EAAwB;AAAA,UA4BtC,UAAA;AAAA,YAAA,oBAAC,OAAA,EAAI,WAAU,wBAKb,UAAA,oBAAC,OAAA,EAAI,WAAU,2CACb,UAAA,oBAAC,cAAA,EAAc,SAAA,CAAS,EAAA,CAC1B,GAYF;AAAA,gCACC,cAAA,CAAA,CAAa;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA,GAIlB,EAAA,CACF;AAAA,IAAA;AAAA,EAAA,GAEJ,EAAA,CACF;AAEJ;"}

package/dist/esm/modules/resourceJump/ui/layout/RightColumn.d.ts

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

package/dist/esm/modules/resourceJump/ui/miniEnvSelector/MiniEnvSelectorPopover.d.ts

@@ -0,0 +1,7 @@
+export interface MiniEnvSelectorPopoverProps {
+    initialValue?: string;
+    onValueChange?: (value: string) => void;
+    onOpenChange?: (open: boolean) => void;
+    inputRef?: React.RefObject<HTMLInputElement | null>;
+}
+export declare function MiniEnvSelectorPopover({ onOpenChange, initialValue, inputRef, }: MiniEnvSelectorPopoverProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/modules/resourceJump/ui/pages/AppCatalog.d.ts

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

package/dist/esm/modules/resourceJump/ui/pages/AppCatalog.js

@@ -0,0 +1,64 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { resolveTemplate } from "../../../../packages/shared-core/dist/esm/defaultWithOverridesAndTemplate.js";
+import { useReactTable, getCoreRowModel, flexRender } from "@tanstack/react-table";
+import { useMemo } from "react";
+import { useEnvironmentContext } from "../../../environment/context/EnvironmentContext.js";
+import { useResourceJumpContext } from "../../context/ResourceJumpContext.js";
+import { EnvAutoComplete } from "../cmdk/EnvAutocomplete.js";
+import { formatResourceTitle } from "../../utils/helpers.js";
+import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from "../../../../ui/table.js";
+function AppCatalogPage() {
+  const { resourceJumps, isLoadingResourceJumps } = useResourceJumpContext();
+  const { currentEnv } = useEnvironmentContext();
+  const columns = useMemo(
+    () => [
+      {
+        id: "title",
+        header: "ResourceJump Title",
+        cell: ({ row }) => formatResourceTitle(row.original)
+      },
+      {
+        id: "urlPattern",
+        header: "URL pattern",
+        cell: ({ row }) => {
+          if (!(currentEnv == null ? void 0 : currentEnv.slug)) {
+            return row.original.urlTemplate.default;
+          }
+          return resolveTemplate(currentEnv.slug, row.original.urlTemplate);
+        }
+      }
+    ],
+    [currentEnv == null ? void 0 : currentEnv.slug]
+  );
+  const table = useReactTable({
+    data: resourceJumps,
+    columns,
+    getCoreRowModel: getCoreRowModel()
+  });
+  if (isLoadingResourceJumps) {
+    return /* @__PURE__ */ jsx("div", { className: "py-6 text-muted-foreground", children: "Loading…" });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "py-6 flex flex-col gap-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-4", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("div", { className: "font-medium", children: "Apps" }),
+        /* @__PURE__ */ jsxs("div", { className: "text-sm text-muted-foreground", children: [
+          resourceJumps.length,
+          " resource jumps"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "w-[320px]", children: /* @__PURE__ */ jsx(EnvAutoComplete, {}) })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "w-full overflow-hidden rounded-md border border-border", children: /* @__PURE__ */ jsxs(Table, { children: [
+      /* @__PURE__ */ jsx(TableHeader, { className: "bg-muted/30 text-muted-foreground", children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx(TableRow, { children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx(TableHead, { className: "px-3", children: header.isPlaceholder ? null : flexRender(
+        header.column.columnDef.header,
+        header.getContext()
+      ) }, header.id)) }, headerGroup.id)) }),
+      /* @__PURE__ */ jsx(TableBody, { children: table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx(TableRow, { children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx(TableCell, { className: "px-3 align-top", children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id)) }, row.id)) })
+    ] }) })
+  ] });
+}
+export {
+  AppCatalogPage
+};
+//# sourceMappingURL=AppCatalog.js.map

package/dist/esm/modules/resourceJump/ui/pages/AppCatalog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppCatalog.js","sources":["../../../../../../src/modules/resourceJump/ui/pages/AppCatalog.tsx"],"sourcesContent":["import { resolveTemplate } from '@env-hopper/shared-core'\nimport type { ColumnDef } from '@tanstack/react-table'\nimport { flexRender, getCoreRowModel, useReactTable } from '@tanstack/react-table'\nimport { useMemo } from 'react'\nimport { useEnvironmentContext } from '~/modules/environment/context/EnvironmentContext'\nimport { useResourceJumpContext } from '~/modules/resourceJump/context/ResourceJumpContext'\nimport type { ResourceJumpUI } from '~/modules/resourceJump/types'\nimport { EnvAutoComplete } from '~/modules/resourceJump/ui/cmdk/EnvAutocomplete'\nimport { formatResourceTitle } from '~/modules/resourceJump/utils/helpers'\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from '~/ui/table'\n\ntype Row = ResourceJumpUI\n\nexport function AppCatalogPage() {\n\tconst { resourceJumps, isLoadingResourceJumps } = useResourceJumpContext()\n\tconst { currentEnv } = useEnvironmentContext()\n\n\tconst columns = useMemo<Array<ColumnDef<Row>>>(\n\t\t() => [\n\t\t\t{\n\t\t\t\tid: 'title',\n\t\t\t\theader: 'ResourceJump Title',\n\t\t\t\tcell: ({ row }) => formatResourceTitle(row.original),\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'urlPattern',\n\t\t\t\theader: 'URL pattern',\n\t\t\t\tcell: ({ row }) => {\n\t\t\t\t\tif (!currentEnv?.slug) {\n\t\t\t\t\t\treturn row.original.urlTemplate.default\n\t\t\t\t\t}\n\t\t\t\t\treturn resolveTemplate(currentEnv.slug, row.original.urlTemplate)\n\t\t\t\t},\n\t\t\t},\n\t\t],\n\t\t[currentEnv?.slug],\n\t)\n\n\tconst table = useReactTable({\n\t\tdata: resourceJumps,\n\t\tcolumns,\n\t\tgetCoreRowModel: getCoreRowModel(),\n\t})\n\n\tif (isLoadingResourceJumps) {\n\t\treturn <div className=\"py-6 text-muted-foreground\">Loading…</div>\n\t}\n\n\treturn (\n\t\t<div className=\"py-6 flex flex-col gap-4\">\n\t\t\t<div className=\"flex items-start justify-between gap-4\">\n\t\t\t\t<div>\n\t\t\t\t\t<div className=\"font-medium\">Apps</div>\n\t\t\t\t\t<div className=\"text-sm text-muted-foreground\">\n\t\t\t\t\t\t{resourceJumps.length} resource jumps\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"w-[320px]\">\n\t\t\t\t\t<EnvAutoComplete />\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<div className=\"w-full overflow-hidden rounded-md border border-border\">\n\t\t\t\t<Table>\n\t\t\t\t\t<TableHeader className=\"bg-muted/30 text-muted-foreground\">\n\t\t\t\t\t\t{table.getHeaderGroups().map((headerGroup) => (\n\t\t\t\t\t\t\t<TableRow key={headerGroup.id}>\n\t\t\t\t\t\t\t\t{headerGroup.headers.map((header) => (\n\t\t\t\t\t\t\t\t\t<TableHead key={header.id} className=\"px-3\">\n\t\t\t\t\t\t\t\t\t\t{header.isPlaceholder\n\t\t\t\t\t\t\t\t\t\t\t? null\n\t\t\t\t\t\t\t\t\t\t\t: flexRender(\n\t\t\t\t\t\t\t\t\t\t\t\t\theader.column.columnDef.header,\n\t\t\t\t\t\t\t\t\t\t\t\t\theader.getContext(),\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</TableHead>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</TableRow>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</TableHeader>\n\n\t\t\t\t\t<TableBody>\n\t\t\t\t\t\t{table.getRowModel().rows.map((row) => (\n\t\t\t\t\t\t\t<TableRow key={row.id}>\n\t\t\t\t\t\t\t\t{row.getVisibleCells().map((cell) => (\n\t\t\t\t\t\t\t\t\t<TableCell key={cell.id} className=\"px-3 align-top\">\n\t\t\t\t\t\t\t\t\t\t{flexRender(cell.column.columnDef.cell, cell.getContext())}\n\t\t\t\t\t\t\t\t\t</TableCell>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</TableRow>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</TableBody>\n\t\t\t\t</Table>\n\t\t\t</div>\n\t\t</div>\n\t)\n}\n\n"],"names":[],"mappings":";;;;;;;;;AAoBO,SAAS,iBAAiB;AAChC,QAAM,EAAE,eAAe,uBAAA,IAA2B,uBAAA;AAClD,QAAM,EAAE,WAAA,IAAe,sBAAA;AAEvB,QAAM,UAAU;AAAA,IACf,MAAM;AAAA,MACL;AAAA,QACC,IAAI;AAAA,QACJ,QAAQ;AAAA,QACR,MAAM,CAAC,EAAE,UAAU,oBAAoB,IAAI,QAAQ;AAAA,MAAA;AAAA,MAEpD;AAAA,QACC,IAAI;AAAA,QACJ,QAAQ;AAAA,QACR,MAAM,CAAC,EAAE,UAAU;AAClB,cAAI,EAAC,yCAAY,OAAM;AACtB,mBAAO,IAAI,SAAS,YAAY;AAAA,UACjC;AACA,iBAAO,gBAAgB,WAAW,MAAM,IAAI,SAAS,WAAW;AAAA,QACjE;AAAA,MAAA;AAAA,IACD;AAAA,IAED,CAAC,yCAAY,IAAI;AAAA,EAAA;AAGlB,QAAM,QAAQ,cAAc;AAAA,IAC3B,MAAM;AAAA,IACN;AAAA,IACA,iBAAiB,gBAAA;AAAA,EAAgB,CACjC;AAED,MAAI,wBAAwB;AAC3B,WAAO,oBAAC,OAAA,EAAI,WAAU,8BAA6B,UAAA,YAAQ;AAAA,EAC5D;AAEA,SACC,qBAAC,OAAA,EAAI,WAAU,4BACd,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,0CACd,UAAA;AAAA,MAAA,qBAAC,OAAA,EACA,UAAA;AAAA,QAAA,oBAAC,OAAA,EAAI,WAAU,eAAc,UAAA,QAAI;AAAA,QACjC,qBAAC,OAAA,EAAI,WAAU,iCACb,UAAA;AAAA,UAAA,cAAc;AAAA,UAAO;AAAA,QAAA,EAAA,CACvB;AAAA,MAAA,GACD;AAAA,0BACC,OAAA,EAAI,WAAU,aACd,UAAA,oBAAC,mBAAgB,EAAA,CAClB;AAAA,IAAA,GACD;AAAA,IAEA,oBAAC,OAAA,EAAI,WAAU,0DACd,+BAAC,OAAA,EACA,UAAA;AAAA,MAAA,oBAAC,aAAA,EAAY,WAAU,qCACrB,UAAA,MAAM,kBAAkB,IAAI,CAAC,gBAC7B,oBAAC,UAAA,EACC,sBAAY,QAAQ,IAAI,CAAC,WACzB,oBAAC,aAA0B,WAAU,QACnC,UAAA,OAAO,gBACL,OACA;AAAA,QACA,OAAO,OAAO,UAAU;AAAA,QACxB,OAAO,WAAA;AAAA,MAAW,EACnB,GANa,OAAO,EAOvB,CACA,KAVa,YAAY,EAW3B,CACA,GACF;AAAA,0BAEC,WAAA,EACC,UAAA,MAAM,cAAc,KAAK,IAAI,CAAC,QAC9B,oBAAC,YACC,UAAA,IAAI,gBAAA,EAAkB,IAAI,CAAC,SAC3B,oBAAC,WAAA,EAAwB,WAAU,kBACjC,UAAA,WAAW,KAAK,OAAO,UAAU,MAAM,KAAK,YAAY,EAAA,GAD1C,KAAK,EAErB,CACA,KALa,IAAI,EAMnB,CACA,EAAA,CACF;AAAA,IAAA,EAAA,CACD,EAAA,CACD;AAAA,EAAA,GACD;AAEF;"}

package/dist/esm/modules/resourceJump/ui/pages/AppPage.d.ts

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

package/dist/esm/modules/resourceJump/ui/pages/AppPage.js

@@ -0,0 +1,17 @@
+import { jsx } from "react/jsx-runtime";
+import { useResourceJumpContext } from "../../context/ResourceJumpContext.js";
+import { AppPageFlagship } from "./AppPageFlagship.js";
+import { AppPageRegular } from "./AppPageRegular.js";
+import { isFlagshipResource } from "../../utils/helpers.js";
+function AppPage() {
+  const { currentResourceJump } = useResourceJumpContext();
+  if (isFlagshipResource(currentResourceJump)) {
+    return /* @__PURE__ */ jsx(AppPageFlagship, {});
+  } else {
+    return /* @__PURE__ */ jsx(AppPageRegular, {});
+  }
+}
+export {
+  AppPage
+};
+//# sourceMappingURL=AppPage.js.map

package/dist/esm/modules/resourceJump/ui/pages/AppPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppPage.js","sources":["../../../../../../src/modules/resourceJump/ui/pages/AppPage.tsx"],"sourcesContent":["import { useResourceJumpContext } from '~/modules/resourceJump/context/ResourceJumpContext'\nimport { AppPageFlagship } from '~/modules/resourceJump/ui/pages/AppPageFlagship'\nimport { AppPageRegular } from '~/modules/resourceJump/ui/pages/AppPageRegular'\nimport { isFlagshipResource } from '~/modules/resourceJump/utils/helpers'\n\nexport function AppPage() {\n  const { currentResourceJump } = useResourceJumpContext()\n\n  if (isFlagshipResource(currentResourceJump)) {\n    return <AppPageFlagship />\n  } else {\n    return <AppPageRegular />\n  }\n}\n"],"names":[],"mappings":";;;;;AAKO,SAAS,UAAU;AACxB,QAAM,EAAE,oBAAA,IAAwB,uBAAA;AAEhC,MAAI,mBAAmB,mBAAmB,GAAG;AAC3C,+BAAQ,iBAAA,EAAgB;AAAA,EAC1B,OAAO;AACL,+BAAQ,gBAAA,EAAe;AAAA,EACzB;AACF;"}

package/dist/esm/modules/resourceJump/ui/pages/AppPageFlagship.d.ts

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

package/dist/esm/modules/resourceJump/ui/pages/AppPageFlagship.js

@@ -0,0 +1,94 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { group, alphabetical } from "radashi";
+import { useState } from "react";
+import { useCrossCuttingParamsContext } from "../../../crossCuttingParams/CrossCuttingParamsContext.js";
+import { useEnvironmentContext } from "../../../environment/context/EnvironmentContext.js";
+import { useResourceJumpContext } from "../../context/ResourceJumpContext.js";
+import { LateResolvableParamsInput } from "../LateResolvableTopParam.js";
+import { ResourceJumpButton } from "../ResourceJumpButton.js";
+import { isFlagshipResource, getFlashipResource } from "../../utils/helpers.js";
+import { useMostRelevantLateParamSlug } from "../../utils/statistics/useMostRelevantLateParamSlug.js";
+import { Card, CardHeader, CardContent } from "../../../../ui/card.js";
+import { Skeleton } from "../../../../ui/skeleton.js";
+function AppPageFlagship() {
+  const { currentResourceJump, currentFlagship, isLoadingResourceJumps } = useResourceJumpContext();
+  const { currentEnv } = useEnvironmentContext();
+  const mostRelevantSlug = useMostRelevantLateParamSlug();
+  const { crossCuttingParams } = useCrossCuttingParamsContext();
+  const [selected, setSelected] = useState("");
+  const resourceJumpsList = (currentFlagship == null ? void 0 : currentFlagship.resourceJumps.filter((rj) => !isFlagshipResource(rj))) || [];
+  const grouped = group(resourceJumpsList, (rj) => {
+    var _a, _b;
+    if (mostRelevantSlug && ((_a = rj.lateResolvableParamSlugs) == null ? void 0 : _a.filter((s) => s === mostRelevantSlug).length) && ((_b = crossCuttingParams[mostRelevantSlug]) == null ? void 0 : _b.stringValue)) {
+      return "slug-match";
+    } else {
+      return "regular";
+    }
+  });
+  const slugMatch = alphabetical(
+    grouped["slug-match"] || [],
+    (p) => p.displayName
+  );
+  const regular = alphabetical(grouped["regular"] || [], (p) => p.displayName);
+  const onClickResourceJump = (slug) => {
+    setSelected(slug);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 items-center", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-4 items-center justify-center w-full", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex gap-1 justify-center between py-4 w-full", children: isLoadingResourceJumps || !currentResourceJump ? /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-5" }) : /* @__PURE__ */ jsxs(Card, { className: "min-w-8/12", children: [
+        /* @__PURE__ */ jsx(CardHeader, { children: "Jump" }),
+        /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(
+          ResourceJumpButton,
+          {
+            variant: "flagship",
+            resourceJump: getFlashipResource(
+              currentResourceJump.flagship
+            ),
+            env: currentEnv,
+            onClick: () => onClickResourceJump(
+              getFlashipResource(currentResourceJump.flagship).slug
+            )
+          }
+        ) })
+      ] }) }),
+      /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+        LateResolvableParamsInput,
+        {
+          label: "Case Id",
+          placeholder: "Case",
+          mostRelevantSlug
+        }
+      ) })
+    ] }),
+    slugMatch.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { children: "Context" }),
+      /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2 text-sm", children: slugMatch.map((rj) => /* @__PURE__ */ jsx(
+        ResourceJumpButton,
+        {
+          resourceJump: rj,
+          env: currentEnv,
+          onClick: () => onClickResourceJump(rj.slug),
+          className: rj.slug === selected ? "bg-accent/50 rounded-lg" : ""
+        },
+        rj.slug
+      )) })
+    ] }),
+    regular.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { children: "Regular" }),
+      /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2 text-sm", children: regular.map((rj) => /* @__PURE__ */ jsx(
+        ResourceJumpButton,
+        {
+          resourceJump: rj,
+          env: currentEnv,
+          onClick: () => onClickResourceJump(rj.slug),
+          className: rj.slug === selected ? "bg-accent/50 rounded-lg" : ""
+        },
+        rj.slug
+      )) })
+    ] })
+  ] });
+}
+export {
+  AppPageFlagship
+};
+//# sourceMappingURL=AppPageFlagship.js.map

package/dist/esm/modules/resourceJump/ui/pages/AppPageFlagship.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppPageFlagship.js","sources":["../../../../../../src/modules/resourceJump/ui/pages/AppPageFlagship.tsx"],"sourcesContent":["import { alphabetical, group } from 'radashi'\nimport { useState } from 'react'\nimport { useCrossCuttingParamsContext } from '~/modules/crossCuttingParams/CrossCuttingParamsContext'\nimport { useEnvironmentContext } from '~/modules/environment/context/EnvironmentContext'\nimport { useResourceJumpContext } from '~/modules/resourceJump/context/ResourceJumpContext'\nimport { LateResolvableParamsInput } from '~/modules/resourceJump/ui/LateResolvableTopParam'\nimport { ResourceJumpButton } from '~/modules/resourceJump/ui/ResourceJumpButton'\nimport {\n    getFlashipResource,\n    isFlagshipResource,\n} from '~/modules/resourceJump/utils/helpers'\nimport { useMostRelevantLateParamSlug } from '~/modules/resourceJump/utils/statistics/useMostRelevantLateParamSlug'\nimport { Card, CardContent, CardHeader } from '~/ui/card'\nimport { Skeleton } from '~/ui/skeleton'\n\nexport function AppPageFlagship() {\n  const { currentResourceJump, currentFlagship, isLoadingResourceJumps } =\n    useResourceJumpContext()\n  const { currentEnv } = useEnvironmentContext()\n  const mostRelevantSlug = useMostRelevantLateParamSlug()\n  const { crossCuttingParams } = useCrossCuttingParamsContext()\n\n  const [selected, setSelected] = useState('')\n\n  const resourceJumpsList =\n    currentFlagship?.resourceJumps.filter((rj) => !isFlagshipResource(rj)) || []\n  const grouped = group(resourceJumpsList, (rj) => {\n    if (\n      mostRelevantSlug &&\n      rj.lateResolvableParamSlugs?.filter((s) => s === mostRelevantSlug)\n        .length &&\n      crossCuttingParams[mostRelevantSlug]?.stringValue\n    ) {\n      return 'slug-match'\n    } else {\n      return 'regular'\n    }\n  })\n  const slugMatch = alphabetical(\n    grouped['slug-match'] || [],\n    (p) => p.displayName,\n  )\n  const regular = alphabetical(grouped['regular'] || [], (p) => p.displayName)\n\n  const onClickResourceJump = (slug: string) => {\n    setSelected(slug)\n  }\n\n  return (\n    <div className=\"flex flex-col gap-4 items-center\">\n      <div className=\"flex gap-4 items-center justify-center w-full\">\n        <div className=\"flex gap-1 justify-center between py-4 w-full\">\n          {isLoadingResourceJumps || !currentResourceJump ? (\n            <Skeleton className=\"h-4 w-5\" />\n          ) : (\n            <Card className=\"min-w-8/12\">\n              <CardHeader>Jump</CardHeader>\n              <CardContent>\n                <ResourceJumpButton\n                  variant=\"flagship\"\n                  resourceJump={getFlashipResource(\n                    currentResourceJump.flagship,\n                  )}\n                  env={currentEnv}\n                  onClick={() =>\n                    onClickResourceJump(\n                      getFlashipResource(currentResourceJump.flagship).slug,\n                    )\n                  }\n                />\n              </CardContent>\n            </Card>\n          )}\n        </div>\n        <div>\n          <LateResolvableParamsInput\n            label=\"Case Id\"\n            placeholder=\"Case\"\n            mostRelevantSlug={mostRelevantSlug}\n          />\n        </div>\n      </div>\n      {slugMatch.length > 0 && (\n        <>\n          <div>Context</div>\n          <div className=\"flex flex-col gap-2 text-sm\">\n            {slugMatch.map((rj) => (\n              <ResourceJumpButton\n                resourceJump={rj}\n                env={currentEnv}\n                key={rj.slug}\n                onClick={() => onClickResourceJump(rj.slug)}\n                className={\n                  rj.slug === selected ? 'bg-accent/50 rounded-lg' : ''\n                }\n              />\n            ))}\n          </div>\n        </>\n      )}\n      {regular.length > 0 && (\n        <>\n          <div>Regular</div>\n          <div className=\"flex flex-col gap-2 text-sm\">\n            {regular.map((rj) => (\n              <ResourceJumpButton\n                resourceJump={rj}\n                env={currentEnv}\n                key={rj.slug}\n                onClick={() => onClickResourceJump(rj.slug)}\n                className={\n                  rj.slug === selected ? 'bg-accent/50 rounded-lg' : ''\n                }\n              />\n            ))}\n          </div>\n        </>\n      )}\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;;;;;;;;;AAeO,SAAS,kBAAkB;AAChC,QAAM,EAAE,qBAAqB,iBAAiB,uBAAA,IAC5C,uBAAA;AACF,QAAM,EAAE,WAAA,IAAe,sBAAA;AACvB,QAAM,mBAAmB,6BAAA;AACzB,QAAM,EAAE,mBAAA,IAAuB,6BAAA;AAE/B,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,EAAE;AAE3C,QAAM,qBACJ,mDAAiB,cAAc,OAAO,CAAC,OAAO,CAAC,mBAAmB,EAAE,OAAM,CAAA;AAC5E,QAAM,UAAU,MAAM,mBAAmB,CAAC,OAAO;;AAC/C,QACE,sBACA,QAAG,6BAAH,mBAA6B,OAAO,CAAC,MAAM,MAAM,kBAC9C,aACH,wBAAmB,gBAAgB,MAAnC,mBAAsC,cACtC;AACA,aAAO;AAAA,IACT,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF,CAAC;AACD,QAAM,YAAY;AAAA,IAChB,QAAQ,YAAY,KAAK,CAAA;AAAA,IACzB,CAAC,MAAM,EAAE;AAAA,EAAA;AAEX,QAAM,UAAU,aAAa,QAAQ,SAAS,KAAK,CAAA,GAAI,CAAC,MAAM,EAAE,WAAW;AAE3E,QAAM,sBAAsB,CAAC,SAAiB;AAC5C,gBAAY,IAAI;AAAA,EAClB;AAEA,SACE,qBAAC,OAAA,EAAI,WAAU,oCACb,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,iDACb,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAU,iDACZ,UAAA,0BAA0B,CAAC,sBAC1B,oBAAC,UAAA,EAAS,WAAU,UAAA,CAAU,IAE9B,qBAAC,MAAA,EAAK,WAAU,cACd,UAAA;AAAA,QAAA,oBAAC,cAAW,UAAA,OAAA,CAAI;AAAA,4BACf,aAAA,EACC,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,cAAc;AAAA,cACZ,oBAAoB;AAAA,YAAA;AAAA,YAEtB,KAAK;AAAA,YACL,SAAS,MACP;AAAA,cACE,mBAAmB,oBAAoB,QAAQ,EAAE;AAAA,YAAA;AAAA,UACnD;AAAA,QAAA,EAEJ,CACF;AAAA,MAAA,EAAA,CACF,EAAA,CAEJ;AAAA,0BACC,OAAA,EACC,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,aAAY;AAAA,UACZ;AAAA,QAAA;AAAA,MAAA,EACF,CACF;AAAA,IAAA,GACF;AAAA,IACC,UAAU,SAAS,KAClB,qBAAA,UAAA,EACE,UAAA;AAAA,MAAA,oBAAC,SAAI,UAAA,UAAA,CAAO;AAAA,0BACX,OAAA,EAAI,WAAU,+BACZ,UAAA,UAAU,IAAI,CAAC,OACd;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,cAAc;AAAA,UACd,KAAK;AAAA,UAEL,SAAS,MAAM,oBAAoB,GAAG,IAAI;AAAA,UAC1C,WACE,GAAG,SAAS,WAAW,4BAA4B;AAAA,QAAA;AAAA,QAHhD,GAAG;AAAA,MAAA,CAMX,EAAA,CACH;AAAA,IAAA,GACF;AAAA,IAED,QAAQ,SAAS,KAChB,qBAAA,UAAA,EACE,UAAA;AAAA,MAAA,oBAAC,SAAI,UAAA,UAAA,CAAO;AAAA,0BACX,OAAA,EAAI,WAAU,+BACZ,UAAA,QAAQ,IAAI,CAAC,OACZ;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,cAAc;AAAA,UACd,KAAK;AAAA,UAEL,SAAS,MAAM,oBAAoB,GAAG,IAAI;AAAA,UAC1C,WACE,GAAG,SAAS,WAAW,4BAA4B;AAAA,QAAA;AAAA,QAHhD,GAAG;AAAA,MAAA,CAMX,EAAA,CACH;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/esm/modules/resourceJump/ui/pages/AppPageRegular.d.ts

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

package/dist/esm/modules/resourceJump/ui/pages/AppPageRegular.js

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-runtime";
+import { useEnvironmentContext } from "../../../environment/context/EnvironmentContext.js";
+import { useResourceJumpContext } from "../../context/ResourceJumpContext.js";
+import { ResourceJumpButton } from "../ResourceJumpButton.js";
+function AppPageRegular() {
+  const { currentResourceJump } = useResourceJumpContext();
+  const { currentEnv } = useEnvironmentContext();
+  if (!currentResourceJump) {
+    return /* @__PURE__ */ jsx("div", { children: "No Resource Jump selected" });
+  }
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4 w-[600px]", children: /* @__PURE__ */ jsx(ResourceJumpButton, { resourceJump: currentResourceJump, env: currentEnv }) });
+}
+export {
+  AppPageRegular
+};
+//# sourceMappingURL=AppPageRegular.js.map

package/dist/esm/modules/resourceJump/ui/pages/AppPageRegular.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppPageRegular.js","sources":["../../../../../../src/modules/resourceJump/ui/pages/AppPageRegular.tsx"],"sourcesContent":["import { useEnvironmentContext } from '~/modules/environment/context/EnvironmentContext'\nimport { useResourceJumpContext } from '~/modules/resourceJump/context/ResourceJumpContext'\nimport { ResourceJumpButton } from '~/modules/resourceJump/ui/ResourceJumpButton'\n\nexport function AppPageRegular() {\n  const { currentResourceJump } = useResourceJumpContext()\n  const { currentEnv } = useEnvironmentContext()\n  if (!currentResourceJump) {\n    return <div>No Resource Jump selected</div>\n  }\n  return (\n    <div className=\"flex flex-col gap-4 w-[600px]\">\n      <ResourceJumpButton resourceJump={currentResourceJump} env={currentEnv} />\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;AAIO,SAAS,iBAAiB;AAC/B,QAAM,EAAE,oBAAA,IAAwB,uBAAA;AAChC,QAAM,EAAE,WAAA,IAAe,sBAAA;AACvB,MAAI,CAAC,qBAAqB;AACxB,WAAO,oBAAC,SAAI,UAAA,4BAAA,CAAyB;AAAA,EACvC;AACA,SACE,oBAAC,OAAA,EAAI,WAAU,iCACb,UAAA,oBAAC,sBAAmB,cAAc,qBAAqB,KAAK,WAAA,CAAY,EAAA,CAC1E;AAEJ;"}

package/dist/esm/modules/resourceJump/ui/pages/DashboardPage.d.ts

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

package/dist/esm/modules/resourceJump/ui/pages/DashboardPage.js

@@ -0,0 +1,15 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { ResourceJumpMockTable } from "../ResourceJumpMockTable.js";
+function DashboardPage() {
+  return /* @__PURE__ */ jsxs("div", { className: "py-6 flex flex-col gap-4", children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("div", { className: "font-medium", children: "Hopper" }),
+      /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "Dashboard" })
+    ] }),
+    /* @__PURE__ */ jsx(ResourceJumpMockTable, {})
+  ] });
+}
+export {
+  DashboardPage
+};
+//# sourceMappingURL=DashboardPage.js.map

package/dist/esm/modules/resourceJump/ui/pages/DashboardPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardPage.js","sources":["../../../../../../src/modules/resourceJump/ui/pages/DashboardPage.tsx"],"sourcesContent":["import { ResourceJumpMockTable } from '~/modules/resourceJump/ui/ResourceJumpMockTable'\n\nexport function DashboardPage() {\n  return (\n    <div className=\"py-6 flex flex-col gap-4\">\n      <div>\n        <div className=\"font-medium\">Hopper</div>\n        <div className=\"text-sm text-muted-foreground\">Dashboard</div>\n      </div>\n      <ResourceJumpMockTable />\n    </div>\n  )\n}\n"],"names":[],"mappings":";;AAEO,SAAS,gBAAgB;AAC9B,SACE,qBAAC,OAAA,EAAI,WAAU,4BACb,UAAA;AAAA,IAAA,qBAAC,OAAA,EACC,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAU,eAAc,UAAA,UAAM;AAAA,MACnC,oBAAC,OAAA,EAAI,WAAU,iCAAgC,UAAA,YAAA,CAAS;AAAA,IAAA,GAC1D;AAAA,wBACC,uBAAA,CAAA,CAAsB;AAAA,EAAA,GACzB;AAEJ;"}

package/dist/esm/modules/resourceJump/ui/pages/EnvCatalog.d.ts

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

package/dist/esm/modules/resourceJump/ui/pages/EnvCatalog.js

@@ -0,0 +1,48 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useReactTable, getCoreRowModel, flexRender } from "@tanstack/react-table";
+import { useMemo } from "react";
+import { useEnvironmentContext } from "../../../environment/context/EnvironmentContext.js";
+import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from "../../../../ui/table.js";
+function EnvCatalogPage() {
+  const { environments } = useEnvironmentContext();
+  const columns = useMemo(
+    () => [
+      {
+        id: "name",
+        header: "Environment",
+        accessorKey: "displayName"
+      },
+      {
+        id: "slug",
+        header: "Slug",
+        accessorKey: "slug"
+      }
+    ],
+    []
+  );
+  const table = useReactTable({
+    data: environments,
+    columns,
+    getCoreRowModel: getCoreRowModel()
+  });
+  return /* @__PURE__ */ jsxs("div", { className: "py-6 flex flex-col gap-4", children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("div", { className: "font-medium", children: "Envs" }),
+      /* @__PURE__ */ jsxs("div", { className: "text-sm text-muted-foreground", children: [
+        environments.length,
+        " environments"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "w-full overflow-hidden rounded-md border border-border", children: /* @__PURE__ */ jsxs(Table, { children: [
+      /* @__PURE__ */ jsx(TableHeader, { className: "bg-muted/30 text-muted-foreground", children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx(TableRow, { children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx(TableHead, { className: "px-3", children: header.isPlaceholder ? null : flexRender(
+        header.column.columnDef.header,
+        header.getContext()
+      ) }, header.id)) }, headerGroup.id)) }),
+      /* @__PURE__ */ jsx(TableBody, { children: table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx(TableRow, { children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx(TableCell, { className: "px-3 align-top", children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id)) }, row.id)) })
+    ] }) })
+  ] });
+}
+export {
+  EnvCatalogPage
+};
+//# sourceMappingURL=EnvCatalog.js.map

package/dist/esm/modules/resourceJump/ui/pages/EnvCatalog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnvCatalog.js","sources":["../../../../../../src/modules/resourceJump/ui/pages/EnvCatalog.tsx"],"sourcesContent":["import type { EnvBaseInfo } from '@env-hopper/backend-core'\nimport type { ColumnDef } from '@tanstack/react-table'\nimport {\n    flexRender,\n    getCoreRowModel,\n    useReactTable,\n} from '@tanstack/react-table'\nimport { useMemo } from 'react'\nimport { useEnvironmentContext } from '~/modules/environment/context/EnvironmentContext'\nimport {\n    Table,\n    TableBody,\n    TableCell,\n    TableHead,\n    TableHeader,\n    TableRow,\n} from '~/ui/table'\n\ntype Row = EnvBaseInfo\n\nexport function EnvCatalogPage() {\n  const { environments } = useEnvironmentContext()\n\n  const columns = useMemo<Array<ColumnDef<Row>>>(\n    () => [\n      {\n        id: 'name',\n        header: 'Environment',\n        accessorKey: 'displayName',\n      },\n      {\n        id: 'slug',\n        header: 'Slug',\n        accessorKey: 'slug',\n      },\n    ],\n    [],\n  )\n\n  const table = useReactTable({\n    data: environments,\n    columns,\n    getCoreRowModel: getCoreRowModel(),\n  })\n\n  return (\n    <div className=\"py-6 flex flex-col gap-4\">\n      <div>\n        <div className=\"font-medium\">Envs</div>\n        <div className=\"text-sm text-muted-foreground\">\n          {environments.length} environments\n        </div>\n      </div>\n\n      <div className=\"w-full overflow-hidden rounded-md border border-border\">\n        <Table>\n          <TableHeader className=\"bg-muted/30 text-muted-foreground\">\n            {table.getHeaderGroups().map((headerGroup) => (\n              <TableRow key={headerGroup.id}>\n                {headerGroup.headers.map((header) => (\n                  <TableHead key={header.id} className=\"px-3\">\n                    {header.isPlaceholder\n                      ? null\n                      : flexRender(\n                          header.column.columnDef.header,\n                          header.getContext(),\n                        )}\n                  </TableHead>\n                ))}\n              </TableRow>\n            ))}\n          </TableHeader>\n\n          <TableBody>\n            {table.getRowModel().rows.map((row) => (\n              <TableRow key={row.id}>\n                {row.getVisibleCells().map((cell) => (\n                  <TableCell key={cell.id} className=\"px-3 align-top\">\n                    {flexRender(cell.column.columnDef.cell, cell.getContext())}\n                  </TableCell>\n                ))}\n              </TableRow>\n            ))}\n          </TableBody>\n        </Table>\n      </div>\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;;AAoBO,SAAS,iBAAiB;AAC/B,QAAM,EAAE,aAAA,IAAiB,sBAAA;AAEzB,QAAM,UAAU;AAAA,IACd,MAAM;AAAA,MACJ;AAAA,QACE,IAAI;AAAA,QACJ,QAAQ;AAAA,QACR,aAAa;AAAA,MAAA;AAAA,MAEf;AAAA,QACE,IAAI;AAAA,QACJ,QAAQ;AAAA,QACR,aAAa;AAAA,MAAA;AAAA,IACf;AAAA,IAEF,CAAA;AAAA,EAAC;AAGH,QAAM,QAAQ,cAAc;AAAA,IAC1B,MAAM;AAAA,IACN;AAAA,IACA,iBAAiB,gBAAA;AAAA,EAAgB,CAClC;AAED,SACE,qBAAC,OAAA,EAAI,WAAU,4BACb,UAAA;AAAA,IAAA,qBAAC,OAAA,EACC,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAU,eAAc,UAAA,QAAI;AAAA,MACjC,qBAAC,OAAA,EAAI,WAAU,iCACZ,UAAA;AAAA,QAAA,aAAa;AAAA,QAAO;AAAA,MAAA,EAAA,CACvB;AAAA,IAAA,GACF;AAAA,IAEA,oBAAC,OAAA,EAAI,WAAU,0DACb,+BAAC,OAAA,EACC,UAAA;AAAA,MAAA,oBAAC,aAAA,EAAY,WAAU,qCACpB,UAAA,MAAM,kBAAkB,IAAI,CAAC,gBAC5B,oBAAC,UAAA,EACE,sBAAY,QAAQ,IAAI,CAAC,WACxB,oBAAC,aAA0B,WAAU,QAClC,UAAA,OAAO,gBACJ,OACA;AAAA,QACE,OAAO,OAAO,UAAU;AAAA,QACxB,OAAO,WAAA;AAAA,MAAW,EACpB,GANU,OAAO,EAOvB,CACD,KAVY,YAAY,EAW3B,CACD,GACH;AAAA,0BAEC,WAAA,EACE,UAAA,MAAM,cAAc,KAAK,IAAI,CAAC,QAC7B,oBAAC,YACE,UAAA,IAAI,gBAAA,EAAkB,IAAI,CAAC,SAC1B,oBAAC,WAAA,EAAwB,WAAU,kBAChC,UAAA,WAAW,KAAK,OAAO,UAAU,MAAM,KAAK,YAAY,EAAA,GAD3C,KAAK,EAErB,CACD,KALY,IAAI,EAMnB,CACD,EAAA,CACH;AAAA,IAAA,EAAA,CACF,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/esm/modules/resourceJump/ui/pages/EnvPage.d.ts

@@ -0,0 +1,10 @@
+import { ResourceJumpUI } from '~/modules/resourceJump/types';
+import { FlagshipResourceJumpUi } from '~/modules/resourceJump/utils/mapToFlagshipResourceJumps';
+export interface TopFlagship {
+    flagship: FlagshipResourceJumpUi;
+    topResourceJumps: Array<ResourceJumpUI>;
+}
+export interface FlagshipBlockProps {
+    topFlagship: TopFlagship;
+}
+export declare function EnvPage(): import("react/jsx-runtime").JSX.Element;

package/dist/esm/modules/resourceJump/ui/pages/EnvPage.js

@@ -0,0 +1,83 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Link } from "@tanstack/react-router";
+import { counting } from "radashi";
+import { useEnvironmentContext } from "../../../environment/context/EnvironmentContext.js";
+import { useResourceJumpContext } from "../../context/ResourceJumpContext.js";
+import { ResourceJumpButton } from "../ResourceJumpButton.js";
+import { Card, CardHeader, CardContent } from "../../../../ui/card.js";
+function getTopFlagships(history, flagshipJumpResources) {
+  const maxTopFlagships = 3;
+  const maxResoucesPerFlagship = 3;
+  const byResorceSlug = Object.entries(
+    counting(
+      history.filter((h) => h.resourceSlug !== void 0),
+      (h) => h.resourceSlug
+    )
+  );
+  const allResouceJumps = flagshipJumpResources.flatMap((f) => f.resourceJumps);
+  const topFlagships = [];
+  for (const [rSlug] of byResorceSlug) {
+    const rj = allResouceJumps.find((r) => r.slug === rSlug);
+    if (!rj) {
+      continue;
+    }
+    if (topFlagships.length < maxTopFlagships) {
+      topFlagships.push({
+        flagship: rj.flagship,
+        topResourceJumps: []
+      });
+    }
+    const tf = topFlagships.find((f) => f.flagship.slug === rj.flagship.slug);
+    if (tf && tf.topResourceJumps.length < maxResoucesPerFlagship) {
+      tf.topResourceJumps.push(rj);
+    }
+  }
+  return topFlagships;
+}
+function FlagshipBlock({
+  topFlagship: { flagship, topResourceJumps }
+}) {
+  const { currentEnv } = useEnvironmentContext();
+  return /* @__PURE__ */ jsxs(Card, { children: [
+    /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(LinkToFlagship, { flagship, env: currentEnv, children: flagship.displayName }) }),
+    /* @__PURE__ */ jsx(CardContent, { children: topResourceJumps.map((rj) => /* @__PURE__ */ jsx(
+      ResourceJumpButton,
+      {
+        resourceJump: rj,
+        env: currentEnv
+      },
+      rj.slug
+    )) })
+  ] });
+}
+function LinkToFlagship({
+  flagship,
+  env,
+  children
+}) {
+  if (!env) {
+    return /* @__PURE__ */ jsx(Link, { to: "/app/$appSlug", params: { appSlug: flagship.slug }, children });
+  } else if (flagship.resourceJumps[0] !== void 0) {
+    return /* @__PURE__ */ jsx(
+      Link,
+      {
+        to: "/env/$envSlug/app/$appSlug",
+        params: { envSlug: env.slug, appSlug: flagship.resourceJumps[0].slug },
+        children
+      }
+    );
+  } else {
+    return /* @__PURE__ */ jsx("span", { children });
+  }
+}
+function EnvPage() {
+  const { history, flagshipJumpResources } = useResourceJumpContext();
+  const topFlagships = getTopFlagships(history, flagshipJumpResources);
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4 mt-4", children: /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-8", children: topFlagships.map((tp) => {
+    return /* @__PURE__ */ jsx(FlagshipBlock, { topFlagship: tp }, tp.flagship.slug);
+  }) }) });
+}
+export {
+  EnvPage
+};
+//# sourceMappingURL=EnvPage.js.map