Export plugin

templates/ui/tweaker/Tweaker.d.ts

@@ -121,34 +121,6 @@ declare namespace Tweaker {
         }
     }
 
-    interface IInputHandlerConfig {
-        name?: string,
-
-        baseClass?: BaseSizer,
-
-        accept: (
-            config: IAddInputConfig,
-            value: unknown
-        ) => boolean,
-
-        build: (
-            gameObject: BaseSizer,
-            style: IInputRowStyle
-        ) => void,
-
-        setup?: (
-            gameObject: BaseSizer,
-            config: IAddInputConfig,
-            setDefaults: boolean,
-        ) => void,
-
-        displayValue?: (
-            gameObject: BaseSizer,
-            value: unknown
-        ) => void,
-
-    }
-
     interface IAddInputConfig {
         bindingTarget?: Object,
         bindingKey?: string,
@@ -223,6 +195,38 @@ declare namespace Tweaker {
 
         key?: string,
     }
+
+    interface IAcceptConfig extends IAddInputConfig {
+        value: unknown
+    }
+
+    interface IInputHandlerConfig {
+        name?: string,
+
+        baseClass?: BaseSizer,
+
+        accept: (
+            config: IAcceptConfig,
+        ) => boolean,
+
+        build: (
+            gameObject: BaseSizer,
+            style: IInputRowStyle
+        ) => void,
+
+        setup?: (
+            gameObject: BaseSizer,
+            config: IAddInputConfig,
+            setDefaults: boolean,
+        ) => void,
+
+        displayValue?: (
+            gameObject: BaseSizer,
+            value: unknown
+        ) => void,
+
+    }
+
 }
 
 declare class Tweaker extends Sizer {

templates/ui/tweaker/builders/CreateInputField.js

@@ -1,17 +1,11 @@
 import GenerateInputFieldClass from '../gameobjects/inputfield/GenerateInputFieldClass.js';
 
 var CreateInputField = function (scene, config, style) {
-    var value = undefined;
-    var bindingTarget = config.bindingTarget;
-    if (bindingTarget && (typeof (bindingTarget) === 'object')) {
-        value = bindingTarget[config.bindingKey];
-    }
-
     var inputField;
     var inputHandlers = this.inputHandlers;
     for (var i = 0, cnt = inputHandlers.length; i < cnt; i++) {
         var handler = inputHandlers[i];
-        if (handler.accept(config, value)) {
+        if (handler.accept(config)) {
             var InputFieldClass = GenerateInputFieldClass(handler.baseClass);
             inputField = new InputFieldClass(scene);
             scene.add.existing(inputField);

templates/ui/tweaker/inputhandlers/ButtonsInputHandler.js

@@ -26,15 +26,15 @@ var SetOptions = function (gameObject, options) {
 export default {
     name: 'ButtonsInput',
 
-    accept(config, value) {
+    accept(config) {
         if (config.hasOwnProperty('view')) {
             return (config.view === 'buttons')
         }
 
         return false;
     },
 
-    // Callback inside `constructor()`
+    // Callback after `constructor()`
     build(gameObject, style) {
         var scene = gameObject.scene;
 

templates/ui/tweaker/inputhandlers/CheckboxInputHandler.js

@@ -3,15 +3,15 @@ import CreateCheckbox from './utils/CreateCheckbox.js';
 export default {
     name: 'CheckboxInput',
 
-    accept(config, value) {
+    accept(config) {
         if (config.hasOwnProperty('view')) {
             return (config.view === 'boolean')
         }
 
-        return typeof (value) === 'boolean';
+        return typeof (config.value) === 'boolean';
     },
 
-    // Callback inside `constructor()`
+    // Callback after `constructor()`
     build(gameObject, style) {
         var scene = gameObject.scene;
 

templates/ui/tweaker/inputhandlers/ColorInputHandler.js

@@ -3,14 +3,14 @@ import CreateColorInput from './utils/CreateColorInput.js';
 export default {
     name: 'ColorInput',
 
-    accept(config, value) {
+    accept(config) {
         if (config.hasOwnProperty('view')) {
             return (config.view === 'color')
         }
         return false;
     },
 
-    // Callback inside `constructor()`
+    // Callback after `constructor()`
     build(gameObject, style) {
         var scene = gameObject.scene;
 

templates/ui/tweaker/inputhandlers/ListInputHandler.js

@@ -9,15 +9,15 @@ var SetOptions = function (gameObject, options) {
 export default {
     name: 'ListInput',
 
-    accept(config, value) {
+    accept(config) {
         if (config.hasOwnProperty('view')) {
             return (config.view === 'list')
         }
 
         return (config.hasOwnProperty('options'));
     },
 
-    // Callback inside `constructor()`
+    // Callback after `constructor()`
     build(gameObject, style) {
         var scene = gameObject.scene;
 

templates/ui/tweaker/inputhandlers/NumberInputHandler.js

@@ -11,15 +11,15 @@ var SetInputTextReadOnly = function (gameObject, enable) {
 export default {
     name: 'NumberInput',
 
-    accept(config, value) {
+    accept(config) {
         if (config.hasOwnProperty('view')) {
             return (config.view === 'number')
         }
 
-        return typeof (value) === 'number';
+        return typeof (config.value) === 'number';
     },
 
-    // Callback inside `constructor()`
+    // Callback after `constructor()`
     build(gameObject, style) {
         var scene = gameObject.scene;
 

templates/ui/tweaker/inputhandlers/RangeInputHandler.js

@@ -26,18 +26,18 @@ var SetInputTextReadOnly = function (gameObject, enable) {
 export default {
     name: 'RangeInput',
 
-    accept(config, value) {
+    accept(config) {
         if (config.hasOwnProperty('view')) {
             return (config.view === 'range')
         }
 
-        return (typeof (value) === 'number') &&
+        return (typeof (config.value) === 'number') &&
             config.hasOwnProperty('min') &&
             config.hasOwnProperty('max');
 
     },
 
-    // Callback inside `constructor()`
+    // Callback after `constructor()`
     build(gameObject, style) {
         var scene = gameObject.scene;
 

templates/ui/tweaker/inputhandlers/TextAreaInputHandler.js

@@ -12,15 +12,15 @@ var SetInputTextReadOnly = function (gameObject, enable) {
 export default {
     name: 'TextAreaInput',
 
-    accept(config, value) {
+    accept(config) {
         if (config.hasOwnProperty('view')) {
             return (config.view === 'textarea')
         }
 
         return false;
     },
 
-    // Callback inside `constructor()`
+    // Callback after `constructor()`
     build(gameObject, style) {
         var scene = gameObject.scene;
 

templates/ui/tweaker/inputhandlers/TextInputHandler.js

@@ -12,15 +12,15 @@ var SetInputTextReadOnly = function (gameObject, enable) {
 export default {
     name: 'TextInput',
 
-    accept(config, value) {
+    accept(config) {
         if (config.hasOwnProperty('view')) {
             return (config.view === 'string')
         }
 
-        return typeof (value) === 'string';
+        return typeof (config.value) === 'string';
     },
 
-    // Callback inside `constructor()`
+    // Callback after `constructor()`
     build(gameObject, style) {
         var scene = gameObject.scene;
 

templates/ui/tweaker/inputhandlers/ToggleSwitchInputHandler.js

@@ -3,15 +3,15 @@ import CreateToggleSwitch from './utils/CreateToggleSwitch.js';
 export default {
     name: 'ToggleSwitchInput',
 
-    accept(config, value) {
+    accept(config) {
         if (config.hasOwnProperty('view')) {
             return (config.view === 'toggleSwitch')
         }
 
         return false;
     },
 
-    // Callback inside `constructor()`
+    // Callback after `constructor()`
     build(gameObject, style) {
         var scene = gameObject.scene;
 

templates/ui/tweaker/methods/AddInput.js

@@ -17,6 +17,12 @@ var AddInput = function (object, key, config) {
         config.title = key;
     }
 
+    if (config.bindingTarget && config.bindingKey) {
+        config.value = config.bindingTarget[config.bindingKey];
+    } else {
+        config.value = undefined;
+    }
+
     // Create InputRow
     var inputRowStyle = this.styles.inputRow || {};
     inputRowStyle.parentOrientation = this.styles.orientation;