Blog Interface utilisateur Yahoo! (YUIBlog)

YUI: Ouvert jeu. Heures 24 mai

Mises à jour YUIDoc et Travis CI intégration

Avec la dernière version de YUIDoc et son récent message sur l'obtention des tests YUI fonctionnant sur ​​Travis CI , il semble que le bon moment pour avoir un chat et Q & A avec Dav. Non qu'il y ait un mauvais moment pour avoir une conversation avec Dav.

Time & Détails

Nous serons en ligne le jeudi 10 heures-11 heures HAP.

Nous allons revenir à l'utilisation d'Adobe Connect cette semaine parce que la résolution de diffusion de Hangouts + de Google sur l'air était un peu faible, et nous aimerions le chat pour être plus accessible pour les non-utilisateurs IRC. Laissez-nous savoir si vous êtes d'accord ou en désaccord dans les commentaires.

Enregistrement

L'enregistrement est disponible dans le canal YouTube YUILibrary .

Trouver des conversations: bloglines | technorati

Partagez et étendre: Créer un signet avec del.icio.us | digg it! | reddit!

YUI et Travis assis dans un arbre git-

Au cours des dernières semaines, j'ai passé beaucoup de temps à obtenir des tests de base de Yui s'exécutant sur ​​Travis CI . À compter d'aujourd'hui, chaque poussée de notre YUI 3 repo sur les résultats GitHub dans plus de 6000 (6053 pour être exact) des tests unitaires en cours d'exécution et connecté. Ces tests comprennent 1130 de nos tests unitaires de base JavaScript uniquement d'exécution en mode natif à l'intérieur de Node.js sur les versions 0.4.x et 0.6.x (avec le soutien 0.7.x seront ajoutées prochainement). Nous suivons cela avec notre suite complète unité de test (4,923 essais), en cours d'exécution avec mon ligne de commande YUITest / PhantomJS wrapper, Grover .

Aujourd'hui, je tiens à vous dire un peu plus sur comment et pourquoi nous faisons cela.

Pourquoi?

Pendant très longtemps, nos tests et s'appuie étaient un mystère pour nos utilisateurs. Ils ont tous passé à huis clos et personne ne savait vraiment ce que nous faisions. Au cours des dernières années, nous avons commencé à ajouter de plus en plus de nos tests à notre arbre source, de sorte que les gens peuvent voir ce que nous sommes activement à l'essai. Cela a aidé un peu, mais il n'a pas démontré que nous courons tous les tests sur chaque version et que si un test échoue, nous ne poussons pas que la construction de GitHub.

Puis vint Travis CI, la plate-forme open source d'intégration continue qui se branche directement dans GitHub. J'ai joué un peu avec elle pour une journée et immédiatement commencé à se déplacer autour de nos tests que nous puissions l'utiliser. Nous voulons être plus transparent dans nos processus et de permettre au public de voir ce que nous tester et comment nous le faisons.

Une chose que nous voulons ajouter à ce processus est l'accès à notre rapport couverture de code actuel. Actuellement, nous courons un rapport de couverture de code tous les jours de tests exécutés dans FF12, Chrome et IE8-dernière, mais aucun de nos utilisateurs peuvent voir que nous sommes à environ 80% sont couverts:

Nous travaillons très dur pour rectifier ce problème et nous espérons obtenir ces données à l'air libre pour tout le monde à voir.

Comment?

J'ai dû faire des changements minimes à nos suites de tests de base afin de les amener à exécuter en vertu de Node.js dans Travis CI. Par "des suites de tests de base", je veux dire n'importe quel module YUI qui peut s'exécuter sans la nécessité d'un travail DOM. Cela inclut, mais n'est pas limité à: YUI Core, Loader, YQL, Y.Array, Y.Object, etc Ces modules sont tous à l'intérieur parfaitement utilisable de Node.js sans modification.

Regardons les essais YQL comme un exemple.

Tout ce que j'avais à faire était de créer un wrapper Node.js semblable à l'enveloppe de test standard que nous utilisons dans un navigateur et comprennent le test exact de même qui est exécutée dans le navigateur.

Voici le module wrapper YQL de:

Maintenant, ce module même test peut être exécuté dans un navigateur et dans Node.js sans modification!

Mises en garde?

