feat(apps): remove url variables (#1771)

packages/widgets/src/app/component.tsx

@@ -7,7 +7,6 @@ import { IconLoader } from "@tabler/icons-react";
 import combineClasses from "clsx";
 
 import { clientApi } from "@homarr/api/client";
-import { parseAppHrefWithVariablesClient } from "@homarr/common/client";
 import { useRegisterSpotlightContextResults } from "@homarr/spotlight";
 import { useI18n } from "@homarr/translation/client";
 
@@ -31,26 +30,30 @@ export default function AppWidget({ options, isEditMode }: WidgetComponentProps<
   );
   useRegisterSpotlightContextResults(
     `app-${app.id}`,
-    [
-      {
-        id: app.id,
-        name: app.name,
-        icon: app.iconUrl,
-        interaction() {
-          return {
-            type: "link",
-            href: parseAppHrefWithVariablesClient(app.href ?? ""),
-            newTab: options.openInNewTab,
-          };
-        },
-      },
-    ],
+    app.href
+      ? [
+          {
+            id: app.id,
+            name: app.name,
+            icon: app.iconUrl,
+            interaction() {
+              return {
+                type: "link",
+                // We checked above that app.href is defined
+                // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+                href: app.href!,
+                newTab: options.openInNewTab,
+              };
+            },
+          },
+        ]
+      : [],
     [app, options.openInNewTab],
   );
 
   return (
     <AppLink
-      href={parseAppHrefWithVariablesClient(app.href ?? "")}
+      href={app.href ?? undefined}
       openInNewTab={options.openInNewTab}
       enabled={Boolean(app.href) && !isEditMode}
     >
@@ -88,7 +91,7 @@ export default function AppWidget({ options, isEditMode }: WidgetComponentProps<
 }
 
 interface AppLinkProps {
-  href: string;
+  href: string | undefined;
   openInNewTab: boolean;
   enabled: boolean;
 }

packages/widgets/src/app/ping/ping-indicator.tsx

@@ -3,7 +3,6 @@ import { IconCheck, IconX } from "@tabler/icons-react";
 
 import type { RouterOutputs } from "@homarr/api";
 import { clientApi } from "@homarr/api/client";
-import { parseAppHrefWithVariablesClient } from "@homarr/common/client";
 
 import { PingDot } from "./ping-dot";
 
@@ -14,7 +13,7 @@ interface PingIndicatorProps {
 export const PingIndicator = ({ href }: PingIndicatorProps) => {
   const [ping] = clientApi.widget.app.ping.useSuspenseQuery(
     {
-      url: parseAppHrefWithVariablesClient(href),
+      url: href,
     },
     {
       refetchOnMount: false,
@@ -25,7 +24,7 @@ export const PingIndicator = ({ href }: PingIndicatorProps) => {
   const [pingResult, setPingResult] = useState<RouterOutputs["widget"]["app"]["ping"]>(ping);
 
   clientApi.widget.app.updatedPing.useSubscription(
-    { url: parseAppHrefWithVariablesClient(href) },
+    { url: href },
     {
       onData(data) {
         setPingResult(data);

packages/widgets/src/bookmarks/component.tsx

@@ -4,7 +4,6 @@ import { Anchor, Box, Card, Divider, Flex, Group, Stack, Text, Title, UnstyledBu
 
 import type { RouterOutputs } from "@homarr/api";
 import { clientApi } from "@homarr/api/client";
-import { parseAppHrefWithVariablesClient } from "@homarr/common/client";
 import { useRegisterSpotlightContextResults } from "@homarr/spotlight";
 
 import type { WidgetComponentProps } from "../definition";
@@ -19,18 +18,22 @@ export default function BookmarksWidget({ options, width, height, itemId }: Widg
 
   useRegisterSpotlightContextResults(
     `bookmark-${itemId}`,
-    data.map((app) => ({
-      id: app.id,
-      name: app.name,
-      icon: app.iconUrl,
-      interaction() {
-        return {
-          type: "link",
-          href: parseAppHrefWithVariablesClient(app.href ?? ""),
-          newTab: false,
-        };
-      },
-    })),
+    data
+      .filter((app) => app.href !== null)
+      .map((app) => ({
+        id: app.id,
+        name: app.name,
+        icon: app.iconUrl,
+        interaction() {
+          return {
+            type: "link",
+            // We checked above that app.href is defined
+            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+            href: app.href!,
+            newTab: false,
+          };
+        },
+      })),
     [data],
   );