adding web changes of Export HTML (#34117)

GitOrigin-RevId: 804c576faefebfc6683a0363b45372e66a43d8fc

services/web/frontend/js/features/ide-react/components/toolbar/export-document-toasts.tsx

@@ -71,6 +71,20 @@ const ExportDocumentSuccessToast = ({ data }: { data?: any }) => {
         ]}
       />
     )
+  } else if (type === 'html') {
+    return (
+      <Trans
+        i18nKey="html_export_feedback_message"
+        components={[
+          // eslint-disable-next-line react/jsx-key, jsx-a11y/anchor-has-content
+          <a
+            href="https://forms.gle/nBUVGqPYwLcWHSmt5"
+            target="_BLANK"
+            rel="noopener noreferrer"
+          />,
+        ]}
+      />
+    )
   } else {
     return (
       <Trans
@@ -160,7 +174,9 @@ export const hidePreparingExportToast = (handle: string) => {
   )
 }
 
-export const showExportDocumentSuccess = (type: 'docx' | 'markdown') => {
+export const showExportDocumentSuccess = (
+  type: 'docx' | 'markdown' | 'html'
+) => {
   window.dispatchEvent(
     new CustomEvent('ide:show-toast', {
       detail: { key: 'export-document:success', type },

services/web/frontend/js/features/ide-react/components/toolbar/export-project-with-conversion-button.tsx

@@ -9,7 +9,7 @@ import { useEditorManagerContext } from '@/features/ide-react/context/editor-man
 
 type ExportProjectWithConversionProps = {
   featureFlag?: string
-  conversionType: 'docx' | 'markdown'
+  conversionType: 'docx' | 'markdown' | 'html'
   label: string
   menuBarId: string
 }

services/web/frontend/js/features/ide-react/components/toolbar/menu-bar.tsx

@@ -96,6 +96,7 @@ export const ToolbarMenuBar = () => {
               'download-pdf',
               'export-as-docx',
               'export-as-markdown',
+              'export-as-html',
             ],
           },
         ],

services/web/frontend/js/features/ide-react/components/toolbar/project-title.tsx

@@ -89,6 +89,12 @@ export const ToolbarProjectTitle = () => {
           label={t('export_as_markdown')}
           menuBarId="export-as-markdown"
         />
+        <ExportProjectWithConversionButton
+          featureFlag="export-html"
+          conversionType="html"
+          label={t('export_as_html')}
+          menuBarId="export-as-html"
+        />
         <DropdownDivider />
         <DuplicateProject />
         <OLDropdownMenuItem