Yahoo! Блог User Interface (YUIBlog)

Юи: Отворени чт Часа 24 май

YUIDoc актуализации и Травис CI интеграция

С последната версия на YUIDoc и последните си мнение върху Юи тестове на Травис CI , изглежда, че е добър момент да има един чат и Q & A с Dav. Не че има лошо време, за да си побъбрят с Dav.

Time & подробности

Ние ще бъдем онлайн в четвъртък от 10 до 11 часа PDT.

Отиваме с помощта на Adobe Свържете тази седмица, тъй като предаването резолюция от свърталища Google + на въздуха е малко ниско, и ние бихме искали разговор да бъде по-достъпна за IRC потребители. Споделете, ако сте съгласни или не са съгласни в коментарите.

Запис

Записът е на разположение в YUILibrary YouTube канал .

Вижте разговори: Bloglines | Technorati

Споделете и разширяване : Запазете си отметка към del.icio.us | Digg тя | Reddit!

Юи и Травис седи в Git дърво

През последните няколко седмици, аз съм прекарал доста време, получавайки Юи основните изследвания, изпълнението на Травис CI . Считано от днес, всеки тласък на нашата Юи 3 репо-на резултати GitHub в над 6000 (6053 за да бъдем точни) за единица тестове, които се изпълняват и влезли. Тези тестове включват 1130 на нашите основни JavaScript само единични тестове, осъществяващи вградена вътре Node.js, за версии 0.4.x и 0.6.x (с 0.7.x подкрепа, да бъдат добавени скоро). Ние следва, че пълният комплект единица тест (4,923 тестове), който върви с ми командния ред YUITest / PhantomJS, опаковки, Гроувър .

Днес искам да ви разкажа малко повече за това как и защо правим това.

Защо?

За най-дълго време, нашите тестове и изгражда са загадка за нашите потребители. Те всички се е случило зад закрити врати и никой не знаеше, че това, което правехме. През последните няколко години, ние започнахме добавяне на все повече и повече от нашите тестове в нашия дървото с изходния код, така че хората могат да видят това, което ние активно тестване. Това помогна малко, но това не покажем, че сме се провеждат всеки тест на всеки строителство и че ако тестът е неуспешен, ние не се бутат, че да се изградят до GitHub.

След това се появи Травис CI, с отворен код непрекъснато платформа за интеграция, който се свързва директно в GitHub. Играх наоколо с нея за един ден и веднага започна да се движат около нашите тестове, така че бихме могли да го използвате. Ние искаме да бъдат по-прозрачни в нашите процеси и да позволи на широката общественост, за да видим какво ще тества и как го правим.

Едно нещо, което искаме да добавим към този процес, е достъп до нашия доклад код покритие. В момента тече доклад на покритие на кода всеки ден от тестовете, извършени в FF12, Chrome най-новите и IE8, но никой от нашите потребители могат да видят, че ние сме на ~ 80% покрити:

Ние работим много усилено, за да се справи с този проблем и се надявам да се получи това данните на открито за всички, да се види.

Как?

Аз трябваше да направи минимални промени в нашите апартаменти основните тестове, за да ги накараш да се движат при Node.js в Травис CI. С "апартамента основните тестове", имам предвид всеки модул Юи, че може да изпълни без да е необходимо за работа с DOM. Това включва, но не се ограничават до: Юи Core, Loader, YQL, Y.Array, Y.Object, и т.н. Тези модули са напълно използваем вътре на Node.js без промяна.

Нека да разгледаме най- YQL тестове като пример.

Всичко, което трябваше да направя бе да създаде Node.js обвивка подобен стандартната обвивка тест, ние използваме в браузъра и включва точно същия тест, който се изпълнява в браузъра.

Ето обвивка YQL модул:

Сега същият този модул тест може да бъде изпълнена в браузъра и в Node.js без промяна!

Възражения?

С цел за тези тестове, които да тичат роден в Node.js, те трябва да не взаимодейства с на DOM. Например, Y.Array се състои от помощни методи за справяне с Array а в JavaScript. Но има няколко тестове, които включват справяне с елементи дом, за да се гарантира, че помощник методи се върнат на правилните стойности. За тези тестове, аз трябваше да се движат на ДОМ, свързани с код, в един нов тест и добави, че теста в списъка с игнорираните тестове, когато Y.UA.nodejs е открит. По този начин, тези тестове се игнорират в Node.js, но все още работи в браузъра.

