Power Automate - Show Complete Expressions

Extends the Power Automate editor so that full expressions are displayed instead of including ...

θα χρειαστεί να εγκαταστήσετε μια επέκταση όπως το Tampermonkey, το Greasemonkey ή το Violentmonkey για να εγκαταστήσετε αυτόν τον κώδικα.

θα χρειαστεί να εγκαταστήσετε μια επέκταση όπως το Tampermonkey ή το Violentmonkey για να εγκαταστήσετε αυτόν τον κώδικα.

θα χρειαστεί να εγκαταστήσετε μια επέκταση όπως το Tampermonkey ή το Violentmonkey για να εγκαταστήσετε αυτόν τον κώδικα.

θα χρειαστεί να εγκαταστήσετε μια επέκταση όπως το Tampermonkey ή το Userscripts για να εγκαταστήσετε αυτόν τον κώδικα.

You will need to install an extension such as Tampermonkey to install this script.

Θα χρειαστεί να εγκαταστήσετε μια επέκταση διαχείρισης κώδικα χρήστη για να εγκαταστήσετε αυτόν τον κώδικα.

(Έχω ήδη έναν διαχειριστή κώδικα χρήστη, επιτρέψτε μου να τον εγκαταστήσω!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(Έχω ήδη έναν διαχειριστή στυλ χρήστη, επιτρέψτε μου να τον εγκαταστήσω!)

// ==UserScript==
// @name         Power Automate - Show Complete Expressions
// @namespace    http://www.rnwood.co.uk/
// @version      0.2
// @description  Extends the Power Automate editor so that full expressions are displayed instead of including ...
// @author       [email protected]
// @match        https://make.powerautomate.com/environments/*/flows/*
// @match        https://make.powerautomate.com/environments/*/solutions/*/flows/*
// @match        https://make.powerautomate.com/*/widgets/manage/environments/*/flows/*
// @match        https://make.powerautomate.com/*/widgets/manage/environments/*/solutions/*/flows/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=powerautomate.com
// @license      MIT
// @grant GM_addStyle
// ==/UserScript==

(function() {
    'use strict';

    const EXPRESSIONSELECTOR = `span.msla-editor-input-token-wrapper span.msla-editor-input-token span span[data-text="true"]`;

    GM_addStyle ( EXPRESSIONSELECTOR + ` {
              max-width: none !important;
              font-family: monospace !important;
              white-space: normal !important;
              overflow-wrap: anywhere !important;
          }
    `);

    function processElement(elem) {
        debugger;
        elem.innerText = elem.parentNode.parentNode.title;
        new MutationObserver((mutationRecords) => {
            elem.innerText = elem.parentNode.parentNode.title;
        }).observe(elem.parentNode.parentNode, {attributes: true, attributeFilter:['title'] });

        elem.parentNode.parentNode.style.display = "inline-block;";
        elem.parentNode.parentNode.style.height = "fit-content";
        elem.parentNode.style.height = "fit-content";
    }

    const observer = new MutationObserver((mutationRecords) => {
        for(const mutationRecord of mutationRecords) {
            for(const addedNode of mutationRecord.addedNodes) {
                if (addedNode.nodeType == Node.ELEMENT_NODE) {
                    if (addedNode.matches(EXPRESSIONSELECTOR)) {
                        processElement(addedNode);
                    }
                    for(var elem of addedNode.querySelectorAll(EXPRESSIONSELECTOR)) {
                        processElement(elem);
                    }
                }
            }
        }
    });

    observer.observe(document, { childList: true, subtree: true });

    for(const elem of document.querySelectorAll(EXPRESSIONSELECTOR)) {
        processElement(elem);
    }
})();