dvygolov · August 27, 2025 13:14 · dvygolov · Aug 27, 2025
diff --git a/clmnPresetsManager.js b/clmnPresetsManager.js
 class FileSelector {
  constructor(fileProcessor) {
    this.fileProcessor = fileProcessor;
  }

  createDiv() {
    this.div = document.createElement("div");
    this.div.style.position = "fixed";
    this.div.style.top = "50%";
    this.div.style.left = "50%";
    this.div.style.transform = "translate(-50%, -50%)";
    this.div.style.width = "200px"; // Updated width
    this.div.style.height = "120px";
    this.div.style.backgroundColor = "yellow";
    this.div.style.zIndex = "1000";
    this.div.style.display = "flex";
    this.div.style.flexDirection = "column"; // To align items vertically
    this.div.style.alignItems = "center";
    this.div.style.justifyContent = "center";
    this.div.style.padding = "10px"; // Added padding
    this.div.style.boxSizing = "border-box"; // To include padding in width/height
    this.div.style.borderRadius = "10px";

    // Create and style the title
    var title = document.createElement("div");
    title.innerHTML =
      "<br>FB Column Preset Manager v2.1<br>TEAM Edition<br>by Yellow Web<br><br>";
    title.style.textAlign = "center";
    title.style.fontWeight = "bold";

    // Create and style the close button
    var closeButton = document.createElement("button");
    closeButton.innerHTML = "X";
    closeButton.style.position = "absolute";
    closeButton.style.top = "5px";
    closeButton.style.right = "5px";
    closeButton.style.border = "none";
    closeButton.style.background = "none";
    closeButton.style.cursor = "pointer";
    closeButton.onclick = () => {
      document.body.removeChild(this.div);
    };

    this.div.appendChild(title);
    this.div.appendChild(closeButton);
  }

  createFileInput() {
    // Create the file input and handle file selection
    this.fileInput = document.createElement("input");
    this.fileInput.type = "file";
    this.fileInput.accept = ".json"; // Accept only JSON files
    this.fileInput.style.display = "none";
  }

  createButton() {
    // Create the button
    this.button = document.createElement("button");
    this.button.textContent = "Open Preset";
    this.button.onclick = () => {
      this.fileInput.click();
    };
  }

  show() {
    return new Promise((resolve, reject) => {
      this.createDiv();
      this.createFileInput();
      this.createButton();

      // Append elements to the div and the div to the body
      this.div.appendChild(this.button);
      this.div.appendChild(this.fileInput);
      document.body.appendChild(this.div);

      this.fileInput.onchange = async () => {
        // If no file is selected (user cancelled)
        if (!this.fileInput.files || this.fileInput.files.length === 0) {
          document.body.removeChild(this.div);
          alert("Operation canceled");
          reject("File selection cancelled by user");
          return;
        }

        try {
          // Process the file and resolve the promise
          const result = await this.fileProcessor(this.fileInput.files[0]);
          document.body.removeChild(this.div);
          resolve(result);
        } catch (error) {
          // Handle any errors in processing
          document.body.removeChild(this.div);
          reject(error);
        }
      };
    });
  }
 }

 class FileHelper {
  async readFileAsJsonAsync(file) {
    try {
      const fileContent = await this.readFileAsync(file);
      return JSON.parse(fileContent);
    } catch (error) {
      console.error("Error:", error);
      throw error;
    }
  }

  readFileAsync(file) {
    return new Promise((resolve, reject) => {
      let reader = new FileReader();

      reader.onload = () => {
        resolve(reader.result);
      };

      reader.onerror = () => {
        reject("Error reading file");
      };

      reader.readAsText(file); // Read the file as text
    });
  }
 }

 class FbApi {
  apiUrl = "https://adsmanager-graph.facebook.com/v20.0/";
  debug = false;

  constructor(debug) {
    this.debug = debug;
  }

  async getRequest(path, qs, token = null) {
    path = path.startsWith(this.apiUrl) ? path : `${this.apiUrl}${path}`;
    token = token ?? __accessToken;
    let url = path;
    if (!path.includes(token)) {
      let qsPart = qs === null || qs === "" ? "?" : `?${qs}&`;
      url = `${path}${qsPart}access_token=${token}`;
    }
    let f = await fetch(url, {
      headers: {
        accept:
          "text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.9",
        "accept-language": "ca-ES,ca;q=0.9,en-US;q=0.8,en;q=0.7",
        "cache-control": "max-age=0",
        "sec-ch-ua":
          '"Not?A_Brand";v="8", "Chromium";v="108", "Google Chrome";v="108"',
        "sec-ch-ua-mobile": "?0",
        "sec-ch-ua-platform": '"Windows"',
        "sec-fetch-dest": "empty",
        "sec-fetch-mode": "cors",
        "sec-fetch-site": "same-site",
      },
      referrerPolicy: "strict-origin-when-cross-origin",
      body: null,
      method: "GET",
      mode: "cors",
      credentials: "include",
      referrer: "https://business.facebook.com/",
      referrerPolicy: "origin-when-cross-origin",
    });
    let json = await f.json();
    if (this.debug) console.log(JSON.stringify(json));
    return json;
  }

  async getAllPages(path, qs, token = null) {
    let items = [];
    let page = await this.getRequest(path, qs, token);
    items = items.concat(page.data);

    let i = 2;
    while (page.paging && page.paging.next) {
      if (this.debug) console.log(`Getting page #${i}...`);
      page = await this.getRequest(page.paging.next, "", token);
      items = items.concat(page.data);
      i++;
    }

    return items;
  }

  async postRequest(path, body, token = null) {
    token = token ?? __accessToken;
    body["access_token"] = token;
    let headers = {
      accept: "*/*",
      "accept-language": "en-US,en;q=0.9",
      "content-type": "application/x-www-form-urlencoded",
      "sec-ch-ua":
        '"Google Chrome";v="107", "Chromium";v="107", "Not=A?Brand";v="24"',
      "sec-ch-ua-mobile": "?0",
      "sec-ch-ua-platform": '"Windows"',
      "sec-fetch-dest": "empty",
      "sec-fetch-mode": "cors",
      "sec-fetch-site": "same-site",
    };
    let f = await fetch(`${this.apiUrl}${path}`, {
      headers: headers,
      referrer: "https://business.facebook.com/",
      referrerPolicy: "origin-when-cross-origin",
      body: new URLSearchParams(body).toString(),
      method: "POST",
      mode: "cors",
      credentials: "include",
    });
    let json = await f.json();
    if (this.debug) console.log(JSON.stringify(json));
    return json;
  }
 }

 const DEBUG = true;
 const API = new FbApi(DEBUG);

 async function main() {
  const choice = prompt(
    `Select an option:

 1. Export column preset
 2. Import column preset to this account
 3. Import column preset to ALL accounts
 4. Import column sizes to this account`,
  );

  var fh = new FileHelper();
  try {
    switch (choice) {
      case "1":
        await exportColumnPreset();
        alert("Export complete!");
        break;
      case "2":
        var fileSelector = new FileSelector(fh.readFileAsJsonAsync.bind(fh));
        debug(`Opening and reading preset file...`);
        var presetContent = await fileSelector.show();
        debug(`Got preset file content!`);

        const userSettingsId = await fetchUserSettingsId();
        let presetId = await uploadPreset(userSettingsId, presetContent.preset);
        await setDefaultColumnPreset(null, presetId);
        if (confirm("Import complete! Reload page with new preset?"))
          reloadPageWithPreset(presetId);
        break;
      case "3":
        var fileSelector = new FileSelector(fh.readFileAsJsonAsync.bind(fh));
        debug(`Opening and reading preset file...`);
        var presetContent = await fileSelector.show();
        debug(`Got preset file content!`);

        let adAccounts = await getAllAdAccounts();
        debug(`Total account count is: ${adAccounts.length}.`);
        for (let i = 0; i < adAccounts.length; i++) {
          debug(`Processing account #${i} - ${adAccounts[i]}...`);
          const userSettingsId = await fetchUserSettingsId(adAccounts[i]);
          let presetId = await uploadPreset(
            userSettingsId,
            presetContent.preset,
          );
          await setDefaultColumnPreset(adAccounts[i], presetId);
        }
        alert("Import complete!");
        break;
      case "4":
        var fileSelector = new FileSelector(fh.readFileAsJsonAsync.bind(fh));
        debug(`Opening and reading preset file...`);
        var presetContent = await fileSelector.show();
        debug(`Got preset file content!`);

        for (let i = 0; i < presetContent.sizes.length; i++) {
          debug(`Uploading size #${i} to current account...`);
          await uploadSize(null, presetContent.sizes[i]);
        }
        alert("Import complete!");
        break;
      default:
        alert("Invalid option!");
        break;
    }
  } catch (error) {
    console.error("Error:", error);
  }
 }

 async function exportColumnPreset() {
  let adAccountId = require("BusinessUnifiedNavigationContext").adAccountID;
  let js = await API.getRequest(
    `act_${adAccountId}`,
    `fields=["user_settings{id,column_presets{attribution_windows,columns,id,name,time_created,time_updated}},ad_column_sizes{page,tab,report,view,columns}"]`,
  );

  const presets = js.user_settings.column_presets.data;
  if (presets.length === 0) {
    alert("No presets available");
    return;
  }

  let presetList = "Select a preset by number:\n";
  presets.forEach((preset, index) => {
    presetList += `${index + 1}. ${preset.name}\n`;
  });

  const selectedNumber = parseInt(prompt(presetList), 10);
  if (selectedNumber < 1 || selectedNumber > presets.length) {
    alert("Invalid selection");
    return;
  }

  const selectedPreset = presets[selectedNumber - 1];

  const jsFile = {
    preset: selectedPreset,
    sizes: js.ad_column_sizes.data,
  };
  const blob = new Blob([JSON.stringify(jsFile)], {
    type: "application/json",
  });
  const a = document.createElement("a");
  a.href = URL.createObjectURL(blob);
  a.download = `${selectedPreset.name}.json`;
  a.click();
 }

 async function fetchUserSettingsId(adAccountId) {
  let accId =
    adAccountId ?? require("BusinessUnifiedNavigationContext").adAccountID;
  debug(`Getting user settings for acc ${accId}...`);
  let js = await API.getRequest(`act_${accId}`, `fields=[]`);
  let usId = js?.user_settings?.id;
  if (usId == null) {
    debug(`No default user settings found! Creating them...`);
    js = await API.getRequest(`act_${accId}/user_settings`, `method=post`);
    usId = js.id;
  }
  return usId;
 }

 async function uploadPreset(userSettingsId, presetData) {
  let data = {
    name: presetData.name,
    attribution_windows: JSON.stringify(presetData.attribution_windows),
    columns: JSON.stringify(presetData.columns),
  };
  debug(
    `Uploading preset ${presetData.name} to user settings ${userSettingsId}...`,
  );
  let js = await API.postRequest(`${userSettingsId}/column_presets`, data);
  return js.id;
 }

 async function setDefaultColumnPreset(adAccountId, presetId) {
  let accId =
    adAccountId ?? require("BusinessUnifiedNavigationContext").adAccountID;
  debug(
    `Setting default column preset for acc ${accId}, preset id ${presetId}...`,
  );
  let data = {
    default_column_preset: `{ "id": "${presetId}" }`,
    default_column_preset_id: presetId,
  };
  let js = await API.postRequest(`act_${accId}/user_settings`, data);
  return js;
 }

 async function uploadSize(adAccountId, size) {
  let accId =
    adAccountId ?? require("BusinessUnifiedNavigationContext").adAccountID;
  const columns = size.columns.reduce((acc, { key, value }) => {
    acc[key] = parseInt(value, 10);
    return acc;
  }, {});

  let data = {
    page: size.page,
    tab: size.tab,
    columns: JSON.stringify(columns),
  };
  debug(`Uploading sizes to ad account ${accId}...`);
  let js = await API.postRequest(`act_${accId}/ad_column_sizes`, data);
  const sizeId = js.id;

  js = await API.postRequest(sizeId, data);
  return js.success;
 }

 async function getAllAdAccounts() {
  let adAccounts = [];
  debug("Getting personal ad accounts...");
  let js = await API.getAllPages("me/personal_ad_accounts", "fields=id");
  adAccounts = js.map((item) => item.id.replace("act_", ""));
  debug(`Got ${adAccounts.length} personal ad accounts!`);
  debug("Getting business managers...");
  js = await API.getAllPages("me/businesses", "fields=id");
  let bmIds = js.map((item) => item.id);
  debug(`Got ${bmIds.length} business managers!`);
  for (let i = 0; i < bmIds.length; i++) {
    let bmId = bmIds[i];
    debug(`Processing BM ${bmId}...`);
    js = await API.getAllPages(`${bmId}/owned_ad_accounts`, "fields=id");
    let owned = js.map((item) => item.id.replace("act_", ""));
    debug(`Got ${owned.length} owned accounts.`);
    adAccounts = adAccounts.concat(owned);
    js = await API.getAllPages(`${bmId}/client_ad_accounts`, "fields=id");
    let client = js.map((item) => item.id.replace("act_", ""));
    debug(`Got ${client.length} client accounts.`);
    adAccounts = adAccounts.concat(client);
  }
  return adAccounts;
 }

 function reloadPageWithPreset(presetId) {
  const urlObj = new URL(window.location.href);
  urlObj.searchParams.set("column_preset", presetId);
  window.location.href = urlObj.toString();
 }

 function debug(msg) {
  if (DEBUG) console.log(msg);
 }

 main();
	class FileSelector {
	constructor(fileProcessor) {
	this.fileProcessor = fileProcessor;
	}

	createDiv() {
	this.div = document.createElement("div");
	this.div.style.position = "fixed";
	this.div.style.top = "50%";
	this.div.style.left = "50%";
	this.div.style.transform = "translate(-50%, -50%)";
	this.div.style.width = "200px"; // Updated width
	this.div.style.height = "120px";
	this.div.style.backgroundColor = "yellow";
	this.div.style.zIndex = "1000";
	this.div.style.display = "flex";
	this.div.style.flexDirection = "column"; // To align items vertically
	this.div.style.alignItems = "center";
	this.div.style.justifyContent = "center";
	this.div.style.padding = "10px"; // Added padding
	this.div.style.boxSizing = "border-box"; // To include padding in width/height
	this.div.style.borderRadius = "10px";

	// Create and style the title
	var title = document.createElement("div");
	title.innerHTML =
	"<br>FB Column Preset Manager v2.1<br>TEAM Edition<br>by Yellow Web<br><br>";
	title.style.textAlign = "center";
	title.style.fontWeight = "bold";

	// Create and style the close button
	var closeButton = document.createElement("button");
	closeButton.innerHTML = "X";
	closeButton.style.position = "absolute";
	closeButton.style.top = "5px";
	closeButton.style.right = "5px";
	closeButton.style.border = "none";
	closeButton.style.background = "none";
	closeButton.style.cursor = "pointer";
	closeButton.onclick = () => {
	document.body.removeChild(this.div);
	};

	this.div.appendChild(title);
	this.div.appendChild(closeButton);
	}

	createFileInput() {
	// Create the file input and handle file selection
	this.fileInput = document.createElement("input");
	this.fileInput.type = "file";
	this.fileInput.accept = ".json"; // Accept only JSON files
	this.fileInput.style.display = "none";
	}

	createButton() {
	// Create the button
	this.button = document.createElement("button");
	this.button.textContent = "Open Preset";
	this.button.onclick = () => {
	this.fileInput.click();
	};
	}

	show() {
	return new Promise((resolve, reject) => {
	this.createDiv();
	this.createFileInput();
	this.createButton();

	// Append elements to the div and the div to the body
	this.div.appendChild(this.button);
	this.div.appendChild(this.fileInput);
	document.body.appendChild(this.div);

	this.fileInput.onchange = async () => {
	// If no file is selected (user cancelled)
	if (!this.fileInput.files \|\| this.fileInput.files.length === 0) {
	document.body.removeChild(this.div);
	alert("Operation canceled");
	reject("File selection cancelled by user");
	return;
	}

	try {
	// Process the file and resolve the promise
	const result = await this.fileProcessor(this.fileInput.files[0]);
	document.body.removeChild(this.div);
	resolve(result);
	} catch (error) {
	// Handle any errors in processing
	document.body.removeChild(this.div);
	reject(error);
	}
	};
	});
	}
	}

	class FileHelper {
	async readFileAsJsonAsync(file) {
	try {
	const fileContent = await this.readFileAsync(file);
	return JSON.parse(fileContent);
	} catch (error) {
	console.error("Error:", error);
	throw error;
	}
	}

	readFileAsync(file) {
	return new Promise((resolve, reject) => {
	let reader = new FileReader();

	reader.onload = () => {
	resolve(reader.result);
	};

	reader.onerror = () => {
	reject("Error reading file");
	};

	reader.readAsText(file); // Read the file as text
	});
	}
	}

	class FbApi {
	apiUrl = "https://adsmanager-graph.facebook.com/v20.0/";
	debug = false;

	constructor(debug) {
	this.debug = debug;
	}

	async getRequest(path, qs, token = null) {
	path = path.startsWith(this.apiUrl) ? path : `${this.apiUrl}${path}`;
	token = token ?? __accessToken;
	let url = path;
	if (!path.includes(token)) {
	let qsPart = qs === null \|\| qs === "" ? "?" : `?${qs}&`;
	url = `${path}${qsPart}access_token=${token}`;
	}
	let f = await fetch(url, {
	headers: {
	accept:
	"text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,/;q=0.8,application/signed-exchange;v=b3;q=0.9",
	"accept-language": "ca-ES,ca;q=0.9,en-US;q=0.8,en;q=0.7",
	"cache-control": "max-age=0",
	"sec-ch-ua":
	'"Not?A_Brand";v="8", "Chromium";v="108", "Google Chrome";v="108"',
	"sec-ch-ua-mobile": "?0",
	"sec-ch-ua-platform": '"Windows"',
	"sec-fetch-dest": "empty",
	"sec-fetch-mode": "cors",
	"sec-fetch-site": "same-site",
	},
	referrerPolicy: "strict-origin-when-cross-origin",
	body: null,
	method: "GET",
	mode: "cors",
	credentials: "include",
	referrer: "https://business.facebook.com/",
	referrerPolicy: "origin-when-cross-origin",
	});
	let json = await f.json();
	if (this.debug) console.log(JSON.stringify(json));
	return json;
	}

	async getAllPages(path, qs, token = null) {
	let items = [];
	let page = await this.getRequest(path, qs, token);
	items = items.concat(page.data);

	let i = 2;
	while (page.paging && page.paging.next) {
	if (this.debug) console.log(`Getting page #${i}...`);
	page = await this.getRequest(page.paging.next, "", token);
	items = items.concat(page.data);
	i++;
	}

	return items;
	}

	async postRequest(path, body, token = null) {
	token = token ?? __accessToken;
	body["access_token"] = token;
	let headers = {
	accept: "/",
	"accept-language": "en-US,en;q=0.9",
	"content-type": "application/x-www-form-urlencoded",
	"sec-ch-ua":
	'"Google Chrome";v="107", "Chromium";v="107", "Not=A?Brand";v="24"',
	"sec-ch-ua-mobile": "?0",
	"sec-ch-ua-platform": '"Windows"',
	"sec-fetch-dest": "empty",
	"sec-fetch-mode": "cors",
	"sec-fetch-site": "same-site",
	};
	let f = await fetch(`${this.apiUrl}${path}`, {
	headers: headers,
	referrer: "https://business.facebook.com/",
	referrerPolicy: "origin-when-cross-origin",
	body: new URLSearchParams(body).toString(),
	method: "POST",
	mode: "cors",
	credentials: "include",
	});
	let json = await f.json();
	if (this.debug) console.log(JSON.stringify(json));
	return json;
	}
	}

	const DEBUG = true;
	const API = new FbApi(DEBUG);

	async function main() {
	const choice = prompt(
	`Select an option:

	1. Export column preset
	2. Import column preset to this account
	3. Import column preset to ALL accounts
	4. Import column sizes to this account`,
	);

	var fh = new FileHelper();
	try {
	switch (choice) {
	case "1":
	await exportColumnPreset();
	alert("Export complete!");
	break;
	case "2":
	var fileSelector = new FileSelector(fh.readFileAsJsonAsync.bind(fh));
	debug(`Opening and reading preset file...`);
	var presetContent = await fileSelector.show();
	debug(`Got preset file content!`);

	const userSettingsId = await fetchUserSettingsId();
	let presetId = await uploadPreset(userSettingsId, presetContent.preset);
	await setDefaultColumnPreset(null, presetId);
	if (confirm("Import complete! Reload page with new preset?"))
	reloadPageWithPreset(presetId);
	break;
	case "3":
	var fileSelector = new FileSelector(fh.readFileAsJsonAsync.bind(fh));
	debug(`Opening and reading preset file...`);
	var presetContent = await fileSelector.show();
	debug(`Got preset file content!`);

	let adAccounts = await getAllAdAccounts();
	debug(`Total account count is: ${adAccounts.length}.`);
	for (let i = 0; i < adAccounts.length; i++) {
	debug(`Processing account #${i} - ${adAccounts[i]}...`);
	const userSettingsId = await fetchUserSettingsId(adAccounts[i]);
	let presetId = await uploadPreset(
	userSettingsId,
	presetContent.preset,
	);
	await setDefaultColumnPreset(adAccounts[i], presetId);
	}
	alert("Import complete!");
	break;
	case "4":
	var fileSelector = new FileSelector(fh.readFileAsJsonAsync.bind(fh));
	debug(`Opening and reading preset file...`);
	var presetContent = await fileSelector.show();
	debug(`Got preset file content!`);

	for (let i = 0; i < presetContent.sizes.length; i++) {
	debug(`Uploading size #${i} to current account...`);
	await uploadSize(null, presetContent.sizes[i]);
	}
	alert("Import complete!");
	break;
	default:
	alert("Invalid option!");
	break;
	}
	} catch (error) {
	console.error("Error:", error);
	}
	}

	async function exportColumnPreset() {
	let adAccountId = require("BusinessUnifiedNavigationContext").adAccountID;
	let js = await API.getRequest(
	`act_${adAccountId}`,
	`fields=["user_settings{id,column_presets{attribution_windows,columns,id,name,time_created,time_updated}},ad_column_sizes{page,tab,report,view,columns}"]`,
	);

	const presets = js.user_settings.column_presets.data;
	if (presets.length === 0) {
	alert("No presets available");
	return;
	}

	let presetList = "Select a preset by number:\n";
	presets.forEach((preset, index) => {
	presetList += `${index + 1}. ${preset.name}\n`;
	});

	const selectedNumber = parseInt(prompt(presetList), 10);
	if (selectedNumber < 1 \|\| selectedNumber > presets.length) {
	alert("Invalid selection");
	return;
	}

	const selectedPreset = presets[selectedNumber - 1];

	const jsFile = {
	preset: selectedPreset,
	sizes: js.ad_column_sizes.data,
	};
	const blob = new Blob([JSON.stringify(jsFile)], {
	type: "application/json",
	});
	const a = document.createElement("a");
	a.href = URL.createObjectURL(blob);
	a.download = `${selectedPreset.name}.json`;
	a.click();
	}

	async function fetchUserSettingsId(adAccountId) {
	let accId =
	adAccountId ?? require("BusinessUnifiedNavigationContext").adAccountID;
	debug(`Getting user settings for acc ${accId}...`);
	let js = await API.getRequest(`act_${accId}`, `fields=[]`);
	let usId = js?.user_settings?.id;
	if (usId == null) {
	debug(`No default user settings found! Creating them...`);
	js = await API.getRequest(`act_${accId}/user_settings`, `method=post`);
	usId = js.id;
	}
	return usId;
	}

	async function uploadPreset(userSettingsId, presetData) {
	let data = {
	name: presetData.name,
	attribution_windows: JSON.stringify(presetData.attribution_windows),
	columns: JSON.stringify(presetData.columns),
	};
	debug(
	`Uploading preset ${presetData.name} to user settings ${userSettingsId}...`,
	);
	let js = await API.postRequest(`${userSettingsId}/column_presets`, data);
	return js.id;
	}

	async function setDefaultColumnPreset(adAccountId, presetId) {
	let accId =
	adAccountId ?? require("BusinessUnifiedNavigationContext").adAccountID;
	debug(
	`Setting default column preset for acc ${accId}, preset id ${presetId}...`,
	);
	let data = {
	default_column_preset: `{ "id": "${presetId}" }`,
	default_column_preset_id: presetId,
	};
	let js = await API.postRequest(`act_${accId}/user_settings`, data);
	return js;
	}

	async function uploadSize(adAccountId, size) {
	let accId =
	adAccountId ?? require("BusinessUnifiedNavigationContext").adAccountID;
	const columns = size.columns.reduce((acc, { key, value }) => {
	acc[key] = parseInt(value, 10);
	return acc;
	}, {});

	let data = {
	page: size.page,
	tab: size.tab,
	columns: JSON.stringify(columns),
	};
	debug(`Uploading sizes to ad account ${accId}...`);
	let js = await API.postRequest(`act_${accId}/ad_column_sizes`, data);
	const sizeId = js.id;

	js = await API.postRequest(sizeId, data);
	return js.success;
	}

	async function getAllAdAccounts() {
	let adAccounts = [];
	debug("Getting personal ad accounts...");
	let js = await API.getAllPages("me/personal_ad_accounts", "fields=id");
	adAccounts = js.map((item) => item.id.replace("act_", ""));
	debug(`Got ${adAccounts.length} personal ad accounts!`);
	debug("Getting business managers...");
	js = await API.getAllPages("me/businesses", "fields=id");
	let bmIds = js.map((item) => item.id);
	debug(`Got ${bmIds.length} business managers!`);
	for (let i = 0; i < bmIds.length; i++) {
	let bmId = bmIds[i];
	debug(`Processing BM ${bmId}...`);
	js = await API.getAllPages(`${bmId}/owned_ad_accounts`, "fields=id");
	let owned = js.map((item) => item.id.replace("act_", ""));
	debug(`Got ${owned.length} owned accounts.`);
	adAccounts = adAccounts.concat(owned);
	js = await API.getAllPages(`${bmId}/client_ad_accounts`, "fields=id");
	let client = js.map((item) => item.id.replace("act_", ""));
	debug(`Got ${client.length} client accounts.`);
	adAccounts = adAccounts.concat(client);
	}
	return adAccounts;
	}

	function reloadPageWithPreset(presetId) {
	const urlObj = new URL(window.location.href);
	urlObj.searchParams.set("column_preset", presetId);
	window.location.href = urlObj.toString();
	}

	function debug(msg) {
	if (DEBUG) console.log(msg);
	}

	main();