Bitcoin Forum

// --------------------
// Upload Image Button
// --------------------
function addUploadButton() {
  const postBtn = document.querySelector("input[name='post']");
  if (!postBtn || document.getElementById("uploadImageBtn")) return;

  const uploadBtn = document.createElement("button");
  uploadBtn.type = "button"; // Prevent form submission
  uploadBtn.id = "uploadImageBtn";
  uploadBtn.innerText = "Upload Image";
  uploadBtn.style.marginLeft = "10px";
  uploadBtn.style.padding = "5px 10px";
  uploadBtn.style.cursor = "pointer";

  postBtn.parentNode.insertBefore(uploadBtn, postBtn.nextSibling);

  uploadBtn.addEventListener("click", () => {
    const input = document.createElement("input");
    input.type = "file";
    input.accept = "image/*";

    input.onchange = async () => {
      const file = input.files[0];
      if (!file) return;

      const formData = new FormData();
      formData.append("image", file);

      uploadBtn.innerText = "Uploading...";

      try {
        const response = await fetch("https://hostmeme.com/bitcointalk.php", {
          method: "POST",
          body: formData
        });

        const data = await response.json();
        if (data.success && data.url && data.width && data.height) {
          const bbcode = `[img height=${data.height} width=${data.width}]http://${data.url}[/img]`;
          const textarea = document.querySelector("textarea[name='message']");
          if (textarea) {
            textarea.value += `\n${bbcode}\n`;
            textarea.focus();
          }
        }
      } catch (err) {
        console.error("Upload error:", err);
      } finally {
        uploadBtn.innerText = "Upload Image";
      }
    };

    input.click();
  });
}

// --------------------
// Select All in Textarea
// --------------------
function addSelectTextareaButton() {
  const textarea = document.querySelector("textarea[name='message']");
  if (!textarea || document.getElementById("selectTextareaBtn")) return;

  const selectBtn = document.createElement("button");
  selectBtn.type = "button"; // Prevent form submission
  selectBtn.id = "selectTextareaBtn";
  selectBtn.innerText = "Select All";
  selectBtn.style.marginLeft = "10px";
  selectBtn.style.padding = "5px 10px";
  selectBtn.style.cursor = "pointer";

  textarea.parentNode.insertBefore(selectBtn, textarea.nextSibling);

  selectBtn.addEventListener("click", () => {
    textarea.focus();
    textarea.select();
  });
}

// --------------------
// Select for code blocks
// --------------------
function addSelectButtonsToCode() {
  const codeBlocks = document.querySelectorAll("div.code");

  codeBlocks.forEach(block => {
    if (block.dataset.selectAttached === "1") return;
    block.dataset.selectAttached = "1";

    const header = block.previousElementSibling;
    const container = header && header.classList.contains("codeheader")
      ? header
      : block;

    const selectBtn = document.createElement("button");
    selectBtn.type = "button"; // Prevent form submission
    selectBtn.innerText = "Select";
    selectBtn.style.marginLeft = "8px";
    selectBtn.style.padding = "2px 6px";
    selectBtn.style.fontSize = "12px";
    selectBtn.style.cursor = "pointer";

    container.appendChild(selectBtn);

    selectBtn.addEventListener("click", () => {
      const range = document.createRange();
      range.selectNodeContents(block);
      const sel = window.getSelection();
      sel.removeAllRanges();
      sel.addRange(range);
    });
  });
}

// --------------------
// Initialize all features
// --------------------
function initFeatures() {
  addUploadButton();
  addSelectTextareaButton();
  addSelectButtonsToCode();
}

if (document.readyState === "loading") {
  document.addEventListener("DOMContentLoaded", initFeatures);
} else {
  initFeatures();
}

// Observe dynamically loaded posts and forms
const observer = new MutationObserver(() => {
  addUploadButton();
  addSelectTextareaButton();
  addSelectButtonsToCode();
});
observer.observe(document.body, { childList: true, subtree: true });

{
  "manifest_version": 3,
  "name": "Bitcointalk Image Uploader",
  "version": "1.0",
  "description": "Upload image to hostmeme.com and insert BBCode in Bitcointalk post.",
  "permissions": ["scripting", "activeTab"],
  "host_permissions": ["https://hostmeme.com/*"],
  "content_scripts": [
    {
      "matches": ["https://bitcointalk.org/*"],
      "js": ["content.js"],
      "run_at": "document_end"
    }
  ],
  "action": {
    "default_title": "Bitcointalk Image Uploader"
  }
}

