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

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

@@ -0,0 +1,10 @@
+export interface SmoothSwitcherProps {
+    values: Array<{
+        displayName: string;
+        slug: string;
+    }>;
+    selectedValueSlug: string | undefined;
+    onValueSelect: (slug: string) => void;
+    className?: string;
+}
+export declare function SmoothSwitcher({ values, onValueSelect, selectedValueSlug, className, }: SmoothSwitcherProps): import("react/jsx-runtime").JSX.Element;

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

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

package/dist/esm/modules/resourceJump/ui/appCatalog/AppCatalogFiltersCard.d.ts

@@ -0,0 +1,9 @@
+export type AppCatalogScopeFilter = 'apps' | 'appsAndPages';
+export type AppCatalogDisplayMode = 'card' | 'grid';
+export interface AppCatalogFiltersCardProps {
+    scopeFilter: AppCatalogScopeFilter;
+    onScopeFilterChange: (value: AppCatalogScopeFilter) => void;
+    displayMode: AppCatalogDisplayMode;
+    onDisplayModeChange: (value: AppCatalogDisplayMode) => void;
+}
+export declare function AppCatalogFiltersCard({ scopeFilter, onScopeFilterChange, displayMode, onDisplayModeChange, }: AppCatalogFiltersCardProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/modules/resourceJump/ui/appCatalog/AppCatalogGrid.d.ts

@@ -0,0 +1,6 @@
+import { ResourceJumpUI } from '~/modules/resourceJump/types';
+export interface AppCatalogGridProps {
+    rows: Array<ResourceJumpUI>;
+    currentEnvSlug: string | undefined;
+}
+export declare function AppCatalogGrid({ rows, currentEnvSlug }: AppCatalogGridProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/modules/resourceJump/ui/appCatalog/AppCatalogTable.d.ts

@@ -0,0 +1,6 @@
+import { ResourceJumpUI } from '~/modules/resourceJump/types';
+export interface AppCatalogTableProps {
+    rows: Array<ResourceJumpUI>;
+    currentEnvSlug: string | undefined;
+}
+export declare function AppCatalogTable({ rows, currentEnvSlug, }: AppCatalogTableProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/modules/resourceJump/ui/appCatalog/appCatalogUtils.d.ts

@@ -0,0 +1,2 @@
+import { ResourceJumpUI } from '~/modules/resourceJump/types';
+export declare function getResourceJumpUrlPattern(resourceJump: Pick<ResourceJumpUI, 'urlTemplate'>, currentEnvSlug: string | undefined): string;

package/dist/esm/modules/resourceJump/ui/cmdk/AppAutocomplete.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 AppAutoComplete(): import("react/jsx-runtime").JSX.Element;

package/dist/esm/modules/resourceJump/ui/cmdk/CmdKQuickSearchDialog.d.ts

@@ -0,0 +1,5 @@
+export interface CmdKQuickSearchDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+}
+export declare function CmdKQuickSearchDialog({ open, onOpenChange, }: CmdKQuickSearchDialogProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/modules/resourceJump/ui/cmdk/CommandPalette.d.ts

@@ -0,0 +1,18 @@
+import { TRPCRouter } from '@env-hopper/backend-core';
+import { QueryClient } from '@tanstack/react-query';
+import { TRPCClient } from '@trpc/client';
+import { Keys } from 'react-hotkeys-hook';
+import { ResourceJumpLoaderReturn } from '../../types.js';
+export interface ResourceJumpLayoutProps {
+    children: React.ReactNode;
+    loaderData: ResourceJumpLoaderReturn;
+    queryClient: QueryClient;
+    trpcClient: TRPCClient<TRPCRouter>;
+}
+export interface CommandPaletteProps {
+    label?: string;
+    cmd?: Keys;
+    shortcutKey?: string;
+    className?: string;
+}
+export declare function CommandPalette({ label, shortcutKey, className, }: CommandPaletteProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,35 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useHotkeys } from "react-hotkeys-hook";
+import { QuickSearch } from "./QuickSearch.js";
+import { useQuickSearchContext } from "./QuickSearchContext.js";
+import { ShortcutButton } from "../../../../ui/shortcut-button.js";
+function CommandPalette({
+  label,
+  shortcutKey,
+  className
+}) {
+  const { openQuickSearch } = useQuickSearchContext();
+  useHotkeys(
+    shortcutKey !== void 0 ? `ctrl+${shortcutKey}, cmd+${shortcutKey}` : "",
+    (e) => {
+      e.preventDefault();
+      openQuickSearch({ searchMode: "anything" });
+    }
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      ShortcutButton,
+      {
+        text: label || "Command Palette",
+        onClick: () => openQuickSearch({ searchMode: "anything" }),
+        shortcutKey,
+        className
+      }
+    ),
+    /* @__PURE__ */ jsx(QuickSearch, {})
+  ] });
+}
+export {
+  CommandPalette
+};
+//# sourceMappingURL=CommandPalette.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CommandPalette.js","sources":["../../../../../../src/modules/resourceJump/ui/cmdk/CommandPalette.tsx"],"sourcesContent":["import type { TRPCRouter } from '@env-hopper/backend-core'\nimport type { QueryClient } from '@tanstack/react-query'\nimport type { TRPCClient } from '@trpc/client'\nimport type { Keys } from 'react-hotkeys-hook'\nimport { useHotkeys } from 'react-hotkeys-hook'\nimport { QuickSearch } from '~/modules/resourceJump/ui/cmdk/QuickSearch'\nimport { useQuickSearchContext } from '~/modules/resourceJump/ui/cmdk/QuickSearchContext'\nimport { ShortcutButton } from '~/ui/shortcut-button'\nimport type { ResourceJumpLoaderReturn } from '../../types'\n\nexport interface ResourceJumpLayoutProps {\n  children: React.ReactNode\n  loaderData: ResourceJumpLoaderReturn\n  queryClient: QueryClient\n  trpcClient: TRPCClient<TRPCRouter>\n}\n\nexport interface CommandPaletteProps {\n  label?: string\n  cmd?: Keys\n  shortcutKey?: string\n  className?: string\n}\n\nexport function CommandPalette({\n  label,\n  shortcutKey,\n  className,\n}: CommandPaletteProps) {\n  const { openQuickSearch } = useQuickSearchContext()\n\n  useHotkeys(\n    shortcutKey !== undefined ? `ctrl+${shortcutKey}, cmd+${shortcutKey}` : '',\n    (e) => {\n      e.preventDefault()\n      openQuickSearch({ searchMode: 'anything' })\n    },\n  )\n\n  return (\n    <>\n      <ShortcutButton\n        text={label || 'Command Palette'}\n        onClick={() => openQuickSearch({ searchMode: 'anything' })}\n        shortcutKey={shortcutKey}\n        className={className}\n      />\n      <QuickSearch />\n    </>\n  )\n}\n"],"names":[],"mappings":";;;;;AAwBO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AACF,GAAwB;AACtB,QAAM,EAAE,gBAAA,IAAoB,sBAAA;AAE5B;AAAA,IACE,gBAAgB,SAAY,QAAQ,WAAW,SAAS,WAAW,KAAK;AAAA,IACxE,CAAC,MAAM;AACL,QAAE,eAAA;AACF,sBAAgB,EAAE,YAAY,YAAY;AAAA,IAC5C;AAAA,EAAA;AAGF,SACE,qBAAA,UAAA,EACE,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAM,SAAS;AAAA,QACf,SAAS,MAAM,gBAAgB,EAAE,YAAY,YAAY;AAAA,QACzD;AAAA,QACA;AAAA,MAAA;AAAA,IAAA;AAAA,wBAED,aAAA,CAAA,CAAY;AAAA,EAAA,GACf;AAEJ;"}

