@inwink-mcp/backoffice-extension-helpers 1.0.1 → 1.0.2

package/dist/cli.js

@@ -252,7 +252,8 @@ function bootstrap(opts) {
       error(`La cible existe et n'est pas un dossier : ${destDir}`);
       return 1;
     }
-    const entries = fs3.readdirSync(destDir);
+    const IGNORED_DIRS = /* @__PURE__ */ new Set([".claude", ".github", ".git", ".vscode", ".idea", ".cursor"]);
+    const entries = fs3.readdirSync(destDir).filter((e) => !IGNORED_DIRS.has(e));
     if (entries.length > 0 && !opts.force) {
       error(`Le dossier cible n'est pas vide : ${destDir}`);
       info("Utilisez --force pour \xE9crire malgr\xE9 tout, ou --dir vers un dossier vide.");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inwink-mcp/backoffice-extension-helpers",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "author": "inwink",
   "license": "ISC",
   "description": "CLI pour bootstrapper, packager et vérifier les extensions backoffice inwink.",

package/templates/vite-extension/src/auth/AuthProvider.tsx

@@ -1,5 +1,5 @@
 // src/auth/AuthProvider.tsx
-import { createContext, useEffect, useState, type PropsWithChildren } from 'react';
+import { createContext, useCallback, useEffect, useMemo, useRef, useState, type PropsWithChildren } from 'react';
 import type { User } from 'oidc-client-ts';
 import { userManager } from './config';
 
@@ -24,6 +24,8 @@ function isOidcCallback(): boolean {
 export function AuthProvider({ children }: PropsWithChildren) {
   const [user, setUser] = useState<User | null>(null);
   const [isLoading, setIsLoading] = useState(true);
+  const userRef = useRef(user);
+  useEffect(() => { userRef.current = user; }, [user]);
 
   useEffect(() => {
     let isMounted = true;
@@ -56,24 +58,40 @@ export function AuthProvider({ children }: PropsWithChildren) {
     };
   }, []);
 
+  const login = useCallback(async () => {
+    setIsLoading(true);
+    await userManager.signinRedirect();
+  }, []);
+
+  const logout = useCallback(async () => {
+    await userManager.removeUser();
+    setUser(null);
+  }, []);
+
+  const getAccessToken = useCallback(() => userRef.current?.access_token ?? null, []);
+
+  const renewToken = useCallback(async () => {
+    try {
+      const renewed = await userManager.signinSilent();
+      setUser(renewed);
+      return renewed?.access_token ?? null;
+    } catch {
+      return null;
+    }
+  }, []);
+
+  const value = useMemo(() => ({
+    isAuthenticated: Boolean(user && !user.expired),
+    isLoading,
+    login,
+    logout,
+    user,
+    getAccessToken,
+    renewToken,
+  }), [user, isLoading]);
+
   return (
-    <AuthContext.Provider value={{
-      isAuthenticated: Boolean(user && !user.expired),
-      isLoading,
-      login: async () => { setIsLoading(true); await userManager.signinRedirect(); },
-      logout: async () => { await userManager.removeUser(); setUser(null); },
-      user,
-      getAccessToken: () => user?.access_token ?? null,
-      renewToken: async () => {
-        try {
-          const renewed = await userManager.signinSilent();
-          setUser(renewed);
-          return renewed?.access_token ?? null;
-        } catch {
-          return null;
-        }
-      },
-    }}>
+    <AuthContext.Provider value={value}>
       {children}
     </AuthContext.Provider>
   );

package/templates/vite-extension/src/hooks/useInwinkApi.ts

@@ -1,3 +1,4 @@
+import { useMemo } from 'react';
 import { useAuth } from './useAuth';
 
 /** Erreur levée lorsqu'une réponse API n'est pas OK (hors 401 géré par renouvellement). */
@@ -38,64 +39,66 @@ async function safeBody(response: Response): Promise<unknown> {
 export function useInwinkApi(baseUrl: string): InwinkApi {
   const { getAccessToken, renewToken, login } = useAuth();
 
-  async function doFetch(path: string, token: string, init?: RequestInit): Promise<Response> {
-    return fetch(`${baseUrl}${path}`, {
-      ...init,
-      headers: {
-        Authorization: `Bearer ${token}`,
-        'Content-Type': 'application/json',
-        ...(init?.headers as Record<string, string> | undefined),
-      },
-    });
-  }
-
-  async function request<T = unknown>(path: string, init?: RequestInit): Promise<T> {
-    let token = getAccessToken();
-    if (!token) {
-      await login();
-      throw new InwinkApiError(401, 'Non authentifié.');
+  return useMemo(() => {
+    async function doFetch(path: string, token: string, init?: RequestInit): Promise<Response> {
+      return fetch(`${baseUrl}${path}`, {
+        ...init,
+        headers: {
+          Authorization: `Bearer ${token}`,
+          'Content-Type': 'application/json',
+          ...(init?.headers as Record<string, string> | undefined),
+        },
+      });
     }
 
-    let response = await doFetch(path, token, init);
-
-    if (response.status === 401) {
-      const renewed = await renewToken();
-      if (renewed) {
-        token = renewed;
-        response = await doFetch(path, token, init);
+    async function request<T = unknown>(path: string, init?: RequestInit): Promise<T> {
+      let token = getAccessToken();
+      if (!token) {
+        await login();
+        throw new InwinkApiError(401, 'Non authentifié.');
       }
+
+      let response = await doFetch(path, token, init);
+
       if (response.status === 401) {
-        await login();
-        throw new InwinkApiError(401, 'Session expirée, reconnexion requise.');
+        const renewed = await renewToken();
+        if (renewed) {
+          token = renewed;
+          response = await doFetch(path, token, init);
+        }
+        if (response.status === 401) {
+          await login();
+          throw new InwinkApiError(401, 'Session expirée, reconnexion requise.');
+        }
       }
-    }
 
-    if (!response.ok) {
-      throw new InwinkApiError(response.status, await safeBody(response));
-    }
+      if (!response.ok) {
+        throw new InwinkApiError(response.status, await safeBody(response));
+      }
 
-    if (response.status === 204) {
-      return undefined as T;
+      if (response.status === 204) {
+        return undefined as T;
+      }
+      return (await response.json()) as T;
     }
-    return (await response.json()) as T;
-  }
 
-  const withBody =
-    (method: string) =>
-    <T = unknown>(path: string, body?: unknown, init?: RequestInit): Promise<T> =>
-      request<T>(path, {
-        ...init,
-        method,
-        body: body === undefined ? init?.body : JSON.stringify(body),
-      });
+    const withBody =
+      (method: string) =>
+      <T = unknown>(path: string, body?: unknown, init?: RequestInit): Promise<T> =>
+        request<T>(path, {
+          ...init,
+          method,
+          body: body === undefined ? init?.body : JSON.stringify(body),
+        });
 
-  return {
-    request,
-    get: <T = unknown>(path: string, init?: RequestInit) =>
-      request<T>(path, { ...init, method: 'GET' }),
-    post: withBody('POST'),
-    put: withBody('PUT'),
-    del: <T = unknown>(path: string, init?: RequestInit) =>
-      request<T>(path, { ...init, method: 'DELETE' }),
-  };
+    return {
+      request,
+      get: <T = unknown>(path: string, init?: RequestInit) =>
+        request<T>(path, { ...init, method: 'GET' }),
+      post: withBody('POST'),
+      put: withBody('PUT'),
+      del: <T = unknown>(path: string, init?: RequestInit) =>
+        request<T>(path, { ...init, method: 'DELETE' }),
+    };
+  }, [baseUrl, getAccessToken, renewToken, login]);
 }