refactor: move user facing strings of ruler lines to measurements

Author: devvaannsh

src/LiveDevelopment/LivePreviewConstants.js

@@ -40,5 +40,5 @@ define(function main(require, exports, module) {
     exports.HIGHLIGHT_HOVER = "hover";
     exports.HIGHLIGHT_CLICK = "click";
 
-    exports.PREFERENCE_SHOW_RULER_LINES = "livePreviewShowRulerLines";
+    exports.PREFERENCE_SHOW_RULER_LINES = "livePreviewShowMeasurements";
 });

src/extensionsIntegrated/phoenix-pro/LivePreviewEdit.js

@@ -12,6 +12,7 @@ define(function (require, exports, module) {
     const HTMLInstrumentation = require("LiveDevelopment/MultiBrowserImpl/language/HTMLInstrumentation");
     const LiveDevMultiBrowser = require("LiveDevelopment/LiveDevMultiBrowser");
     const LiveDevelopment = require("LiveDevelopment/main");
+    const Constants = require("LiveDevelopment/LivePreviewConstants");
     const CodeMirror = require("thirdparty/CodeMirror/lib/codemirror");
     const ProjectManager = require("project/ProjectManager");
     const PreferencesManager = require("preferences/PreferencesManager");
@@ -1825,7 +1826,7 @@ define(function (require, exports, module) {
 
         // handle ruler lines toggle message
         if (message.type === "toggleRulerLines") {
-            PreferencesManager.set("livePreviewShowRulerLines", message.enabled);
+            PreferencesManager.set(Constants.PREFERENCE_SHOW_RULER_LINES, message.enabled);
             return;
         }
 

src/nls/root/strings.js

@@ -184,7 +184,7 @@ define({
     "LIVE_DEV_SETTINGS_ELEMENT_HIGHLIGHT_HOVER": "hover",
     "LIVE_DEV_SETTINGS_ELEMENT_HIGHLIGHT_CLICK": "click",
     "LIVE_DEV_SETTINGS_ELEMENT_HIGHLIGHT_PREFERENCE": "Show live preview element highlights on 'hover' or 'click'. Defaults to 'hover'",
-    "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Show ruler lines when elements are selected in live preview. Defaults to 'false'",
+    "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Show measurements when elements are selected in live preview. Defaults to 'false'",
     "LIVE_DEV_MORE_OPTIONS_SELECT_PARENT": "Select Parent",
     "LIVE_DEV_MORE_OPTIONS_EDIT_TEXT": "Edit Text",
     "LIVE_DEV_MORE_OPTIONS_EDIT_HYPERLINK": "Edit Hyperlink",
@@ -227,7 +227,7 @@ define({
     "LIVE_PREVIEW_MODE_HIGHLIGHT": "Highlight Mode",
     "LIVE_PREVIEW_MODE_EDIT": "Edit Mode",
     "LIVE_PREVIEW_EDIT_HIGHLIGHT_ON": "Edit Highlights on Hover",
-    "LIVE_PREVIEW_SHOW_RULER_LINES": "Show Ruler Lines",
+    "LIVE_PREVIEW_SHOW_RULER_LINES": "Show Measurements",
     "LIVE_PREVIEW_MODE_PREFERENCE": "'{0}' shows only the webpage, '{1}' connects the webpage to your code - click on elements to jump to their code and vice versa, '{2}' provides highlighting along with advanced element manipulation",
     "LIVE_PREVIEW_CONFIGURE_MODES": "Configure Live Preview Modes",