Migration ProConnect

src/lib/components/specialized/pc-button.svelte

@@ -0,0 +1,28 @@
+<script lang="ts">
+  import { getApiURL } from "$lib/utils/api";
+
+  export let nextPage: string;
+
+  const loginUrl =
+    getApiURL() + "/oidc/login/?next=" + encodeURIComponent(nextPage);
+</script>
+
+<div class="text-center">
+  <a class="mb-s24 inline-block" href={loginUrl}>
+    <div
+      class="proconnect-button mx-auto mt-s24 flex items-center justify-center rounded-full bg-france-blue p-s6 pr-s24 text-f16 text-white transition-colors hover:bg-[#2323FF]"
+    ></div>
+  </a>
+
+  <div class="text-center">
+    <a
+      class="text-magenta-cta underline"
+      target="_blank"
+      title="Ouverture dans une nouvelle fenêtre"
+      rel="noopener"
+      href="https://aide.dora.inclusion.beta.gouv.fr"
+    >
+      Besoin d’aide&nbsp;? Contactez-nous (mais pas tout de suite)
+    </a>
+  </div>
+</div>

src/routes/_index/menu-mon-compte.svelte

@@ -51,6 +51,15 @@
     <span class="mr-s10 inline-block h-s24 w-s24 fill-current" aria-hidden>
       {@html logoutBoxLineIcon}
     </span>
-    Déconnexion
+    Déconnexion (IC)
+  </a>
+
+  <hr />
+
+  <a href="/auth/pc-logout" class={aClass}>
+    <span class="mr-s10 inline-block h-s24 w-s24 fill-current" aria-hidden>
+      {@html logoutBoxLineIcon}
+    </span>
+    Déconnexion (PC)
   </a>
 </DropdownMenu>

src/routes/auth/connexion/+page.svelte

@@ -14,6 +14,7 @@
   import CenteredGrid from "$lib/components/display/centered-grid.svelte";
   import Breadcrumb from "$lib/components/display/breadcrumb.svelte";
   import IcButton from "$lib/components/specialized/ic-button.svelte";
+  import PcButton from "$lib/components/specialized/pc-button.svelte";
 
   function getLoginHint() {
     const loginHint = $page.url.searchParams.get("login_hint");
@@ -62,6 +63,7 @@
           </div>
 
           <IcButton {nextPage} {loginHint}></IcButton>
+          <PcButton {nextPage} {loginHint}></PcButton>
         </div>
       </FieldSet>
     </div>

src/routes/auth/ic-callback/+page.ts

@@ -30,6 +30,8 @@ export const load: PageLoad = async ({ url, parent }) => {
   window.localStorage.removeItem("oidcState");
 
   const targetUrl = `${getApiURL()}/inclusion-connect-authenticate/`;
+  // ce call retourne une structure avec le token DRF initialisé coté backend
+
   const result = await fetch(targetUrl, {
     method: "POST",
     headers: {

src/routes/auth/pc-callback/+page.ts

@@ -0,0 +1,2 @@
+export const ssr = false;
+export const load = () => {};

src/routes/auth/pc-callback/[token]/+page.ts

@@ -0,0 +1,12 @@
+import { CANONICAL_URL } from "$lib/env";
+import { setToken } from "$lib/utils/auth";
+import { redirect } from "@sveltejs/kit";
+import { getNextPage } from "../../utils";
+
+export const load = ({ params, url }) => {
+  const token = params.token;
+  setToken(token);
+
+  // home pour l'instant
+  redirect(302, CANONICAL_URL + getNextPage(url));
+};

src/routes/auth/pc-logout/+page.ts

@@ -0,0 +1,8 @@
+import { getApiURL } from "$lib/utils/api";
+import { disconnect } from "$lib/utils/auth";
+import { redirect } from "@sveltejs/kit";
+
+export const load = () => {
+  disconnect();
+  redirect(302, getApiURL() + "/oidc/pre_logout/");
+};