Implement cursor info tip showing image coordinates under the cursor.

samples/de/Erste Schritte/index.html

@@ -29,12 +29,12 @@ <h2>Dies ist Ihre Anleitung!</h2>
         -->
         <p>
             <em>Brackets ist eine andere Art Editor.</em>
-            Ein namhafter Unterschied ist, dass
-            dieser Editor in JavaScript, HTML und CSS geschrieben ist. Das heißt, dass die meisten von euch
-            Brackets-Nutzern die nötigen Fähigkeiten haben, um Brackets selbst zu verändern und erweitern.
-            Tatsächlich nutzen wir Brackets täglich, um Brackets zu verbessern.
-            Es hat sogar einige einzigartige Funktionen wie Schnelles Bearbeiten, die Live-Vorschau und
-            andere, die sie wahrscheinlich nicht in anderen Editoren finden werden.
+            Ein entscheidender Unterschied ist, dass dieser Editor in JavaScript, HTML und CSS geschrieben ist.
+            Das heißt, dass die meisten von euch Brackets-Nutzern die nötigen Fähigkeiten haben, Brackets selbst
+            zu verändern und erweitern.
+            Tatsächlich benutzen wir Brackets täglich, um Brackets zu verbessern.
+            Es hat außerdem einige einzigartige Funktionen wie Schnelles Bearbeiten, die Live-Vorschau und andere,
+            die sie wahrscheinlich nicht in anderen Editoren finden werden.
             Lesen Sie weiter, um zu erfahren, wie sie diese Funktionen nutzen können.
         </p>
 
@@ -47,29 +47,33 @@ <h2>Wir probieren ein paar neue Dinge aus</h2>
         <h3>Schnelles Bearbeiten für CSS und JavaScript</h3>
         <p>
             Kein Wechsel zwischen Dokumenten mehr - so verlieren Sie nie den Überblick. Wenn Sie HTML editieren,
-            können Sie die Tastenkombination <kbd>Cmd/Strg + E</kbd> verwenden, um einen schnellen
-            Inline-Editor anzuzeigen, der Ihnen alle relevanten CSS-Regeln anzeigt.
+            können Sie die Tastenkombination <kbd>Cmd/Strg + E</kbd> verwenden, um einen Inline-Editor anzuzeigen,
+            der Ihnen alle relevanten CSS-Regeln zum Schnellen Bearbeiten anzeigt.
             Ändern Sie etwas in dem CSS, drücken Sie <kbd>ESC</kbd> und schon sind Sie zurück im HTML-Code. Oder
-            lassen Sie die CSS-Regeln einfach offen und sie werden Teil Ihres HTML-Editors. Sobald Sie <kbd>ESC</kbd>
-            außerhalb eines Schnell-Editors drücken, schließen sich alle.
+            lassen Sie die CSS-Regeln einfach offen und sie werden Teil ihres HTML-Editors. Sobald Sie <kbd>ESC</kbd>
+            außerhalb eines solchen Editors drücken, schließen sich all diese.
         </p>
 
         <samp>
             Sie wollen das in Aktion sehen? Setzen Sie Ihren Cursor auf den <!-- <samp> -->-Tag oben und drücken
-            Sie <kbd>Cmd/Strg + E</kbd>. Sie sollten oben einen CSS-Schnell-Editor erscheinen sehen. Rechts sehen
-            Sie eine Liste der CSS-Regeln, die sich auf diesen Tag beziehen. Scrollen Sie einfach mit
-            <kbd>Alt + Oben/Unten</kbd> durch die Regeln, um die zu finden, die Sie bearbeiten wollen.
+            Sie <kbd>Cmd/Strg + E</kbd>. Sie sollten einen Editor zum Schnellen Bearbeiten von CSS erscheinen sehen,
+            der die geltenden CSS-Regeln anzeigt. Das Schnelle Bearbeiten funktioniert genauso in Klassen- und 
+            ID-Attributen.
+
+            Sie können auf die selbe Weise neue Regeln erstellen. Klicken Sie in einen der <!-- <p> -->-Tags weiter
+            oben und drücken Sie <kbd>Cmd/Strg + E</kbd>. Es gibt noch keine Regeln dafür, aber Sie können den
+            "Neue Regel"-Button nutzen, um eine neue Regel für <!-- <p> --> hinzuzufügen.
         </samp>
 
         <a href="screenshots/quick-edit.png">
-            <img alt="Ein Screenshot, der schnelles Bearbeiten von CSS zeigt" src="screenshots/quick-edit.png" />
+            <img alt="Ein Screenshot, der Schnelles Bearbeiten von CSS zeigt" src="screenshots/quick-edit.png" />
         </a>
 
         <p>
