no-muse
/
musescore-downloader
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

v0.3.3 - debug generate PDF when page > 2

This commit is contained in:
Xmader 2019-12-01 04:38:26 -05:00
parent f8060aaf07
commit 0c3dccb1f3
4 changed files with 118 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

72
dist/main.js vendored
View File

@ -3,7 +3,7 @@
// @namespace https://www.xmader.com/
// @homepageURL https://github.com/Xmader/musescore-downloader/
// @supportURL https://github.com/Xmader/musescore-downloader/issues
// @version 0.3.2
// @version 0.3.3
// @description 免登录、免 Musescore Pro，下载 musescore.com 上的曲谱
// @author Xmader
// @match https://musescore.com/*/*
@ -15,6 +15,30 @@
(function () {
'use strict';
/*! *****************************************************************************
Copyright (c) Microsoft Corporation. All rights reserved.
Licensed under the Apache License, Version 2.0 (the "License"); you may not use
this file except in compliance with the License. You may obtain a copy of the
License at http://www.apache.org/licenses/LICENSE-2.0
THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
MERCHANTABLITY OR NON-INFRINGEMENT.
See the Apache Version 2.0 License for specific language governing permissions
and limitations under the License.
***************************************************************************** */
function __awaiter(thisArg, _arguments, P, generator) {
return new (P || (P = Promise))(function (resolve, reject) {
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
step((generator = generator.apply(thisArg, _arguments || [])).next());
});
}
const waitForDocumentLoaded = () => {
if (document.readyState !== "complete") {
return new Promise(resolve => {
@ -25974,23 +25998,33 @@ Please pipe the document into a Node stream.\
mixin(OutputDocumentBrowser);
let pdfBlob;
const generatePDF = (name) => {
if (pdfBlob) {
return FileSaver(pdfBlob, `${name}.pdf`);
}
const scoreImgs = document.querySelectorAll("img[id^=score_]");
const { naturalWidth: width, naturalHeight: height } = scoreImgs[0];
const svgToPng = (svgURL) => __awaiter(void 0, void 0, void 0, function* () {
const imageElement = document.createElement("img");
imageElement.style.display = "none";
document.body.appendChild(imageElement);
imageElement.src = svgURL;
// wait until image loaded
yield new Promise((resolve) => {
imageElement.onload = () => resolve();
});
const { naturalWidth: width, naturalHeight: height } = imageElement;
const canvas = document.createElement("canvas");
const canvasContext = canvas.getContext("2d");
canvas.width = width;
canvas.height = height;
canvas.style.display = "none";
document.body.appendChild(canvas);
const imgDataList = [...scoreImgs].map((i) => {
canvasContext.clearRect(0, 0, width, height);
canvasContext.drawImage(i, 0, 0);
return canvas.toDataURL("image/png");
});
canvasContext.clearRect(0, 0, width, height);
canvasContext.drawImage(imageElement, 0, 0);
return canvas.toDataURL("image/png");
});
const generatePDF = (svgURLs, name) => __awaiter(void 0, void 0, void 0, function* () {
if (pdfBlob) {
return FileSaver(pdfBlob, `${name}.pdf`);
}
const cachedImg = document.querySelector("img[id^=score_]");
const { naturalWidth: width, naturalHeight: height } = cachedImg;
const imgDataList = yield Promise.all(svgURLs.map(svgToPng));
// @ts-ignore
const pdf = new PDFDocument({
// compress: true,
@ -26012,6 +26046,14 @@ Please pipe the document into a Node stream.\
pdfBlob = blob;
FileSaver(blob, `${name}.pdf`);
});
});
const getPagesNumber = (scorePlayerData) => {
try {
return scorePlayerData.json.metadata.pages;
}
catch (_) {
return document.querySelectorAll("img[id^=score_]").length;
}
};
const getTitle = (scorePlayerData) => {
try {
@ -26041,6 +26083,9 @@ Please pipe the document into a Node stream.\
const btnsDiv = document.querySelector(".score-right .buttons-wrapper") || document.querySelectorAll("aside section > div")[3];
const downloadBtn = btnsDiv.querySelector("button, .button");
downloadBtn.onclick = null;
const svgURLs = Array.from({ length: getPagesNumber(scorePlayer) }).fill(null).map((_, i) => {
return baseURL + `score_${i}.svg`;
});
const downloadURLs = {
"Musescore": msczURL,
"PDF": null,
@ -26077,8 +26122,9 @@ Please pipe the document into a Node stream.\
else {
btn.onclick = () => {
const text = textNode.textContent;
const filename = getScoreFileName(scorePlayer);
textNode.textContent = "Processing…";
generatePDF(getScoreFileName(scorePlayer)).then(() => {
generatePDF(svgURLs, filename).then(() => {
textNode.textContent = text;
});
};

2
package.json
View File

@ -1,6 +1,6 @@
{
"name": "musescore-downloader",
"version": "0.3.2",
"version": "0.3.3",
"description": "download sheet music from musescore.com for free, no login or Musescore Pro required | 免登录、免 Musescore Pro，免费下载 musescore.com 上的曲谱",
"main": "dist/main.js",
"repository": {

17
rollup.config.js
View File

@ -47,6 +47,21 @@ export default {
dirname: false,
filename: false,
baseDir: false,
})
}),
{
/**
* remove tslib license comments
* @param {string} code
* @param {string} id
*/
transform(code, id) {
if (id.includes("tslib")) {
code = code.split(/\r?\n/g).slice(15).join("\n")
}
return {
code
}
}
},
]
}

54
src/main.ts
View File

@ -8,14 +8,19 @@ import saveAs from "file-saver/dist/FileSaver.js"
let pdfBlob: Blob
const generatePDF = (name?: string) => {
if (pdfBlob) {
return saveAs(pdfBlob, `${name}.pdf`)
}
const svgToPng = async (svgURL: string) => {
const imageElement = document.createElement("img")
imageElement.style.display = "none"
document.body.appendChild(imageElement)
const scoreImgs: NodeListOf<HTMLImageElement> = document.querySelectorAll("img[id^=score_]")
imageElement.src = svgURL
const { naturalWidth: width, naturalHeight: height } = scoreImgs[0]
// wait until image loaded
await new Promise((resolve) => {
imageElement.onload = () => resolve()
})
const { naturalWidth: width, naturalHeight: height } = imageElement
const canvas = document.createElement("canvas")
const canvasContext = canvas.getContext("2d")
@ -26,11 +31,21 @@ const generatePDF = (name?: string) => {
document.body.appendChild(canvas)
const imgDataList = [...scoreImgs].map((i) => {
canvasContext.clearRect(0, 0, width, height)
canvasContext.drawImage(i, 0, 0)
return canvas.toDataURL("image/png")
})
canvasContext.clearRect(0, 0, width, height)
canvasContext.drawImage(imageElement, 0, 0)
return canvas.toDataURL("image/png")
}
const generatePDF = async (svgURLs: string[], name?: string) => {
if (pdfBlob) {
return saveAs(pdfBlob, `${name}.pdf`)
}
const cachedImg = document.querySelector("img[id^=score_]") as HTMLImageElement
const { naturalWidth: width, naturalHeight: height } = cachedImg
const imgDataList = await Promise.all(svgURLs.map(svgToPng))
// @ts-ignore
const pdf = new (PDFDocument as typeof import("pdfkit"))({
@ -58,6 +73,14 @@ const generatePDF = (name?: string) => {
})
}
const getPagesNumber = (scorePlayerData: ScorePlayerData) => {
try {
return scorePlayerData.json.metadata.pages
} catch (_) {
return document.querySelectorAll("img[id^=score_]").length
}
}
const getTitle = (scorePlayerData: ScorePlayerData) => {
try {
return scorePlayerData.json.metadata.title
@ -93,6 +116,10 @@ const main = () => {
const downloadBtn = btnsDiv.querySelector("button, .button") as HTMLElement
downloadBtn.onclick = null
const svgURLs = Array.from({ length: getPagesNumber(scorePlayer) }).fill(null).map((_, i) => {
return baseURL + `score_${i}.svg`
})
const downloadURLs = {
"Musescore": msczURL,
"PDF": null,
@ -133,8 +160,11 @@ const main = () => {
} else {
btn.onclick = () => {
const text = textNode.textContent
const filename = getScoreFileName(scorePlayer)
textNode.textContent = "Processing…"
generatePDF(getScoreFileName(scorePlayer)).then(() => {
generatePDF(svgURLs, filename).then(() => {
textNode.textContent = text
})
}