@burakukula burakukula released this Oct 24, 2018 · 4 commits to master since this release

Assets 3

Fixes

  • Fix compatibility with Sketch version 52
  • Fixed rendering of elements with fixed position by @KimDal-hyeong
  • Update licence year to 2018 by @shnibl

@kdzwinel kdzwinel released this Jul 26, 2018 · 9 commits to master since this release

Assets 3

Breaking

Default blur of inner shadow was changed from 1px to 0 - #119 . If you were depending on the default value be sure to update all .addInnerShadow({…}) calls to .addInnerShadow({…, blur: 1}).

Improvements

  • new logo by Patrycja Rozmus ❤️
html-sketchapp
  • support for background-size - #17

before:

after:

  • plugin is again part of the npm package - #121
  • plugin now has an icon
  • calling .getSymbolInstance no longer requires you to provide width and height and defaults to the MasterSymbol size
  • add --file flag to e2e test, so that it's easier to run single tests

Fixes

  • plugin: if SVG layer or Text layer import fails it doesn't break the whole import (broken layers are skipped instead)

@kdzwinel kdzwinel released this Jun 25, 2018 · 21 commits to master since this release

Assets 3

Fixes

  • Remove unwanted blur from one-side borders introduced in 3.3.0

Improvements

  • Add e2e test for one-side borders

@kdzwinel kdzwinel released this Jun 22, 2018 · 26 commits to master since this release

Assets 3

Improvements

  • basic background-position support by @mxmul (#109) (this means support for image sprites 🎉)

before:
amazon-before

after:
amazon-after

  • shadow DOM support for nodeTreeToSketchGroup by @calebdwilliams (#103) - (this means support for web components 🎉)
  • support for multiple shadows by @KimDal-hyeong (#110) - (this means you can go crazy with shadows 🎉)

API Improvements

public setHasClippingMask(hasClippingMask: boolean): void;
  • ability to set position of the ShapeGroup by @mxmul
public setPosition(position: Position): void;
  • new type of object - Bitmap by @mxmul
export default class Bitmap extends Base {
  constructor(props: BitmapProps);
}

Fixes

  • removed unnecessary wrappers around SVG by @burakukula

before:

after:

screen shot 2018-06-22 at 13 40 36

Jun 22, 2018
Bump version, don't build library twice in "prepare" task

@kdzwinel kdzwinel released this Jun 3, 2018 · 42 commits to master since this release

Assets 3

Fixes

  • support for Sketch 50 - fix text color issue ( #97 ) and shared text styles issue
  • scale SVG instead of resizing it (correctly calculates border radius)

before-after

  • fix issue where text inside of symbols was not editable sometimes
  • fix shadow obj spread miscalculation by @yakunins 👏
  • fix support for data: images by @simon360 👏
  • fix ability to set constraints on text layers by @burakukula 👏

Improvements

  • ID setter for SymbolMaster (public setId(id: string);)
  • ability to add additional custom data to every symbol, layer, etc.
public setUserInfo(key: string, value: any, scope?: string): void;
public getUserInfo(key: string, scope?: string): any;

this info can then be pulled by other Sketch plugin and used e.g. to prepare more useful handoff for developers (e.g. including names/code of symbols used by designer).

  • allow to explicitly set size of Symbol instead of always automatically calculating it based on its children
new SymbolMaster({x: 10, y: 10, width: 100, height: 200}); //symbol size explicitly set
new SymbolMaster({x: 10, y: 10}); //symbol size will be automatically calculated based on its children sizes

@kdzwinel kdzwinel released this Apr 26, 2018 · 47 commits to master since this release

Assets 3

New

layer.setResizingConstraint(RESIZING_CONSTRAINTS.LEFT, RESIZING_CONSTRAINTS.TOP);

screen shot 2018-04-26 at 13 44 44

Fix

@kdzwinel kdzwinel released this Apr 23, 2018 · 53 commits to master since this release

Assets 3
  • Artboard no longer fails if options object is not provided
  • Plugin now better supports nested structures (e.g. created by nodeTreeToSketchPage) - import doesn't fail if one of the layers fail.
  • zoomToFit no longer fails if there is nothing to zoom to

@kdzwinel kdzwinel released this Apr 23, 2018 · 56 commits to master since this release

Assets 2

Somehow npm package was published w/o package.json and README.md. I have no idea how this is even possible 😵

@kdzwinel kdzwinel released this Apr 23, 2018 · 58 commits to master since this release

Assets 3

This release is 90% handmade by @TheReincarnator 👏Thank you!

Breaking

If you were importing models (e.g. Page, Document, Text, SymbolMaster etc.) like so:

import Document from '@brainly/html-sketchapp/html2asketch/document';
import SymbolMaster from '@brainly/html-sketchapp/html2asketch/symbolMaster';

please update to:

import {Document, SymbolMaster} from '@brainly/html-sketchapp';

That's it

New

  • two new top level methods 🔥
    • nodeTreeToSketchGroup - that walks given DOM subtree recursively and creates a tree of Sketch groups and layers
    • nodeTreeToSketchPage - that wraps nodeTreeToSketchGroup and crates a page with an (optional) Artboard where all groups and layers are placed

screen shot 2018-04-19 at 23 12 42

  • Artboard object
  • index.js file that lets you import html-sketchapp in a convenient way
import {Document, Page, Text, nodeToSketchLayers} from '@brainly/html-sketchapp';
  • TypeScript files with type definitions
  • skipSystemFonts option

some websites or component libraries use font-family lists starting with OS-specific fonts, if the option 'skipSystemFonts' is enabled, we skip those fonts to choose a font Sketch is capable of.

  • getRectangleName option that gives you full control over layer names

Improved

  • Fixed bug in the Page object where width and height were mixed up
  • ES5 transpilation for better compat
  • Electron compat improvements (BCR)