-            Sie können das gleiche Tastenkürzel in JavaScript-Code verwenden, um den Rumpf einer Funktion
-            anzuzeigen, die Sie aufrufen, indem Sie den Cursor auf den Funktionsnamen setzen. Im Augenblick
-            können Inline-Editoren nicht verschachtelt werden. Sie können das schnelle Bearbeiten also nur
-            nutzen, während der Cursor sich in einem "Vollgröße"-Editor befindet.
+            Sie können die selbe Tastenkombination nutzen, um andere Dinge auf die selbe Weise zu bearbeiten - wie
+            JavaScript-Funktionen, Farben und Animations-Timing-Funktionen - und wir fügen ständig mehr hinzu.
+            Im Augenblick können solche Editoren allerdings nicht verschachtelt werden. Sie können das
+            Schnelle Bearbeiten also nur nutzen, während der Cursor sich im Haupteditor befindet.
         </p>
 
         <!--
@@ -99,9 +103,9 @@ <h3>Hervorheben von HTML-Elementen und CSS-Regeln - live!</h3>
         <samp>
             Falls Sie Google Chrome installiert haben, können Sie das selbst ausprobieren. Klicken Sie auf
             das Blitz-Symbol oben rechts oder drücken Sie <kbd>Cmd/Strg + Alt + P</kbd>. Wenn die Live-Vorschau
-            für ein HTML-Dokument eingeschaltet ist, können alle verknüpften CSS-Dokumente in Echtzeit bearbeitet
-            werden. Das Symbol ändert sich von grau nach golden, wenn Brackets eine Verbindung zu Ihrem Browser
-            herstellt.
+            für ein HTML-Dokument aktiviert ist, können alle verknüpften CSS-Dokumente in Echtzeit bearbeitet
+            werden. Das Symbol ändert die Farbe von grau nach gold, sobald Brackets eine Verbindung zu Ihrem
+            Browser hergestellt hat.
 
             Platzieren Sie Ihren Cursor jetzt auf dem <!-- <img> -->-Tag oben. Sie sehen in Chrome eine blaue
             Markierung, die um das Bild herum erscheint. Nutzen Sie nun <kbd>Cmd/Strg + E</kbd>, um die
@@ -112,14 +116,14 @@ <h3>Hervorheben von HTML-Elementen und CSS-Regeln - live!</h3>
         </samp>
 
         <p class="note">
-            Derzeit unterstützt Brackets die Live-Vorschau nur für HTML und CSS. Allerding werden in der aktuellen
+            Derzeit unterstützt Brackets die Live-Vorschau nur für HTML und CSS. Allerdings werden in der aktuellen
             Version Änderungen an JavaScript-Dateien automatisch neu geladen, wenn Sie diese speichern. Wir arbeiten
             momentan an der Unterstützung der Live-Vorschau für JavaScript.
             Die Live-Vorschau ist außerdem nur mit Google Chrome möglich, doch wir hoffen, diese Funktionalität
             zukünftig zu allen wichtigen Browsern hinzuzufügen.
         </p>
 
-        <h3>Schnellansicht bei Hover</h3>
+        <h3>Schnelle Farbansicht</h3>
         <p>
             Für die unter uns, die immer noch nicht die Farb-Äquivalente von HEX- und RGB-Werten kennen, macht es
             Brackets einfach und schnell, exakt zu sehen, welche Farbe genutzt wird. Fahren Sie in HTML oder CSS
@@ -129,7 +133,7 @@ <h3>Schnellansicht bei Hover</h3>
         </p>
 
         <samp>
-            Um die Schnellansicht bei Hover selbst auszuprobieren, können Sie Ihren Cursor auf dem
+            Um die Schnelle Farbansicht selbst auszuprobieren, können Sie Ihren Cursor auf dem
             <!-- <body> -->-Tag am Anfang dieses Dokuments platzieren und <kbd>Cmd/Strg + E</kbd> drücken, um einen
             CSS-Schnell-Editor zu öffnen. Fahren Sie nun einfach mit dem Cursor über einen der Farbwerte im
             CSS-Code. Sie können das auch mit Farbverläufen sehen, wenn Sie einen Schnell-Editor für den
@@ -142,7 +146,7 @@ <h3>Sie benötigen etwas anderes? Probieren Sie es mit einer Erweiterung!</h3>
         <p>
             Zusätzlich zu all dem, was in Brackets eingebaut ist, hat unsere große und wachsende Community der
             Erweiterungs-Entwickler über hundert Erweiterungen erstellt, die nützliche Funktionen bringen. Wenn
