Forum du club des d�veloppeurs et IT Pro - G�n�ral JavaScript

Afficher/masquer un mot de passe

moimp — Wed, 28 Oct 2026 20:06:48 GMT

Bonjour � tous,
Dans le code suivant, l'affichage fonctionne mais pas le masquage, autrement dit c'est toujours la condition de la ligne 11 qui s'ex�cute, la ligne 16 n'�tant jamais ex�cut�e.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
const
	toggle		= document.querySelector("[alt='eye.png']")
	,pwd		= document.querySelector("[name='pw']")
	;
 
toggle.addEventListener('click', function(e)
{
	if (pwd.type = "password")
	{
		pwd.type = 'text';		// OK
		alert(11);
	}
	else
	{
		pwd.type = 'password';
		alert(16);				// jamais appelé
	}
});

Avec le code source correspondant. Dans ce code, j'ai remplac� le texte par des .... . Je ne sais pas si j'ai bien fait. :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
 

 
"fr">
 

    "UTF-8">
    ....
    name="description" content="....">
	name="author" content="....">
	name="copyright" content="....">
 
	"Expires" content="-1" >
	"cache-control" content="no-cache, no-store, must-revalidate">
 
	"http://mon.site/">
 
	<link rel="stylesheet" href="https://cdn.datatables.net/1.13.6/css/jquery.dataTables.css">
	<link rel="stylesheet" media="all" type="text/css" href="css/main.css">
	<link rel="stylesheet" media="print" type="text/css" href="css/print.css">
 
	
	 type="module" src="http://omnes.proginet//js/clock.js">

 
 

 

	class="displTimer">
		"timer"> 	
	....
	"images/...." alt="....">

 
	"mainSection">
 

	class="mainNav">
		
			"index.php">Accueil
			"index.php?page=list">Application
			"index.php?page=gnu">Conditions d'utilisation
								
	
 
	
		

		

	
 

 

 
		
			....
			
			....
			....
			....
			....
			....
			....
			
 

	Cliquez ici pour voir la version demo, sinon connectez-vous.
 
 
	Identifiant Identifiant oublié

	Mot de passe  Mot de passe oublié

	Se souvenir de moi

	
	Si vous cochez la case "Se souvenir de moi", vous accéderez directement à la page de démarrage sélectionnée dans le menu utilisateur (silhouette) de l'application : "Paramètres".

 
 type="module" src="js/connect.js">
		
 
	
 
 
class="footer">
	
 
	
	* N° de semaine selon ISO 8601

Web Worker : s�parer le calcul de l�animation

drewgrant — Sun, 18 Oct 2026 06:02:05 GMT

Bonjour � tous,

Un point que je trouve int�ressant avec les Web Workers : le calcul peut �tre termin� alors que l�interface affiche encore ses �tapes interm�diaires. Comment emp�cher une animation interrompue de revenir modifier l�affichage ?

Sur un petit projet personnel en React, j�ai s�par� le dernier �tat calcul� (`state`) de l��tat actuellement affich� (`frame`). Le Worker renvoie le r�sultat et une liste d��v�nements avec leurs instantan�s. L�interface les pr�sente successivement, sans recalculer la logique.

Pour interrompre cette lecture, j�utilise un compteur de g�n�ration. Voici le principe, simplifi� depuis le hook ; `sequence` est une r�f�rence persistante, et `wait` une attente sur timer :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
async function present(update) {
  const token = ++sequence.current;
  setState(update.state);
 
  for (const event of update.events) {
    if (token !== sequence.current) return;
    setFrame(event.state);
    await wait(450);
  }
 
  if (token !== sequence.current) return;
  setFrame(update.state);
}

Lorsqu�on passe l�animation, le contr�leur incr�mente `sequence.current`, d�bloque l�attente et affiche directement l��tat final. L�ancienne boucle ne peut alors plus r�afficher un instantan� pr�c�dent. Le contr�le apr�s la boucle est important : une interruption peut aussi survenir pendant la derni�re attente. Au d�montage, le nettoyage invalide �galement la g�n�ration.

Les nouvelles commandes restent bloqu�es pendant le calcul et la lecture. Le compteur invalide uniquement la pr�sentation ; il n�annule pas un calcul dans le Worker.

Cette s�paration permet de changer la vitesse ou de sauter les animations sans modifier le r�sultat. Elle a toutefois un co�t : les instantan�s transmis par `postMessage` sont copi�s par clonage structur�. Pour un historique volumineux, il faudrait mesurer ce co�t et envisager des mises � jour plus compactes.

Cloudflare rach�te Deno pour am�liorer son mod�le de programmation Workers, mais r�serve l'usage � l'�quipe

Eliora — Mon, 12 Oct 2026 05:27:57 GMT

Cloudflare rach�te Deno pour am�liorer son mod�le de programmation Workers, mais uniquement pour l'�quipe, le moteur d'ex�cution JavaScript Deno sera abandonn�

Cloudflare a annonc� le 9 octobre l'acquisition de Deno, une start-up am�ricaine � l'origine du moteur d'ex�cution du m�me nom, afin de renforcer Workers, sa plateforme d�di�e au d�veloppement et � l'ex�cution de logiciels sur son r�seau. Kenton Varda, ing�nieur principal chez Cloudflare Workers, a d�clar� que cette acquisition permettrait d'am�liorer le mod�le de programmation et la plateforme Workers. La soci�t� a �galement mis en open source � workerd �, le runtime sur lequel repose Workers. Les conditions financi�res de l'op�ration n'ont pas �t� divulgu�es.

Cloudflare, Inc. est une entreprise technologique am�ricaine dont le si�ge social est situ� � San Francisco, en Californie, qui propose une gamme de services Internet, notamment des services de r�seau de diffusion de contenu (CDN), de cybers�curit� dans le cloud, de protection contre les attaques DDoS et d'enregistrement de noms de domaine accr�dit�s par l'ICANN. Les services de l'entreprise font principalement office de proxy inverse entre les visiteurs d'un site web et l'h�bergeur du client, ce qui permet d'am�liorer les performances et d'assurer une protection contre le trafic malveillant.

Deno est un moteur d'ex�cution pour JavaScript, TypeScript et WebAssembly, bas� sur le moteur JavaScript V8 et le langage de programmation Rust. Deno a �t� co-cr�� par Ryan Dahl, le cr�ateur de Node.js, et Bert Belder. Deno assume explicitement le r�le � la fois de moteur d'ex�cution et de gestionnaire de paquets au sein d'un seul ex�cutable, plut�t que de n�cessiter un programme de gestion de paquets distinct. Deno a �t� annonc� lors de la JSConf EU 2018 par Ryan Dahl dans sa pr�sentation intitul�e � 10 choses que je regrette � propos de Node.js �.

Dans son intervention, Dahl a �voqu� ses regrets concernant les d�cisions de conception initiales de Node.js, en mettant l�accent sur ses choix de ne pas utiliser les � promises � dans la conception de l�API, d�utiliser le syst�me de compilation h�rit� GYP, node_modules et package.json, de ne pas utiliser d�extensions de fichiers, la r�solution � magique � des modules via index.js et la rupture de l�environnement sandbox� de V8. Il a finalement pr�sent� le prototype de Deno, visant � r�aliser des liaisons d�appels syst�me via le passage de messages � l�aide d�outils de s�rialisation tels que Protocol Buffers, et � fournir des indicateurs de ligne de commande pour le contr�le d�acc�s.

Cloudflare a annonc� le 9 octobre l'acquisition de Deno, une start-up am�ricaine � l'origine du moteur d'ex�cution du m�me nom, afin de renforcer Workers, sa plateforme d�di�e au d�veloppement et � l'ex�cution de logiciels sur son r�seau. Kenton Varda, ing�nieur principal chez Cloudflare Workers, a d�clar� que cette acquisition permettrait d'am�liorer le mod�le de programmation et la plateforme Workers. Dans des articles de blog distincts, Cloudflare et Deno ont annonc� que Deno rejoignait Cloudflare.

La soci�t� a �galement mis en open source � workerd �, le runtime sur lequel repose Workers. Cette acquisition pourrait renforcer la position de Cloudflare dans le domaine des outils de d�veloppement � edge � et � serverless �. Workers est une plateforme � serverless �, tandis que Vercel propose un produit concurrent de type � functions �. Les conditions financi�res de l'op�ration n'ont pas �t� divulgu�es.

Voici l'annonce du d�part de l'�quipe Deno vers Cloudflare :

Deno rejoint Cloudflare

