Changelog

The first public release of @layermetry/media-editor, with the image editor and the video editor in one package.

The image editor in this release:

• Embeds as a React component, a custom element (<media-editor-image>), or with mountImageEditor.
• Edits text, pictures, shapes, stickers, and backgrounds, in designs of up to 10 pages.
• Fills a page background with a color, a gradient in any direction, an uploaded photo, or a blurred copy of a picture on the page, with Blur and Darken. A gradient, a photo, or a blurred copy keeps the chosen color as its fallback.
• Applies filters and adjustments to pictures and shapes, and outline, shadow, and gradient to text.
• Exports PNG, with or without a background, JPEG, and PDF at 300, 150, or 96 DPI. Cmd + Shift + E (Ctrl + Shift + E) opens the export panel.
• Loads and saves templates and drafts through your own storage. A save keeps the storage key that onUploadAsset returned for a picture, and does not upload the picture again. See Asset storage.
• Generates and edits pictures, text, and shapes with AI, through the Layermetry service or your own server. Two refusals, ai-credits-exhausted and meter-off, can carry a top-up address. See Error codes.
• Crops pictures, and keeps each crop in the saved design.
• Lists the whole Google Fonts catalog through googleFonts, without a key in the page. See Fonts.
• Shows photo credits on the page and in the export. See Stock media.
• Checks the license in the browser, on HTTPS and plain http:// pages alike, and keeps working for 30 days when the license server cannot be reached.

If you used a pre-release build, check these changes:

• The export DOM event of <media-editor-image> is sent once per export, and event.detail is the File. Code that read event.detail[0] must read event.detail.
• showThemeCreator is false by default. Pass true in your development build to see the Customization Studio button.
• Save & Exit and Share deliver the format chosen in the export panel. Several PNG or JPEG pages arrive as one ZIP file.
• A design saved with a brightness other than 100, or a contrast other than 1, looks different: the values now mean what the Effects page says.
• googleFontsApiKey is deprecated. Use googleFonts.
• A draft saved again keeps its template.id. Store drafts by id.
• The license state pending-online is no longer produced.
• The headings that describeAIError returns for the license codes, not-configured, and ai-quota-exceeded changed. They name no company and give no instruction meant for a developer. Compare code, not the heading.

Fixed since the pre-release builds:

• A label's pointer is drawn, as long and as wide as the design stores it, on the page and in the exported file.
• The box you type into over a label sits on the label, in every pointer direction.
• A rounded shape keeps its rounded corners after its transparency changes.