-            Sie etwas brauchen, das es nicht in Brackets gibt, ist es sehr wahrscheinlich, dass bereits jemand
+            Sie etwas brauchen, was es nicht in Brackets gibt, ist es sehr wahrscheinlich, dass bereits jemand
             eine Erweiterung dafür geschrieben hat. Um die Liste der verfügbaren Erweiterungen zu durchstöbern
             oder zu durchsuchen nutzen Sie <strong>Datei &gt; Erweiterungs-Verwaltung</strong> und klicken auf
             den Tab "Verfügbar". Wenn Sie eine Erweiterung finden, die Sie nutzen wollen, klicken Sie einfach

samples/es/Primeros Pasos/index.html

@@ -134,7 +134,7 @@ <h3>Vista Rápida</h3>
         <h3>¿Necesitas algo más? ¡Prueba una extensión!</h3>
         <p>
             Además de todas las bondades naturales de Brackets, nuestra amplia y creciente comunidad de 
-            desarrolladores de extensiones ha cread más de un centenar de extensiones que añaden útiles 
+            desarrolladores de extensiones ha creado más de un centenar de extensiones que añaden útiles 
             funcionalidades. Si hay algo que necesitas que Brackets no soporte, es bastante probable que 
             alguien haya construido una extensión para ello. Para navegar o buscar en la lista de extensiones 
             disponibles, selecciona <strong>Archivo &gt; Gestionar extensiones...</strong> y haz click en la 
@@ -185,4 +185,4 @@ <h2>Involúcrate</h2>
     [::::::::::::::     ::::::::::::::]
     [[[[[[[[[[[[[[[     ]]]]]]]]]]]]]]]
 
--->
+-->

src/brackets.js

@@ -25,18 +25,6 @@
 /*jslint vars: true, plusplus: true, devel: true, nomen: true, indent: 4, maxerr: 50 */
 /*global require, define, brackets: true, $, window, navigator, Mustache */
 
-require.config({
-    paths: {
-        "text"      : "thirdparty/text/text",
-        "i18n"      : "thirdparty/i18n/i18n"
-    },
-    // Use custom brackets property until CEF sets the correct navigator.language
-    // NOTE: When we change to navigator.language here, we also should change to
-    // navigator.language in ExtensionLoader (when making require contexts for each
-    // extension).
-    locale: window.localStorage.getItem("locale") || (typeof (brackets) !== "undefined" ? brackets.app.language : navigator.language)
-});
-
 /**
  * brackets is the root of the Brackets codebase. This file pulls in all other modules as
  * dependencies (or dependencies thereof), initializes the UI, and binds global menus & keyboard
@@ -119,10 +107,9 @@ define(function (require, exports, module) {
     require("file/NativeFileError");
 
     PerfUtils.addMeasurement("brackets module dependencies resolved");
-
 
     // Initialize the file system
-    FileSystem.init(require("filesystem/impls/appshell/AppshellFileSystem"));
+    FileSystem.init(require("fileSystemImpl"));
 
     // Local variables
     var params = new UrlParams();

src/editor/Editor.js

@@ -1137,6 +1137,12 @@ define(function (require, exports, module) {
         var deferred = new $.Deferred(),
             self = this;
 
+        function finishRemoving() {
+            self._codeMirror.removeLineWidget(inlineWidget.info);
+            self._removeInlineWidgetInternal(inlineWidget);
+            deferred.resolve();
+        }
+
         if (!inlineWidget.closePromise) {
             var lineNum = this._getInlineWidgetLineNumber(inlineWidget);
 
@@ -1146,13 +1152,17 @@ define(function (require, exports, module) {
             // the other stuff in _removeInlineWidgetInternal to wait until then).
             self._removeInlineWidgetFromList(inlineWidget);
 
-            AnimationUtils.animateUsingClass(inlineWidget.htmlContent, "animating")
-                .done(function () {
-                    self._codeMirror.removeLineWidget(inlineWidget.info);
-                    self._removeInlineWidgetInternal(inlineWidget);
-                    deferred.resolve();
-                });
-            inlineWidget.$htmlContent.height(0);
+            // If we're not visible (in which case the widget will have 0 client height),
+            // don't try to do the animation, because nothing will happen and we won't get
+            // called back right away. (The animation would happen later when we switch
+            // back to the editor.)
+            if (self.isFullyVisible()) {
+                AnimationUtils.animateUsingClass(inlineWidget.htmlContent, "animating")
+                    .done(finishRemoving);
+                inlineWidget.$htmlContent.height(0);
+            } else {
+                finishRemoving();
+            }
             inlineWidget.closePromise = deferred.promise();
         }
         return inlineWidget.closePromise;