Ето един пример:

Както можете да видите, това е относително лесно да се направи на нашите тестове, провеждани в двете среди, за да се гарантира, че нашият код е стабилна и напълно функционални, когато се използва в Node.js, тъй като тя е в браузъра.

Какво е Гроувър?

Гроувър е командния ред инструмент, който ви позволява да изпълни YUITest тестове в PhantomJS,. PhantomJS е обезглавен например Webkit, която ви позволява да оказват на HTML страницата без GUI подарък. Така че Гроувър скъсява разстоянието по този въпрос и ви позволява да стартирате нашата част тестове от командния ред в рамките на система CI като Травис.

Гроувър е безплатна и достъпна чрез: npm install -g grover (Трябва да имате инсталиран PhantomJS двоичен, преди да използвате Гроувър)

Как виждате всичко това?

Травис CI предоставя пълен доклад на предишни изгражда, както и актуална информация за състоянието. По-долу са връзки към нашите текущи проекти, хоствани на Травис CI:

• Юи 3
• YUIDoc
• Йети
• Гроувър

Ето малък откъс от това, което нашето строителство изход изглежда като (от изгради история за репо-сделка на yui3 ):

Какво друго да го направиш?

Ние се опитваме новата Травис / GitHub функция, Pull Искане на всички от нашите проекти. Това означава, че всеки път, когато разработчик твърди, изключваща запитване към нас, Травис автоматично ще изтеглят своите код, той се слеят в господар на техния сървър и стартирайте пълният комплект за тест за единица от него. Тяхната "Травис Bot" автоматично ще публикувате коментар обратно към Издърпайте искане, казва разработчик, дали не им кръпка премина тестове.

Ето един пример за едно на привличащия преминаване Заявка за:

И когато тя не:

Каква е следващата

Ние планираме за добавяне на подкрепа за изпълнение на нашите тестове с Йети, веднага след като той става достатъчно стабилен, за да работи на всеки изгради. Ние сме също търсят в разполагане на нашите кодови номера покритие, както и. Освен това, не се колебайте да ни каже в какви други начини можем да бъдем по-отворени, отколкото сме ние сега.

Аз например, съм много щастлив с всички тези нови функции и се надявам, че сте твърде!

Вижте разговори: Bloglines | Technorati

Споделете и разширяване : Запазете си отметка към del.icio.us | Digg тя | Reddit!

Юи 3.6.0 PR1 вече е на разположение

Имаме удоволствието да обяви наличието на 3.6.0 PR1 Юи за Общността за тестване и обратна връзка. Моля, отделете време, за да го проверите чрез CDN или изтегляне .

Тук са целеви дати за всички етапи на Юи 3.6.0:

• PR1 - 8 май, 2012 г.
• Pr2 - на 12 юни, 2012 г.
• PR3 - 17 юли, 2012 г.
• GA - 31 юли, 2012 г.

Общ преглед на елементите, по които работим за Юи 3.6.0 включват:

• ScrollView подобрения
• На DataTable функции и подобрения
• Най-гледани корекции на грешки
• Функция за преглед на изображенията на живо, в Качил
• Popup Календар
• Юи семена и световната refactored за изпълнение

Ние сме също предприемат стъпки, за да се кондензират нашия цикъл на развитие, така че можем преход към месечните прес в близко бъдеще.

Списъкът на въпроси, разгледани в 3.6.0 PR1 и пълния списък от въпроси, насочени за 3.6.0 са налични в нашата Проследяване на грешки.

Каним ви да се присъединят към продължаващите дискусии за развитие, които се случват с отбора през по GitHub.

Ние с нетърпение очакваме да продължи Вашето мнение!

Вижте разговори: Bloglines | Technorati

Споделете и разширяване : Запазете си отметка към del.icio.us | Digg тя | Reddit!

YUIDoc 0.3.0 е официален!

