Merge preprod in main

package.json

@@ -8,7 +8,7 @@
   },
   "scripts": {
     "dev": "vite",
-    "build": "node scripts/generate-sitemap.js && node scripts/check-app-links.js && vite build",
+    "build": "node scripts/generate-sitemap.js && node scripts/check-app-links.js && vite build && node scripts/inject-blog-social-meta.js",
     "preview": "vite preview",
     "sitemap": "node scripts/generate-sitemap.js",
     "check:app-links": "node scripts/check-app-links.js"

public/app-links-status.json

@@ -1,5 +1,5 @@
 {
-  "checkedAt": "2026-04-02T11:44:25.960Z",
+  "checkedAt": "2026-05-13T12:43:24.512Z",
   "total": 26,
   "links": [
     {

public/articles/fr/avenir-rwa-diversification-communautaire.md

@@ -1,13 +1,13 @@
 ---
-title: "L'Avenir des RWA : Une Feuille de Route Communautaire pour la Diversification"
+title: "Diversification des RWA : une feuille de route communautaire"
 date: "2026-03-12"
 description: "Comment la communauté RealToken DAO explore la diversification des RWA—critères axés sur la recherche, pistes à l'étude et fondations techniques pour le RMM."
 tags: ["rwa", "dao", "gouvernance", "diversification", "rmm"]
 author: "Equipe Realtoken DAO"
 imageHeader: "future-rwa-roadmap-diversification.png"
 ---
 
-# L'Avenir des RWA : Une Feuille de Route Communautaire pour la Diversification
+# Diversification des RWA : une feuille de route communautaire
 
 ## Introduction
 

public/sitemap.xml

@@ -81,4 +81,10 @@
     <priority>0.7</priority>
     <changefreq>monthly</changefreq>
   </url>
+  <url>
+    <loc>https://realtoken.community/ressource/blog/understanding-rmm-version-3-5</loc>
+    <lastmod>2026-05-13</lastmod>
+    <priority>0.7</priority>
+    <changefreq>monthly</changefreq>
+  </url>
 </urlset>

scripts/blog-article-meta-shared.js

@@ -0,0 +1,102 @@
+/**
+ * Métadonnées Open Graph / Twitter pour les billets (partagé build + plugin Vite dev).
+ */
+
+import { readFileSync, existsSync } from 'node:fs'
+import { join } from 'node:path'
+
+export const DEFAULT_BLOG_ARTICLE_DESC =
+  'Explore all our articles on real estate tokenization, decentralized governance and the RealToken ecosystem.'
+
+/** Échappe le contenu des attributs HTML double-quotés. */
+export function escapeHtmlAttr(s) {
+  return String(s ?? '')
+    .replace(/&/g, '&')
+    .replace(/"/g, '"')
+    .replace(/</g, '&lt;')
+    .replace(/\r?\n/g, ' ')
+}
+
+/** Échappe le texte dans <title>. */
+export function escapeHtmlText(s) {
+  return String(s ?? '')
+    .replace(/&/g, '&amp;')
+    .replace(/</g, '&lt;')
+    .replace(/\r?\n/g, ' ')
+}
+
+/** Parse un frontmatter YAML minimal depuis un fichier .md. */
+export function parseFrontmatterFile(filePath) {
+  const content = readFileSync(filePath, 'utf-8')
+  const match = content.match(/^---\s*\n([\s\S]*?)\n---\s*\n/)
+  if (!match) return {}
+  const data = {}
+  for (const line of match[1].split('\n')) {
+    const idx = line.indexOf(':')
+    if (idx <= 0) continue
+    const key = line.slice(0, idx).trim()
+    let value = line.slice(idx + 1).trim()
+    if (
+      (value.startsWith('"') && value.endsWith('"')) ||
+      (value.startsWith("'") && value.endsWith("'"))
+    ) {
+      value = value.slice(1, -1)
+    }
+    data[key] = value
+  }
+  return data
+}
+
+/** Construit le bloc de meta Open Graph + Twitter Card pour un article. */
+export function buildSocialMetaBlock({ title, description, pageUrl, imageUrl }) {
+  const t = escapeHtmlAttr(title)
+  const d = escapeHtmlAttr(description)
+  const lines = [
+    `<meta name="description" content="${d}">`,
+    `<meta property="og:title" content="${t}">`,
+    `<meta property="og:description" content="${d}">`,
+    `<meta property="og:type" content="article">`,
+    `<meta property="og:url" content="${escapeHtmlAttr(pageUrl)}">`,
+    `<meta property="og:site_name" content="RealToken DAO">`,
+    `<meta name="twitter:title" content="${t}">`,
+    `<meta name="twitter:description" content="${d}">`
+  ]
+  if (imageUrl) {
+    const iu = escapeHtmlAttr(imageUrl)
+    lines.push(`<meta property="og:image" content="${iu}">`)
+    lines.push(`<meta name="twitter:card" content="summary_large_image">`)
+    lines.push(`<meta name="twitter:image" content="${iu}">`)
+  } else {
+    lines.push(`<meta name="twitter:card" content="summary">`)
+  }
+  return lines.join('\n    ')
+}
+
+/**
+ * Lit le frontmatter EN pour un slug et retourne title / description / URLs pour les cartes sociales.
+ * @returns {null | { title: string, description: string, pageUrl: string, imageUrl: string }}
+ */
+export function getArticleSocialMeta(slug, articlesDir, baseUrl) {
+  const mdPath = join(articlesDir, `${slug}.md`)
+  if (!existsSync(mdPath)) return null
+  const fm = parseFrontmatterFile(mdPath)
+  const rawTitle = (fm.title || slug).trim()
+  const title = rawTitle ? `${rawTitle} | RealToken DAO` : 'RealToken Blog | RealToken DAO'
+  const description = (fm.description || DEFAULT_BLOG_ARTICLE_DESC).trim()
+  const pageUrl = `${baseUrl.replace(/\/$/, '')}/ressource/blog/${slug}`
+  const imageHeader = (fm.imageHeader || '').trim()
+  const imageUrl = imageHeader
+    ? `${baseUrl.replace(/\/$/, '')}/ArticleImg/${encodeURIComponent(imageHeader)}`
+    : ''
+  return { title, description, pageUrl, imageUrl }
+}
+
+/** Injecte title + meta dans une page HTML (index Vite ou dist). */
+export function applyBlogMetaToHtmlTemplate(template, { title, description, pageUrl, imageUrl }) {
+  const metaBlock = buildSocialMetaBlock({ title, description, pageUrl, imageUrl })
+  let outHtml = template
+    .replace(/<meta\s+name="description"[^>]*>/i, '')
+    .replace(/<title>[^<]*<\/title>/i, `<title>${escapeHtmlText(title)}</title>`)
+  outHtml = outHtml.replace('<head>', `<head>\n    ${metaBlock}\n    `)
+  return outHtml
+}

scripts/inject-blog-social-meta.js

@@ -0,0 +1,51 @@
+/**
+ * Après `vite build`, duplique dist/index.html vers dist/ressource/blog/<slug>/index.html
+ * en injectant og:* et twitter:* dans le <head> (lecteurs sociaux sans exécution JS).
+ *
+ * URL de base pour og:image / og:url :
+ *   SITEMAP_BASE_URL  ou  VITE_SITE_URL  (défaut : https://realtoken.community)
+ */
+
+import { readFileSync, writeFileSync, existsSync, mkdirSync } from 'node:fs'
+import { join, dirname } from 'node:path'
+import { fileURLToPath } from 'node:url'
+import { englishSlugs } from '../src/data/blog-slugs.js'
+import { getArticleSocialMeta, applyBlogMetaToHtmlTemplate } from './blog-article-meta-shared.js'
+
+const __dirname = dirname(fileURLToPath(import.meta.url))
+const rootDir = join(__dirname, '..')
+const distDir = join(rootDir, 'dist')
+const distIndex = join(distDir, 'index.html')
+const articlesDir = join(rootDir, 'public', 'articles', 'en')
+
+const baseUrl = (process.env.SITEMAP_BASE_URL || process.env.VITE_SITE_URL || 'https://realtoken.community').replace(/\/$/, '')
+
+function main() {
+  if (!existsSync(distIndex)) {
+    console.error('inject-blog-social-meta: dist/index.html introuvable. Lancez vite build avant ce script.')
+    process.exit(1)
+  }
+
+  const template = readFileSync(distIndex, 'utf-8')
+  if (!template.includes('<head>')) {
+    console.error('inject-blog-social-meta: balise <head> introuvable dans dist/index.html')
+    process.exit(1)
+  }
+
+  for (const slug of englishSlugs) {
+    const meta = getArticleSocialMeta(slug, articlesDir, baseUrl)
+    if (!meta) {
+      console.warn('inject-blog-social-meta: fichier manquant, ignoré:', join(articlesDir, `${slug}.md`))
+      continue
+    }
+    const outHtml = applyBlogMetaToHtmlTemplate(template, meta)
+
+    const outDir = join(distDir, 'ressource', 'blog', slug)
+    mkdirSync(outDir, { recursive: true })
+    const outPath = join(outDir, 'index.html')
+    writeFileSync(outPath, outHtml, 'utf-8')
+    console.log('inject-blog-social-meta:', outPath)
+  }
+}
+
+main()

src/data/blog-slugs.js

@@ -9,5 +9,6 @@ export const englishSlugs = [
   'birth-of-realtoken-dao',
   'realtoken-dao-scope',
   'realtoken-dao-governance-participation',
-  'future-rwa-community-roadmap-diversification'
+  'future-rwa-community-roadmap-diversification',
+  'understanding-rmm-version-3-5'
 ]

src/locales/en.json

@@ -139,9 +139,9 @@
     "tag": "Proof",
     "title": "Verifiable indicators, in real time.",
     "assets": "Total value of partner assets in the ecosystem",
-    "members": "Ecosystem members",
+    "members": "REG holders",
     "regMarketcap": "REG marketcap",
-    "votes": "Number of votes on Tally",
+    "votes": "Number of proposals voted by the DAO",
     "comingSoon": "Coming soon",
     "inProgress": "In progress"
   },
@@ -416,8 +416,13 @@
     "s1Title": "Site publisher (LCEN)",
     "s1Intro": "In accordance with French law no. 2004-575 of 21 June 2004 on confidence in the digital economy (LCEN), the following identifies the publisher and host of the site.",
     "s1List": "Name or designation: RealToken DAO (decentralised organisation)\nEmail: marketing{'@'}realtoken.community\nDirector of publication: DAO marketing committee",
+    "s1bTitle": "Operation and organisation",
+    "s1bContent": "RealToken DAO is a decentralised autonomous organisation. It operates without hierarchy or centralised management: every decision and every governance-related action is put to a vote among REG holders. Anyone who holds or has held REG is part of the DAO; anyone who votes or has voted on proposals is also part of the DAO. No single individual represents the DAO on their own. The DAO is a collective: it is expressed through the historical participation of each of its members—whether by voting or by holding REG at one time or another.",
+    "s1bContent2": "The DAO does not belong to any company. It does not mirror the classic operation of a company or an association: it follows a specific model, without hierarchy, based solely on organisational rules implemented through the blockchain.",
+    "s1bContent3": "Members of each committee do not represent the DAO in any way: they form small working groups, appointed by the DAO through proposals put to a vote. These groups are not under hierarchical command from the DAO; each group works autonomously and then submits its results to the DAO, where every token holder can comment on the outcomes, on working methods and on overall operation.",
+    "s1bContent4": "The DAO may also, by vote, grant a mandate to act within a defined scope to an entity or a group of people, in order to streamline certain processes. That mandate remains revocable: the DAO may at any time revoke those authorisations or enforce a decision that supersedes what was previously applied, if it decides otherwise in accordance with the governance rules.",
     "s2Title": "Hosting",
-    "s2Content": "The site is hosted by [host name], [address]. For any question regarding hosting, please contact the host or the site publisher.",
+    "s2Content": "The site is hosted by OVH. OVH SAS is a subsidiary of OVH Groupe SA, a company registered with the Lille Trade and Companies Register (RCS Lille) under number 537 407 926, with its registered office at 2, rue Kellermann, 59100 Roubaix, France. For any question regarding hosting, please contact the host or the site publisher.",
     "s3Title": "Disclaimers and risks",
     "s3List": "Tokens and tokenised assets (including in the RealT or RealToken ecosystem) do not constitute a guaranteed investment; their value may fluctuate.\nThe contents of this site do not constitute investment, financial, legal or tax advice.\nDue to the decentralised nature of a DAO, liability may be limited and shared among participants; decisions are made collectively and on-chain.\nFor financial and tokenised aspects (sale, purchase, holding of tokens), tax obligations and, where applicable, rules of the AMF (Autorité des marchés financiers) or equivalent regulator may apply; each user is responsible for compliance with applicable law.",
     "s3Disclaimer": "The information on this page is kept up to date where possible. For any questions regarding this legal notice, you may contact us at the address given in the publisher section."

src/locales/fr.json

@@ -139,9 +139,9 @@
     "tag": "Preuves",
     "title": "Des indicateurs vérifiables, en temps réel.",
     "assets": "Valeur totale des actifs partenaires dans l'écosystème",
-    "members": "Membres de l'écosystème",
+    "members": "Détenteurs de REG",
     "regMarketcap": "Marketcap REG",
-    "votes": "Nombre de votes sur Tally",
+    "votes": "Nombre de propositions votées par la DAO",
     "comingSoon": "À venir",
     "inProgress": "En cours"
   },
@@ -416,6 +416,11 @@
     "s1Title": "Éditeur du site (LCEN)",
     "s1Intro": "Conformément à la loi n° 2004-575 du 21 juin 2004 pour la confiance dans l'économie numérique (LCEN), sont indiqués ci-dessous les éléments d'identification de l'éditeur et de l'hébergeur du site.",
     "s1List": "Dénomination ou nom : RealToken DAO (organisation décentralisée)\nCourriel : marketing{'@'}realtoken.community\nDirecteur de la publication : comité marketing de la DAO",
+    "s1bTitle": "Fonctionnement et organisation",
+    "s1bContent": "La RealToken DAO est une organisation autonome décentralisée. Elle fonctionne sans hiérarchie ni direction centralisée : chaque décision et chaque action soumise à la gouvernance est portée au vote des détenteurs de REG. Toute personne qui détient ou a détenu des REG fait partie de la DAO ; toute personne qui vote ou a voté lors des propositions fait également partie de la DAO. Aucune personne ne représente la DAO à titre individuel. La DAO est un collectif : elle s’exprime par la participation historique de chacun de ses membres, que ce soit par le vote ou par la détention de REG, à un moment ou à un autre.",
+    "s1bContent2": "La DAO n’appartient à aucune entreprise. Elle ne s’apparente pas au fonctionnement classique d’une entreprise ou d’une association : il s’agit d’un fonctionnement particulier, sans hiérarchie, qui repose uniquement sur des règles d’organisation mises en œuvre à travers la blockchain.",
+    "s1bContent3": "Les membres présents dans chaque comité ne représentent en aucun cas la DAO : il s’agit de petits groupes de travail, désignés par la DAO lors de propositions soumises au vote. Ces groupes ne sont pas placés sous un commandement hiérarchique de la DAO ; chaque groupe travaille en autonomie et soumet ensuite ses résultats à la DAO, où chaque détenteur de tokens peut s’exprimer sur les résultats obtenus, sur les façons de faire et sur le fonctionnement général.",
+    "s1bContent4": "La DAO peut aussi, par vote, confier un mandat pour agir dans un cadre défini à une entité ou à un groupe de personnes, afin de fluidifier certains processus. Ce mandat reste réversible : la DAO peut à tout moment révoquer ces habilitations ou faire appliquer une décision contraire à ce qui avait été appliqué, si elle en décide autrement selon les règles de gouvernance.",
     "s2Title": "Hébergeur",
     "s2Content": "Le site est hébergé par OVH. OVH SAS est une filiale de la société OVH Groupe SA, société immatriculée au RCS de Lille sous le numéro 537 407 926, sise 2, rue Kellermann, 59100 Roubaix. Pour toute question relative à l'hébergement, veuillez contacter l'hébergeur ou l'éditeur du site.",
     "s3Title": "Avertissements et risques",

src/utils/blog.js

@@ -97,7 +97,9 @@ const slugEquivalents = {
   'participation-gouvernance-realtoken-dao': { en: 'realtoken-dao-governance-participation' },
   'realtoken-dao-governance-participation': { fr: 'participation-gouvernance-realtoken-dao' },
   'avenir-rwa-diversification-communautaire': { en: 'future-rwa-community-roadmap-diversification' },
-  'future-rwa-community-roadmap-diversification': { fr: 'avenir-rwa-diversification-communautaire' }
+  'future-rwa-community-roadmap-diversification': { fr: 'avenir-rwa-diversification-communautaire' },
+  'understanding-rmm-version-3-5': { fr: 'comprendre-version-3-5-rmm' },
+  'comprendre-version-3-5-rmm': { en: 'understanding-rmm-version-3-5' }
 }
 
 /** Retourne le slug à utiliser pour une locale (équivalent du même article dans l'autre langue si besoin) */

src/views/BlogPost.vue

@@ -32,7 +32,7 @@
 </template>
 
 <script setup>
-import { ref, onMounted, watch } from 'vue'
+import { ref, onMounted, onUnmounted, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { useI18n } from 'vue-i18n'
 import { loadArticle } from '../utils/blog.js'
@@ -43,6 +43,8 @@ const { locale } = useI18n()
 const article = ref(null)
 const DEFAULT_TITLE = 'RealToken Blog | RealToken DAO'
 const DEFAULT_DESCRIPTION = 'Explore all our articles on real estate tokenization, decentralized governance and the RealToken ecosystem.'
+/** Marque les meta OG / Twitter injectées par cette page pour les retirer au démontage. */
+const BLOG_SOCIAL_META_ATTR = 'data-blog-social-meta'
 
 function upsertMetaDescription(content) {
   let descriptionTag = document.querySelector('meta[name="description"]')
@@ -54,7 +56,21 @@ function upsertMetaDescription(content) {
   descriptionTag.setAttribute('content', content)
 }
 
+/** Retire les balises Open Graph / Twitter Card ajoutées pour un billet (évite qu’elles restent sur les autres pages). */
+function removeBlogSocialMeta() {
+  document.querySelectorAll(`meta[${BLOG_SOCIAL_META_ATTR}]`).forEach((el) => el.remove())
+}
+
+/** Ajoute une meta dans le head, marquée pour nettoyage ultérieur. */
+function appendTrackedMeta(attrs) {
+  const meta = document.createElement('meta')
+  Object.entries(attrs).forEach(([key, value]) => meta.setAttribute(key, value))
+  meta.setAttribute(BLOG_SOCIAL_META_ATTR, '1')
+  document.head.appendChild(meta)
+}
+
 function updateSeoHead(post) {
+  removeBlogSocialMeta()
   if (!post) {
     document.title = DEFAULT_TITLE
     upsertMetaDescription(DEFAULT_DESCRIPTION)
@@ -64,8 +80,30 @@ function updateSeoHead(post) {
   const description = post.description?.trim() ? post.description : DEFAULT_DESCRIPTION
   document.title = title
   upsertMetaDescription(description)
+
+  if (typeof window === 'undefined') return
+  const pageUrl = `${window.location.origin}${route.path}`
+  appendTrackedMeta({ property: 'og:title', content: title })
+  appendTrackedMeta({ property: 'og:description', content: description })
+  appendTrackedMeta({ property: 'og:type', content: 'article' })
+  appendTrackedMeta({ property: 'og:url', content: pageUrl })
+  appendTrackedMeta({ property: 'og:site_name', content: 'RealToken DAO' })
+  appendTrackedMeta({ name: 'twitter:title', content: title })
+  appendTrackedMeta({ name: 'twitter:description', content: description })
+  if (post.imageHeader?.trim()) {
+    const imageUrl = `${window.location.origin}/ArticleImg/${encodeURIComponent(post.imageHeader.trim())}`
+    appendTrackedMeta({ property: 'og:image', content: imageUrl })
+    appendTrackedMeta({ name: 'twitter:card', content: 'summary_large_image' })
+    appendTrackedMeta({ name: 'twitter:image', content: imageUrl })
+  } else {
+    appendTrackedMeta({ name: 'twitter:card', content: 'summary' })
+  }
 }
 
+onUnmounted(() => {
+  removeBlogSocialMeta()
+})
+
 const fetchArticle = async () => {
   const slug = route.params.slug
   article.value = await loadArticle(slug, locale.value)
@@ -107,18 +145,17 @@ const formatDate = (dateString) => {
 
 .post-hero-image {
   width: 100%;
-  max-height: 360px;
-  overflow: hidden;
   border-radius: 16px;
   margin-bottom: 32px;
   background: rgba(0, 0, 0, 0.2);
 }
 
 .post-hero-image img {
   width: 100%;
-  height: 100%;
-  object-fit: cover;
+  height: auto;
+  object-fit: contain;
   display: block;
+  border-radius: 16px;
 }
 
 .post-header-content {
@@ -246,6 +283,35 @@ const formatDate = (dateString) => {
   font-style: italic;
 }
 
+.post-body :deep(table) {
+  width: 100%;
+  border-collapse: collapse;
+  margin: 1.5em 0;
+  font-size: 0.95rem;
+}
+
+.post-body :deep(th),
+.post-body :deep(td) {
+  border: 1px solid rgba(255, 255, 255, 0.12);
+  padding: 12px 16px;
+  text-align: left;
+  vertical-align: top;
+}
+
+.post-body :deep(th) {
+  background: rgba(255, 140, 66, 0.12);
+  color: #fff;
+  font-weight: 600;
+}
+
+.post-body :deep(tbody tr:nth-child(even)) {
+  background: rgba(255, 255, 255, 0.03);
+}
+
+.post-body :deep(thead th) {
+  border-color: rgba(255, 140, 66, 0.25);
+}
+
 .post-footer {
   margin-top: 64px;
   padding-top: 32px;