phcode-dev
diff --git a/‎LiveDevelopment/MultiBrowserImpl/documents/LiveHTMLDocument.js‎
Lines changed: 19 additions & 7 deletions b/‎LiveDevelopment/MultiBrowserImpl/documents/LiveHTMLDocument.js‎
Lines changed: 19 additions & 7 deletions
diff --git a/‎LiveDevelopment/MultiBrowserImpl/language/HTMLInstrumentation.js‎
Lines changed: 2 additions & 2 deletions b/‎LiveDevelopment/MultiBrowserImpl/language/HTMLInstrumentation.js‎
Lines changed: 2 additions & 2 deletions
diff --git a/‎LiveDevelopment/pageLoader.html‎
Lines changed: 1 addition & 1 deletion b/‎LiveDevelopment/pageLoader.html‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎assets/default-project/en.zip‎
0 Bytes b/‎assets/default-project/en.zip‎
0 Bytes
diff --git a/‎assets/phoenix-splash/no-preview.html‎
Lines changed: 13 additions & 2 deletions b/‎assets/phoenix-splash/no-preview.html‎
Lines changed: 13 additions & 2 deletions
diff --git a/‎assets/sample-projects/HTML5.zip‎
0 Bytes b/‎assets/sample-projects/HTML5.zip‎
0 Bytes
diff --git a/‎assets/sample-projects/bootstrap-blog.zip‎
0 Bytes b/‎assets/sample-projects/bootstrap-blog.zip‎
0 Bytes
diff --git a/‎assets/sample-projects/dashboard.zip‎
0 Bytes b/‎assets/sample-projects/dashboard.zip‎
0 Bytes
diff --git a/‎assets/sample-projects/explore.zip‎
0 Bytes b/‎assets/sample-projects/explore.zip‎
0 Bytes
diff --git a/‎assets/sample-projects/home-pages.zip‎
0 Bytes b/‎assets/sample-projects/home-pages.zip‎
0 Bytes
@@ -185,6 +185,10 @@ define(function (require, exports, module) {
         // TODO: Not implemented.
     };
 
+    function _isSamePos(position, line, char) {
+        return position.line === line && position.ch === char;
+    }
+
     /**
      * @private
      * Handles edits to the document. Determines what's changed in the source and sends DOM diffs to the browser.
@@ -212,13 +216,21 @@ define(function (require, exports, module) {
             applyEditsPromise;
 
         if (result.edits) {
-            applyEditsPromise = this.protocol.evaluate("_LD.applyDOMEdits(" + JSON.stringify(result.edits) + ")");
-
-            applyEditsPromise.always(function () {
-                if (!isNestedTimer) {
-                    PerfUtils.addMeasurement(perfTimerName);
-                }
-            });
+            let changedLineCount = change.length === 1 ? (change[0].to.line - change[0].from.line + 1) : null;
+            if(changedLineCount && changedLineCount > 1 && changedLineCount === change[0].removed.length
+                && _isSamePos( change[0].from, 0, 0)){
+                // whole file change.
+                this.protocol.reload();
+                PerfUtils.addMeasurement(perfTimerName);
+            } else {
+                applyEditsPromise = this.protocol.evaluate("_LD.applyDOMEdits(" + JSON.stringify(result.edits) + ")");
+
+                applyEditsPromise.always(function () {
+                    if (!isNestedTimer) {
+                        PerfUtils.addMeasurement(perfTimerName);
+                    }
+                });
+            }
         }
 
         this.errors = result.errors || [];
 
@@ -561,10 +561,10 @@ define(function (require, exports, module) {
      *     more information on the format of these edits.
      */
     function getUnappliedEditList(editor, changeList) {
-        var cachedValue = _cachedValues[editor.document.file.fullPath];
+        const cachedValue = _cachedValues[editor.document.file.fullPath];
 
         // We might not have a previous DOM if the document was empty before this edit.
-        if (!cachedValue || !cachedValue.dom || _cachedValues[editor.document.file.fullPath].invalid) {
+        if (!cachedValue || !cachedValue.dom || cachedValue.invalid) {
             // We were in an invalid state, so do a full rebuild.
             changeList = null;
         }
 
@@ -50,7 +50,7 @@
                 broadcastChannel: params.broadcastChannel,
                 clientID});
             if(params.URL){
-                document.getElementById("contentFrame").src = params.URL;
+                document.getElementById("contentFrame").src = decodeURIComponent(params.URL);
                 const path = params.URL.replace(/\/$/, "").split("/");
                 document.title = path[path.length -1];
             }
 
@@ -3,13 +3,24 @@
 <head>
   <title>Phoenix Live Preview</title>
   <link rel="stylesheet" href="styles.css">
+  <script>
+    function translate() {
+      const urlParams = new URLSearchParams(window.location.search || "");
+      if(urlParams.get('jsonInput')){
+        let input = JSON.parse(decodeURIComponent(urlParams.get('jsonInput')));
+        document.getElementById("heading").textContent = input.heading;
+        document.getElementById("details").textContent = input.details;
+      }
+    }
+  </script>
 </head>
 
-<body>
+<body onload="translate()">
 <img id="starsLeft"  src="images/stars-left.svg"/>
 <div id="mainDiv" style="top: 50%">
   <div id="MainText">
-    <h1>Nothing to preview</h1>
+    <h1 id="heading">Nothing to preview!</h1>
+    <p id="details">Please select an HTML file to preview</p>
   </div>
 </div>
 <img id="cloudLeftTop"  src="images/vector-top-left.png"/>
Original file line number	Diff line number	Diff line change
`@@ -50,7 +50,7 @@`
`50`	`50`	`broadcastChannel: params.broadcastChannel,`
`51`	`51`	`clientID});`
`52`	`52`	`if(params.URL){`
`53`		`- document.getElementById("contentFrame").src = params.URL;`
	`53`	`+ document.getElementById("contentFrame").src = decodeURIComponent(params.URL);`
`54`	`54`	`const path = params.URL.replace(/\/$/, "").split("/");`
`55`	`55`	`document.title = path[path.length -1];`
`56`	`56`	`}`