Depuis des ann�es, nous nous effor�ons de simplifier le d�veloppement de logiciels serveurs. Nous nous sommes interrog�s sur la mani�re dont les modules pouvaient �tre distribu�s, sur les garanties de s�curit� qu�un moteur d�ex�cution JavaScript pouvait offrir, sur ce que devait inclure une cha�ne d�outils compl�te, et sur la facilit� avec laquelle une application pouvait �tre distribu�e sous forme d�ex�cutable autonome. La compatibilit� avec Node.js est �galement devenue un aspect important de ce travail : nos utilisateurs souhaitaient b�n�ficier des am�liorations apport�es par Deno tout en continuant � s�int�grer � l��cosyst�me JavaScript existant. L��quipe et la communaut� ont d�velopp� un moteur d�ex�cution qui r�unissait ces capacit�s et remettait en question les id�es re�ues sur ce � quoi pouvait ressembler le d�veloppement JavaScript.

Aujourd�hui, nous annon�ons que l�ensemble de l��quipe Deno rejoint Cloudflare pour poursuivre ce travail. Notre ambition a toujours d�pass� le simple cadre du moteur d�ex�cution. J�ai abord� ce sujet dans mon article de blog intitul� � JavaScript Containers � : la calcul, le stockage et la communication fonctionnant de concert, sans que chaque application ait � mettre en place sa propre infrastructure. Avec Deno Deploy, nous avons franchi une nouvelle �tape vers cet objectif. Nous voulions rendre l�ex�cution des applications aussi simple que possible. Mais la cr�ation et l�exploitation de Deploy nous ont �galement montr� � quel point cette exp�rience d�veloppeur cachait encore de la complexit�. Je souhaitais simplifier cette couche �galement.

C�est ainsi qu�est n� celld. S�appuyant sur le mod�le de programmation de Cloudflare Workers, celld permet aux d�veloppeurs de cr�er d�s le d�part des applications distribu�es, tout en garantissant la simplicit� d�exploitation du syst�me. Ce qui m�enthousiasme particuli�rement, c�est que la scalabilit� soit int�gr�e au mod�le de programmation, plut�t que de d�pendre d�une infrastructure que chaque application doit mettre en place elle-m�me.

L��volution de Deno � Deno Deploy, puis � celld, explique pourquoi cette d�cision nous semble logique. Chez Cloudflare, nous allons associer nos efforts � ceux des �quipes Workers et Durable Objects. Nous souhaitons faire de ce mod�le de programmation la m�thode par d�faut pour cr�er des serveurs, que vous les ex�cutiez sur le r�seau de Cloudflare ou sur votre propre infrastructure. Rejoindre cette plateforme signifie �galement choisir o� concentrer nos efforts.

Nous avons d�cid� de consacrer nos futurs travaux de d�veloppement � cette plateforme partag�e plut�t que de continuer � d�velopper un runtime et un service d�h�bergement distincts. Nous savons qu�il s�agit d�un changement important pour ceux qui ont d�velopp� des applications sur Deno. � tous ceux qui ont contribu� au code, cr�� des entreprises sur Deno, signal� des probl�mes et fait confiance � notre orientation : merci. Voici ce que cela signifie concr�tement :

Nous continuerons � prendre en charge le runtime Deno pendant encore un an, avec des versions mensuelles comprenant des corrections de bogues et des mises � jour de s�curit�. � l�issue de cette ann�e, nous mettrons fin au d�veloppement du runtime Deno. Deno restera open source, et nous invitons toute personne souhaitant poursuivre son d�veloppement � se joindre � nous.
Deno Deploy continuera de fonctionner pendant six mois avant d��tre arr�t�. Nous fournirons une assistance � la migration aux clients payants qui passeront � Cloudflare Workers.
JSR continuera de fonctionner, son infrastructure �tant transf�r�e vers Cloudflare.
Nous continuerons � prendre en charge rusty_v8 et travaillerons � son int�gration dans workerd.

Le besoin de meilleures abstractions est particuli�rement pressant dans le domaine de l�IA. Les � Durable Objects � r�unissent des fonctionnalit�s particuli�rement utiles pour les harnais d�agents : une ex�cution peu co�teuse et sans serveur, un �tat persistant, des WebSockets et une interface JavaScript de haut niveau.

Sources : Deno ; Cloudflare

Et vous ?

:fleche: Pensez-vous que cette annonce est cr�dible ou pertinente ?
:fleche: Quel est votre avis sur le sujet ?

Voir aussi :

:fleche: Cloudflare rach�te VoidZero, la soci�t� open source derri�re Vite et les outils de compilation JavaScript qui l'entourent, afin de placer sa plateforme pour d�veloppeurs au c�ur du d�veloppement web avec l'IA

:fleche: Cloudflare pr�voit de d�livrer des certificats TLS r�sistants � l'informatique quantique, dans le cadre d'une refonte majeure de l'�cosyst�me d'authentification des sites web

:fleche: Le moteur d'ex�cution pour JavaScript, TypeScript et WebAssembly, Deno 2.9 est disponible, int�grant un g�n�rateur d'applications de bureau natives et facilite la migration des projets Node.js

Next.js 16.4 est disponible avec Turbopack et React 19.3, et r�duit le stockage du cache disque de 20 � 25 %

Eliora — Fri, 09 Oct 2026 05:47:43 GMT

Next.js 16.4 est disponible avec des performances am�lior�es gr�ce � Turbopack et React 19.3, et une r�duction de 20 � 25 % du stockage du cache disque

Next.js a publi� la version 16.4, qui apporte des am�liorations significatives en termes de performances gr�ce � des optimisations avanc�es de Turbopack et � une int�gration compl�te avec React 19.3. Cette mise � jour introduit des noms de classes CSS Module plus courts dans les builds de production, ainsi qu'un syst�me de � mangling � des exportations pour r�duire la longueur des noms d'exportation JavaScript. Pour les d�veloppeurs utilisant le cache disque de Turbopack, la nouvelle version r�duit les besoins en stockage de 20 � 25 % gr�ce � la compression Zstandard. Au-del� des am�liorations apport�es � l'infrastructure de base, Next.js 16.4 enrichit les outils de d�veloppement gr�ce � un analyseur de paquets mis � jour.

Next.js est un framework open source de d�veloppement web full-stack cr�� par la soci�t� priv�e Vercel, qui permet de d�velopper des applications web bas�es sur React avec rendu c�t� serveur et rendu statique. La documentation de React mentionne Next.js parmi les � cha�nes d�outils recommand�es � et le conseille aux d�veloppeurs qui souhaitent � cr�er un site web avec rendu c�t� serveur � l�aide de Node.js �. Alors que les applications React traditionnelles ne peuvent afficher leur contenu que c�t� client dans le navigateur, Next.js �tend cette fonctionnalit� pour inclure les applications rendues c�t� serveur.

Next.js a publi� la version 16.4, qui apporte des am�liorations significatives en termes de performances gr�ce � des optimisations avanc�es de Turbopack et � une int�gration compl�te avec React 19.3. Cette mise � jour introduit des noms de classes CSS Module plus courts dans les builds de production, ainsi qu�un syst�me de � mangling � des exportations pour r�duire la longueur des noms d�exportation JavaScript ; ces deux fonctionnalit�s visent � r�duire la taille des bundles sans compromettre la facilit� de d�bogage dans les environnements de d�veloppement.

Pour les d�veloppeurs utilisant le cache disque de Turbopack, la nouvelle version r�duit les besoins en stockage de 20 � 25 % gr�ce � la compression Zstandard, sans n�cessiter de modifications de configuration. Cette version apporte plusieurs fonctionnalit�s exp�rimentales visant � rationaliser les workflows de d�veloppement. Le compilateur React bas� sur Rust, introduit dans la version 16.3, b�n�ficie de mises � jour notables, notamment une v�rification rapide qui ignore les optimisations inutiles et des modifications de l�allocation de m�moire qui r�duisent le temps de compilation de 15 %.

Le HMR (Hot Module Replacement) � paresseux � sur le serveur garantit que les mises � jour du serveur ne sont compil�es que lorsque des routes sont sollicit�es, plut�t que d�appliquer les mises � jour � toutes les pages pr�c�demment visit�es, ce qui r�duit la charge de traitement en arri�re-plan. De plus, Turbopack fournit d�sormais son runtime sous la forme d�un seul bloc partag� entre les routes, ce qui am�liore les taux de r�ussite du cache et les vitesses de t�l�chargement.

Au-del� des am�liorations apport�es � l�infrastructure de base, Next.js 16.4 enrichit les outils de d�veloppement gr�ce � un analyseur de paquets mis � jour, dot� d�une nouvelle page d�accueil r�capitulative des routes qui met en �vidence les routes client les plus volumineuses et propose des vues sous forme de tableaux triables. Une fonctionnalit� exp�rimentale, � next-bundle-optimizer �, diagnostique d�sormais automatiquement les probl�mes li�s � l�encombrement du code JavaScript et des ressources, et propose des am�liorations. Elle est accessible via les agents IA apr�s la mise � jour. Les d�veloppeurs peuvent activer le compilateur React et explorer ces nouvelles fonctionnalit�s via la configuration de Next.js. La documentation compl�te est disponible sur le site officiel.

