Skip to content
Back to all releases

v1.0.0 Changelog

August 18, 2021

Breaking Changes

  • UBQ: Migrate to flexbox-based layouting
    • designElements are now serialized with base_props_version 6
    • block_position is now a struct with four values:
    "block_position": {
        "version": 1,
        "left": {
            "version": 1,
            "unit": 1,
            "value": 18.0
        },
        "top": {
            "version": 1,
            "unit": 1,
            "value": 16.5
        },
        "right": {
            "version": 1,
            "unit": 0,
            "value": 0.0
        },
        "bottom": {
            "version": 1,
            "unit": 0,
            "value": 0.0
        }
    }
    • Each value is a LayoutValue, where unit encodes whether it is an undefined, design unit, percent or auto
    • The example is therefore positioned 18 design units from the left & 16.5 design units from the top, right and bottom are undefined and therefore ignored
    • block_dimensions is now block_size:
    "block_size": {
        "version": 1,
        "width": {
            "version": 1,
            "unit": 1,
            "value": 43.08553695678711
        },
        "height": {
            "version": 1,
            "unit": 1,
            "value": 64.61538696289063
        }
    }
    • Consists of two LayoutValues encoding this elements size in either absolute design units, percent values relative to its parent or auto for auto sizing
    • The third dimensions, z-index & depth have moved into their own attributes block_z_index & block_depth along with has_block_z_index & has_block_depth. They just consist of float values.
  • CESDK: Made the initialization process more robust when dealing with large scenes. CESDK::load is now an async endpoint returning a Promise<void> that fulfills when the scene was loaded.
  • CESDK: Remove styled-components dependency
  • CESDK: Changed location of *.wasm, *.data, *.js files as well as the fonts and extension packs
  • CESDK: Added default font configuration (set defaultFont: '//ly.img.cesdk.fonts/roboto_regular' for the previous default. This needs the font extension pack installed)
  • CESDK: If fontPath is not specified it defaults to assetPath + ‘fonts/’ instead of just ‘fonts/’
  • CESDK: Changed package name to @cesdk/cesdk-js
  • CESDK: Scale the text font proportionally when resizing a text element via its corner handles
  • CESDK: Create Text elements with auto height mode enabled
  • CESDK: Change ‘Editor’ role to ‘Adopter’
  • CESDK: Element scopes are now false by default. Adopters therefore won’t be able to interact with any element added by a ‘Creator’ user, unless the creator has manually enabled the corresponding scopes in the inspector.
  • CESDK: CESDK::save is now asynchronous.
  • CESDK/UBQ: CESDKScene is now part of UBQ, but old //ly.img.cesdk/scene IDs are mapped to //ly.img.ubq/scene block.
  • CESDK/UBQ: Changes scene format to //ly.img.ubq/scene, but still allows old format. Saving will create a scene file with the new format.
  • CESDK: Change token styling system and default themes
  • CESDK: Remove all old and unused CSS custom properties
  • CESDK: Add Text element option to hide lines outside of the frame
  • CESDK: Add Text layouting option for long word per-character line-break option
  • UBQ: Serializations are now base64 encoded
  • CESDK: Renamed effects and switched to only showing effects which were registered as an asset
  • CESDK: replace scene format selector
  • CESDK: Remove react as peer depedency for @cesdk/cesdk-js
  • CESDK: Changed public API surface
  • CESDK: draw fallback glyphs in text for codepoints that are not present in the font
  • CESDK: Removed the ly.img.cesdk.stickers.shapes extension pack
  • UBQ: Cleared default paths of CESDKVectorPath & VectorPath blocks
  • CESDK: Move Molle, Codystar & Lobster fonts into ly.img.cesdk.legacy-fonts pack

Non Breaking Changes

  • CESDK/UBQ: Do not show element handles while dragging
  • CESDK: Made the initialization process more robust when dealing with large scenes
  • UBQ: Fix positioning of circular progress bar
  • CESDK: Add LayerList feature simple implementation with sorting and layer hide
  • CESDK: Add auto-sized text elements
  • CESDK: Fix bleed margin popover selected option styling
  • UIKIT: Add ListBox component entirley based on existing Select component with only the list and options encapsulated
  • UBQ: Fix localized punctuation in number inputs
  • UBQ: Fix number input up/down stepping
  • UBQ: Fix movement of text input cursor
  • UBQ: Fix stop propagation of Popover scroll events
  • CESDK: Use regular cursor when move is not permitted on element
  • UIKIT: Use ListBox inside LayerList
  • CESDK: Don’t render text variable select if there are no placeholers
  • CESDK: Fix ghost image drag in elements library for emoticons
  • CESDK: Bump to react@17.02 and react-dom@17.0.2
  • CESDK: Move ‘Add Page’ button to the bottom of the canvas
  • CESDK: Support multiple file upload
  • UBQ: Add settings registry that allows registration per scheme & corresponding commands
  • CESDK: Fix active inspector library selection
  • CESDK: Added transform and text subinspectors
  • CESDK: Update Library style
  • CESDK: Move Effect- and Filter-Sliders into collapsible cards
  • CESDK: Group ‘Load’, ‘Save’, ‘Export’ and ‘Download’ buttons in navigation
  • CESDK: Add proper large ui mode
  • CESDK: Fix margins on Buttons in ButtonGroup / SegmentedGroup
  • CESDK: Add crop UI controls
  • UBQ: Add crop commands to control crop from UI
  • UBQ/CESDK: Add support for copy & paste of design elements
  • CESDK: Add value labels to image sub inspectors
  • CESDK: Add theme color CSS configurator to settings panel
  • CESDK: fix bug where moving page up/down required two clicks
  • CESDK: Fix Backend useScene hook not initializing properly
  • CESDK: Add Zoom levels dropdown
  • CESDK: Fix ListBox active selection state
  • CESDK: Add template presets
  • UBQ: Introduce various xyzEnabled props on designblocks to control properties without losing their state
  • CESDK: Add UI for xyzEnabled from sub inspector and a separate component
  • CESDK: Add data-ubq-theme and data-ubq-scale HTML attributes
  • CESDK: Add “Allow to select” scope to shape elments
  • CESDK: Fix for unhelpful error message when measureImage fails du to a large file size
  • CESDK: Fix number input not valid input to show last valid one
  • CESDK: init returns promise which resolved if the engine is ready
  • UBQ: Add TextShapeCacheService to substantially increase performance when there’s text in a scene
  • CESDK: Add page move up and down to history
  • CESDK: Move color change event emit to parent component
  • CESDK: Build target is now ES2017 (supports async functions and object spreads natively)
  • CESDK: Add new fonts & styles to ly.img.cesdk.fonts
  • CESDK: Add Outline to active Card item
  • CESDK: Add asset settings
  • CESDK: New default values for blur and shape outlines
  • CESDK: Remvoe listbox overlay scrollbar
  • CESDK: Add public typings to release folder
  • CESDK: Disable crop area transform when arrange is disabled from constraints
  • CESDK: Fix empty snapshot from crop sub inspector
  • CESDK: Fix and adjust canvas scroll bars styles
  • CESDK: Fix to allow transform handles on pages