@env-hopper/frontend-core 2.0.1-alpha

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

@@ -0,0 +1,209 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Popover, PopoverContent } from "@radix-ui/react-popover";
+import { useCombobox } from "downshift";
+import { XIcon, Edit3Icon, ExpandIcon, CornerDownRight } from "lucide-react";
+import { unique } from "radashi";
+import React__default, { useEffect, useMemo } from "react";
+import { EhBaseSelectorRoot } from "../../../ui/components/commandInput/EhBaseSelector.js";
+import { mapDisplayedItems } from "../helpers.js";
+import { useResourceJumpContext } from "../ResourceJumpContext.js";
+import { Button } from "../../../components/ui/button.js";
+import { PopoverTrigger } from "../../../components/ui/popover.js";
+import { cn } from "../../../lib/utils.js";
+import { isAutocompleteItem, autocompleteToString, autocompleteFilter } from "../../../plugins/builtin/pageUrl/pageUrlAutoCompletePlugin.js";
+import { highlightMatches } from "../../../util/highlightMatches.js";
+function EhJumpResourceSelector({
+  className = ""
+}) {
+  const { jumpResources, currentResourceJump, setCurrentResourceJumpSlug } = useResourceJumpContext();
+  const appFilter = (needle, allItems) => {
+    return autocompleteFilter(
+      allItems.filter((i) => isAutocompleteItem(i)),
+      needle
+    );
+  };
+  const [displayedItems, setDisplayedItems] = React__default.useState(jumpResources);
+  const {
+    isOpen: comboIsOpen,
+    getLabelProps,
+    getMenuProps,
+    getInputProps,
+    getToggleButtonProps,
+    highlightedIndex,
+    getItemProps,
+    selectItem,
+    selectedItem: comboSelectedItem,
+    inputValue: comboInputValue,
+    setInputValue
+  } = useCombobox({
+    onInputValueChange({
+      inputValue: changedInputValue,
+      isOpen: changedIsOpen
+    }) {
+      if (changedIsOpen) {
+        const matchedIds = unique(appFilter(changedInputValue, jumpResources));
+        setDisplayedItems(matchedIds);
+      }
+    },
+    onSelectedItemChange({ selectedItem: changedSelectedItem }) {
+      setCurrentResourceJumpSlug(changedSelectedItem == null ? void 0 : changedSelectedItem.slug);
+    },
+    // selectedItem,
+    items: displayedItems,
+    itemToString(item) {
+      if (isAutocompleteItem(item)) {
+        return autocompleteToString(item);
+      }
+      return "n/a";
+    }
+  });
+  useEffect(() => {
+    if (currentResourceJump) {
+      const f = jumpResources.find((e) => e.slug === currentResourceJump.slug);
+      if (f) {
+        selectItem(f);
+      }
+    }
+  }, [currentResourceJump, jumpResources, selectItem]);
+  const ctx = useMemo(() => {
+    return {
+      searchString: comboInputValue
+    };
+  }, [comboInputValue]);
+  return /* @__PURE__ */ jsx(EhBaseSelectorRoot, { className, children: /* @__PURE__ */ jsxs(Popover, { open: comboIsOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs("div", { className: "relative group hover:cursor-pointer w-full", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          className: cn(
+            "text-xl h-14 w-full rounded-md border border-input bg-background px-4 py-4 ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 ",
+            "group-hover:border-secondary-foreground/60 group-hover:bg-secondary/30 focus:bg-secondary/30 focus:border-secondary-foreground/60",
+            "pr-12 hover:cursor-pointer"
+          ),
+          ...getInputProps({
+            onMouseUp: (e) => {
+              const userHasSelectedSomeText = e.currentTarget.selectionStart !== e.currentTarget.selectionEnd;
+              if (!userHasSelectedSomeText) {
+                e.currentTarget.select();
+              }
+            },
+            onKeyUp: (e) => {
+              if (e.key !== "Enter") ;
+            }
+          })
+        }
+      ),
+      comboInputValue.length ? /* @__PURE__ */ jsx(
+        XIcon,
+        {
+          className: "absolute right-5 top-1/2 -translate-y-1/2  stroke-secondary-foreground/50 group-hover:stroke-secondary-foreground/60 group-hover:rotate-3 group-hover:scale-95 hover:stroke-secondary-foreground hover:bg-secondary rounded-full",
+          onClick: () => setInputValue("")
+        }
+      ) : /* @__PURE__ */ jsx(
+        Edit3Icon,
+        {
+          ...getToggleButtonProps(),
+          className: "absolute right-5 top-1/2 -translate-y-1/2  stroke-secondary-foreground/50 group-hover:stroke-secondary-foreground/60 group-hover:rotate-3 group-hover:scale-95"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "label",
+        {
+          className: cn(
+            "absolute text-sm text-secondary-foreground/50",
+            "left-2 -top-0.5 -translate-y-1/2 text-muted-foreground bg-background rounded-2xl px-1"
+          ),
+          ...getLabelProps(),
+          children: "Application"
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsxs(
+      PopoverContent,
+      {
+        className: cn(
+          "w-[var(--radix-popover-trigger-width)] max-h-[var(--radix-popover-content-available-height)] bg-popover text-popover-foreground z-50 origin-(--radix-popover-content-transform-origin) rounded-b-md border shadow-md outline-hidden",
+          { hidden: !comboIsOpen }
+        ),
+        onOpenAutoFocus: (e) => e.preventDefault(),
+        forceMount: true,
+        children: [
+          /* @__PURE__ */ jsxs("div", { ...getMenuProps(), className: "", children: [
+            [...mapDisplayedItems(displayedItems)].map(
+              ({ item, itemRenderData, isChild }, index) => {
+                return /* @__PURE__ */ jsx(
+                  DisplayItem,
+                  {
+                    ctx,
+                    item,
+                    itemRenderData,
+                    isChild,
+                    selected: (comboSelectedItem == null ? void 0 : comboSelectedItem.slug) === item.slug,
+                    highlighted: highlightedIndex === index,
+                    getItemProps
+                  },
+                  item.slug
+                );
+              }
+            ),
+            displayedItems.length === 0 && /* @__PURE__ */ jsxs("div", { className: "text-secondary-foreground/50", children: [
+              "'",
+              comboInputValue,
+              "' not found. Try a different search."
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "flex justify-end items-center p-1 bg-secondary/30 border-t", children: /* @__PURE__ */ jsxs(Button, { className: "h-1", variant: "outline", size: "sm", children: [
+            "All Apps (34) ",
+            /* @__PURE__ */ jsx(ExpandIcon, {})
+          ] }) })
+        ]
+      }
+    )
+  ] }) });
+}
+function DisplayItem({
+  item,
+  itemRenderData,
+  selected,
+  isChild,
+  highlighted,
+  ctx,
+  getItemProps,
+  ...props
+}) {
+  const { displayName, parentDisplayName, isDefaultGroupItem } = itemRenderData;
+  const content = () => {
+    let finalStr = [parentDisplayName, isChild ? "-" : false, displayName].filter(Boolean).join(" / ");
+    if (isDefaultGroupItem && parentDisplayName) {
+      finalStr = parentDisplayName;
+    }
+    if (isChild) {
+      return /* @__PURE__ */ jsxs("div", { className: "flex flex-row gap-1 items-center", children: [
+        /* @__PURE__ */ jsx("div", { className: "text-secondary-foreground/50 pl-2", children: /* @__PURE__ */ jsx(CornerDownRight, { size: 14 }) }),
+        /* @__PURE__ */ jsx("div", { className: "", children: highlightMatches(displayName, ctx.searchString) })
+      ] });
+    }
+    return highlightMatches(finalStr, ctx.searchString);
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "cursor-pointer text-secondary-foreground px-4 py-2 rounded-md",
+        {
+          "bg-accent": highlighted
+        }
+      ),
+      ...getItemProps({
+        item
+      }),
+      ...props,
+      children: content()
+    }
+  );
+}
+export {
+  DisplayItem,
+  EhJumpResourceSelector
+};
+//# sourceMappingURL=EhJumpResourceSelector.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EhJumpResourceSelector.js","sources":["../../../../../src/modules/resourceJump/ui/EhJumpResourceSelector.tsx"],"sourcesContent":["import { Popover, PopoverContent } from '@radix-ui/react-popover'\nimport { useCombobox } from 'downshift'\nimport { CornerDownRight, Edit3Icon, ExpandIcon, XIcon } from 'lucide-react'\nimport { unique } from 'radashi'\nimport React, { useEffect, useMemo } from 'react'\nimport { EhBaseSelectorRoot } from '../../../ui/components/commandInput/EhBaseSelector'\nimport { mapDisplayedItems } from '../helpers'\nimport { useResourceJumpContext } from '../ResourceJumpContext'\nimport type {\n  BaseAutoCompletableItem,\n  BaseAutoCompleteItemRender,\n} from '~/modules/pluginCore/types'\nimport type {\n  AppAutoCompleteAmend,\n  AutoCompleteContext,\n} from '../../../ui/components/commandInput/types'\nimport { Button } from '~/components/ui/button'\nimport { PopoverTrigger } from '~/components/ui/popover'\nimport { cn } from '~/lib/utils'\nimport {\n  autocompleteFilter,\n  autocompleteToString,\n  isAutocompleteItem,\n} from '~/plugins/builtin/pageUrl/pageUrlAutoCompletePlugin'\nimport { highlightMatches } from '~/util/highlightMatches'\n\ninterface EhJumpResourceSelectorProps {\n  className?: string\n}\n\nexport function EhJumpResourceSelector({\n  className = '',\n}: EhJumpResourceSelectorProps) {\n  const { jumpResources, currentResourceJump, setCurrentResourceJumpSlug } =\n    useResourceJumpContext()\n\n  const appFilter = (\n    needle: string,\n    allItems: Array<BaseAutoCompletableItem>,\n  ) => {\n    return autocompleteFilter(\n      allItems.filter((i) => isAutocompleteItem(i)),\n      needle,\n    )\n  }\n\n  const [displayedItems, setDisplayedItems] =\n    React.useState<Array<BaseAutoCompletableItem>>(jumpResources)\n\n  const {\n    isOpen: comboIsOpen,\n    getLabelProps,\n    getMenuProps,\n    getInputProps,\n    getToggleButtonProps,\n    highlightedIndex,\n    getItemProps,\n    selectItem,\n    selectedItem: comboSelectedItem,\n    inputValue: comboInputValue,\n    setInputValue,\n  } = useCombobox<BaseAutoCompletableItem>({\n    onInputValueChange({\n      inputValue: changedInputValue,\n      isOpen: changedIsOpen,\n    }) {\n      if (changedIsOpen) {\n        const matchedIds = unique(appFilter(changedInputValue, jumpResources))\n        setDisplayedItems(matchedIds)\n      }\n    },\n    onSelectedItemChange({ selectedItem: changedSelectedItem }) {\n      setCurrentResourceJumpSlug(changedSelectedItem?.slug)\n    },\n    // selectedItem,\n    items: displayedItems,\n    itemToString(item) {\n      if (isAutocompleteItem(item)) {\n        return autocompleteToString(item)\n      }\n      return 'n/a'\n    },\n  })\n\n  useEffect(() => {\n    if (currentResourceJump) {\n      const f = jumpResources.find((e) => e.slug === currentResourceJump.slug)\n      if (f) {\n        selectItem(f)\n      }\n    }\n  }, [currentResourceJump, jumpResources, selectItem])\n\n  const ctx = useMemo<AutoCompleteContext>(() => {\n    return {\n      searchString: comboInputValue,\n    }\n  }, [comboInputValue])\n\n  return (\n    <EhBaseSelectorRoot className={className}>\n      <Popover open={comboIsOpen}>\n        <PopoverTrigger asChild>\n          <div className=\"relative group hover:cursor-pointer w-full\">\n            <input\n              className={cn(\n                'text-xl h-14 w-full rounded-md border border-input bg-background px-4 py-4 ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 ',\n                'group-hover:border-secondary-foreground/60 group-hover:bg-secondary/30 focus:bg-secondary/30 focus:border-secondary-foreground/60',\n                'pr-12 hover:cursor-pointer',\n              )}\n              {...getInputProps({\n                onMouseUp: (e) => {\n                  const userHasSelectedSomeText =\n                    e.currentTarget.selectionStart !==\n                    e.currentTarget.selectionEnd\n                  if (!userHasSelectedSomeText) {\n                    // setInputValue('asdads')\n                    e.currentTarget.select()\n                  }\n                },\n                onKeyUp: (e) => {\n                  if (e.key !== 'Enter') {\n                    // console.log(e.target.value)\n                    // setLastUsersInputText(e.target.value)\n                  }\n                },\n              })}\n            />\n            {comboInputValue.length ? (\n              <XIcon\n                className=\"absolute right-5 top-1/2 -translate-y-1/2  stroke-secondary-foreground/50 group-hover:stroke-secondary-foreground/60 group-hover:rotate-3 group-hover:scale-95 hover:stroke-secondary-foreground hover:bg-secondary rounded-full\"\n                onClick={() => setInputValue('')}\n              />\n            ) : (\n              <Edit3Icon\n                {...getToggleButtonProps()}\n                className=\"absolute right-5 top-1/2 -translate-y-1/2  stroke-secondary-foreground/50 group-hover:stroke-secondary-foreground/60 group-hover:rotate-3 group-hover:scale-95\"\n              />\n            )}\n\n            <label\n              className={cn(\n                'absolute text-sm text-secondary-foreground/50',\n                'left-2 -top-0.5 -translate-y-1/2 text-muted-foreground bg-background rounded-2xl px-1',\n              )}\n              {...getLabelProps()}\n            >\n              Application\n            </label>\n          </div>\n        </PopoverTrigger>\n\n        <PopoverContent\n          className={cn(\n            'w-[var(--radix-popover-trigger-width)] max-h-[var(--radix-popover-content-available-height)] bg-popover text-popover-foreground z-50 origin-(--radix-popover-content-transform-origin) rounded-b-md border shadow-md outline-hidden',\n            { hidden: !comboIsOpen },\n          )}\n          onOpenAutoFocus={(e) => e.preventDefault()}\n          forceMount\n        >\n          <div {...getMenuProps()} className=\"\">\n            {[...mapDisplayedItems(displayedItems)].map(\n              ({ item, itemRenderData, isChild }, index) => {\n                return (\n                  <DisplayItem\n                    key={item.slug}\n                    ctx={ctx}\n                    item={item}\n                    itemRenderData={itemRenderData}\n                    isChild={isChild}\n                    selected={comboSelectedItem?.slug === item.slug}\n                    highlighted={highlightedIndex === index}\n                    getItemProps={getItemProps}\n                  />\n                )\n              },\n            )}\n            {displayedItems.length === 0 && (\n              <div className=\"text-secondary-foreground/50\">\n                '{comboInputValue}' not found. Try a different search.\n              </div>\n            )}\n          </div>\n          <div className=\"flex justify-end items-center p-1 bg-secondary/30 border-t\">\n            <Button className=\"h-1\" variant=\"outline\" size={'sm'}>\n              All Apps (34) <ExpandIcon />\n            </Button>\n          </div>\n        </PopoverContent>\n        {/* </PopoverAnchor> */}\n      </Popover>\n    </EhBaseSelectorRoot>\n  )\n}\n\nexport interface DisplayItemProps\n  extends React.ComponentPropsWithoutRef<'div'>,\n    AppAutoCompleteAmend {\n  item: BaseAutoCompletableItem\n  itemRenderData: BaseAutoCompleteItemRender\n  isChild?: boolean\n  selected: boolean\n  highlighted: boolean\n  getItemProps: (props: { item: BaseAutoCompletableItem }) => any\n  ctx: AutoCompleteContext\n}\n\nexport function DisplayItem({\n  item,\n  itemRenderData,\n  selected,\n  isChild,\n  highlighted,\n  ctx,\n  getItemProps,\n  ...props\n}: DisplayItemProps) {\n  const { displayName, parentDisplayName, isDefaultGroupItem } = itemRenderData\n\n  const content = () => {\n    let finalStr = [parentDisplayName, isChild ? '-' : false, displayName]\n      .filter(Boolean)\n      .join(' / ')\n    if (isDefaultGroupItem && parentDisplayName) {\n      finalStr = parentDisplayName\n    }\n    if (isChild) {\n      return (\n        <div className=\"flex flex-row gap-1 items-center\">\n          <div className=\"text-secondary-foreground/50 pl-2\">\n            <CornerDownRight size={14} />\n          </div>\n          <div className=\"\">\n            {highlightMatches(displayName, ctx.searchString)}\n          </div>\n        </div>\n      )\n    }\n\n    return highlightMatches(finalStr, ctx.searchString)\n  }\n\n  return (\n    <div\n      className={cn(\n        'cursor-pointer text-secondary-foreground px-4 py-2 rounded-md',\n        {\n          'bg-accent': highlighted,\n        },\n      )}\n      {...getItemProps({\n        item,\n      })}\n      {...props}\n    >\n      {content()}\n    </div>\n  )\n}\n"],"names":["React"],"mappings":"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"}

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

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

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

@@ -0,0 +1,38 @@
+import { jsx } from "react/jsx-runtime";
+import { getJumpUrl } from "../../../plugins/builtin/pageUrl/pageUrlAutoCompletePlugin.js";
+function JumpALink({
+  children,
+  ctx,
+  id,
+  jumpResource,
+  // substitution,
+  className,
+  isMain,
+  testId
+}) {
+  const onClick = () => {
+  };
+  const jumpUrl = getJumpUrl(jumpResource, ctx);
+  if (!jumpUrl) {
+    return void 0;
+  }
+  return /* @__PURE__ */ jsx(
+    "a",
+    {
+      id,
+      "data-testid": testId,
+      href: jumpUrl,
+      onClick,
+      onAuxClick: onClick,
+      className,
+      target: "_blank",
+      rel: "noreferrer",
+      title: isMain ? "Jump to selected app" : void 0,
+      children
+    }
+  );
+}
+export {
+  JumpALink
+};
+//# sourceMappingURL=JumpALink.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JumpALink.js","sources":["../../../../../src/modules/resourceJump/ui/JumpALink.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport type { ResourceJumpItem } from '../types'\nimport type { EhPluginResouceJumpCtx } from '~/modules/pluginCore/types'\nimport { getJumpUrl } from '~/plugins/builtin/pageUrl/pageUrlAutoCompletePlugin'\n\nexport interface JumpUrlParams extends React.ComponentPropsWithoutRef<'a'> {\n  children: ReactNode\n  ctx: EhPluginResouceJumpCtx\n  jumpResource: ResourceJumpItem\n  id?: string\n  // substitution?: EhSubstitutionValue;\n  className?: string\n  isMain?: boolean\n  prefetch?: boolean\n  testId?: string\n}\n\nexport function JumpALink({\n  children,\n  ctx,\n  id,\n  jumpResource,\n  // substitution,\n  className,\n  isMain,\n  testId,\n}: JumpUrlParams) {\n  const onClick = () => {\n    // if (jumpResource == null) {\n    //   return\n    // }\n    // ...existing code...\n  }\n\n  const jumpUrl = getJumpUrl(jumpResource, ctx)\n  if (!jumpUrl) {\n    return undefined\n  }\n  return (\n    <a\n      id={id}\n      data-testid={testId}\n      href={jumpUrl}\n      onClick={onClick}\n      onAuxClick={onClick}\n      className={className}\n      target=\"_blank\"\n      rel=\"noreferrer\"\n      title={isMain ? 'Jump to selected app' : undefined}\n    >\n      {children}\n    </a>\n  )\n}\n"],"names":[],"mappings":";;AAiBO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AACF,GAAkB;AAChB,QAAM,UAAU,MAAM;AAAA,EAKtB;AAEA,QAAM,UAAU,WAAW,cAAc,GAAG;AAC5C,MAAI,CAAC,SAAS;AACZ,WAAO;AAAA,EACT;AACA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,eAAa;AAAA,MACb,MAAM;AAAA,MACN;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,MACA,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,OAAO,SAAS,yBAAyB;AAAA,MAExC;AAAA,IAAA;AAAA,EAAA;AAGP;"}

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

@@ -0,0 +1,5 @@
+export declare const JUMP_MAIN_BTN_ID = "jump-main-button";
+export interface JumpMainButtonProps {
+    className?: string;
+}
+export declare function JumpMainButton({ className }: JumpMainButtonProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,66 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import cn from "classnames";
+import { useResourceJumpContext } from "../ResourceJumpContext.js";
+import { JumpALink } from "./JumpALink.js";
+import { useEnvironmentContext } from "../../environment/EnvironmentContext.js";
+import { isAutocompleteItem, formatJumpButtonTitle } from "../../../plugins/builtin/pageUrl/pageUrlAutoCompletePlugin.js";
+const JUMP_MAIN_BTN_ID = "jump-main-button";
+function JumpMainButton({ className }) {
+  const { currentResourceJump, getJumpUrl } = useResourceJumpContext();
+  const { currentEnv } = useEnvironmentContext();
+  const url = currentResourceJump && currentEnv ? getJumpUrl(currentResourceJump.slug, currentEnv.slug) : void 0;
+  let buttonTitle = "n/a";
+  if (isAutocompleteItem(currentResourceJump)) {
+    buttonTitle = formatJumpButtonTitle(currentResourceJump);
+  }
+  return /* @__PURE__ */ jsx("div", { className: cn("relative flex justify-center", className), children: currentResourceJump !== void 0 && url !== void 0 ? /* @__PURE__ */ jsxs(
+    JumpALink,
+    {
+      id: JUMP_MAIN_BTN_ID,
+      testId: "jump-main-button",
+      ctx: {
+        env: currentEnv
+      },
+      jumpResource: currentResourceJump,
+      isMain: true,
+      className: cn(
+        "border border-secondary-foreground/50 primary text-center rounded-md px-8 py-4 h-auto shadow-xl group indicator relative hover:bg-base-content/10 hover:text-base-content w-full hover:bg-accent hover:text-accent-foreground ease-out  ",
+        "active:hover:scale-(--btn-focus-scale) active:focus:scale-(--btn-focus-scale) motion-safe:duration-200"
+      ),
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "absolute top-0 bottom-0 right-0 flex items-center text-xl text-hopper invisible lg:visible font-semibold select-none", children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "mr-12 group-hover:motion-safe:-translate-x-0.5 group-hover:motion-safe:translate-y-0.5 group-hover:motion-safe:scale-y-90 group-hover:motion-safe:rotate-2 origin-bottom transition-transform motion-safe:duration-100"
+            ),
+            children: "JUMP"
+          }
+        ) }),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "flex flex-col gap-6",
+            "data-testid": "jump-main-button-text",
+            children: [
+              /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("code", { children: buttonTitle }) }),
+              /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("code", { children: currentEnv == null ? void 0 : currentEnv.slug }) }),
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "group-hover:underline text-xs text-wrap font-semibold",
+                  children: url
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  ) : /* @__PURE__ */ jsx("div", { className: "border border-dashed border-black dark:border-white rounded flex justify-center p-4 flex-col cursor-not-allowed w-full", children: "not ready" }) });
+}
+export {
+  JUMP_MAIN_BTN_ID,
+  JumpMainButton
+};
+//# sourceMappingURL=JumpMainButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JumpMainButton.js","sources":["../../../../../src/modules/resourceJump/ui/JumpMainButton.tsx"],"sourcesContent":["import cn from 'classnames'\nimport { useResourceJumpContext } from '../ResourceJumpContext'\nimport { JumpALink } from './JumpALink'\nimport { useEnvironmentContext } from '~/modules/environment/EnvironmentContext'\nimport {\n  formatJumpButtonTitle,\n  isAutocompleteItem,\n} from '~/plugins/builtin/pageUrl/pageUrlAutoCompletePlugin'\n\nexport const JUMP_MAIN_BTN_ID = 'jump-main-button'\n\nexport interface JumpMainButtonProps {\n  className?: string\n}\n\nexport function JumpMainButton({ className }: JumpMainButtonProps) {\n  const { currentResourceJump, getJumpUrl } = useResourceJumpContext()\n\n  const { currentEnv } = useEnvironmentContext()\n\n  const url =\n    currentResourceJump && currentEnv\n      ? getJumpUrl(currentResourceJump.slug, currentEnv.slug)\n      : undefined\n\n  let buttonTitle = 'n/a'\n  if (isAutocompleteItem(currentResourceJump)) {\n    // If the current resource jump is an autocomplete item, format the button title\n    buttonTitle = formatJumpButtonTitle(currentResourceJump)\n  }\n\n  // .btn:active:hover,\n  //   .btn:active:focus {\n  //   animation: button-pop 0s ease-out;\n  //   transform: scale(var(--btn-focus-scale, 0.97));\n  // }\n\n  // @media (prefers-reduced-motion: no-preference) {\n\n  //   .btn {\n  //     animation: button-pop var(--animation-btn, 0.25s) ease-out;\n  //   }\n  // }\n\n  return (\n    <div className={cn('relative flex justify-center', className)}>\n      {currentResourceJump !== undefined && url !== undefined ? (\n        <JumpALink\n          id={JUMP_MAIN_BTN_ID}\n          testId={'jump-main-button'}\n          ctx={{\n            env: currentEnv,\n          }}\n          jumpResource={currentResourceJump}\n          isMain={true}\n          className={cn(\n            'border border-secondary-foreground/50 primary text-center rounded-md px-8 py-4 h-auto shadow-xl group indicator relative hover:bg-base-content/10 hover:text-base-content w-full hover:bg-accent hover:text-accent-foreground ease-out  ',\n            'active:hover:scale-(--btn-focus-scale) active:focus:scale-(--btn-focus-scale) motion-safe:duration-200',\n          )}\n        >\n          <div className=\"absolute top-0 bottom-0 right-0 flex items-center text-xl text-hopper invisible lg:visible font-semibold select-none\">\n            <div\n              className={cn(\n                'mr-12 group-hover:motion-safe:-translate-x-0.5 group-hover:motion-safe:translate-y-0.5 group-hover:motion-safe:scale-y-90 group-hover:motion-safe:rotate-2 origin-bottom transition-transform motion-safe:duration-100',\n              )}\n            >\n              JUMP\n            </div>\n          </div>\n          <div\n            className={'flex flex-col gap-6'}\n            data-testid={'jump-main-button-text'}\n          >\n            <div>\n              <code>{buttonTitle}</code>\n            </div>\n            <div>\n              <code>{currentEnv?.slug}</code>\n            </div>\n            <div\n              className={\n                'group-hover:underline text-xs text-wrap font-semibold'\n              }\n            >\n              {url}\n            </div>\n          </div>\n        </JumpALink>\n      ) : (\n        <div className=\"border border-dashed border-black dark:border-white rounded flex justify-center p-4 flex-col cursor-not-allowed w-full\">\n          not ready\n          {/* <MainJumpButtonNotReady isHovered={isHovered} /> */}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;;;AASO,MAAM,mBAAmB;AAMzB,SAAS,eAAe,EAAE,aAAkC;AACjE,QAAM,EAAE,qBAAqB,WAAA,IAAe,uBAAA;AAE5C,QAAM,EAAE,WAAA,IAAe,sBAAA;AAEvB,QAAM,MACJ,uBAAuB,aACnB,WAAW,oBAAoB,MAAM,WAAW,IAAI,IACpD;AAEN,MAAI,cAAc;AAClB,MAAI,mBAAmB,mBAAmB,GAAG;AAE3C,kBAAc,sBAAsB,mBAAmB;AAAA,EACzD;AAeA,SACE,oBAAC,OAAA,EAAI,WAAW,GAAG,gCAAgC,SAAS,GACzD,UAAA,wBAAwB,UAAa,QAAQ,SAC5C;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ,QAAQ;AAAA,MACR,KAAK;AAAA,QACH,KAAK;AAAA,MAAA;AAAA,MAEP,cAAc;AAAA,MACd,QAAQ;AAAA,MACR,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAA,oBAAC,OAAA,EAAI,WAAU,wHACb,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,YAAA;AAAA,YAEH,UAAA;AAAA,UAAA;AAAA,QAAA,GAGH;AAAA,QACA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW;AAAA,YACX,eAAa;AAAA,YAEb,UAAA;AAAA,cAAA,oBAAC,OAAA,EACC,UAAA,oBAAC,QAAA,EAAM,UAAA,YAAA,CAAY,GACrB;AAAA,kCACC,OAAA,EACC,UAAA,oBAAC,QAAA,EAAM,UAAA,yCAAY,MAAK,GAC1B;AAAA,cACA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WACE;AAAA,kBAGD,UAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YACH;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA,IAGF,oBAAC,OAAA,EAAI,WAAU,0HAAyH,uBAGxI,GAEJ;AAEJ;"}

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

