☰

App Inventer2 block finder

An easy to find blocks at App Inventor2. It will find the block and highlight it. Search again will find next.

ของเมื่อวันที่ 02-04-2023 ดู เวอร์ชันล่าสุด

// ==UserScript==
// @name         App Inventer2 block finder
// @version      0.2
// @namespace    App Inventer2 block finder
// @description  An easy to find blocks at App Inventor2. It will find the block and highlight it. Search again will find next.
// @author       [email protected]
// @match        *://ai2.appinventor.mit.edu/*
// @match        *://code.appinventor.mit.edu/*
// @license      MIT

// ==/UserScript==

(function() {
    'use strict';

    setTimeout(()=>{
        var lastIndex  = -1;
        var blocks;
        let container = document.querySelectorAll(".ode-TextButton")[12].parentElement;

        let input = document.createElement("input");
        input.type = "text";
        input.size = "10";
        input.id = "myInput";
        input.placeholder = "key word here...";
        container.appendChild(input);

        let button = document.createElement("button");
        button.id = "mySearch";
        button.className = "ode-TextButton ode-TextButton-up";
        button.innerHTML = "Search";
        container.appendChild(button);
        button.addEventListener("click",()=>{
            if(input.value){
                findBlock(input.value);
            }

        });

        let clear = document.createElement("button");
        clear.id = "myClear";
        clear.className = "ode-TextButton ode-TextButton-up";
        clear.innerHTML = "Clear";
        container.appendChild(clear);
        clear.addEventListener("click",()=>{
            input.value = "";
            if(blocks && lastIndex > -1){
                blocks[lastIndex].setHighlighted(false);
                lastIndex = -1;
            }

        });



        function findBlock(keyword){
            blocks = Blockly.getMainWorkspace().getAllBlocks();
            for(var i = lastIndex+1; i<blocks.length; i++){
                blocks[i].setCollapsed(false);
                if(simpleString(blocks[i]).toLowerCase().includes(keyword.toLowerCase())){

                    Blockly.getMainWorkspace().centerOnBlock(blocks[i].id);
                    blocks[i].select();
                    blocks[i].setHighlighted(true)
                    if(lastIndex > -1){
                        blocks[lastIndex].setHighlighted(false);
                    }

                    lastIndex = i;
                    return;
                }
            }
            if(lastIndex > -1){
                blocks[lastIndex].setHighlighted(false);
                lastIndex = -1;
            }


        }

        function simpleString(block) {
            var text = '';
            for (var i = 0, input; (input = block.inputList[i]); i++) {
                if (input.name == Blockly.BlockSvg.COLLAPSED_INPUT_NAME) {
                    continue;
                }
                for (var j = 0, field; (field = input.fieldRow[j]); j++) {
                    text += field.getText() + ' ';
                }
            }
            text = goog.string.trim(text) || '???';
            return text;
        };

    },10000);


})();