New plugin "markdown_editor": compose in markdown, send as HTML

This adds a markdown editor that sends HTML to the server.

It uses codemirror and some custom code to show a syntax highlighted
textarea and some buttons to help editing
(including a preview).

Drafts get marked via an internal email header that causes the markdown
editor to automatically start if a message composition is
continued that was started using the markdown editor.

Author: pabzm

.ci/config-test.inc.php

@@ -34,6 +34,7 @@
     'archive',
     'attachment_reminder',
     'markasjunk',
+    'markdown_editor',
     'zipdownload',
 ];
 

.ci/run_browser_tests.sh

@@ -47,6 +47,9 @@ bin/install-jsdeps.sh
 # Compile Elastic's styles
 make css-elastic
 
+# Build JS and CSS for plugins
+make plugins-build
+
 # Use minified javascript files
 bin/jsshrink.sh
 

.tx/config

@@ -92,8 +92,12 @@ file_filter = plugins/zipdownload/localization/<lang>.inc
 source_file = plugins/zipdownload/localization/en_US.inc
 source_lang = en_US
 
+[o:roundcube:p:roundcube-webmail:r:plugin-markdown_editor]
+file_filter = plugins/markdown_editor/localization/<lang>.inc
+source_file = plugins/markdown_editor/localization/en_US.inc
+source_lang = en_US
+
 [o:roundcube:p:roundcube-webmail:r:timezones]
 file_filter = program/localization/<lang>/timezones.inc
 source_file = program/localization/en_US/timezones.inc
 source_lang = en_US
-

CHANGELOG.md

@@ -11,6 +11,7 @@ This file includes only changes we consider noteworthy for users, admins and plu
 - Add ability to chose from all available contact fields on CSV import (#9419)
 - Password: Removed the (insecure) virtualmin driver (#8007)
 - Fix jqueryui plugin's minicolors.css issue with custom skins (#9967)
+- Add a new plugin called `markdown_editor` that provides an alternative editor to compose emails with in Markdown syntax, which gets converted into HTML before sending.
 
 ## Release 1.7-beta2
 

Makefile

@@ -61,7 +61,7 @@ verify:
 shasum:
 	shasum -a 256 roundcubemail-$(VERSION).tar.gz roundcubemail-$(VERSION)-complete.tar.gz roundcube-framework-$(VERSION).tar.gz
 
-roundcubemail-git: buildtools
+roundcubemail-git: buildtools plugin-markdown_editor-prepare-for-release
 	git clone --branch=$(GITBRANCH) --depth=1 $(GITREMOTE) roundcubemail-git
 	(cd roundcubemail-git; bin/jsshrink.sh; bin/updatecss.sh; bin/cssshrink.sh)
 	(cd roundcubemail-git/skins/elastic && make css)
@@ -119,4 +119,18 @@ composer-update: /tmp/composer.phar
 install-jsdeps: npm-install
 	./bin/install-jsdeps.sh
 
-build: composer-update install-jsdeps css-elastic
+build: composer-update install-jsdeps css-elastic plugins-build
+
+plugins-build: plugin-markdown_editor-build
+
+plugin-markdown_editor-build: plugin-markdown_editor-clean
+	cd plugins/markdown_editor && \
+		npm clean-install && \
+		npm run build && \
+		rm -rf node_module
+
+plugin-markdown_editor-clean:
+	cd plugins/markdown_editor && npm run clean
+
+plugin-markdown_editor-prepare-for-release: plugin-markdown_editor-build
+	(cd roundcubemail-git/plugins/markdown_editor; rm -rf node_modules package*.json rollup.config.*js build.sh javascript *.less tests)

plugins/markdown_editor/.gitignore

@@ -0,0 +1,5 @@
+node_modules
+/bundle-stats.html
+/skins/elastic/styles/markdown_editor.*css
+/skins/elastic/styles/iframe.*css
+/markdown_editor.*js

plugins/markdown_editor/README.md

@@ -0,0 +1,20 @@
+MarkdownEditor
+==============
+
+A markdown editor (duh!).
+
+This plugins adds an alternative editor to compose emails with in Markdown syntax, which gets converted into HTML before sending.
+
+It provides syntax highlighting and a toolbar (including a preview button) to help writing markdown. Drafts are saved as-is, and are automatically re-opened in this editor on re-editing. On sending the written markdown text gets converted into HTML.
+
+(Roundcubemail automatically produces a multipart/alternative email from the given HTML, including a text/plain part consisting of re-converted HTML-to-text. Using our original text as text/plain part would be preferable but is left for a future version of this plugin.)
+
+
+Installation
+------------
+
+Run `npm clean-install && npm run build` to produce the minified Javascript and CSS files required to run.
+
+To enable this editor, add `'markdown_editor'` to the list of plugins in your `config.inc.php`.
+
+There is no configuration.

plugins/markdown_editor/build.sh

@@ -0,0 +1,5 @@
+#!/usr/bin/env bash
+
+set -ex
+
+exec npm run build

plugins/markdown_editor/composer.json

@@ -0,0 +1,22 @@
+{
+    "name": "roundcube/markdown_editor",
+    "type": "roundcube-plugin",
+    "description": "An editor to compose emails in Markdown syntax, which gets converted into HTML before sending.",
+    "license": "GPL-3.0-or-later",
+    "version": "0.1",
+    "authors": [
+        {
+            "name": "Pablo Zimdahl",
+            "homepage": "https://github.com/pabzm"
+        }
+    ],
+    "require": {
+        "php": ">=8.1.0",
+        "roundcube/plugin-installer": "~0.3.5"
+    },
+    "autoload": {
+        "classmap": [
+            "markdown_editor.php"
+        ]
+    }
+}