Yahoo! User Interface Blog (YUIBlog)

YUI: Otevírací doba čt. 24. května

YUIDoc Aktualizace a Travis CI integrace

S nejnovějším vydáním YUIDoc a jeho nedávné poštou na získání Yui testy spuštěné Travis CI , zdá se, že dobrý čas popovídat si a Q & A s DAV. Ne že by to špatný čas popovídat si s DAV.

Čas a detaily

Budeme on-line ve čtvrtek od 10 do 11 hodin PDT.

Vracíme se s pomocí Adobe Connect tento týden, protože vysílání usnesení z hospůdky Google + na vzduchu byl trochu nízký, a rádi bychom chatu být dostupnější pro non-IRC uživatelů. Dejte nám vědět, pokud souhlasíte nebo nesouhlasíte v komentářích.

Záznam

Záznam je k dispozici v YUILibrary YouTube kanálu .

Hledat konverzace: Bloglines | technorati

Sdílet a rozšiřovat: Záložka se Del.icio.us | Digg to! | reddit!

YUI a Travis posezení v git stromu

Během několika posledních týdnů jsem strávil spoustu času dostat Yui je základní testy vykonávající na Travis CI . Od dnešního dne, každý tlak na naši Yui 3 repo na výsledky GitHub ve více než 6000 (6053, abych byl přesný) unit testy jsou provedeny a zaznamenány. Tyto testy zahrnují 1,130 našich hlavních JavaScript pouze pro unit testy vykonávajících nativně uvnitř Node.js ve verzích 0.4.x a 0.6.x (0.7.x se podpory, jež bude brzy přidáno). Sledujeme, že s naší kompletní sadou jednotky zkoušek 4,923 testy), běh s mojí příkazového řádku YUITest / PhantomJS obalu, Grover .

Dnes chci vám říct něco víc o tom, jak a proč to děláme.

Proč?

Nejdelší dobu, naše testy a staví se záhadou pro naše uživatele. Všichni se stalo za zavřenými dveřmi a nikdo nevěděl, co děláme. V posledních několika letech jsme začali přidávat více a více našich testů, aby naše zdroje, aby se lidé mohli podívat, co jsme se aktivně testování. To pomohlo jen málo, ale to ukázat, že jsme se spustit všechny testy na každou postavu a že pokud test selže, nemáme tlačit, které staví na GitHub.

Pak se objevil Travis CI, open source kontinuální integrační platforma, která háčky přímo do GitHub. Hrál jsem si s ním na jeden den a hned se dala do pohybu naše testy v okolí, takže bychom mohli použít. Chceme být více transparentní našich procesů a umožnit veřejnosti, aby viděli, co jsme testovat a jak to děláme.

Jedna věc, kterou chcete přidat do tohoto procesu je přístup k naší aktuální zprávy pokrytí kódu. V současné době je v provozu pokrytí kódu zprávy denně od testů prováděných v FF12, matně nejnovější a IE8, ale žádný z našich uživatelů je vidět, že jsme na ~ 80% se vztahuje:

Pracujeme velmi tvrdě k nápravě tohoto problému a doufejme, že si tato data v otevřené pro každého vidět.

Jak?

Musel jsem se minimální změny na našich apartmánech základních testů s cílem přimět je, aby byla spouštěna v Node.js Travis CI. "Do apartmánů základní test", mám na mysli jakýkoliv modul YUI, které lze spustit bez nutnosti pracovní DOM. To zahrnuje, ale není omezena pouze na: Yui jádra, nakládce, YQL a Y.Array a Y.Object, atd. Tyto moduly jsou dokonale použitelné uvnitř Node.js bez úprav.

Pojďme se podívat na testy YQL jako příklad.

Vše, co jsem musel udělat, bylo vytvořit Node.js obal podobný standardní zkušební obalu používáme v prohlížeči a obsahovat přesný stejný test, který je proveden v prohlížeči.

Zde je YQL modulu wrapper:

Nyní lze tento modul stejný test proveden v prohlížeči a Node.js bez úprav!

Upozornění?