@@ -0,0 +1,5 @@
+import { ResourceJumpLoaderReturn } from '../types.js';
+export interface ResourceJumpLayoutProps {
+    loaderData: ResourceJumpLoaderReturn;
+}
+export declare function ResourceJumpLayout({ loaderData: loaderData, }: ResourceJumpLayoutProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,42 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { EhJumpResourceSelector } from "./EhJumpResourceSelector.js";
+import { Separator } from "../../../components/ui/separator.js";
+import { EnvironmentProvider } from "../../environment/EnvironmentContext.js";
+import { EhEnvSelector } from "../../environment/ui/EhEnvSelector.js";
+import { ResourceJumpProvider } from "../ResourceJumpContext.js";
+import { JumpMainButton } from "./JumpMainButton.js";
+import { EnvQuickJumpBar } from "../../../ui/components/quickBar/EnvQuickJumpBar.js";
+import { MainLayout } from "../../../ui/layout/MainLayout.js";
+import { TopLevelProviders } from "../../../ui/layout/TopLevelProviders.js";
+function ResourceJumpLayout({
+  loaderData
+}) {
+  return /* @__PURE__ */ jsx(TopLevelProviders, { children: /* @__PURE__ */ jsx(EnvironmentProvider, { initialEnvSlug: loaderData.envSlug, children: /* @__PURE__ */ jsx(ResourceJumpProvider, { resourceJumpLoader: loaderData, children: /* @__PURE__ */ jsxs(MainLayout, { children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-4 flex-row", children: [
+      /* @__PURE__ */ jsx(EhEnvSelector, { className: "flex flex-col items-start gap-2 w-4/12" }),
+      /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+        Separator,
+        {
+          orientation: "vertical",
+          className: "bg-secondary-foreground/10"
+        }
+      ) }),
+      /* @__PURE__ */ jsx(EhJumpResourceSelector, { className: "flex flex-col items-start gap-2 w-8/12" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("div", { className: "flex flex-col items-start gap-2 w-4/12", children: /* @__PURE__ */ jsx(EnvQuickJumpBar, { className: "w-full" }) }),
+      /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+        Separator,
+        {
+          orientation: "vertical",
+          className: "bg-secondary-foreground/10"
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(JumpMainButton, { className: "px-8 py-4 w-full max-w-[1000px] justify-self-center mt-4" }) })
+  ] }) }) }) });
+}
+export {
+  ResourceJumpLayout
+};
+//# sourceMappingURL=ResouceJumpLayout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResouceJumpLayout.js","sources":["../../../../../src/modules/resourceJump/ui/ResouceJumpLayout.tsx"],"sourcesContent":["import { EhJumpResourceSelector } from './EhJumpResourceSelector'\nimport type { ResourceJumpLoaderReturn } from '../types'\nimport { Separator } from '~/components/ui/separator'\nimport { EnvironmentProvider } from '~/modules/environment/EnvironmentContext'\nimport { EhEnvSelector } from '~/modules/environment/ui/EhEnvSelector'\nimport { ResourceJumpProvider } from '~/modules/resourceJump/ResourceJumpContext'\nimport { JumpMainButton } from '~/modules/resourceJump/ui/JumpMainButton'\nimport { EnvQuickJumpBar } from '~/ui/components/quickBar/EnvQuickJumpBar'\nimport { MainLayout } from '~/ui/layout/MainLayout'\nimport { TopLevelProviders } from '~/ui/layout/TopLevelProviders'\n\nexport interface ResourceJumpLayoutProps {\n  loaderData: ResourceJumpLoaderReturn\n}\n\nexport function ResourceJumpLayout({\n  loaderData: loaderData,\n}: ResourceJumpLayoutProps) {\n  return (\n    <TopLevelProviders>\n      <EnvironmentProvider initialEnvSlug={loaderData.envSlug}>\n        <ResourceJumpProvider resourceJumpLoader={loaderData}>\n          <MainLayout>\n            <div className=\"flex gap-4 flex-row\">\n              <EhEnvSelector className=\"flex flex-col items-start gap-2 w-4/12\" />\n              <div>\n                <Separator\n                  orientation=\"vertical\"\n                  className=\"bg-secondary-foreground/10\"\n                />\n              </div>\n              <EhJumpResourceSelector className=\"flex flex-col items-start gap-2 w-8/12\" />\n            </div>\n\n            <div>\n              <div className=\"flex flex-col items-start gap-2 w-4/12\">\n                <EnvQuickJumpBar className=\"w-full\" />\n              </div>\n              <div>\n                <Separator\n                  orientation=\"vertical\"\n                  className=\"bg-secondary-foreground/10\"\n                />\n              </div>\n            </div>\n            <div>\n              <JumpMainButton className=\"px-8 py-4 w-full max-w-[1000px] justify-self-center mt-4\" />\n            </div>\n            {/* <QuickJumpBar /> */}\n\n            {/* <AppSelectorDemo /> */}\n\n            {/* AppDropdownContent for testing - make it larger\n            <div className=\"border border-border rounded-lg p-6 bg-card\">\n              <h2 className=\"text-lg font-semibold mb-4\">AppDropdownContent Preview</h2>\n              <div className=\"w-full max-w-2xl\">\n                <AppDropdownContent\n                  searchValue=\"\"\n                  onSelect={(value) => console.log(\"Selected:\", value)}\n                  getItemProps={(options) => options}\n                  highlightedIndex={-1}\n                  isUntouched={true}\n                />\n              </div>\n            </div> */}\n\n            {/* <WidgetGrid widgets={widgets} onAddWidget={handleAddWidget} /> */}\n          </MainLayout>\n        </ResourceJumpProvider>\n      </EnvironmentProvider>\n    </TopLevelProviders>\n  )\n}\n"],"names":[],"mappings":";;;;;;;;;;AAeO,SAAS,mBAAmB;AAAA,EACjC;AACF,GAA4B;AAC1B,SACE,oBAAC,mBAAA,EACC,UAAA,oBAAC,qBAAA,EAAoB,gBAAgB,WAAW,SAC9C,UAAA,oBAAC,sBAAA,EAAqB,oBAAoB,YACxC,UAAA,qBAAC,YAAA,EACC,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,uBACb,UAAA;AAAA,MAAA,oBAAC,eAAA,EAAc,WAAU,yCAAA,CAAyC;AAAA,0BACjE,OAAA,EACC,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,aAAY;AAAA,UACZ,WAAU;AAAA,QAAA;AAAA,MAAA,GAEd;AAAA,MACA,oBAAC,wBAAA,EAAuB,WAAU,yCAAA,CAAyC;AAAA,IAAA,GAC7E;AAAA,yBAEC,OAAA,EACC,UAAA;AAAA,MAAA,oBAAC,SAAI,WAAU,0CACb,8BAAC,iBAAA,EAAgB,WAAU,UAAS,EAAA,CACtC;AAAA,0BACC,OAAA,EACC,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,aAAY;AAAA,UACZ,WAAU;AAAA,QAAA;AAAA,MAAA,EACZ,CACF;AAAA,IAAA,GACF;AAAA,wBACC,OAAA,EACC,UAAA,oBAAC,gBAAA,EAAe,WAAU,4DAA2D,EAAA,CACvF;AAAA,EAAA,GAoBF,EAAA,CACF,GACF,GACF;AAEJ;"}