Pour ces tests à exécuter en mode natif dans Node.js, dont ils ont besoin pour ne pas interagir avec le DOM. Par exemple, Y.Array se compose de méthodes d'assistance pour faire face à Array s en JavaScript. Mais il ya quelques tests qui incluent traiter avec des éléments DOM afin de s'assurer que les méthodes d'assistance retourner les bonnes valeurs. Pour ces essais, j'ai dû déplacer le code DOM-connexes dans un nouveau test et ajouter ce critère à la liste des tests ignorés lors de Y.UA.nodejs est détecté. De cette façon, ces tests sont ignorés dans Node.js, mais toujours de fonctionner dans le navigateur.

Voici un exemple:

Comme vous pouvez le voir, il est relativement facile de faire nos tests effectués dans les deux environnements afin de s'assurer que notre code est stable et pleinement fonctionnelle lorsqu'elle est utilisée dans Node.js car il est dans le navigateur.

Qu'est-ce que Grover?

Grover est un outil de ligne de commande qui vous permet d'exécuter les tests basés sur YUITest dans PhantomJS. PhantomJS est une instance décapité Webkit qui vous permet de rendre une page HTML sans la présence d'interface graphique. Donc, Grover comble la lacune sur ce point et vous permet d'exécuter nos tests unitaires de l'intérieur de ligne de commande d'un système de CI comme Travis.

Grover est gratuit et disponible par l'intermédiaire: npm install -g grover (. Vous devez avoir le binaire PhantomJS installé avant d'utiliser Grover)

Comment voyons-nous tout cela?

Travis CI fournit un rapport complet sur les versions précédentes, ainsi que d'une information d'état mises à jour. Voici les liens vers nos projets en cours hébergés sur Travis CI:

• YUI 3
• YUIDoc
• Yeti
• Grover

