@env-hopper/frontend-core 2.0.1-alpha

package/dist/esm/ui/components/widgets/CredentialsWidget.d.ts

@@ -0,0 +1,11 @@
+interface Credential {
+    slug: string;
+    desc: string;
+    user: string;
+    pwd: string;
+}
+interface CredentialsWidgetProps {
+    credentials?: Array<Credential>;
+}
+export declare function CredentialsWidget({ credentials, }: CredentialsWidgetProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/ui/components/widgets/VersionWidget.d.ts

@@ -0,0 +1,7 @@
+interface VersionWidgetProps {
+    version?: string;
+    diffCommits?: number;
+    diffDays?: number;
+}
+export declare function VersionWidget({ version, diffCommits, diffDays, }: VersionWidgetProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/ui/error/NotFoundError.d.ts

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

package/dist/esm/ui/error/NotFoundError.js

@@ -0,0 +1,16 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Link } from "@tanstack/react-router";
+function NotFoundError() {
+  return /* @__PURE__ */ jsxs("main", { className: "mt-8 text-center", children: [
+    /* @__PURE__ */ jsx("h1", { children: "404 Not Found" }),
+    /* @__PURE__ */ jsx("p", { children: "Sorry, I don't recognize this URL. Probably this was old link?" }),
+    /* @__PURE__ */ jsxs("p", { children: [
+      "Navigate to ",
+      /* @__PURE__ */ jsx(Link, { to: "/", children: "Home page" })
+    ] })
+  ] });
+}
+export {
+  NotFoundError
+};
+//# sourceMappingURL=NotFoundError.js.map

package/dist/esm/ui/error/NotFoundError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotFoundError.js","sources":["../../../../src/ui/error/NotFoundError.tsx"],"sourcesContent":["import { Link } from '@tanstack/react-router'\n\nexport function NotFoundError() {\n  return (\n    <main className={'mt-8 text-center'}>\n      <h1>404 Not Found</h1>\n      <p>Sorry, I don't recognize this URL. Probably this was old link?</p>\n      <p>\n        Navigate to <Link to={'/'}>Home page</Link>\n      </p>\n    </main>\n  )\n}\n"],"names":[],"mappings":";;AAEO,SAAS,gBAAgB;AAC9B,SACE,qBAAC,QAAA,EAAK,WAAW,oBACf,UAAA;AAAA,IAAA,oBAAC,QAAG,UAAA,gBAAA,CAAa;AAAA,IACjB,oBAAC,OAAE,UAAA,iEAAA,CAA8D;AAAA,yBAChE,KAAA,EAAE,UAAA;AAAA,MAAA;AAAA,MACW,oBAAC,MAAA,EAAK,IAAI,KAAK,UAAA,YAAA,CAAS;AAAA,IAAA,EAAA,CACtC;AAAA,EAAA,GACF;AAEJ;"}

package/dist/esm/ui/layout/Footer.d.ts

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

package/dist/esm/ui/layout/Header.d.ts

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

package/dist/esm/ui/layout/LoadingScreen.d.ts

@@ -0,0 +1,4 @@
+export interface LoadingFallbackProps {
+    failureCount?: number;
+}
+export declare function LoadingScreen({ failureCount }: LoadingFallbackProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/ui/layout/LoadingScreen.js

@@ -0,0 +1,14 @@
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+function LoadingScreen({ failureCount }) {
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center w-full h-full", children: [
+    /* @__PURE__ */ jsx("div", { children: "Loading..." }),
+    failureCount && failureCount > 1 ? /* @__PURE__ */ jsxs("div", { className: "mt-2 text-xs", children: [
+      "Attempt ",
+      failureCount
+    ] }) : null
+  ] }) });
+}
+export {
+  LoadingScreen
+};
+//# sourceMappingURL=LoadingScreen.js.map

package/dist/esm/ui/layout/LoadingScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingScreen.js","sources":["../../../../src/ui/layout/LoadingScreen.tsx"],"sourcesContent":["export interface LoadingFallbackProps {\n  failureCount?: number\n}\n\nexport function LoadingScreen({ failureCount }: LoadingFallbackProps) {\n  return (\n    <>\n      <div className=\"flex flex-col items-center w-full h-full\">\n        {/* <span className=\"loading loading-bars loading-lg\"></span> */}\n        <div>Loading...</div>\n        {failureCount && failureCount > 1 ? (\n          <div className={'mt-2 text-xs'}>Attempt {failureCount}</div>\n        ) : null}\n      </div>\n    </>\n  )\n}\n"],"names":[],"mappings":";AAIO,SAAS,cAAc,EAAE,gBAAsC;AACpE,SACE,oBAAA,UAAA,EACE,UAAA,qBAAC,OAAA,EAAI,WAAU,4CAEb,UAAA;AAAA,IAAA,oBAAC,SAAI,UAAA,aAAA,CAAU;AAAA,IACd,gBAAgB,eAAe,IAC9B,qBAAC,OAAA,EAAI,WAAW,gBAAgB,UAAA;AAAA,MAAA;AAAA,MAAS;AAAA,IAAA,EAAA,CAAa,IACpD;AAAA,EAAA,EAAA,CACN,EAAA,CACF;AAEJ;"}

package/dist/esm/ui/layout/MainLayout.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+export interface MainLayoutProps {
+    children: React.ReactNode;
+}
+export declare function MainLayout({ children }: MainLayoutProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/ui/layout/MainLayout.js

@@ -0,0 +1,18 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { PlaygroundHeader } from "../components/header/PlaygroundHeader.js";
+import ContextDebug from "../components/contextDebug.js";
+import { Footer } from "../components/footer/Footer.js";
+function MainLayout({ children }) {
+  return /* @__PURE__ */ jsxs("div", { className: "min-h-screen flex flex-col", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex-1 flex", children: /* @__PURE__ */ jsx("main", { className: "flex-1 w-full flex justify-center font-sans p-6", children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-4xl lg:max-w-5xl xl:max-w-6xl 2xl:max-w-7xl space-y-6", children: [
+      /* @__PURE__ */ jsx(PlaygroundHeader, {}),
+      children
+    ] }) }) }),
+    /* @__PURE__ */ jsx(ContextDebug, {}),
+    /* @__PURE__ */ jsx(Footer, {})
+  ] });
+}
+export {
+  MainLayout
+};
+//# sourceMappingURL=MainLayout.js.map

