blockly-fluid 1.3.30 → 1.4.0

package/fields/FieldMultilineInput.js

@@ -1,4 +1,4 @@
-module.exports = (Blockly) => {
+module.exports = (Blockly) => (
   class FieldMultilineInput extends Blockly.Field {
     constructor(text) {
       super(text);
@@ -30,7 +30,5 @@ module.exports = (Blockly) => {
 
       Blockly.DropDownDiv.showPositionedByField(this, this.sourceBlock_);
     };
-  };
-
-  Blockly.fieldRegistry.register("field_multiline_input", FieldMultilineInput);
-};
+  }
+);

package/fields/FieldSearchDropdown.js

@@ -0,0 +1,34 @@
+MediaSourceHandle.exports = (Blockly) => (
+  class FieldSearchDropdown extends Blockly.FieldDropdown {
+    constructor(options, validator) {
+      super(options, validator);
+    };
+
+    showEditor_() {
+      super.showEditor_();
+
+      const menu = Blockly.DropDownDiv.getContentDiv();
+
+      const search = document.createElement("input");
+      search.style.width = "100%";
+      search.style.boxSizing = "border-box";
+      search.style.marginBottom = "6px";
+
+      menu.prepend(search);
+
+      const items = Array.from(menu.querySelectorAll(".blocklyMenuItem"));
+
+      search.addEventListener("input", () => {
+        const value = search.value.toLowerCase();
+
+        items.forEach((item) => {
+          const text = item.textContent.toLowerCase();
+
+          item.style.display = text.includes(value) ? "" : "none";
+        });
+      });
+
+      search.focus();
+    };
+  }
+);

package/index.js

@@ -63,6 +63,7 @@ module.exports = (Blockly, { generator: languageGeneratorFallback, generators: l
                 };
 
                 if (input.options) {
+                  if (typeof input.search === "function") (input.search = input.search());
                   if (typeof input.default === "function") (input.default = input.default());
                   if (typeof input.options === "function") (input.options = input.options());
 
@@ -74,6 +75,7 @@ module.exports = (Blockly, { generator: languageGeneratorFallback, generators: l
                       fields: {
                         DROPDOWN: {
                           type: "dropdown",
+                          search: input.search,
                           default: input.default,
                           options: input.options
                         }
@@ -153,9 +155,10 @@ module.exports = (Blockly, { generator: languageGeneratorFallback, generators: l
 
                     break;
                   case "dropdown":
+                    if (typeof field.search === "function") (field.search = field.search());
                     if (typeof field.options === "function") (field.options = field.options());
 
-                    dummy.appendField(new Blockly.FieldDropdown(...[
+                    dummy.appendField(new ((field.search) ? require("./fields/FieldSearchDropdown.js")(Blockly) : Blockly.FieldDropdown)(...[
                       ((Array.isArray(field.options)) ? field.options.map((option) => [option, option]) : Object.entries(field.options)).map(([name, text]) => (
                         ((name.toLowerCase().startsWith("separator")) && [true, name].includes(text))
                           ? "separator"
@@ -167,7 +170,7 @@ module.exports = (Blockly, { generator: languageGeneratorFallback, generators: l
                       ...(field.validator) ? [field.validator] : []
                     ]), token);
 
-                    if (field.default) this.setFieldValue((typeof field.default === "function") ? field.default() : field.default, token);
+                    if (field.default) this.setFieldValue(((typeof field.default === "function") ? field.default() : field.default).toString(), token);
 
                     break;
                   case "variable":

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "blockly-fluid",
-  "version": "1.3.30",
+  "version": "1.4.0",
   "description": "A flexible proxy wrapper for Blockly blocks.",
   "main": "index.js",
   "scripts": {