Voici un petit extrait de ce que notre sortie de la génération ressemble (à partir de l' histoire de la construction pour le repo yui3 ):

Que faut-il faire?

Nous essayons le nouveau Travis / GitHub fonction de demande de Tirez sur tous nos projets. Cela signifie que chaque fois qu'un promoteur soumet une demande Pull à nous, Travis sera automatiquement retirer leur code, il fusionner en maître (sur leur serveur) et exécuter notre gamme complète de test unitaire contre elle. Leur «Bot Travis" sera automatiquement poster un commentaire Retour à la Demande Pull dire le développeur ou non leur patch passé ses tests.

Voici un exemple d'un passage Demande Pull:

Et celui où elle échoue:

Quelle est la prochaine

Nous prévoyons l'ajout du support pour l'exécution de nos tests avec Yeti dès qu'il devient assez stable pour fonctionner sur chaque version. Nous étudions également le déploiement de nos numéros de couverture de code ainsi. Autre que cela, n'hésitez pas à nous dire dans quels autres moyens nous pouvons être plus ouvert que nous sommes maintenant.

Pour ma part, je suis très heureux avec toutes ces fonctionnalités nouvelles et j'espère que vous êtes trop!

Trouver des conversations: bloglines | technorati

Partagez et étendre: Créer un signet avec del.icio.us | digg it! | reddit!

YUI 3.6.0 PR1 est maintenant disponible

Nous sommes heureux d'annoncer la disponibilité de YUI 3.6.0 PR1 pour tests de la communauté et de la rétroaction. S'il vous plaît prendre un moment de le vérifier par l'intermédiaire CDN ou téléchargement .

Voici les dates cibles pour tous les jalons 3.6.0 YUI:

• PR1 - 8 mai 2012
• PR2 - Juin 12, 2012
• PR3 - Juillet 17, 2012
• GA - Juillet 31, 2012

Un aperçu des éléments sur lesquels nous travaillons pour YUI 3.6.0 comprennent:

• ScrollView améliorations
• Caractéristiques DataTable et l'amélioration des performances
• Corrections de bugs graphiques
• Fonction de prévisualisation d'image dans Uploadeur
• Calendrier Popup
• YUI semences et mondial remaniée pour la performance

Nous prenons également des mesures à condenser notre cycle de développement afin que nous puissions vous aux communiqués de transition mensuels dans un proche avenir.

La liste des questions abordées dans 3.6.0 PR1 et la liste complète des questions ciblées pour 3.6.0 sont disponibles dans notre bug tracker.

Nous vous invitons à rejoindre les discussions sur le développement en cours qui se passe avec l'équipe au cours sur GitHub.

Nous nous réjouissons de vos commentaires suite!

Trouver des conversations: bloglines | technorati

Partagez et étendre: Créer un signet avec del.icio.us | digg it! | reddit!

YUIDoc 0.3.0 est officiel!

Aujourd'hui, nous sommes heureux d'annoncer la sortie officielle de la nouvelle YUIDoc , notre générateur de documentation JavaScript. YUIDoc est un Node.js application qui génère documentation de l'API à partir de commentaires dans la source, en utilisant une syntaxe similaire à des outils tels que Javadoc et Doxygen. YUIDoc alimente actuellement la documentation de l'API pour YUI et a été activement mis à jour au cours de la dernière année .

[Agrandir l'image]

YUIDoc fournit:

• Vivez extraits. YUIDoc comprend un serveur autonome doc, ce qui rend triviale de prévisualiser vos documents comme vous l'écrivez.
• Documentation générée moderne balisage. YUIDoc est un attrayant, application web fonctionnelle avec des URL réelles et des solutions de repli gracieuses pour les araignées et d'autres agents qui ne peuvent pas exécuter JavaScript.
• Large support de la langue. YUIDoc a été initialement conçu pour le projet YUI, mais il n'est pas lié à n'importe quelle bibliothèque ou un langage de programmation. Vous pouvez l'utiliser avec n'importe quel langage qui prend en charge /* */ commentaire blocs.

Quelques-unes des nouvelles fonctionnalités ajoutées à cette version sont les suivantes:

• Soutien Markdown dans les commentaires de code
• Prise en charge de nombreuses étiquettes plus hors de la boîte
• Logic séparées pour permettre l'extensibilité facile
• Meilleure prise en charge thématisation
• Le mode serveur pour des aperçus en temps de développement
• Des données de mixage externe
• Facile d'installation multi-plateforme
• Réticulation à l'intérieur et hors de projet en cours
• JSON de configuration basé sur

Entrons dans le détail un peu plus sur quelques-unes:

Installation simple

Si vous avez Node.js et NPM installé, l'installation est facile:

  NPM-g installation yuidocjs 

Soutien Markdown dans les commentaires de code

YUIDoc va analyser votre commentaire avec Markdown avant d'appliquer le modèle de guidon qui vous donne une grande flexibilité lors de l'écriture de vos documents.

Logic séparées pour permettre l'extensibilité facile

YUIDoc utilise une infrastructure de classe YUI à l'interne et les exportations de tous ces modules lorsque vous require de la yuidocjs module. Cela permet aux utilisateurs finaux de raccorder en internes YUIDoc et changer la façon dont elle fait les choses. Vous pouvez étendre les classes, les augmenter ou juste à plat des méthodes de changement à la suite vos besoins.

Meilleure prise en charge thématisation

Dans cette version, nous utilisons le haut- Y.Handlebars aide pour gérer toute la production de modèle. Nous avons également pris en considération le développement lors de la construction de cette fonctionnalité. YUIDoc recherche d'abord il est construit dans le répertoire thème de partiels, puis il va rechercher votre répertoire de thème local. Cela vous permet d'avoir seulement de maintenir les fichiers que vous souhaitez modifier dans votre thème et ne pas avoir à copier tous les partielle, même si vous n'êtes pas le modifier.

Le mode serveur pour des aperçus en temps de développement

Ceci est mon nouvelle fonctionnalité préférée! Vous pouvez lancer YUIDoc en mode serveur et il vous donnera un aperçu en direct de la documentation de votre comme vous le modifier. Il suffit d'enregistrer votre fichier et rechargez la page de l'intégré dans le serveur et voir vos modifications vivre. Y compris les données externes et de réticulation. Vous n'avez plus de générer la documentation pour votre projet dans son ensemble, juste pour voir un changement de documentation!

Des données de mixage externe

YUIDoc vous permet désormais de relier votre documentation pour la sortie finale d'une autre instance YUIDoc. Par exemple, si votre projet utilise YUI et étendant certaines de nos classes de base, vous pouvez créer un lien vers notre exporté data.json fichier (à partir de notre YUIDoc build) et quand YUIDoc analyse votre documentation, il ira chercher nos données et de liaison inter-tous vos extensions de classes de dos à la nôtre. De cette façon, vous n'avez pas de documenter un autre code des projets, il vous suffit de pointer vers leur documentation comme il faisait partie de la vôtre.

Modifications apportées au projet

Tout le développement YUIDoc avenir sera intégralement réalisé sur Github. Nous allons être suivi du projet sur leur wiki et d'utiliser leurs questions à la gestion de nos billets. Il sera géré comme un projet natif Node.js complètement à l'air libre. Nous allons aussi utiliser un groupe Google pour les demandes de soutien, de sorte inscrivez-vous aujourd'hui !

Nous sommes également heureux d'annoncer que les tests unitaires YUIDoc sont hébergées sur Travis-CI et se poursuivra par pression Github!

• Source
• Documentation
• API Docs
• Google Group
• Travis-CI

Qu'en est-il l'ancienne version de YUIDoc?

La vieille source Python pour YUIDoc est dans une branche sur le courant des prises en pension Github, où il restera indéfiniment. Il n'y a pas de plans quant à l'acceptation des demandes d'attraction ou de faire des mises à jour de cette base de code.

Trouver des conversations: bloglines | technorati

Partagez et étendre: Créer un signet avec del.icio.us | digg it! | reddit!

YUI: Ouvert jeu. Heures 10 mai

YUI 3.5.0 Uploader

Uploader est un autre élément qui a vu une mise à jour majeure en 3.5.0. Parmi les nombreux changements, un seul gros était l'ajout du support pour les fonctionnalités natives dans les navigateurs supportant HTML5.

Rejoignez-nous pour une discussion avec son auteur, Allen Rabinovich , dans lequel nous parlerons de comment Uploader est structuré, quelques-uns des défis avec des techniques modernes qui devaient être abordées, et ce qui est sur ​​la feuille de route pour les prochaines versions.

Time & Détails

Nous serons en ligne le jeudi 10 heures-11 heures HAP.

Cette semaine, nous allons être essayer Google Plus Hangouts sur l'air, de sorte que le flux audio et vidéo se fera par G +, et nous allons être suivi de chat dans le canal # yui IRC sur freenode .

Voir l'enregistrement

Trouver des conversations: bloglines | technorati

Partagez et étendre: Créer un signet avec del.icio.us | digg it! | reddit!

Annonçant YUI 3.5.1

Nous sommes heureux d'annoncer la disponibilité de YUI 3.5.1 sur CDN ou en tant que téléchargement . YUI 3.5.1 est un petit communiqué de portée des corrections de bugs seulement.

Amusez-vous!

Trouver des conversations: bloglines | technorati

Partagez et étendre: Créer un signet avec del.icio.us | digg it! | reddit!

Affichage des contrôles dans un DataTable: un aperçu

Récemment, il a été question dans les forums sur l'utilisation de champs de saisie dans un DataTable. Avec la poussée continue de construire des applications de plus en plus complexes dans le navigateur, j'ai décidé que un aperçu des options disponibles pour l'édition des données tabulaires peuvent être utiles.

La façon la plus simple de modifier les données serait d'utiliser l'édition en ligne, mais ce n'est pas encore disponible dans YUI 3 DataTable. Dans le même temps, une option est de faire rouler vos propres champs de saisie directement dans les cellules du tableau, semblable à cet exemple .

Si vous ne voulez pas enregistrer chaque changement quand il arrive, vous pouvez utiliser le QuickEdit module de galerie de la place. Cela vous permet de modifier toutes les cellules visibles et puis enregistrez les modifications en une seule opération.

Les solutions ci-dessus sont modales. Si vous préférez d'une manière non-modale pour modifier toutes les cellules, vous pouvez utiliser le rédacteur en vrac widget. Cela fonctionne avec la pagination, de sorte que vous pouvez sauvegarder tous les changements à travers toutes les pages de votre table en une seule opération. Il vous permet même de facilement ajouter et supprimer des rangées - et même lorsque vous utilisez une télécommande DataSource!

En vrac éditeur ne se construit pas sur le dessus de YUI DataTable, cependant. Si vous avez besoin d'autres fonctionnalités de YUI DataTable, vous pouvez utiliser le plug-in de conservation Etat pour YUI 3 DataTable. Cela fonctionne également avec la pagination, de sorte que vous pouvez enregistrer toutes les valeurs sur toutes les pages en une seule opération, mais il n'est pas conçu pour vous permettre de facilement ajouter ou supprimer des lignes.

Le plug-in de conservation Etat est également utile si vous voulez faire quelque chose de simple comme l'affichage cases à cocher pour sélectionner des rangées dans un tableau.

La raison de toutes ces différentes solutions, c'est que le génie des compromis sont assez complexes, il n'est donc pas conseillé de construire une solution de cuisine simple évier de soutenir toutes les caractéristiques ci-dessus. Espérons que, cette vue d'ensemble vous aidera à choisir le module adéquat pour aborder votre prochaine grande table application basée sur.

À propos de l'auteur: John Lindal ( @ jafl5272 sur Twitter) est l'un des ingénieurs de plomb construire le fondement sur ​​lequel Yahoo! APT est construit. Auparavant, il a travaillé sur le Yahoo! Publisher Network.

Trouver des conversations: bloglines | technorati

Partagez et étendre: Créer un signet avec del.icio.us | digg it! | reddit!