Merge pull request #7878 from sagemathinc/i18n-20240926

i18n: more menu entries and notifications

Author: williamstein

src/packages/frontend/app/fullscreen-button.tsx

@@ -3,6 +3,8 @@
  *  License: MS-RSL – see LICENSE.md for details
  */
 
+import { useIntl } from "react-intl";
+
 import {
   CSS,
   React,
@@ -33,6 +35,7 @@ export const FullscreenButton: React.FC<Props> = React.memo((props: Props) => {
   const { pageStyle } = props;
   const { fontSizeIcons } = pageStyle;
 
+  const intl = useIntl();
   const fullscreen = useTypedRedux("page", "fullscreen");
   const page_actions = useActions("page");
 
@@ -61,10 +64,15 @@ export const FullscreenButton: React.FC<Props> = React.memo((props: Props) => {
         }),
   };
 
+  const tooltip = intl.formatMessage({
+    id: "app.fullscreen-button.tooltip",
+    defaultMessage: "Fullscreen mode, focused on the current document or page.",
+  });
+
   return (
     <Tip
       style={fullscreen === "default" ? TIP_STYLE_FULLSCREEN : undefined}
-      title={"Fullscreen mode, focused on the current document or page."}
+      title={tooltip}
       placement={"bottomRight"}
       delayShow={2000}
     >

src/packages/frontend/compute/menu.tsx

@@ -2,22 +2,25 @@
 Compute server hamburger menu.
 */
 
-import { Button, Dropdown, Spin } from "antd";
 import type { MenuProps } from "antd";
-import { A, Icon } from "@cocalc/frontend/components";
+import { Button, Dropdown, Spin } from "antd";
 import { useMemo, useState } from "react";
-import getTitle from "./get-title";
+
 import { redux, useTypedRedux } from "@cocalc/frontend/app-framework";
-import { LogModal } from "./compute-server-log";
-import { EditModal } from "./compute-server";
-import { SerialLogModal } from "./serial-port-output";
-import { AppLauncherModal } from "./launcher";
-import { TitleColorModal } from "./title-color";
-import { setServerConfiguration } from "@cocalc/frontend/compute/api";
+import { A, Icon } from "@cocalc/frontend/components";
 import ShowError from "@cocalc/frontend/components/error";
+import {
+  setServerConfiguration,
+  setTemplate,
+} from "@cocalc/frontend/compute/api";
 import openSupportTab from "@cocalc/frontend/support/open";
-import { setTemplate } from "@cocalc/frontend/compute/api";
 import CloneModal from "./clone";
+import { EditModal } from "./compute-server";
+import { LogModal } from "./compute-server-log";
+import getTitle from "./get-title";
+import { AppLauncherModal } from "./launcher";
+import { SerialLogModal } from "./serial-port-output";
+import { TitleColorModal } from "./title-color";
 
 function getServer({ id, project_id }) {
   return redux

src/packages/frontend/frame-editors/frame-tree/commands/generic-commands.tsx

@@ -147,44 +147,69 @@ addCommands({
   show_search: {
     group: "find",
     pos: 0,
-    title: "Show panel for searching in this document",
-    label: "Search",
+    title: defineMessage({
+      id: "command.generic.show_search.tooltip",
+      defaultMessage: "Show panel for searching in this document",
+    }),
+    label: labels.search,
     icon: "search",
   },
   show_overview: {
     group: "show-frames",
-    title: "Show overview of all pages",
+    title: defineMessage({
+      id: "command.generic.show_overview.tooltip",
+      defaultMessage: "Show overview of all pages",
+      description: "All pages in a document",
+    }),
     label: labels.overview,
     icon: "overview",
   },
   show_pages: {
     group: "show-frames",
-    title: "Show all pages of this document",
-    label: "Pages",
+    title: defineMessage({
+      id: "command.generic.show_pages.tooltip",
+      defaultMessage: "Show all pages of this document",
+      description: "All pages in a document",
+    }),
+    label: labels.pages,
     icon: "pic-centered",
   },
   show_slideshow: {
     group: "show-frames",
-    title: "Display Slideshow Presentation",
+    title: defineMessage({
+      id: "command.generic.show_slideshow.tooltip",
+      defaultMessage: "Display Slideshow Presentation",
+    }),
     label: labels.slideshow,
     icon: "play-square",
   },
   show_speaker_notes: {
     group: "show-frames",
-    title: "Show Speaker Notes",
+    title: defineMessage({
+      id: "command.generic.show_speaker_notes.tooltip",
+      defaultMessage: "Show Speaker Notes",
+      description: "Speaker Notes for a Slideshow Presentation",
+    }),
     label: "Speaker Notes",
     icon: "pencil",
   },
   shell: {
     group: "show-frames",
-    title: "Open a terminal for running code",
+    title: defineMessage({
+      id: "command.generic.shell.tooltip",
+      defaultMessage: "Open a terminal for running code",
+    }),
     icon: "terminal",
     disable: "disableTerminals",
     label: "Shell",
   },
   terminal: {
     group: "show-frames",
-    title: "Open a command line terminal for interacting with the Linux prompt",
+    title: defineMessage({
+      id: "command.generic.terminal.tooltip",
+      defaultMessage:
+        "Open a command-line terminal for interacting with the Linux prompt",
+    }),
     icon: "terminal",
     disable: "disableTerminals",
     label: labels.terminal,
@@ -256,7 +281,10 @@ addCommands({
   set_zoom: {
     pos: 5,
     group: "zoom",
-    title: "Zoom to a preset size",
+    title: defineMessage({
+      id: "command.generic.set_zoom.tooltip",
+      defaultMessage: "Zoom to a preset size",
+    }),
     label: ({ props }) => (
       <span>
         {props.font_size == null
@@ -316,7 +344,11 @@ addCommands({
     group: "copy",
     pos: 0,
     label: labels.cut,
-    title: "Cut selection",
+    title: defineMessage({
+      id: "command.generic.cut.tooltip",
+      defaultMessage: "Cut selection",
+      description: "Cut text in a text editor",
+    }),
     icon: "scissors",
     keyboard: `${IS_MACOS ? "⌘" : "control"} + X`,
     disabled: ({ readOnly }) => readOnly,
@@ -325,15 +357,23 @@ addCommands({
     group: "copy",
     pos: 1,
     label: labels.copy,
-    title: "Copy selection",
+    title: defineMessage({
+      id: "command.generic.copy.tooltip",
+      defaultMessage: "Copy selection",
+      description: "Copy text in a text editor",
+    }),
     icon: "copy",
     keyboard: `${IS_MACOS ? "⌘" : "control"} + C`,
   },
   paste: {
     group: "copy",
     pos: 2,
     label: labels.paste,
-    title: "Paste buffer",
+    title: defineMessage({
+      id: "command.generic.paste.tooltip",
+      defaultMessage: "Insert cut or copied text at the cursor position",
+      description: "Paste text in a text editor",
+    }),
     icon: "paste",
     keyboard: `${IS_MACOS ? "⌘" : "control"} + V`,
     disabled: ({ readOnly }) => readOnly,
@@ -432,8 +472,14 @@ addCommands({
   restart: {
     group: "action",
     icon: "sync",
-    label: "Restart Server",
-    title: "Restart the backend service",
+    label: defineMessage({
+      id: "command.generic.restart.label",
+      defaultMessage: "Restart Server",
+    }),
+    title: defineMessage({
+      id: "command.generic.restart.tooltip",
+      defaultMessage: "Restart the backend service",
+    }),
   },
 
   kick_other_users_out: {
@@ -691,8 +737,11 @@ addCommands({
   export_to_markdown: {
     group: "export",
     label: "Export to Markdown",
-    title:
-      "Create and open a markdown version of current view of this document.",
+    title: defineMessage({
+      id: "command.generic.export_to_markdown.tooltip",
+      defaultMessage:
+        "Create and open a markdown version of current view of this document.",
+    }),
     icon: "markdown",
   },
 
@@ -713,8 +762,16 @@ addCommands({
 
   tour: {
     group: "tour",
-    label: "Take the Tour",
-    title: "Take a guided tour of the user interface for this editor.",
+    label: defineMessage({
+      id: "command.generic.tour.label",
+      defaultMessage: "Take the Tour",
+      description: "Interactive tour for explaining a user-interface",
+    }),
+    title: defineMessage({
+      id: "command.generic.tour.tooltip",
+      defaultMessage:
+        "Take a guided tour of the user interface for this editor.",
+    }),
     icon: "map",
     neverVisibleOnMobile: true,
     onClick: ({ props }) => {
@@ -889,7 +946,11 @@ addCommands({
     pos: 10,
     group: "misc-file-actions",
     icon: "upload",
-    title: "Upload a file or directory from your compute to the server",
+    title: defineMessage({
+      id: "command.generic.upload.tooltip",
+      defaultMessage:
+        "Upload a file or directory from your compute to the server",
+    }),
     label: labels.upload,
     ...fileAction("upload"),
   },
@@ -921,14 +982,17 @@ addCommands({
       defaultMessage:
         "Show a printable version of this document in a popup window.",
     }),
-
     label: labels.print,
   },
   new: {
     pos: 0,
     group: "new-open",
     icon: "plus-circle",
-    title: "Create a new file",
+    title: defineMessage({
+      id: "menu.generic.new.tooltip",
+      defaultMessage: "Create a new file",
+      description: "A file in a file-system",
+    }),
     label: menu.new_file,
     ...fileAction("new"),
   },
@@ -1018,8 +1082,13 @@ addCommands({
         "Opens a chatroom next to the document to chat with other users (collaborators) or an AI chatbot",
     }),
     button: labels.chat,
-    title:
-      "Open chat on the side of this file for chatting with project collaborators or AI about this file.",
+    title: defineMessage({
+      id: "command.generic.chat.tooltip",
+      defaultMessage:
+        "Open chat on the side of this file for chatting with project collaborators or AI about this file.",
+      description:
+        "Opens a chatroom next to the document to chat with other users (collaborators) or an AI chatbot",
+    }),
     onClick: ({ props }) => {
       redux.getProjectActions(props.project_id).open_chat({ path: props.path });
     },
@@ -1127,9 +1196,9 @@ addCommands({
     pos: 10,
     group: "settings",
     icon: "gear",
-    title: "Settings",
-    label: "Settings",
-    button: "Settings",
+    title: labels.settings,
+    label: labels.settings,
+    button: labels.settings,
     onClick: ({ props }) => {
       props.actions.settings?.();
     },

src/packages/frontend/i18n/common.ts

@@ -172,10 +172,15 @@ export const labels = defineMessages({
     defaultMessage: "Create a new file",
     description: "A new file in a file-system",
   },
+  pages: {
+    id: "labels.pages",
+    defaultMessage: "Pages",
+    description: "Pages in a document",
+  },
   settings: {
     id: "labels.settings",
     defaultMessage: "Settings",
-    description: "On a button to show project settings",
+    description: "On a button to show the configuration settings",
   },
   help: {
     id: "labels.help",