What is for ? Copy form data (JSON/POST)

Hi @brookhong,

First of all, thx you very much for this awesome extension !

Not a issue here, but I just curious how can I and for what using the copy form data yp , yf functionalities ? How can I use the JSON copied in clipboard ? I’m sure it’s very useful so I ask the question ! 😃

Best regards. Mike

[brookhong]

Yes, here is the commit https://github.com/brookhong/Surfingkeys/commit/32a6b1208a0352464fd0517002f597364b541997

[brookhong]

Maybe caused by the selector in element.querySelectorAll('input[type=text]'), I tried on https://addons.mozilla.org/en-US/firefox/users/edit with below snippet, it works.

function generateFormKey(form) {
    return (form.method || "get") + "::" + new URL(form.action).pathname;
}
mapkey('yf', '#7Copy form data in JSON on current page', function() {
    var fd = {};
    document.querySelectorAll('form').forEach(function(form) {
        fd[generateFormKey(form)] = getFormData(form, "json");
    });
    Clipboard.write(JSON.stringify(fd, null, 4));
});
mapkey(';pf', '#7Fill form with data from yf', function() {
    Hints.create('form', function(element, event) {
        var formKey = generateFormKey(element);
        Clipboard.read(function(response) {
            var forms = JSON.parse(response.data.trim());
            if (forms.hasOwnProperty(formKey)) {
                var fd = forms[formKey];
                element.querySelectorAll('input').forEach(function(ip) {
                    if (fd.hasOwnProperty(ip.name) && typeof(fd[ip.name]) !== "object") {
                        ip.value = fd[ip.name];
                    }
                });
            } else {
                Front.showBanner("No form data found for your selection from clipboard.");
            }
        });
    });
});