Ray/form-copypasta-crx
Ray/form-copypasta-crx
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

release/0.1.0.035 #1

Merged
Ray merged 3 commits from release/0.1.0.035 into master 2024-02-04 17:12:39 +00:00
Conversation 0 Commits 3 Files Changed 3 +209 -96
3 changed files with 209 additions and 96 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

67
background.js
View File

@ -1,15 +1,37 @@
chrome.runtime.onInstalled.addListener(function() {
chrome.contextMenus.create({ "id": "copy_form", "title": "Copy Form", "contexts": ["editable"] });
chrome.contextMenus.create({ "id": "paste_form", "title": "Paste Form", "contexts": ["editable"], enabled: false });
chrome.contextMenus.create({ "id": "copy-form", "title": "Copy Form", "contexts": ["editable"] });
chrome.contextMenus.create({ "id": "paste-form", "title": "Paste Form", "contexts": ["editable"], enabled: false });
chrome.contextMenus.create({ "id": "paste-form2", "title": "Paste Form (with Hidden)", "contexts": ["editable"], enabled: false });
});
chrome.contextMenus.onClicked.addListener(function(msg, tab) {
switch (msg.menuItemId) {
case "copy_form":
case "copy-form":
copyFormContextMenu(tab);
break;
case "paste_form":
pastFormContextMenu(tab);
case "paste-form":
pasteFormContextMenu(tab, false);
break;
case "paste-form2":
pasteFormContextMenu(tab, true);
break;
default: break;
}
});
chrome.commands.onCommand.addListener(function (command) {
switch (command) {
case 'copy-form':
chrome.tabs.query({ currentWindow: true, active: true }, function (tabs) {
copyFormContextMenu(tabs[0]);
});
break;
case 'paste-form':
chrome.tabs.query({ currentWindow: true, active: true }, function (tabs) {
pasteFormContextMenu(tabs[0], false);
});
break;
default: break;
}
@ -20,23 +42,26 @@ chrome.contextMenus.onClicked.addListener(function(msg, tab) {
function copyFormContextMenu(tab) {
chrome.tabs.sendMessage(tab.id, { action: "copy" }, function(response) {
if (response) {
chrome.storage.local.set({ 'clipboard': JSON.stringify(response) },function() {
chrome.contextMenus.update("paste_form", { enabled: true });
});
} else {
// Reload required
}
});
}
function pastFormContextMenu(tab) {
chrome.storage.local.get('clipboard', function(response) {
try {
let msgData = JSON.parse(response.clipboard);
msgData.action = "paste";
chrome.tabs.sendMessage(tab.id, msgData);
chrome.storage.local.set({ 'clipboard': JSON.stringify(response) },function() {
chrome.contextMenus.update("paste-form", { enabled: true });
chrome.contextMenus.update("paste-form2", { enabled: true });
});
} catch (err) {
// Do nothing
}
});
}
function pasteFormContextMenu(tab, includeHiddenEl) {
chrome.storage.local.get('clipboard', function(response) {
try {
const payload = {
action: (includeHiddenEl === true ? "paste2" : "paste"),
formData: JSON.parse(response.clipboard)
};
chrome.tabs.sendMessage(tab.id, payload);
} catch (err) {
// Do nothing
}

208
content.js
View File

@ -1,75 +1,97 @@
chrome.runtime.onMessage.addListener(function(request, sender, sendResponse) {
const parentForm = getParentFormNode(document.activeElement);
if (parentForm == null) {
console.log("Form not found");
return;
}
switch (request.action) {
chrome.runtime.onMessage.addListener(function(message, sender, sendResponse) {
switch (message.action) {
case "copy":
const result = buildFormValueSet(parentForm, "input", "select", "textarea");
console.log(result);
const result = copyFormElementValues(document.activeElement);
sendResponse(result);
break;
case "paste":
delete request.pasteForm;
// console.log(request);
for (let key in request) {
if (String.isNullOrWhitespace(key)) {
continue;
}
const dataType = checkDataType(request[key]);
if (dataType == "object") {
continue;
}
const foundElements = parentForm.querySelectorAll("[name='" + key + "']");
if (foundElements.length <= 0) {
continue;
}
if (dataType == "array") {
setFormElementValues(foundElements, request[key]);
} else {
for (let x=0; x<foundElements.length; x++) {
setFormElementValue(foundElements[x], request[key]);
}
}
}
pasteFormElementValues(document.activeElement, message.formData, false);
break;
case "paste2":
pasteFormElementValues(document.activeElement, message.formData, true);
break;
default: break;
}
});
/**
* Check the data type of the value (string, number, array, object).
*/
function checkDataType(value) {
if (String.isNullOrUndefined(value)) {
return "null";
function copyFormElementValues(el) {
const container = getContainer(el);
if (container == null) {
writeLog("Form container not found");
return null;
}
if (typeof(value) == "object") {
if (Array.isArray(value)) {
return "array";
const result = getFormElementValueSet(container, "input", "select", "textarea");
console.log(result);
return result;
}
function pasteFormElementValues(el, formData, includeHidden) {
if (String.isNullOrUndefined(formData)) {
return;
}
let container = getContainer(el);
if (container == null) {
writeLog("Form container not found");
return;
}
for (let key in formData) {
if (String.isNullOrWhitespace(key)) {
continue;
}
const dataType = Object.getDataType(formData[key]);
if (dataType == "object") {
continue;
}
const foundEls = container.querySelectorAll("[name='" + key + "']");
if (foundEls.length <= 0) {
continue;
}
if (dataType == "array") {
setFormElementValues(foundEls, formData[key], includeHidden);
} else {
return "object";
for (let x=0; x<foundEls.length; x++) {
setFormElementValue(foundEls[x], formData[key], includeHidden);
}
}
}
return typeof(value);
writeLog("Pasted");
}
/**
* Get node container.
*/
function getContainer(node) {
let result = node;
if (result.nodeName.toLocaleLowerCase() == "iframe") {
writeLog("iFrame found");
result = getIFrameFormNode(document.activeElement);
} else {
result = getParentFormNode(document.activeElement);
if (result == null) {
writeLog("No form found");
result = node.parentNode;
} else {
writeLog("Form found");
}
}
return ((typeof(result) == "undefined") ? null : result);
}
/**
@ -80,10 +102,7 @@ function getParentFormNode(node) {
// Special case, look inside iframe.
if (result.nodeName.toLocaleLowerCase() == "iframe") {
const foundForms = (result.contentDocument || result.contentWindow).getElementsByTagName("form");
if (foundForms.length > 0) {
return foundForms[0];
}
return null;
}
while (true) {
@ -103,9 +122,25 @@ function getParentFormNode(node) {
}
/**
* Push form element value to array.
* Get form node in iframe.
*/
function buildFormValueSet(form, ...tagNames){
function getIFrameFormNode(node) {
if (node.nodeName.toLocaleLowerCase() != "iframe") {
return null;
}
const foundEls = (node.contentDocument || node.contentWindow).getElementsByTagName("form");
if (foundEls.length <= 0) {
return null;
}
return foundEls[0];
}
/**
* Get form element values.
*/
function getFormElementValueSet(form, ...tagNames){
let result = { };
for (let x=0; x<tagNames.length; x++) {
@ -114,17 +149,20 @@ function buildFormValueSet(form, ...tagNames){
for (let i=0; i<els.length; i++) {
let newValue = null;
if (String.isNullOrWhitespace(els[i].name)) {
continue;
}
switch (els[i].type)
{
case "hidden":
// Do nothing
break;
case "checkbox":
newValue = els[i].checked;
break;
case "radio":
newValue = els[i].checked;
break;
// case "hidden":
// continue;
case "submit":
continue;
default:
newValue = els[i].value;
break;
@ -136,7 +174,7 @@ function buildFormValueSet(form, ...tagNames){
if (result[els[i].name]) {
// Convert single to array
if (checkDataType(result[els[i].name]) != "array") {
if (Object.getDataType(result[els[i].name]) != "array") {
result[els[i].name] = [result[els[i].name]];
}
@ -153,14 +191,20 @@ function buildFormValueSet(form, ...tagNames){
/**
* Set single form element value.
*/
function setFormElementValue(el, value) {
function setFormElementValue(el, value, includeHidden) {
switch (el.type) {
case "hidden":
if (includeHidden === true) {
el.value = value;
}
break;
case "checkbox":
case "radio":
el.checked = value;
break;
case "submit":
break;
default:
el.value = value;
break;
@ -170,12 +214,38 @@ function setFormElementValue(el, value) {
/**
* Set form element value from an array of values.
*/
function setFormElementValues(els, values) {
function setFormElementValues(els, values, includeHidden) {
for (let i=0; i<Math.min(els.length, values.length); i++) {
setFormElementValue(els[i], values[i]);
setFormElementValue(els[i], values[i], includeHidden);
}
}
/**
* Write log to console.
*/
function writeLog(message) {
console.log("Form Copypasta > " + message);
}
Object.getDataType = function(value) {
if (String.isNullOrUndefined(value)) {
return "null";
}
if (typeof(value) == "object") {
if (Array.isArray(value)) {
return "array";
} else {
return "object";
}
}
return typeof(value);
};
String.isNullOrUndefined = function(value) {
if (typeof (value) == "undefined") {
return true;

46
manifest.json
View File

@ -2,7 +2,20 @@
"manifest_version": 3,
"name": "Form Copypasta",
"description": "Copy and paste form element values. Not for distribution. Internal use only. Based on Copy Form (0.0.1.2) by Sam Larison.",
"version": "0.1.0.028",
"version": "0.1.0.075",
"icons": {
"16": "icon16.png",
"32": "icon32.png",
"48": "icon48.png",
"64": "icon64.png",
"128": "icon128.png"
},
"permissions": [
"activeTab",
"contextMenus",
"storage",
"tabs"
],
"content_scripts": [
{
"js": [
@ -19,17 +32,22 @@
"service_worker": "background.js",
"type": "module"
},
"icons": {
"16": "icon16.png",
"32": "icon32.png",
"48": "icon48.png",
"64": "icon64.png",
"128": "icon128.png"
},
"permissions": [
"activeTab",
"contextMenus",
"storage",
"tabs"
]
"commands": {
"copy-form": {
"suggested_key": {
"default": "Ctrl+Shift+2",
"windows": "Ctrl+Shift+2",
"mac": "Command+Shift+2"
},
"description": "Copy form"
},
"paste-form": {
"suggested_key": {
"default": "Ctrl+Shift+3",
"windows": "Ctrl+Shift+3",
"mac": "Command+Shift+3"
},
"description": "Paste form"
}
}
}