Discussion :

[Bruno]

StackBlitz annonce WebContainers, un outil qui permet de créer des environnements Node.js fullstack,
il s'exécute entièrement dans un navigateur avec l'expérience d'édition de VS Code, un terminal complet et npm

ERIC SIMONS, CEO de StackBlitz, a annoncé le lancement de WebContainers, une nouvelle technologie sur laquelle a participé les équipes de Next.js et de Google. « L'avènement de WebAssembly et des nouvelles API de capacités a fait qu'il semblait possible d'écrire un système d'exploitation basé sur WebAssembly suffisamment puissant pour exécuter Node.js, entièrement à l'intérieur d’un navigateur », a déclaré ERIC SIMONS, CEO de StackBlitz. « Nous avons imaginé un environnement de développement supérieur, plus rapide, plus sûr et plus cohérent que les environnements locaux, pour permettre une collaboration transparente en matière de code sans jamais avoir à configurer un environnement local ».

« Nous sommes ravis de nous associer à l'équipe de StackBlitz pour rendre Next.js et Vercel plus accessibles aux développeurs. La possibilité de tirer parti des capacités intégrées de votre navigateur pour développer et déboguer des applications Next.js change la donne », déclare Guillermo Rauch, fondateur de Vercel et créateur de Next.js. WebContainers vous permet de créer des environnements Node.js fullstack qui démarrent en quelques millisecondes et sont immédiatement en ligne et partageables par lien en un seul clic. L'environnement se charge avec l'expérience d'édition puissante de VS Code, un terminal complet, npm et plus encore. Il s'exécute également entièrement dans un navigateur, ce qui présente des avantages majeurs :

• les constructions sont jusqu'à 20 % plus rapides et les installations de paquets sont >= 5x plus rapides que yarn et npm ;
• l'intégration transparente avec Chrome DevTools permet un débogage back-end natif, sans installation ni extension ;
• sécurisé par défaut : toute exécution de code se fait dans le bac à sable de sécurité du navigateur, et non sur des machines virtuelles distantes ou des binaires locaux.

Toute exécution de code se fait dans le bac à sable de sécurité du navigateur, et non sur des machines virtuelles distantes ou des binaires locaux. Ces environnements ne sont pas exécutés sur des serveurs distants. Au contraire, chaque environnement est entièrement contenu dans votre navigateur Web. Le runtime Node.js lui-même s'exécute en mode natif, à l'intérieur du navigateur, pour la toute première fois.

Débogage transparent de Node.js avec Chrome DevTools

En exécutant Node.js à l'intérieur du navigateur, l'intégration avec Chrome DevTools « fonctionne » tout simplement. Pas d'installation, pas d'extension, juste un débogage back-end natif directement dans le navigateur. « Lors de la conférence Google I/O, nous avons été ravis de montrer comment StackBlitz utilise les dernières capacités du Web pour offrir une expérience qui confond les applications Web et les applications de bureau », a indiqué Dion Almaer, directeur de l'ingénierie de Google Chrome.

Faire tourner des serveurs dans les navigateurs

Étant donné que les conteneurs Web comprennent une pile réseau TCP virtualisée qui est mappée à l'API ServiceWorker des navigateurs, il est de créer instantanément et à la demande des serveurs Node.js qui continuent de fonctionner même lorsque l’utilisateur est hors ligne. Comme il s'exécute entièrement dans le bac à sable de sécurité du navigateur, les réponses du serveur présentent une latence inférieure à celle du serveur local et protège les serveurs Web contre les attaques du serveur local.

Les navigateurs sont incroyablement rapides pour exécuter JavaScript et WebAssembly. StackBlitz en a profité pour créer un système d'exploitation de développement instantané qui n'utilise aucune ressource de serveur et ne crée pas de trou noir de modules de nœuds sur l’ordinateur.

Plus besoin de rm -rf node_modules

