@elementor/editor-app-bar 4.1.0-manual → 4.2.0-839

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@elementor/editor-app-bar",
   "description": "App Bar extension for @elementor/editor",
-  "version": "4.1.0-manual",
+  "version": "4.2.0-839",
   "private": false,
   "author": "Elementor Team",
   "homepage": "https://elementor.com/",
@@ -40,16 +40,17 @@
     "dev": "tsup --config=../../tsup.dev.ts"
   },
   "dependencies": {
-    "@elementor/editor-ui": "4.1.0-manual",
-    "@elementor/http-client": "4.1.0-manual",
-    "@elementor/editor": "4.1.0-manual",
-    "@elementor/editor-documents": "4.1.0-manual",
-    "@elementor/editor-responsive": "4.1.0-manual",
-    "@elementor/editor-v1-adapters": "4.1.0-manual",
-    "@elementor/icons": "^1.68.0",
-    "@elementor/locations": "4.1.0-manual",
-    "@elementor/menus": "4.1.0-manual",
-    "@elementor/events": "4.1.0-manual",
+    "@elementor/editor-ui": "4.2.0-839",
+    "@elementor/http-client": "4.2.0-839",
+    "@elementor/editor": "4.2.0-839",
+    "@elementor/editor-documents": "4.2.0-839",
+    "@elementor/editor-mcp": "4.2.0-839",
+    "@elementor/editor-responsive": "4.2.0-839",
+    "@elementor/editor-v1-adapters": "4.2.0-839",
+    "@elementor/icons": "~1.75.1",
+    "@elementor/locations": "4.2.0-839",
+    "@elementor/menus": "4.2.0-839",
+    "@elementor/events": "4.2.0-839",
     "@elementor/ui": "1.37.5",
     "@wordpress/i18n": "^5.13.0"
   },

package/src/components/locations/send-feedback-popup-location.tsx

@@ -77,7 +77,7 @@ export default function SendFeedbackPopupLocation() {
 			feedback_text: feedbackContent,
 		} );
 	};
-	const handleStartAntoher = () => {
+	const handleStartAnother = () => {
 		setFeedbackContent( '' );
 		setFeedbackResult( null );
 	};
@@ -164,7 +164,7 @@ export default function SendFeedbackPopupLocation() {
 											</>
 										) }
 										{ feedbackResult?.success ? (
-											<Button variant="text" onClick={ () => handleStartAntoher() }>
+											<Button variant="text" onClick={ () => handleStartAnother() }>
 												{ __( 'Submit Another Feedback', 'elementor' ) }
 											</Button>
 										) : (

package/src/extensions/angie/hooks/use-action-props.ts

@@ -0,0 +1,29 @@
+import { isAngieAvailable } from '@elementor/editor-mcp';
+import { AngieIcon } from '@elementor/icons';
+import { __ } from '@wordpress/i18n';
+
+const CREATE_WIDGET_EVENT = 'elementor/editor/create-widget';
+
+const CREATE_WIDGET_PROMPT = `Create a widget for me.
+Goal: [What should this widget help me accomplish?]
+Placement: [Where will I see it in the editor/UI?]
+How it should work: `;
+
+export default function useActionProps() {
+	return {
+		title: __( 'Angie', 'elementor' ),
+		icon: AngieIcon,
+		onClick: () => {
+			window.dispatchEvent(
+				new CustomEvent( CREATE_WIDGET_EVENT, {
+					detail: {
+						prompt: CREATE_WIDGET_PROMPT,
+						entry_point: 'top_bar',
+					},
+				} )
+			);
+		},
+		selected: false,
+		visible: ! isAngieAvailable(),
+	};
+}

package/src/extensions/angie/index.ts

@@ -0,0 +1,10 @@
+import { toolsMenu } from '../../locations';
+import useActionProps from './hooks/use-action-props';
+
+export function init() {
+	toolsMenu.registerToggleAction( {
+		id: 'toggle-angie',
+		priority: 2,
+		useProps: useActionProps,
+	} );
+}

package/src/extensions/documents-save/hooks/use-document-view-as-markdown-props.ts

@@ -0,0 +1,29 @@
+import { __useActiveDocument as useActiveDocument } from '@elementor/editor-documents';
+import { __privateRunCommand as runCommand } from '@elementor/editor-v1-adapters';
+import { EyeIcon } from '@elementor/icons';
+import { __ } from '@wordpress/i18n';
+
+export default function useDocumentViewAsMarkdownProps() {
+	const document = useActiveDocument();
+
+	return {
+		icon: EyeIcon,
+		title: __( 'View as Markdown', 'elementor' ),
+		onClick: async () => {
+			const baseUrl = document?.links?.wpPreview || document?.links?.permalink;
+
+			if ( ! baseUrl ) {
+				return;
+			}
+
+			if ( document?.isDirty ) {
+				await runCommand( 'document/save/auto', { force: true } );
+			}
+
+			const separator = baseUrl.includes( '?' ) ? '&' : '?';
+			const url = baseUrl + separator + 'format=markdown';
+
+			window.open( url, '_blank' );
+		},
+	};
+}

package/src/extensions/documents-save/index.ts

@@ -3,6 +3,7 @@ import PrimaryAction from './components/primary-action';
 import useDocumentCopyAndShareProps from './hooks/use-document-copy-and-share-props';
 import useDocumentSaveDraftProps from './hooks/use-document-save-draft-props';
 import useDocumentSaveTemplateProps from './hooks/use-document-save-template-props';
+import useDocumentViewAsMarkdownProps from './hooks/use-document-view-as-markdown-props';
 import useDocumentViewPageProps from './hooks/use-document-view-page-props';
 import { documentOptionsMenu } from './locations';
 
@@ -37,4 +38,10 @@ export function init() {
 		priority: 50,
 		useProps: useDocumentViewPageProps,
 	} );
+
+	documentOptionsMenu.registerAction( {
+		id: 'document-view-as-markdown',
+		priority: 60,
+		useProps: useDocumentViewAsMarkdownProps,
+	} );
 }

package/src/extensions/documents-settings/index.ts

@@ -4,7 +4,7 @@ import useActionProps from './hooks/use-action-props';
 export function init() {
 	toolsMenu.registerToggleAction( {
 		id: 'document-settings-button',
-		priority: 2,
+		priority: 3,
 		useProps: useActionProps,
 	} );
 }

package/src/extensions/index.ts

@@ -3,6 +3,7 @@
  * The code should be moved to the appropriate packages.
  */
 
+import { init as initAngie } from './angie';
 import { init as initConnect } from './connect';
 import { init as initDocumentsPreview } from './documents-preview';
 import { init as initDocumentsSave } from './documents-save';
@@ -21,6 +22,7 @@ import { init as initUserPreferences } from './user-preferences';
 import { init as initWordpress } from './wordpress';
 
 export function init() {
+	initAngie();
 	initDocumentsPreview();
 	initDocumentsSave();
 	initDocumentsSettings();