package/dist/esm/ui/layout/MainLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MainLayout.js","sources":["../../../../src/ui/layout/MainLayout.tsx"],"sourcesContent":["import React from 'react'\nimport { PlaygroundHeader } from '../components/header/PlaygroundHeader'\n\nimport ContextDebug from '../components/contextDebug'\nimport { Footer } from '../components/footer/Footer'\n\nexport interface MainLayoutProps {\n  children: React.ReactNode\n}\n\nexport function MainLayout({ children }: MainLayoutProps) {\n  return (\n    <div className=\"min-h-screen flex flex-col\">\n      <div className=\"flex-1 flex\">\n        {/* <LeftPanel className=\"h-screen\" /> */}\n        <main className=\"flex-1 w-full flex justify-center font-sans p-6\">\n          <div className=\"w-full max-w-4xl lg:max-w-5xl xl:max-w-6xl 2xl:max-w-7xl space-y-6\">\n            <PlaygroundHeader />\n            {children}\n          </div>\n        </main>\n      </div>\n      <ContextDebug />\n      <Footer />\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;AAUO,SAAS,WAAW,EAAE,YAA6B;AACxD,SACE,qBAAC,OAAA,EAAI,WAAU,8BACb,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAI,WAAU,eAEb,UAAA,oBAAC,QAAA,EAAK,WAAU,mDACd,UAAA,qBAAC,OAAA,EAAI,WAAU,sEACb,UAAA;AAAA,MAAA,oBAAC,kBAAA,EAAiB;AAAA,MACjB;AAAA,IAAA,EAAA,CACH,GACF,GACF;AAAA,wBACC,cAAA,EAAa;AAAA,wBACb,QAAA,CAAA,CAAO;AAAA,EAAA,GACV;AAEJ;"}

package/dist/esm/ui/layout/SideColumn.d.ts

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

package/dist/esm/ui/layout/TopLevelProviders.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+export interface MainLayoutProps {
+    children: React.ReactNode;
+}
+export declare function TopLevelProviders({ children }: MainLayoutProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/ui/layout/TopLevelProviders.js

@@ -0,0 +1,42 @@
+import { jsx } from "react/jsx-runtime";
+import { useState, useMemo, Suspense } from "react";
+import { LoadingScreen } from "./LoadingScreen.js";
+import { useQueryBootstrapConfig } from "../../api/data/useQueryBootstrapConfig.js";
+import { ThemeProvider } from "../../components/theme-provider.js";
+import { PluginManagerContextProvider } from "../../modules/pluginCore/PluginManagerContext.js";
+import { PageUrlPluginContextProvider } from "../../plugins/builtin/pageUrl/PageUrlPluginContext.js";
+import { PageUrlJumpPlugin } from "../../plugins/builtin/pageUrl/pageUrlJumpPlugin.js";
+import { BootstrapConfigProvider } from "../../modules/config/BootstrapConfigContext.js";
+import { GlobalConfigProvider } from "../../modules/config/GlobalConfigContext.js";
+import { makePluginInterfaceForCore } from "../../modules/pluginCore/makePluginManagerContext.js";
+function TopLevelProviders({ children }) {
+  const { data, isPending } = useQueryBootstrapConfig();
+  const [plugins] = useState(() => [new PageUrlJumpPlugin()]);
+  const pluginInterfaceForCore = useMemo(() => {
+    return data ? makePluginInterfaceForCore(plugins) : null;
+  }, [plugins, data]);
+  if (isPending || !data || !pluginInterfaceForCore) {
+    return /* @__PURE__ */ jsx(LoadingScreen, {});
+  }
+  return /* @__PURE__ */ jsx(
+    ThemeProvider,
+    {
+      attribute: "class",
+      defaultTheme: "system",
+      enableSystem: true,
+      disableTransitionOnChange: true,
+      children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(LoadingScreen, {}), children: /* @__PURE__ */ jsx(BootstrapConfigProvider, { bootstrapConfig: data, children: /* @__PURE__ */ jsx(GlobalConfigProvider, { children: /* @__PURE__ */ jsx(
+        PluginManagerContextProvider,
+        {
+          plugins,
+          pluginInterfaceForCore,
+          children: /* @__PURE__ */ jsx(PageUrlPluginContextProvider, { children })
+        }
+      ) }) }) })
+    }
+  );
+}
+export {
+  TopLevelProviders
+};
+//# sourceMappingURL=TopLevelProviders.js.map

