Enhancement add contenxt menu copy to clipboard (#5704)

* Add copy to clipboard item to context menus(Source Editor Context Menu, Tab Contenxt Menu)

* Change context menu label to 'Copy to clipboard'. Avoid unnecessary call to getRawSourceURL.

* Change "copyToClipboard" to "copyToClipboard.label" in debugger.properties.

* Change in Localization note for copyToClipboard.label

Author: zeo

assets/panel/debugger.properties

@@ -14,6 +14,11 @@
 # that collapses the left and right panes in the debugger UI.
 collapsePanes=Collapse panes
 
+# LOCALIZATION NOTE (copyToClipboard.label): This is the text that appears in the
+# context menu to copy the complete source of the open file.
+copyToClipboard.label=Copy to clipboard
+copyToClipboard.accesskey=C
+
 # LOCALIZATION NOTE (copySource): This is the text that appears in the
 # context menu to copy the selected source of file open.
 copySource=Copy

src/components/Editor/EditorMenu.js

@@ -77,6 +77,8 @@ function getMenuItems(
   const copyFunctionLabel = L10N.getStr("copyFunction.label");
   const copySourceKey = L10N.getStr("copySource.accesskey");
   const copySourceLabel = L10N.getStr("copySource");
+  const copyToClipboardKey = L10N.getStr("copyToClipboard.accesskey");
+  const copyToClipboardLabel = L10N.getStr("copyToClipboard.label");
   const copySourceUri2Key = L10N.getStr("copySourceUri2.accesskey");
   const copySourceUri2Label = L10N.getStr("copySourceUri2");
   const evaluateInConsoleLabel = L10N.getStr("evaluateInConsole.label");
@@ -93,6 +95,15 @@ function getMenuItems(
   const watchExpressionLabel = L10N.getStr("expressions.label");
 
   // menu items
+
+  const copyToClipboardItem = {
+    id: "node-menu-copy-to-clipboard",
+    label: copyToClipboardLabel,
+    accesskey: copyToClipboardKey,
+    disabled: false,
+    click: () => copyToTheClipboard(selectedSource.get("text"))
+  };
+
   const copySourceItem = {
     id: "node-menu-copy-source",
     label: copySourceLabel,
@@ -168,6 +179,7 @@ function getMenuItems(
 
   // construct menu
   const menuItems = [
+    copyToClipboardItem,
     copySourceItem,
     copySourceUri2Item,
     copyFunctionItem,

src/components/Editor/Tab.js

@@ -63,7 +63,8 @@ class Tab extends PureComponent<Props> {
       closeTabs,
       tabSources,
       showSource,
-      togglePrettyPrint
+      togglePrettyPrint,
+      selectedSource
     } = this.props;
 
     const otherTabs = tabSources.filter(t => t.get("id") !== tab);
@@ -107,6 +108,13 @@ class Tab extends PureComponent<Props> {
         item: { ...tabMenuItems.closeAllTabs, click: () => closeTabs(tabURLs) }
       },
       { item: { type: "separator" } },
+      {
+        item: {
+          ...tabMenuItems.copyToClipboard,
+          disabled: selectedSource.get("id") !== tab,
+          click: () => copyToTheClipboard(sourceTab.get("text"))
+        }
+      },
       {
         item: {
           ...tabMenuItems.copySourceUri2,

src/utils/tabs.js

@@ -98,6 +98,12 @@ export function getTabMenuItems() {
       accesskey: L10N.getStr("sourceTabs.revealInTree.accesskey"),
       disabled: false
     },
+    copyToClipboard: {
+      id: "node-menu-copy-to-clipboard",
+      label: L10N.getStr("copyToClipboard.label"),
+      accesskey: L10N.getStr("copyToClipboard.accesskey"),
+      disabled: false
+    },
     copySourceUri2: {
       id: "node-menu-copy-source-url",
       label: L10N.getStr("copySourceUri2"),