Refactor lib and components project structure

src/lib/features/ebd-form-header.svelte → src/lib/components/features/ebd-form-header.svelte

@@ -1,7 +1,12 @@
 <script lang="ts">
   import { goto } from "$app/navigation";
   import { base } from "$app/paths";
-  import { EbdSelect, ExportButton, FormatVersionSelect, IconLogo } from "$lib";
+  import {
+    EbdSelect,
+    ExportButton,
+    FormatVersionSelect,
+    IconLogo,
+  } from "$lib/components";
 
   type FormatVersion = {
     code: string;

src/lib/components/index.ts

@@ -0,0 +1,14 @@
+// shared components
+export { default as Footer } from "./shared/footer.svelte";
+export { default as Header } from "./shared/header.svelte";
+export { default as IconLogin } from "./shared/icon-login.svelte";
+export { default as IconLogo } from "./shared/icon-logo.svelte";
+export { default as IconLogout } from "./shared/icon-logout.svelte";
+export { default as LoginButton } from "./shared/login-button.svelte";
+export { default as ToolsBanner } from "./shared/tools-banner.svelte";
+
+// features
+export { default as EbdFormHeader } from "./features/ebd-form-header.svelte";
+export { default as EbdSelect } from "./features/ebd-select.svelte";
+export { default as ExportButton } from "./features/export-button.svelte";
+export { default as FormatVersionSelect } from "./features/format-version-select.svelte";

src/lib/components/footer.svelte → src/lib/components/shared/footer.svelte

@@ -1,6 +1,6 @@
 <script>
   import { base } from "$app/paths";
-  import { IconLogo } from "$lib";
+  import { IconLogo } from "$lib/components";
 
   export let background = "bg-secondary";
 

src/lib/components/header.svelte → src/lib/components/shared/header.svelte

@@ -1,6 +1,6 @@
 <script>
   import { base } from "$app/paths";
-  import { IconLogo } from "$lib";
+  import { IconLogo } from "$lib/components";
 </script>
 
 <header class="bg-secondary">

src/lib/components/login-button.svelte → src/lib/components/shared/login-button.svelte

@@ -1,10 +1,10 @@
 <script lang="ts">
   import { onMount } from "svelte";
 
-  import { IconLogin, IconLogout } from "$lib";
+  import { IconLogin, IconLogout } from "$lib/components";
 
-  import auth from "../../auth/authService";
-  import { isAuthenticated, user } from "../../store";
+  import auth from "../../../auth/authService";
+  import { isAuthenticated, user } from "../../../store";
 
   let userEmail: string = "";
 

src/routes/+layout.svelte

@@ -6,7 +6,7 @@
   import { goto } from "$app/navigation";
   import { base } from "$app/paths";
   import { page } from "$app/stores";
-  import { Footer } from "$lib";
+  import { Footer } from "$lib/components";
 
   import auth from "../auth/authService";
   import { isAuthenticated } from "../store";

src/routes/+page.svelte

@@ -3,7 +3,7 @@
 
   import { goto } from "$app/navigation";
   import { base } from "$app/paths";
-  import { LoginButton, ToolsBanner } from "$lib";
+  import { LoginButton, ToolsBanner } from "$lib/components";
 
   import auth from "../auth/authService";
   import { isAuthenticated } from "../store";

src/routes/ebd/+page.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import { goto } from "$app/navigation";
   import { base } from "$app/paths";
-  import { EbdSelect, FormatVersionSelect, Header } from "$lib";
+  import { EbdSelect, FormatVersionSelect, Header } from "$lib/components";
 
   import type { PageData } from "./$types";
 

src/routes/ebd/[...ebd]/+layout.svelte

@@ -2,7 +2,7 @@
   import "../../../app.scss";
 
   import { page } from "$app/stores";
-  import { EbdFormHeader } from "$lib";
+  import { EbdFormHeader } from "$lib/components";
 
   $: ({ formatVersions, ebds } = $page.data);
   $: params = $page.params.ebd?.split("/") || [];