Днес ние сме доволни да обявим официалното съобщение на новата YUIDoc , нашата JavaScript документация генератор. YUIDoc е Node.js приложение, което генерира API документация от коментари в източник, с помощта на синтаксиса, подобни на инструменти като Javadoc и Doxygen. YUIDoc в момента захранване на API документация за Юи и е редовно актуализирани през последната година .

[Преглед на по-голямо изображение]

YUIDoc осигурява:

• Живо визуализации. YUIDoc включва самостоятелен сървър DOC, което го прави тривиално да визуализирате документи, тъй като ти пиша.
• Modern маркиране. YUIDoc генерираната документация е атрактивен, функционален уеб приложение с реални URL адреси и грациозни резервни за паяци и други агенти, които не могат да работят JavaScript.
• Широк езикова поддръжка. YUIDoc първоначално е бил проектиран за проекта Юи, но то не е обвързано с конкретна библиотека или език за програмиране. Можете да го използвате с всеки език, който поддържа /* */ коментар блокове.

Някои от новите функции, добавени към тази версия са:

• Евтино подкрепа в коментарите на кода
• Подкрепа за още много тагове с изваждането от кутията
• Logic разделени, за да се даде възможност за по-лесно разтегливост
• По-добро Theming подкрепа
• Сървърен режим за предварителен преглед на време за разработка
• Външни данни смесване
• Лесна инсталация на кръст платформа
• Омрежване отвътре и отвън на настоящия проект
• JSON базирана конфигурация

Нека се в малко повече подробности за някои от тях:

Лесна инсталация

Ако имате Node.js и NPM инсталирана, инсталацията е лесна:

  NPM-G инсталация yuidocjs 

Евтино подкрепа в коментарите на кода

YUIDoc ще направи разбор коментар с евтино, преди тя да се прилага шаблон на кормилото, който ви дава голяма гъвкавост, когато пишете на документите ви.

Logic разделени, за да се даде възможност за по-лесно разтегливост

YUIDoc използва клас инфраструктура на Юи, вътрешно и износа на всички тези модули, когато require нужда от yuidocjs модул. Това позволява на крайните потребители, за да се свържете в вътрешни YUIDoc и да промените начина, по който прави нещата. Можете да разширите класове, да ги увеличи или просто плосък от смяна на метода за собствена вашите нужди.

По-добро Theming подкрепа

В тази версия ние използваме на вграден в Y.Handlebars помощник, за да се справят с всички поколение шаблон. Ние също са предприели развитие под внимание при изграждането на тази функция. YUIDoc ще търси, е построен в темата директория за частични, а след това ще търси местния директории тема. Това позволява да има само за поддържане на файловете, които искате да промените във вашата тема и не трябва да копираме всеки частично, дори и ако не го променят.

Сървърен режим за предварителен преглед на време за разработка

Това е любимата ми нова функция! Могат да стрелят с YUIDoc в сървърен режим и той ще ви даде живи визуализации на вашата документация, да го редактирате. Просто запишете файла си и да презаредите страницата, от вградения в сървър и да видите промените си на живо. Включването на външни данни и кръстосано свързване. Вече не е необходимо за генериране на документи за целия си проект, само за да видя промяна документация!

Външни данни смесване

YUIDoc сега ви позволява да свържете своята документация за оказаната изход от друга YUIDoc инстанция. Например, ако вашият проект е използването на Юи и разширяване на някои от нашите основни класове, можете да се свържете изнесени нашите data.json файл, (от нашия YUIDoc строителство) и, когато YUIDoc анализира вашата документация, че ще донесе на нашите данни и транс-Link всички разширени класове на нашия. По този начин вие не трябва да се документира друг проекти код, просто точка над им документи, като тя е част от твоите.

Проект Промени

Всички бъдещи за развитие YUIDoc ще да се провеждат изцяло на GitHub. Ние ще се проследяване на проекта върху тяхната уики и използването на техните проблеми, за да управляваме нашите билети. Тя ще се проведе като напълно родния проект Node.js, на открито. Ние също ще бъдем с помощта на група в Google за подкрепа на искания, за да се регистрирате днес !

Ние също така сме щастливи да докладва,, че YUIDoc единица тестове се хоства на Травис-CI и ще продължи един тласък GitHub!