K tomu, aby tyto zkoušky pro nativní provoz v Node.js, musí žádnou interakci s DOM. Například, Y.Array se skládá z pomocných metod pro řešení Array je v JavaScriptu. Ale existuje několik testů, které zahrnují řešení s prvky DOM, aby zajistily, že pomocné metody vrátit správné hodnoty. Pro tyto zkoušky, musel jsem se přesunout DOM související kód do nového testu a dodává, že zkoušky na seznam ignorovaných testů, kdy Y.UA.nodejs je detekován. Tímto způsobem mají být takové zkoušky ignorovány Node.js, ale stále běží v prohlížeči.

Zde je příklad:

Jak můžete vidět, je to relativně snadné, aby se naše testy běží v obou prostředích, aby náš kód je stabilní a plně funkční při použití v Node.js jak to je v prohlížeči.

Co je Grover?

Grover je nástroj příkazového řádku, který vám umožní spouštět YUITest založené na testy v PhantomJS. PhantomJS je bezhlavý Webkit instance, která umožňuje vykreslit HTML stránku bez dárek GUI. Takže Grover vyplňuje mezeru na toto téma a umožňuje provozovat naše unit testů z příkazového řádku uvnitř systému CI jako Travis.

Grover je zdarma a je k dispozici na adrese: npm install -g grover písm. Musíte mít nainstalovaný PhantomJS binární před použitím Grovera)

Jak vidíme to všechno?

Travis CI poskytuje úplnou zprávu o předchozích verzích, stejně jako up-to-date informace o stavu. Níže jsou uvedeny odkazy na našich současných projektů hostovaných na Travis CI:

• YUI 3
• YUIDoc
• Yeti
• Grover

Zde je malý úryvek z toho, co naše sestavení výstup vypadá (z stavět historii na yui3 repo ):

Co jiného to dělá?

Snažíme se na nové Travis / Pull GitHub Žádost o funkci na všech našich projektů. To znamená, že pokud developer předloží Pull požadavek k nám, bude Travis automaticky vytáhnout svůj kód, sloučit je do master (na jejich serveru) a spustit naši plnou jednotka testovací sadu proti němu. Jejich "Travis Bot" automaticky přidat komentář zpět na Pull žádosti říkat vývojář, zda není jejich oprava prošel testy.

Zde je příklad Pull Request procházení:

A ještě jedna, kde selže:

Co bude dál

Plánujeme přidání podpory pro provádění našich testů se Yeti, jakmile se ustálí stačí spustit na každém budovat. Jsme také hledá do rozmisťovat čísla pokrytí kódu také. Jiné, než to, nebojte se nám v tom, co jiné způsoby, jak můžeme být otevřenější, než jsme teď.

Já osobně, jsem velmi rád, se všemi z těchto nových funkcí a doufám, že jste taky!

Hledat konverzace: Bloglines | technorati

Sdílet a rozšiřovat: Záložka se Del.icio.us | Digg to! | reddit!

YUI 3.6.0 PR1 je nyní k dispozici

My jsme s potěšením oznamuje dostupnost YUI 3.6.0 PR1 pro komunitní testování a zpětnou vazbu. Věnujte prosím chvilku podívat se na to přes CDN nebo stahování .

Zde jsou cílové datum pro všechny milníky YUI 3.6.0:

• PR1 - 08.05.2012
• PR2 - 12.06.2012
• PR3 - 17 červenec 2012
• GA - 31.července 2012

Přehled položek, pracujeme na dobu YUI 3.6.0 patří:

• ScrollView vylepšení
• DataTable funkce a vylepšení výkonu
• Grafy opravy chyb
• Náhled funkce v Uploader
• Popup Kalendář
• YUI osiva a globální refaktorování pro výkon

Jsme také podniká kroky ke kondenzaci náš vývojový cyklus, takže můžeme přechod na měsíční vydání v blízké budoucnosti.

Seznam problémů řešit 3.6.0 PR1 a úplný seznam otázek zaměřených na 3.6.0 jsou k dispozici v naší bug tracker.

Zveme Vás připojit se k probíhající vývoj diskuzí děje s týmem více než na GitHub.

Těšíme se na vaši další zpětnou vazbu!

Hledat konverzace: Bloglines | technorati

Sdílet a rozšiřovat: Záložka se Del.icio.us | Digg to! | reddit!

YUIDoc 0.3.0 je oficiální!