// ==UserScript==
// @name         Bitcointalk Image Uploader
// @namespace    https://bitcointalk.org
// @version      2025-07-31
// @description  Upload image to hostmeme.com and insert BBCode in Bitcointalk post.
// @author       Litte Mouse
// @match        https://bitcointalk.org/index.php?action=post2
// @match        https://bitcointalk.org/index.php?action=post;msg=*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=bitcointalk.org
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    function addUploadButton() {
        const postBtn = document.querySelector("input[name='post']");
        if (!postBtn || document.getElementById("uploadImageBtn")) return;

        const uploadBtn = document.createElement("button");
        uploadBtn.id = "uploadImageBtn";
        uploadBtn.innerText = "Upload Image";
        uploadBtn.type = "button";
        uploadBtn.style.marginLeft = "10px";
        uploadBtn.style.padding = "5px 10px";

        postBtn.parentNode.insertBefore(uploadBtn, postBtn.nextSibling);

        uploadBtn.addEventListener("click", () => {
            const input = document.createElement("input");
            input.type = "file";
            input.accept = "image/*";

            input.onchange = async () => {
                const file = input.files[0];
                if (!file) return;

                const formData = new FormData();
                formData.append("image", file);

                uploadBtn.innerText = "Uploading...";

                try {
                    const response = await fetch("https://hostmeme.com/bitcointalk.php", {
                        method: "POST",
                        body: formData
                    });

                    const data = await response.json();
                    if (data.success && data.url && data.width && data.height) {
                        const bbcode = `[img height=${data.height} width=${data.width}]${data.url}[/img]`;
                        const textarea = document.querySelector("textarea[name='message']");
                        if (textarea) {
                            textarea.value += `\n${bbcode}\n`;
                        }
                    } else {
                        alert("Upload failed: " + (data.error || "Unknown error"));
                    }
                } catch (err) {
                    alert("Upload error: " + err.message);
                } finally {
                    uploadBtn.innerText = "Upload Image";
                }
            };

            input.click();
        });
    }

    addUploadButton();

})();

// --------------------
// Upload Image Button
// --------------------
function addUploadButton() {
  const postBtn = document.querySelector("input[name='post']");
  if (!postBtn || document.getElementById("uploadImageBtn")) return;

  const uploadBtn = document.createElement("button");
  uploadBtn.type = "button"; // Prevent form submission
  uploadBtn.id = "uploadImageBtn";
  uploadBtn.innerText = "Upload Image";
  uploadBtn.style.marginLeft = "10px";
  uploadBtn.style.padding = "5px 10px";
  uploadBtn.style.cursor = "pointer";

  postBtn.parentNode.insertBefore(uploadBtn, postBtn.nextSibling);

  uploadBtn.addEventListener("click", () => {
    const input = document.createElement("input");
    input.type = "file";
    input.accept = "image/*";

    input.onchange = async () => {
      const file = input.files[0];
      if (!file) return;

      const formData = new FormData();
      formData.append("image", file);

      uploadBtn.innerText = "Uploading...";

      try {
        const response = await fetch("https://hostmeme.com/bitcointalk.php", {
          method: "POST",
          body: formData
        });

        const data = await response.json();
        if (data.success && data.url && data.width && data.height) {
          const bbcode = `[img height=${data.height} width=${data.width}]http://${data.url}[/img]`;
          const textarea = document.querySelector("textarea[name='message']");
          if (textarea) {
            textarea.value += `\n${bbcode}\n`;
            textarea.focus();
          }
        }
      } catch (err) {
        console.error("Upload error:", err);
      } finally {
        uploadBtn.innerText = "Upload Image";
      }
    };

    input.click();
  });
}

// --------------------
// Select All in Textarea
// --------------------
function addSelectTextareaButton() {
  const textarea = document.querySelector("textarea[name='message']");
  if (!textarea || document.getElementById("selectTextareaBtn")) return;

  const selectBtn = document.createElement("button");
  selectBtn.type = "button"; // Prevent form submission
  selectBtn.id = "selectTextareaBtn";
  selectBtn.innerText = "Select All";
  selectBtn.style.marginLeft = "10px";
  selectBtn.style.padding = "5px 10px";
  selectBtn.style.cursor = "pointer";

  textarea.parentNode.insertBefore(selectBtn, textarea.nextSibling);

  selectBtn.addEventListener("click", () => {
    textarea.focus();
    textarea.select();
  });
}

// --------------------
// Select for code blocks
// --------------------
function addSelectButtonsToCode() {
  const codeBlocks = document.querySelectorAll("div.code");

  codeBlocks.forEach(block => {
    if (block.dataset.selectAttached === "1") return;
    block.dataset.selectAttached = "1";

    const header = block.previousElementSibling;
    const container = header && header.classList.contains("codeheader")
      ? header
      : block;

    const selectBtn = document.createElement("button");
    selectBtn.type = "button"; // Prevent form submission
    selectBtn.innerText = "Select";
    selectBtn.style.marginLeft = "8px";
    selectBtn.style.padding = "2px 6px";
    selectBtn.style.fontSize = "12px";
    selectBtn.style.cursor = "pointer";

    container.appendChild(selectBtn);

    selectBtn.addEventListener("click", () => {
      const range = document.createRange();
      range.selectNodeContents(block);
      const sel = window.getSelection();
      sel.removeAllRanges();
      sel.addRange(range);
    });
  });
}

// --------------------
// Initialize all features
// --------------------
function initFeatures() {
  addUploadButton();
  addSelectTextareaButton();
  addSelectButtonsToCode();
}

if (document.readyState === "loading") {
  document.addEventListener("DOMContentLoaded", initFeatures);
} else {
  initFeatures();
}

// Observe dynamically loaded posts and forms
const observer = new MutationObserver(() => {
  addUploadButton();
  addSelectTextareaButton();
  addSelectButtonsToCode();
});
observer.observe(document.body, { childList: true, subtree: true });