29.2.6 release

Author: davidjgraph

ChangeLog

@@ -1,3 +1,19 @@
+08-DEC-2025: 29.2.6
+
+- Changes edit icon naming clash caused by [jgraph/drawio#5375]
+
+08-DEC-2025: 29.2.5
+
+- Fixes anchor points for flipped shapes [jgraph/drawio#5341]
+
+04-DEC-2025: 29.2.4
+
+- Adds edit icon for local .html files [jgraph/drawio#5375]
+
+02-DEC-2025: 29.2.3
+
+- Minor UI fixes
+
 01-DEC-2025: 29.2.2
 
 - AI and licensing tuning

VERSION

@@ -1 +1 @@
-29.2.2
+29.2.6

src/main/webapp/js/app.min.js

@@ -313,14 +313,14 @@ else
                         });
                     });
                 }
-                else if (!supportedDomain || navigator.onLine)
+                else if (!supportedDomain)
                 {
                     mxscript('js/PostConfig.js');
                 }
             });
         };
 
-        if (!supportedDomain || mxIsElectron || navigator.onLine)
+        if (!supportedDomain || mxIsElectron)
         {
             mxscript('js/PreConfig.js', loadAppJS);
         }

src/main/webapp/js/bootstrap.js

@@ -18,7 +18,7 @@ if (!mxIsElectron)
 			'https://api.github.com https://raw.githubusercontent.com https://gitlab.com ' +
 			'https://graph.microsoft.com https://my.microsoftpersonalcontent.com https://*.sharepoint.com https://*.sharepoint.de  ' +
 			'https://*.1drv.com https://api.onedrive.com https://dl.dropboxusercontent.com https://api.openai.com ' +
-			'https://*.google.com https://fonts.gstatic.com https://fonts.googleapis.com; ' +
+			'https://*.google.com https://fonts.gstatic.com https://fonts.googleapis.com https://api.anthropic.com; ' +
 			'img-src * data: blob:; media-src * data:; font-src * data:; ' +
 			// www.draw.io required for browser data migration to app.diagrams.net and
 			// viewer.diagrams.net required for iframe embed preview

src/main/webapp/js/diagramly/Devel.js

