@inwink-mcp/backoffice-extension-helpers 1.0.3 → 1.0.5

package/dist/cli.js

@@ -43,7 +43,7 @@ import fs from "fs";
 import path from "path";
 var MANIFEST_FILENAME = "extension.manifest.json";
 var SLUG_RE = /^[a-z0-9]+(?:-[a-z0-9]+)*$/;
-var SEMVER_RE = /^\d+\.\d+\.\d+(?:-[0-9A-Za-z-.]+)?(?:\+[0-9A-Za-z-.]+)?$/;
+var SEMVER_RE = /^(?:\d+\.\d+\.\d+(?:-[0-9A-Za-z-.]+)?(?:\+[0-9A-Za-z-.]+)?|\d{4}\.\d{1,2}\.\d{1,2}\.\d+)$/;
 function isValidSlug(value) {
   return SLUG_RE.test(value);
 }
@@ -80,6 +80,33 @@ function getNameAndVersion(manifest) {
   }
   return { name, version };
 }
+function updateVersionToDateFormat(projectDir) {
+  const manifest = readManifest(projectDir);
+  const oldVersion = typeof manifest.version === "string" ? manifest.version : "";
+  const now = /* @__PURE__ */ new Date();
+  const yyyy = now.getFullYear();
+  const m = now.getMonth() + 1;
+  const d = now.getDate();
+  const todayPrefix = `${yyyy}.${m}.${d}`;
+  let newVersion;
+  const versionMatch = oldVersion.match(/^(\d{4})\.(\d{1,2})\.(\d{1,2})\.(\d+)$/);
+  if (versionMatch) {
+    const [, oldYyyy, oldM, oldD, oldX] = versionMatch;
+    const oldDatePrefix = `${oldYyyy}.${oldM}.${oldD}`;
+    if (oldDatePrefix === todayPrefix) {
+      const newX = String(parseInt(oldX, 10) + 1);
+      newVersion = `${todayPrefix}.${newX}`;
+    } else {
+      newVersion = `${todayPrefix}.1`;
+    }
+  } else {
+    newVersion = `${todayPrefix}.1`;
+  }
+  const updatedManifest = { ...manifest, version: newVersion };
+  const manifestFile = manifestPath(projectDir);
+  fs.writeFileSync(manifestFile, JSON.stringify(updatedManifest, null, 2) + "\n", "utf8");
+  return newVersion;
+}
 
 // src/lib/templates.ts
 import fs2 from "fs";
@@ -263,7 +290,10 @@ function bootstrap(opts) {
     fs3.mkdirSync(destDir, { recursive: true });
   }
   const now = /* @__PURE__ */ new Date();
