From 29069d38bfcad9fb6b26b98a4563a511836132c9 Mon Sep 17 00:00:00 2001 From: Randy Edmunds Date: Fri, 6 Dec 2013 18:15:13 -0800 Subject: [PATCH 01/17] fix parsing to handle minified style sheet --- src/language/CSSUtils.js | 34 +++++++++++++++++++++++++--------- 1 file changed, 25 insertions(+), 9 deletions(-) diff --git a/src/language/CSSUtils.js b/src/language/CSSUtils.js index 9466e897997..90fe1f31671 100644 --- a/src/language/CSSUtils.js +++ b/src/language/CSSUtils.js @@ -631,7 +631,7 @@ define(function (require, exports, module) { while (token !== "," && token !== "{") { currentSelector += token; if (!_nextTokenSkippingComments()) { - break; + return false; // eof } } @@ -671,19 +671,28 @@ define(function (require, exports, module) { currentSelector = ""; } selectorStartChar = -1; + + return true; } function _parseSelectorList() { selectorGroupStartLine = (stream.string.indexOf(",") !== -1) ? line : -1; selectorGroupStartChar = stream.start; - _parseSelector(stream.start); + if (!_parseSelector(stream.start)) { + return false; + } + while (token === ",") { if (!_nextTokenSkippingComments()) { - break; + return false; // eof + } + if (!_parseSelector(stream.start)) { + return false; } - _parseSelector(stream.start); } + + return true; } function _parseDeclarationList() { @@ -773,10 +782,14 @@ define(function (require, exports, module) { // Skip everything until the opening '{' while (token !== "{") { if (!_nextTokenSkippingComments()) { - break; + return; // eof } } - _nextTokenSkippingWhitespace(); // skip past '{', to next non-ws token + + // skip past '{', to next non-ws token + if (!_nextTokenSkippingWhitespace()) { + return; // eof + } // Parse rules until we see '}' _parseRuleList("}"); @@ -788,7 +801,7 @@ define(function (require, exports, module) { // Skip everything until the next ';' while (token !== ";") { if (!_nextTokenSkippingComments()) { - break; + return; // eof } } @@ -799,7 +812,7 @@ define(function (require, exports, module) { // Skip everything until the next '}' while (token !== "}") { if (!_nextTokenSkippingComments()) { - break; + return; // eof } } } @@ -807,7 +820,10 @@ define(function (require, exports, module) { // parse a style rule function _parseRule() { - _parseSelectorList(); + if (!_parseSelectorList()) { + return false; + } + _parseDeclarationList(); } From 7c0c4bb7f4f536152e36b7aff2618c0ce3230890 Mon Sep 17 00:00:00 2001 From: Mikael Jorhult Date: Sun, 8 Dec 2013 18:30:40 +0100 Subject: [PATCH 02/17] Update swedish sample project. --- samples/sv/Kom igang/index.html | 42 +++++++++++++++++++++------------ 1 file changed, 27 insertions(+), 15 deletions(-) diff --git a/samples/sv/Kom igang/index.html b/samples/sv/Kom igang/index.html index a872e16f00a..dc08c80fda2 100644 --- a/samples/sv/Kom igang/index.html +++ b/samples/sv/Kom igang/index.html @@ -52,10 +52,12 @@

Quick Edit för CSS och JavaScript

- Vill du se hur det fungerar? Placera markören -elementet och tryck Cmd/Ctrl + E. + Vill du se hur det fungerar? Placera markören på -elementet ovan och tryck Cmd/Ctrl + E. Då visas CSS quick editorn ovan. Till höger kan du se en lista över alla CSS-regler som är relaterade - till detta element. Skrolla igenom reglerna med kortkommandot Alt + Upp/Ner för att hitta en - du vill redigera. + till detta element. Det fungerar även på klass och ID-attribut. + + Du kan skapa nya regler på samma sätt. Klicka på en av -taggarna ovan och tryck Cmd/Ctrl + E. + Just nu finns det inga regler men genom att klicka på knappen Ny regel skapar du en ny stilregel för -taggar. @@ -63,9 +65,9 @@

Quick Edit för CSS och JavaScript

- Du kan använda samma kortkommando för JavaScript-kod för att visa definitionen av en funktion när - markören placeras på funktionens namn där du anropar den. Tills vidare kan inline-editorer inte - nästlas så du kan bara använda Quick Edit från den "fullstora" editorn. + Samma kortkommande kan användas även på andra saker, till exempel funktioner i JavaScript för att
+ färger, tidsfunktioner för animering och nya saker läggs till hela tiden! + Just nu kan inte inline-editorer nästlas så du kan bara använda Quick Edit från den "fullstora" editorn.

Förhandsvisa CSS-ändringar direkt i webbläsaren

- Du vet den där "spara och ladda om-proceduren" vi använt oss av i flera år? Den där du gör + Du vet den där "spara och ladda om"-proceduren vi använt oss av i flera år? Den där du gör en ändring i din editor, sparar, går till webbläsaren och laddar om för att se resultatet? Med Brackets behöver du inte göra det.

- Brackets öppnar en direktlänk till din lokala webbläsare och skjuter ut dina CSS-ändringar + Brackets öppnar en direktlänk till din lokala webbläsare och skjuter ut dina HTML- och CSS-ändringar medan du skriver! Du kanske redan använder något liknande webbläsarverktyg men med Brackets behöver du inte kopiera och klistra in koden fram och tillbaka mellan webbläsare och editor. Din kod körs i webbläsaren men skrivs i din editor! @@ -98,7 +100,7 @@

Markera HTML-element och CSS-regler i realtid

i realtid. Ikonens färg kommer att byta färg från grå till guld när Brackets lyckats skapa en länk till din webbläsare. - Om du sedan plaerar markören på -taggen ovan se du hur en blå markeringen visas runt + Om du sedan placerar markören på -taggen ovan ser du hur en blå markeringen visas runt bilden i Chrome. Du kan sedan använda Cmd/Ctrl + E för att visa de relaterade CSS-reglerna. Prova att ändra tjockleken på border-egenskapen från 10px till 20px eller att ändra backgrundsfärgen från "transparent" till "hotpink". Om Brackets och din webbläsare körs sida vid sida kommer du att se @@ -106,16 +108,16 @@

Markera HTML-element och CSS-regler i realtid

- För tillfället stöder Brackets bara Live Preview för CSS. Dock laddas webbläsaren automatiskt när du + För tillfället stöder Brackets bara Live Preview för HTML och CSS. Dock laddas webbläsaren automatiskt när du sparar HTML- eller JavaScript-dokument. Vi jobbar för fullt med att utveckla stöd för Live Preview - även för HTML och JavaScript. Live previews fungerar just nu bara i Google Chrome men med tiden hoppas - vi kunna erbjuda denna funktionalitet i alla större webbläsare. + även för JavaScript. Live preview fungerar just nu bara i Google Chrome men med tiden hoppas + vi kunna erbjuda denna funktionalitet i alla vanligt förekommande webbläsare.

Quick View

För de av oss som fortfarande inte memorerat färgkoderna för HEX eller RGB gör Brackets det snabbt och - enkelt att se vilken färg som används. När du pekar över ett färgvärde eller gradient, i antingen + enkelt att se vilken färg som används. När du pekar på ett färgvärde eller gradient, i antingen HTML eller CSS, visas en förhandsgranskning av färgen/gradienten automatiskt. Detsamma gäller bilder: peka på bildens sökväg i Brackets så visas en tumnagelversion av bilden.

@@ -128,6 +130,16 @@

Quick View

förhandvisningen av bilder genom att placera markören vid skärmdumpen tidigare i detta dokument. +

Behöver du någonting annat? Prova ett tillägg!

+

+ Utöver alla bra funktioner som är inbyggda i Brackets har vårt stora, och växande, community av + tilläggsutvecklare tagit fram mer än hundra tillägg som ger mer användar funktionalitet. Om du saknar + någonting i Brackets är det stor chans att att någon redan byggt ett tillägg för att lösa det. + För att bläddra eller söka i listan över tillgängliga tillägg går du till Arkiv > Tilläggshanteraren + och klickar på fliken "Tillgängliga". När du hittat ett tillägg du vill ha klickar du bara på knappen "Installera" + intill det. +

+ @@ -135,13 +147,13 @@

ENGAGERA DIG

Brackets är ett open-source-projekt. Webbutvecklare från hela världen bidrar för att göra Brackets till en bättre kodeditor. Många andra bygger tillägg som ökar Brackets funktionalitet. - Bidra med dina åsiker, idéer eller bidra med kod direkt till projektet. + Berätta för oss vad du tycker, dina åsiker och idéer eller bidra med kod direkt till projektet.