Skip to content

Releases: cocopon/tweakpane

3.0.7

15 Dec 04:08
Compare
Choose a tag to compare
  • Fixed unsafe-eval issue (#361)
  • Fine-tuned appearance

3.0.6

20 Nov 11:18
Compare
Choose a tag to compare
  • Improved binding types (#348)
  • Added passive flag to touch event handlers (#357)

3.0.5

07 Aug 01:01
Compare
Choose a tag to compare
  • Fixed last flag for keyboard input (#337)

3.0.4

21 Jul 13:03
Compare
Choose a tag to compare
  • Fixed a bug of unfired touch event (#334)
  • Added support for prefix 0x (#297)

3.0.3

13 Jul 12:48
Compare
Choose a tag to compare
  • Added format option to number monitor (#327)
  • Added last flag to change event (#227)

3.0.2

02 Jun 04:06
Compare
Choose a tag to compare
  • Fixed initial style of shrinked folder (#322)
  • Fixed unexpected clipping with inline picker (#325)

3.0.1

22 May 02:49
Compare
Choose a tag to compare
  • Improved performance of hidden elements (#315)
  • Fixed touch event handling on Windows tablet (#317)

3.0.0

16 May 19:33
Compare
Choose a tag to compare

Summary

  • Implemented addBlade() 🗡️ : providing a component without binding
  • Brand-new plugin system: better type annotation, added support for blades
  • Split core module: now semantic versioning also works properly for plugin developers
  • Improved consistency of parameters format (see Breaking changes section)
  • Many other minor improvements / bug fixes

Breaking changes

Named exports

Tweakpane now uses named exports:

// Browser:
// v2
const pane = new Tweakpane();

// v3
const pane = new Tweakpane.Pane();
// import:
// v2
import Tweakpane from 'tweakpane';
const pane = new Tweakpane();

// v3
import {Pane} from 'tweakpane';
const pane = new Pane();

Type definitions

Additional package @tweakpane/core is required for development in TypeScript.

Input options

Color view for number input:

// v2
pane.addInput(params, 'foobar', {input: 'color.rgba'});

// v3
pane.addInput(params, 'foobar', {view: 'color', alpha: true});

Plain text view for color-like string input:

// v2
pane.addInput(params, 'foobar', {input: 'string'});

// v3
pane.addInput(params, 'foobar', {view: 'text'});

Plugin registration

Register plugin to the pane instance explicitly:

// v2
import 'tweakpane-plugin-foobar';

// v3
import * as FoobarPlugin from 'tweakpane-plugin-foobar';
const pane = new Pane();
pane.registerPlugin(FoobarPlugin);

Theming

  • --tp-folder-background-color -> --tp-container-background-color
  • --tp-folder-background-color-* -> --tp-container-background-color-*
  • --tp-folder-foreground-color -> --tp-container-foreground-color
  • --tp-separator-color -> --tp-groove-foreground-color

Misc

  • Tweakpane.version -> VERSION

2.4.3

29 Apr 00:33
Compare
Choose a tag to compare
  • Added support for disabled and hidden to input/monitor bindings
  • Some minor bug fixes

2.4.2

26 Apr 19:14
Compare
Choose a tag to compare