Sakurai/pdf.js
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Adds gulp dist-install command; using pdfjs-dist package in examples.

Browse Source
This commit is contained in:
Yury Delendik 2017-05-10 18:28:18 -05:00
parent 9342054502
commit a18caa730d
24 changed files with 70 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
View File

@ -104,6 +104,8 @@ The repository contains a hello world example that you can run locally:
+ [examples/helloworld/](https://github.com/mozilla/pdf.js/blob/master/examples/helloworld/) + [examples/helloworld/](https://github.com/mozilla/pdf.js/blob/master/examples/helloworld/)
More examples can be found at the examples folder. Some of them are using the pdfjs-dist package, which can be built and installed in this repo directory via `gulp dist-install` command.
For an introduction to the PDF.js code, check out the presentation by our For an introduction to the PDF.js code, check out the presentation by our
contributor Julian Viereck: contributor Julian Viereck:

6
examples/acroforms/acroforms.html
View File

@ -20,10 +20,10 @@ limitations under the License.
<title>AcroForms example</title> <title>AcroForms example</title>
<link rel="stylesheet" href="../../build/dist/web/pdf_viewer.css"> <link rel="stylesheet" href="../../node_modules/pdfjs-dist/web/pdf_viewer.css">
<script src="../../build/dist/build/pdf.js"></script> <script src="../../node_modules/pdfjs-dist/build/pdf.js"></script>
<script src="../../build/dist/web/pdf_viewer.js"></script> <script src="../../node_modules/pdfjs-dist/web/pdf_viewer.js"></script>
<style> <style>
* { * {

2
examples/acroforms/acroforms.js
View File

@ -15,7 +15,7 @@
'use strict'; 'use strict';
PDFJS.workerSrc = '../../build/dist/build/pdf.worker.js'; PDFJS.workerSrc = '../../node_modules/pdfjs-dist/build/pdf.worker.js';
var DEFAULT_URL = '../../test/pdfs/f1040.pdf'; var DEFAULT_URL = '../../test/pdfs/f1040.pdf';
var DEFAULT_SCALE = 1.0; var DEFAULT_SCALE = 1.0;

2
examples/browserify/README.md
View File

@ -6,7 +6,7 @@ Example to demonstrate PDF.js library usage with Browserify.
Build project and install the example dependencies: Build project and install the example dependencies:
$ gulp dist $ gulp dist-install
$ cd examples/browserify $ cd examples/browserify
$ npm install $ npm install

2
examples/browserify/package.json
View File

@ -7,7 +7,7 @@
"gulp-rename": "^1.2.2", "gulp-rename": "^1.2.2",
"gulp-streamify": "^1.0.2", "gulp-streamify": "^1.0.2",
"gulp-uglify": "^1.5.3", "gulp-uglify": "^1.5.3",
"pdfjs-dist": "../../build/dist", "pdfjs-dist": "../../node_modules/pdfjs-dist",
"vinyl-source-stream": "^1.1.0" "vinyl-source-stream": "^1.1.0"
}, },
"scripts": { "scripts": {

6
examples/components/pageviewer.html
View File

@ -29,10 +29,10 @@ limitations under the License.
} }
</style> </style>
<link rel="stylesheet" href="../../build/dist/web/pdf_viewer.css"> <link rel="stylesheet" href="../../node_modules/pdfjs-dist/web/pdf_viewer.css">
<script src="../../build/dist/build/pdf.js"></script> <script src="../../node_modules/pdfjs-dist/build/pdf.js"></script>
<script src="../../build/dist/web/pdf_viewer.js"></script> <script src="../../node_modules/pdfjs-dist/web/pdf_viewer.js"></script>
</head> </head>
<body tabindex="1"> <body tabindex="1">

6
examples/components/pageviewer.js
View File

@ -17,16 +17,16 @@
if (!PDFJS.PDFViewer || !PDFJS.getDocument) { if (!PDFJS.PDFViewer || !PDFJS.getDocument) {
alert('Please build the pdfjs-dist library using\n' + alert('Please build the pdfjs-dist library using\n' +
' `gulp dist`'); ' `gulp dist-install`');
} }
// The workerSrc property shall be specified. // The workerSrc property shall be specified.
// //
PDFJS.workerSrc = '../../build/dist/build/pdf.worker.js'; PDFJS.workerSrc = '../../node_modules/pdfjs-dist/build/pdf.worker.js';
// Some PDFs need external cmaps. // Some PDFs need external cmaps.
// //
// PDFJS.cMapUrl = '../../build/dist/cmaps/'; // PDFJS.cMapUrl = '../../node_modules/pdfjs-dist/cmaps/';
// PDFJS.cMapPacked = true; // PDFJS.cMapPacked = true;
var DEFAULT_URL = '../../web/compressed.tracemonkey-pldi-09.pdf'; var DEFAULT_URL = '../../web/compressed.tracemonkey-pldi-09.pdf';

6
examples/components/simpleviewer.html
View File

@ -35,10 +35,10 @@ limitations under the License.
} }
</style> </style>
<link rel="stylesheet" href="../../build/dist/web/pdf_viewer.css"> <link rel="stylesheet" href="../../node_modules/pdfjs-dist/web/pdf_viewer.css">
<script src="../../build/dist/build/pdf.js"></script> <script src="../../node_modules/pdfjs-dist/build/pdf.js"></script>
<script src="../../build/dist/web/pdf_viewer.js"></script> <script src="../../node_modules/pdfjs-dist/web/pdf_viewer.js"></script>
</head> </head>
<body tabindex="1"> <body tabindex="1">