Voici l'annonce de la sortie de Next.js 16.4 :

Next.js 16.4

Au fil des versions 16.x, nous avons mis en place un nouveau mod�le de programmation qui r�pond � bon nombre des difficult�s que vous avez rencontr�es avec App Router depuis le d�but :

Il permet un chargement initial rapide, m�me pour les pages personnalis�es
Il offre aux applications rendues c�t� serveur une navigation instantan�e c�t� client
Il rend la mise en cache facultative, d�clarative et modulable

Ce nouveau mod�le de programmation s�appelle � Cache Components � et deviendra la norme par d�faut dans Next.js 17. Avant cette version, nous ne le recommandions pas de mani�re g�n�rale, car dans certains cas, il ne permettait pas d�offrir les m�mes garanties en termes de co�t et de performances que le mod�le pr�c�dent. Cette version inclut des fonctionnalit�s cl�s qui comblent ces lacunes. � partir de Next.js 16.4, nous sommes ravis de recommander Cache Components comme le meilleur choix pour toutes les applications Next.js.

D�s aujourd�hui, toutes les nouvelles applications cr��es avec create-next-app auront Cache Components activ� par d�faut. Les projets � greenfield � peuvent profiter sans r�serve de tous les avantages du nouveau mod�le. Pour les applications existantes, nous avons investi dans de meilleurs outils destin�s aux agents afin de faciliter la migration des bases de code vers le nouveau mod�le. La nouvelle commande next upgrade --agent fournit aux agents des instructions sp�cifiques � chaque version pour la mise � niveau de votre application, et des � Skills � d�di�s aident les agents � effectuer les refactorisations n�cessaires � l�adoption des � Cache Components �.

Next.js 16.4 inclut �galement plusieurs am�liorations pr�tes � l�emploi pour toutes les applications Next.js, notamment une r�duction de la consommation de m�moire et de l�espace disque en d�veloppement, des temps de compilation r�duits, des bundles de production plus l�gers et React 19.3.

Que sont les � Cache Components �?

Les composants de cache constituent un ensemble de fonctionnalit�s qui vous permettent de marquer certaines parties de votre arborescence de composants comme pouvant faire l'objet d'une mise en cache. Consid�rez l'option 'use cache' comme une version au niveau du composant de l'en-t�te HTTP � Cache-Control � :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
import { cacheLife } from 'next/cache';
 
export default async function DashboardPage() {
  const currentUser = await getCurrentUser();
 
  return (
    
      Welcome, {currentUser.name}
 
      {}>
        {currentUser.id} />
      
    
  );
}
 
async function Projects({ userId }) {
  'use cache';
  cacheLife('hours');
 
  const projects = await db.query.projects.findMany({
    where: eq(projectsTable.userId, userId),
  });
 
  return (
    
      {projects.map((project) => (
        {project.id}>{project.name}
      ))}
    
  );
}

Next.js interpr�te ces annotations 'use cache' lors du rendu de vos pages, en mettant en cache l'interface utilisateur de votre composant dans le navigateur (lors des navigations c�t� client) et, de mani�re facultative, sur le serveur (lors du rendu c�t� serveur ou � l'avance lors de la compilation). Ces annotations composables vous permettent de combiner la mise en cache c�t� client, la mise en cache c�t� serveur enti�rement modulable et le rendu � la demande au sein d�une m�me page ; elles remplacent les comportements de mise en cache implicites des versions pr�c�dentes d�App Router.

Nouveaut�s concernant les � Cache Components �

Dans cet article, nous utilisons le terme � Cache Components � pour d�signer le nouveau mod�le de programmation, que vous pouvez utiliser d�s aujourd�hui en activant deux options dans votre configuration Next.js :

Code:

1
2
3
4
5
6
7
8
import type { NextConfig } from 'next';
 
const nextConfig: NextConfig = {
  cacheComponents: true,
  partialPrefetching: true,
};
 
export default nextConfig;

� l�origine, Cache Components �tait propos� sans la fonctionnalit� de pr�chargement partiel, mais celle-ci fait d�sormais partie int�grante du mod�le. Voici maintenant les nouveaut�s de Cache Components dans la version 16.4.

Garantir le caract�re statique des shells, des pr�chargements ou des pages

L�une des fonctionnalit�s phares de 'use cache' est la possibilit� de cr�er des pages qui combinent du contenu statique et dynamique dans une seule r�ponse du serveur. Par exemple, vous pouvez afficher l�avatar de l�utilisateur actuel � c�t� d�un article de blog qui, par ailleurs, est pr�-rendu de mani�re statique :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
export default function Page() {
  return (
    <>
      
      
    
  );
}
 
// This component renders at request time
async function UserAvatar() {
  const currentUser = await getCurrentUser();
 
  // ...
}
 
// This component is statically prerendered
async function Content() {
  'use cache';
 
  await fetch('...');
 
  // ...
}

Next.js peut servir l'article de blog pr�-rendu � partir du cache (comme le dossier /public de votre application ou un CDN) et afficher l'UserAvatar au moment de la requ�te, le tout dans une seule et m�me r�ponse HTTP. C�est cette flexibilit� qui vous permet de cr�er des applications dot�es d�interfaces utilisateur sophistiqu�es, sans sacrifier la vitesse ni le dynamisme. Mais il arrive parfois que vous souhaitiez cr�er une application avec des pages enti�rement statiques. Dans ces cas-l�, un seul composant dynamique peut nuire aux performances ou � la rentabilit� d�un site par ailleurs optimis�.

Dans Next.js 16.4, ensureStatic offre un moyen simple de garantir que la coque, la pr�lecture ou la navigation compl�te d�une route soit statique. Pour les applications qui souhaitent �viter toute charge de calcul involontaire et r�duire leurs co�ts de serveur, cela vous permet d�emp�cher qu�un composant dynamique ne s�introduise accidentellement dans une route. Par exemple, si nous voulions nous assurer que notre page d�article de blog de l�exemple ci-dessus soit toujours statique, et qu�il ne soit jamais possible d�y ajouter un composant dynamique tel que UserAvatar, nous pourrions ajouter export const ensureStatic � la route :

Code:

1
2
3
4
5
6
7
8
9
10
export const ensureStatic = 'navigation';
 
export default function Page() {
  return (
    <>
       {/* 🔴 This component fails the build */}
      
    
  );
}

En d�finissant ensureStatic sur � navigation �, Next.js fera �chouer la compilation si du contenu dynamique est inclus dans cette page, garantissant ainsi que les navigations vers cette route ne s'afficheront jamais au moment de la requ�te. Bien que � navigation � soit la valeur la plus restrictive, vous pouvez �galement d�finir ensureStatic sur � prefetch � (pour garantir que les liens comportant une pr�lecture explicite vers cette route ne r�cup�rent que du contenu statique) ou sur � shell � (pour garantir que seul du contenu statique soit r�cup�r� lors de la premi�re d�couverte de cette route) si vous avez besoin d�un contr�le plus fin.

En plus de l�utiliser sur des pages individuelles, vous pouvez �galement ajouter ensureStatic � une mise en page pour appliquer les m�mes garanties � toutes les pages de cette mise en page. Par exemple, vous pourriez ajouter ensureStatic = 'navigation' � la mise en page racine pour garantir facilement que toutes les pages de navigation de votre site soient statiques. Ensuite, vous pourrez l'�tendre aux mises en page imbriqu�es si certaines pages commencent � n�cessiter du contenu dynamique. De nombreuses applications dynamiques n'auront pas besoin de cette fonctionnalit�, mais pour les sites optimis�s tels que les boutiques en ligne, les pages marketing ou les blogs, ensureStatic constitue un moyen simple de se pr�munir contre un rendu ind�sirable au moment de la requ�te.

Exclure du contenu d'un pr�chargement

Le pr�chargement est un moyen efficace d�am�liorer l�exp�rience utilisateur de vos applications Next.js. En utilisant ou useRouter().prefetch(), vous pouvez �liminer les �tats de chargement en pr�-renduant l�interface utilisateur mise en cache d�une page avant que la navigation effective n�ait lieu. La nouvelle API de navigation vous permet d�exclure le chargement du contenu mis en cache lors d�une pr�chargement, ce qui revient � le reporter jusqu�� ce qu�une navigation effective ait lieu.

Nouvelles fonctionnalit�s de l�agent

Nous investissons dans les outils de l�agent afin de faire de Next.js un syst�me qui contribue en permanence � la s�curit� et � la mise � jour de votre application. Next.js 16.4 s�appuie sur notre documentation, nos � Skills � et nos outils de v�rification, gr�ce aux mises � jour de l�agent et � vos retours d�exp�rience, ce qui nous permet de tirer des enseignements de la mani�re dont vous d�veloppez votre application et d�y apporter des am�liorations.