-  const defaultVersion = `${now.getFullYear()}.${String(now.getMonth() + 1)}.${String(now.getDate())}.1`;
+  const yyyy = now.getFullYear();
+  const m = now.getMonth() + 1;
+  const d = now.getDate();
+  const defaultVersion = `${yyyy}.${m}.${d}.1`;
   const placeholders = {
     name: opts.name,
     displayName: opts.displayName,
@@ -273,7 +303,7 @@ function bootstrap(opts) {
     communityApiUrl: opts.communityApiUrl,
     customerApiUrl: opts.customerApiUrl,
     version: defaultVersion
-    // version par défaut au format YYYY.MM.DD
+    // version par défaut au format YYYY.M.D.x
   };
   let written;
   try {
@@ -478,6 +508,14 @@ function pack(opts) {
     error("Le build a \xE9chou\xE9 \u2014 corrigez les erreurs ci-dessus.");
     return buildCode;
   }
+  info("Mise \xE0 jour de la version avec la date du jour\u2026");
+  try {
+    version = updateVersionToDateFormat(projectDir);
+    success(`Nouvelle version : ${version}`);
+  } catch (err) {
+    error(err.message);
+    return 1;
+  }
   let zipPath;
   try {
     zipPath = zipDist(projectDir, name, version);

package/package.json

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

package/templates/vite-extension/scripts/zip-build.mjs

@@ -16,7 +16,7 @@ if (!fs.existsSync(manifestPath)) {
   throw new Error('extension.manifest.json not found.');
 }
 
-const manifest = JSON.parse(fs.readFileSync(manifestPath, 'utf8'));
+let manifest = JSON.parse(fs.readFileSync(manifestPath, 'utf8'));
 
 if (typeof manifest.name !== 'string' || !manifest.name.trim()) {
   throw new Error('extension.manifest.json must define a non-empty name.');
@@ -26,7 +26,35 @@ if (typeof manifest.version !== 'string' || !manifest.version.trim()) {
   throw new Error('extension.manifest.json must define a non-empty version.');
 }
 
-const zipFileName = `${manifest.name}-${manifest.version}.zip`;
+// Update version to YYYY.M.D.x format based on today's date
+const now = new Date();
+const yyyy = now.getFullYear();
+const m = now.getMonth() + 1;
+const d = now.getDate();
+const todayPrefix = `${yyyy}.${m}.${d}`;
+
+const oldVersion = manifest.version;
+let newVersion;
+
+const versionMatch = oldVersion.match(/^(\d{4})\.(\d{1,2})\.(\d{1,2})\.(\d+)$/);
+if (versionMatch) {
+  const [, oldYyyy, oldM, oldD, oldX] = versionMatch;
+  const oldDatePrefix = `${oldYyyy}.${oldM}.${oldD}`;
+
+  if (oldDatePrefix === todayPrefix) {
+    // Same day: increment x
+    const newX = String(parseInt(oldX, 10) + 1);
+    newVersion = `${todayPrefix}.${newX}`;
+  } else {
+    // Different day: reset to 1
+    newVersion = `${todayPrefix}.1`;
+  }
+} else {
+  // Old version is not in the correct format: start at 1
+  newVersion = `${todayPrefix}.1`;
+}
+
+const zipFileName = `${manifest.name}-${oldVersion}.zip`;
 const zipFilePath = path.join(projectRoot, zipFileName);
 const zip = new AdmZip();
 
@@ -56,4 +84,9 @@ zip.addLocalFolder(distDir);
 zip.addFile('source.zip', createSourceZipBuffer(projectRoot));
 zip.writeZip(zipFilePath);
 
-process.stdout.write(`${zipFileName}\n`);
+// Update manifest with new version
+manifest.version = newVersion;
+fs.writeFileSync(manifestPath, JSON.stringify(manifest, null, 2) + '\n', 'utf8');
+
+process.stdout.write(`Version : ${oldVersion}\n`);
+process.stdout.write(`Package : ${zipFileName}\n`);

package/templates/vite-extension/src/App.tsx.tpl

@@ -1,5 +1,6 @@
 import { Navigate, Route, Routes } from 'react-router-dom';
 import ProtectedRoute from './auth/ProtectedRoute';
+import Layout from './components/Layout';
 import HomePage from './pages/HomePage';
 // Pour appeler une API inwink, utilisez un hook dédié (jamais fetch directement) :
 //   import { useInwinkEventApi } from './hooks/useInwinkEventApi';
@@ -9,14 +10,16 @@ import HomePage from './pages/HomePage';
 export default function App() {
   return (
     <Routes>
-      <Route
-        path="/"
-        element={
-          <ProtectedRoute>
-            <HomePage />
-          </ProtectedRoute>
-        }
-      />
+      <Route element={<Layout title="__DISPLAY_NAME__" />}>
+        <Route
+          path="/"
+          element={
+            <ProtectedRoute>
+              <HomePage />
+            </ProtectedRoute>
+          }
+        />
+      </Route>
       <Route path="*" element={<Navigate to="/" replace />} />
     </Routes>
   );

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

@@ -1,3 +1,4 @@
+import { useEffect, useMemo, useRef } from 'react';
 import { useAuth } from './useAuth';
 
 /** Erreur levée lorsqu'une réponse API n'est pas OK (hors 401 géré par renouvellement). */
@@ -36,66 +37,76 @@ async function safeBody(response: Response): Promise<unknown> {
  * sert aux hôtes externes déclarés ou à des bases d'URL spécifiques.
  */
 export function useInwinkApi(baseUrl: string): InwinkApi {
-  const { getAccessToken, renewToken, login } = useAuth();
+  // Les fonctions d'auth sont lues via une ref (motif « latest ref », cf. `userRef`
+  // dans AuthProvider) : l'objet API renvoyé reste ainsi stable (mémoïsé sur `baseUrl`,
+  // une constante) tout en utilisant toujours les callbacks frais au moment de l'appel.
+  const auth = useAuth();
+  const authRef = useRef(auth);
+  useEffect(() => {
+    authRef.current = auth;
+  }, [auth]);
 
-  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<InwinkApi>(() => {
+    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> {
+      const { getAccessToken, renewToken, login } = authRef.current;
+      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]);
 }

package/templates/vite-extension/src/main.tsx

@@ -3,13 +3,16 @@ import ReactDOM from 'react-dom/client';
 import { HashRouter } from 'react-router-dom';
 import App from './App';
 import { AuthProvider } from './auth/AuthProvider';
+import { InwinkContextProvider } from './context/InwinkContextProvider';
 import './styles.css';
 
 ReactDOM.createRoot(document.getElementById('root')!).render(
   <React.StrictMode>
     <HashRouter>
       <AuthProvider>
-        <App />
+        <InwinkContextProvider>
+          <App />
+        </InwinkContextProvider>
       </AuthProvider>
     </HashRouter>
   </React.StrictMode>,

package/templates/vite-extension/src/styles.css

@@ -1,32 +1,91 @@
+/* Polices inwink : Lato (texte) + Poppins (titres) via Google Fonts.
+   Nécessite que fonts.googleapis.com / fonts.gstatic.com soient déclarés
+   dans extension.manifest.json > permissions.externalHosts. */
+@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Poppins:wght@500;600;700&display=swap');
+
+/* Design tokens — inspirés de l'identité inwink. */
 :root {
-  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
+  /* Polices */
+  --font-base: 'Lato', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
+  --font-title: 'Poppins', var(--font-base);
+
+  /* Couleur d'accentuation */
+  --color-accent: #e94c1e;
+  --color-accent-hover: #cf3f15;
+  --color-accent-contrast: #ffffff;
+
+  /* Neutres */
+  --color-bg: #ffffff;
+  --color-surface: #f7f7f8;
+  --color-border: #e2e2e6;
+  --color-text: #1d1d1f;
+  --color-text-muted: #6b6b73;
+
+  /* Rayons & ombres */
+  --radius: 8px;
+  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.06);
+
+  font-family: var(--font-base);
   line-height: 1.5;
-  color-scheme: light dark;
+  color: var(--color-text);
+  background: var(--color-bg);
+}
+
+* {
+  box-sizing: border-box;
 }
 
 body {
   margin: 0;
-  padding: 2rem;
+  font-family: var(--font-base);
+  background: var(--color-bg);
+  color: var(--color-text);
 }
 
-main {
-  max-width: 720px;
-  margin: 0 auto;
+h1,
+h2,
+h3 {
+  font-family: var(--font-title);
+  font-weight: 600;
+  line-height: 1.2;
 }
 
+a {
+  color: var(--color-accent);
+}
+
+/* Boutons — base générique réutilisable.
+   .btn-primary = action principale (accent), sinon variante neutre. */
 button {
   cursor: pointer;
   display: inline-flex;
   align-items: center;
   gap: 0.5rem;
   padding: 0.5rem 1rem;
-  border-radius: 6px;
-  border: 1px solid currentColor;
-  background: transparent;
+  border-radius: var(--radius);
+  border: 1px solid var(--color-border);
+  background: var(--color-bg);
+  color: var(--color-text);
   font: inherit;
+  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
+}
+
+button:hover:not(:disabled) {
+  border-color: var(--color-accent);
 }
 
 button:disabled {
   cursor: default;
   opacity: 0.6;
 }
+
+button.btn-primary {
+  background: var(--color-accent);
+  border-color: var(--color-accent);
+  color: var(--color-accent-contrast);
+}
+
+button.btn-primary:hover:not(:disabled) {
+  background: var(--color-accent-hover);
+  border-color: var(--color-accent-hover);
+}