markFeedAsUnread,

  refreshFeed,

  removeFeed,

  setFeedCopyFormat,

  setFeedCustomName,

  setFeedEnabled,

  setFeedUpdateFrequency,

          }}

        />

      </div>

      <div>

        Copy format:{" "}

        <Select

          variant="transparent"

          value={feed.copyFormat}

          options={[

            { value: undefined, label: "URL" },

            { value: "yt-dlp", label: "yt-dlp downloader" },

            {

              value: "yt-dlp-sound",

              label: "yt-dlp downloader (sound only)",

            },

          ] as const}

          onOptionChange={(value) => {

            dispatch(setFeedCopyFormat, feedId, value);

          }}

        />

      </div>

      <div>

        Feed added: <RelativeTime time={feed.addedDateTime} />

      </div>

          {items.map((x) => (

            <li key={x.feedItemId}>

              <ListFeedEntry

                feedId={feedId}

                feed={feed}

                feedEntry={x}

                keyboardNavY={keyboardNavY++}

              />

});

const EntriesList: FunctionComponent<{

  feedId: number;

  feed: Feed;

  text?: string;

  entries?: FeedItem[];

  showMoreText?: string;

  onShowMore?(): void;

  keyboardNavY: number;

}> = ({ feedId, text, entries, showMoreText, onShowMore, keyboardNavY }) => {

}> = ({ feed, text, entries, showMoreText, onShowMore, keyboardNavY }) => {

  const keyboardNav = useKeyboardNav();

  let localKeyboardNavY = 0;

  return (

    <>

      {text && <p class="italic opacity-50 pl-4 mb-1">{text}</p>}

      {entries && feedId !== undefined && (

      {entries && feed.feedId !== undefined && (

        <ul class="mb-2">

          {entries.map((x) => (

            <li key={x.feedItemId} class="ml-8">

              <ListFeedEntry

                feedId={feedId}

                feed={feed}

                feedEntry={x}

                keyboardNavY={[keyboardNavY, localKeyboardNavY++]}

              />

  const entriesList = enabled && expanded && (

    <EntriesList

      feedId={feedId}

      feed={feed}

      text={items.length === 0 && displayEntries === "all"

        ? "No entries"

        : undefined}

  markAsRead,

  markAsUnread,

} from "../state/operations.ts";

import { FeedItem } from "../state/State.ts";

import { Feed, FeedItem } from "../state/State.ts";

import useAppState from "../state/useAppState.ts";

import CopyButton from "./CopyButton.tsx";

import IconButton from "./IconButton.tsx";

import useKeyboardNav from "../lib/useKeyboardNav.tsx";

interface ListFeedEntryProps {

  feedId: number;

  feed: Feed;

  feedEntry: FeedItem;

  keyboardNavY?: number | number[];

}

const ListFeedEntry: FunctionComponent<ListFeedEntryProps> = ({

  feedId,

  feed: { feedId, copyFormat },

  feedEntry,

  keyboardNavY = 0,

}) => {

  const keyboardNav = useKeyboardNav({ y: keyboardNavY });

  let keyboardNavX = 0;

  let copyText: string, copyTitle: string;

  if (copyFormat === "yt-dlp" || copyFormat === "yt-dlp-sound") {

    const escapedUrl = url.replace(/[\\"]/g, "\\$&");

    copyText = copyFormat === "yt-dlp"

      ? `yt-dlp "${escapedUrl}"`

      : `yt-dlp -x "${escapedUrl}"`;

    copyTitle = `Copy command: ${copyText}`;

  } else {

    copyText = url;

    copyTitle = `Copy URL: ${url}`;

  }

  return (

    <div

      class={`flex gap-2 ${

      <div class="whitespace-pre">

        <CopyButton

          ref={keyboardNav.add({ x: keyboardNavX++ })}

          title={`Copy URL: ${url}`}

          text={url}

          title={copyTitle}

          text={copyText}

        />

        {toggleRead.node}

import { upsertFeedItems } from "./db/feedItem.ts";

import { updateUser } from "./db/user.ts";

import {

  CopyFormat,

  deleteUserFeed,

  getUserFeedByUrl,

  insertUserFeed,

    updateUserFeed({ userId: this.#userId, feedId, updateFrequencyMinutes });

  }

  setFeedCopyFormat(feedId: number, copyFormat?: CopyFormat) {

    updateUserFeed({

      userId: this.#userId,

      feedId,

      copyFormat: copyFormat ?? null,

    });

  }

  setFeedEnabled(feedId: number, enabled: boolean) {

    updateUserFeed({ userId: this.#userId, feedId, enabled });

  }

export default {

  id: "11_add_userFeed.copyFormat",

  sql: `

    ALTER TABLE userFeed

    ADD COLUMN copyFormat TEXT NULL;

    `,

};