feat: add support for shtml custom server live previews

Author: abose

src/extensions/default/HTMLCodeHints/integ-tests.js

@@ -311,7 +311,7 @@ define(function (require, exports, module) {
             await closeSession();
         }
 
-        const extensions = ["html", "htm", "xhtml", "php", "asp", "aspx", "jsp"];
+        const extensions = ["html", "htm", "xhtml", "php", "asp", "aspx", "jsp", "shtml"];
 
         for(let extn of extensions){
             it(`should be able to add the class name by selecting the code hint in ${extn} file`, async function () {

src/extensionsIntegrated/Phoenix-live-preview/main.js

@@ -676,7 +676,7 @@ define(function (require, exports, module) {
         }
         const fullPath = changedFile.fullPath;
         if(changedFile && _shouldShowCustomServerBar(fullPath)){
-            _showCustomServerBar();
+            _showCustomServerBar(fullPath);
         }
         const shouldUseInbuiltPreview = utils.isMarkdownFile(fullPath) || utils.isSVG(fullPath);
         if(urlPinned || (LivePreviewSettings.isUsingCustomServer() &&
@@ -722,7 +722,7 @@ define(function (require, exports, module) {
         if(!editor || !_shouldShowCustomServerBar(editor.document.file.fullPath)){
             return;
         }
-        _showCustomServerBar();
+        _showCustomServerBar(editor.document.file.fullPath);
     }
 
     function _shouldShowCustomServerBar(fullPath) {
@@ -734,14 +734,17 @@ define(function (require, exports, module) {
         return utils.isServerRenderedFile(fullPath);
     }
 
-    function _showCustomServerBar() {
+    function _showCustomServerBar(fullFilePath) {
         if(customServerModalBar){
+            $(".custom-banner-setup-server-text-message").html(
+                StringUtils.format(Strings.LIVE_DEV_SETTINGS_BANNER, path.extname(fullFilePath))
+            );
             return;
         }
         // Show the search bar
         const searchBarHTML =`<div style="display: flex;justify-content: end;align-items: baseline;">
-            <div style="margin-right: 5px;">
-                ${Strings.LIVE_DEV_SETTINGS_BANNER}
+            <div style="margin-right: 5px;" class="custom-banner-setup-server-text-message">
+                ${StringUtils.format(Strings.LIVE_DEV_SETTINGS_BANNER, path.extname(fullFilePath))}
             </div>
             <button class="btn btn-mini live-preview-settings" style="margin-right: 5px;">
                 ${Strings.LIVE_DEV_SETTINGS}

src/extensionsIntegrated/Phoenix-live-preview/utils.js

@@ -79,6 +79,7 @@ define(function (require, exports, module) {
     function isServerRenderedFile(filePath) {
         let extension = getExtension(filePath);
         return [
+            "shtml",
             "asp",
             "aspx",
             "php",

src/nls/root/strings.js

@@ -159,7 +159,7 @@ define({
     "LIVE_DEV_CLICK_TO_PIN_UNPIN": "Pin or Unpin Preview Page",
     "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
     "LIVE_DEV_SETTINGS": "Live Preview Settings\u2026",
-    "LIVE_DEV_SETTINGS_BANNER": "Set up a custom server to live preview PHP, JSP, and other server-rendered files",
+    "LIVE_DEV_SETTINGS_BANNER": "Set up a custom server to live preview `<b>{0}</b>` and other server-rendered files (PHP, JSP, etc.)",
     "LIVE_DEV_SETTINGS_TITLE": "Live Preview Settings",
     "LIVE_DEV_SETTINGS_STARTUP": "Show Live Preview Panel at Startup",
     "LIVE_DEV_SETTINGS_SERVER_PREFERENCE": "true to enable custom development server",

test/spec/Extn-HTMLCodeHints-Lint-integ-test.js

@@ -179,7 +179,7 @@ define(function (require, exports, module) {
             await SpecRunnerUtils.deletePathAsync(validNameJSON, true, FileSystem);
         }, 6000);
 
-        const testExtensions = [".htm", ".xhtml", ".jsp", ".asp", ".aspx", ".php"];
+        const testExtensions = [".htm", ".xhtml", ".shtml", ".jsp", ".asp", ".aspx", ".php"];
         for(let testExtension of testExtensions) {
             // eslint-disable-next-line no-loop-func
             it(`should show html lint error in ${testExtension} files`, async function () {

test/spec/LiveDevelopmentCustomServer-test.js

@@ -535,6 +535,7 @@ define(function (require, exports, module) {
         }, 30000);
 
         const SERVER_FILES = [
+            "shtml",
             "asp",
             "aspx",
             "php",