eWizard.js v5.8.2 and eWizard CLI v0.26.1

July 2021

With the current release you get:

• New eWizard.js framework features

• eWizard CLI new commands and options

• Improved email and e-Detailer development

• Fixed issues

New in eWizard.js

Different layouts in one email template

Now, you can build your email project with the specified layout with the configured theme, a set of blocks and components. The email layouts are stored in the dedicated directories within one master template. Use wiz dev --layout <LAYOUT_NAME> or wiz archive --layout <LAYOUT_NAME> to build the email or zip the project with the specified layout.

Dynamic querying parameters in your local email project at runtime

Stop rebuilding your email project when you need to change the language, target system, color scheme, or theme. Instead, make use of the new feature that allows for changing parameters at runtime.

Automatic indent and alignment styles in the email mobile view

The mobileContentIndents mixin parses HTML elements and adds the specified classes to your email markup.

For more information see mobileContentIndents mixin in emails.

The SFMC component in the email template

Use the <sfmc-code></sfmc-code> tag in the template root when you develop your email with eWizard.js and eWizard CLI. Then you can export it to SFMC via the eWizard platform.

For more information, see SFMC component in the email template and SFMC Publisher guide.

New in eWizard CLI

New wiz archive options

Added the eWizard CLI command options: wiz archive --name, --target, --theme, --scheme:

• wiz archive --name <ARCHIVE_NAME> zips your email project with the specified archive name.

• wiz archive --target <CLM_CODE> zips your email project and adds the specified target system as the code value for the targetCLM field in the ./settings.json file of the zipped project.

• wiz archive --theme <THEME_NAME> zips your email project and adds the specified theme name as the current value for the theme field in the ./settings.json file of the zipped project.

• wiz archive --scheme <SCHEME_NAME> zips your email project and adds the specified scheme name as the scheme value for the theme field in the ./settings.json file of the zipped project.

  For more information, see wiz archive options eWizard CLI commands.

Ignore files and directories in wiz archive

Now, you can exclude the specified files, file formats, or directories from the zipped project when you run the wiz archive command. For this, add the ignore field configuration to the ./.ewizard/settings.json file.

For more information, see wiz archive options eWizard CLI commands.

Improvements

The as-image tag with HTML attributes

You can now use HTML style attributes in the as-image tag of your email markup. For example, alt, src, style. The as-image tag allows displaying the blocks and components in your email as images in the resulting build.

For more information, see Show blocks and components as images.

Configure writing the framework and builder versions

Now, you can configure whether to write the framework and builder versions in the resulting email HTML markup when you export the email for a target system. To omit writing the versions, add the writeFrameworkVersion field with the false value to the ./settings.json file in your email project. The feature reduces the HTML email size. You still get the banner.txt in the exported email project for your reference.

For more information, see Build version.

Custom formatter for localization

Added a custom formatter for vue-18n to the eWizard.js email builder. Now, when you localize your emails, the eWizard.js email builder generates a valid HTML code and the build is successful. This improvement is also available for other item types: e-Detailers, etc.

Fixes

• Fixed merge tags in emails for the IQVIA target system. Now, the email builder adds classes, so your merge tags are displayed correctly in the resulting email HTML file.

• Fixed the issue with e-Detailers not resized to the full screen on iOS mobile devices after publishing to Veeva Vault. Now, the builder adds the viewport browser setting to the resulting HTML: <meta name="viewport" content="height=768, user-scalable=no">. This setting resizes the slide to the actual screen resolution to display the slides in the full-screen mode without any white stripes. In the e-Detailers built with the older versions of eWizard.js, add the fix to the <head> section of the resulting index.html file of your e-Detailer.

  <!DOCTYPE html>
  <html>
  <head>
      <meta name="viewport" content="height=768, user-scalable=no">
  </head>
  <body ewizardjs-content>
  </body>
  </html>