msal-vue-poc 0.1.0

package/README.md

@@ -0,0 +1,36 @@
+# MSAL Vue PoC
+
+A Vue.js library for Microsoft Authentication Library (MSAL) integration.
+
+## Installation
+
+```bash
+npm install msal-vue-poc
+```
+
+## Usage
+
+```typescript
+import { msalService, useUserStore } from 'msal-vue-poc'
+
+// Initialize MSAL
+const { initialize, login, logout } = msalService()
+await initialize()
+
+// Use the user store
+const userStore = useUserStore()
+```
+
+## Dependencies
+
+This library requires the following peer dependencies:
+
+- vue
+- @azure/msal-browser
+- axios
+- pinia
+- vue-router
+
+## License
+
+MIT

package/dist/index.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/msal-vue-poc.css

@@ -0,0 +1 @@
+.el-scrollbar{background-color:bisque}.el-checkbox__input.is-checked+.el-checkbox__label{color:#000}

package/dist/msal-vue-poc.es.js

@@ -0,0 +1,228 @@
+import { reactive as y, ref as p, defineComponent as v, useModel as L, resolveComponent as d, createElementBlock as w, openBlock as g, createVNode as h, withCtx as m, Fragment as R, renderList as z, createBlock as C } from "vue";
+import S from "axios";
+import { PublicClientApplication as E } from "@azure/msal-browser";
+import { defineStore as U } from "pinia";
+const M = {
+  auth: {
+    clientId: "ae51bfba-500c-472c-88b1-9cd36b982efe",
+    authority: "https://login.microsoftonline.com/0922c7a7-1dd1-4058-b146-c62ef3e8cfb4",
+    redirectUri: "http://localhost:5173/",
+    // Must be registered as a SPA redirectURI
+    postLogoutRedirectUri: window.location.origin
+    // Must be registered as a SPA redirectURI
+  },
+  cache: {
+    cacheLocation: "localStorage",
+    // This configures where your cache will be stored
+    storeAuthStateInCookie: !0
+    // Required for SSO to work across browser tabs and sessions
+  }
+}, V = {
+  scopes: ["user.read", "openid", "profile"]
+}, i = y({
+  isAuthenticated: !1,
+  user: null
+}), s = new E(M);
+function k() {
+  return {
+    initialize: async () => {
+      try {
+        await s.initialize();
+      } catch (n) {
+        console.log("Initialization error", n);
+      }
+    },
+    login: async () => {
+      try {
+        if (!s)
+          throw new Error("MSAL not initialized. Call initializeMsal() before using MSAL API.");
+        await s.loginRedirect({
+          scopes: [
+            "api://b9dffec3-e297-4d57-9c5b-1f7fd682b74f/access_as_user",
+            "User.Read",
+            "openid",
+            "profile"
+          ]
+        }), i.isAuthenticated = !0;
+      } catch (n) {
+        console.log(i), console.error("Login error:", n);
+      }
+    },
+    logout: () => {
+      if (!s)
+        throw new Error("MSAL not initialized. Call initializeMsal() before using MSAL API.");
+      s.logoutRedirect(), i.isAuthenticated = !1, i.user = null;
+    },
+    handleRedirect: async () => {
+      try {
+        const n = await s.handleRedirectPromise(), a = s.getAllAccounts();
+        return i.isAuthenticated = a.length > 0, i.user = a.length > 0 ? a[0] : null, console.log("handleRedirect"), n && console.log("Login successful via redirect"), n;
+      } catch (n) {
+        throw console.error("Redirect error:", n), n;
+      }
+    },
+    silentLogin: async () => {
+      try {
+        const n = s.getAllAccounts();
+        return n.length > 0 ? (i.isAuthenticated = !0, i.user = n[0] || null, console.log("Using cached account"), !0) : (console.log("No cached account found, interactive login required"), !1);
+      } catch (n) {
+        return console.log("Silent login failed:", n), !1;
+      }
+    },
+    getToken: async (n) => {
+      if (!s)
+        throw new Error("MSAL not initialized. Call initializeMsal() before using MSAL API.");
+      try {
+        const a = s.getAllAccounts();
+        if (a.length === 0)
+          throw new Error("No accounts found. Please login first.");
+        const u = n || ["User.Read"], c = {
+          scopes: u,
+          account: a[0]
+        };
+        console.log("Requesting token with scopes:", u);
+        const f = await s.acquireTokenSilent(c);
+        return console.log("Token acquired successfully"), f.accessToken;
+      } catch (a) {
+        throw console.error("Silent token acquisition error:", a), a;
+      }
+    }
+  };
+}
+const b = S.create({
+  baseURL: "https://graph.microsoft.com/v1.0",
+  headers: {
+    "Content-Type": "application/json"
+  }
+});
+b.interceptors.request.use(async (o) => {
+  try {
+    const { getToken: e, login: r } = k();
+    if (!i.isAuthenticated)
+      throw console.warn("Utilisateur non authentifié, déclenchement du login MSAL"), await r(), new Error("Authentification requise, login déclenché");
+    const t = await e(["User.Read"]);
+    console.log("Token MSAL pour Graph:", t), t && (o.headers.Authorization = `Bearer ${t}`);
+  } catch (e) {
+    throw console.error("Erreur lors de la récupération du token Graph:", e), e;
+  }
+  return o;
+});
+function I() {
+  const o = p(!1), e = p(null);
+  return {
+    loading: o,
+    error: e,
+    getUserProfile: async () => {
+      o.value = !0, e.value = null;
+      try {
+        return (await b.get("/me")).data;
+      } catch (t) {
+        const l = t;
+        return e.value = l.response?.data?.error?.message || l.message || "Erreur lors de la récupération du profil", console.error("Erreur Graph API:", t), null;
+      } finally {
+        o.value = !1;
+      }
+    }
+  };
+}
+const A = S.create({
+  baseURL: "http://127.0.0.1:8000/Api_carto",
+  headers: {
+    "Content-Type": "application/json",
+    "Access-Control-Allow-Origin": "*"
+  }
+});
+A.interceptors.request.use(async (o) => {
+  try {
+    const { getToken: e, login: r } = k();
+    if (!i.isAuthenticated)
+      throw console.warn("Utilisateur non authentifié, déclenchement du login MSAL"), await r(), new Error("Authentification requise, login déclenché");
+    const t = await e(["User.Read"]);
+    t && (o.headers["X-Azure-Token"] = `Bearer ${t}`), o.headers.Authorization = "Bearer n3XK~CW9u0m2.r=Z&24w", console.log("cartoApiClient headers:", o.headers);
+  } catch (e) {
+    throw console.error("Erreur lors de la récupération du token Azure:", e), e;
+  }
+  return o;
+});
+class T {
+  async getAllWorksites(e) {
+    const r = this.getAllParameters(e);
+    return (await A.get(`/infrastructures?${r.join("&")}`)).data;
+  }
+  getAllParameters(e) {
+    const r = [];
+    return e.company_id && e.company_id.forEach((t) => {
+      r.push(`id_company=${t}`);
+    }), e.of_stage_id && e.of_stage_id.forEach((t) => {
+      r.push(`stage_ids=${t}`);
+    }), e.power && r.push(`minVal=${e.power[0]}&maxVal=${e.power[1]}`), e.of_structure_type_ids && e.of_structure_type_ids.forEach((t) => {
+      r.push(`infra_type=${t}`);
+    }), e.partner_id && e.partner_id.forEach((t) => {
+      r.push(`partner_id=${t}`);
+    }), e.of_start_date && r.push(
+      `start_date=${e.of_start_date[0]}&end_date=${e.of_start_date[1]}`
+    ), r;
+  }
+  async getWorksiteStageFilter() {
+    return (await A.get("/stage")).data;
+  }
+}
+const B = new T(), G = U("user", () => {
+  const o = p(null);
+  function e(r) {
+    o.value = r;
+  }
+  return console.log(o.value), { user: o, updateUser: e };
+}), j = /* @__PURE__ */ v({
+  __name: "StepSelector",
+  props: {
+    modelValue: { default: [] },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(o) {
+    const e = L(o, "modelValue"), r = p([]);
+    return (t, l) => {
+      const _ = d("el-checkbox"), n = d("el-row"), a = d("el-checkbox-group"), u = d("el-scrollbar");
+      return g(), w("div", null, [
+        h(u, { height: "200px" }, {
+          default: m(() => [
+            h(a, {
+              modelValue: e.value,
+              "onUpdate:modelValue": l[0] || (l[0] = (c) => e.value = c),
+              "data-test": "steps"
+            }, {
+              default: m(() => [
+                (g(!0), w(R, null, z(r.value, (c, f) => (g(), C(n, { key: f }, {
+                  default: m(() => [
+                    h(_, {
+                      value: c.name,
+                      label: c.name,
+                      size: "large"
+                    }, null, 8, ["value", "label"])
+                  ]),
+                  _: 2
+                }, 1024))), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+export {
+  B as ApiHttpService,
+  j as StepSelector,
+  A as cartoApi,
+  b as graphApi,
+  V as graphScopes,
+  M as msalConfig,
+  s as msalInstance,
+  k as msalService,
+  i as state,
+  I as useGraphApi,
+  G as useUserStore
+};

package/dist/msal-vue-poc.umd.js

@@ -0,0 +1 @@
+(function(r,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("axios"),require("@azure/msal-browser"),require("pinia")):typeof define=="function"&&define.amd?define(["exports","vue","axios","@azure/msal-browser","pinia"],t):(r=typeof globalThis<"u"?globalThis:r||self,t(r.MsalVuePoc={},r.Vue,r.axios,r.MsalBrowser,r.Pinia))})(this,(function(r,t,A,S,k){"use strict";const _={auth:{clientId:"ae51bfba-500c-472c-88b1-9cd36b982efe",authority:"https://login.microsoftonline.com/0922c7a7-1dd1-4058-b146-c62ef3e8cfb4",redirectUri:"http://localhost:5173/",postLogoutRedirectUri:window.location.origin},cache:{cacheLocation:"localStorage",storeAuthStateInCookie:!0}},b={scopes:["user.read","openid","profile"]},l=t.reactive({isAuthenticated:!1,user:null}),s=new S.PublicClientApplication(_);function h(){return{initialize:async()=>{try{await s.initialize()}catch(a){console.log("Initialization error",a)}},login:async()=>{try{if(!s)throw new Error("MSAL not initialized. Call initializeMsal() before using MSAL API.");await s.loginRedirect({scopes:["api://b9dffec3-e297-4d57-9c5b-1f7fd682b74f/access_as_user","User.Read","openid","profile"]}),l.isAuthenticated=!0}catch(a){console.log(l),console.error("Login error:",a)}},logout:()=>{if(!s)throw new Error("MSAL not initialized. Call initializeMsal() before using MSAL API.");s.logoutRedirect(),l.isAuthenticated=!1,l.user=null},handleRedirect:async()=>{try{const a=await s.handleRedirectPromise(),c=s.getAllAccounts();return l.isAuthenticated=c.length>0,l.user=c.length>0?c[0]:null,console.log("handleRedirect"),a&&console.log("Login successful via redirect"),a}catch(a){throw console.error("Redirect error:",a),a}},silentLogin:async()=>{try{const a=s.getAllAccounts();return a.length>0?(l.isAuthenticated=!0,l.user=a[0]||null,console.log("Using cached account"),!0):(console.log("No cached account found, interactive login required"),!1)}catch(a){return console.log("Silent login failed:",a),!1}},getToken:async a=>{if(!s)throw new Error("MSAL not initialized. Call initializeMsal() before using MSAL API.");try{const c=s.getAllAccounts();if(c.length===0)throw new Error("No accounts found. Please login first.");const f=a||["User.Read"],d={scopes:f,account:c[0]};console.log("Requesting token with scopes:",f);const m=await s.acquireTokenSilent(d);return console.log("Token acquired successfully"),m.accessToken}catch(c){throw console.error("Silent token acquisition error:",c),c}}}}const g=A.create({baseURL:"https://graph.microsoft.com/v1.0",headers:{"Content-Type":"application/json"}});g.interceptors.request.use(async n=>{try{const{getToken:e,login:i}=h();if(!l.isAuthenticated)throw console.warn("Utilisateur non authentifié, déclenchement du login MSAL"),await i(),new Error("Authentification requise, login déclenché");const o=await e(["User.Read"]);console.log("Token MSAL pour Graph:",o),o&&(n.headers.Authorization=`Bearer ${o}`)}catch(e){throw console.error("Erreur lors de la récupération du token Graph:",e),e}return n});function y(){const n=t.ref(!1),e=t.ref(null);return{loading:n,error:e,getUserProfile:async()=>{n.value=!0,e.value=null;try{return(await g.get("/me")).data}catch(o){const u=o;return e.value=u.response?.data?.error?.message||u.message||"Erreur lors de la récupération du profil",console.error("Erreur Graph API:",o),null}finally{n.value=!1}}}}const p=A.create({baseURL:"http://127.0.0.1:8000/Api_carto",headers:{"Content-Type":"application/json","Access-Control-Allow-Origin":"*"}});p.interceptors.request.use(async n=>{try{const{getToken:e,login:i}=h();if(!l.isAuthenticated)throw console.warn("Utilisateur non authentifié, déclenchement du login MSAL"),await i(),new Error("Authentification requise, login déclenché");const o=await e(["User.Read"]);o&&(n.headers["X-Azure-Token"]=`Bearer ${o}`),n.headers.Authorization="Bearer n3XK~CW9u0m2.r=Z&24w",console.log("cartoApiClient headers:",n.headers)}catch(e){throw console.error("Erreur lors de la récupération du token Azure:",e),e}return n});class C{async getAllWorksites(e){const i=this.getAllParameters(e);return(await p.get(`/infrastructures?${i.join("&")}`)).data}getAllParameters(e){const i=[];return e.company_id&&e.company_id.forEach(o=>{i.push(`id_company=${o}`)}),e.of_stage_id&&e.of_stage_id.forEach(o=>{i.push(`stage_ids=${o}`)}),e.power&&i.push(`minVal=${e.power[0]}&maxVal=${e.power[1]}`),e.of_structure_type_ids&&e.of_structure_type_ids.forEach(o=>{i.push(`infra_type=${o}`)}),e.partner_id&&e.partner_id.forEach(o=>{i.push(`partner_id=${o}`)}),e.of_start_date&&i.push(`start_date=${e.of_start_date[0]}&end_date=${e.of_start_date[1]}`),i}async getWorksiteStageFilter(){return(await p.get("/stage")).data}}const z=new C,L=k.defineStore("user",()=>{const n=t.ref(null);function e(i){n.value=i}return console.log(n.value),{user:n,updateUser:e}}),M=t.defineComponent({__name:"StepSelector",props:{modelValue:{default:[]},modelModifiers:{}},emits:["update:modelValue"],setup(n){const e=t.useModel(n,"modelValue"),i=t.ref([]);return(o,u)=>{const w=t.resolveComponent("el-checkbox"),a=t.resolveComponent("el-row"),c=t.resolveComponent("el-checkbox-group"),f=t.resolveComponent("el-scrollbar");return t.openBlock(),t.createElementBlock("div",null,[t.createVNode(f,{height:"200px"},{default:t.withCtx(()=>[t.createVNode(c,{modelValue:e.value,"onUpdate:modelValue":u[0]||(u[0]=d=>e.value=d),"data-test":"steps"},{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(i.value,(d,m)=>(t.openBlock(),t.createBlock(a,{key:m},{default:t.withCtx(()=>[t.createVNode(w,{value:d.name,label:d.name,size:"large"},null,8,["value","label"])]),_:2},1024))),128))]),_:1},8,["modelValue"])]),_:1})])}}});r.ApiHttpService=z,r.StepSelector=M,r.cartoApi=p,r.graphApi=g,r.graphScopes=b,r.msalConfig=_,r.msalInstance=s,r.msalService=h,r.state=l,r.useGraphApi=y,r.useUserStore=L,Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -0,0 +1,67 @@
+{
+  "name": "msal-vue-poc",
+  "version": "0.1.0",
+  "type": "module",
+  "engines": {
+    "node": "^20.19.0 || >=22.12.0"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "run-p type-check \"build-only {@}\" --",
+    "preview": "vite preview",
+    "build-only": "vite build",
+    "type-check": "vue-tsc --build",
+    "lint": "eslint . --fix --cache",
+    "format": "prettier --write src/"
+  },
+  "main": "./dist/msal-vue-poc.umd.js",
+  "module": "./dist/msal-vue-poc.es.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/msal-vue-poc.es.js",
+      "require": "./dist/msal-vue-poc.umd.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@azure/msal-browser": "^4.26.0",
+    "axios": "^1.13.2",
+    "pinia": "^3.0.4",
+    "vue": "^3.5.22",
+    "vue-router": "^4.6.3",
+    "vue3-msal-plugin": "^1.0.5"
+  },
+  "devDependencies": {
+    "@tsconfig/node22": "^22.0.2",
+    "@types/node": "^22.18.11",
+    "@vitejs/plugin-vue": "^6.0.1",
+    "@vue/eslint-config-prettier": "^10.2.0",
+    "@vue/eslint-config-typescript": "^14.6.0",
+    "@vue/tsconfig": "^0.8.1",
+    "eslint": "^9.37.0",
+    "eslint-plugin-vue": "~10.5.0",
+    "jiti": "^2.6.1",
+    "npm-run-all2": "^8.0.4",
+    "prettier": "3.6.2",
+    "typescript": "~5.9.0",
+    "vite": "^7.1.11",
+    "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-vue-devtools": "^8.0.3",
+    "vue-tsc": "^3.1.1"
+  },
+  "description": "poc de l'auth msal front vue",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/See-You-Sun/package-vue-msal.git"
+  },
+  "author": "lise",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/See-You-Sun/package-vue-msal/issues"
+  },
+  "homepage": "https://github.com/See-You-Sun/package-vue-msal#readme"
+}