Dnes jsme s potěšením oznamuje oficiální vydání nového YUIDoc JavaScript, náš generátor dokumentace. YUIDoc je Node.js aplikace, která generuje API dokumentace z komentářů na zdroje, pomocí syntaxe podobné nástroje jako javadoc a programem doxygen. YUIDoc je v současné době pohánět dokumentaci API pro Yui a byl aktivně aktualizovány za poslední rok .

[Zobrazit větší obrázek]

YUIDoc stanoví:

• Živé náhledy. YUIDoc obsahuje samostatnou doc server, takže je triviální náhled docs, jak píšete.
• Moderní značek. YUIDoc je generována dokumentace je atraktivní, funkční webová aplikace se skutečnými URL a ladné fallbacks pro pavouky a jiné prostředky, které nelze spustit JavaScript.
• Široká jazyková podpora. YUIDoc byl původně určen pro projekt Yui, ale to není vázána na žádnou konkrétní knihovně nebo programovací jazyk. Můžete ji použít s jakýmkoliv jazykem, který podporuje /* */ komentování bloky.

Některé z nových funkcí přidaných k této verzi jsou:

• Markdown podpora v kódu komentářů
• Podpora mnoha dalších značek po vybalení z krabice
• Logika oddělena pro snadné rozšiřitelnosti
• Lepší podpora theming
• Server režim pro náhledy vývojového času
• Externí data míchání
• Snadná instalace pro více platforem
• Zesítění dovnitř a ven z aktuálního projektu
• JSON konfigurační

Pojďme se dostat do trochu podrobněji na některé z nich:

Jednoduchá instalace

Máte-li Node.js a NPM instalaci, montáž je snadná:

  NPM-g install yuidocjs 

Markdown podpora v kódu komentářů

YUIDoc bude analyzovat svůj komentář is formátu Markdown před použitím řídítka šablonu, který Vám velkou flexibilitu při psaní dokumentaci.

Logika oddělena pro snadné rozšiřitelnosti

YUIDoc využívá Yui je prvotřídní infrastrukturu interně a vývoz všech těchto modulů, když require na yuidocjs modul. To umožňuje koncovým uživatelům pro připojení do vnitřních YUIDoc je a změnit způsob, jakým to dělá věci. Můžete rozšířit třídy, rozšířit, nebo prostě naplno změny metod, které vyhovují vašim potřebám.

Lepší podpora theming

V této verzi jsme se použít vestavěný Y.Handlebars pomocníka zvládnout všechny šablony generaci. Jsme také vzít v úvahu vývoj při budování této funkce. YUIDoc nejprve hledat je to postaveno na téma adresáři partials, pak to bude hledat svého místního téma adresář. To vám umožní udržovat pouze soubory, které chcete změnit ve vašem tématu a nebudou se muset zkopírovat všechny dílčí i když se nemění ji.

Server režim pro náhledy vývojového času

To je můj oblíbený nové funkce! Můžete oheň YUIDoc v režimu serveru a bude vám živé náhledy dokumentaci, jak jej upravit. Stačí uložit soubor a znovu načíst stránku z zabudovaným serverem a vidět vaše změny žít. Včetně externích dat a zesíťování. Už nemusíte generovat docs pro celý projekt jen aby viděl, dokumentační změnu!

Externí data míchání

YUIDoc nyní umožňuje propojit dokumentaci poskytnutou výstup z jiného YUIDoc instance. Například, pokud váš projekt využívá Yui a rozšířením některých z našich hlavních tříd, můžete odkaz na náš exportovaného data.json souboru (z našeho YUIDoc verzi) a když YUIDoc analyzuje do dokumentace, že stáhne své údaje a cross-Link všechny Vaše rozšířené třídy zpět na nás. Tímto způsobem si nemusíte doložit další projekty kód, stačí poukázat na svou dokumentech, jako by byla součástí Vy.

Změny projektu

Všechny budoucí vývoj YUIDoc bude plně provedena na Github. Budeme sledovat projekt na jejich wiki a pomocí jejich problémy zvládnout naše lístky. Bude běžet jako nativní Node.js projektu zcela otevřené. Budeme také používat vytvořit skupinu Google o podporu požádá, aby podepsal se ještě dnes !

Jsme také rádi hlásí, že je YUIDoc unit testy jsou umístěny na Travis-CI a poběží na stisknutí Github!

• Zdroj
• Dokumentace
• Dokumenty API
• Google Group
• Travis-CI