package/dist/esm/modules/resourceJump/ui/cmdk/EnvAutocomplete.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 EnvAutoComplete(): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,201 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useQuery } from "@tanstack/react-query";
+import { useVirtualizer } from "@tanstack/react-virtual";
+import { EarthIcon } from "lucide-react";
+import { useState, useMemo, useCallback, useRef } from "react";
+import { cn } from "../../../../lib/utils.js";
+import { useEnvironmentContext } from "../../../environment/context/EnvironmentContext.js";
+import { makeFuzzySearchIndex, fuzzySearch } from "../../../fuzzyMatchLogic/autoCompleteFilter.js";
+import { ApiQueryMagazineResourceJump } from "../../api/ApiQueryMagazineResourceJump.js";
+import { highlightText } from "./highlightText.js";
+import { useEnvStatistics } from "../../utils/statistics/useEnvStatistics.js";
+import { Autocomplete, AutocompleteInput, AutocompleteClear, AutocompleteTrigger, AutocompletePopup, AutocompleteEmpty, AutocompleteValue, AutocompleteList, AutocompleteItem } from "../../../../ui/autocomplete.js";
+import { InputGroupAddon } from "../../../../ui/input-group.js";
+function selectAll(e) {
+  e.target.select();
+}
+function EnvAutoComplete() {
+  const { environments, currentEnv, setCurrentEnv } = useEnvironmentContext();
+  const { data: envExtended } = useQuery(
+    ApiQueryMagazineResourceJump.getResourceJumpsExtended()
+  );
+  const [searchValue, setSearchValue] = useState((currentEnv == null ? void 0 : currentEnv.slug) ?? "");
+  const searchIndex = useMemo(() => {
+    return makeFuzzySearchIndex({
+      entries: environments
+    });
+  }, [environments]);
+  const favoriteEnvs = useEnvStatistics();
+  const [isPrestine, setPrestine] = useState(true);
+  const filteredItems = useMemo(() => {
+    const searchBy = isPrestine && (currentEnv == null ? void 0 : currentEnv.displayName) === searchValue ? "" : searchValue;
+    return fuzzySearch(searchBy, {
+      index: searchIndex,
+      freqGetter: (slug) => favoriteEnvs[slug] || 0
+    }).map((r) => r.entry);
+  }, [
+    isPrestine,
+    currentEnv == null ? void 0 : currentEnv.displayName,
+    searchValue,
+    searchIndex,
+    favoriteEnvs
+  ]);
+  const onValueChange = useCallback(
+    (value, eventDetails) => {
+      setSearchValue(value);
+      if (eventDetails.reason === "input-change") {
+        setPrestine(false);
+      } else {
+        const maybeFound = environments.find((env) => env.displayName === value);
+        setCurrentEnv(maybeFound == null ? void 0 : maybeFound.slug);
+      }
+    },
+    [environments, setCurrentEnv]
+  );
+  const [open, setOpen] = useState(false);
+  const scrollElementRef = useRef(null);
+  const virtualizer = useVirtualizer({
+    enabled: open,
+    count: filteredItems.length,
+    getScrollElement: () => scrollElementRef.current,
+    estimateSize: () => 32 + 16 + 8,
+    overscan: 20,
+    paddingStart: 8,
+    paddingEnd: 8,
+    scrollPaddingEnd: 8,
+    scrollPaddingStart: 8
+  });
+  const handleScrollElementRef = useCallback(
+    (element) => {
+      scrollElementRef.current = element;
+      if (element) {
+        virtualizer.measure();
+      }
+    },
+    [virtualizer]
+  );
+  const totalSize = virtualizer.getTotalSize();
+  return /* @__PURE__ */ jsxs(
+    Autocomplete,
+    {
+      items: environments,
+      itemToStringValue: (v) => v.displayName,
+      filteredItems,
+      value: searchValue,
+      onValueChange,
+      openOnInputClick: true,
+      highlightItemOnHover: true,
+      autoHighlight: true,
+      keepHighlight: true,
+      limit: 50,
+      onOpenChange: (o) => {
+        setPrestine(true);
+        setOpen(o);
+      },
+      open,
+      onItemHighlighted: (item, { reason, index }) => {
+        if (!item) {
+          return;
+        }
+        const isStart = index === 0;
+        const isEnd = index === filteredItems.length - 1;
+        const shouldScroll = reason === "none" || reason === "keyboard" && (isStart || isEnd);
+        if (shouldScroll) {
+          queueMicrotask(() => {
+            virtualizer.scrollToIndex(index, { align: isEnd ? "start" : "end" });
+          });
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsxs("label", { children: [
+          "Environment",
+          /* @__PURE__ */ jsxs(
+            AutocompleteInput,
+            {
+              placeholder: "Select Environment...",
+              propsGroup: { className: "border-eh-env-border" },
+              onFocus: selectAll,
+              children: [
+                /* @__PURE__ */ jsx(InputGroupAddon, { children: /* @__PURE__ */ jsx(EarthIcon, { className: "stroke-eh-env-border" }) }),
+                /* @__PURE__ */ jsx(AutocompleteClear, {}),
+                /* @__PURE__ */ jsx(AutocompleteTrigger, {})
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(AutocompletePopup, { children: [
+          /* @__PURE__ */ jsxs(AutocompleteEmpty, { children: [
+            " ",
+            'No results found for "',
+            /* @__PURE__ */ jsx(AutocompleteValue, {}),
+            '"'
+          ] }),
+          /* @__PURE__ */ jsx(AutocompleteList, { children: filteredItems.length > 0 && /* @__PURE__ */ jsx(
+            "div",
+            {
+              role: "presentation",
+              ref: handleScrollElementRef,
+              style: { "--total-size": `${totalSize}px` },
+              className: "box-border overflow-auto overscroll-contain scroll-py-2 h-[min(22rem,var(--total-size))] max-h-(--available-height)",
+              children: /* @__PURE__ */ jsx(
+                "div",
+                {
+                  role: "presentation",
+                  style: { height: totalSize },
+                  className: "w-full relative",
+                  children: virtualizer.getVirtualItems().map((virtualItem) => {
+                    const item = filteredItems[virtualItem.index];
+                    if (!item) {
+                      return null;
+                    }
+                    const maybeExt = envExtended == null ? void 0 : envExtended.envs.find(
+                      (e) => e.slug === item.slug
+                    );
+                    return /* @__PURE__ */ jsx(
+                      AutocompleteItem,
+                      {
+                        index: virtualItem.index,
+                        "data-index": virtualItem.index,
+                        ref: virtualizer.measureElement,
+                        value: item,
+                        "aria-setsize": filteredItems.length,
+                        "aria-posinset": virtualItem.index + 1,
+                        style: {
+                          position: "absolute",
+                          top: 0,
+                          left: 0,
+                          width: "100%",
+                          height: virtualItem.size,
+                          transform: `translateY(${virtualItem.start}px)`
+                        },
+                        children: /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+                          /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+                            EarthIcon,
+                            {
+                              className: cn("w-4", {
+                                "stroke-eh-env-foreground": item.slug === (currentEnv == null ? void 0 : currentEnv.slug)
+                              })
+                            }
+                          ) }),
+                          /* @__PURE__ */ jsxs("div", { className: "flex gap-0.5 flex-col", children: [
+                            highlightText(item.displayName, searchValue),
+                            /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: (maybeExt == null ? void 0 : maybeExt.description) || "Lisa" })
+                          ] })
+                        ] })
+                      },
+                      virtualItem.key
+                    );
+                  })
+                }
+              )
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  EnvAutoComplete
+};
+//# sourceMappingURL=EnvAutocomplete.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EnvAutocomplete.js","sources":["../../../../../../src/modules/resourceJump/ui/cmdk/EnvAutocomplete.tsx"],"sourcesContent":["import type { AutocompleteRootChangeEventDetails } from '@base-ui/react'\nimport type { EnvBaseInfo, TRPCRouter } from '@env-hopper/backend-core'\nimport type { QueryClient } from '@tanstack/react-query'\nimport { useQuery } from '@tanstack/react-query'\nimport { useVirtualizer } from '@tanstack/react-virtual'\nimport type { TRPCClient } from '@trpc/client'\nimport { EarthIcon } from 'lucide-react'\nimport { useCallback, useMemo, useRef, useState } from 'react'\nimport { cn } from '~/lib/utils'\nimport { useEnvironmentContext } from '~/modules/environment/context/EnvironmentContext'\nimport {\n    fuzzySearch,\n    makeFuzzySearchIndex,\n} from '~/modules/fuzzyMatchLogic/autoCompleteFilter'\nimport { ApiQueryMagazineResourceJump } from '~/modules/resourceJump/api/ApiQueryMagazineResourceJump'\nimport { highlightText } from '~/modules/resourceJump/ui/cmdk/highlightText'\nimport { useEnvStatistics } from '~/modules/resourceJump/utils/statistics/useEnvStatistics'\nimport {\n    Autocomplete,\n    AutocompleteClear,\n    AutocompleteEmpty,\n    AutocompleteInput,\n    AutocompleteItem,\n    AutocompleteList,\n    AutocompletePopup,\n    AutocompleteTrigger,\n    AutocompleteValue,\n} from '~/ui/autocomplete'\nimport { InputGroupAddon } from '~/ui/input-group'\nimport type { ResourceJumpLoaderReturn } from '../../types'\n\nexport interface ResourceJumpLayoutProps {\n  children: React.ReactNode\n  loaderData: ResourceJumpLoaderReturn\n  queryClient: QueryClient\n  trpcClient: TRPCClient<TRPCRouter>\n}\n\nfunction selectAll(e: React.FocusEvent<HTMLInputElement>) {\n  e.target.select()\n}\n\nexport function EnvAutoComplete() {\n  const { environments, currentEnv, setCurrentEnv } = useEnvironmentContext()\n  const { data: envExtended } = useQuery(\n    ApiQueryMagazineResourceJump.getResourceJumpsExtended(),\n  )\n\n  const [searchValue, setSearchValue] = useState(currentEnv?.slug ?? '')\n  const searchIndex = useMemo(() => {\n    return makeFuzzySearchIndex({\n      entries: environments,\n    })\n  }, [environments])\n\n  const favoriteEnvs = useEnvStatistics()\n\n  const [isPrestine, setPrestine] = useState(true)\n\n  const filteredItems = useMemo(() => {\n    // console.log({ isPrestine, searchValue, currentEnv: currentEnv?.displayName });\n\n    const searchBy =\n      isPrestine && currentEnv?.displayName === searchValue ? '' : searchValue\n    return fuzzySearch(searchBy, {\n      index: searchIndex,\n      freqGetter: (slug: string) => favoriteEnvs[slug] || 0,\n    }).map((r) => r.entry)\n  }, [\n    isPrestine,\n    currentEnv?.displayName,\n    searchValue,\n    searchIndex,\n    favoriteEnvs,\n  ])\n\n  const onValueChange = useCallback(\n    (value: string, eventDetails: AutocompleteRootChangeEventDetails) => {\n      setSearchValue(value)\n      if (eventDetails.reason === 'input-change') {\n        setPrestine(false)\n      } else {\n        const maybeFound = environments.find((env) => env.displayName === value)\n        setCurrentEnv(maybeFound?.slug)\n      }\n    },\n    [environments, setCurrentEnv],\n  )\n\n  const [open, setOpen] = useState(false)\n  const scrollElementRef = useRef<HTMLDivElement | null>(null)\n\n  const virtualizer = useVirtualizer({\n    enabled: open,\n    count: filteredItems.length,\n    getScrollElement: () => scrollElementRef.current,\n    estimateSize: () => 32 + 16 + 8,\n    overscan: 20,\n    paddingStart: 8,\n    paddingEnd: 8,\n    scrollPaddingEnd: 8,\n    scrollPaddingStart: 8,\n  })\n  const handleScrollElementRef = useCallback(\n    (element: HTMLDivElement | null) => {\n      scrollElementRef.current = element\n      if (element) {\n        virtualizer.measure()\n      }\n    },\n    [virtualizer],\n  )\n\n  const totalSize = virtualizer.getTotalSize()\n\n  return (\n    <Autocomplete<EnvBaseInfo>\n      items={environments}\n      itemToStringValue={(v) => v.displayName}\n      filteredItems={filteredItems}\n      value={searchValue}\n      onValueChange={onValueChange}\n      openOnInputClick\n      highlightItemOnHover\n      autoHighlight\n      keepHighlight\n      limit={50}\n      onOpenChange={(o) => {\n        setPrestine(true)\n        setOpen(o)\n      }}\n      open={open}\n      onItemHighlighted={(item, { reason, index }) => {\n        if (!item) {\n          return\n        }\n\n        const isStart = index === 0\n        const isEnd = index === filteredItems.length - 1\n        const shouldScroll =\n          reason === 'none' || (reason === 'keyboard' && (isStart || isEnd))\n        if (shouldScroll) {\n          queueMicrotask(() => {\n            virtualizer.scrollToIndex(index, { align: isEnd ? 'start' : 'end' })\n          })\n        }\n      }}\n    >\n      <label>\n        Environment\n        <AutocompleteInput\n          placeholder=\"Select Environment...\"\n          propsGroup={{ className: 'border-eh-env-border' }}\n          onFocus={selectAll}\n        >\n          <InputGroupAddon>\n            <EarthIcon className=\"stroke-eh-env-border\" />\n          </InputGroupAddon>\n          <AutocompleteClear />\n          <AutocompleteTrigger />\n        </AutocompleteInput>\n      </label>\n      <AutocompletePopup>\n        <AutocompleteEmpty>\n          {' '}\n          No results found for \"{<AutocompleteValue />}\"\n        </AutocompleteEmpty>\n        <AutocompleteList>\n          {filteredItems.length > 0 && (\n            <div\n              role=\"presentation\"\n              ref={handleScrollElementRef}\n              style={\n                { '--total-size': `${totalSize}px` } as React.CSSProperties\n              }\n              className=\"box-border overflow-auto overscroll-contain scroll-py-2 h-[min(22rem,var(--total-size))] max-h-(--available-height)\"\n            >\n              <div\n                role=\"presentation\"\n                style={{ height: totalSize }}\n                className=\"w-full relative\"\n              >\n                {virtualizer.getVirtualItems().map((virtualItem) => {\n                  const item = filteredItems[virtualItem.index]\n                  if (!item) {\n                    return null\n                  }\n\n                  const maybeExt = envExtended?.envs.find(\n                    (e) => e.slug === item.slug,\n                  )\n\n                  return (\n                    <AutocompleteItem\n                      key={virtualItem.key}\n                      index={virtualItem.index}\n                      data-index={virtualItem.index}\n                      ref={virtualizer.measureElement}\n                      value={item}\n                      aria-setsize={filteredItems.length}\n                      aria-posinset={virtualItem.index + 1}\n                      style={{\n                        position: 'absolute',\n                        top: 0,\n                        left: 0,\n                        width: '100%',\n                        height: virtualItem.size,\n                        transform: `translateY(${virtualItem.start}px)`,\n                      }}\n                    >\n                      <div className=\"flex gap-2\">\n                        <div>\n                          <EarthIcon\n                            className={cn('w-4', {\n                              'stroke-eh-env-foreground':\n                                item.slug === currentEnv?.slug,\n                            })}\n                          />\n                        </div>\n                        <div className=\"flex gap-0.5 flex-col\">\n                          {highlightText(item.displayName, searchValue)}\n                          <div className=\"text-xs text-muted-foreground\">\n                            {maybeExt?.description || 'Lisa'}\n                          </div>\n                        </div>\n                      </div>\n                    </AutocompleteItem>\n                  )\n                })}\n              </div>\n            </div>\n          )}\n        </AutocompleteList>\n      </AutocompletePopup>\n    </Autocomplete>\n  )\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/modules/resourceJump/ui/cmdk/QuickSearch.d.ts

@@ -0,0 +1,3 @@
+export interface QuickSearchProps {
+}
+export declare function QuickSearch(): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,101 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { SearchIcon, AppWindowIcon, GlobeIcon } from "lucide-react";
+import { use } from "react";
+import { cn } from "../../../../lib/utils.js";
+import { QuickSearchContext } from "./QuickSearchContext.js";
+import { CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandSeparator } from "../../../../ui/command.js";
+import { useQuickSearchLogic } from "./useQuickSearchLogic.js";
+function QuickSearch() {
+  const { onSelect, options } = useQuickSearchLogic();
+  const ctx = use(QuickSearchContext);
+  if (!ctx) {
+    throw new Error(
+      "useQuickSearchContext must be used within a QuickSearchProvider"
+    );
+  }
+  const { open, onOpenChange, searchMode, setSearchMode } = ctx;
+  return /* @__PURE__ */ jsxs(
+    CommandDialog,
+    {
+      open,
+      onOpenChange,
+      commandProps: { vimBindings: true },
+      position: "top",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex p-3 gap-2 text-xs items-baseline", children: [
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cn(
+                "px-2 h-6 border border-dashed border-eh-app-foreground rounded-lg content-center text-center",
+                searchMode === "anything" ? "bg-eh-app-foreground/10" : ""
+              ),
+              onClick: () => setSearchMode("anything"),
+              role: "button",
+              tabIndex: 0,
+              onKeyDown: (e) => (e.key === "Enter" || e.key === " ") && setSearchMode("anything"),
+              children: [
+                /* @__PURE__ */ jsx(SearchIcon, { className: "inline w-3 h-3 mr-1" }),
+                "Anything"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cn(
+                "px-2 h-6 border border-dashed border-eh-app-foreground rounded-lg content-center text-center",
+                searchMode === "app" ? "bg-eh-app-foreground/10" : ""
+              ),
+              onClick: () => setSearchMode("app"),
+              role: "button",
+              tabIndex: 0,
+              onKeyDown: (e) => (e.key === "Enter" || e.key === " ") && setSearchMode("app"),
+              children: [
+                /* @__PURE__ */ jsx(AppWindowIcon, { className: "inline w-3 h-3 mr-1" }),
+                "App"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cn(
+                "px-2 h-6 border border-dashed border-eh-app-foreground rounded-lg content-center text-center",
+                searchMode === "env" ? "bg-eh-app-foreground/10" : ""
+              ),
+              onClick: () => setSearchMode("env"),
+              role: "button",
+              tabIndex: 0,
+              onKeyDown: (e) => (e.key === "Enter" || e.key === " ") && setSearchMode("env"),
+              children: [
+                /* @__PURE__ */ jsx(GlobeIcon, { className: "inline w-3 h-3 mr-1" }),
+                "Env"
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(CommandInput, { placeholder: "Type a command or search...", autoFocus: true }),
+        /* @__PURE__ */ jsxs(CommandList, { children: [
+          /* @__PURE__ */ jsx(CommandEmpty, { children: "No results found." }),
+          /* @__PURE__ */ jsx(CommandGroup, { heading: getHeading(searchMode), children: options.map((f) => /* @__PURE__ */ jsx(CommandItem, { value: f.slug, onSelect, children: f.displayName }, f.slug)) }),
+          /* @__PURE__ */ jsx(CommandSeparator, {})
+        ] })
+      ]
+    }
+  );
+}
+function getHeading(searchMode) {
+  switch (searchMode) {
+    case "app":
+      return "Applications";
+    case "env":
+      return "Environments";
+    case "anything":
+      return "Anything";
+  }
+}
+export {
+  QuickSearch
+};
+//# sourceMappingURL=QuickSearch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QuickSearch.js","sources":["../../../../../../src/modules/resourceJump/ui/cmdk/QuickSearch.tsx"],"sourcesContent":["import { AppWindowIcon, GlobeIcon, SearchIcon } from 'lucide-react'\nimport { use } from 'react'\nimport { cn } from '~/lib/utils'\nimport { QuickSearchContext } from '~/modules/resourceJump/ui/cmdk/QuickSearchContext'\nimport {\n    CommandDialog,\n    CommandEmpty,\n    CommandGroup,\n    CommandInput,\n    CommandItem,\n    CommandList,\n    CommandSeparator,\n} from '~/ui/command'\nimport type { SearchMode } from './types'\nimport { useQuickSearchLogic } from './useQuickSearchLogic'\n\nexport interface QuickSearchProps {}\n\nexport function QuickSearch() {\n  const { onSelect, options } = useQuickSearchLogic()\n  const ctx = use(QuickSearchContext)\n  if (!ctx) {\n    throw new Error(\n      'useQuickSearchContext must be used within a QuickSearchProvider',\n    )\n  }\n  const { open, onOpenChange, searchMode, setSearchMode } = ctx\n\n  return (\n    <CommandDialog\n      open={open}\n      onOpenChange={onOpenChange}\n      commandProps={{ vimBindings: true }}\n      position=\"top\"\n    >\n      <div className=\"flex p-3 gap-2 text-xs items-baseline\">\n        <div\n          className={cn(\n            'px-2 h-6 border border-dashed border-eh-app-foreground rounded-lg content-center text-center',\n            searchMode === 'anything' ? 'bg-eh-app-foreground/10' : '',\n          )}\n          onClick={() => setSearchMode('anything')}\n          role=\"button\"\n          tabIndex={0}\n          onKeyDown={(e) =>\n            (e.key === 'Enter' || e.key === ' ') && setSearchMode('anything')\n          }\n        >\n          <SearchIcon className=\"inline w-3 h-3 mr-1\" />\n          Anything\n        </div>\n        <div\n          className={cn(\n            'px-2 h-6 border border-dashed border-eh-app-foreground rounded-lg content-center text-center',\n            searchMode === 'app' ? 'bg-eh-app-foreground/10' : '',\n          )}\n          onClick={() => setSearchMode('app')}\n          role=\"button\"\n          tabIndex={0}\n          onKeyDown={(e) =>\n            (e.key === 'Enter' || e.key === ' ') && setSearchMode('app')\n          }\n        >\n          <AppWindowIcon className=\"inline w-3 h-3 mr-1\" />\n          App\n        </div>\n        <div\n          className={cn(\n            'px-2 h-6 border border-dashed border-eh-app-foreground rounded-lg content-center text-center',\n            searchMode === 'env' ? 'bg-eh-app-foreground/10' : '',\n          )}\n          onClick={() => setSearchMode('env')}\n          role=\"button\"\n          tabIndex={0}\n          onKeyDown={(e) =>\n            (e.key === 'Enter' || e.key === ' ') && setSearchMode('env')\n          }\n        >\n          <GlobeIcon className=\"inline w-3 h-3 mr-1\" />\n          Env\n        </div>\n      </div>\n      <CommandInput placeholder=\"Type a command or search...\" autoFocus />\n      <CommandList>\n        <CommandEmpty>No results found.</CommandEmpty>\n        <CommandGroup heading={getHeading(searchMode)}>\n          {options.map((f) => (\n            <CommandItem key={f.slug} value={f.slug} onSelect={onSelect}>\n              {f.displayName}\n            </CommandItem>\n          ))}\n        </CommandGroup>\n        <CommandSeparator />\n      </CommandList>\n    </CommandDialog>\n  )\n}\nfunction getHeading(searchMode: SearchMode) {\n  switch (searchMode) {\n    case 'app':\n      return 'Applications'\n    case 'env':\n      return 'Environments'\n    case 'anything':\n      return 'Anything'\n  }\n}\n"],"names":[],"mappings":";;;;;;;AAkBO,SAAS,cAAc;AAC5B,QAAM,EAAE,UAAU,QAAA,IAAY,oBAAA;AAC9B,QAAM,MAAM,IAAI,kBAAkB;AAClC,MAAI,CAAC,KAAK;AACR,UAAM,IAAI;AAAA,MACR;AAAA,IAAA;AAAA,EAEJ;AACA,QAAM,EAAE,MAAM,cAAc,YAAY,kBAAkB;AAE1D,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,cAAc,EAAE,aAAa,KAAA;AAAA,MAC7B,UAAS;AAAA,MAET,UAAA;AAAA,QAAA,qBAAC,OAAA,EAAI,WAAU,yCACb,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW;AAAA,gBACT;AAAA,gBACA,eAAe,aAAa,4BAA4B;AAAA,cAAA;AAAA,cAE1D,SAAS,MAAM,cAAc,UAAU;AAAA,cACvC,MAAK;AAAA,cACL,UAAU;AAAA,cACV,WAAW,CAAC,OACT,EAAE,QAAQ,WAAW,EAAE,QAAQ,QAAQ,cAAc,UAAU;AAAA,cAGlE,UAAA;AAAA,gBAAA,oBAAC,YAAA,EAAW,WAAU,sBAAA,CAAsB;AAAA,gBAAE;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAGhD;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW;AAAA,gBACT;AAAA,gBACA,eAAe,QAAQ,4BAA4B;AAAA,cAAA;AAAA,cAErD,SAAS,MAAM,cAAc,KAAK;AAAA,cAClC,MAAK;AAAA,cACL,UAAU;AAAA,cACV,WAAW,CAAC,OACT,EAAE,QAAQ,WAAW,EAAE,QAAQ,QAAQ,cAAc,KAAK;AAAA,cAG7D,UAAA;AAAA,gBAAA,oBAAC,eAAA,EAAc,WAAU,sBAAA,CAAsB;AAAA,gBAAE;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAGnD;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW;AAAA,gBACT;AAAA,gBACA,eAAe,QAAQ,4BAA4B;AAAA,cAAA;AAAA,cAErD,SAAS,MAAM,cAAc,KAAK;AAAA,cAClC,MAAK;AAAA,cACL,UAAU;AAAA,cACV,WAAW,CAAC,OACT,EAAE,QAAQ,WAAW,EAAE,QAAQ,QAAQ,cAAc,KAAK;AAAA,cAG7D,UAAA;AAAA,gBAAA,oBAAC,WAAA,EAAU,WAAU,sBAAA,CAAsB;AAAA,gBAAE;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAE/C,GACF;AAAA,QACA,oBAAC,cAAA,EAAa,aAAY,+BAA8B,WAAS,MAAC;AAAA,6BACjE,aAAA,EACC,UAAA;AAAA,UAAA,oBAAC,gBAAa,UAAA,oBAAA,CAAiB;AAAA,UAC/B,oBAAC,gBAAa,SAAS,WAAW,UAAU,GACzC,UAAA,QAAQ,IAAI,CAAC,0BACX,aAAA,EAAyB,OAAO,EAAE,MAAM,UACtC,YAAE,eADa,EAAE,IAEpB,CACD,EAAA,CACH;AAAA,8BACC,kBAAA,CAAA,CAAiB;AAAA,QAAA,EAAA,CACpB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AACA,SAAS,WAAW,YAAwB;AAC1C,UAAQ,YAAA;AAAA,IACN,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,EAAA;AAEb;"}

package/dist/esm/modules/resourceJump/ui/cmdk/QuickSearchContext.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+import { SearchMode } from '~/modules/resourceJump/ui/cmdk/types';
+export interface QuickSearchContextIface {
+    openQuickSearch: ({ searchMode }: {
+        searchMode: SearchMode;
+    }) => void;
+}
+export interface QuickSearchContextPrivateIface extends QuickSearchContextIface {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    searchMode: SearchMode;
+    setSearchMode: (mode: SearchMode) => void;
+}
+export declare const QuickSearchContext: import('react').Context<QuickSearchContextPrivateIface | undefined>;
+interface QuickSearchProviderProps {
+    children: ReactNode;
+}
+export declare function QuickSearchProvider({ children }: QuickSearchProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useQuickSearchContext(): QuickSearchContextIface;
+export {};

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

@@ -0,0 +1,40 @@
+import { jsx } from "react/jsx-runtime";
+import { useState, useCallback, useMemo, createContext, use } from "react";
+const QuickSearchContext = createContext(void 0);
+function QuickSearchProvider({ children }) {
+  const [open, onOpenChange] = useState(false);
+  const [searchMode, setSearchMode] = useState("anything");
+  const openQuickSearch = useCallback(
+    ({ searchMode: mode }) => {
+      setSearchMode(mode);
+      onOpenChange(true);
+    },
+    []
+  );
+  const value = useMemo(
+    () => ({
+      open,
+      onOpenChange,
+      openQuickSearch,
+      searchMode,
+      setSearchMode
+    }),
+    [open, openQuickSearch, searchMode]
+  );
+  return /* @__PURE__ */ jsx(QuickSearchContext, { value, children });
+}
+function useQuickSearchContext() {
+  const context = use(QuickSearchContext);
+  if (context === void 0) {
+    throw new Error(
+      "useQuickSearchContext must be used within a QuickSearchProvider"
+    );
+  }
+  return context;
+}
+export {
+  QuickSearchContext,
+  QuickSearchProvider,
+  useQuickSearchContext
+};
+//# sourceMappingURL=QuickSearchContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QuickSearchContext.js","sources":["../../../../../../src/modules/resourceJump/ui/cmdk/QuickSearchContext.tsx"],"sourcesContent":["import { createContext, use, useCallback, useMemo, useState } from 'react'\nimport type { ReactNode } from 'react'\nimport type { SearchMode } from '~/modules/resourceJump/ui/cmdk/types'\n\nexport interface QuickSearchContextIface {\n  openQuickSearch: ({ searchMode }: { searchMode: SearchMode }) => void\n}\n\nexport interface QuickSearchContextPrivateIface extends QuickSearchContextIface {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  searchMode: SearchMode\n  setSearchMode: (mode: SearchMode) => void\n}\n\nexport const QuickSearchContext = createContext<\n  QuickSearchContextPrivateIface | undefined\n>(undefined)\n\ninterface QuickSearchProviderProps {\n  children: ReactNode\n}\n\nexport function QuickSearchProvider({ children }: QuickSearchProviderProps) {\n  const [open, onOpenChange] = useState(false)\n  const [searchMode, setSearchMode] = useState<SearchMode>('anything')\n\n  const openQuickSearch = useCallback(\n    ({ searchMode: mode }: { searchMode: SearchMode }) => {\n      setSearchMode(mode)\n      onOpenChange(true)\n    },\n    [],\n  )\n\n  const value: QuickSearchContextPrivateIface = useMemo(\n    () => ({\n      open,\n      onOpenChange,\n      openQuickSearch,\n      searchMode,\n      setSearchMode,\n    }),\n    [open, openQuickSearch, searchMode],\n  )\n\n  return <QuickSearchContext value={value}>{children}</QuickSearchContext>\n}\n\nexport function useQuickSearchContext(): QuickSearchContextIface {\n  const context = use(QuickSearchContext)\n  if (context === undefined) {\n    throw new Error(\n      'useQuickSearchContext must be used within a QuickSearchProvider',\n    )\n  }\n  return context\n}\n"],"names":[],"mappings":";;AAeO,MAAM,qBAAqB,cAEhC,MAAS;AAMJ,SAAS,oBAAoB,EAAE,YAAsC;AAC1E,QAAM,CAAC,MAAM,YAAY,IAAI,SAAS,KAAK;AAC3C,QAAM,CAAC,YAAY,aAAa,IAAI,SAAqB,UAAU;AAEnE,QAAM,kBAAkB;AAAA,IACtB,CAAC,EAAE,YAAY,WAAuC;AACpD,oBAAc,IAAI;AAClB,mBAAa,IAAI;AAAA,IACnB;AAAA,IACA,CAAA;AAAA,EAAC;AAGH,QAAM,QAAwC;AAAA,IAC5C,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,IAEF,CAAC,MAAM,iBAAiB,UAAU;AAAA,EAAA;AAGpC,SAAO,oBAAC,oBAAA,EAAmB,OAAe,SAAA,CAAS;AACrD;AAEO,SAAS,wBAAiD;AAC/D,QAAM,UAAU,IAAI,kBAAkB;AACtC,MAAI,YAAY,QAAW;AACzB,UAAM,IAAI;AAAA,MACR;AAAA,IAAA;AAAA,EAEJ;AACA,SAAO;AACT;"}

package/dist/esm/modules/resourceJump/ui/cmdk/highlightText.d.ts

@@ -0,0 +1 @@
+export declare function highlightText(text: string, query: string, className?: string): React.ReactNode;

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

@@ -0,0 +1,13 @@
+import { jsx } from "react/jsx-runtime";
+function highlightText(text, query, className) {
+  const tokens = query.trim().slice(0, 100).split(/\s+/).filter(Boolean).map((t) => t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"));
+  if (!tokens.length) return text;
+  const regex = new RegExp(`(${tokens.join("|")})`, "gi");
+  return /* @__PURE__ */ jsx("div", { className, children: text.split(regex).map(
+    (part, idx) => idx % 2 === 1 ? /* @__PURE__ */ jsx("mark", { children: part }, `${text + idx}`) : part
+  ) });
+}
+export {
+  highlightText
+};
+//# sourceMappingURL=highlightText.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"highlightText.js","sources":["../../../../../../src/modules/resourceJump/ui/cmdk/highlightText.tsx"],"sourcesContent":["export function highlightText(\n  text: string,\n  query: string,\n  className?: string,\n): React.ReactNode {\n  const tokens = query\n    .trim()\n    .slice(0, 100)\n    .split(/\\s+/)\n    .filter(Boolean)\n    .map((t) => t.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&'))\n\n  if (!tokens.length) return text\n\n  // match ANY token\n  const regex = new RegExp(`(${tokens.join('|')})`, 'gi')\n\n  return (\n    <div className={className}>\n      {text\n        .split(regex)\n        .map((part, idx) =>\n          idx % 2 === 1 ? <mark key={`${text + idx}`}>{part}</mark> : part,\n        )}\n    </div>\n  )\n}\n"],"names":[],"mappings":";AAAO,SAAS,cACd,MACA,OACA,WACiB;AACjB,QAAM,SAAS,MACZ,KAAA,EACA,MAAM,GAAG,GAAG,EACZ,MAAM,KAAK,EACX,OAAO,OAAO,EACd,IAAI,CAAC,MAAM,EAAE,QAAQ,uBAAuB,MAAM,CAAC;AAEtD,MAAI,CAAC,OAAO,OAAQ,QAAO;AAG3B,QAAM,QAAQ,IAAI,OAAO,IAAI,OAAO,KAAK,GAAG,CAAC,KAAK,IAAI;AAEtD,6BACG,OAAA,EAAI,WACF,UAAA,KACE,MAAM,KAAK,EACX;AAAA,IAAI,CAAC,MAAM,QACV,MAAM,MAAM,IAAI,oBAAC,QAAA,EAA4B,UAAA,KAAA,GAAlB,GAAG,OAAO,GAAG,EAAU,IAAU;AAAA,EAAA,GAElE;AAEJ;"}

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

@@ -0,0 +1,6 @@
+export type SearchMode = 'anything' | 'app' | 'env';
+export interface QuickOption {
+    slug: string;
+    displayName: string;
+    type: Omit<SearchMode, 'anything'>;
+}

package/dist/esm/modules/resourceJump/ui/cmdk/useCmdkDriver.d.ts

@@ -0,0 +1,8 @@
+export interface CmdkDriverInput {
+    onOpenChange: (open: boolean) => void;
+}
+export declare function useCmdkDriver({ onOpenChange }: CmdkDriverInput): {
+    envsForApps: import('@env-hopper/backend-core').EnvBaseInfo[];
+    onResourceJumpSelected: (resourceJumpSlug: string) => void;
+    onEnvironmentSelected: (envSlug: string) => void;
+};

package/dist/esm/modules/resourceJump/ui/cmdk/useQuickSearchLogic.d.ts

@@ -0,0 +1,6 @@
+import { QuickOption } from '~/modules/resourceJump/ui/cmdk/types';
+export declare function useQuickSearchLogic(): {
+    envsForApps: import('@env-hopper/backend-core').EnvBaseInfo[];
+    onSelect: (slug: string) => void;
+    options: QuickOption[];
+};