Compare commits
8 Commits
d01301e40b
...
feat/v1.6-
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
090fb581ee | ||
|
|
458a152525 | ||
|
|
36feace21f | ||
|
|
0e65156fa0 | ||
|
|
020cf0a162 | ||
|
|
1c4dce2fa4 | ||
|
|
cde95cdf61 | ||
|
|
f099463636 |
17
.env.example
17
.env.example
@@ -1,17 +1,24 @@
|
|||||||
# Kit (ex-ConvertKit) - newsletter infolettre
|
# Kit (ex-ConvertKit) - newsletter infolettre
|
||||||
KIT_API_SECRET_V4=kit_xxx
|
KIT_API_SECRET_V4=kit_xxx
|
||||||
|
|
||||||
# Behold.so feed IDs (voir docs/BEHOLD-SETUP.md)
|
# Behold.so : DEPRECATED V1.5-E — remplace par RSSHub self-host (rss.trans-former.fr).
|
||||||
# 1) Inscris-toi sur https://behold.so/dashboard
|
# InstaFeed.vue consomme desormais PUBLIC_JOURNAL_URL (filtre platform=instagram).
|
||||||
# 2) Connecte les 2 comptes Insta (@aep.politique + @julesneny)
|
# Les 2 vars ci-dessous ne sont plus lues ; conservees pour compat.env.local existant.
|
||||||
# 3) Recupere les feed IDs et copie ce fichier vers .env.local puis remplis ci-dessous
|
|
||||||
PUBLIC_BEHOLD_AEP=
|
PUBLIC_BEHOLD_AEP=
|
||||||
PUBLIC_BEHOLD_JULESNENY=
|
PUBLIC_BEHOLD_JULESNENY=
|
||||||
|
|
||||||
# Journal unifie (PC6) - URL JSON agrege par n8n cron nocturne
|
# Journal unifie (V1.6) - URL JSON agrege par n8n cron 4h UTC
|
||||||
|
# Sources : RSSHub self-host (Insta @aep.politique + @julesneny) + Substack natif
|
||||||
|
# + Atom Gitea natif (git.trans-former.fr/jules.atom) + LinkedIn API V2
|
||||||
# Override en local : pointer vers un mock /public/data/journal.json par exemple
|
# Override en local : pointer vers un mock /public/data/journal.json par exemple
|
||||||
PUBLIC_JOURNAL_URL=https://data.trans-former.fr/journal.json
|
PUBLIC_JOURNAL_URL=https://data.trans-former.fr/journal.json
|
||||||
|
|
||||||
|
# LinkedIn (V1.6) - Member ID du profil Jules (format numerique, sans urn: prefix)
|
||||||
|
# Recuperer via curl -H "Authorization: Bearer TOKEN" https://api.linkedin.com/v2/me | jq .id
|
||||||
|
# Stocke comme variable d'env n8n (Settings -> Variables) sous le nom LINKEDIN_MEMBER_ID
|
||||||
|
# Le workflow l'utilise comme : urn:li:person:${LINKEDIN_MEMBER_ID}
|
||||||
|
LINKEDIN_MEMBER_ID=
|
||||||
|
|
||||||
# Chatbot upstream (PC7) - URL backend chatbot AEP
|
# Chatbot upstream (PC7) - URL backend chatbot AEP
|
||||||
# V1 : chatbot AEP classique (Mistral Small + 120 fiches)
|
# V1 : chatbot AEP classique (Mistral Small + 120 fiches)
|
||||||
# V1.5 : switch vers LightRAG-PE (1 ligne)
|
# V1.5 : switch vers LightRAG-PE (1 ligne)
|
||||||
|
|||||||
16
Dockerfile
Normal file
16
Dockerfile
Normal file
@@ -0,0 +1,16 @@
|
|||||||
|
FROM node:22-alpine AS builder
|
||||||
|
WORKDIR /app
|
||||||
|
COPY package*.json ./
|
||||||
|
RUN npm ci
|
||||||
|
COPY . .
|
||||||
|
RUN npm run build
|
||||||
|
|
||||||
|
FROM node:22-alpine
|
||||||
|
WORKDIR /app
|
||||||
|
COPY --from=builder /app/dist ./dist
|
||||||
|
COPY --from=builder /app/node_modules ./node_modules
|
||||||
|
COPY --from=builder /app/package*.json ./
|
||||||
|
EXPOSE 3000
|
||||||
|
ENV HOST=0.0.0.0
|
||||||
|
ENV PORT=3000
|
||||||
|
CMD ["node", "./dist/server/entry.mjs"]
|
||||||
@@ -3,14 +3,22 @@ import { defineConfig } from 'astro/config';
|
|||||||
import vue from '@astrojs/vue';
|
import vue from '@astrojs/vue';
|
||||||
import node from '@astrojs/node';
|
import node from '@astrojs/node';
|
||||||
import tailwindcss from '@tailwindcss/vite';
|
import tailwindcss from '@tailwindcss/vite';
|
||||||
|
import sitemap from '@astrojs/sitemap';
|
||||||
|
|
||||||
// PC7 — bascule SSR (mode 'server' Astro 6) pour endpoint /api/chatbot proxy.
|
// PC7 — bascule SSR (mode 'server' Astro 6) pour endpoint /api/chatbot proxy.
|
||||||
// Toutes les pages publiques restent statiques via `export const prerender = true`.
|
// Toutes les pages publiques restent statiques via `export const prerender = true`.
|
||||||
// Coolify deploy (PC8) : `node ./dist/server/entry.mjs` (Node adapter standalone).
|
// Coolify deploy (PC8) : `node ./dist/server/entry.mjs` (Node adapter standalone).
|
||||||
|
// PC8 — sitemap auto-genere + site URL pour canonical + redirects SEO.
|
||||||
export default defineConfig({
|
export default defineConfig({
|
||||||
|
site: 'https://trans-former.fr',
|
||||||
output: 'server',
|
output: 'server',
|
||||||
adapter: node({ mode: 'standalone' }),
|
adapter: node({ mode: 'standalone' }),
|
||||||
integrations: [vue()],
|
integrations: [
|
||||||
|
vue(),
|
||||||
|
sitemap({
|
||||||
|
filter: (page) => !page.includes('/api/'),
|
||||||
|
}),
|
||||||
|
],
|
||||||
vite: {
|
vite: {
|
||||||
plugins: [tailwindcss()],
|
plugins: [tailwindcss()],
|
||||||
},
|
},
|
||||||
|
|||||||
308
docs/n8n-workflow-journal-aggregate-v2-rsshub.json
Normal file
308
docs/n8n-workflow-journal-aggregate-v2-rsshub.json
Normal file
File diff suppressed because one or more lines are too long
67
package-lock.json
generated
67
package-lock.json
generated
@@ -9,6 +9,7 @@
|
|||||||
"version": "0.0.1",
|
"version": "0.0.1",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@astrojs/node": "^10.1.0",
|
"@astrojs/node": "^10.1.0",
|
||||||
|
"@astrojs/sitemap": "^3.7.2",
|
||||||
"@astrojs/vue": "^6.0.1",
|
"@astrojs/vue": "^6.0.1",
|
||||||
"@fontsource-variable/roboto-condensed": "^5.2.8",
|
"@fontsource-variable/roboto-condensed": "^5.2.8",
|
||||||
"@tailwindcss/vite": "^4.2.4",
|
"@tailwindcss/vite": "^4.2.4",
|
||||||
@@ -98,6 +99,17 @@
|
|||||||
"node": ">=22.12.0"
|
"node": ">=22.12.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/@astrojs/sitemap": {
|
||||||
|
"version": "3.7.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/@astrojs/sitemap/-/sitemap-3.7.2.tgz",
|
||||||
|
"integrity": "sha512-PqkzkcZTb5ICiyIR8VoKbIAP/laNRXi5tw616N1Ckk+40oNB8Can1AzVV56lrbC5GKSZFCyJYUVYqVivMisvpA==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"sitemap": "^9.0.0",
|
||||||
|
"stream-replace-string": "^2.0.0",
|
||||||
|
"zod": "^4.3.6"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/@astrojs/telemetry": {
|
"node_modules/@astrojs/telemetry": {
|
||||||
"version": "3.3.2",
|
"version": "3.3.2",
|
||||||
"resolved": "https://registry.npmjs.org/@astrojs/telemetry/-/telemetry-3.3.2.tgz",
|
"resolved": "https://registry.npmjs.org/@astrojs/telemetry/-/telemetry-3.3.2.tgz",
|
||||||
@@ -2661,6 +2673,24 @@
|
|||||||
"@types/unist": "*"
|
"@types/unist": "*"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/@types/node": {
|
||||||
|
"version": "24.12.4",
|
||||||
|
"resolved": "https://registry.npmjs.org/@types/node/-/node-24.12.4.tgz",
|
||||||
|
"integrity": "sha512-GUUEShf+PBCGW2KaXwcIt3Yk+e3pkKwWKb9GSyM9WQVE+ep2jzmHdGsHzu4wgcZy5fN9FBdVzjpBQsYlpfpgLA==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"undici-types": "~7.16.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@types/sax": {
|
||||||
|
"version": "1.2.7",
|
||||||
|
"resolved": "https://registry.npmjs.org/@types/sax/-/sax-1.2.7.tgz",
|
||||||
|
"integrity": "sha512-rO73L89PJxeYM3s3pPPjiPgVVcymqU490g0YO5n5By0k2Erzj6tay/4lr1CHAAU4JyOWd1rpQ8bCf6cZfHU96A==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"@types/node": "*"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/@types/unist": {
|
"node_modules/@types/unist": {
|
||||||
"version": "3.0.3",
|
"version": "3.0.3",
|
||||||
"resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
|
"resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
|
||||||
@@ -2936,6 +2966,12 @@
|
|||||||
"url": "https://github.com/sponsors/jonschlinkert"
|
"url": "https://github.com/sponsors/jonschlinkert"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/arg": {
|
||||||
|
"version": "5.0.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
|
||||||
|
"integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
|
||||||
|
"license": "MIT"
|
||||||
|
},
|
||||||
"node_modules/argparse": {
|
"node_modules/argparse": {
|
||||||
"version": "2.0.1",
|
"version": "2.0.1",
|
||||||
"resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
|
"resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
|
||||||
@@ -6982,6 +7018,25 @@
|
|||||||
"integrity": "sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==",
|
"integrity": "sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==",
|
||||||
"license": "MIT"
|
"license": "MIT"
|
||||||
},
|
},
|
||||||
|
"node_modules/sitemap": {
|
||||||
|
"version": "9.0.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/sitemap/-/sitemap-9.0.1.tgz",
|
||||||
|
"integrity": "sha512-S6hzjGJSG3d6if0YoF5kTyeRJvia6FSTBroE5fQ0bu1QNxyJqhhinfUsXi9fH3MgtXODWvwo2BDyQSnhPQ88uQ==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"@types/node": "^24.9.2",
|
||||||
|
"@types/sax": "^1.2.1",
|
||||||
|
"arg": "^5.0.0",
|
||||||
|
"sax": "^1.4.1"
|
||||||
|
},
|
||||||
|
"bin": {
|
||||||
|
"sitemap": "dist/esm/cli.js"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">=20.19.5",
|
||||||
|
"npm": ">=10.8.2"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/slash": {
|
"node_modules/slash": {
|
||||||
"version": "5.1.0",
|
"version": "5.1.0",
|
||||||
"resolved": "https://registry.npmjs.org/slash/-/slash-5.1.0.tgz",
|
"resolved": "https://registry.npmjs.org/slash/-/slash-5.1.0.tgz",
|
||||||
@@ -7040,6 +7095,12 @@
|
|||||||
"node": ">= 0.8"
|
"node": ">= 0.8"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/stream-replace-string": {
|
||||||
|
"version": "2.0.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/stream-replace-string/-/stream-replace-string-2.0.0.tgz",
|
||||||
|
"integrity": "sha512-TlnjJ1C0QrmxRNrON00JvaFFlNh5TTG00APw23j74ET7gkQpTASi6/L2fuiav8pzK715HXtUeClpBTw2NPSn6w==",
|
||||||
|
"license": "MIT"
|
||||||
|
},
|
||||||
"node_modules/stringify-entities": {
|
"node_modules/stringify-entities": {
|
||||||
"version": "4.0.4",
|
"version": "4.0.4",
|
||||||
"resolved": "https://registry.npmjs.org/stringify-entities/-/stringify-entities-4.0.4.tgz",
|
"resolved": "https://registry.npmjs.org/stringify-entities/-/stringify-entities-4.0.4.tgz",
|
||||||
@@ -7222,6 +7283,12 @@
|
|||||||
"integrity": "sha512-Ql87qFHB3s/De2ClA9e0gsnS6zXG27SkTiSJwjCc9MebbfapQfuPzumMIUMi38ezPZVNFcHI9sUIepeQfw8J8Q==",
|
"integrity": "sha512-Ql87qFHB3s/De2ClA9e0gsnS6zXG27SkTiSJwjCc9MebbfapQfuPzumMIUMi38ezPZVNFcHI9sUIepeQfw8J8Q==",
|
||||||
"license": "MIT"
|
"license": "MIT"
|
||||||
},
|
},
|
||||||
|
"node_modules/undici-types": {
|
||||||
|
"version": "7.16.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.16.0.tgz",
|
||||||
|
"integrity": "sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw==",
|
||||||
|
"license": "MIT"
|
||||||
|
},
|
||||||
"node_modules/unicorn-magic": {
|
"node_modules/unicorn-magic": {
|
||||||
"version": "0.4.0",
|
"version": "0.4.0",
|
||||||
"resolved": "https://registry.npmjs.org/unicorn-magic/-/unicorn-magic-0.4.0.tgz",
|
"resolved": "https://registry.npmjs.org/unicorn-magic/-/unicorn-magic-0.4.0.tgz",
|
||||||
|
|||||||
@@ -16,6 +16,7 @@
|
|||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@astrojs/node": "^10.1.0",
|
"@astrojs/node": "^10.1.0",
|
||||||
|
"@astrojs/sitemap": "^3.7.2",
|
||||||
"@astrojs/vue": "^6.0.1",
|
"@astrojs/vue": "^6.0.1",
|
||||||
"@fontsource-variable/roboto-condensed": "^5.2.8",
|
"@fontsource-variable/roboto-condensed": "^5.2.8",
|
||||||
"@tailwindcss/vite": "^4.2.4",
|
"@tailwindcss/vite": "^4.2.4",
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"version": "1.1",
|
"version": "1.1",
|
||||||
"generatedAt": "2026-05-11T22:48:32.388Z",
|
"generatedAt": "2026-05-12T22:53:33.094Z",
|
||||||
"nodes": [
|
"nodes": [
|
||||||
{
|
{
|
||||||
"id": "contrat-social-medecine-corps-social",
|
"id": "contrat-social-medecine-corps-social",
|
||||||
|
|||||||
46
public/llms.txt
Normal file
46
public/llms.txt
Normal file
@@ -0,0 +1,46 @@
|
|||||||
|
# trans-former.fr
|
||||||
|
|
||||||
|
> Page-cerveau de Jules NENY. Architecture, ecologie, politique : un commun a
|
||||||
|
> construire ensemble. Manifeste et infrastructure vivante.
|
||||||
|
|
||||||
|
## A propos
|
||||||
|
|
||||||
|
Jules NENY est architecte, ecrivain, penseur politique. Il porte le projet AEP
|
||||||
|
(Agences d'Ecologie Politique) - reseau de structures locales pour articuler
|
||||||
|
ecologie, social et politique au niveau du territoire.
|
||||||
|
|
||||||
|
Ce site est l'epicentre de son ecosysteme : manifeste, journal cross-platform,
|
||||||
|
carte AEP des bifurcations, mindmap des thematiques de la pensee AEP.
|
||||||
|
|
||||||
|
## Sections
|
||||||
|
|
||||||
|
- / : page-cerveau (hub : journal + mindmap + Insta)
|
||||||
|
- /manifeste : manifeste fondateur (V1)
|
||||||
|
- /manifeste/commander : pre-inscription version imprimee
|
||||||
|
- /a-propos : parcours et intention
|
||||||
|
- /mentions-legales : mentions legales
|
||||||
|
|
||||||
|
## Ecosysteme
|
||||||
|
|
||||||
|
- aep.trans-former.fr : cartes AEP (cartobifurcation + trouver du taf)
|
||||||
|
- manifeste.trans-former.fr : ancien blog (archives 2024-2026)
|
||||||
|
- automate.trans-former.fr : workflows n8n (journal cross-platform)
|
||||||
|
- podcast.trans-former.fr : podcast Castopod
|
||||||
|
- calculs.trans-former.fr : simulateurs autonomie energetique
|
||||||
|
|
||||||
|
## Reseaux
|
||||||
|
|
||||||
|
- Substack : julesneny.substack.com (Architecture d'ecologie politique)
|
||||||
|
- Instagram @aep.politique : carousels manifeste
|
||||||
|
- Instagram @julesneny : peinture / poesie / Corse
|
||||||
|
- LinkedIn : journal pro / building public
|
||||||
|
- Gitea : git.trans-former.fr/jules (code open source)
|
||||||
|
|
||||||
|
## Politique d'usage
|
||||||
|
|
||||||
|
Le contenu du site est explicitement ouvert a l'indexation et a la citation
|
||||||
|
par les LLMs (GPTBot, ClaudeBot, Google-Extended, Applebot-Extended, PerplexityBot).
|
||||||
|
|
||||||
|
L'auteur souhaite que la pensee AEP soit largement diffusee.
|
||||||
|
|
||||||
|
Pour citer ce site : "Jules NENY, trans-former.fr, [date d'acces]"
|
||||||
19
public/robots.txt
Normal file
19
public/robots.txt
Normal file
@@ -0,0 +1,19 @@
|
|||||||
|
User-agent: *
|
||||||
|
Allow: /
|
||||||
|
|
||||||
|
User-agent: GPTBot
|
||||||
|
Allow: /
|
||||||
|
|
||||||
|
User-agent: ClaudeBot
|
||||||
|
Allow: /
|
||||||
|
|
||||||
|
User-agent: Google-Extended
|
||||||
|
Allow: /
|
||||||
|
|
||||||
|
User-agent: Applebot-Extended
|
||||||
|
Allow: /
|
||||||
|
|
||||||
|
User-agent: PerplexityBot
|
||||||
|
Allow: /
|
||||||
|
|
||||||
|
Sitemap: https://trans-former.fr/sitemap-index.xml
|
||||||
@@ -1,23 +1,21 @@
|
|||||||
---
|
---
|
||||||
import InstaFeed from '../vue/InstaFeed.vue';
|
import InstaFeed from '../vue/InstaFeed.vue';
|
||||||
|
|
||||||
// Feed IDs Behold a remplir apres inscription Behold (voir docs/BEHOLD-SETUP.md)
|
// V1.5-E : Behold remplacé par RSSHub self-host. InstaFeed lit désormais
|
||||||
const FEED_AEP = import.meta.env.PUBLIC_BEHOLD_AEP || 'PLACEHOLDER_AEP';
|
// le journal unifié (PUBLIC_JOURNAL_URL → data.trans-former.fr/journal.json)
|
||||||
const FEED_JULESNENY = import.meta.env.PUBLIC_BEHOLD_JULESNENY || 'PLACEHOLDER_JULESNENY';
|
// agrégé par n8n depuis rss.trans-former.fr. Plus de feedId Behold à passer.
|
||||||
---
|
---
|
||||||
<div class="h-full overflow-y-auto">
|
<div class="h-full overflow-y-auto">
|
||||||
<InstaFeed
|
<InstaFeed
|
||||||
client:visible
|
client:visible
|
||||||
feedId={FEED_AEP}
|
account="aep.politique"
|
||||||
account="@aep.politique"
|
|
||||||
accountUrl="https://www.instagram.com/aep.politique/"
|
accountUrl="https://www.instagram.com/aep.politique/"
|
||||||
fallbackBio="Carrousels manifeste AEP ; pensee politique eco-architecture"
|
fallbackBio="Carrousels manifeste AEP ; pensee politique eco-architecture"
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<InstaFeed
|
<InstaFeed
|
||||||
client:visible
|
client:visible
|
||||||
feedId={FEED_JULESNENY}
|
account="julesneny"
|
||||||
account="@julesneny"
|
|
||||||
accountUrl="https://www.instagram.com/julesneny/"
|
accountUrl="https://www.instagram.com/julesneny/"
|
||||||
fallbackBio="Peinture, poesie, Corse ; archives visuelles personnelles"
|
fallbackBio="Peinture, poesie, Corse ; archives visuelles personnelles"
|
||||||
/>
|
/>
|
||||||
|
|||||||
@@ -1,46 +1,80 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { ref, onMounted } from 'vue';
|
import { ref, onMounted } from 'vue';
|
||||||
|
|
||||||
interface BeholdPost {
|
// V1.5-E : on consomme désormais le journal unifié agrégé par n8n
|
||||||
|
// (sources RSSHub self-host → data.trans-former.fr/journal.json),
|
||||||
|
// au lieu de l'API Behold directe (rate-limit, plafond 6 posts gratuit).
|
||||||
|
interface JournalItem {
|
||||||
|
id: string;
|
||||||
|
platform: string;
|
||||||
|
date: string;
|
||||||
|
titre: string;
|
||||||
|
extrait?: string;
|
||||||
|
url: string;
|
||||||
|
thumbnail: string | null;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface JournalPayload {
|
||||||
|
generatedAt: string;
|
||||||
|
items: JournalItem[];
|
||||||
|
}
|
||||||
|
|
||||||
|
interface InstaPost {
|
||||||
id: string;
|
id: string;
|
||||||
permalink: string;
|
permalink: string;
|
||||||
mediaUrl: string;
|
thumbnailUrl: string | null;
|
||||||
thumbnailUrl?: string;
|
caption: string;
|
||||||
caption?: string;
|
|
||||||
mediaType: 'IMAGE' | 'VIDEO' | 'CAROUSEL_ALBUM';
|
|
||||||
timestamp: string;
|
timestamp: string;
|
||||||
}
|
}
|
||||||
|
|
||||||
const props = defineProps<{
|
const props = defineProps<{
|
||||||
feedId: string;
|
/** handle Instagram sans @ (ex: 'aep.politique', 'julesneny') — sert à filtrer le journal */
|
||||||
account: string;
|
account: string;
|
||||||
accountUrl: string;
|
accountUrl: string;
|
||||||
fallbackBio?: string;
|
fallbackBio?: string;
|
||||||
|
/** nombre max de posts affichés (défaut 6, parité avec ancien Behold) */
|
||||||
|
max?: number;
|
||||||
}>();
|
}>();
|
||||||
|
|
||||||
const posts = ref<BeholdPost[]>([]);
|
const posts = ref<InstaPost[]>([]);
|
||||||
const loading = ref(true);
|
const loading = ref(true);
|
||||||
const error = ref<string | null>(null);
|
const error = ref<string | null>(null);
|
||||||
|
|
||||||
const isPlaceholder = (id: string) => !id || id.startsWith('PLACEHOLDER_');
|
const JOURNAL_URL =
|
||||||
|
(import.meta as unknown as { env: Record<string, string | undefined> }).env
|
||||||
|
.PUBLIC_JOURNAL_URL || 'https://data.trans-former.fr/journal.json';
|
||||||
|
|
||||||
|
const accountHandle = (props.account || '').replace(/^@/, '').toLowerCase();
|
||||||
|
const limit = props.max ?? 6;
|
||||||
|
|
||||||
onMounted(async () => {
|
onMounted(async () => {
|
||||||
if (isPlaceholder(props.feedId)) {
|
|
||||||
loading.value = false;
|
|
||||||
error.value = 'no-feed-id';
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
try {
|
try {
|
||||||
const controller = new AbortController();
|
const controller = new AbortController();
|
||||||
const timeoutId = setTimeout(() => controller.abort(), 5000);
|
const timeoutId = setTimeout(() => controller.abort(), 8000);
|
||||||
const res = await fetch(`https://feeds.behold.so/${props.feedId}`, {
|
const res = await fetch(JOURNAL_URL, {
|
||||||
signal: controller.signal,
|
signal: controller.signal,
|
||||||
|
cache: 'no-store',
|
||||||
});
|
});
|
||||||
clearTimeout(timeoutId);
|
clearTimeout(timeoutId);
|
||||||
if (!res.ok) throw new Error(`Behold returned ${res.status}`);
|
if (!res.ok) throw new Error(`Journal returned ${res.status}`);
|
||||||
const data = await res.json();
|
const data = (await res.json()) as JournalPayload;
|
||||||
const items: BeholdPost[] = Array.isArray(data) ? data : (data.posts ?? []);
|
const all = Array.isArray(data?.items) ? data.items : [];
|
||||||
posts.value = items.slice(0, 6);
|
posts.value = all
|
||||||
|
.filter(
|
||||||
|
(it) =>
|
||||||
|
it.platform === 'instagram' &&
|
||||||
|
typeof it.url === 'string' &&
|
||||||
|
it.url.toLowerCase().includes(`/${accountHandle}`),
|
||||||
|
)
|
||||||
|
.slice(0, limit)
|
||||||
|
.map((it) => ({
|
||||||
|
id: it.id,
|
||||||
|
permalink: it.url,
|
||||||
|
thumbnailUrl: it.thumbnail ?? null,
|
||||||
|
caption: it.titre || it.extrait || '',
|
||||||
|
timestamp: it.date,
|
||||||
|
}));
|
||||||
|
if (!posts.value.length) error.value = 'no-posts';
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
error.value = (e as Error).message || 'fetch-error';
|
error.value = (e as Error).message || 'fetch-error';
|
||||||
} finally {
|
} finally {
|
||||||
@@ -71,24 +105,28 @@ onMounted(async () => {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div
|
<div v-else-if="posts.length" class="grid grid-cols-2 gap-1 p-1">
|
||||||
v-else-if="posts.length"
|
|
||||||
class="grid grid-cols-2 gap-1 p-1"
|
|
||||||
>
|
|
||||||
<a
|
<a
|
||||||
v-for="post in posts"
|
v-for="post in posts"
|
||||||
:key="post.id"
|
:key="post.id"
|
||||||
:href="post.permalink"
|
:href="post.permalink"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
rel="noopener"
|
rel="noopener"
|
||||||
class="block aspect-square overflow-hidden group"
|
class="block aspect-square overflow-hidden group bg-neutral-100"
|
||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
:src="post.thumbnailUrl || post.mediaUrl"
|
v-if="post.thumbnailUrl"
|
||||||
|
:src="post.thumbnailUrl"
|
||||||
:alt="post.caption?.slice(0, 80) || account"
|
:alt="post.caption?.slice(0, 80) || account"
|
||||||
loading="lazy"
|
loading="lazy"
|
||||||
class="w-full h-full object-cover group-hover:scale-105 transition-transform"
|
class="w-full h-full object-cover group-hover:scale-105 transition-transform"
|
||||||
/>
|
/>
|
||||||
|
<span
|
||||||
|
v-else
|
||||||
|
class="w-full h-full flex items-center justify-center text-[10px] text-neutral-400 p-2 text-center"
|
||||||
|
>
|
||||||
|
{{ post.caption?.slice(0, 60) || account }}
|
||||||
|
</span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@@ -6,12 +6,63 @@ import SiteHeader from '../components/astro/SiteHeader.astro';
|
|||||||
interface Props {
|
interface Props {
|
||||||
title?: string;
|
title?: string;
|
||||||
description?: string;
|
description?: string;
|
||||||
|
ogImage?: string;
|
||||||
|
canonical?: string;
|
||||||
|
/** Article JSON-LD : passer true sur les pages articles (manifeste, etc.) */
|
||||||
|
isArticle?: boolean;
|
||||||
|
articleDate?: string;
|
||||||
|
articleDescription?: string;
|
||||||
}
|
}
|
||||||
|
|
||||||
const {
|
const {
|
||||||
title = 'trans-former.fr',
|
title,
|
||||||
description = "Architecture d'ecologie politique - journal, carte conceptuelle, manifeste",
|
description,
|
||||||
|
ogImage,
|
||||||
|
canonical,
|
||||||
|
isArticle = false,
|
||||||
|
articleDate,
|
||||||
|
articleDescription,
|
||||||
} = Astro.props;
|
} = Astro.props;
|
||||||
|
|
||||||
|
const SITE_NAME = 'trans-former.fr';
|
||||||
|
const SITE_URL = 'https://trans-former.fr';
|
||||||
|
const DEFAULT_DESC = "Architecture, ecologie, politique : un commun a construire ensemble. Manifeste et infrastructure vivante de Jules NENY.";
|
||||||
|
const DEFAULT_OG = '/og-default.png';
|
||||||
|
|
||||||
|
const fullTitle = title ? `${title} - ${SITE_NAME}` : SITE_NAME;
|
||||||
|
const finalDesc = description || DEFAULT_DESC;
|
||||||
|
const finalCanonical = canonical || new URL(Astro.url.pathname, SITE_URL).href;
|
||||||
|
const finalOg = ogImage || DEFAULT_OG;
|
||||||
|
const finalOgAbsolute = finalOg.startsWith('http') ? finalOg : `${SITE_URL}${finalOg}`;
|
||||||
|
|
||||||
|
const websiteSchema = {
|
||||||
|
"@context": "https://schema.org",
|
||||||
|
"@type": "WebSite",
|
||||||
|
"name": SITE_NAME,
|
||||||
|
"url": SITE_URL,
|
||||||
|
"author": {
|
||||||
|
"@type": "Person",
|
||||||
|
"name": "Jules NENY",
|
||||||
|
"url": `${SITE_URL}/a-propos`,
|
||||||
|
"sameAs": [
|
||||||
|
"https://www.instagram.com/julesneny/",
|
||||||
|
"https://www.instagram.com/aep.politique/",
|
||||||
|
"https://julesneny.substack.com",
|
||||||
|
"https://git.trans-former.fr/jules"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"description": DEFAULT_DESC
|
||||||
|
};
|
||||||
|
|
||||||
|
const articleSchema = isArticle ? {
|
||||||
|
"@context": "https://schema.org",
|
||||||
|
"@type": "Article",
|
||||||
|
"headline": title || SITE_NAME,
|
||||||
|
"author": { "@type": "Person", "name": "Jules NENY" },
|
||||||
|
"datePublished": articleDate || "2026-05-01",
|
||||||
|
"publisher": { "@type": "Organization", "name": SITE_NAME },
|
||||||
|
"description": articleDescription || finalDesc
|
||||||
|
} : null;
|
||||||
---
|
---
|
||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html lang="fr" class="h-screen">
|
<html lang="fr" class="h-screen">
|
||||||
@@ -20,14 +71,38 @@ const {
|
|||||||
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
|
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
|
||||||
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
||||||
<meta name="generator" content={Astro.generator} />
|
<meta name="generator" content={Astro.generator} />
|
||||||
<title>{title}</title>
|
|
||||||
<meta name="description" content={description} />
|
<!-- SEO primaire -->
|
||||||
<meta property="og:title" content={title} />
|
<title>{fullTitle}</title>
|
||||||
<meta property="og:description" content={description} />
|
<meta name="description" content={finalDesc} />
|
||||||
<meta property="og:type" content="website" />
|
<link rel="canonical" href={finalCanonical} />
|
||||||
|
<meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large" />
|
||||||
|
|
||||||
|
<!-- Open Graph -->
|
||||||
|
<meta property="og:type" content={isArticle ? "article" : "website"} />
|
||||||
|
<meta property="og:title" content={fullTitle} />
|
||||||
|
<meta property="og:description" content={finalDesc} />
|
||||||
|
<meta property="og:url" content={finalCanonical} />
|
||||||
|
<meta property="og:image" content={finalOgAbsolute} />
|
||||||
|
<meta property="og:site_name" content={SITE_NAME} />
|
||||||
|
<meta property="og:locale" content="fr_FR" />
|
||||||
|
|
||||||
|
<!-- Twitter Card -->
|
||||||
<meta name="twitter:card" content="summary_large_image" />
|
<meta name="twitter:card" content="summary_large_image" />
|
||||||
<meta name="twitter:title" content={title} />
|
<meta name="twitter:title" content={fullTitle} />
|
||||||
<meta name="twitter:description" content={description} />
|
<meta name="twitter:description" content={finalDesc} />
|
||||||
|
<meta name="twitter:image" content={finalOgAbsolute} />
|
||||||
|
|
||||||
|
<!-- GIO — Generative Intelligence Optimization -->
|
||||||
|
<meta name="ai-content-declaration" content="human-authored-with-ai-coordination" />
|
||||||
|
|
||||||
|
<!-- Schema.org WebSite -->
|
||||||
|
<script type="application/ld+json" set:html={JSON.stringify(websiteSchema)} />
|
||||||
|
|
||||||
|
<!-- Schema.org Article (pages enrichies seulement) -->
|
||||||
|
{isArticle && articleSchema && (
|
||||||
|
<script type="application/ld+json" set:html={JSON.stringify(articleSchema)} />
|
||||||
|
)}
|
||||||
</head>
|
</head>
|
||||||
<body class="m-0 bg-white text-neutral-900 antialiased h-screen flex flex-col overflow-hidden">
|
<body class="m-0 bg-white text-neutral-900 antialiased h-screen flex flex-col overflow-hidden">
|
||||||
<div class="flex-shrink-0">
|
<div class="flex-shrink-0">
|
||||||
|
|||||||
@@ -7,6 +7,9 @@ import HamburgerMenu from '../components/astro/HamburgerMenu.astro';
|
|||||||
<BaseLayout
|
<BaseLayout
|
||||||
title="Manifeste - Architecture d'Ecologie Politique"
|
title="Manifeste - Architecture d'Ecologie Politique"
|
||||||
description="Manifeste AEP : un commun vivant pour une architecture d'ecologie politique. Architectes, allie-es, habitant-es."
|
description="Manifeste AEP : un commun vivant pour une architecture d'ecologie politique. Architectes, allie-es, habitant-es."
|
||||||
|
isArticle={true}
|
||||||
|
articleDate="2026-05-01"
|
||||||
|
articleDescription="Manifeste fondateur des Agences d'Ecologie Politique - un commun vivant pour bifurquer ensemble."
|
||||||
>
|
>
|
||||||
<HamburgerMenu />
|
<HamburgerMenu />
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user