import js from "@eslint/js";

import prettier from "eslint-config-prettier";

import svelte from "eslint-plugin-svelte";

import svelteParser from "svelte-eslint-parser";

import ts from "typescript-eslint";

    ...ts.configs.recommended,

    prettier,

    {

      languageOptions: {

        parser: ts.parser,

        parserOptions: {

        // Require let or const instead of var.

        // https://eslint.org/docs/rules/no-var

        "no-var": "warn",

        // Require `===` and `!==` comparisons.

        eqeqeq: "warn",

        "@typescript-eslint/no-floating-promises": "warn",

        "dompurify": "^3.2.5",

        "eslint": "^9.26.0",

        "eslint-config-prettier": "^10.1.5",

        "eslint-plugin-svelte": "^3.5.1",

        "execa": "^9.5.3",

        "fuzzysort": "^3.1.0",

      }

    },

    "node_modules/debug": {

      "dev": true,

      "dependencies": {

        "ms": "^2.1.3"

      },

        "eslint": ">=7.0.0"

      }

    },

    "node_modules/eslint-plugin-svelte": {

      "version": "3.5.1",

      "resolved": "https://registry.npmjs.org/eslint-plugin-svelte/-/eslint-plugin-svelte-3.5.1.tgz",

      "dev": true

    },

    "node_modules/tinyglobby": {

      "dev": true,

      "dependencies": {

        "fdir": "^6.4.4",

        "picomatch": "^4.0.2"

    "check-rs": "scripts/check-rs",

    "test:unit": "TZ='UTC' vitest run",

    "test:e2e": "TZ='UTC' playwright test",

    "generate-types": "cargo test --manifest-path ./crates/radicle-types/Cargo.toml",

    "tauri": "npx tauri"

  },

    "dompurify": "^3.2.5",

    "eslint": "^9.26.0",

    "eslint-config-prettier": "^10.1.5",

    "eslint-plugin-svelte": "^3.5.1",

    "execa": "^9.5.3",

    "fuzzysort": "^3.1.0",

import type { PlaywrightTestConfig } from "@playwright/test";

import { devices } from "@playwright/test";

const config: PlaywrightTestConfig = {

<script lang="ts">

  import type { Config } from "@bindings/config/Config";

  import { listen } from "@tauri-apps/api/event";

  import { onDestroy, onMount } from "svelte";

  import {

    decreaseFontSize,

    fontSettings,

  } from "@app/lib/appearance.svelte";

  import {

    setUnlistenNodeEvents,

    unlistenNodeEvents,

  } from "@app/lib/startup.svelte";

  import Auth from "@app/views/booting/Auth.svelte";

  import CreateIdentity from "@app/views/booting/CreateIdentity.svelte";

  import CreateIssue from "@app/views/repo/CreateIssue.svelte";

  import Issue from "@app/views/repo/Issue.svelte";

  import Issues from "@app/views/repo/Issues.svelte";

  import Patch from "@app/views/repo/Patch.svelte";

  import Patches from "@app/views/repo/Patches.svelte";

  import RepoHome from "@app/views/repo/RepoHome.svelte";

  import Command from "./components/Command.svelte";

  const activeRouteStore = router.activeRouteStore;

  import { z } from "zod";

  import { nodeRunning } from "@app/lib/events";

  import { parseRepositoryId, twemoji } from "@app/lib/utils";

  interface Props {

    onOpen: () => void;

<script lang="ts">

  import { writable } from "svelte/store";

</script>

<style>

<script lang="ts">

  import type { Author } from "@bindings/cob/Author";

  import {

    authorForNodeId,

    parseNodeId,

    publicKeyFromDid,

  } from "@app/lib/utils";

  import Icon from "@app/components/Icon.svelte";

  import NodeId from "@app/components/NodeId.svelte";

<script lang="ts">

  import type { Revision } from "@bindings/cob/patch/Revision";

  import { cachedGetDiff, cachedListCommits } from "@app/lib/invoke";

  import { pluralize } from "@app/lib/utils";

  import Changeset from "@app/components/Changeset.svelte";

  import CommitsContainer from "@app/components/CommitsContainer.svelte";

  import Icon from "@app/components/Icon.svelte";

  import NakedButton from "@app/components/NakedButton.svelte";

  interface Props {

<script lang="ts">

  import type { Diff } from "@bindings/diff/Diff";

  interface Props {

    codeComments?: CodeComments;

<script lang="ts">

  import debounce from "lodash/debounce";

  import { writeToClipboard } from "@app/lib/invoke";

  interface Props {

    text: string;

  }

<script lang="ts">

  import Clipboard from "@app/components/Clipboard.svelte";

  interface Props {

    command: string;

<script lang="ts">

  import type { Author } from "@bindings/cob/Author";

  import type { Edit } from "@bindings/cob/patch/Edit";

  import type { Reaction } from "@bindings/cob/Reaction";

  import type { Embed } from "@bindings/cob/thread/Embed";

  import { tick } from "svelte";

  import * as utils from "@app/lib/utils";

  import ExtendedTextarea from "@app/components/ExtendedTextarea.svelte";

  import Id from "@app/components/Id.svelte";

  import Markdown from "@app/components/Markdown.svelte";

  import NodeId from "@app/components/NodeId.svelte";

  import Reactions from "@app/components/Reactions.svelte";

  interface Props {

    actions?: Snippet;

<script lang="ts">

  import type { Embed } from "@bindings/cob/thread/Embed";

  import ExtendedTextarea from "@app/components/ExtendedTextarea.svelte";

  interface Props {

    rid: string;

<script lang="ts">

  import type { Snippet } from "svelte";

  interface Props {

    leftHeader: Snippet;

  import type { Snippet } from "svelte";

  import * as utils from "@app/lib/utils";

  interface Props {

    children: Snippet;

<script lang="ts">

  import Icon from "@app/components/Icon.svelte";

  import NakedButton from "@app/components/NakedButton.svelte";

  interface Props {

    clear: () => void;

<script lang="ts">

  import type { Snippet } from "svelte";

  const {

    inline = false,

  import type { Author } from "@bindings/cob/Author";

  import type { CodeLocation } from "@bindings/cob/thread/CodeLocation";

  import type { Embed } from "@bindings/cob/thread/Embed";

  import type { FileDiff } from "@bindings/diff/FileDiff";

  import type { Modification } from "@bindings/diff/Modification";

  import escape from "lodash/escape";

  import partial from "lodash/partial";

  import Icon from "@app/components/Icon.svelte";

  import ThreadComponent from "@app/components/Thread.svelte";

<script lang="ts">

  import type { Author } from "@bindings/cob/Author";

  import type { Embed } from "@bindings/cob/thread/Embed";

  import type { Thread } from "@bindings/cob/thread/Thread";

  import partial from "lodash/partial";

  import sum from "lodash/sum";

  import CommentToggleInput from "@app/components/CommentToggleInput.svelte";

  import Icon from "@app/components/Icon.svelte";

  import ThreadComponent from "@app/components/Thread.svelte";

  interface Props {

<script lang="ts">

  import type { UnlistenFn } from "@tauri-apps/api/event";

  import type { ComponentProps } from "svelte";

  import debounce from "lodash/debounce";

  import { invoke } from "@app/lib/invoke";

  interface Props {

    textAreaSize?: ComponentProps<typeof Textarea>["size"];

<script lang="ts">

  import type { Snippet } from "svelte";

  const { href, children }: { href: string; children?: Snippet } = $props();

</script>

  import { tick } from "svelte";

  interface Props {

    children: Snippet;

<script lang="ts">

  import type { FileDiff } from "@bindings/diff/FileDiff";

  import Diff from "@app/components/Diff.svelte";

  import File from "@app/components/File.svelte";

    increaseFontSize,

  } from "@app/lib/appearance.svelte";

</script>

<style>

<script lang="ts">

  import type { ErrorWrapper } from "@bindings/error/ErrorWrapper";

  const {

    title = "An error occurred",

<script lang="ts">

  import type { Config } from "@bindings/config/Config";

  import { radicleInstalled } from "@app/lib/checkRadicleCLI.svelte";

  import { sleep } from "@app/lib/sleep";

  import Border from "@app/components/Border.svelte";

  import Command from "@app/components/Command.svelte";

  import CopyableId from "@app/components/CopyableId.svelte";

  import NakedButton from "@app/components/NakedButton.svelte";

  import NodeId from "@app/components/NodeId.svelte";

  import Popover from "@app/components/Popover.svelte";

  interface Props {

    config: Config;

  import type { Config } from "@bindings/config/Config";

  import type { Snippet } from "svelte";

  import { onMount } from "svelte";

  import { checkRadicleCLI } from "@app/lib/checkRadicleCLI.svelte";

  import { dynamicInterval } from "@app/lib/interval";

  import { sleep } from "@app/lib/sleep";

  import GuideButton, {

    guidePopoverToggleId,

  } from "@app/components/GuideButton.svelte";

  import NakedButton from "@app/components/NakedButton.svelte";

  import NodeStatusButton from "@app/components/NodeStatusButton.svelte";

<script lang="ts">

  import type { HomeReposTab } from "@app/views/home/router";

  import * as router from "@app/lib/router";

  import Icon from "@app/components/Icon.svelte";

  import Settings from "@app/components/Settings.svelte";

  import type { ComponentProps, Snippet } from "svelte";

  import debounce from "lodash/debounce";

  import { formatOid } from "@app/lib/utils";

  let icon: ComponentProps<typeof Icon>["name"] = $state("copy");

  const text = "Click to copy";

  import ConfirmClear from "@app/components/ConfirmClear.svelte";

  import Icon from "@app/components/Icon.svelte";

  import NakedButton from "@app/components/NakedButton.svelte";

  interface Props {

    clearAll: () => Promise<void>;

  import type { NotificationsByRepo } from "@bindings/cob/inbox/NotificationsByRepo";

  import { getCurrentWindow } from "@tauri-apps/api/window";

  import { useOverlayScrollbars } from "overlayscrollbars-svelte";

  import { dynamicInterval } from "@app/lib/interval";

  import { invoke } from "@app/lib/invoke";

  interface Props {

    notificationCount: number;

<script lang="ts">

  import type { IssueStatus } from "@app/views/repo/router";

  import type { RepoInfo } from "@bindings/repo/RepoInfo";

  import fuzzysort from "fuzzysort";

  import * as router from "@app/lib/router";

  import { modifierKey } from "@app/lib/utils";

  import IssueTeaser from "@app/components/IssueTeaser.svelte";

  const activeRouteStore = router.activeRouteStore;

  import capitalize from "lodash/capitalize";

  import isEqual from "lodash/isEqual";

  import { issueStatusBackgroundColor, issueStatusColor } from "@app/lib/utils";

  import Border from "@app/components/Border.svelte";

  import DropdownList from "@app/components/DropdownList.svelte";

  import DropdownListItem from "@app/components/DropdownListItem.svelte";

  import Icon from "@app/components/Icon.svelte";

  import Popover from "@app/components/Popover.svelte";

  interface Props {

  import type { IssueStatus } from "@app/views/repo/router";

  import type { ProjectPayloadMeta } from "@bindings/repo/ProjectPayloadMeta";

  import capitalize from "lodash/capitalize";

  import { issueStatusColor } from "@app/lib/utils";

  interface Props {

    changeFilter: (status: IssueStatus) => void;

<script lang="ts">

  import type { IssueStatus } from "@app/views/repo/router";

  import {

    authorForNodeId,

    formatTimestamp,

    issueStatusBackgroundColor,

    issueStatusColor,

  } from "@app/lib/utils";

  interface Props {

    compact?: boolean;

<script lang="ts">

  import type { Action } from "@bindings/cob/issue/Action";

  import type { Operation } from "@bindings/cob/Operation";

  type FlattenedOperation = Action & {

    id: string;

    issueStatusColor,

    pluralize,

  } from "@app/lib/utils";

  interface Props {

    activity: Operation<Action>[];

  import type { IssueStatus } from "@app/views/repo/router";

  import type { RepoInfo } from "@bindings/repo/RepoInfo";

  interface Props {

    status: IssueStatus;

<script lang="ts">

  import type { Snippet } from "svelte";

  import { push, routeToPath } from "@app/lib/router";

  interface Props {

    children: Snippet;

<script lang="ts">

  import type { Embed } from "@bindings/cob/Embed";

  import matter from "@radicle/gray-matter";

  import { toDom } from "hast-util-to-dom";

  import { invoke } from "@app/lib/invoke";

  interface Props {

    rid?: string;

<script lang="ts">

  import type { Snippet } from "svelte";

  interface Props {

    children: Snippet;

<script lang="ts">

  interface Props {

    outline?: boolean;

  import type { Config } from "@bindings/config/Config";

  import * as router from "@app/lib/router";

  import { didFromPublicKey, explorerUrl } from "@app/lib/utils";

  import Link from "@app/components/Link.svelte";

  import NodeId from "@app/components/NodeId.svelte";

  const activeRouteStore = router.activeRouteStore;

<script lang="ts">

  import { truncateId } from "@app/lib/utils";

  interface Props {

    publicKey: string;

<script lang="ts">

  import type { ActionWithAuthor } from "@bindings/cob/inbox/ActionWithAuthor";

  import type { Action as IssueAction } from "@bindings/cob/issue/Action";

  import type { Action as PatchAction } from "@bindings/cob/patch/Action";

  import type { ComponentProps } from "svelte";

  import uniqWith from "lodash/uniqWith";

  import {

    authorForNodeId,

    formatTimestamp,

    patchStatusBackgroundColor,

    patchStatusColor,

  } from "@app/lib/utils";

  interface Props {

    rid: string;

<script lang="ts">

  import type { NotificationsByRepo } from "@bindings/cob/inbox/NotificationsByRepo";

  import Icon from "@app/components/Icon.svelte";

  interface Props {

    clearByIds: (ids: string[]) => Promise<void>;

<script lang="ts">

  import type { Author } from "@bindings/cob/Author";

  import type { Patch } from "@bindings/cob/patch/Patch";

  import type { RepoInfo } from "@bindings/repo/RepoInfo";

  import { nodeRunning } from "@app/lib/events";

  import AssigneeInput from "@app/components/AssigneeInput.svelte";

  import LabelInput from "@app/components/LabelInput.svelte";

  interface Props {

    config: Config;

  import capitalize from "lodash/capitalize";

  import { patchStatusBackgroundColor, patchStatusColor } from "@app/lib/utils";

  import Border from "@app/components/Border.svelte";

  import DropdownList from "@app/components/DropdownList.svelte";

  import DropdownListItem from "@app/components/DropdownListItem.svelte";

  import Icon from "@app/components/Icon.svelte";

  import Popover from "@app/components/Popover.svelte";

  interface Props {

<script lang="ts">

  import type { State } from "@bindings/cob/patch/State";

  import capitalize from "lodash/capitalize";

  import { patchStatusBackgroundColor, patchStatusColor } from "@app/lib/utils";

  import Border from "@app/components/Border.svelte";

  import DropdownList from "@app/components/DropdownList.svelte";

  import DropdownListItem from "@app/components/DropdownListItem.svelte";

  import Icon from "@app/components/Icon.svelte";

  import Popover from "@app/components/Popover.svelte";

  interface Props {

  import { patchStatusColor } from "@app/lib/utils";

  import Border from "@app/components/Border.svelte";

  import DropdownList from "@app/components/DropdownList.svelte";

  import DropdownListItem from "@app/components/DropdownListItem.svelte";

  import Icon from "@app/components/Icon.svelte";

  import OutlineButton from "@app/components/OutlineButton.svelte";

  import Popover from "@app/components/Popover.svelte";

  interface Props {

<script lang="ts">

  import type { PatchStatus } from "@app/views/repo/router";

  import {

    authorForNodeId,

    formatTimestamp,

    patchStatusBackgroundColor,

    patchStatusColor,

  } from "@app/lib/utils";

  import DiffStatBadge from "@app/components/DiffStatBadge.svelte";

  import Icon from "@app/components/Icon.svelte";

  import Id from "@app/components/Id.svelte";

  import InlineTitle from "@app/components/InlineTitle.svelte";

  import Label from "@app/components/Label.svelte";

  import NodeId from "@app/components/NodeId.svelte";

  interface Props {

    compact?: boolean;

<script lang="ts">

  import type { Author } from "@bindings/cob/Author";

  type FlattenedOperation = Action & {

    id: string;

    patchStatusColor,

    pluralize,

  } from "@app/lib/utils";

  interface Props {

    patchId: string;

  import type { ProjectPayload } from "@bindings/repo/ProjectPayload";

  import type { RepoInfo } from "@bindings/repo/RepoInfo";

  interface Props {

    project: ProjectPayload;

<script lang="ts">

  import type { Reaction } from "@bindings/cob/Reaction";

  import { twemoji } from "@app/lib/utils";

  interface Props {

    reactions?: Reaction[];

    popoverPositionBottom?: string;

  import { formatRepositoryId, formatTimestamp } from "@app/lib/utils";

  interface Props {

    repo: RepoInfo;

<script lang="ts">

  import { formatRepositoryId } from "@app/lib/utils";

  import { announce } from "@app/components/AnnounceSwitch.svelte";

  interface Props {

    reload: () => Promise<void>;

<script lang="ts">

  import type { RepoInfo } from "@bindings/repo/RepoInfo";

  interface Props {

    repo: RepoInfo;

<script lang="ts">

  import type { RepoInfo } from "@bindings/repo/RepoInfo";

  interface Props {

    repo: RepoInfo;

  import { authorForNodeId } from "@app/lib/utils";

  import Border from "@app/components/Border.svelte";

  import Id from "@app/components/Id.svelte";

  import NodeId from "@app/components/NodeId.svelte";

  import VisibilityBadge from "@app/components/VisibilityBadge.svelte";

  interface Props {

    horizontal?: boolean;

<script lang="ts">

  import type { Author } from "@bindings/cob/Author";

  import type { Review } from "@bindings/cob/patch/Review";

  import type { Revision } from "@bindings/cob/patch/Revision";

  import type { Thread } from "@bindings/cob/thread/Thread";

  import partial from "lodash/partial";

  import uniqBy from "lodash/uniqBy";

  import * as roles from "@app/lib/roles";

  import { authorForNodeId, publicKeyFromDid } from "@app/lib/utils";

  import Border from "@app/components/Border.svelte";

  import Changes from "@app/components/Changes.svelte";

  import CommentComponent from "@app/components/Comment.svelte";

  import Discussion from "@app/components/Discussion.svelte";

  import NodeId from "@app/components/NodeId.svelte";

  import VerdictBadge from "@app/components/VerdictBadge.svelte";

  import VerdictButton from "@app/components/VerdictButton.svelte";

  interface Props {

    config: Config;

<script lang="ts">

  import type { Author } from "@bindings/cob/Author";

  import type { Revision } from "@bindings/cob/patch/Revision";

  import type { Thread } from "@bindings/cob/thread/Thread";

  import partial from "lodash/partial";

  import { nodeRunning } from "@app/lib/events";

  import { publicKeyFromDid } from "@app/lib/utils";

  import Changes from "@app/components/Changes.svelte";

  import CommentComponent from "@app/components/Comment.svelte";

  import Discussion from "@app/components/Discussion.svelte";

<script lang="ts">

  import type { PatchStatus } from "@app/views/repo/router";

  import type { Review } from "@bindings/cob/patch/Review";

  import type { Revision } from "@bindings/cob/patch/Revision";

  import {

    authorForNodeId,

    didFromPublicKey,

    verdictIcon,

  } from "@app/lib/utils";

  interface Props {

    config: Config;

  import type { Patch } from "@bindings/cob/patch/Patch";

  import type { Revision } from "@bindings/cob/patch/Revision";

  import orderBy from "lodash/orderBy";

  import { authorForNodeId, formatOid } from "@app/lib/utils";

  interface Props {

    patch: Patch;

<script lang="ts">

  import type { PatchStatus } from "@app/views/repo/router";

  import type { Revision } from "@bindings/cob/patch/Revision";

  import orderBy from "lodash/orderBy";

  import uniqBy from "lodash/uniqBy";

  import { authorForNodeId } from "@app/lib/utils";

  interface Props {

    config: Config;

  import { updateChecker } from "@app/lib/updateChecker.svelte";

  interface Props {

    compact?: boolean;

<script lang="ts">

  import * as router from "@app/lib/router";

  import Icon from "@app/components/Icon.svelte";

  import Settings from "@app/components/Settings.svelte";

  interface Props {

    activeTab: "issues" | "patches";

<script lang="ts">

  import type { Snippet } from "svelte";

  import { onMount } from "svelte";

  interface Props {

    autofocus?: boolean;

<script lang="ts">

  import type {

    ClipboardEventHandler,

    FormEventHandler,

  } from "svelte/elements";

  import { onMount, tick } from "svelte";

  import * as utils from "@app/lib/utils";

  interface Props {

    draggingOver?: boolean;

<script lang="ts">

  import { writable } from "svelte/store";

</script>

<style>

  import type { Embed } from "@bindings/cob/thread/Embed";

  import type { Thread } from "@bindings/cob/thread/Thread";

  import partial from "lodash/partial";

  import { scrollIntoView } from "@app/lib/utils";

  import CommentComponent from "@app/components/Comment.svelte";

  import Icon from "@app/components/Icon.svelte";

  interface Props {

<script lang="ts">

  interface Props {

    active: boolean;

  import type { Snippet } from "svelte";

  import capitalize from "lodash/capitalize.js";

  import { verdictIcon } from "@app/lib/utils";

  import Icon from "@app/components/Icon.svelte";

  import capitalize from "lodash/capitalize.js";

  import { verdictIcon } from "@app/lib/utils";

  import Border from "@app/components/Border.svelte";

  import DropdownListItem from "@app/components/DropdownListItem.svelte";

  import Icon from "@app/components/Icon.svelte";

  import Popover from "@app/components/Popover.svelte";

  import VerdictBadge from "@app/components/VerdictBadge.svelte";

  interface Props {

import type { ErrorWrapper } from "@bindings/error/ErrorWrapper";

import { get } from "svelte/store";

import { invoke } from "@app/lib/invoke";

export const startup = $state<{ error?: ErrorWrapper }>({ error: undefined });

import type { Author } from "@bindings/cob/Author";

import type { CreateReviewArgs } from "@bindings/cob/patch/CreateReviewArgs";

import type { Patch } from "@bindings/cob/patch/Patch";

import type { Verdict } from "@bindings/cob/patch/Verdict";

import useLocalStorage from "@app/lib/useLocalStorage.svelte";

import { invoke } from "./invoke";

// This is different from the stored draft review to align it with a

import type { DiffOptions } from "@bindings/cob/DiffOptions";

import type { Stats } from "@bindings/diff/Stats";

import * as tauri from "@tauri-apps/api/core";

import { cached } from "@app/lib/cached";

export async function invoke<T = null>(

import type { MarkedExtension, Tokens } from "marked";

import dompurify from "dompurify";

import { Marked, Renderer as BaseRenderer } from "marked";

import { markedEmoji } from "marked-emoji";

import emojis from "@app/lib/emojis";

import type { Action as IssueAction } from "@bindings/cob/issue/Action";

import type { Action as PatchAction } from "@bindings/cob/patch/Action";

export type Action =

  | ActionWithAuthor<IssueAction>

import { get, writable } from "svelte/store";

import * as mutexExecutor from "@app/lib/mutexExecutor";

import { loadRoute } from "@app/lib/router/definitions";

export { type Route };

import type { LoadedRepoRoute, RepoRoute } from "@app/views/repo/router";

import { loadHome } from "@app/views/home/router";

import type { UnlistenFn } from "@tauri-apps/api/event";

import { listen } from "@tauri-apps/api/event";

import { nodeRunning } from "./events";

import type { Root } from "hast";

import sourceDockerfile from "@wooorm/starry-night/source.dockerfile";

import sourceErlang from "@wooorm/starry-night/source.erlang";