Mises � jour de l�agent

La nouvelle option --agent de la commande next upgrade aide votre agent � mettre � jour votre application de A � Z. Elle v�rifie la version install�e, s�lectionne une version cible et pr�pare les guides de migration, les modifications de code n�cessaires et les �tapes de v�rification pour votre agent. L�agent applique la mise � jour, r�sout les probl�mes de migration et v�rifie que votre application fonctionne toujours.

Vous ou votre agent pouvez l�ex�cuter depuis le r�pertoire de votre application :

Code:

npx next@canary upgrade --agent=latest

L'utilisation de next@canary permet d'ex�cuter les derniers outils de mise � niveau, m�me si votre application utilise une ancienne version de Next.js. Votre agent b�n�ficie ainsi de conseils � jour pour mettre votre application � la derni�re version disponible. Se mettre � jour est la premi�re �tape. Pour vous aider � rester � jour, Next.js 16.4 introduit la fonctionnalit� expérimentale .agentUpgrade. Lorsque vous ou votre agent ex�cutez next dev ou next build, Next.js vous avertit automatiquement lorsqu�une mise � jour pertinente est disponible, vous �vitant ainsi d�avoir � v�rifier vous-m�me. Lorsque vous choisissez de proc�der � la mise � jour, le m�me workflow d�agent est lanc�, conform�ment � la politique que vous avez configur�e.

Vous pouvez configurer ces rappels dans votre fichier de configuration Next.js :

Code:

1
2
3
4
5
6
7
8
9
import type { NextConfig } from 'next';
 
const nextConfig: NextConfig = {
  experimental: {
    agentUpgrade: 'security',
  },
};
 
export default nextConfig;

'security' (politique par d�faut) : vous rappelle les mises � jour qui corrigent les vuln�rabilit�s connues affectant votre version install�e.
'latest' : vous rappelle les nouvelles versions majeures ou mineures et utilise la derni�re politique de mise � jour pour maintenir votre application � jour.
false : d�sactive les rappels de mise � jour.

Nous travaillons �galement sur une future politique pour cet indicateur afin d�aider les agents � adopter de nouvelles fonctionnalit�s et les changements de mod�le de programmation de mani�re idiomatique, comme la migration vers les composants de cache. Aujourd�hui, vous pouvez utiliser nos Skills pour adopter les composants de cache et la pr�lecture partielle afin que votre agent vous aide � migrer vers le nouveau mod�le.

Retours d'agents

Les agents de codage sont souvent confront�s � des erreurs de framework, � une documentation peu claire ou � des solutions de contournement lors du d�veloppement et de la mise � jour d'applications. Le nouveau workflow exp�rimental de retours d'agents leur permet de r�diger des brouillons de rapports que vous pouvez examiner et, le cas �ch�ant, envoyer � l'�quipe Next.js. Les retours d'agents sont activ�s par d�faut lorsque vous cr�ez une nouvelle application avec les param�tres recommand�s de create-next-app. Pour les applications existantes, vous pouvez activer cette fonctionnalit� via votre configuration Next.js :

Code:

1
2
3
4
5
6
7
8
9
import type { NextConfig } from 'next';
 
const nextConfig: NextConfig = {
  experimental: {
    agentFeedback: true,
  },
};
 
export default nextConfig;

Une fois cette fonctionnalit� activ�e, Next Dev ajoute des instructions permettant � votre agent de collecter les probl�mes potentiels au fur et � mesure de son fonctionnement. Une fois la t�che termin�e, l�agent pr�pare des brouillons de rapports et les ouvre dans votre navigateur pour que vous puissiez les examiner. L�agent a pour consigne d�omettre le code source, les journaux, les informations confidentielles et les d�tails sp�cifiques au projet. Vous pouvez modifier ou rejeter chaque rapport, et rien n�est envoy� tant que vous n�avez pas s�lectionn� � Envoyer des commentaires �. Les commentaires de l�agent n�cessitent l�activation de Next.js Telemetry et ne s�ex�cutent pas en CI.

Am�liorations pour toutes les applications

R�duction de la taille du cache disque. Dans la version 16.4, le cache disque de Turbopack utilise 20 � 25 % d�espace en moins, sans n�cessiter de modification de configuration. Le cache utilise d�sormais la compression Zstandard pour les donn�es qui occupent le plus d�espace, tout en conservant LZ4 pour les m�tadonn�es afin de garantir des recherches rapides dans le cache. Nous avons �galement am�lior� nos routines de compactage afin de supprimer plus efficacement les donn�es obsol�tes.

HMR � paresseux � c�t� serveur. Auparavant, la modification d�un module serveur partag� pouvait d�clencher des mises � jour pour des pages que vous aviez consult�es plus t�t au cours de la session de d�veloppement, m�me si vous ne les consultiez plus. Dans la version 16.4, Turbopack compile et applique les mises � jour c�t� serveur uniquement lorsqu�une requ�te en a besoin. La page que vous consultez continue de se mettre � jour au fur et � mesure que vous la modifiez, tandis que les autres routes attendent d��tre � nouveau sollicit�es. Cela r�duit le travail en arri�re-plan inutile lorsque vous naviguez dans votre application.

Environnement d'ex�cution partag� de Turbopack. Turbopack fournit d�sormais son environnement d'ex�cution sous la forme d'un seul bloc partag� entre les routes. Cela r�duit la taille des t�l�chargements et am�liore les taux de r�ussite du cache.

Paquets de production plus l�gers. Dans la version 16.4, Turbopack g�n�re des noms de classes CSS Module plus courts en production, ce qui r�duit la taille des feuilles de style ainsi que celle du code HTML et JavaScript qui y fait r�f�rence. En environnement de d�veloppement, les noms de classes plus longs sont conserv�s pour faciliter le d�bogage. De plus, Turbopack utilise d�sormais le � mangling � des exportations pour r�duire encore davantage la taille des paquets en raccourcissant les noms d�exportation JavaScript internes utilis�s pour connecter les modules.

React 19.3. Next.js 16.4 int�gre React 19.3, qui apporte les fonctionnalit�s stables � View Transitions � et � Fragment Refs �, la nouvelle API browser() et bien plus encore.

Nouvelles fonctionnalit�s exp�rimentales

Compilateur React en Rust. Le compilateur React optimise automatiquement le rendu des composants, r�duisant ainsi le recours � la m�morisation manuelle. Sa version exp�rimentale en Rust, introduite dans la version 16.3, s�ex�cute directement au sein de Next.js plut�t que via Babel. Dans la version 16.4, un nouveau contr�le rapide lui permet d�ignorer les fichiers qui ne n�cessitent pas d�optimisation. Il �vite �galement de r�p�ter ces optimisations lors de la cr�ation de composants client pour le rendu serveur, ce qui r�duit le travail n�cessaire � la compilation de votre application.

La version 16.4 inclut �galement de nombreuses mises � jour du compilateur qui am�liorent les performances et la pr�cision. L'�quipe Turbopack a apport� des modifications � l'allocation de m�moire qui ont permis de r�duire la consommation de m�moire du compilateur React de 30 % et le temps de compilation de 15 %.

Nettoyage du cache disque. Au fur et � mesure que vous modifiez votre application, Next.js peut conserver dans le cache des �l�ments de compilation qui ne sont plus n�cessaires. Dans la version 16.4, un ramasse-miettes exp�rimental supprime ces �l�ments inutilis�s � la fois de la m�moire et du cache disque, ce qui contribue � r�duire l'utilisation des ressources lors de longues sessions de d�veloppement. Il peut �galement r�cup�rer les donn�es obsol�tes issues de sessions pr�c�dentes, telles que les �l�ments mis en cache pour des routes que vous avez supprim�es.

Importations dynamiques diff�r�es. Les importations dynamiques vous permettent de diff�rer le chargement du code, mais Next.js compile g�n�ralement ce code � l'avance pendant le d�veloppement. Dans la version 16.4, vous pouvez choisir de ne compiler les importations dynamiques c�t� client que lorsque le navigateur les sollicite. Cela r�duit la charge de compilation initiale pour le code que vous n'avez pas encore utilis�, comme une biblioth�que charg�e avec import() apr�s avoir cliqu� sur un bouton. Certaines importations next/dynamic sont encore compil�es de mani�re anticip�e.

Threads de travail. Turbopack ex�cute des outils tels que Babel, PostCSS et les chargeurs webpack dans des processus Node.js distincts qui communiquent avec lui via des sockets. Avec les threads de travail, ces outils s'ex�cutent au sein d'un seul et m�me processus. Cela permet d'�viter la surcharge li�e aux processus distincts et � la communication via des sockets, et vise � r�duire l'utilisation de la m�moire et du processeur pendant le d�veloppement et les compilations. Sous Node.js 24.13.1 et versions ult�rieures, Next.js utilise actuellement des processus enfants en raison d'un bug de Node.js.