@@ -683,7 +683,7 @@ var EmbedDialog = function(editorUi, result, timeout, ignoreSize, previewFn, tit
 	text.style.wordBreak = 'break-all';
 	text.style.marginTop = '10px';
 	text.style.resize = 'none';
-	text.style.height = '150px';
+	text.style.height = '180px';
 	text.style.width = '440px';
 	text.style.border = '1px solid gray';
 	text.value = mxResources.get('updatingDocument');
@@ -723,10 +723,8 @@ var EmbedDialog = function(editorUi, result, timeout, ignoreSize, previewFn, tit
 
 	var previewBtn = null;
 
-	// Loads forever in IE9
 	if (EmbedDialog.showPreviewOption && !mxIsElectron &&
-		(!mxClient.IS_CHROMEAPP || validUrl) && !navigator.standalone && (validUrl ||
-		(mxClient.IS_SVG && (document.documentMode == null || document.documentMode > 9))))
+		!navigator.standalone && validUrl)
 	{
 		previewBtn = mxUtils.button((previewTitle != null) ? previewTitle :
 			mxResources.get((result.length < maxSize) ? 'preview' : 'openInNewWindow'), function()
@@ -796,17 +794,14 @@ var EmbedDialog = function(editorUi, result, timeout, ignoreSize, previewFn, tit
 		buttons.appendChild(previewBtn);
 	}
 
-	if (!validUrl || result.length > 7500)
+	var downloadBtn = mxUtils.button(mxResources.get('export'), function()
 	{
-		var downloadBtn = mxUtils.button(mxResources.get(mxIsElectron ? 'save' : 'download'), function()
-		{
-			editorUi.hideDialog();
-			editorUi.saveData((filename != null) ? filename : 'embed.txt', 'txt', result, 'text/plain');
-		});
-		
-		downloadBtn.className = 'geBtn';
-		buttons.appendChild(downloadBtn);
-	}
+		editorUi.hideDialog();
+		editorUi.saveData((filename != null) ? filename : 'embed.txt', 'txt', result, 'text/plain');
+	});
+	
+	downloadBtn.className = 'geBtn';
+	buttons.appendChild(downloadBtn);
 
 	if (!editorUi.isOffline() && result.length < maxSize)
 	{
@@ -8606,7 +8601,8 @@ var ChatWindow = function(editorUi, x, y, w, h)
 		var value = Editor.gptModels[key];
 
 		if ((value.substring(0, 4) == 'gpt-' && Editor.gptApiKey != null) ||
-			(value.substring(0, 7) == 'gemini-' && Editor.geminiApiKey != null))
+			(value.substring(0, 7) == 'gemini-' && Editor.geminiApiKey != null) ||
+			(value.substring(0, 7) == 'claude-' && Editor.claudeApiKey != null))
 		{
 			var modelOption = document.createElement('option');
 			modelOption.setAttribute('value', value);
@@ -8885,31 +8881,38 @@ var ChatWindow = function(editorUi, x, y, w, h)
 				'instruction in your response.';
 		}
 
-		messages.push({'role': 'system', 'content': systemInstruction});
-		messages.push({'role': 'user', 'content': thePrompt});
-		
-		var params = (theModel.substring(0, 7) == 'gemini-') ?
+		messages.push({role: (theModel.substring(0, 4) == 'gpt-') ?
+			'system' : 'assistant', content: systemInstruction});
+		messages.push({role: 'user', content: thePrompt});
+
+		var params = null;
+
+		if (theModel.substring(0, 7) == 'gemini-')
 		{
-			"system_instruction": {
-				"parts": [
-					{
-						"text": systemInstruction
-					}
-				]
-			},
-			"contents": [
-			{
-				"parts": [
-					{
-						"text": thePrompt
-					}
-				]
-			}
-			]
-		} : {
-			model: theModel,
-			messages: messages
-		};
+			params = {
+				system_instruction: {
+					parts: [{text: systemInstruction}]
+				},
+				contents: [{
+					parts: [{text: thePrompt}
+				]}]
+			};
+		}
+		else if (theModel.substring(0, 7) == 'claude-')
+		{
+			params = {
+				max_tokens: 8192,
+				model: theModel,
+				messages: messages
+			};
+		}
+		else
+		{
+			params = {
+				model: theModel,
+				messages: messages
+			};
+		}
 
 		var processMessage = mxUtils.bind(this, function()
 		{
@@ -9068,23 +9071,26 @@ var ChatWindow = function(editorUi, x, y, w, h)
 						buttons.appendChild(btn);
 						mxEvent.addListener(btn, 'click', processMessage);
 
-						btn = btn.cloneNode();
-						btn.setAttribute('src', Editor.shareImage);
-						btn.setAttribute('title', mxResources.get(!editorUi.isStandaloneApp() ?
-							'openInNewWindow' : 'export'));
-						buttons.appendChild(btn);
-
-						mxEvent.addListener(btn, 'click', mxUtils.bind(this, function(evt)
+						if (editorUi.getServiceName() == 'draw.io')
 						{
-							if (!editorUi.isStandaloneApp())
-							{
-								editorUi.editor.editAsNew(data[1]);
-							}
-							else
+							btn = btn.cloneNode();
+							btn.setAttribute('src', Editor.shareImage);
+							btn.setAttribute('title', mxResources.get(!editorUi.isStandaloneApp() ?
+								'openInNewWindow' : 'export'));
+							buttons.appendChild(btn);
+
+							mxEvent.addListener(btn, 'click', mxUtils.bind(this, function(evt)
 							{
-								editorUi.saveData('export.xml', 'xml', data[1], 'text/xml');
-							}
-						}));
+								if (!editorUi.isStandaloneApp())
+								{
+									editorUi.editor.editAsNew(data[1]);
+								}
+								else
+								{
+									editorUi.saveData('export.xml', 'xml', data[1], 'text/xml');
+								}
+							}));
+						}
 
 						btn = btn.cloneNode();
 						btn.setAttribute('src', Editor.magnifyImage);
@@ -9168,9 +9174,22 @@ var ChatWindow = function(editorUi, x, y, w, h)
 						handleError(e);
 					});
 