package/dist/esm/ui/layout/TopLevelProviders.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopLevelProviders.js","sources":["../../../../src/ui/layout/TopLevelProviders.tsx"],"sourcesContent":["import React, { Suspense, useMemo, useState } from 'react'\n\nimport { LoadingScreen } from './LoadingScreen'\nimport { useQueryBootstrapConfig } from '~/api/data/useQueryBootstrapConfig'\nimport { ThemeProvider } from '~/components/theme-provider'\nimport { PluginManagerContextProvider } from '~/modules/pluginCore/PluginManagerContext'\nimport { PageUrlPluginContextProvider } from '~/plugins/builtin/pageUrl/PageUrlPluginContext'\nimport { PageUrlJumpPlugin } from '~/plugins/builtin/pageUrl/pageUrlJumpPlugin'\nimport { BootstrapConfigProvider } from '~/modules/config/BootstrapConfigContext'\nimport { GlobalConfigProvider } from '~/modules/config/GlobalConfigContext'\nimport { makePluginInterfaceForCore } from '~/modules/pluginCore/makePluginManagerContext'\n\nexport interface MainLayoutProps {\n  children: React.ReactNode\n}\n\nexport function TopLevelProviders({ children }: MainLayoutProps) {\n  const { data, isPending } = useQueryBootstrapConfig()\n  const [plugins] = useState(() => [new PageUrlJumpPlugin()])\n\n  const pluginInterfaceForCore = useMemo(() => {\n    return data ? makePluginInterfaceForCore(plugins) : null\n  }, [plugins, data])\n\n  if (isPending || !data || !pluginInterfaceForCore) {\n    return <LoadingScreen />\n  }\n\n  return (\n    <ThemeProvider\n      attribute=\"class\"\n      defaultTheme=\"system\"\n      enableSystem\n      disableTransitionOnChange\n    >\n      <Suspense fallback={<LoadingScreen />}>\n        <BootstrapConfigProvider bootstrapConfig={data}>\n          <GlobalConfigProvider>\n            <PluginManagerContextProvider\n              plugins={plugins}\n              pluginInterfaceForCore={pluginInterfaceForCore}\n            >\n              <PageUrlPluginContextProvider>\n                {children}\n              </PageUrlPluginContextProvider>\n            </PluginManagerContextProvider>\n          </GlobalConfigProvider>\n        </BootstrapConfigProvider>\n      </Suspense>\n    </ThemeProvider>\n  )\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAgBO,SAAS,kBAAkB,EAAE,YAA6B;AAC/D,QAAM,EAAE,MAAM,UAAA,IAAc,wBAAA;AAC5B,QAAM,CAAC,OAAO,IAAI,SAAS,MAAM,CAAC,IAAI,kBAAA,CAAmB,CAAC;AAE1D,QAAM,yBAAyB,QAAQ,MAAM;AAC3C,WAAO,OAAO,2BAA2B,OAAO,IAAI;AAAA,EACtD,GAAG,CAAC,SAAS,IAAI,CAAC;AAElB,MAAI,aAAa,CAAC,QAAQ,CAAC,wBAAwB;AACjD,+BAAQ,eAAA,EAAc;AAAA,EACxB;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,cAAa;AAAA,MACb,cAAY;AAAA,MACZ,2BAAyB;AAAA,MAEzB,UAAA,oBAAC,UAAA,EAAS,UAAU,oBAAC,eAAA,CAAA,CAAc,GACjC,UAAA,oBAAC,yBAAA,EAAwB,iBAAiB,MACxC,UAAA,oBAAC,sBAAA,EACC,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UAEA,UAAA,oBAAC,gCACE,SAAA,CACH;AAAA,QAAA;AAAA,MAAA,EACF,CACF,GACF,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/esm/ui/main/JumpTabContent.d.ts

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

package/dist/esm/ui/main/Tabs.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+export declare function Tabs({ children }: {
+    children: Array<React.ReactNode>;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/esm/userDb/DbContext.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { EhDb } from './EhDb.js';
+interface DbProviderProps {
+    children: ReactNode;
+    db: EhDb;
+}
+export declare function DbProvider({ children, db }: DbProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useDb(): EhDb;
+export {};

package/dist/esm/userDb/DbContext.js

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import { createContext, use } from "react";
+const DbContext = createContext(void 0);
+function DbProvider({ children, db }) {
+  return /* @__PURE__ */ jsx(DbContext, { value: db, children });
+}
+function useDb() {
+  const context = use(DbContext);
+  if (context === void 0) {
+    throw new Error("useDb must be used within a DbProvider");
+  }
+  return context;
+}
+export {
+  DbProvider,
+  useDb
+};
+//# sourceMappingURL=DbContext.js.map

package/dist/esm/userDb/DbContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DbContext.js","sources":["../../../src/userDb/DbContext.tsx"],"sourcesContent":["import { createContext, use } from 'react'\nimport type { ReactNode } from 'react'\nimport type { EhDb } from './EhDb'\n\nconst DbContext = createContext<EhDb | undefined>(undefined)\n\ninterface DbProviderProps {\n  children: ReactNode\n  db: EhDb\n}\n\nexport function DbProvider({ children, db }: DbProviderProps) {\n  return <DbContext value={db}>{children}</DbContext>\n}\n\nexport function useDb(): EhDb {\n  const context = use(DbContext)\n  if (context === undefined) {\n    throw new Error('useDb must be used within a DbProvider')\n  }\n  return context\n}\n"],"names":[],"mappings":";;AAIA,MAAM,YAAY,cAAgC,MAAS;AAOpD,SAAS,WAAW,EAAE,UAAU,MAAuB;AAC5D,SAAO,oBAAC,WAAA,EAAU,OAAO,IAAK,SAAA,CAAS;AACzC;AAEO,SAAS,QAAc;AAC5B,QAAM,UAAU,IAAI,SAAS;AAC7B,MAAI,YAAY,QAAW;AACzB,UAAM,IAAI,MAAM,wCAAwC;AAAA,EAC1D;AACA,SAAO;AACT;"}

package/dist/esm/userDb/EhDb.d.ts

@@ -0,0 +1,12 @@
+import { default as Dexie, Table } from 'dexie';
+import { BootstrapConfigData } from '@env-hopper/backend-core';
+import { EnvironmentHistoryItem } from '~/modules/environment/types';
+export declare class EhDb extends Dexie {
+    bootstrap: Table<BootstrapConfigData>;
+    environmentHistory: Table<EnvironmentHistoryItem>;
+    constructor();
+}
+export declare enum dbCacheDbKeys {
+    Bootstrap = "bootstrap",
+    EnvironmentHistory = "environmentHistory"
+}

package/dist/esm/userDb/EhDb.js

@@ -0,0 +1,20 @@
+import Dexie from "dexie";
+class EhDb extends Dexie {
+  constructor() {
+    super("envhopper");
+    this.version(2).stores({
+      bootstrap: "",
+      environmentHistory: ""
+    });
+  }
+}
+var dbCacheDbKeys = /* @__PURE__ */ ((dbCacheDbKeys2) => {
+  dbCacheDbKeys2["Bootstrap"] = "bootstrap";
+  dbCacheDbKeys2["EnvironmentHistory"] = "environmentHistory";
+  return dbCacheDbKeys2;
+})(dbCacheDbKeys || {});
+export {
+  EhDb,
+  dbCacheDbKeys
+};
+//# sourceMappingURL=EhDb.js.map

package/dist/esm/userDb/EhDb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EhDb.js","sources":["../../../src/userDb/EhDb.ts"],"sourcesContent":["import Dexie from 'dexie'\nimport type { Table } from 'dexie'\nimport type { BootstrapConfigData } from '@env-hopper/backend-core'\nimport type { EnvironmentHistoryItem } from '~/modules/environment/types'\n\nexport class EhDb extends Dexie {\n  bootstrap!: Table<BootstrapConfigData>\n  environmentHistory!: Table<EnvironmentHistoryItem>\n\n  constructor() {\n    super('envhopper')\n    this.version(2).stores({\n      bootstrap: '',\n      environmentHistory: '',\n    })\n  }\n}\n\nexport enum dbCacheDbKeys {\n  Bootstrap = 'bootstrap',\n  EnvironmentHistory = 'environmentHistory',\n}\n"],"names":["dbCacheDbKeys"],"mappings":";AAKO,MAAM,aAAa,MAAM;AAAA,EAI9B,cAAc;AACZ,UAAM,WAAW;AACjB,SAAK,QAAQ,CAAC,EAAE,OAAO;AAAA,MACrB,WAAW;AAAA,MACX,oBAAoB;AAAA,IAAA,CACrB;AAAA,EACH;AACF;AAEO,IAAK,kCAAAA,mBAAL;AACLA,iBAAA,WAAA,IAAY;AACZA,iBAAA,oBAAA,IAAqB;AAFX,SAAAA;AAAA,GAAA,iBAAA,CAAA,CAAA;"}

package/dist/esm/util/availabilityMatrixUtils.d.ts

@@ -0,0 +1,12 @@
+import { AvailabilityVariant, AvailiabilityMatrixData } from '@env-hopper/backend-core';
+export interface AvailabilitySearchParams {
+    envSlug?: string;
+    resourceJumpSlug?: string;
+    availabilityMatrix: AvailiabilityMatrixData;
+}
+export interface AvailabilitySlugPair {
+    envSlug: string;
+    resourceJumpSlug: string;
+    availabilityVariant: AvailabilityVariant;
+}
+export declare function findAvailableResources({ resourceJumpSlug, envSlug, availabilityMatrix, }: AvailabilitySearchParams): Array<AvailabilitySlugPair>;

package/dist/esm/util/availabilityMatrixUtils.js

@@ -0,0 +1,57 @@
+function findAvailableResources({
+  resourceJumpSlug,
+  envSlug,
+  availabilityMatrix
+}) {
+  var _a;
+  const { availabilityVariants, envSlugs, matrix, resourceJumpSlugs } = availabilityMatrix;
+  let pairs = [];
+  if (envSlug !== void 0) {
+    const envIdx = envSlugs.findIndex((slug) => slug === envSlug);
+    if (envIdx !== -1) {
+      pairs = ((_a = matrix[envIdx]) == null ? void 0 : _a.flatMap((variantIdx, resourceIdx) => {
+        const resourceJumpSlugFound = resourceJumpSlugs[resourceIdx];
+        const availabilityVariant = availabilityVariants[variantIdx];
+        if (resourceJumpSlugFound === void 0 || availabilityVariant === void 0) {
+          return [];
+        }
+        return [
+          {
+            envSlug,
+            resourceJumpSlug: resourceJumpSlugFound,
+            availabilityVariant
+          }
+        ];
+      })) || [];
+    }
+    if (resourceJumpSlug !== void 0) {
+      pairs = pairs.filter((pair) => pair.resourceJumpSlug === resourceJumpSlug);
+    }
+  } else if (resourceJumpSlug !== void 0) {
+    const resourceIdx = resourceJumpSlugs.findIndex(
+      (resource) => resource === resourceJumpSlug
+    );
+    if (resourceIdx !== -1) {
+      pairs = matrix.flatMap((resourceJumps, envIdx) => {
+        const variantIdx = resourceJumps[resourceIdx];
+        const foundEnvSlug = envSlugs[envIdx];
+        const availabilityVariant = variantIdx !== void 0 ? availabilityVariants[variantIdx] : void 0;
+        if (foundEnvSlug == null || availabilityVariant == null) {
+          return [];
+        }
+        return [
+          {
+            envSlug: foundEnvSlug,
+            resourceJumpSlug,
+            availabilityVariant
+          }
+        ];
+      });
+    }
+  }
+  return pairs;
+}
+export {
+  findAvailableResources
+};
+//# sourceMappingURL=availabilityMatrixUtils.js.map

package/dist/esm/util/availabilityMatrixUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"availabilityMatrixUtils.js","sources":["../../../src/util/availabilityMatrixUtils.ts"],"sourcesContent":["import type {\n  AvailabilityVariant,\n  AvailiabilityMatrixData,\n} from '@env-hopper/backend-core'\n\nexport interface AvailabilitySearchParams {\n  envSlug?: string\n  resourceJumpSlug?: string\n  availabilityMatrix: AvailiabilityMatrixData\n}\n\nexport interface AvailabilitySlugPair {\n  envSlug: string\n  resourceJumpSlug: string\n  availabilityVariant: AvailabilityVariant\n}\n\nexport function findAvailableResources({\n  resourceJumpSlug,\n  envSlug,\n  availabilityMatrix,\n}: AvailabilitySearchParams): Array<AvailabilitySlugPair> {\n  const { availabilityVariants, envSlugs, matrix, resourceJumpSlugs } =\n    availabilityMatrix\n\n  let pairs: Array<AvailabilitySlugPair> = []\n\n  if (envSlug !== undefined) {\n    const envIdx = envSlugs.findIndex((slug) => slug === envSlug)\n    if (envIdx !== -1) {\n      pairs =\n        matrix[envIdx]?.flatMap((variantIdx, resourceIdx) => {\n          const resourceJumpSlugFound = resourceJumpSlugs[resourceIdx]\n          const availabilityVariant = availabilityVariants[variantIdx]\n          if (\n            resourceJumpSlugFound === undefined ||\n            availabilityVariant === undefined\n          ) {\n            return []\n          }\n          return [\n            {\n              envSlug,\n              resourceJumpSlug: resourceJumpSlugFound,\n              availabilityVariant,\n            },\n          ]\n        }) || []\n    }\n    if (resourceJumpSlug !== undefined) {\n      pairs = pairs.filter((pair) => pair.resourceJumpSlug === resourceJumpSlug)\n    }\n  } else if (resourceJumpSlug !== undefined) {\n    const resourceIdx = resourceJumpSlugs.findIndex(\n      (resource) => resource === resourceJumpSlug,\n    )\n    if (resourceIdx !== -1) {\n      pairs = matrix.flatMap((resourceJumps, envIdx) => {\n        const variantIdx = resourceJumps[resourceIdx]\n        const foundEnvSlug = envSlugs[envIdx]\n        const availabilityVariant =\n          variantIdx !== undefined\n            ? availabilityVariants[variantIdx]\n            : undefined\n\n        if (foundEnvSlug == null || availabilityVariant == null) {\n          return []\n        }\n        return [\n          {\n            envSlug: foundEnvSlug,\n            resourceJumpSlug,\n            availabilityVariant,\n          },\n        ]\n      })\n    }\n  }\n  return pairs\n}\n"],"names":[],"mappings":"AAiBO,SAAS,uBAAuB;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AACF,GAA0D;AAJnD;AAKL,QAAM,EAAE,sBAAsB,UAAU,QAAQ,sBAC9C;AAEF,MAAI,QAAqC,CAAA;AAEzC,MAAI,YAAY,QAAW;AACzB,UAAM,SAAS,SAAS,UAAU,CAAC,SAAS,SAAS,OAAO;AAC5D,QAAI,WAAW,IAAI;AACjB,gBACE,YAAO,MAAM,MAAb,mBAAgB,QAAQ,CAAC,YAAY,gBAAgB;AACnD,cAAM,wBAAwB,kBAAkB,WAAW;AAC3D,cAAM,sBAAsB,qBAAqB,UAAU;AAC3D,YACE,0BAA0B,UAC1B,wBAAwB,QACxB;AACA,iBAAO,CAAA;AAAA,QACT;AACA,eAAO;AAAA,UACL;AAAA,YACE;AAAA,YACA,kBAAkB;AAAA,YAClB;AAAA,UAAA;AAAA,QACF;AAAA,MAEJ,OAAM,CAAA;AAAA,IACV;AACA,QAAI,qBAAqB,QAAW;AAClC,cAAQ,MAAM,OAAO,CAAC,SAAS,KAAK,qBAAqB,gBAAgB;AAAA,IAC3E;AAAA,EACF,WAAW,qBAAqB,QAAW;AACzC,UAAM,cAAc,kBAAkB;AAAA,MACpC,CAAC,aAAa,aAAa;AAAA,IAAA;AAE7B,QAAI,gBAAgB,IAAI;AACtB,cAAQ,OAAO,QAAQ,CAAC,eAAe,WAAW;AAChD,cAAM,aAAa,cAAc,WAAW;AAC5C,cAAM,eAAe,SAAS,MAAM;AACpC,cAAM,sBACJ,eAAe,SACX,qBAAqB,UAAU,IAC/B;AAEN,YAAI,gBAAgB,QAAQ,uBAAuB,MAAM;AACvD,iBAAO,CAAA;AAAA,QACT;AACA,eAAO;AAAA,UACL;AAAA,YACE,SAAS;AAAA,YACT;AAAA,YACA;AAAA,UAAA;AAAA,QACF;AAAA,MAEJ,CAAC;AAAA,IACH;AAAA,EACF;AACA,SAAO;AACT;"}

package/dist/esm/util/createEhRouter.d.ts

@@ -0,0 +1,7 @@
+import { EhRouterInitParams } from '~/types/types';
+export declare function createEhRouter({ context, history }: EhRouterInitParams): import('@tanstack/router-core').RouterCore<import('@tanstack/router-core').Route<any, "/", "/", string, "__root__", undefined, {}, import('~/types/types').EhRouterContext, import('@tanstack/router-core').AnyContext, import('@tanstack/router-core').AnyContext, {}, undefined, import('~/routeTree.gen').RootRouteChildren, import('~/routeTree.gen').FileRouteTypes>, "never", false, import('@tanstack/history').RouterHistory, Record<string, any>>;
+declare module '@tanstack/react-router' {
+    interface Register {
+        router: ReturnType<typeof createEhRouter>;
+    }
+}

package/dist/esm/util/createEhRouter.js

@@ -0,0 +1,16 @@
+import { createRouter } from "@tanstack/react-router";
+import { routeTree } from "../routeTree.gen.js";
+function createEhRouter({ context, history }) {
+  return createRouter({
+    routeTree,
+    context,
+    history,
+    // Since we're using React Query, we don't want loader calls to ever be stale
+    // This will ensure that the loader is always called when the route is preloaded or visited
+    defaultPreloadStaleTime: 0
+  });
+}
+export {
+  createEhRouter
+};
+//# sourceMappingURL=createEhRouter.js.map

package/dist/esm/util/createEhRouter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createEhRouter.js","sources":["../../../src/util/createEhRouter.ts"],"sourcesContent":["import { createRouter } from '@tanstack/react-router'\nimport type { EhRouterInitParams } from '~/types/types'\nimport { routeTree } from '~/routeTree.gen'\n\nexport function createEhRouter({ context, history }: EhRouterInitParams) {\n  return createRouter({\n    routeTree,\n    context,\n    history,\n    // Since we're using React Query, we don't want loader calls to ever be stale\n    // This will ensure that the loader is always called when the route is preloaded or visited\n    defaultPreloadStaleTime: 0,\n  })\n}\n\ndeclare module '@tanstack/react-router' {\n  interface Register {\n    router: ReturnType<typeof createEhRouter>\n  }\n}\n"],"names":[],"mappings":";;AAIO,SAAS,eAAe,EAAE,SAAS,WAA+B;AACvE,SAAO,aAAa;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAAA,IAGA,yBAAyB;AAAA,EAAA,CAC1B;AACH;"}

package/dist/esm/util/highlightMatches.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare function highlightMatches(text: string, query: string): React.ReactNode;

package/dist/esm/util/highlightMatches.js

@@ -0,0 +1,19 @@
+import { jsx, Fragment } from "react/jsx-runtime";
+import React__default from "react";
+function escapeRegex(str) {
+  return str.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+function highlightMatches(text, query) {
+  if (!query) return text;
+  const safeQuery = escapeRegex(query);
+  const regex = new RegExp(`(${safeQuery})`, "gi");
+  const parts = text.split(regex);
+  return /* @__PURE__ */ jsx(Fragment, { children: parts.map((part, idx) => {
+    const key = `${part}-${text.indexOf(part, idx)}`;
+    return idx % 2 === 1 ? /* @__PURE__ */ jsx("span", { className: "bg-highlight", children: part }, key) : /* @__PURE__ */ jsx(React__default.Fragment, { children: part }, key);
+  }) });
+}
+export {
+  highlightMatches
+};
+//# sourceMappingURL=highlightMatches.js.map

package/dist/esm/util/highlightMatches.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"highlightMatches.js","sources":["../../../src/util/highlightMatches.tsx"],"sourcesContent":["import React from 'react'\n\n// Escape regex special characters\nfunction escapeRegex(str: string): string {\n  return str.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')\n}\n\nexport function highlightMatches(text: string, query: string): React.ReactNode {\n  if (!query) return text\n\n  const safeQuery = escapeRegex(query)\n  const regex = new RegExp(`(${safeQuery})`, 'gi')\n  const parts = text.split(regex)\n\n  return (\n    <>\n      {parts.map((part, idx) => {\n        const key = `${part}-${text.indexOf(part, idx)}`\n        return idx % 2 === 1 ? (\n          <span key={key} className=\"bg-highlight\">\n            {part}\n          </span>\n        ) : (\n          <React.Fragment key={key}>{part}</React.Fragment>\n        )\n      })}\n    </>\n  )\n}\n"],"names":["React"],"mappings":";;AAGA,SAAS,YAAY,KAAqB;AACxC,SAAO,IAAI,QAAQ,uBAAuB,MAAM;AAClD;AAEO,SAAS,iBAAiB,MAAc,OAAgC;AAC7E,MAAI,CAAC,MAAO,QAAO;AAEnB,QAAM,YAAY,YAAY,KAAK;AACnC,QAAM,QAAQ,IAAI,OAAO,IAAI,SAAS,KAAK,IAAI;AAC/C,QAAM,QAAQ,KAAK,MAAM,KAAK;AAE9B,SACE,oBAAA,UAAA,EACG,UAAA,MAAM,IAAI,CAAC,MAAM,QAAQ;AACxB,UAAM,MAAM,GAAG,IAAI,IAAI,KAAK,QAAQ,MAAM,GAAG,CAAC;AAC9C,WAAO,MAAM,MAAM,IACjB,oBAAC,UAAe,WAAU,gBACvB,UAAA,KAAA,GADQ,GAEX,IAEA,oBAACA,eAAM,UAAN,EAA0B,kBAAN,GAAW;AAAA,EAEpC,CAAC,EAAA,CACH;AAEJ;"}

package/dist/esm/util/reactQueryUtils.d.ts

@@ -0,0 +1,6 @@
+import { TRPCRouter } from '@env-hopper/backend-core';
+import { TRPCClient } from '@trpc/client';
+import { EhReactQueryMeta } from '~/types/tanstackQuery';
+export declare function getTrpcFromMeta(ctx: {
+    meta?: EhReactQueryMeta;
+}): TRPCClient<TRPCRouter>;

package/dist/esm/util/reactQueryUtils.js

@@ -0,0 +1,10 @@
+function getTrpcFromMeta(ctx) {
+  if (!ctx.meta) {
+    throw new Error("Missing TRPC client in context of react-query");
+  }
+  return ctx.meta.trpcClient;
+}
+export {
+  getTrpcFromMeta
+};
+//# sourceMappingURL=reactQueryUtils.js.map

package/dist/esm/util/reactQueryUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reactQueryUtils.js","sources":["../../../src/util/reactQueryUtils.ts"],"sourcesContent":["import type { TRPCRouter } from '@env-hopper/backend-core'\nimport type { TRPCClient } from '@trpc/client'\nimport type { EhReactQueryMeta } from '~/types/tanstackQuery'\n\nexport function getTrpcFromMeta(ctx: {\n  meta?: EhReactQueryMeta\n}): TRPCClient<TRPCRouter> {\n  if (!ctx.meta) {\n    throw new Error('Missing TRPC client in context of react-query')\n  }\n  return ctx.meta.trpcClient\n}\n"],"names":[],"mappings":"AAIO,SAAS,gBAAgB,KAEL;AACzB,MAAI,CAAC,IAAI,MAAM;AACb,UAAM,IAAI,MAAM,+CAA+C;AAAA,EACjE;AACA,SAAO,IAAI,KAAK;AAClB;"}

package/dist/esm/util/route-utils.d.ts

@@ -0,0 +1,6 @@
+import { ToOptions } from '@tanstack/react-router';
+import { EhUrlParams } from '~/types/ehTypes';
+export declare function escapeAppId(appId: string): string;
+export declare function escapeSubValue(subValue: string): string;
+export declare function escapeEnvId(envId: string): string;
+export declare function getEhToOptions({ appId, envId, subValue, }: EhUrlParams): ToOptions;

package/dist/esm/util/route-utils.js

@@ -0,0 +1,72 @@
+function escapeAppId(appId) {
+  return encodeURIComponent(appId.replace(/\/home$/, "").replace("/", "@"));
+}
+function escapeSubValue(subValue) {
+  return encodeURIComponent(subValue);
+}
+function escapeEnvId(envId) {
+  return encodeURIComponent(envId);
+}
+function getEhToOptions({
+  appId,
+  envId,
+  subValue
+}) {
+  if (appId && envId && subValue) {
+    return {
+      from: "/",
+      to: "/env/$envSlug/app/$appSlug/sub/$subValue",
+      params: {
+        appSlug: escapeAppId(appId),
+        envSlug: escapeEnvId(envId),
+        subValue: escapeSubValue(subValue)
+      }
+    };
+  } else if (appId && envId) {
+    return {
+      from: "/",
+      to: "/env/$envSlug/app/$appSlug",
+      params: {
+        appSlug: escapeAppId(appId),
+        envSlug: escapeEnvId(envId)
+      }
+    };
+  } else if (appId && subValue) {
+    return {
+      from: "/",
+      to: "/app/$appSlug/sub/$subValue",
+      params: {
+        appSlug: escapeAppId(appId),
+        subValue: escapeSubValue(subValue)
+      }
+    };
+  } else if (appId) {
+    return {
+      from: "/",
+      to: "/app/$appSlug",
+      params: {
+        appSlug: escapeAppId(appId)
+      }
+    };
+  } else if (envId) {
+    return {
+      from: "/",
+      to: "/env/$envSlug",
+      params: {
+        envSlug: escapeEnvId(envId)
+      }
+    };
+  } else {
+    return {
+      from: "/",
+      to: "/"
+    };
+  }
+}
+export {
+  escapeAppId,
+  escapeEnvId,
+  escapeSubValue,
+  getEhToOptions
+};
+//# sourceMappingURL=route-utils.js.map

package/dist/esm/util/route-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"route-utils.js","sources":["../../../src/util/route-utils.ts"],"sourcesContent":["import type { ToOptions } from '@tanstack/react-router'\nimport type { EhUrlParams } from '~/types/ehTypes'\n\nexport function escapeAppId(appId: string) {\n  return encodeURIComponent(appId.replace(/\\/home$/, '').replace('/', '@'))\n}\n\nexport function escapeSubValue(subValue: string) {\n  return encodeURIComponent(subValue)\n}\n\nexport function escapeEnvId(envId: string) {\n  return encodeURIComponent(envId)\n}\n\nexport function getEhToOptions({\n  appId,\n  envId,\n  subValue,\n}: EhUrlParams): ToOptions {\n  if (appId && envId && subValue) {\n    return {\n      from: '/',\n      to: '/env/$envSlug/app/$appSlug/sub/$subValue',\n      params: {\n        appSlug: escapeAppId(appId),\n        envSlug: escapeEnvId(envId),\n        subValue: escapeSubValue(subValue),\n      },\n    }\n  } else if (appId && envId) {\n    return {\n      from: '/',\n      to: '/env/$envSlug/app/$appSlug',\n      params: {\n        appSlug: escapeAppId(appId),\n        envSlug: escapeEnvId(envId),\n      },\n    }\n  } else if (appId && subValue) {\n    return {\n      from: '/',\n      to: '/app/$appSlug/sub/$subValue',\n      params: {\n        appSlug: escapeAppId(appId),\n        subValue: escapeSubValue(subValue),\n      },\n    }\n  } else if (appId) {\n    return {\n      from: '/',\n      to: '/app/$appSlug',\n      params: {\n        appSlug: escapeAppId(appId),\n      },\n    }\n  } else if (envId) {\n    return {\n      from: '/',\n      to: '/env/$envSlug',\n      params: {\n        envSlug: escapeEnvId(envId),\n      },\n    }\n  } else {\n    return {\n      from: '/',\n      to: '/',\n    }\n  }\n}\n"],"names":[],"mappings":"AAGO,SAAS,YAAY,OAAe;AACzC,SAAO,mBAAmB,MAAM,QAAQ,WAAW,EAAE,EAAE,QAAQ,KAAK,GAAG,CAAC;AAC1E;AAEO,SAAS,eAAe,UAAkB;AAC/C,SAAO,mBAAmB,QAAQ;AACpC;AAEO,SAAS,YAAY,OAAe;AACzC,SAAO,mBAAmB,KAAK;AACjC;AAEO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AACF,GAA2B;AACzB,MAAI,SAAS,SAAS,UAAU;AAC9B,WAAO;AAAA,MACL,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,QAAQ;AAAA,QACN,SAAS,YAAY,KAAK;AAAA,QAC1B,SAAS,YAAY,KAAK;AAAA,QAC1B,UAAU,eAAe,QAAQ;AAAA,MAAA;AAAA,IACnC;AAAA,EAEJ,WAAW,SAAS,OAAO;AACzB,WAAO;AAAA,MACL,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,QAAQ;AAAA,QACN,SAAS,YAAY,KAAK;AAAA,QAC1B,SAAS,YAAY,KAAK;AAAA,MAAA;AAAA,IAC5B;AAAA,EAEJ,WAAW,SAAS,UAAU;AAC5B,WAAO;AAAA,MACL,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,QAAQ;AAAA,QACN,SAAS,YAAY,KAAK;AAAA,QAC1B,UAAU,eAAe,QAAQ;AAAA,MAAA;AAAA,IACnC;AAAA,EAEJ,WAAW,OAAO;AAChB,WAAO;AAAA,MACL,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,QAAQ;AAAA,QACN,SAAS,YAAY,KAAK;AAAA,MAAA;AAAA,IAC5B;AAAA,EAEJ,WAAW,OAAO;AAChB,WAAO;AAAA,MACL,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,QAAQ;AAAA,QACN,SAAS,YAAY,KAAK;AAAA,MAAA;AAAA,IAC5B;AAAA,EAEJ,OAAO;AACL,WAAO;AAAA,MACL,MAAM;AAAA,MACN,IAAI;AAAA,IAAA;AAAA,EAER;AACF;"}

package/dist/robots.txt

@@ -0,0 +1,2 @@
+User-agent: *
+Disallow: /

package/package.json

@@ -0,0 +1,110 @@
+{
+  "name": "@env-hopper/frontend-core",
+  "version": "2.0.1-alpha",
+  "description": "Frontend core library for Env Hopper",
+  "homepage": "https://github.com/lislon/env-hopper",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/lislon/env-hopper.git",
+    "directory": "packages/frontend-core"
+  },
+  "license": "MIT",
+  "author": "Igor Golovin",
+  "sideEffects": false,
+  "type": "module",
+  "exports": {
+    ".": {
+      "my-custom-condition": "./src/index.tsx",
+      "import": {
+        "types": "./dist/esm/index.d.ts",
+        "default": "./dist/esm/index.js"
+      }
+    },
+    "./package.json": "./package.json"
+  },
+  "module": "dist/esm/index.js",
+  "types": "dist/esm/index.d.ts",
+  "files": [
+    "dist",
+    "src"
+  ],
+  "dependencies": {
+    "@radix-ui/react-collapsible": "^1.1.11",
+    "@radix-ui/react-dialog": "^1.1.14",
+    "@radix-ui/react-dropdown-menu": "^2.1.15",
+    "@radix-ui/react-popover": "^1.1.14",
+    "@radix-ui/react-scroll-area": "^1.2.9",
+    "@radix-ui/react-separator": "^1.1.7",
+    "@radix-ui/react-slot": "^1.2.3",
+    "@radix-ui/react-tabs": "^1.1.12",
+    "@tanstack/query-sync-storage-persister": "^5.80.6",
+    "@tanstack/react-query": "^5.80.3",
+    "@tanstack/react-router": "^1.131.27",
+    "@tanstack/react-virtual": "^3.13.0",
+    "@testing-library/jest-dom": "^6.5.0",
+    "@trpc/client": "^11.4.2",
+    "@trpc/server": "^11.4.2",
+    "@trpc/tanstack-react-query": "^11.4.2",
+    "autoprefixer": "^10.4.21",
+    "autosuggest-highlight": "^3.3.4",
+    "class-variance-authority": "^0.7.1",
+    "classnames": "^2.5.1",
+    "clsx": "^2.1.1",
+    "dexie": "^4.0.11",
+    "dexie-react-hooks": "^1.1.7",
+    "downshift": "^9.0.6",
+    "flexsearch": "^0.8.204",
+    "framer-motion": "^12.23.0",
+    "http-errors": "^2.0.0",
+    "lucide-react": "^0.523.0",
+    "next-themes": "^0.4.6",
+    "postcss": "^8.5.3",
+    "radashi": "12.5.0-beta.6d5c035",
+    "react": "19.1.0",
+    "react-dom": "19.1.0",
+    "react-error-boundary": "^6.0.0",
+    "react-idle-timer": "^5.7.2",
+    "react-router-dom": "7.0.2",
+    "slate": "^0.117.0",
+    "slate-react": "^0.117.1",
+    "sleep-promise": "^9.1.0",
+    "tailwind-merge": "^3.3.1",
+    "tailwindcss": "^4.1.7",
+    "tslib": "^2.3.0"
+  },
+  "devDependencies": {
+    "@tailwindcss/vite": "^4.0.5",
+    "@tanstack/react-router-devtools": "1.131.27",
+    "@tanstack/router-plugin": "1.131.27",
+    "@testing-library/react": "^16.2.0",
+    "@types/react": "^19.0.8",
+    "@types/react-dom": "^19.1.6",
+    "@vitejs/plugin-react": "^4.3.4",
+    "@vitest/ui": "3.2.2",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "tsc-alias": "^1.8.16",
+    "tw-animate-css": "^1.3.5",
+    "vite": "^6.3.5",
+    "vite-plugin-pwa": "^1.0.0",
+    "vite-plugin-svgr": "^4.2.0",
+    "vitest": "3.2.2",
+    "@env-hopper/backend-core": "2.0.1-alpha",
+    "@env-hopper/shared-core": "2.0.1-alpha"
+  },
+  "peerDependencies": {
+    "react": "19.1.0",
+    "react-dom": "19.1.0",
+    "tailwindcss": "^4.1.7",
+    "vite": "^6.3.5",
+    "vite-plugin-svgr": "^4.2.0"
+  },
+  "scripts": {
+    "build": "vite build",
+    "clean": "premove ./dist ./coverage ./dist-ts",
+    "compile": "tsc --build && tsc-alias",
+    "dev": "vite",
+    "test:eslint": "eslint ./src",
+    "test:unit": "vitest",
+    "test:unit:dev": "pnpm run test:unit --watch"
+  }
+}