• Източник
• Документация
• API Docs
• Група в Google
• Травис-CI

Ами старата версия на YUIDoc,?

Старата Python източник за YUIDoc, е в клон на текущата GitHub репо-сделка, където той ще остане неопределен период от време. Няма планове за приемане на каквито и да е привличащи искания или никакви актуализации, че кодовата база.

Вижте разговори: Bloglines | Technorati

Споделете и разширяване : Запазете си отметка към del.icio.us | Digg тя | Reddit!

Юи: Отворени чт Часа 10 май

Юи 3.5.0 Качил

Качил е друг компонент, който е видял един основен ъпгрейд в 3.5.0. От многото промени, един голям е добавянето на поддръжка за местните функции в браузъри поддържащи HTML5.

Присъединете се към нас за дискусия с неговия автор, Алън Рабинович , в който ние ще говорим за това как е структурирана Качил, някои от предизвикателствата, с модерни техники, които трябва да бъдат разгледани, и това, което е относно пътната карта за предстоящите версии.

Time & подробности

Ние ще бъдем онлайн в четвъртък от 10 до 11 часа PDT.

Тази седмица, ние ще се опитва Google Plus свърталища на въздуха, така че на аудио и видео емисия ще бъде чрез G +, и ние ще се следи чат в IRC канал # Юи на FreeNode .

Преглед на записа

Вижте разговори: Bloglines | Technorati

Споделете и разширяване : Запазете си отметка към del.icio.us | Digg тя | Reddit!

Обявяване Юи 3.5.1

Имаме удоволствието да обяви наличието на Юи 3.5.1 на CDN или като изтегляне . Юи 3.5.1 е по-малък scoped освобождаване само на корекции на грешки .

Наслаждавайте се!

Вижте разговори: Bloglines | Technorati

Споделете и разширяване : Запазете си отметка към del.icio.us | Digg тя | Reddit!

Показани контрол в DataTable: Преглед

Наскоро имаше въпрос във форумите за използването на входни полета в DataTable. С текущо повикване за изграждане на все по-сложни приложения в браузъра, аз реших, че преглед на наличните опции за редактиране на таблични данни могат да бъдат полезни.

Най-лесния начин за редактиране на данните би било да използвате редактиране на място, но това все още не е достъпна в Юи 3, DataTable. В същото време, една от възможностите е да се търкаля на вашите собствени полета за въвеждане директно в клетки, подобни на този пример .

Ако не искате да спаси всяка промяна, когато това се случи, можете да използвате QuickEdit галерия модул. Това ви позволява да редактирате всички видими клетки и след това запишете промените в една-единствена операция.

Посочените по-горе решения са модален. Ако предпочитате по-модална начин за редактиране на всички клетки, можете да използвате по -голямата част Редактор джаджа. Това работи с пагинация, така че можете да запишете всички промени във всички страници на таблицата с една операция. Той дори ви позволява лесно да добавяте и изтривате редове - и дори, когато използвате дистанционно източник на данни!

Bulk Редактор не е построен на върха на Юи DataTable, обаче. Ако имате нужда от други функции от Юи DataTable, можете да използвате плъгин състояние запазване за Юи 3 DataTable. Това също работи с пагинация, така че можете да запишете всички стойности на всички страници в една-единствена операция, но тя не е проектирана, за да можете лесно да добавяте или премахвате редове.

Приставката на държавната опазване е полезно, ако искате да направите нещо просто, като да се показване на квадратчетата за избор на редове в таблица.

Причината за всички тези различни решения е, че инженерство компромиси са доста сложни, така че не е препоръчително да се изгради едно-единствено решение за кухненската мивка, за да поддържа всички по-горе характеристики. Надяваме се, че този преглед ще ви помогне да изберете подходящия модул за преодоляване на следващата си голяма маса-базирано приложение.

За автора: Джон на Lindal ( @ jafl5272 на Twitter) е един от водещите инженери, които изграждат основата, върху която Yahoo! APT е построен. Преди това той е работил в мрежата на Yahoo! Publisher.

Вижте разговори: Bloglines | Technorati

Споделете и разширяване : Запазете си отметка към del.icio.us | Digg тя | Reddit!