Co staré verzi YUIDoc?

Starý Python zdrojem YUIDoc je v oboru na současné Github repo kde zůstane dobu neurčitou. Neexistují žádné plány na přijetí veškerých tažné žádostí nebo při žádné aktualizace tohoto kódu.

Hledat konverzace: Bloglines | technorati

Sdílet a rozšiřovat: Záložka se Del.icio.us | Digg to! | reddit!

YUI: Otevírací doba čt. 10. května

YUI 3.5.0 Umístil

Přidal se další prvek, který viděl hlavní upgrade na 3.5.0. Z mnoha změn, jedna velká bylo přidání podpory pro nativní funkce v prohlížečích podporujících HTML5.

Přidejte se k nám na diskuse s jeho autora, Allen Rabinovič , ve kterém budeme hovořit o tom, jak je strukturována Přidal, některé z problémů, s moderními technikami, které bylo třeba řešit, a co je na plánu pro nadcházející verzi.

Čas a detaily

Budeme on-line ve čtvrtek od 10 do 11 hodin PDT.

Tento týden se budeme snažit z Google Plus hospůdky na vzduchu, tak audio a video kanál bude probíhat prostřednictvím G +, a budeme sledovat v chatu na # Yui IRC kanál na freenode .

Zobrazit záznam

Hledat konverzace: Bloglines | technorati

Sdílet a rozšiřovat: Záložka se Del.icio.us | Digg to! | reddit!

Vyhlášení YUI 3.5.1

My jsme s potěšením oznamuje dostupnost YUI 3.5.1 na CDN nebo jako download . YUI 3.5.1 je menší rozsahem uvolnění oprav chyb pouze.

Užijte si to!

Hledat konverzace: Bloglines | technorati

Sdílet a rozšiřovat: Záložka se Del.icio.us | Digg to! | reddit!

Zobrazení ovládacích prvků v DataTable: Přehled

Nedávno, tam byla otázka, na fórech o používání vstupních polí v DataTable. S pokračujícím tlakem na výstavbu stále složitější aplikace v prohlížeči, rozhodl jsem se, že přehled dostupných možností pro úpravu tabulkových dat by mohlo být užitečné.

Nejjednodušší způsob, jak upravovat data by bylo použít inline editaci, ale to ještě není k dispozici v YUI 3 DataTable. Do té doby, jednou z možností je vytvořit vlastní vstupní pole přímo v buňkách tabulky, podobně jako tento příklad .

Pokud nechcete šetřit každou změnu, když se to stane, můžete použít rychlých galerie modul místo. To vám umožní upravit všechny viditelné buňky a poté uložit změny v jedné operaci.

Výše uvedené řešení jsou modální. Pokud dáváte přednost non-modální způsob, jak upravit všechny buňky, můžete použít hromadné Editor widget. To pracuje s stránkování, takže si můžete uložit všechny změny ve všech stránkách vašeho stolu v jedné operaci. Dokonce umožňuje snadno přidávat a odebírat řádky - a to i při použití dálkového zdroje dat!

Hromadné Editor není postaven na vrcholu Yui DataTable, nicméně. Pokud potřebujete další funkce, z Yui DataTable, můžete použít státní památkové plugin pro Yui 3 DataTable. To také pracuje s stránkování, takže si můžete uložit všechny hodnoty, na všech stránkách v jediné operaci, ale to není navržen tak, abyste snadno přidat nebo odebrat řádky.

Státní památkové plugin je také užitečné, pokud chcete udělat něco jednoduššího, jako zobrazování políčka pro výběr řádků v tabulce.

Důvodem všech těchto různých řešení je, že technické kompromisy jsou poměrně složité, takže není vhodné stavět jeden kuchyňský dřez řešení pro podporu všechny výše uvedené funkce. Doufejme, že tento přehled vám pomůže vybrat vhodný modul pro řešení své další velký stůl aplikace založené na.

O autorovi: John Lindal ( @ jafl5272 na Twitteru) je jedním z hlavních inženýrů budovat základ, na kterém Yahoo! APT je postaven. Předtím pracoval na síti Yahoo! Publisher.

Hledat konverzace: Bloglines | technorati

Sdílet a rozšiřovat: Záložka se Del.icio.us | Digg to! | reddit!