Closed cocopon closed 1 year ago
<script type="module">
to use the packageaddBinding()
to add input bindings (former addInput()
)addBinding()
with {readonly: true}
to add monitor bindings (formerใaddMonitor()
)change
event for handling monitor updates instead of update
importState()
and exportState()
instead of importPreset()
and exportPreset()
lineCount
-> rows
TpChangeEvent.target.key
instead of TpChangeEvent.key
ListApi
-> ListBindingApi
SliderApi
-> SliderBladeApi
TextApi
-> TextBladeApi
SliderApi.maxValue
-> SliderBladeApi.max
SliderApi.minValue
-> SliderBladeApi.min
min
and max
of the slider, options
of the list, etc. without any workarounds. refresh()
and can be refreshed individually. (#510)Diff of Essentials plugin (TODO) can be useful to know how to migrate your plugin to v4.
core
field to all types of plugins for checking compatibility. Use createPlugin()
to add the core version.id
field to plugin bundle.css
field from plugin to plugin bundle.@import '../../node_modules/@tweakpane/core/lib/sass/plugin';
-> @use '../../node_modules/@tweakpane/core/lib/sass/tp';
tp
to mixins, functions, and variables
.#{$prefix}-some
-> .#{tp.$prefix}-some
@extend %input
-> @extend %tp-input
InputBindingPlugin.api()
MonitorBindingPlugin.api()
var(--in-bg)
-> tp.cssVar('input-bg')
&.#{$prefix}-v-disabled
-> &#{tp.$disabled}
rollup.config.js
.js
postfix to all import statementsid
to TpPluginBundle
TpPlugin.css
to TpPluginBundle.css
rollup.config.js
entries[0].replacement
for @rollup/plugin-alias
to ./node_modules/@tweakpane/core/dist/index.js
LabeledValueController
-> LabeledValueBladeController
parseParams
-> parseRecord
ParamsParser
-> MicroParser
LabelController
drops blade
field
LabelController
Just released 4.0.0-alpha.0. Checking plugins' compatibility...
I know this is closed, but in case it's helpful to anyone else I've ported a bunch of community plugins to Tweakpane 4.
I have PRs open on all of the original repos, but if anyone needs a Tweakpane 4 compatible plugin right away, the forks are on NPM:
@kitschpatrol/tweakpane-image-plugin ~@kitschpatrol/tweakpane-plugin-profiler~ PR merged ๐ ~@kitschpatrol/tweakpane-plugin-rotation~ PR merged ๐ @kitschpatrol/tweakpane-plugin-thumbnail-list ~@kitschpatrol/tweakpane-plugin-waveform~ PR merged ๐ @kitschpatrol/tweakpane-textarea-plugin
WIP https://github.com/cocopon/tweakpane/tree/v4
TODO:
listTpEvent.key
withTpEvent.target.key
@deprecated
functions