-					var url = theModel.substring(0, 7) == 'gemini-' ?
-						'https://generativelanguage.googleapis.com/v1beta/models/' + theModel +
-							':generateContent' : Editor.gptUrl;
+					var url = null;
+
+					if (theModel.substring(0, 7) == 'gemini-')
+					{
+						url = 'https://generativelanguage.googleapis.com/v1beta/models/' + theModel +
+							':generateContent'
+					}
+					else if (theModel.substring(0, 7) == 'claude-')
+					{
+						url = 'https://api.anthropic.com/v1/messages';
+					}
+					else
+					{
+						url = Editor.gptUrl;
+					}
+
 					var req = new mxXmlRequest(url, JSON.stringify(params), 'POST');
 
 					req.setRequestHeaders = mxUtils.bind(this, function(request, params)
@@ -9179,6 +9198,12 @@ var ChatWindow = function(editorUi, x, y, w, h)
 						{
 							request.setRequestHeader('X-goog-api-key', Editor.geminiApiKey);
 						}
+						else if (theModel.substring(0, 7) == 'claude-')
+						{
+							request.setRequestHeader('x-api-key', Editor.claudeApiKey);
+							request.setRequestHeader('anthropic-version', '2023-06-01');
+							request.setRequestHeader('anthropic-dangerous-direct-browser-access', 'true');
+						}
 						else
 						{
 							request.setRequestHeader('Authorization', 'Bearer ' + Editor.gptApiKey);
@@ -9198,9 +9223,22 @@ var ChatWindow = function(editorUi, x, y, w, h)
 								if (req.getStatus() >= 200 && req.getStatus() <= 299)
 								{
 									var response = JSON.parse(req.getText());
-									var text = theModel.substring(0, 7) == 'gemini-' ?
-										mxUtils.trim(response.candidates[0].content.parts[0].text) :
-										mxUtils.trim(response.choices[0].message.content);
+									var text = null;
+
+									if (theModel.substring(0, 7) == 'gemini-')
+									{
+										text = response.candidates[0].content.parts[0].text;
+									}
+									else if (theModel.substring(0, 7) == 'claude-')
+									{
+										text = response.content[0].text;
+									}
+									else
+									{
+										text = response.choices[0].message.content;
+									}
+
+									text = mxUtils.trim(text);
 									var mermaid = editorUi.extractMermaidDeclaration(text);
 									EditorUi.debug('EditorUi.ChatWindow.addMessage',
 										'params', params, 'response', response,
@@ -11726,7 +11764,8 @@ var EditShapeDialog = function(editorUi, cell, title)
 	contentDiv.appendChild(textarea);
 
 	var previewDiv = document.createElement('div');
-	previewDiv.style.border = '1px solid lightgray';
+	previewDiv.style.borderWidth = '1px';
+	previewDiv.style.borderStyle = 'solid';
 	previewDiv.style.padding = '20px';
 	previewDiv.style.flexGrow = '1';
 	previewDiv.style.borderRadius = '4px';

src/main/webapp/js/diagramly/Dialogs.js

@@ -316,6 +316,12 @@
 	Editor.geminiApiKey = (urlParams['gemini-api-key'] != null) ?
 		decodeURIComponent(urlParams['gemini-api-key']) : null;
 
+	/**
+	 * Specifies the Gemini API key. Default is null.
+	 */
+	Editor.claudeApiKey = (urlParams['claude-api-key'] != null) ?
+		decodeURIComponent(urlParams['claude-api-key']) : null;
+
 	/**
 	 * Specifies the ChatGPT model. Default is 'chatgpt-4o-latest'.
 	 */
@@ -327,7 +333,12 @@
 		'Gemini 3 Pro Preview': 'gemini-3-pro-preview',
 		'Gemini 2.5 Pro': 'gemini-2.5-pro',
 		'Gemini 2.5 Flash': 'gemini-2.5-flash',
-		'Gemini 2.0 Flash': 'gemini-2.0-flash'
+		'Gemini 2.0 Flash': 'gemini-2.0-flash',
+		'Claude 4.5 Sonnet': 'claude-sonnet-4-5',
+		'Claude 4.5 Haiku': 'claude-haiku-4-5',
+		'Claude 4.0 Sonnet': 'claude-sonnet-4-0',
+		'Claude 3.7 Sonnet': 'claude-3-7-sonnet-latest',
+		'Claude 3.5 Haiku': 'claude-3-5-haiku-latest'
 	};
 
 	/**
@@ -2702,6 +2713,11 @@
 				Editor.geminiApiKey = config.geminiApiKey;
 			}
 
+			if (config.claudeApiKey != null)
+			{
+				Editor.claudeApiKey = config.claudeApiKey;
+			}
+
 			if (config.gptModels != null)
 			{
 				Editor.gptModels = config.gptModels;

src/main/webapp/js/diagramly/Editor.js

@@ -1454,7 +1454,9 @@
 			// Writes the file as an embedded HTML file
 			if (!forceSvg && !forceXml && (forceHtml || (file != null && /(\.html)$/i.test(file.getTitle()))))
 			{
-				xml = this.getHtml2(mxUtils.getXml(fileNode), graph, (file != null) ? file.getTitle() : null, editLink, redirect);
+				xml = this.getHtml2(mxUtils.getXml(fileNode), graph, (file != null) ? file.getTitle() : null,
+					editLink, redirect, redirect == null && !EditorUi.isElectronApp &&
+					this.getServiceName() == 'draw.io');
 			}
 			// Maps the XML data to the content attribute in the SVG node 
 			else if (forceSvg || (!forceXml && file != null && /(\.svg)$/i.test(file.getTitle())))
@@ -2016,19 +2018,23 @@
 	/**
 	 * Same as above but using the new embed code.
 	 */
-	EditorUi.prototype.getHtml2 = function(xml, graph, title, editLink, redirect)
+	EditorUi.prototype.getHtml2 = function(xml, graph, title, editLink, redirect, addEditLink)
 	{
 		var js = window.DRAWIO_VIEWER_URL || EditorUi.drawHost + '/js/viewer-static.min.js';
-	
+		var data = {highlight: '#0000ff', nav: this.editor.graph.foldingEnabled, resize: true,
+			xml: Graph.zapGremlins(xml), toolbar: 'pages zoom layers lightbox'};
+		
 		// Makes XHTML compatible
 		if (redirect != null)
 		{
 			redirect = redirect.replace(/&/g, '&');
 		}
-		
-		var data = {highlight: '#0000ff', nav: this.editor.graph.foldingEnabled, resize: true,
-			xml: Graph.zapGremlins(xml), toolbar: 'pages zoom layers lightbox'};
-		
+		else if (addEditLink)
+		{
+			data.editor = window.DRAWIO_BASE_URL;
+			data.toolbar += ' editlocal';
+		}
+
 		if (this.pages != null && this.currentPage != null)
 		{
 			data.page = mxUtils.indexOf(this.pages, this.currentPage);
@@ -5102,23 +5108,6 @@
 				new Blob([data], {type: mimeType})
 			navigator.msSaveOrOpenBlob(blob, filename);
 		}
-		// Older versions of IE (binary not supported)
-		else if (mxClient.IS_IE)
-		{
-			var win = window.open('about:blank', '_blank');
-			
-			if (win == null)
-			{
-				mxUtils.popup(data, true);
-			}
-			else
-			{
-				win.document.write(data);
-				win.document.close();
-				win.document.execCommand('SaveAs', true, filename);
-				win.close();
-			}
-		}
 		else if (mxClient.IS_IOS && this.isOffline())
 		{
 			// Workaround for "WebKitBlobResource error 1" in mobile Safari