PDFをGyazoにuploadするUserScript

使用例

these scripts can be executed on scrapbox.io without bundling.

開発コンソールに直接貼り付けても実行できる

code:sample.js

await (async () => {

const { upload } = await import(

"/api/code/takker/PDFをGyazoにuploadするUserScript/main.js"

);

const list = await upload({

// title: "本の名前",

//printResolution: 600,

});

console.log(list);

// gyazo.jsonが不要ならfalseにする

if (true) {

const a = document.createElement("a");

a.download = "gyazo.json";

a.src = URL.createObjectURL(blob);

document.body.append(a);

a.click();

a.remove();

}

})();

code:main.js

import { uploadPDF } from "./mod.js";

export const upload = async (init) => {

const list = [];

for await (const { index, count, permalink_url } of await uploadPDF(init)) {

list.push(permalink_url);

}

return list;

};

実装

バグ

未来の日時にuploadしたことになったりして、画像の閲覧で支障が生じる

uploadしたのに一覧にでなくなったり

ci7lusさんがやっている方法で順番を調整することにする

順番がばらばらになる

2025-02-22

10:08:28

PDFの途中からuploadできるようにした

jsrとnpm importに切り替えた

2023-02-11

07:10:36

bundle済みコードを貼り付けた

サンプルコードを書き換えた

06:34:13 タイトル変更

名前が実体にあわなくなったので、「PDFをGyazoにuploadするUserScript」に解明した

2022-05-09

10:11:49 解像度を設定できるようにした

2022-04-20

11:42:14 moduleにして使いやすくした

2022-04-17

14:46:53 順番の調整で手こずった

この結果をもとに、うまく順番通りにpdfをあげられるように直した

code:mod.ts

/// <reference no-default-lib="true" />

/// <reference lib="esnext" />

/// <reference lib="dom" />

import { pdfConverter } from "../scrapbox-pdftoimage/mod.ts";

import { upload as uploadFile } from "../scrapbox-file-uploader/mod.ts";

import { getGyazoToken } from "jsr:@cosense/std@0.29/rest";

import { upload } from "jsr:@takker/gyazo@0.4";

import { range } from "jsr:@core/iterutil@0.9/range";

import { map } from "jsr:@core/iterutil@0.9/async/map";

import { pooledMap } from "jsr:@std/async@1/pool";

import { getUnixTime } from "npm:date-fns@4/getUnixTime";

import { isErr, unwrapErr, unwrapOk } from "npm:option-t@51/plain_result";

export interface Props {

title?: string;

refererURL?: string;

/** @default {300} */

printResolution?: number;

/** @default {1} */

start?: number;

};

export async function* uploadPDF(props: Props): AsyncGenerator<{ index: number; count: number; }> {

// 読み込み

const file = await uploadFile({ accept: "application/pdf, *.pdf"});

if (!file) throw new Error("no file specified");

// access token取得

const result = await getGyazoToken();

if (isErr(result)) throw new Error(JSON.stringify(unwrapErr(result)));

const accessToken = unwrapOk(result);

if (!accessToken) throw new Error("Could not get the access token");

// 画像に変換する

const { convert, count } = await pdfConverter(new Uint8Array(await file.arrayBuffer()));

yield* map(

range(props?.start ?? 1, count),

async (index: number) => {

const image = await convert(index, {

mimeType: "image/jpeg",

printResolution: props?.printResolution ?? 300,

quality: 0.95,

});

const res = await upload(image, {

created: getUnixTime(new Date()),

accessToken,

...props,

});

if (!res.ok) throw new Error("gyazo error", { cause: res });

return { index, count, ...(await res.json())};

});

}

built script

code:mod.js

${ce(2,i)}

${ce(2,i)}