Prise en charge des r�pertoires racines suppl�mentaires et des d�p�ts virtuels globaux. Next.js 16.4 peut suivre les d�pendances accessibles via des liens symboliques situ�es en dehors du r�pertoire racine de votre projet en vous permettant de d�clarer des r�pertoires racines suppl�mentaires. Cela facilite le travail sur des paquets locaux li�s sans avoir � �tendre le r�pertoire racine du projet pour inclure des r�pertoires sans rapport. Cela permet �galement l�int�gration manuelle avec les d�p�ts virtuels globaux de pnpm, Bun, Nub et aube, qui partagent les d�pendances install�es entre les projets et les arborescences de travail afin d�acc�l�rer les installations. L�int�gration automatique est pr�vue pour une prochaine version.

Turbopack Bundle Analyzer. Cette version apporte des fonctionnalit�s importantes � Turbopack Bundle Analyzer. Il permet d�sormais :

De mettre en �vidence les routes client les plus volumineuses dans une nouvelle page d�accueil r�capitulative des routes.
D�offrir un nouveau tableau permettant de trier rapidement les �l�ments qui contribuent le plus au volume des ressources d�une route.
Cr�e automatiquement des instantan�s des analyses que vous effectuez au fil du temps et permet de comparer les bundles � mesure que votre application �volue.
Distingue les modules situ�s sur le chemin de rendu critique et vous permet de filtrer les d�pendances asynchrones lors de l�exploration.

L'analyseur de paquets int�gre d�sormais une fonctionnalit� exp�rimentale appel�e Next-Bundle-Optimizer qui permet de d�tecter, de diagnostiquer et d'optimiser automatiquement la quantit� de code JavaScript et d'autres ressources fournies par votre application.

Source : Annonce de Next.js 16.4

Et vous ?

:fleche: Pensez-vous que cette annonce est cr�dible ou pertinente ?
:fleche: Quel est votre avis sur le sujet ?

Voir aussi :

:fleche: Le framework open source de d�veloppement web full-stack Next.js 16.3 est disponible, apportant des gains de performances en r�duisant la consommation de m�moire du serveur jusqu'� 90 %

:fleche: Comment nous avons reconstruit Next.js avec l'IA en une semaine, l'interface API Next.js vinext permet de cr�er des applications de production jusqu'� 4 fois plus rapidement, par Steve Faulkner

:fleche: La version 3.0 de SvelteKit, le framework d'application officiel de Svelte, est disponible, et se pr�sente comme un framework backend � l'instar de Next.js, mais avec moins de complications

Images attach�es

innerHTML ne s'affiche pas

noradan — Tue, 22 Sep 2026 13:50:24 GMT

Bonjour
je ne trouve pas ce que j'ai mal �crit.
Dans le html j'ai

Code:

1
2
<audio id="audioPlayer" controls >audio>
<div id="toto" style="color:white">div>

dans le js

Code:

