Update to 11ty 3 + / permalinks + image metadata

tfrancart · tfrancart · commit d2fa36b731ab · 2025-05-25T15:16:31.000+02:00
diff --git a/.eleventy.js b/.eleventy.js
@@ -1,10 +1,6 @@
-const { EleventyRenderPlugin } = require("@11ty/eleventy");
 const plugin_syntaxhighlight = require('@11ty/eleventy-plugin-syntaxhighlight');
 const plugin_schema = require("@quasibit/eleventy-plugin-schema");
 
-
-/* Internationalization i18n : Jorge */
-const { EleventyI18nPlugin } = require("@11ty/eleventy");
 const i18n = require('eleventy-plugin-i18n');
 const translations = require('./src/_data/i18n');
 
@@ -24,7 +20,8 @@ const { namedNode, literal, defaultGraph, quad } = DataFactory;
 const store = new N3.Store();
 */
 
-module.exports = function(config) {
+module.exports = async function(config) {
+  const { EleventyRenderPlugin, EleventyI18nPlugin } = await import("@11ty/eleventy");
   
   // plugins
   config.addPlugin(plugin_syntaxhighlight);
diff --git a/package.json b/package.json
@@ -7,7 +7,7 @@
     "start": "ENVIRONMENT=dev eleventy --serve"
   },
   "devDependencies": {
-    "@11ty/eleventy": "^2.0.1",
+    "@11ty/eleventy": "^3.1.0",
     "@11ty/eleventy-fetch": "^4.0.0",
     "@11ty/eleventy-plugin-syntaxhighlight": "^3.2.0",
     "@quasibit/eleventy-plugin-schema": "^1.11.0",
diff --git a/src/_layouts/post.njk b/src/_layouts/post.njk
@@ -13,12 +13,9 @@ bodyClass: single single-post
 >
 
 
+    {% set image = page.rawInput | extractFirstImage %}
     {% if image %}
-    <!--
-    <figure  style="text-align:center;">
-        <img src="{{ image | relative(page) }}" style="width:80%" />
-    </figure>
-    -->
+        <meta itemprop="image" content="{{ metadata.url }}{{ image }}" />
     {% endif %}
 
     <div class="post__header">
diff --git a/src/en/posts/20250108-awesome-semantic-shapes.md b/src/en/posts/20250108-awesome-semantic-shapes.md
@@ -5,7 +5,7 @@ author: Thomas Francart
 date: 2025-01-08
 description: A curated Github repository of RDF shape resources
 tags: SHACL
-permalink: en/posts/{{ title | slugify }}
+permalink: en/posts/{{ title | slugify }}/
 linkedin: https://www.linkedin.com/posts/thomasfrancart_github-w3c-cgawesome-semantic-shapes-activity-7282682509249638400-F-6f?utm_source=share&utm_medium=member_desktop
 ---
 
diff --git a/src/en/posts/20250125-sparnatural-config-shacl.md b/src/en/posts/20250125-sparnatural-config-shacl.md
@@ -5,7 +5,7 @@ author: Thomas Francart
 date: 2025-01-25
 description: "3 ways to create SHACL Sparnatural configuration: manual, automated, off-the-shelf."
 tags: SHACL, Sparnatural
-permalink: en/posts/{{ title | slugify }}
+permalink: en/posts/{{ title | slugify }}/
 linkedin: https://www.linkedin.com/posts/thomasfrancart_this-week-i-wrote-a-blog-post-on-the-different-activity-7288577214009204737-Huus
 ---
 
diff --git a/src/en/posts/20250130-are-your-data-shapes-in-good-shape.md b/src/en/posts/20250130-are-your-data-shapes-in-good-shape.md
@@ -5,7 +5,7 @@ author: Thomas Francart
 date: 2025-01-30
 description: Now you can see it with the latest version of SHACL Play
 tags: SHACL Play, SHACL
-permalink: en/posts/{{ title | slugify }}
+permalink: en/posts/{{ title | slugify }}/
 linkedin: https://www.linkedin.com/posts/thomasfrancart_ontologists-knowledge-engineers-are-your-activity-7290353057651961859-pFd-?utm_source=share&utm_medium=member_desktop
 ---
 
diff --git a/src/en/posts/20250206-nakala-shacl-automated-sparnatural.md b/src/en/posts/20250206-nakala-shacl-automated-sparnatural.md
@@ -5,7 +5,7 @@ author: Marie Muller
 date: 2025-02-06
 description: A usecase of an automated version of Sparnatural submitted as an example for Veronika Heimsbakk’s "SHACL for the Practitioner" upcoming book
 tags: Sparnatural, SHACL
-permalink: en/posts/{{ title | slugify }}
+permalink: en/posts/{{ title | slugify }}/
 linkedin: https://www.linkedin.com/posts/thomasfrancart_nakala-from-an-rdf-dataset-to-a-query-ui-activity-7293376368736698370-44Ns
 bluesky: https://bsky.app/profile/chutjeveille.bsky.social/post/3lhj5sy4ojc2k
 mastodon: https://mastodon.social/@MarieMuller/113957039282718478
diff --git a/src/en/posts/20250214-rdf2gephi.md b/src/en/posts/20250214-rdf2gephi.md
@@ -5,7 +5,7 @@ author: Thomas Francart
 date: 2025-02-13
 description: Gephi is an open-source graph visualization and manipulation software. Use it to render your RDF knowledge graphs by converting them in the appropriate format.
 tags: RDF, Gephi
-permalink: en/posts/{{ title | slugify }}
+permalink: en/posts/{{ title | slugify }}/
 linkedin: https://www.linkedin.com/posts/thomasfrancart_github-sparna-gitrdf2gephi-a-converter-activity-7295837773482131456-wZH0 
 bluesky: 
 mastodon: 
diff --git a/src/en/posts/20250226-rico-converter-3.0.md b/src/en/posts/20250226-rico-converter-3.0.md
@@ -5,7 +5,7 @@ author: Thomas Francart
 date: 2025-02-26
 description: A new version of the RiC-O converter tool has been released (v3.0). This tool enables archival institutions to transition from XML-oriented archival descriptions to graph-based descriptions based on the new archival conceptual model Records-in-Contexts.
 tags: RiC-O
-permalink: en/posts/{{ title | slugify }}
+permalink: en/posts/{{ title | slugify }}/
 linkedin: https://www.linkedin.com/posts/thomasfrancart_the-ric-o-converter-tool-has-been-released-activity-7300474920117956608-KL7L?utm_source=share&utm_medium=member_desktop&rcm=ACoAAAiD3YwBJvGpu4Ak2jXNNvmSX7ws2MZ_uLE
 bluesky: 
 mastodon: 
diff --git a/src/en/posts/20250305-widgets-wednesday.md b/src/en/posts/20250305-widgets-wednesday.md
@@ -5,7 +5,7 @@ author: Marie Muller
 date: 2025-03-05
 description: All the possible ways to select a criteria value in Sparnatural !
 tags: Sparnatural, SPARQL, RDF
-permalink: en/posts/{{ title | slugify }}
+permalink: en/posts/{{ title | slugify }}/
 bluesky: https://bsky.app/profile/chutjeveille.bsky.social/post/3lfs6zh7ub22k
 mastodon: https://mastodon.social/@MarieMuller/113833367867395813
 ---
diff --git a/src/en/posts/20250314-ISSNBot-Wikidata.md b/src/en/posts/20250314-ISSNBot-Wikidata.md
@@ -5,7 +5,7 @@ author: Thomas Francart
 date: 2025-03-14
 description: The ISSN International Center uses a bot developped by Sparna to automatically populate Wikidata items with attributes from its catalog
 tags: Wikidata, ISSN
-permalink: en/posts/{{ title | slugify }}
+permalink: en/posts/{{ title | slugify }}/
 linkedin: https://www.linkedin.com/posts/thomasfrancart_issn-wikidata-activity-7307355529201238016-zhtQ
 bluesky: 
 mastodon: 
diff --git a/src/en/posts/20250408-SemanticWebToolHub.md b/src/en/posts/20250408-SemanticWebToolHub.md
@@ -5,7 +5,7 @@ author: Marie Muller
 date: 2025-04-08
 description: "We added Sparna's tools to the Semantic Web Tool Hub (and therefore to Wikidata) !"
 tags: tool, SPARQL, SHACL, Wikidata, taxonomy
-permalink: en/posts/{{ title | slugify }}
+permalink: en/posts/{{ title | slugify }}/
 linkedin: 
 bluesky: https://bsky.app/profile/chutjeveille.bsky.social/post/3lltd2jydkk2x
 mastodon: https://mastodon.social/@MarieMuller/114268206948712855
diff --git a/src/en/posts/20250411-SemWebPro-candidatures.md b/src/en/posts/20250411-SemWebPro-candidatures.md
@@ -5,7 +5,7 @@ author: Marie Muller
 date: 2025-04-11
 description: "La conférence SemWeb.Pro est LA journée annuelle de présentations et de rencontres dédiées au web sémantique dans le monde professionnel"
 tags: semwebpro, linkeddata, web sémantique
-permalink: en/posts/{{ title | slugify }}
+permalink: en/posts/{{ title | slugify }}/
 linkedin: 
 bluesky: https://bsky.app/profile/chutjeveille.bsky.social/post/3lmjua3eh722e
 mastodon: https://mastodon.social/@MarieMuller/114319008733603790
diff --git a/src/en/posts/20250414-SAPA.md b/src/en/posts/20250414-SAPA.md
@@ -5,7 +5,7 @@ author: Thomas Francart
 date: 2025-04-14
 description: "Un graphe de connaissance à 3 niveaux : archives, fichiers media, entités nommées (connaissance)"
 tags: RiC-O, FRBRoo, CIDOC-CRM
-permalink: en/posts/{{ title | slugify }}
+permalink: en/posts/{{ title | slugify }}/
 linkedin: https://www.linkedin.com/posts/thomasfrancart_graphes-de-connaissances-et-archives-%C3%A9pisode-activity-7318237605584637971-MqBc
 bluesky: https://bsky.app/profile/chutjeveille.bsky.social/post/3lmwyy6bm7c26
 mastodon: https://mastodon.social/@MarieMuller/114348477643255722
diff --git a/src/en/posts/20250414-SemWebPro-call.md b/src/en/posts/20250414-SemWebPro-call.md
@@ -5,7 +5,7 @@ author: Marie Muller
 date: 2025-05-13
 description: "L'appel à communication est lancé, envoyez vos propositions au comité de programme avant le 30 juin 2025 !"
 tags: semwebpro, semweb, websem, opendata, linkeddata, linkedopendata, knowledgegraph, thesaurus, ontology, RDF, SPARQL, SHACL, OWL, JSONLD
-permalink: en/posts/{{ title | slugify }}
+permalink: en/posts/{{ title | slugify }}/
 linkedin: https://fr.linkedin.com/posts/logilab_semwebpro-2024-activity-7322537842335772672-z8cw
 bluesky: https://bsky.app/profile/chutjeveille.bsky.social/post/3loxjtbflz22e
 mastodon: https://mastodon.logilab.fr/@logilab/114414639668131818
diff --git a/src/en/posts/20250414-labels-in-Sparnatural.md b/src/en/posts/20250414-labels-in-Sparnatural.md
@@ -5,7 +5,7 @@ author: Marie Muller, Thomas Francart
 date: 2025-05-07
 description: "Making your data accessible to users that don’t necessarily speak the same language as the one used in your dataset"
 tags: multilingualism, Sparnatural, labels
-permalink: en/posts/{{ title | slugify }}
+permalink: en/posts/{{ title | slugify }}/
 linkedin:
 bluesky: https://bsky.app/profile/chutjeveille.bsky.social/post/3lolt6js4zk2m
 mastodon: https://mastodon.social/deck/@MarieMuller/114467510850318899
diff --git a/utils/filters.js b/utils/filters.js
@@ -52,6 +52,13 @@ module.exports = {
     if (!locale) return collection;
       const filtered = collection.filter(item => item.data.locale == locale)
       return filtered;
-    }
+    },
 
+    extractFirstImage: function(content) {
+      const match = content.match(/!\[.*?\]\((.*?)\)/);
+      if (match && match[1]) {
+        return match[1];
+      }
+      return null;
+    }
 }
