dope-canvas
Phase de conceptionUn canvas infini pour de grandes collections d’artefacts web générés par IA.
Des centaines d’iframes actives ne passent pas à l’échelle ; aplatir chaque page en image fait perdre la sélection et le ciblage des événements. dope-canvas conserve les artefacts — source, état durable, arbre d’interaction, cache de rendu et runtime actif optionnel — pour que la sélection et l’activation à la Figma survivent. Le dépôt en est à sa base d’avant-développement : architecture, plan de livraison et modèle de sécurité, mais pas encore de canvas fonctionnel.
Vue d’ensemble
Chaque iframe conserve un contexte de navigation, un état DOM/CSS, un realm de scripts, des ressources et un état de rendu : garder des centaines de pages générées en vie passe donc très mal à l’échelle. La réponse de conception est un modèle d’artefact conservé — `artefact = source + état durable + arbre d’interaction + cache de rendu + runtime actif optionnel` — où une capture n’est qu’un cache de rendu. Le document et le modèle d’interaction restent disponibles pour la sélection, le routage d’événements, l’activation et une restauration sûre entre révisions.
Le canvas gère le déplacement de caméra, la virtualisation spatiale, le cycle de vie actif/capture, les métadonnées d’interaction, les budgets de ressources et la composition du rendu ; les artefacts apportent HTML, CSS et JavaScript contrôlé. Le découpage en paquets suit ces frontières — protocol, spatial, core, artifact, security, runtime, renderer, editor — et tous sont privés, en version 0.0.0 : aucun n’est présenté comme un contrat public stable.
Deux limites sont annoncées d’emblée : les portes de preuve navigateur du jalon M0 ne sont pas franchies, si bien que la prise en charge des API expérimentales HTML-in-Canvas reste une capacité et non une promesse ; et aucune licence n’a été choisie, donc tant que les responsables n’en ajoutent pas une, le contenu n’est pas proposé sous licence open source.
Ce qu’il fait
- Modèle d’artefact conservé : une capture n’est qu’un cache de rendu, la sélection et le ciblage des événements survivent.
- Le canvas gère la caméra, la virtualisation spatiale, le cycle de vie actif/capture, les budgets de ressources et la composition.
- Les frontières des paquets reflètent la conception : protocol, spatial, core, artifact, security, runtime, renderer, editor.
- La sécurité est un paquet de premier ordre — assainisseur, politique d’URL, quotas et capacités — et non un durcissement tardif.
- Documenté dès le départ : conception technique, plan de livraison, modèle de sécurité, stratégie de compatibilité, protocole de benchmark et questions ouvertes.
Démarrer
Prérequis: Node.js 22.12+ et pnpm 10.33.2.