-
Notifications
You must be signed in to change notification settings - Fork 78
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #339 from mattwire/2.x
Add docs and prep for 2.2 release
- Loading branch information
Showing
8 changed files
with
205 additions
and
165 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,168 +1,14 @@ | ||
# uk.co.vedaconsulting.mosaico | ||
# Mosaico - Responsive email template editor | ||
|
||
This extension integrates a responsive email template editor, [Mosaico](http://mosaico.io/), with CiviCRM. | ||
This extension integrates a responsive email template editor, [Mosaico](https://mosaico.io/), with CiviCRM. | ||
|
||
* [Initial Blog Post](https://civicrm.org/blogs/parvez/a-new-beginning-for-civimail) | ||
* [Beta Blog Post](https://civicrm.org/blog/deepaksrivastava/email-template-builder-civimosaico-is-now-beta) | ||
* [Initial Video](https://vimeo.com/156633077) | ||
* [v1.0 Stable Release](https://github.com/veda-consulting/uk.co.vedaconsulting.mosaico/releases/tag/1.0) | ||
* [v2.0 Plans](https://civicrm.org/blog/jamienovick/email-template-builder-mosaico-phase-2-plans) | ||
* [v2.0 and Styling Blog Post](https://civicrm.org/blog/jamienovick/extreme-makeovers-civicrm-style-introducing-the-shoreditch-theme-civicrms-new-user) | ||
View/Download this extension in the [Extension Directory](https://civicrm.org/extensions/email-template-builder). | ||
|
||
## Requirements | ||
|
||
* CiviCRM `v5.0`+ | ||
## Compatibility / Requirements | ||
* CiviCRM 5.13+ | ||
* PHP-ImageMagick - recommended. | ||
* [FlexMailer](https://docs.civicrm.org/flexmailer/en/latest/) `v1.0`+ | ||
|
||
### Using with Scheduled reminders, personal messages etc | ||
|
||
An experimental extension is available here: https://github.com/civicrm/org.civicrm.mosaicomsgtpl | ||
|
||
## Installation | ||
|
||
A CiviCRM extensions folder (this normally defaults to `files/civicrm/ext`) | ||
|
||
#### Option 1: Download via Web | ||
|
||
The official download URLs for Mosaico and related extensions are published on the CiviCRM.org Extension Directory. Download the latest releases of these extensions: | ||
|
||
1. [`Shoreditch Theme`](https://civicrm.org/extensions/shoreditch) | ||
2. [`FlexMailer`](https://civicrm.org/extensions/flexmailer) | ||
3. [`Mosaico CiviCRM Integration`](https://civicrm.org/extensions/email-template-builder) | ||
|
||
> __TIP__: `civicrm.org` downloads are intended for normal installations, and `github.com` downloads are intended for development. Downloads on `civicrm.org` and `github.com` are *often* the same -- but not always. | ||
#### Option 2: Download via CLI | ||
|
||
> This option requires command line tool [`cv`](https://github.com/civicrm/cv). | ||
To download the current alpha/beta versions of Mosaico and its dependencies, run this one command: | ||
|
||
``` | ||
cv dl --dev flexmailer shoreditch mosaico | ||
``` | ||
|
||
Alternatively, you can download the latest nightly: | ||
|
||
``` | ||
cv dl --dev flexmailer shoreditch | ||
cv dl uk.co.vedaconsulting.mosaico@https://download.civicrm.org/extension/uk.co.vedaconsulting.mosaico/latest/uk.co.vedaconsulting.mosaico-latest.zip | ||
``` | ||
|
||
#### Option 3: Download via Git (preferred for development) | ||
|
||
This option requires several command-line tools: | ||
|
||
* [`git`](https://git-scm.com/) | ||
* [`nodejs`](https://nodejs.org/en) | ||
* [`npm`](https://www.npmjs.com) | ||
* [`grunt-cli`](http://gruntjs.com/getting-started) | ||
* [`cv`](https://github.com/civicrm/cv) | ||
|
||
Once these are installed, you should: | ||
|
||
``` | ||
## Navigate to your extension directory, e.g. | ||
cd sites/default/files/civicrm/ext | ||
## Download the extensions | ||
git clone https://github.com/civicrm/org.civicrm.flexmailer | ||
git clone https://github.com/civicrm/org.civicrm.shoreditch | ||
git clone https://github.com/veda-consulting/uk.co.vedaconsulting.mosaico | ||
## Download additional dependencies | ||
cd uk.co.vedaconsulting.mosaico | ||
./bin/setup.sh -D | ||
``` | ||
|
||
## Getting started (Usage) | ||
|
||
If you haven't used Mosaico before, consult the the demo and tutorial materials from http://mosaico.io/index.html. | ||
|
||
To send a new mailing, simply navigate to "Mailings => New Mailing". The CiviMail-Mosaico UI should appear. | ||
|
||
Optionally, you may design reusable templates by navigating to "Mailings => Mosaico Templates". | ||
|
||
When composing a new mailing with Mosaico, the screen may be configured as a three-step wizard or as a single-step form. To | ||
choose a layout, navigate to "Administer => CiviMail => Mosaico Settings". | ||
|
||
If you would like to compose mailings with the *old* CiviMail screen, navigate to "Mailings => New Mailing (Traditional)". | ||
|
||
## Having issues with this extension? | ||
|
||
Please make sure you have followed installation instructions. | ||
|
||
Open issues on [github](https://github.com/veda-consulting/uk.co.vedaconsulting.mosaico/issues) with: | ||
- screenshot of failure with any possible errors in firebug or js console | ||
- any related logs or backtrace from civicrm | ||
- tell us what version of CiviCRM and extension, you using. | ||
- tell us the browser you are using (name and version) and test at least a second browser to tell us if this happen in both or only one (tell us the details about the second browser too). | ||
|
||
## Development | ||
|
||
#### Setup.sh | ||
|
||
The script `bin/setup.sh` handles various build activities: | ||
|
||
``` | ||
## Download dependencies | ||
./bin/setup.sh -D | ||
## Regenerate DAOs | ||
./bin/setup.sh -g | ||
## Build zip archive | ||
./bin/setup.sh -z | ||
``` | ||
|
||
#### Styling Changes | ||
|
||
We use Gulp and Sass for styling and handle different running tasks. Firstly, you should install node packages using npm package manager: | ||
``` | ||
npm install | ||
``` | ||
|
||
Styling changes should go into `sass` directory and compiled to CSS using the following command: | ||
``` | ||
gulp sass | ||
``` | ||
|
||
Once you are done making your changes, please use BackstopJS (see [TESTING.MD](TESTING.md#backstopjs-visual-regression-tesing) to check for any possible visual regression issues | ||
|
||
#### Migration | ||
|
||
When moving CiviCRM to a new domain, you must update the template paths in the CiviCRM database with a MySQL query such as: | ||
``` | ||
UPDATE civicrm_mosaico_template SET metadata = replace(metadata, 'old-domain.org', 'new-domain.org'); | ||
``` | ||
|
||
#### Patching Mosaico | ||
|
||
This extensions ships with a patched version of Mosaico. The patches are maintained as a fork | ||
in https://github.com/civicrm/mosaico using [Twigflow (Rebase)](https://gist.github.com/totten/39e932e5d10bc9e73e82790b2475eff2). | ||
>>>>>>> a9274b21272407c1b4974762a886646871050cb4 | ||
#### Testing | ||
|
||
See [TESTING.md](TESTING.md) | ||
|
||
#### Publication | ||
|
||
Whenever a change is merged or pushed to `uk.co.vedaconsulting.mosaico`, a bot automatically builds a new `zip` archive | ||
and publishes [uk.co.vedaconsulting.mosaico-latest.zip](https://download.civicrm.org/extension/uk.co.vedaconsulting.mosaico/latest/uk.co.vedaconsulting.mosaico-latest.zip). | ||
* [FlexMailer](https://docs.civicrm.org/flexmailer/en/latest/) 1.1+ | ||
|
||
The build/publish process has a few properties: | ||
* It combines [`uk.co.vedaconsulting.mosaico`](https://github.com/veda-consulting/uk.co.vedaconsulting.mosaico), | ||
[`civicrm/mosaico`](https://github.com/civicrm/mosaico), and any other runtime dependencies into one `zip` file. | ||
* The version number is determined by reading `info.xml` (`<version>`) and appending the current Unix timestamp. | ||
* Example: If the `version` is declared as `1.0.beta1`, then it will be published as `1.0.beta1.1478151288`. | ||
* Three files are published: | ||
* The `zip` archive | ||
* The new `info.xml` file | ||
* A JSON document describing the build. | ||
* An alias is provided under the folder `latest`. | ||
## Documentation | ||
|
||
The bot does *not* publish the new version to `civicrm.org`. To do this, take the new `info.xml` file and manually | ||
upload it. Since `civicrm.org` provides a directory of past and current versions, be sure to specify the download-URL | ||
for a specific version number (e.g. `1.0.beta1.1478151288`) rather than an alias (`latest`). | ||
See: https://docs.civicrm.org/mosaico/en/latest |
File renamed without changes.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,81 @@ | ||
# Development | ||
|
||
## Download via Git | ||
|
||
This option requires several command-line tools: | ||
|
||
* [`git`](https://git-scm.com/) | ||
* [`nodejs`](https://nodejs.org/en) | ||
* [`npm`](https://www.npmjs.com) | ||
* [`grunt-cli`](http://gruntjs.com/getting-started) | ||
* [`cv`](https://github.com/civicrm/cv) | ||
|
||
Once these are installed, you should: | ||
|
||
``` | ||
## Navigate to your extension directory, e.g. | ||
cd sites/default/files/civicrm/ext | ||
## Download the extensions | ||
git clone https://github.com/civicrm/org.civicrm.flexmailer | ||
git clone https://github.com/civicrm/org.civicrm.shoreditch | ||
git clone https://github.com/veda-consulting/uk.co.vedaconsulting.mosaico | ||
## Download additional dependencies | ||
cd uk.co.vedaconsulting.mosaico | ||
./bin/setup.sh -D | ||
``` | ||
|
||
## Setup.sh | ||
|
||
The script `bin/setup.sh` handles various build activities: | ||
|
||
``` | ||
## Download dependencies | ||
./bin/setup.sh -D | ||
## Regenerate DAOs | ||
./bin/setup.sh -g | ||
## Build zip archive | ||
./bin/setup.sh -z | ||
``` | ||
|
||
## Styling Changes | ||
|
||
We use Gulp and Sass for styling and handle different running tasks. Firstly, you should install node packages using npm package manager: | ||
``` | ||
npm install | ||
``` | ||
|
||
Styling changes should go into `sass` directory and compiled to CSS using the following command: | ||
``` | ||
gulp sass | ||
``` | ||
|
||
Once you are done making your changes, please use BackstopJS (see [Testing](/testing#backstopjs-visual-regression-testing) to check for any possible visual regression issues | ||
|
||
## Patching Mosaico | ||
|
||
This extension ships with a patched version of Mosaico. The patches are maintained as a fork | ||
in https://github.com/civicrm/mosaico using [Twigflow (Rebase)](https://gist.github.com/totten/39e932e5d10bc9e73e82790b2475eff2). | ||
|
||
## Publication | ||
|
||
Whenever a change is merged or pushed to `uk.co.vedaconsulting.mosaico`, a bot automatically builds a new `zip` archive | ||
and publishes [uk.co.vedaconsulting.mosaico-latest.zip](https://download.civicrm.org/extension/uk.co.vedaconsulting.mosaico/latest/uk.co.vedaconsulting.mosaico-latest.zip). | ||
|
||
The build/publish process has a few properties: | ||
* It combines [`uk.co.vedaconsulting.mosaico`](https://github.com/veda-consulting/uk.co.vedaconsulting.mosaico), | ||
[`civicrm/mosaico`](https://github.com/civicrm/mosaico), and any other runtime dependencies into one `zip` file. | ||
* The version number is determined by reading `info.xml` (`<version>`) and appending the current Unix timestamp. | ||
* Example: If the `version` is declared as `1.0.beta1`, then it will be published as `1.0.beta1.1478151288`. | ||
* Three files are published: | ||
* The `zip` archive | ||
* The new `info.xml` file | ||
* A JSON document describing the build. | ||
* An alias is provided under the folder `latest`. | ||
|
||
The bot does *not* publish the new version to `civicrm.org`. To do this, take the new `info.xml` file and manually | ||
upload it. Since `civicrm.org` provides a directory of past and current versions, be sure to specify the download-URL | ||
for a specific version number (e.g. `1.0.beta1.1478151288`) rather than an alias (`latest`). |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,61 @@ | ||
# Mosaico - Responsive email template editor | ||
|
||
This extension integrates a responsive email template editor, [Mosaico](https://mosaico.io/), with CiviCRM. | ||
|
||
View/Download this extension in the [Extension Directory](https://civicrm.org/extensions/email-template-builder). | ||
|
||
## Compatibility / Requirements | ||
* CiviCRM 5.13+ | ||
* PHP-ImageMagick - recommended. | ||
* [FlexMailer](https://docs.civicrm.org/flexmailer/en/latest/) 1.1+ | ||
|
||
## History and blog posts | ||
* [Initial Blog Post](https://civicrm.org/blogs/parvez/a-new-beginning-for-civimail) | ||
* [Beta Blog Post](https://civicrm.org/blog/deepaksrivastava/email-template-builder-civimosaico-is-now-beta) | ||
* [Initial Video](https://vimeo.com/156633077) | ||
* [v1.0 Stable Release](https://github.com/veda-consulting/uk.co.vedaconsulting.mosaico/releases/tag/1.0) | ||
* [v2.0 Plans](https://civicrm.org/blog/jamienovick/email-template-builder-mosaico-phase-2-plans) | ||
* [v2.0 and Styling Blog Post](https://civicrm.org/blog/jamienovick/extreme-makeovers-civicrm-style-introducing-the-shoreditch-theme-civicrms-new-user) | ||
|
||
### Using with Scheduled reminders, personal messages etc | ||
|
||
An experimental extension is available here: https://github.com/civicrm/org.civicrm.mosaicomsgtpl | ||
|
||
## Installation | ||
|
||
See: https://docs.civicrm.org/sysadmin/en/latest/customize/extensions/#installing-a-new-extension | ||
|
||
**DO NOT DOWNLOAD DIRECTLY FROM GITHUB**: | ||
Download via https://civicrm.org/extensions/mosaico-civicrm-integration as there are additional packaging requirements not handled by github. | ||
|
||
## Getting started (Usage) | ||
|
||
If you haven't used Mosaico before, consult the the demo and tutorial materials from [Mosaico.io](https://mosaico.io/index.html). | ||
|
||
To send a new mailing, simply navigate to *Mailings > New Mailing*. The CiviMail-Mosaico UI should appear. | ||
|
||
Optionally, you may design reusable templates by navigating to *Mailings > Mosaico Templates*. | ||
|
||
When composing a new mailing with Mosaico, the screen may be configured as a three-step wizard or as a single-step form. To | ||
choose a layout, navigate to *Administer > CiviMail > Mosaico Settings*. | ||
|
||
If you would like to compose mailings with the *old* CiviMail screen, navigate to *Mailings > New Mailing (Traditional)*. | ||
|
||
## Support and Maintenance | ||
|
||
This extension is supported and maintained by the CiviCRM community. | ||
|
||
Please make sure you have followed installation instructions. | ||
|
||
Open issues on [github](https://github.com/veda-consulting/uk.co.vedaconsulting.mosaico/issues) with: | ||
- screenshot of failure with any possible errors in firebug or js console | ||
- any related logs or backtrace from civicrm | ||
- tell us what version of CiviCRM and extension, you using. | ||
- tell us the browser you are using (name and version) and test at least a second browser to tell us if this happen in both or only one (tell us the details about the second browser too). | ||
|
||
## Migration to a new Domain | ||
|
||
If you move CiviCRM to a new domain, you must update the template paths in the CiviCRM database with a MySQL query such as: | ||
``` | ||
UPDATE civicrm_mosaico_template SET metadata = replace(metadata, 'old-domain.org', 'new-domain.org'); | ||
``` |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,30 @@ | ||
**DO NOT DOWNLOAD DIRECTLY FROM GITHUB** | ||
Download via https://civicrm.org/extensions/mosaico-civicrm-integration as there are additional packaging requirements not handled by github. | ||
|
||
## Release 2.2 | ||
|
||
* Allow sending traditional emails as a search task. | ||
* Improve validation in image processing. | ||
* Move maximum image size into a setting. | ||
* Drop system check for shoreditch theme as it is not required for Mosaico to function. | ||
* Improve browser incompatibility message. | ||
* Sort templates alphabetically when displaying 'New Mailing'. | ||
* Add translation support - the Mosaico editor will now appear in the same language as CiviCRM if language files are available. | ||
|
||
## Release 2.1 | ||
|
||
* Always place iframe below KAM menu instead of behind. | ||
* Replace '<title>TITLE<title>' with subject (render-time). | ||
* Document hook_civicrm_mosaicoConfig. | ||
|
||
## Release 2.0 | ||
|
||
All users of Mosaico should evaluate and upgrade to this release. | ||
|
||
* Simplify requirements: | ||
* The shoreditch theme is not required - the extension will work with the current CiviCRM theme. | ||
* ImageMagick is not required - the extension will auto-detect between imagemagick and gd depending on what the server supports. | ||
* Reduce memory usage which previously caused issues sending mail on some servers. | ||
* Add a hook for mosaico editor configuration. | ||
|
||
**Download link: https://civicrm.org/extensions/mosaico-civicrm-integration/version-20** |
File renamed without changes.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,22 @@ | ||
site_name: Mosaico Responsive Email Template Editor | ||
repo_url: https://github.com/veda-consulting/uk.co.vedaconsulting.mosaico | ||
theme: material | ||
markdown_extensions: | ||
- attr_list | ||
- admonition | ||
- def_list | ||
- codehilite | ||
- toc: | ||
permalink: true | ||
- pymdownx.superfences | ||
- pymdownx.inlinehilite | ||
- pymdownx.tilde | ||
- pymdownx.betterem | ||
- pymdownx.mark | ||
|
||
pages: | ||
- About: index.md | ||
- API: api.md | ||
- Development: develop.md | ||
- Testing: testing.md | ||
- Release Notes: release/release_notes.md |