1
2
3
4
5
6
7
8
9
const toto=document.getElementById("toto");
const player = document.getElementById("audioPlayer");
player.addEventListener("ended", function() {
    MorsoEnCours++;
    if (MorsoEnCours < playlist.length) { toto.innerHTML=`je suis ici`;
        player.src = repertoire_liste+playlist[MorsoEnCours][0];
        updateTrackInfo();
        player.play();
    }

Mon "je suis ici" ne s'affiche pas alors que le player fonctionne tout � fait.
J'ai pourtant vraiment l'impression de ne pas avoir fait de faute

D'ailleurs pendant qu'on y est est-ce que j'interpr�te correctement ce qui se passe en disant
lorsque je clique sur "play" �a joue mais uniquement en mode html le script n'y est encore pour rien, en attendant que le player envoie je ne sais o� un code de fin de morceau "ended" qui est attendu par le cript, auquel cas il lance la fonction sans nom se trouvant � l'int�rieur du "player.addEventListener", incr�mente le num�ro du morceau et relance le tout player.play().
Et puisqu'on en parle mon objectif est de faire fonctionner un autre �v�nement � savoir un clic sur image

Code:

1
2
3
4
btnprec.addEventListener("click", () => {
  // Passe à l'indice suivant (revient à 0 à la fin)
  MorsoEnCours = (MorsoEnCours + 1) % playlist.length;
  toto.innerHTML=`je suis ici`;

C'est parce que le "clic" ne donnait rien que j'ai voulu v�rifier.

replace('/%20/g',' ') ne fonctionne pas

noradan — Mon, 14 Sep 2026 15:24:22 GMT

Bonjour
on m'a fournit le code

Code:

1
2
3
4
function updateTrackInfo() {
    const trackName = playlist[currentTrack].replace('/%20/g',' ').replace('.mp3', ''); //
    trackInfo.textContent = `En lecture :  ${trackName}`;//
}

et les '%20' ne sont pas remplac�s. La syntaxe m'a pourtant l'air bonne et les modif que j'ai test�s donnent ce qu'il faut. Tous les exemples que j'ai lus disent la m�me chose "replace('/%20/g',' ')" fait ce que j'en attend... mais non !
Ca ne remplace pas.
En revanche le '.mp3', lui, est bien supprim�.
Qu'est-ce que je dois changer ? (j'imagine que c'est encore idiot)

Fonctions �quivalentes Photos de Windows en javascript

boteha — Fri, 04 Sep 2026 19:19:10 GMT

Bonjour,

L'application Phptps de Windows offre deux fonctionnalit�s tr�s int�ressantes.

Taille de l'image modifiable avec la molette.

D�placement de l'image au clic droit enfonc� d�s que l'image d�passe de son cadre.

J'aimerais les m�mes fonctions dans un Carroussel HTML / CSS.

Ce codepen montre le code HTML et CSS que j'aimerais ne pas changer.

Premier probl�me, si je veux que toutes les images soient zoomable, je suppose qu'il faut remplacer :

Code:

const tutti = document.querySelector ('figure > img')

par

Code:

const tutti = document.querySelectorAll ('figure > img')

Puis faire une boucle :

Code:

for (let i = 0; i < tutti.length; i++)

De fa�on tr�s bizarre je n'arrive pas � faire fonctionner cette boucle.

Avez-vous id�e d'une solution ?

Merci d'avance.

r�cup�ration de valeurs getBoundingClientRect inexacte

OUZFA — Sun, 30 Aug 2026 18:38:01 GMT

Bonjour, j'essaie de r�cup�rer la position d'une image sur une page et l'attribuer � une autre image sur une autre page.

Sur la premi�re page, j'ai mis les valeurs getBoundingClientRect().top et getBoundingClientRect().left dans deux inputs d'un form et les aies envoy�es dans un BDD MySql

Sur la deuxi�me page j'ai r�cup�r� les valeurs et les aies attribu�es � une image avec document.getElementById('image2').style.top=valeur_Top_r�cup�r�e et document.getElementById('image2').style.left=valeur_Left_r�cup�r�e

Probl�me: il y a un sacr� d�calage au niveau de la position top, malgr� que les deux page sont identiques.

J'ai voulu m'assurer des valeurs r�cup�r�es avec un alert() sur un mouseover sur l'image. Elles sont identiques aux valeurs envoy�es depuis la premi�re page.

Auriez-vous une explication, svp ?

demande d'explication � propos de "player.src"

noradan — Sun, 30 Aug 2026 15:38:50 GMT

Bonjour
Je ne suis m�me pas d�butant en js.
On m'a donn� un code que j'essaye de comprendre
il y a dedans

Code:

const player = document.getElementById("audioPlayer");

�a je comprend ce que �a fait : la constante nomm�e player est identifi�e � l'objet du fichier appelant (un html) identifi�e par "id=audioPlayer"
Ensuite il y a une liste nomm� "playlist" qui contient des chemins vers des mp3. L'indice dans le liste est donn� par "currentTracks" jusque l� je suit
vient alors ceci

Code:

player.src = playlist[currentTrack];

M�me si je comprends ce que cela fait � savoir "�crire src="le chemin" " dans la balise J'aimerais comprendre un peu mieux.
Je viens de lire pendant une heure et je n'ai pas trouv� de quoi me satisfaire.
La question est : tout ce qu'on peut �crire dans une balise est-il une m�thode js?
La m�thode "src" est elle une m�thode standard de js ou une m�thode "� la vol�e" permettant d'attribuer une valeur � tout ce qu'on peut mettre dans un ?

Je veux dire par l� si j'avais

est-ce que je pourrais �crire dans le js
player.style='font-size:20px'
player.width='30rem'
etc

CANVAS tracer retard�

OUZFA — Fri, 14 Aug 2026 18:08:46 GMT

Bonjour � tous,

J'ai un canvas sur lequel je trace des lignes.

Avant il fonctionnait bien : la trajectoire des lignes �tait synchronis�e avec la souris.

Depuis que j'ai augment� la hauteur du canvas, le temps d'ex�cution de la ligne est l�g�rement retard� par rapport au mouvement de la souris.

J'ai essay� de changer la largeur pour voir si c'�tait une question de proportionalit� entre hauteur et largeur. En vain !

Lorsque je remets la hauteur comme avant, ce d�calage disparait.

Auriez-vous une solution svp ?

Merci

�crire un formulaire qui change

noradan — Sat, 08 Aug 2026 18:16:35 GMT

Bon alors je ne sais pas si je vais r�ussir � me faire comprendre
Je voudrais faire un formulaire avec un label "fruits" et un champs texte o� on �crit par exemple "cerise"
mais si on fait "enter", �a ouvre un nouveau label "fruits" avec un nouveau text etc jusqu'au moment o� l'on envoie.

Je n'ai rien trouv� sur la toile.
Merci

Syntaxe getAttribute, o� est l'erreur

boteha — Tue, 28 Jul 2026 09:34:37 GMT

Bonjour,

J'ai un carrousel d'images dont la structure est la suivante.

Code:

1
2
3
4
5
6
"main">
<button type="button">"im/pr/1550G.avif" alt="vignette 1" width="100" height="77" loading="lazy" decoding="async" />
"im/pr/1550G.avif" alt="mon beau produit tout neuf" width="400" height="305" fetchpriority="high" decoding="async" />
<button type="button">"im/mu/1550-1G.webp" alt="vignette 2" width="100" height="82" loading="lazy" decoding="async" />
"im/mu/1550-1G.webp" alt="imafge 2" width="400" height="328" loading="lazy" decoding="async" />

Je dois savoir quel bouton a le focus :

Code:

Cela ne fonctionne pas.

Voyez-vous o� est l'erreur dans le code ?

J'ai un gros doute sur :

Code:

imgFocused[0] = document.querySelector(figure > this > img).getAttribute("src");

Si vous pouvez m'aider merci d'avance.

PDF bouton formulaire scripts JavaScript

montgesoye — Tue, 14 Jul 2026 09:40:11 GMT

Bonjour

Je voudrais savoir s'il est possible, � partir d'un fichier PDF, de mettre un bouton 'Enregistrer sous' et de pouvoir n'enregistrer qu'une seule page avec des scripts JavaScript.

Avec Adode Acrobat, je suis en mesure de cr�er et de modifier des scripts JavaScript.

Je voulais savoir comment cr�er un script JavaScript et obtenir de l'aide pour y parvenir.

Choisir la page o� est situ� le bouton 'enregistrer sous', puis l'extraction et l'enregistrement au format PDF.

Dans mon fichier, il y a plusieurs pages et je veux les remplir et pouvoir enregistrer toutes les pages individuellement, sans inclure l'ensemble du fichier en PDF.

Je vous remercie par avance de prendre le temps de me lire.

Je fais parvenir mon fichier en pi�ce jointe

01.Fiche PMS de suivi et de controle.pdf

Montgesoye

Images attach�es

01.Fiche PMS de suivi et de controle.pdf (1,95 Mo)

Deno lance deno desktop, une nouvelle commande qui convertit les applications web en binaires natifs

Anthony — Mon, 22 Jun 2026 20:25:13 GMT

Deno Desktop convertit les applications web en binaires natifs, en ciblant votre r�f�rentiel web existant, tel que Next.js, Astro, Remix ou SvelteKit, pour le compiler en un ex�cutable natif l�ger et autonome

Deno a lanc� la commande deno desktop, con�ue pour transformer les applications Web en binaires natifs pour macOS, Windows ou Linux. Disponible dans la version 2.9.0 (canary) de Deno, cette fonctionnalit� d�tecte automatiquement les frameworks web les plus courants, comme Next.js, Astro, Remix ou SvelteKit, et compile votre projet Deno en un binaire natif l�ger et autonome qui regroupe votre code, le runtime Deno et un moteur de rendu Web en un seul paquet par plateforme. Aucune modification du code n�est n�cessaire pour porter un projet web existant sur le bureau.

Deno est un moteur d'ex�cution pour JavaScript, TypeScript et WebAssembly, bas� sur le moteur JavaScript V8 et le langage de programmation Rust. Deno a �t� co-cr�� par Ryan Dahl, le cr�ateur de Node.js, et Bert Belder. Deno assume explicitement le r�le � la fois de moteur d'ex�cution et de gestionnaire de paquets au sein d'un seul ex�cutable, sans n�cessiter de programme de gestion de paquets distinct. Deno se veut un environnement de script productif et s�curis� destin� aux programmeurs modernes. � l'instar de Node.js, Deno met l'accent sur une architecture orient�e �v�nements, en proposant un ensemble d'utilitaires d'E/S de base non bloquants, ainsi que leurs versions bloquantes. Deno peut �tre utilis� pour cr�er des serveurs web, effectuer des calculs scientifiques, etc. Deno est un logiciel open source sous licence MIT.

Finie la lourdeur d'Electron, deno desktop convertit d�sormais les applications web en binaires natifs sans aucune configuration.

Pendant une d�cennie, d�velopper une application de bureau multiplateforme � l'aide de technologies web impliquait d'accepter un compromis technique impitoyable : Electron. On disposait certes de vues web standard, mais les utilisateurs se retrouvaient avec des binaires � hello world � de plus de 150 Mo et une consommation de m�moire effr�n�e.

deno desktop, la nouvelle sous-commande native qui vient de sortir, red�finit compl�tement les r�gles du jeu en mati�re de distribution pour ordinateurs de bureau. Au lieu d'encapsuler votre projet dans des couches IPC � forte friction et des frameworks lourds, deno desktop cible votre r�f�rentiel web existant (Next.js, Astro, Remix, SvelteKit, etc.) et le compile en un ex�cutable natif l�ger et autonome. Pas de r��criture de code, pas d'empreinte de d�pendances massive, et une compatibilit� totale avec Node/npm d�s l'installation. Le paysage du d�veloppement pour ordinateur de bureau vient de changer pour de bon.

deno desktop transforme un projet Deno (qu'il s'agisse d'un simple fichier TypeScript ou d'une application Next.js) en une application de bureau autonome. Le r�sultat est un binaire redistribuable qui regroupe votre code, le runtime Deno et un moteur de rendu Web en un seul paquet par plateforme.

Pourquoi deno desktop ?

Les technologies web constituent la bo�te � outils d'interface utilisateur la plus r�pandue au monde. Les applications de bureau d�velopp�es � partir de piles web (Electron, Tauri, Electrobun) tirent parti de cet atout, mais chacune pr�sente des inconv�nients avec lesquels il faut composer : des binaires volumineux, une prise en charge insuffisante de certaines plateformes, l'absence d'�cosyst�me JavaScript, l'absence de m�canisme de mise � jour int�gr� et l'absence d'int�gration de framework.

deno desktop a une position bien d�finie sur ces compromis :

Petite taille par d�faut, compatibilit� totale avec Node. Le backend WebView par d�faut utilise la WebView native du syst�me d'exploitation pour obtenir des binaires l�gers, tout en permettant de continuer � b�n�ficier de l'int�gralit� de l'�cosyst�me npm gr�ce � la couche de compatibilit� Node de Deno. Les d�veloppeurs peuvent opter pour le backend Chromium (CEF) int�gr� lorsqu'ils ont besoin d'un rendu identique sous macOS, Windows et Linux.
D�tection automatique du framework. Il suffit de pointer deno desktop vers un projet Next.js, Astro, Fresh, Remix, Nuxt, SvelteKit, SolidStart, TanStack Start ou Vite SSR pour qu�il s�ex�cute : le serveur de production en mode � release �, et le serveur de d�veloppement avec rechargement � chaud (hot reload) via l�option --hmr. Aucune modification du code n�est n�cessaire pour porter un projet web existant sur le bureau.
Des liaisons intra-processus plut�t que l'IPC. La communication entre le backend et l'interface utilisateur s'effectue via des canaux intra-processus, et non via une IPC bas�e sur des sockets. Les valeurs sont toujours encod�es lorsqu'elles franchissent la fronti�re d'appel, mais il n'y a pas d'allers-retours inter-processus entre le code Deno et la vue Web.
Compilation crois�e � partir d'une seule machine. Une m�me machine permet de compiler pour macOS, Windows et Linux. Les backends sont t�l�charg�s � la demande, et non compil�s localement.
Mise � jour automatique int�gr�e via la comparaison de binaires. Il suffit de fournir un seul manifeste latest.json et des correctifs bsdiff ; le runtime interroge, applique et annule automatiquement les modifications en cas d'�chec au d�marrage.

Hello, desktop

Cr�er une application de bureau en un seul fichier (main.ts) :

Code:

1
2
3
4
5
Deno.serve(() =>
  new Response("Hello, desktop
", {
    headers: { "content-type": "text/html" },
  })
);

Code:

deno desktop main.ts

Le binaire compil� ouvre une fen�tre pointant vers un serveur HTTP local li� � votre gestionnaire Deno.serve(). Vous pouvez l'ex�cuter directement :

Code:

1
2
./main      # macOS / Linux
.\main.exe  # Windows

Deno.serve() se connecte automatiquement � l'adresse vers laquelle la vue Web navigue ; il n'est donc pas n�cessaire de sp�cifier un port ou un nom d'h�te.

deno desktop est incluse dans Deno v2.9.0 et n'est pas encore disponible dans une version stable. Pour l'essayer, ex�cutez la commande deno upgrade canary afin d'installer la version canary. La commande, les cl�s de configuration et les API TypeScript sont susceptibles d'�voluer avant que la fonctionnalit� ne soit stabilis�e.

Source : Deno

Et vous ?

:fleche: Quel est votre avis sur le sujet ?
:fleche: Trouvez-vous cette nouvelle sous-commande de Deno utile et pertinente ?

Voir aussi :

:fleche: Deno 2.6, la derni�re version du runtime JavaScript et TypeScript moderne, est disponible avec l'outil dx, un contr�le plus granulaire des autorisations et une v�rification des types TypeScript plus rapide

:fleche: Deno contre Oracle : Deno a d�pos� une demande d'annulation de la marque JavaScript d'Oracle, Oracle a jusqu'au 4 janvier 2025 pour agir, sinon la marque sera probablement annul�e

:fleche: Pendant que Deno, le runtime de JS et TS, gagne en maturit�, certaines entreprises tentent de l'utiliser en production, mais d'autres repartent non satisfaites � la suite des tests effectu�s

Images attach�es

Cloudflare rach�te VoidZero afin de placer sa plateforme Workers au c�ur du d�veloppement web assist� par l'IA

Anthony — Fri, 05 Jun 2026 12:03:04 GMT

Cloudflare rach�te VoidZero, la soci�t� open source derri�re Vite et les outils de compilation JavaScript qui l'entourent, afin de placer sa plateforme pour d�veloppeurs au c�ur du d�veloppement web assist� par l'IA

Cloudflare a annonc� l'acquisition de VoidZero, la soci�t� open source � l'origine de Vite et des outils de compilation JavaScript associ�s, afin de renforcer sa plateforme pour d�veloppeurs Workers. Cette initiative vise � faciliter le d�veloppement web assist� par l'intelligence artificielle (IA) en simplifiant le d�ploiement du code local vers le r�seau mondial de Cloudflare, sans les transitions habituelles entre diff�rents outils. Les outils de VoidZero, notamment Vite, Vitest, Rolldown et Oxc, resteront open source sous licence MIT et son �quipe rejoindra la division � Emerging Technology and Incubation � de Cloudflare, o� elle continuera � diriger les projets.

Cloudflare, Inc. est une entreprise technologique am�ricaine dont le si�ge social est situ� � San Francisco, en Californie, qui propose une gamme de services Internet, notamment des services de r�seau de diffusion de contenu (CDN), de cybers�curit� dans le cloud, de protection contre les attaques DDoS et d'enregistrement de noms de domaine accr�dit�s par l'ICANN. Les services de l'entreprise fonctionnent principalement comme un proxy inverse entre les visiteurs d'un site web et l'h�bergeur du client, am�liorant ainsi les performances et assurant une protection contre le trafic malveillant.

Le 4 juin 2026, Cloudflare Inc. a annonc� avoir rachet� VoidZero Inc., la soci�t� open source � l'origine de Vite et des outils de compilation JavaScript tr�s r�pandus qui l'entourent, dans le but de positionner sa plateforme pour d�veloppeurs au c�ur du d�veloppement web assist� par l'IA. VoidZero a �t� fond� par Evan You, le cr�ateur du framework Vue.js, en 2023.

Vite s'est impos� comme la norme dans le d�veloppement JavaScript et TypeScript, avec plus de 100 millions de t�l�chargements par semaine. Les autres outils de VoidZero s'int�grent parfaitement � ce flux de travail. Vitest se charge des tests. Rolldown, �crit en Rust, s'occupe de la cr�ation des paquets. La cha�ne d'outils Oxc en constitue la base.

Cloudflare souhaite int�grer cette cha�ne d'outils � sa plateforme de d�veloppement Workers. L'objectif est d'offrir aux d�veloppeurs un parcours unique, du code sur leur ordinateur portable jusqu'au d�ploiement sur le r�seau de Cloudflare, sans les transitions habituelles entre diff�rents outils.

L'entreprise a d�clar� que la courbe d'adoption de Vite est � l'un des ph�nom�nes les plus remarquables � observer actuellement dans l'�cosyst�me �. Cloudflare a indiqu� que Vite enregistre environ 129 millions de t�l�chargements hebdomadaires. Le plugin Vite de Cloudflare a atteint quant � lui pr�s de 14 millions de t�l�chargements hebdomadaires, soit plus de 10 % du volume hebdomadaire total de Vite.

Cette acquisition intervient alors que les agents de codage IA autonomes red�finissent la mani�re dont les applications sont d�velopp�es. Cloudflare estime que, � mesure que ces agents �crivent davantage de code, les outils qui les entourent doivent suivre le rythme, la priorit� �tant d�sormais accord�e � la rapidit� et � la pr�visibilit� du comportement, de l'environnement local jusqu'� la mise en production.

� Les meilleurs ing�nieurs que je connaisse d�ploient plus de code que jamais, et en �crivent moins � la main. L�IA se charge d�une plus grande partie de la saisie � tout ce qui l�entoure doit donc suivre le rythme �, a d�clar� Matthew Prince, cofondateur et PDG de Cloudflare. � Evan et son �quipe ont d�velopp� Vite � partir de z�ro en s�inspirant de la m�me philosophie que celle qui a guid� la cr�ation de Cloudflare : �liminer le superflu et privil�gier la rapidit�. Leur arriv�e offre � des millions de d�veloppeurs, ainsi qu�aux agents IA qui travaillent � leurs c�t�s, le chemin le plus rapide entre le code local et notre r�seau mondial. �

L'�quipe de VoidZero, d�crite par Cloudflare comme compos�e de d�veloppeurs open source et de sp�cialistes de l'optimisation Rust, rejoindra la division � Emerging Technology and Incubation � de l'entreprise et continuera � diriger les projets. Evan You restera � la t�te de la feuille de route open source de la cha�ne d'outils.

Pour r�pondre aux inqui�tudes concernant le contr�le par un seul fournisseur d'une infrastructure open source largement utilis�e, Cloudflare a d�clar� que Vite, Vitest, Rolldown, Oxc et Vite+ resteraient open source sous licence MIT et ind�pendants de tout fournisseur. La feuille de route de Vite continuera �galement � �tre d�finie par l'�quipe et la communaut� Vite, tandis qu'Evan You et le reste de l'�quipe VoidZero continueront de diriger Vite, Vitest, Rolldown, Oxc et Vite+. Cloudflare a d�clar� qu'elle consacrera les ressources techniques et humaines n�cessaires � ces projets, sans les r�orienter.

L'entreprise s'engage �galement � verser 1 million de dollars � un fonds ind�pendant d�di� � l'�cosyst�me Vite afin de soutenir les responsables de maintenance et les contributeurs n'�tant affili�s ni � VoidZero ni � Cloudflare.

� Notre priorit� absolue est de pr�server la confiance qui a permis � Vite de conna�tre un tel succ�s. Non pas par de belles paroles, mais en le d�montrant chaque jour � travers la mani�re dont nous soutenons et d�veloppons ces projets �, a d�clar� Cloudflare. � Nous souhaitons �galement joindre le geste � la parole en ce qui concerne notre soutien � l'open source et aux fondements d'un �cosyst�me collaboratif. Dans le cadre de cette annonce, Cloudflare s'engage � verser 1 million de dollars � un fonds d�di� � l'�cosyst�me Vite, destin� � soutenir les mainteneurs et les contributeurs, et g�r� par l'�quipe principale de Vite. Vite d�passe largement le cadre de VoidZero ou de Cloudflare, et ceux qui ont contribu� � sa cr�ation doivent avoir leur place dans la suite de l'aventure. �

Evan You a d�clar� dans un article de blog que cet accord r�solvait un probl�me de mon�tisation qui avait longtemps handicap� VoidZero, malgr� l'adoption rapide de ses outils. Avant les n�gociations en vue de l'acquisition, l'entreprise avait test� un mod�le de licence mixte et d�veloppait parall�lement une plateforme de d�ploiement native Vite, baptis�e Void, sur la base de Cloudflare. VoidZero avait lev� des fonds lors d'un tour de table d'amor�age et d'une s�rie A men�s par Accel.

Cette op�ration s'inscrit dans la lign�e des acquisitions r�alis�es par Cloudflare dans le domaine du Web natif pour l'IA. En janvier, l'entreprise a rachet� Human Native, une start-up sp�cialis�e dans les donn�es sous licence, et n'a cess� depuis de d�velopper sa suite d'outils Agent Cloud, destin�e � la cr�ation et � l'exploitation d'agents IA.

Annonce de l'acquisition de VoidZero par Cloudflare

Le communiqu� de presse annon�ant l'acquisition de VoidZero par Cloudflare est pr�sent� ci-dessous :

� Cloudflare, Inc., leader des solutions de connectivit� dans le cloud, a annonc� aujourd�hui avoir rachet� VoidZero, l�entreprise ax�e sur l�open source � l�origine de Vite, l��cosyst�me d�outils JavaScript de nouvelle g�n�ration. Cette acquisition permettra d�int�grer nativement les outils haute performance de VoidZero � notamment l�outil de compilation Vite, l�ex�cuteur de tests Vitest, le bundler Rolldown bas� sur Rust et la cha�ne d�outils Oxc � au sein de l��cosyst�me Cloudflare. En fusionnant le r�seau mondial en p�riph�rie de Cloudflare et la plateforme de d�veloppement Workers avec la cha�ne d'outils standard de l'industrie du web moderne, Cloudflare cr�e une pile de d�ploiement fluide, en un seul clic, permettant de passer directement du code local au r�seau mondial de Cloudflare.

Le d�veloppement d'applications conna�t actuellement une transformation profonde. L'essor des agents de codage autonomes bas�s sur l'IA a inaugur� une �re de cr�ation rapide de structures d'applications, o� la rapidit� et la pr�visibilit� entre l'environnement local et la production sont primordiales. La cha�ne d'outils de VoidZero, articul�e autour de Vite, s'est impos�e comme la base commune de l'�cosyst�me web, enregistrant plus de 130 millions de t�l�chargements hebdomadaires. Le plugin Cloudflare Vite a atteint 13,9 millions de t�l�chargements hebdomadaires � soit plus de 10 % du volume hebdomadaire total de Vite �, ce qui prouve que les d�veloppeurs choisissent d�j� cette pile combin�e pour les applications cod�es par l'IA.

L'�quipe de VoidZero, compos�e de d�veloppeurs open source et de sp�cialistes de l'optimisation Rust, dirig�e par Evan You, cr�ateur largement reconnu de Vue.js et Vite, rejoindra la division Emerging Technology and Incubation (ETI) de Cloudflare. L'�quipe continuera � faire progresser la feuille de route open source de VoidZero tout en acc�l�rant l'int�gration approfondie avec la plateforme de d�veloppement Cloudflare Workers.

� Chez VoidZero, notre mission a toujours �t� d��liminer la fragmentation et les goulots d��tranglement de la pile web moderne �, a d�clar� Evan You, fondateur et PDG de VoidZero. � Cloudflare partage notre obsession pour la vitesse et la puret� architecturale. En unissant nos forces, nous pouvons pr�server la neutralit�, l�ouverture et l�ind�pendance vis-�-vis des fournisseurs de l��cosyst�me Vite, tout en b�n�ficiant des ressources et de l�infrastructure mondiale n�cessaires pour optimiser l�exp�rience des d�veloppeurs pour des millions d�ing�nieurs � travers le monde. �

En int�grant directement les outils ultra-performants de VoidZero, bas�s sur Rust, � la plateforme de d�veloppement Workers de Cloudflare, Cloudflare unifiera l'ensemble du cycle de vie du d�veloppement logiciel. Les d�veloppeurs comme les agents IA autonomes pourront passer instantan�ment d'une id�e � une mise en production mondiale gr�ce � un �cosyst�me de d�ploiement Vite natif et modulable. Gr�ce � cette acquisition, Cloudflare entend promouvoir un mod�le de d�veloppement centr� sur les projets, en se concentrant sur trois initiatives cl�s :

Unifier le pipeline de d�veloppement : int�grer nativement la CLI Cloudflare au flux de travail fluide de Vite, d�j� tr�s appr�ci� des d�veloppeurs, afin d'offrir une exp�rience de bout en bout sans friction � tous les cr�ateurs.
Mettre en place une infrastructure bas�e sur l'intention : �voluer vers un workflow o� une seule commande de d�ploiement Vite g�re tout. Si la logique d'application d�clare avoir besoin d'une base de donn�es ou d'un magasin d'objets, une application Vite int�grant Cloudflare d�tectera automatiquement cette intention et provisionnera nativement des ressources Cloudflare telles que D1 ou R2, sans aucune intervention manuelle sur le tableau de bord.
Pr�server la neutralit� des mainteneurs open source : Vite, Rolldown, Oxc et Vitest resteront open source, ind�pendants de tout fournisseur et pilot�s par la communaut�. Vite, Vitest, Rolldown, Oxc et Vite+ resteront strictement open source sous licence MIT. Cloudflare s'engage � verser 1 million de dollars � un nouveau fonds ind�pendant d�di� � l'�cosyst�me Vite afin de soutenir les mainteneurs et contributeurs de la communaut� qui sont ind�pendants � la fois de VoidZero et de Cloudflare.

� Chez Lovable, nous donnons aux d�veloppeurs les moyens de cr�er et de d�ployer des applications full-stack � une �chelle sans pr�c�dent. Une cha�ne d�outils ouverte et pr�visible est absolument essentielle � cette mission. Alors que les agents g�rent des t�ches en temps r�el de plus en plus complexes, ils ont besoin d�une architecture sous-jacente performante et modulaire �, a d�clar� Fabian Hedin, directeur technique et cofondateur de Lovable. � En construisant notre pipeline automatis� sur Vite et en tirant parti de son �cosyst�me ouvert, nous avons pu acc�l�rer radicalement la mani�re dont les agents IA g�n�rent, compilent et d�ploient le code. Nous avons travaill� en �troite collaboration avec les �quipes de Cloudflare et de VoidZero, et nous sommes ravis de continuer � soutenir et � tirer parti de l��cosyst�me qu�elles ont contribu� � cr�er. Les infrastructures open source telles que Vite jouent un r�le essentiel dans l�avenir du d�veloppement logiciel, et nous sommes encourag�s de voir que son d�veloppement reste ind�pendant et transparent. �

�

Que se passe-t-il ensuite ?

Cloudflare a d�clar� qu'� court terme, rien ne changera pour les utilisateurs de Vite ni pour les frameworks qui s'appuient sur Vite. Vite, Vitest, Rolldown, Oxc et Vite+ continueront d'�tre mis � jour et l'�quipe VoidZero continuera de contribuer � leur d�veloppement et d'en assurer la direction. Le plugin Cloudflare Vite continuera �galement d'�tre am�lior�, et l'API Environment et le concept plus large consistant � � ex�cuter votre code serveur dans le bon runtime localement � continueront de s'am�liorer, y compris pour les runtimes non Cloudflare.

� plus long terme, Cloudflare entamera les travaux visant � faire �voluer son interface CLI vers une exp�rience directement int�gr�e � Vite. Ce dernier b�n�ficiera de nouvelles primitives �pur�es et ind�pendantes des fournisseurs, destin�es aux applications full-stack et aux agents, qui fonctionneront pour tous, quelle que soit la plateforme. � terme, Cloudflare mettra la plateforme Void en open source pour que d'autres puissent s'en inspirer et cr�er leurs propres plateformes en s'appuyant sur Vite et Cloudflare.

� Nous sommes ravis d'accueillir l'�quipe de VoidZero chez Cloudflare et impatients de consacrer davantage de ressources � ces projets. Notre mission consiste d�sormais � les aider � se d�velopper, � rester ouverts et � dynamiser l'�cosyst�me JavaScript pour tous �, a d�clar� Cloudflare.

Sources : Cloudflare (1, 2)

Et vous ?

:fleche: Quel est votre avis sur le sujet ?
:fleche: Trouvez-vous cette initiative de Cloudflare cr�dible ou pertinente ?

Voir aussi :

:fleche: Apr�s avoir tent� de bloquer l'IA, Cloudflare souhaite d�sormais faire le contraire et aider l'IA � s'alimenter des sites web gr�ce � la conversion automatique et instantan�e du HTML en markdown

:fleche: Cloudflare acquiert Astro, le framework web permettant de cr�er des sites web rapides et ax�s sur le contenu, afin d'acc�l�rer l'avenir du d�veloppement web haute performance

:fleche: D�ployez votre propre plateforme d'IA de Vibe Coding en un seul clic : Cloudflare met en open source sa plateforme de codage IA compl�te de bout en bout "VibeSDK"

Images attach�es