refactor widget-only integrations

packages/widgets/src/timetable/component.tsx

@@ -7,28 +7,25 @@ import { useScopedI18n } from "@homarr/translation/client";
 import type { DynamicSelectOption } from "../_inputs/widget-dynamic-select-input";
 import type { WidgetComponentProps } from "../definition";
 
-export default function TimetableWidget({ options, integrationIds }: WidgetComponentProps<"timetable">) {
-  // It will always have at least one integration as otherwise the NoIntegrationSelectedError would be thrown in item-content.tsx
-  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-  const integrationId = integrationIds[0]!;
+export default function TimetableWidget({ options }: WidgetComponentProps<"timetable">) {
   const t = useScopedI18n("widget.timetable");
 
   if (!options.station) {
     return <Center h="100%">{t("noStation")}</Center>;
   }
 
-  return <TimetableWidgetInner station={options.station} integrationId={integrationId} />;
+  return <TimetableWidgetInner station={options.station} baseUrl={options.baseUrl} />;
 }
 
 interface TimetableWidgetInnerProps {
   station: DynamicSelectOption;
-  integrationId: string;
+  baseUrl: string;
 }
 
-const TimetableWidgetInner = ({ station, integrationId }: TimetableWidgetInnerProps) => {
+const TimetableWidgetInner = ({ station, baseUrl }: TimetableWidgetInnerProps) => {
   const { data: timetable } = clientApi.widget.timetable.getTimetable.useQuery(
     {
-      integrationId,
+      baseUrl,
       stationId: station.value,
       limit: 10,
     },

packages/widgets/src/timetable/index.ts

@@ -1,4 +1,5 @@
 import { IconBusStop } from "@tabler/icons-react";
+import { z } from "zod/v4";
 
 import { clientApi } from "@homarr/api/client";
 
@@ -7,18 +8,21 @@ import { optionsBuilder } from "../options";
 
 export const { componentLoader, definition } = createWidgetDefinition("timetable", {
   icon: IconBusStop,
-  supportedIntegrations: ["searchCh"],
   createOptions() {
     return optionsBuilder.from((factory) => ({
+      baseUrl: factory.text({
+        defaultValue: "https://search.ch",
+        validate: z.string().url(),
+      }),
       station: factory.dynamicSelect({
-        useOptions(query, integrationIds) {
+        useOptions(query, _integrationIds, options) {
           const { data: stations, isPending } = clientApi.widget.timetable.searchStations.useQuery(
             {
-              integrationId: integrationIds[0] ?? "",
+              baseUrl: typeof options.baseUrl === "string" ? options.baseUrl : "https://search.ch",
               query,
             },
             {
-              enabled: integrationIds.length > 0,
+              enabled: query.length > 0,
             },
           );