Le client npm intégré à WebContainer est si rapide qu'il effectue une nouvelle installation à chaque chargement de page, ce qui vous garantit un environnement propre à chaque fois. Si quelque chose ne va pas avec l’environnement, il est possible de revenir à un état propre de la même manière qu’on le fait avec n'importe quelle autre application web.

Aucune latence

Avec StackBlitz, il est possible de continuer à travailler, sans connexion internet. Grâce au nouveau modèle de calcul de StackBlitz, 100 % de l'exécution du code se fait dans le bac à sable de sécurité du navigateur. Il en résulte un environnement de développement beaucoup plus rapide et moins restrictif que l'environnement local, tout en offrant une sécurité bien supérieure. En fait, la posture de sécurité par défaut est si solide que notre gestionnaire de paquets intégré est le premier outil disponible publiquement qui résout la vulnérabilité de npm, longtemps restée sans réponse, découverte par Sam Saccone il y a plus de cinq ans.

StackBlitz souligne que l'équipe de Chrome a mis en place de nouvelles API pour combler le fossé de l la différence entre une application "web" et une application "native" et l'écart se rapproche rapidement de zéro.

Installation instantanée d'une application de bureau

Grâce à la fonctionnalité PWA de Chrome, l'installation de StackBlitz est aussi simple qu'un simple clic. Quelques millisecondes plus tard, l’utilisateur dispose d'un IDE de bureau que vous pouvez lancer depuis votre dock. En outre, tout comme en local, il est possible d'ouvrir et de déboguer les serveurs de développement dans une fenêtre complètement séparée.

Lire et écrire à partir d'un système de fichiers local

L'équipe de Chrome a récemment mis à disposition l'API d'accès au système de fichiers. Elle permet aux PWA de demander un accès persistant en lecture et en écriture à certaines parties du système de fichiers local. Associé aux WebContainers de StackBlitz, cela laisse entrevoir un potentiel avenir sans avoir besoin de node, npm, git, VS Code ou autre chose d'installé sur votre disque dur. Vous avez juste besoin d'un navigateur web.

Source : StackBlitz

Et vous ?

Que pensez-vous d'un IDE qui s'exécute directement sur votre navigateur ?

Quel est votre avis sur WebContainers de StackBlitz ?

Quelle fonctionnalité vous intéresse le plus ?

Voir aussi :

Vue.js 3 abandonne finalement son plan visant à prendre en charge Internet Explorer 11, les développeurs qui supportent le navigateur devront rester sur Vue.js 2.7

L'équipe Angular de Google annonce la version 12 d'Angular, le framework open source basé sur TypeScript, elle améliore le service de langue basé sur Ivy et apporte de nouvelles fonctionnalités

Visual Studio Code avril 2021 (1.56) est publié avec Electron 12, cette version apporte la prise en charge de Wayland et de KaTeX dans les blocs-notes

Bootstrap 5 est officiellement disponible avec un nouveau logo, un nouveau composant offcanvas, des mises à jour pour les composants forms et abandonne jQuery

[frfancha]

J'ai essayé par curiosité la premère commande donne error code 1

[setni]

Autrement:

https://codesandbox.io/

Solution Européenne très fonctionnelle

[defZero]

Tout simplement incroyable, ... les gars redécouvres le principe des images système Lisp / Smalltalk mais 60 ans plus tard .
Mais pourquoi ces gens nous veulent-ils du mal comme ça ?

[Gluups]

Bonjour,

J'aimerais savoir si je suis seul à avoir rencontré cette mésaventure : je me suis inscrit à StackBlitz, dans les cinq minutes Eric Simons m'envoie un lien pour me connecter à une liste Discord, hélas ce lien s'avère invalide.

Je lui envoie un mail (ainsi qu'au contact StackBlitz), deux jours plus tard toujours pas de nouvelles, donc je suis incapable d'utiliser mon compte StackBlitz, faute d'être capable de gérer les cookies.