feat(repository): add import grouping and sorting with prettier

Signed-off-by: Jordan Shatford <[email protected]>
jordanshatford · Apr 23, 2024 · e198307 · e198307
1 parent c2f54bc
commit e198307
Show file tree

Hide file tree

Showing 64 changed files with 673 additions and 340 deletions.
diff --git a/apps/extension/src/entrypoints/options/App.svelte b/apps/extension/src/entrypoints/options/App.svelte
@@ -2,18 +2,19 @@
 	import { AudioFormatEnum, DownloadQualityEnum, VideoFormatEnum } from '@yd/client';
 	import {
 		Alert,
-		toast,
-		Select,
-		Tabs,
-		DownloadIcon,
 		CodeBracketIcon,
-		LoaderIcon,
+		DownloadIcon,
 		Icon,
+		LoaderIcon,
+		Select,
+		Tabs,
+		toast,
 		Toggle,
 		toSelectOptions
 	} from '@yd/ui';
-	import { settings } from '~/lib/stores/settings';
+
 	import PageLayout from '~/lib/components/PageLayout.svelte';
+	import { settings } from '~/lib/stores/settings';
 
 	let tabs = [
 		{

diff --git a/apps/extension/src/entrypoints/options/main.ts b/apps/extension/src/entrypoints/options/main.ts
@@ -1,4 +1,5 @@
 import '~/assets/tailwind.css';
+
 import App from './App.svelte';
 
 const app = new App({

diff --git a/apps/extension/src/entrypoints/popup/main.ts b/apps/extension/src/entrypoints/popup/main.ts
@@ -1,4 +1,5 @@
 import '~/assets/tailwind.css';
+
 import App from './App.svelte';
 
 const app = new App({

diff --git a/apps/extension/src/lib/components/DownloadActions.svelte b/apps/extension/src/lib/components/DownloadActions.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
 	import type { Download } from '@yd/client';
 	import { ActionIcon, ArrowPathIcon, ButtonGroup, Confirm, DownloadIcon, TrashIcon } from '@yd/ui';
+
 	import { createContextStore } from '~/lib/stores/context';
 
 	export let store: ReturnType<typeof createContextStore>;

diff --git a/apps/extension/src/lib/components/PageLayout.svelte b/apps/extension/src/lib/components/PageLayout.svelte
@@ -1,7 +1,8 @@
 <script lang="ts">
-	import { IconButton, ExternalLinkIcon, Toasts, Footer, initializeTheme } from '@yd/ui';
-	import { openWebsite } from '~/lib/website';
+	import { ExternalLinkIcon, Footer, IconButton, initializeTheme, Toasts } from '@yd/ui';
+
 	import config from '~/lib/config';
+	import { openWebsite } from '~/lib/website';
 
 	// Ensure theme is set based on user preferences.
 	initializeTheme();

diff --git a/apps/extension/src/lib/components/PopupLayout.svelte b/apps/extension/src/lib/components/PopupLayout.svelte
@@ -1,9 +1,10 @@
 <script lang="ts">
-	import { IconButton, ExternalLinkIcon, GearIcon, initializeTheme } from '@yd/ui';
-	import { openWebsite } from '~/lib/website';
-	import { getContextService } from '~/lib/context-service';
+	import { ExternalLinkIcon, GearIcon, IconButton, initializeTheme } from '@yd/ui';
+
 	import PopupError from '~/lib/components/PopupError.svelte';
 	import PopupLoader from '~/lib/components/PopupLoader.svelte';
+	import { getContextService } from '~/lib/context-service';
+	import { openWebsite } from '~/lib/website';
 
 	// Ensure theme is set based on user preferences.
 	initializeTheme();

diff --git a/apps/extension/src/lib/components/PopupMain.svelte b/apps/extension/src/lib/components/PopupMain.svelte
@@ -1,12 +1,14 @@
 <script lang="ts">
 	import { onMount } from 'svelte';
-	import { Card, Button, Badge, IconButton, PlusIcon } from '@yd/ui';
+
+	import { Badge, Button, Card, IconButton, PlusIcon } from '@yd/ui';
+
 	import type { Ctx } from '~/lib/context-service';
+	import DownloadActions from '~/lib/components/DownloadActions.svelte';
+	import PopupError from '~/lib/components/PopupError.svelte';
 	import StateIcon from '~/lib/components/StateIcon.svelte';
 	import StatusBadge from '~/lib/components/StatusBadge.svelte';
 	import { createContextStore } from '~/lib/stores/context';
-	import PopupError from '~/lib/components/PopupError.svelte';
-	import DownloadActions from '~/lib/components/DownloadActions.svelte';
 
 	export let ctx: Ctx;
 

diff --git a/apps/extension/src/lib/components/StateIcon.svelte b/apps/extension/src/lib/components/StateIcon.svelte
@@ -1,12 +1,7 @@
 <script lang="ts">
 	import type { DownloadState } from '@yd/client';
-	import {
-		CheckCircleIcon,
-		LoaderIcon,
-		ExclamationCircleIcon,
-		Icon,
-		type IconSource
-	} from '@yd/ui';
+	import type { IconSource } from '@yd/ui';
+	import { CheckCircleIcon, ExclamationCircleIcon, Icon, LoaderIcon } from '@yd/ui';
 
 	export let state: DownloadState;
 

diff --git a/apps/extension/src/lib/components/StatusBadge.svelte b/apps/extension/src/lib/components/StatusBadge.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
-	import type { DownloadStatus, DownloadState } from '@yd/client';
-	import { Badge, type BadgeVariants, ProgressBar } from '@yd/ui';
+	import type { DownloadState, DownloadStatus } from '@yd/client';
+	import type { BadgeVariants } from '@yd/ui';
+	import { Badge, ProgressBar } from '@yd/ui';
 
 	export let status: DownloadStatus;
 

diff --git a/apps/extension/src/lib/context-menu.ts b/apps/extension/src/lib/context-menu.ts
@@ -1,5 +1,7 @@
-import type { Tabs, Menus } from 'webextension-polyfill';
+import type { Menus, Tabs } from 'webextension-polyfill';
+
 import type { Video } from '@yd/client';
+
 import { getContextService } from './context-service';
 
 export function handleContextMenuClick(info: Menus.OnClickData, tab?: Tabs.Tab): void {

diff --git a/apps/extension/src/lib/context-service.ts b/apps/extension/src/lib/context-service.ts
@@ -1,23 +1,25 @@
-import { get } from 'svelte/store';
 import { defineProxyService } from '@webext-core/proxy-service';
+import { get } from 'svelte/store';
 import { Tabs } from 'webextension-polyfill';
+
 import {
-	OpenAPI,
-	Video,
 	Download,
-	Session,
 	DownloadOptions,
-	SessionService,
-	SearchService,
 	DownloadsService,
-	DownloadsStatusService
+	DownloadsStatusService,
+	OpenAPI,
+	SearchService,
+	Session,
+	SessionService,
+	Video
 } from '@yd/client';
-import { settings } from '~/lib/stores/settings';
+
 import { env } from '~/lib/config';
+import { setContextMenus } from '~/lib/context-menu';
 import { isYouTubeVideo } from '~/lib/detect';
-import { sendMessageIgnoreReturn } from '~/lib/messaging';
 import { saveAs } from '~/lib/files';
-import { setContextMenus } from '~/lib/context-menu';
+import { sendMessageIgnoreReturn } from '~/lib/messaging';
+import { settings } from '~/lib/stores/settings';
 
 export type Ctx = {
 	session?: Session; // Current session.

diff --git a/apps/extension/src/lib/messaging.ts b/apps/extension/src/lib/messaging.ts
@@ -1,5 +1,6 @@
 import { defineExtensionMessaging, GetDataType } from '@webext-core/messaging';
 import { Tabs } from 'webextension-polyfill';
+
 import { Download, DownloadOptions, Session, Video } from '@yd/client';
 
 /**

diff --git a/apps/extension/src/lib/stores/context.ts b/apps/extension/src/lib/stores/context.ts
@@ -1,9 +1,11 @@
-import { writable, get } from 'svelte/store';
+import { get, writable } from 'svelte/store';
 import { Tabs } from 'webextension-polyfill';
+
 import type { Download } from '@yd/client';
+
 import type { Ctx } from '~/lib/context-service';
-import { onMessage } from '~/lib/messaging';
 import { getContextService } from '~/lib/context-service';
+import { onMessage } from '~/lib/messaging';
 
 /**
  * Create a store used to manage context in a popup or other location. This store is initialized

diff --git a/apps/extension/src/lib/stores/settings.ts b/apps/extension/src/lib/stores/settings.ts
@@ -1,4 +1,5 @@
 import { DEFAULT_DOWNLOAD_OPTIONS } from '@yd/client';
+
 import { writeableStorage } from '~/lib/stores/writeable-storage';
 
 // Store used for managing preferred settings set by the user.

diff --git a/apps/extension/src/lib/stores/writeable-storage.ts b/apps/extension/src/lib/stores/writeable-storage.ts
@@ -1,4 +1,5 @@
-import { writable, get, type Updater, type Writable } from 'svelte/store';
+import type { Updater, Writable } from 'svelte/store';
+import { get, writable } from 'svelte/store';
 import { Storage } from 'webextension-polyfill';
 
 export interface WriteableStorage<T> extends Writable<T> {

diff --git a/apps/extension/wxt.config.ts b/apps/extension/wxt.config.ts
@@ -1,5 +1,5 @@
-import { defineConfig } from 'wxt';
 import { svelte, vitePreprocess } from '@sveltejs/vite-plugin-svelte';
+import { defineConfig } from 'wxt';
 
 // See https://wxt.dev/api/config.html
 export default defineConfig({

diff --git a/apps/web/src/lib/api.ts b/apps/web/src/lib/api.ts
@@ -1,9 +1,10 @@
-import { OpenAPI, SessionService } from '@yd/client';
-import { toast } from '@yd/ui';
-import { env } from '$lib/config';
 import { browser } from '$app/environment';
+import { env } from '$lib/config';
 import { downloads } from '$lib/stores/downloads';
 
+import { OpenAPI, SessionService } from '@yd/client';
+import { toast } from '@yd/ui';
+
 // Set the base server address using the environment variable.
 OpenAPI.BASE = env.serverAddress;
 

diff --git a/apps/web/src/lib/components/DownloadActions.svelte b/apps/web/src/lib/components/DownloadActions.svelte
@@ -1,7 +1,8 @@
 <script lang="ts">
+	import { downloads } from '$lib/stores/downloads';
+
 	import type { Download } from '@yd/client';
 	import { ActionIcon, ArrowPathIcon, ButtonGroup, Confirm, DownloadIcon, TrashIcon } from '@yd/ui';
-	import { downloads } from '$lib/stores/downloads';
 
 	export let download: Download;
 

diff --git a/apps/web/src/lib/components/NotFound.svelte b/apps/web/src/lib/components/NotFound.svelte
@@ -1,7 +1,8 @@
 <script lang="ts">
-	import { Button } from '@yd/ui';
 	import { RoutePathConstants } from '$lib/routes';
 
+	import { Button } from '@yd/ui';
+
 	export let title: string = '404';
 	export let subtitle: string = '';
 	export let description: string = "We can't find that page.";

diff --git a/apps/web/src/lib/components/ResultCard.svelte b/apps/web/src/lib/components/ResultCard.svelte
@@ -1,9 +1,10 @@
 <script lang="ts">
-	import type { Video } from '@yd/client';
-	import { Card, PlusIcon, IconButton } from '@yd/ui';
 	import StateIcon from '$lib/components/StateIcon.svelte';
 	import { downloads } from '$lib/stores/downloads';
 
+	import type { Video } from '@yd/client';
+	import { Card, IconButton, PlusIcon } from '@yd/ui';
+
 	export let result: Video;
 </script>
 

diff --git a/apps/web/src/lib/components/StateIcon.svelte b/apps/web/src/lib/components/StateIcon.svelte
@@ -1,12 +1,7 @@
 <script lang="ts">
 	import type { DownloadState } from '@yd/client';
-	import {
-		CheckCircleIcon,
-		LoaderIcon,
-		ExclamationCircleIcon,
-		Icon,
-		type IconSource
-	} from '@yd/ui';
+	import type { IconSource } from '@yd/ui';
+	import { CheckCircleIcon, ExclamationCircleIcon, Icon, LoaderIcon } from '@yd/ui';
 
 	export let state: DownloadState;
 

diff --git a/apps/web/src/lib/components/StatusBadge.svelte b/apps/web/src/lib/components/StatusBadge.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
 	import type { DownloadState, DownloadStatus } from '@yd/client';
-	import { Badge, type BadgeVariants, ProgressBar } from '@yd/ui';
+	import type { BadgeVariants } from '@yd/ui';
+	import { Badge, ProgressBar } from '@yd/ui';
 
 	export let status: DownloadStatus;
 

diff --git a/apps/web/src/lib/routes.ts b/apps/web/src/lib/routes.ts
@@ -1,4 +1,5 @@
-import { DownloadIcon, GearIcon, MagnifyingGlassIcon, type IconSource } from '@yd/ui';
+import type { IconSource } from '@yd/ui';
+import { DownloadIcon, GearIcon, MagnifyingGlassIcon } from '@yd/ui';
 
 export class RoutePathConstants {
 	public static SEARCH = '/';

diff --git a/apps/web/src/lib/stores/downloads.ts b/apps/web/src/lib/stores/downloads.ts
@@ -1,8 +1,10 @@
-import { writable, get } from 'svelte/store';
-import { DownloadsService, DownloadsStatusService, type Video, type Download } from '@yd/client';
-import { toast } from '@yd/ui';
 import { settings, userSettings } from '$lib/stores/settings';
 import { saveAs } from '$lib/utils/files';
+import { get, writable } from 'svelte/store';
+
+import type { Download, Video } from '@yd/client';
+import { DownloadsService, DownloadsStatusService } from '@yd/client';
+import { toast } from '@yd/ui';
 
 const DOWNLOADS = writable<Record<string, Download>>({});
 

diff --git a/apps/web/src/lib/stores/search.ts b/apps/web/src/lib/stores/search.ts
@@ -1,5 +1,7 @@
 import { writable } from 'svelte/store';
-import { SearchService, type Video } from '@yd/client';
+
+import type { Video } from '@yd/client';
+import { SearchService } from '@yd/client';
 import { toast } from '@yd/ui';
 
 function createSearchStore() {

diff --git a/apps/web/src/lib/stores/settings.ts b/apps/web/src/lib/stores/settings.ts
@@ -1,12 +1,13 @@
+import { browser } from '$app/environment';
 import { writable } from 'svelte/store';
+
+import type { DownloadOptions } from '@yd/client';
 import {
 	AudioFormatEnum,
+	DEFAULT_DOWNLOAD_OPTIONS,
 	DownloadQualityEnum,
-	VideoFormatEnum,
-	type DownloadOptions,
-	DEFAULT_DOWNLOAD_OPTIONS
+	VideoFormatEnum
 } from '@yd/client';
-import { browser } from '$app/environment';
 
 const SETTINGS_KEY = 'yd-settings';
 

diff --git a/apps/web/src/routes/+layout.svelte b/apps/web/src/routes/+layout.svelte
@@ -1,12 +1,14 @@
 <script lang="ts">
 	import '../app.css';
-	import { Toasts, NavBar, Footer, ThemeToggle } from '@yd/ui';
+
 	import { page } from '$app/stores';
+	import { setupSession } from '$lib/api';
 	import Loading from '$lib/components/Loading.svelte';
-	import config from '$lib/config';
-	import { navbarLinks, footerLinks } from '$lib/routes';
 	import Logo from '$lib/components/Logo.svelte';
-	import { setupSession } from '$lib/api';
+	import config from '$lib/config';
+	import { footerLinks, navbarLinks } from '$lib/routes';
+
+	import { Footer, NavBar, ThemeToggle, Toasts } from '@yd/ui';
 </script>
 
 <svelte:head>

diff --git a/apps/web/src/routes/+page.svelte b/apps/web/src/routes/+page.svelte
@@ -1,8 +1,9 @@
 <script lang="ts">
-	import { Title, Button, LoaderIcon, Icon, SearchBar } from '@yd/ui';
-	import { search } from '$lib/stores/search';
 	import ResultCard from '$lib/components/ResultCard.svelte';
 	import config from '$lib/config';
+	import { search } from '$lib/stores/search';
+
+	import { Button, Icon, LoaderIcon, SearchBar, Title } from '@yd/ui';
 
 	async function searchVideos(event: CustomEvent<{ query: string }>) {
 		await search.get(event.detail.query);

diff --git a/apps/web/src/routes/downloads/+page.svelte b/apps/web/src/routes/downloads/+page.svelte
@@ -1,11 +1,12 @@
 <script lang="ts">
-	import { Badge, Pagination, Table, Title } from '@yd/ui';
-	import { downloads } from '$lib/stores/downloads';
-	import { userSettings } from '$lib/stores/settings';
 	import DownloadActions from '$lib/components/DownloadActions.svelte';
 	import NotFound from '$lib/components/NotFound.svelte';
 	import StatusBadge from '$lib/components/StatusBadge.svelte';
 	import config from '$lib/config';
+	import { downloads } from '$lib/stores/downloads';
+	import { userSettings } from '$lib/stores/settings';
+
+	import { Badge, Pagination, Table, Title } from '@yd/ui';
 
 	let page = 1;
 

diff --git a/apps/web/src/routes/faq/+page.svelte b/apps/web/src/routes/faq/+page.svelte
@@ -1,7 +1,8 @@
 <script lang="ts">
-	import { Title, CollapsibleSection } from '@yd/ui';
-	import { faqs } from '$lib/utils/faq';
 	import config from '$lib/config';
+	import { faqs } from '$lib/utils/faq';
+
+	import { CollapsibleSection, Title } from '@yd/ui';
 </script>
 
 <svelte:head>