package/dist/esm/plugins/builtin/pageUrl/PageUrlPluginContext.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export interface PageUrlPluginContextIface {
+}
+interface PageUrlPluginProviderProps {
+    children: ReactNode;
+}
+export declare function PageUrlPluginContextProvider({ children, }: PageUrlPluginProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function usePageUrlPlugin(): PageUrlPluginContextIface;
+export {};

package/dist/esm/plugins/builtin/pageUrl/PageUrlPluginContext.js

@@ -0,0 +1,36 @@
+import { jsx } from "react/jsx-runtime";
+import { useEffect, useMemo, createContext } from "react";
+import { useBootstrapConfig } from "../../../modules/config/BootstrapConfigContext.js";
+import { usePluginManagerForPlugin } from "../../../modules/pluginCore/PluginManagerContext.js";
+const PageUrlPluginContext = createContext(void 0);
+function PageUrlPluginContextProvider({
+  children
+}) {
+  const { setResouceJumps } = usePluginManagerForPlugin("pageUrl");
+  const { apps } = useBootstrapConfig();
+  useEffect(() => {
+    const jumpLinks = Object.values(apps).flatMap((app) => {
+      var _a, _b;
+      const parent = {
+        type: "pageUrlParent",
+        displayName: app.displayName,
+        hasSingleChild: ((_a = app.ui) == null ? void 0 : _a.pages.length) === 1
+      };
+      return ((_b = app.ui) == null ? void 0 : _b.pages.map((page) => {
+        return {
+          type: "pageUrl",
+          displayName: page.displayName || page.slug,
+          parent,
+          slug: `${app.slug}-${page.slug}`
+        };
+      })) || [];
+    });
+    setResouceJumps(jumpLinks);
+  }, [apps, setResouceJumps]);
+  const value = useMemo(() => ({}), []);
+  return /* @__PURE__ */ jsx(PageUrlPluginContext, { value, children });
+}
+export {
+  PageUrlPluginContextProvider
+};
+//# sourceMappingURL=PageUrlPluginContext.js.map

package/dist/esm/plugins/builtin/pageUrl/PageUrlPluginContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageUrlPluginContext.js","sources":["../../../../../src/plugins/builtin/pageUrl/PageUrlPluginContext.tsx"],"sourcesContent":["import { createContext, use, useEffect, useMemo } from 'react'\nimport type { ReactNode } from 'react'\nimport type { ResouceJumpItemParent } from '~/modules/resourceJump/types'\nimport { useBootstrapConfig } from '~/modules/config/BootstrapConfigContext'\nimport { usePluginManagerForPlugin } from '~/modules/pluginCore/PluginManagerContext'\n\nexport interface PageUrlPluginContextIface {}\n\nconst PageUrlPluginContext = createContext<\n  PageUrlPluginContextIface | undefined\n>(undefined)\n\ninterface PageUrlPluginProviderProps {\n  children: ReactNode\n}\n\nexport function PageUrlPluginContextProvider({\n  children,\n}: PageUrlPluginProviderProps) {\n  const { setResouceJumps } = usePluginManagerForPlugin('pageUrl')\n  const { apps } = useBootstrapConfig()\n\n  useEffect(() => {\n    const jumpLinks = Object.values(apps).flatMap((app) => {\n      const parent: ResouceJumpItemParent = {\n        type: 'pageUrlParent',\n        displayName: app.displayName,\n        hasSingleChild: app.ui?.pages.length === 1,\n      }\n      return (\n        app.ui?.pages.map((page) => {\n          return {\n            type: 'pageUrl',\n            displayName: page.displayName || page.slug,\n            parent: parent,\n            slug: `${app.slug}-${page.slug}`,\n          }\n        }) || []\n      )\n    })\n    setResouceJumps(jumpLinks)\n  }, [apps, setResouceJumps])\n\n  const value: PageUrlPluginContextIface = useMemo(() => ({}), [])\n\n  return <PageUrlPluginContext value={value}>{children}</PageUrlPluginContext>\n}\n\nexport function usePageUrlPlugin(): PageUrlPluginContextIface {\n  const context = use(PageUrlPluginContext)\n  if (context === undefined) {\n    throw new Error('useEhUserContext must be used within an EhUserProvider')\n  }\n  return context\n}\n"],"names":[],"mappings":";;;;AAQA,MAAM,uBAAuB,cAE3B,MAAS;AAMJ,SAAS,6BAA6B;AAAA,EAC3C;AACF,GAA+B;AAC7B,QAAM,EAAE,gBAAA,IAAoB,0BAA0B,SAAS;AAC/D,QAAM,EAAE,KAAA,IAAS,mBAAA;AAEjB,YAAU,MAAM;AACd,UAAM,YAAY,OAAO,OAAO,IAAI,EAAE,QAAQ,CAAC,QAAQ;;AACrD,YAAM,SAAgC;AAAA,QACpC,MAAM;AAAA,QACN,aAAa,IAAI;AAAA,QACjB,kBAAgB,SAAI,OAAJ,mBAAQ,MAAM,YAAW;AAAA,MAAA;AAE3C,eACE,SAAI,OAAJ,mBAAQ,MAAM,IAAI,CAAC,SAAS;AAC1B,eAAO;AAAA,UACL,MAAM;AAAA,UACN,aAAa,KAAK,eAAe,KAAK;AAAA,UACtC;AAAA,UACA,MAAM,GAAG,IAAI,IAAI,IAAI,KAAK,IAAI;AAAA,QAAA;AAAA,MAElC,OAAM,CAAA;AAAA,IAEV,CAAC;AACD,oBAAgB,SAAS;AAAA,EAC3B,GAAG,CAAC,MAAM,eAAe,CAAC;AAE1B,QAAM,QAAmC,QAAQ,OAAO,CAAA,IAAK,CAAA,CAAE;AAE/D,SAAO,oBAAC,sBAAA,EAAqB,OAAe,SAAA,CAAS;AACvD;"}

package/dist/esm/plugins/builtin/pageUrl/pageUrlAutoCompletePlugin.d.ts

@@ -0,0 +1,11 @@
+import { BaseAutoCompleteItemRender, EhPluginResouceJumpCtx } from '~/modules/pluginCore/types';
+import { ResourceJumpItem } from '~/modules/resourceJump/types';
+import { PluginPageUrlAutocompleteItem } from './pageUrlTypes.js';
+export declare function isAutocompleteItem(item: {
+    type?: string;
+} | null | undefined): item is PluginPageUrlAutocompleteItem;
+export declare function getRenderData(item: PluginPageUrlAutocompleteItem): BaseAutoCompleteItemRender;
+export declare function autocompleteFilter(items: Array<PluginPageUrlAutocompleteItem>, needle: string): Array<PluginPageUrlAutocompleteItem>;
+export declare function autocompleteToString(item: PluginPageUrlAutocompleteItem): string;
+export declare function formatJumpButtonTitle(item: PluginPageUrlAutocompleteItem): string;
+export declare function getJumpUrl(jumpResource: ResourceJumpItem | undefined, ctx: EhPluginResouceJumpCtx): string;

package/dist/esm/plugins/builtin/pageUrl/pageUrlAutoCompletePlugin.js

@@ -0,0 +1,44 @@
+function isAutocompleteItem(item) {
+  return (item == null ? void 0 : item.type) === "pageUrl";
+}
+function getRenderData(item) {
+  var _a;
+  return {
+    displayName: item.displayName,
+    parentDisplayName: (_a = item.parent) == null ? void 0 : _a.displayName,
+    isDefaultGroupItem: item.slug.endsWith("-home")
+  };
+}
+function autocompleteFilter(items, needle) {
+  return items.filter((item) => {
+    return item.displayName.toLowerCase().includes(needle.toLowerCase()) || item.parent && item.parent.displayName.toLowerCase().includes(needle.toLowerCase());
+  });
+}
+function autocompleteToString(item) {
+  return formatJumpButtonTitle(item);
+}
+function formatJumpButtonTitle(item) {
+  if (item.parent && item.parent.displayName) {
+    if (item.parent.hasSingleChild) {
+      return item.parent.displayName;
+    }
+    return `${item.parent.displayName} :: ${item.displayName}`;
+  }
+  return item.displayName;
+}
+function getJumpUrl(jumpResource, ctx) {
+  console.log("jump Url", jumpResource, ctx);
+  if (!jumpResource) {
+    return "";
+  }
+  return `https://${jumpResource.slug}.ru`;
+}
+export {
+  autocompleteFilter,
+  autocompleteToString,
+  formatJumpButtonTitle,
+  getJumpUrl,
+  getRenderData,
+  isAutocompleteItem
+};
+//# sourceMappingURL=pageUrlAutoCompletePlugin.js.map

package/dist/esm/plugins/builtin/pageUrl/pageUrlAutoCompletePlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pageUrlAutoCompletePlugin.js","sources":["../../../../../src/plugins/builtin/pageUrl/pageUrlAutoCompletePlugin.ts"],"sourcesContent":["import type {\n  BaseAutoCompleteItemRender,\n  EhPluginResouceJumpCtx,\n} from '~/modules/pluginCore/types'\nimport type { ResourceJumpItem } from '~/modules/resourceJump/types'\nimport type { PluginPageUrlAutocompleteItem } from './pageUrlTypes'\n\nexport function isAutocompleteItem(\n  item: { type?: string } | null | undefined,\n): item is PluginPageUrlAutocompleteItem {\n  return item?.type === 'pageUrl'\n}\n\nexport function getRenderData(\n  item: PluginPageUrlAutocompleteItem,\n): BaseAutoCompleteItemRender {\n  return {\n    displayName: item.displayName,\n    parentDisplayName: item.parent?.displayName,\n    isDefaultGroupItem: item.slug.endsWith('-home'),\n  }\n}\n\nexport function autocompleteFilter(\n  items: Array<PluginPageUrlAutocompleteItem>,\n  needle: string,\n): Array<PluginPageUrlAutocompleteItem> {\n  return items.filter((item) => {\n    return (\n      item.displayName.toLowerCase().includes(needle.toLowerCase()) ||\n      (item.parent &&\n        item.parent.displayName.toLowerCase().includes(needle.toLowerCase()))\n    )\n  })\n}\n\nexport function autocompleteToString(\n  item: PluginPageUrlAutocompleteItem,\n): string {\n  return formatJumpButtonTitle(item)\n  // return item.displayName;\n}\n\nexport function formatJumpButtonTitle(\n  item: PluginPageUrlAutocompleteItem,\n): string {\n  if (item.parent && item.parent.displayName) {\n    if (item.parent.hasSingleChild) {\n      return item.parent.displayName\n    }\n    return `${item.parent.displayName} :: ${item.displayName}`\n  }\n  return item.displayName\n}\n\nexport function getJumpUrl(\n  jumpResource: ResourceJumpItem | undefined,\n  ctx: EhPluginResouceJumpCtx,\n): string {\n  console.log('jump Url', jumpResource, ctx)\n\n  if (!jumpResource) {\n    return ''\n  }\n  return `https://${jumpResource.slug}.ru`\n}\n"],"names":[],"mappings":"AAOO,SAAS,mBACd,MACuC;AACvC,UAAO,6BAAM,UAAS;AACxB;AAEO,SAAS,cACd,MAC4B;AARvB;AASL,SAAO;AAAA,IACL,aAAa,KAAK;AAAA,IAClB,oBAAmB,UAAK,WAAL,mBAAa;AAAA,IAChC,oBAAoB,KAAK,KAAK,SAAS,OAAO;AAAA,EAAA;AAElD;AAEO,SAAS,mBACd,OACA,QACsC;AACtC,SAAO,MAAM,OAAO,CAAC,SAAS;AAC5B,WACE,KAAK,YAAY,YAAA,EAAc,SAAS,OAAO,aAAa,KAC3D,KAAK,UACJ,KAAK,OAAO,YAAY,YAAA,EAAc,SAAS,OAAO,aAAa;AAAA,EAEzE,CAAC;AACH;AAEO,SAAS,qBACd,MACQ;AACR,SAAO,sBAAsB,IAAI;AAEnC;AAEO,SAAS,sBACd,MACQ;AACR,MAAI,KAAK,UAAU,KAAK,OAAO,aAAa;AAC1C,QAAI,KAAK,OAAO,gBAAgB;AAC9B,aAAO,KAAK,OAAO;AAAA,IACrB;AACA,WAAO,GAAG,KAAK,OAAO,WAAW,OAAO,KAAK,WAAW;AAAA,EAC1D;AACA,SAAO,KAAK;AACd;AAEO,SAAS,WACd,cACA,KACQ;AACR,UAAQ,IAAI,YAAY,cAAc,GAAG;AAEzC,MAAI,CAAC,cAAc;AACjB,WAAO;AAAA,EACT;AACA,SAAO,WAAW,aAAa,IAAI;AACrC;"}

package/dist/esm/plugins/builtin/pageUrl/pageUrlJumpPlugin.d.ts

@@ -0,0 +1,7 @@
+import { PluginPageUrlAutocompleteItem } from './pageUrlTypes.js';
+import { EhPluginResouceJumpFactoryCtx, EhPluginResourceJumpable } from '~/modules/pluginCore/types';
+export declare class PageUrlJumpPlugin implements EhPluginResourceJumpable {
+    readonly name = "pageUrl";
+    factoryPageJumpAutocompleteItems({ bootstrapConfig, }: EhPluginResouceJumpFactoryCtx): Array<PluginPageUrlAutocompleteItem>;
+}
+export declare function formatPageTitleForMainJumpButton(): void;

package/dist/esm/plugins/builtin/pageUrl/pageUrlJumpPlugin.js

@@ -0,0 +1,29 @@
+class PageUrlJumpPlugin {
+  constructor() {
+    this.name = "pageUrl";
+  }
+  factoryPageJumpAutocompleteItems({
+    bootstrapConfig
+  }) {
+    return Object.values(bootstrapConfig.apps).flatMap((app) => {
+      var _a, _b;
+      const parent = {
+        type: "pageUrlParent",
+        displayName: app.displayName,
+        hasSingleChild: ((_a = app.ui) == null ? void 0 : _a.pages.length) === 1
+      };
+      return ((_b = app.ui) == null ? void 0 : _b.pages.map((page) => {
+        return {
+          type: "pageUrl",
+          displayName: page.displayName || page.slug,
+          parent,
+          slug: `${app.slug}-${page.slug}`
+        };
+      })) || [];
+    });
+  }
+}
+export {
+  PageUrlJumpPlugin
+};
+//# sourceMappingURL=pageUrlJumpPlugin.js.map

package/dist/esm/plugins/builtin/pageUrl/pageUrlJumpPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pageUrlJumpPlugin.js","sources":["../../../../../src/plugins/builtin/pageUrl/pageUrlJumpPlugin.ts"],"sourcesContent":["import type {\n  PluginPageUrlAutoCompletableParent,\n  PluginPageUrlAutocompleteItem,\n} from './pageUrlTypes'\nimport type {\n  EhPluginResouceJumpFactoryCtx,\n  EhPluginResourceJumpable,\n} from '~/modules/pluginCore/types'\n\nexport class PageUrlJumpPlugin implements EhPluginResourceJumpable {\n  public readonly name = 'pageUrl'\n\n  factoryPageJumpAutocompleteItems({\n    bootstrapConfig,\n  }: EhPluginResouceJumpFactoryCtx): Array<PluginPageUrlAutocompleteItem> {\n    return Object.values(bootstrapConfig.apps).flatMap((app) => {\n      const parent: PluginPageUrlAutoCompletableParent = {\n        type: 'pageUrlParent',\n        displayName: app.displayName,\n        hasSingleChild: app.ui?.pages.length === 1,\n      }\n      return (\n        app.ui?.pages.map((page) => {\n          return {\n            type: 'pageUrl',\n            displayName: page.displayName || page.slug,\n            parent: parent,\n            slug: `${app.slug}-${page.slug}`,\n          }\n        }) || []\n      )\n    })\n  }\n}\n\nexport function formatPageTitleForMainJumpButton() {}\n"],"names":[],"mappings":"AASO,MAAM,kBAAsD;AAAA,EAA5D,cAAA;AACL,SAAgB,OAAO;AAAA,EAAA;AAAA,EAEvB,iCAAiC;AAAA,IAC/B;AAAA,EAAA,GACsE;AACtE,WAAO,OAAO,OAAO,gBAAgB,IAAI,EAAE,QAAQ,CAAC,QAAQ;AANzD;AAOD,YAAM,SAA6C;AAAA,QACjD,MAAM;AAAA,QACN,aAAa,IAAI;AAAA,QACjB,kBAAgB,SAAI,OAAJ,mBAAQ,MAAM,YAAW;AAAA,MAAA;AAE3C,eACE,SAAI,OAAJ,mBAAQ,MAAM,IAAI,CAAC,SAAS;AAC1B,eAAO;AAAA,UACL,MAAM;AAAA,UACN,aAAa,KAAK,eAAe,KAAK;AAAA,UACtC;AAAA,UACA,MAAM,GAAG,IAAI,IAAI,IAAI,KAAK,IAAI;AAAA,QAAA;AAAA,MAElC,OAAM,CAAA;AAAA,IAEV,CAAC;AAAA,EACH;AACF;"}

package/dist/esm/plugins/builtin/pageUrl/pageUrlTypes.d.ts

@@ -0,0 +1,11 @@
+import { BaseAppAutoCompletableParent, BaseAutoCompletableItem } from '~/modules/pluginCore/types';
+export interface PluginPageUrlAutoCompletableParent extends BaseAppAutoCompletableParent {
+    type: 'pageUrlParent';
+    displayName: string;
+    aliases?: Array<string>;
+}
+export interface PluginPageUrlAutocompleteItem extends BaseAutoCompletableItem {
+    type: 'pageUrl';
+    displayName: string;
+    parent?: PluginPageUrlAutoCompletableParent;
+}