ahmedelwerdany / blogger-image

Upload photos to your blog for free and fast. No API, no hassle, just your photos and your blog 🚀

blogger image

⬆️ blogger-image helps you upload photos to blogger using simple api

install

npm i blogger-image
// or 
yarn add blogger-image

Usage

import Uploader from 'blogger-image'


const POST_ID = "https://www.blogger.com/blog/post/edit/.../...";

const uploader = new Uploader(
  POST_ID,
  {
    userDataDir: '/home/username/.config/chromium',
    // it is recommended to use an old version of chromium instead of the default browser.
    executablePath: '/home/username/.config/chrome-linux/chrome',  
  }
);
  
await uploader.init();

const result = await Promise.all([
  uploader.upload('./tree.png'),
]);

console.log(result);

// the `upload` method will not be available after this.
uploader.close();

kowen Issues

This package depends on puppeteer, which uses the latest version of Chromium.
The latest Chromium has problems with persistent login sessions, which may cause errors or unexpected behavior.
To avoid this, you need to use an old version on chromium and provide the "executablePath" option in your "new Uploader()" call, pointing to the path of the Chromium executable.

Follow the next instructions if you want to download an older version of Chromium and use it with the package.

Download an Old version of Chromium

cd ~/.config

wget "https://www.googleapis.com/download/storage/v1/b/chromium-browser-snapshots/o/Linux_x64%2F962947%2Fchrome-linux.zip?generation=1643115368404678&alt=media" -q  --show-progress -O chrome_2f962947.zip

unzip chrome_2f962947.zip

Login to Blogger

This will open the The version that we just downloaded.

cd chrome-linux; ./chrome

• Go to blogger.com
• Login
• Close the browser

pwd

Copy the result becuase you're gonna need it in excutablePath.
It should be /home/{username}/.config/chrome-linux where {username} is your username.

Add it to the options.

const uploader = new Uploader(
  POST_ID,
  {
    userDataDir: '/home/username/.config/chromium',
    executablePath: '/home/username/.config/chrome-linux/chrome', // recomnded
  }
);

await uploader.init();

blogger-image's Issues

Language is not supported when it contains a ‘-’ character

I've made a fresh install on a server and this time I've got Chromium in english and I see Blogger menu in english.
Anyway I have got this error:
" throw new Error('Sorry, language is not supported\nlanguage: ' + language);
^

Error: Sorry, language is not supported
language: en-GB
at Uploader.init (file:///home/cirillo-server/Desktop/OPENROBO/blogger-image/node_modules/blogger-image/build/index.js:64:19)
at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
at async file:///home/cirillo-server/Desktop/OPENROBO/blogger-image/index.js:18:1
"

Can I help you in some way?
Thanks alot

Originally posted by @francescocassini in #1 (comment)

TimeoutError

I'm trying to use the code to upload very little image towards my blog.
Anyway I receive always this message:

node_modules/puppeteer/node_modules/puppeteer-core/lib/cjs/puppeteer/common/WaitTask.js:59
void this.terminate(new Errors_js_1.TimeoutError(Waiting failed: ${options.timeout}ms exceeded));
^
TimeoutError: Waiting for selector div[data-tooltip="Insert image"] failed: Waiting failed: 30000ms exceeded

Is it normal? I have to change waiting time? or data-tooltip is not more in the code of blogger?
Thanks