fix(import-order): fix import order for all files by defining an eslint rule

Author: vatsalparikh

.prettierrc

@@ -1,9 +1,16 @@
 {
+  "plugins": ["prettier-plugin-svelte"],
   "useTabs": false,
   "singleQuote": true,
   "trailingComma": "all",
   "printWidth": 100,
   "overrides": [
+    {
+      "files": "*.svelte",
+      "options": {
+        "parser": "svelte"
+      }
+    },
     {
       "files": "*.json",
       "options": {

apps/login-app/src/lib/server/redirect/redirect.effects.ts

@@ -7,22 +7,23 @@
  *
  **/
 
-import type { RequestEvent } from '@sveltejs/kit';
 import { z } from 'zod';
 
+import { AM_DOMAIN_PATH } from '$core/constants';
+import { env } from '$env/dynamic/private';
 import {
-  setHttpCookie,
-  getHttpCookie,
-  removeHttpCookie,
   amFetchRequest,
+  getHttpCookie,
   getUserRolesFromSession,
+  removeHttpCookie,
+  setHttpCookie,
 } from '$server/sessions';
-import type { TokenId } from '$server/schemas';
-import { env } from '$env/dynamic/private';
-import { AM_DOMAIN_PATH } from '$core/constants';
-
 import { parseRedirectForm } from './redirect.utilities';
+
+import type { RequestEvent } from '@sveltejs/kit';
+
 import type { RedirectData, RedirectParams } from './redirect.types';
+import type { TokenId } from '$server/schemas';
 
 const REDIRECT_QUERY_PARAMS = 'redirect_query_params';
 

apps/login-app/src/lib/server/redirect/redirect.utilities.test.ts

@@ -9,15 +9,15 @@
 
 import { describe, expect, it } from 'vitest';
 
-import type { RedirectData } from './redirect.types';
-
 import {
   isDefaultPath,
   parseRedirectForm,
   resolveAgainstOrigin,
   resolveRedirect,
 } from './redirect.utilities';
 
+import type { RedirectData } from './redirect.types';
+
 describe('parseRedirectForm', () => {
   it('parses expected values', () => {
     const formData = new FormData();

apps/login-app/src/lib/server/redirect/redirect.utilities.ts

@@ -8,9 +8,11 @@
  **/
 
 import { z } from 'zod';
-import { type RedirectData, type RedirectFormValue, type Resolver } from './redirect.types';
+
 import { tokenIdSchema } from '$server/schemas';
 
+import type { RedirectData, RedirectFormValue, Resolver } from './redirect.types';
+
 /**
  * @function resolveRedirect - Resolves a final redirect URL from the provided context.
  * @param {RedirectData} redirectContext - The redirect context.

apps/login-app/src/lib/server/sessions.ts

@@ -9,9 +9,11 @@
 
 import { v4 as uuid } from 'uuid';
 import { z } from 'zod';
-import type { Cookies } from '@sveltejs/kit';
+
 import { AM_COOKIE_NAME, AM_DOMAIN_PATH, JSON_REALM_PATH } from '$core/constants';
 
+import type { Cookies } from '@sveltejs/kit';
+
 import type { TokenId } from '$server/schemas';
 
 const amSessions: Map<string, string> = new Map();

apps/login-app/src/routes/(app)/+layout.server.ts

@@ -8,6 +8,7 @@
  **/
 
 import { env } from '$env/dynamic/private';
+
 import type { LayoutServerLoad } from './$types';
 
 export const load: LayoutServerLoad = () => ({

apps/login-app/src/routes/(app)/+layout.ts

@@ -7,13 +7,13 @@
  *
  **/
 
-import configure from '$core/sdk.config';
+import '../../app.css';
+import { browser } from '$app/environment';
 import { setJourneyClientConfig } from '$core/journey-client.config';
-import { initialize as initializeJourneys } from '$journey/config.store';
 import { initialize as initializeLinks } from '$core/links.store';
+import configure from '$core/sdk.config';
+import { initialize as initializeJourneys } from '$journey/config.store';
 
-import '../../app.css';
-import { browser } from '$app/environment';
 import type { LayoutLoad } from './$types';
 
 export const load: LayoutLoad = ({ data }) => {

apps/login-app/src/routes/(app)/+page.server.ts

@@ -7,19 +7,21 @@
  *
  **/
 
-import { redirect, type RequestEvent } from '@sveltejs/kit';
-import type { PageServerLoad } from './$types';
-import { z } from 'zod';
+import { redirect } from '@sveltejs/kit';
 
 import { getLocale } from '$core/_utilities/i18n.utilities';
-import { resolveRedirect } from '$server/redirect/redirect.utilities';
-
-import type { stringsSchema } from '$core/locale.store';
 import {
-  storeRedirectParams,
   createRedirectContext,
   readAndClearRedirectCookie,
+  storeRedirectParams,
 } from '$server/redirect/redirect.effects';
+import { resolveRedirect } from '$server/redirect/redirect.utilities';
+
+import type { RequestEvent } from '@sveltejs/kit';
+import type { z } from 'zod';
+
+import type { PageServerLoad } from './$types';
+import type { stringsSchema } from '$core/locale.store';
 
 export const load: PageServerLoad = async (event: RequestEvent) => {
   const userLocale = event.request.headers.get('accept-language') || 'en-US';

apps/login-app/src/routes/(app)/+page.svelte

@@ -8,14 +8,14 @@
  -->
 
 <script lang="ts">
-  import { goto } from '$app/navigation';
-  import { page } from '$app/stores';
   import { onMount, tick } from 'svelte';
 
+  import { goto } from '$app/navigation';
+  import { page } from '$app/stores';
   import Box from '$components/primitives/box/centered.svelte';
-  import Journey from '$journey/journey.svelte';
-  import { initialize as initializeJourney } from '$journey/journey.store';
   import { initialize as initializeContent } from '$core/locale.store';
+  import { initialize as initializeJourney } from '$journey/journey.store';
+  import Journey from '$journey/journey.svelte';
 
   import type { JourneyStore } from '$journey/journey.interfaces';
 
@@ -85,7 +85,8 @@
         journeyStepUrl =
           $journeyStore?.step?.payload?.detail?.failureUrl ??
           // Some failure flows store failureUrl in error.detail instead of step payload.
-          $journeyStore?.error?.detail?.failureUrl ?? '';
+          $journeyStore?.error?.detail?.failureUrl ??
+          '';
       }
 
       // wait until the DOM is updated before submitting
@@ -111,4 +112,4 @@
   {:else}
     <Journey componentStyle="app" displayIcon={true} {journeyStore} />
   {/if}
-</Box>
+</Box>

apps/login-app/src/routes/(app)/failure-redirect/+page.svelte

@@ -8,22 +8,22 @@
  -->
 
 <script lang="ts">
-	import Box from '$components/primitives/box/centered.svelte';
-	import ShieldIcon from '$components/icons/shield-icon.svelte';
+  import ShieldIcon from '$components/icons/shield-icon.svelte';
+  import Box from '$components/primitives/box/centered.svelte';
 </script>
 
 <Box>
-	<div class="tw_flex tw_flex-col tw_items-center tw_text-center tw_gap-4">
-		<div class="tw_flex tw_justify-center">
-			<ShieldIcon classes="tw_text-gray-400 tw_fill-current" size="72px" />
-		</div>
+  <div class="tw_flex tw_flex-col tw_items-center tw_text-center tw_gap-4">
+    <div class="tw_flex tw_justify-center">
+      <ShieldIcon classes="tw_text-gray-400 tw_fill-current" size="72px" />
+    </div>
 
-		<h1 class="tw_primary-header dark:tw_primary-header_dark">Sign-in failed</h1>
-		<p class="tw_text-secondary-dark dark:tw_text-secondary-light">
-			We couldn’t redirect you automatically.
-		</p>
-		<p class="tw_text-secondary-dark dark:tw_text-secondary-light">
-			Return to the application and try signing in again.
-		</p>
-	</div>
+    <h1 class="tw_primary-header dark:tw_primary-header_dark">Sign-in failed</h1>
+    <p class="tw_text-secondary-dark dark:tw_text-secondary-light">
+      We couldn’t redirect you automatically.
+    </p>
+    <p class="tw_text-secondary-dark dark:tw_text-secondary-light">
+      Return to the application and try signing in again.
+    </p>
+  </div>
 </Box>