6
examples/components/simpleviewer.js
View File

@ -17,16 +17,16 @@
if (!PDFJS.PDFViewer || !PDFJS.getDocument) { if (!PDFJS.PDFViewer || !PDFJS.getDocument) {
alert('Please build the pdfjs-dist library using\n' + alert('Please build the pdfjs-dist library using\n' +
' `gulp dist`'); ' `gulp dist-install`');
} }
// The workerSrc property shall be specified. // The workerSrc property shall be specified.
// //
PDFJS.workerSrc = '../../build/dist/build/pdf.worker.js'; PDFJS.workerSrc = '../../node_modules/pdfjs-dist/build/pdf.worker.js';
// Some PDFs need external cmaps. // Some PDFs need external cmaps.
// //
// PDFJS.cMapUrl = '../../build/dist/cmaps/'; // PDFJS.cMapUrl = '../../node_modules/pdfjs-dist/cmaps/';
// PDFJS.cMapPacked = true; // PDFJS.cMapPacked = true;
var DEFAULT_URL = '../../web/compressed.tracemonkey-pldi-09.pdf'; var DEFAULT_URL = '../../web/compressed.tracemonkey-pldi-09.pdf';

7
examples/helloworld/hello.js
View File

@ -1,12 +1,13 @@
'use strict'; 'use strict';
// In production, the bundled pdf.js shall be used instead of SystemJS. // In production, the bundled pdf.js shall be used instead of SystemJS.
Promise.all([SystemJS.import('pdfjs/display/api'), Promise.all([System.import('pdfjs/display/api'),
SystemJS.import('pdfjs/display/global')]) System.import('pdfjs/display/global'),
System.resolve('pdfjs/worker_loader')])
.then(function (modules) { .then(function (modules) {
var api = modules[0], global = modules[1]; var api = modules[0], global = modules[1];
// In production, change this to point to the built `pdf.worker.js` file. // In production, change this to point to the built `pdf.worker.js` file.
global.PDFJS.workerSrc = '../../src/worker_loader.js'; global.PDFJS.workerSrc = modules[2];
// Fetch the PDF document from the URL using promises. // Fetch the PDF document from the URL using promises.
api.getDocument('helloworld.pdf').then(function (pdf) { api.getDocument('helloworld.pdf').then(function (pdf) {

6
examples/learning/helloworld.html
View File

@ -11,9 +11,9 @@
<canvas id="the-canvas" style="border:1px solid black"></canvas> <canvas id="the-canvas" style="border:1px solid black"></canvas>
<!-- for legacy browsers add compatibility.js --> <!-- for legacy browsers add compatibility.js -->
<!--<script src="../compatibility.js"></script>--> <!--<script src="../../node_modules/pdfjs-dist/web/compatibility.js"></script>-->
<script src="../../build/generic/build/pdf.js"></script> <script src="../../node_modules/pdfjs-dist/build/pdf.js"></script>
<script id="script"> <script id="script">
// //
@ -32,7 +32,7 @@
// //
// The workerSrc property shall be specified. // The workerSrc property shall be specified.
// //
PDFJS.workerSrc = '../../build/generic/build/pdf.worker.js'; PDFJS.workerSrc = '../../node_modules/pdfjs-dist/build/pdf.worker.js';
// //
// Asynchronous download PDF // Asynchronous download PDF

4
examples/learning/helloworld64.html
View File

@ -10,7 +10,7 @@
<canvas id="the-canvas" style="border:1px solid black"></canvas> <canvas id="the-canvas" style="border:1px solid black"></canvas>
<script src="../../build/generic/build/pdf.js"></script> <script src="../../node_modules/pdfjs-dist/build/pdf.js"></script>
<script id="script"> <script id="script">
// atob() is used to convert base64 encoded PDF to binary-like data. // atob() is used to convert base64 encoded PDF to binary-like data.
@ -40,7 +40,7 @@
// //
// The workerSrc property shall be specified. // The workerSrc property shall be specified.
// //
PDFJS.workerSrc = '../../build/generic/build/pdf.worker.js'; PDFJS.workerSrc = '../../node_modules/pdfjs-dist/build/pdf.worker.js';
// Opening PDF by passing its binary data as a string. It is still preferable // Opening PDF by passing its binary data as a string. It is still preferable
// to use Uint8Array, but string or array-like structure will work too. // to use Uint8Array, but string or array-like structure will work too.

4
examples/learning/prevnext.html
View File

@ -22,7 +22,7 @@
<!-- for legacy browsers add compatibility.js --> <!-- for legacy browsers add compatibility.js -->
<!--<script src="../compatibility.js"></script>--> <!--<script src="../compatibility.js"></script>-->
<script src="../../build/generic/build/pdf.js"></script> <script src="../../node_modules/pdfjs-dist/build/pdf.js"></script>
<script id="script"> <script id="script">
// //
@ -44,7 +44,7 @@
// pdf.js's one, or the pdf.js is executed via eval(), the workerSrc property // pdf.js's one, or the pdf.js is executed via eval(), the workerSrc property
// shall be specified. // shall be specified.
// //
// PDFJS.workerSrc = '../../build/generic/build/pdf.worker.js'; // PDFJS.workerSrc = '../../node_modules/pdfjs-dist/build/pdf.worker.js';
var pdfDoc = null, var pdfDoc = null,
pageNum = 1, pageNum = 1,

6
examples/mobile-viewer/viewer.html
View File

@ -21,11 +21,11 @@ limitations under the License.
<title>PDF.js viewer</title> <title>PDF.js viewer</title>
<link rel="stylesheet" href="../../build/dist/web/pdf_viewer.css"> <link rel="stylesheet" href="../../node_modules/pdfjs-dist/web/pdf_viewer.css">
<link rel="stylesheet" type="text/css" href="viewer.css"> <link rel="stylesheet" type="text/css" href="viewer.css">
<script src="../../build/dist/build/pdf.js"></script> <script src="../../node_modules/pdfjs-dist/build/pdf.js"></script>
<script src="../../build/dist/web/pdf_viewer.js"></script> <script src="../../node_modules/pdfjs-dist/web/pdf_viewer.js"></script>
</head> </head>
<body> <body>

6
examples/mobile-viewer/viewer.js
View File

@ -18,14 +18,14 @@
if (!PDFJS.PDFViewer || !PDFJS.getDocument) { if (!PDFJS.PDFViewer || !PDFJS.getDocument) {
alert('Please build the pdfjs-dist library using\n' + alert('Please build the pdfjs-dist library using\n' +
' `gulp dist`'); ' `gulp dist-install`');
} }
PDFJS.useOnlyCssZoom = true; PDFJS.useOnlyCssZoom = true;
PDFJS.disableTextLayer = true; PDFJS.disableTextLayer = true;
PDFJS.maxImageSize = 1024 * 1024; PDFJS.maxImageSize = 1024 * 1024;
PDFJS.workerSrc = '../../build/dist/build/pdf.worker.js'; PDFJS.workerSrc = '../../node_modules/pdfjs-dist/build/pdf.worker.js';
PDFJS.cMapUrl = '../../build/dist/cmaps/'; PDFJS.cMapUrl = '../../node_modules/pdfjs-dist/cmaps/';
PDFJS.cMapPacked = true; PDFJS.cMapPacked = true;
var DEFAULT_URL = '../../web/compressed.tracemonkey-pldi-09.pdf'; var DEFAULT_URL = '../../web/compressed.tracemonkey-pldi-09.pdf';

4
examples/node/getinfo.js
View File

@ -12,8 +12,8 @@ var fs = require('fs');
// HACK adding DOMParser to read XMP metadata. // HACK adding DOMParser to read XMP metadata.
global.DOMParser = require('./domparsermock.js').DOMParserMock; global.DOMParser = require('./domparsermock.js').DOMParserMock;
// Run `gulp dist` to generate 'pdfjs-dist' npm package files. // Run `gulp dist-install` to generate 'pdfjs-dist' npm package files.
var pdfjsLib = require('../../build/dist'); var pdfjsLib = require('pdfjs-dist');
// Loading file from file system into typed array // Loading file from file system into typed array
var pdfPath = process.argv[2] || '../../web/compressed.tracemonkey-pldi-09.pdf'; var pdfPath = process.argv[2] || '../../web/compressed.tracemonkey-pldi-09.pdf';

2
examples/node/pdf2png/pdf2png.js
View File

@ -48,7 +48,7 @@ NodeCanvasFactory.prototype = {
}, },
}; };
var pdfjsLib = require('../../../build/dist'); var pdfjsLib = require('pdfjs-dist');
// Relative path of the PDF file. // Relative path of the PDF file.
var pdfURL = '../../helloworld/helloworld.pdf'; var pdfURL = '../../helloworld/helloworld.pdf';

4
examples/node/pdf2svg.js
View File

@ -10,8 +10,8 @@ var fs = require('fs');
// HACK few hacks to let PDF.js be loaded not as a module in global space. // HACK few hacks to let PDF.js be loaded not as a module in global space.
require('./domstubs.js'); require('./domstubs.js');
// Run `gulp dist` to generate 'pdfjs-dist' npm package files. // Run `gulp dist-install` to generate 'pdfjs-dist' npm package files.
var pdfjsLib = require('../../build/dist'); var pdfjsLib = require('pdfjs-dist');
// Loading file from file system into typed array // Loading file from file system into typed array
var pdfPath = process.argv[2] || '../../web/compressed.tracemonkey-pldi-09.pdf'; var pdfPath = process.argv[2] || '../../web/compressed.tracemonkey-pldi-09.pdf';

9
examples/svgviewer/viewer.js
View File

@ -36,13 +36,14 @@ function renderDocument(pdf, svgLib) {
} }
} }
Promise.all([SystemJS.import('pdfjs/display/api'), Promise.all([System.import('pdfjs/display/api'),
SystemJS.import('pdfjs/display/svg'), System.import('pdfjs/display/svg'),
SystemJS.import('pdfjs/display/global')]) System.import('pdfjs/display/global'),
System.resolve('pdfjs/worker_loader')])
.then(function (modules) { .then(function (modules) {
var api = modules[0], svg = modules[1], global = modules[2]; var api = modules[0], svg = modules[1], global = modules[2];
// In production, change this to point to the built `pdf.worker.js` file. // In production, change this to point to the built `pdf.worker.js` file.
global.PDFJS.workerSrc = '../../src/worker_loader.js'; global.PDFJS.workerSrc = modules[3];
// In production, change this to point to where the cMaps are placed. // In production, change this to point to where the cMaps are placed.
global.PDFJS.cMapUrl = '../../external/bcmaps/'; global.PDFJS.cMapUrl = '../../external/bcmaps/';

2
examples/text-only/index.html
View File

@ -3,7 +3,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Text-only PDF.js example</title> <title>Text-only PDF.js example</title>
<script src="../../build/generic/build/pdf.js"></script> <script src="../../node_modules/pdfjs-dist/build/pdf.js"></script>
<script src="pdf2svg.js"></script> <script src="pdf2svg.js"></script>
</head> </head>
<body> <body>

4
examples/text-only/pdf2svg.js
View File

@ -18,7 +18,7 @@ var PAGE_NUMBER = 1;
var PAGE_SCALE = 1.5; var PAGE_SCALE = 1.5;
var SVG_NS = 'http://www.w3.org/2000/svg'; var SVG_NS = 'http://www.w3.org/2000/svg';
PDFJS.workerSrc = '../../build/generic/build/pdf.worker.js'; PDFJS.workerSrc = '../../node_modules/pdfjs-dist/build/pdf.worker.js';
function buildSVG(viewport, textContent) { function buildSVG(viewport, textContent) {
// Building SVG with size of the viewport (for simplicity) // Building SVG with size of the viewport (for simplicity)
@ -63,7 +63,7 @@ function pageLoaded() {
document.addEventListener('DOMContentLoaded', function () { document.addEventListener('DOMContentLoaded', function () {
if (typeof PDFJS === 'undefined') { if (typeof PDFJS === 'undefined') {
alert('Built version of PDF.js was not found.\n' + alert('Built version of PDF.js was not found.\n' +
'Please run `gulp generic`.'); 'Please run `gulp dist-install`.');
return; return;
} }
pageLoaded(); pageLoaded();

2
examples/webpack/README.md
View File

@ -6,7 +6,7 @@ Example to demonstrate PDF.js library usage with Webpack.
Build project and install the example dependencies: Build project and install the example dependencies:
$ gulp dist $ gulp dist-install
$ cd examples/webpack $ cd examples/webpack
$ npm install $ npm install

5
examples/webpack/package.json
View File

@ -1,8 +1,11 @@
{ {
"name": "webpack-pdf.js-example", "name": "webpack-pdf.js-example",
"version": "0.1.0", "version": "0.1.0",
"scripts": {
"build": "webpack"
},
"devDependencies": { "devDependencies": {
"webpack": "~1.12.9", "webpack": "~1.12.9",
"pdfjs-dist": "../../build/dist" "pdfjs-dist": "../../node_modules/pdfjs-dist"
} }
} }

20
gulpfile.js
View File

@ -1031,9 +1031,6 @@ gulp.task('lib', ['buildnumber'], function () {
gulp.task('web-pre', ['generic', 'extension', 'jsdoc']); gulp.task('web-pre', ['generic', 'extension', 'jsdoc']);
gulp.task('dist-pre',
['generic', 'singlefile', 'components', 'lib', 'minified']);
gulp.task('publish', ['generic'], function (done) { gulp.task('publish', ['generic'], function (done) {
var version = JSON.parse( var version = JSON.parse(
fs.readFileSync(BUILD_DIR + 'version.json').toString()).version; fs.readFileSync(BUILD_DIR + 'version.json').toString()).version;
@ -1262,7 +1259,9 @@ gulp.task('gh-pages-git', ['gh-pages-prepare', 'wintersmith'], function () {
gulp.task('web', ['gh-pages-prepare', 'wintersmith', 'gh-pages-git']); gulp.task('web', ['gh-pages-prepare', 'wintersmith', 'gh-pages-git']);
gulp.task('dist-repo-prepare', ['dist-pre'], function () { gulp.task('dist-pre',
['generic', 'singlefile', 'components', 'lib', 'minified'],
function () {
var VERSION = getVersionJSON().version; var VERSION = getVersionJSON().version;
console.log(); console.log();
@ -1355,7 +1354,18 @@ gulp.task('dist-repo-prepare', ['dist-pre'], function () {
]); ]);
}); });
gulp.task('dist-repo-git', ['dist-repo-prepare'], function () { gulp.task('dist-install', ['dist-pre'], function () {
var distPath = DIST_DIR;
var opts = {};
var installPath = process.env['PDFJS_INSTALL_PATH'];
if (installPath) {
opts.cwd = installPath;
distPath = path.relative(installPath, distPath);
}
safeSpawnSync('npm', ['install', distPath], opts);
});
gulp.task('dist-repo-git', ['dist-pre'], function () {
var VERSION = getVersionJSON().version; var VERSION = getVersionJSON().version;
console.log(); console.log();