akabekobeko / examples-vivliostyle-pagedjs Goto Github PK

View Code? Open in Web Editor NEW

1.0 1.0 0.0 31 KB

This is a project to compare and verify Vivliostyle and Paged.js.

License: MIT License

examples-vivliostyle-pagedjs's People

Contributors

Stargazers

Watchers

examples-vivliostyle-pagedjs's Issues

Remove unnecessary samples and previews

Remove some Vivliostyle samples that are not needed for your own extensions or comparisons. Also, remove the preview command because build (PDF) is sufficient for comparison.

Separate the output destination of the file by destination

Vivliostyle is pdf/vivliostyle/, Paged.js is pdf/pagedjs/

Remove the XML samples

Vivliostyle and Paged.js do not support XML, so exclude them from the sample.

Some samples cannot be built with Paged.js

The following sample does not finish building.

> [email protected] p:viv05 .../examples-vivliostyle-pagedjs
> pagedjs-cli ./vivliostyle/samples/gutenberg/Sherlock.html -o pdf/pagedjs/viv05.pdf

✔ Loaded
◶ Rendering: Page 5

> [email protected] p:css24 .../examples-vivliostyle-pagedjs
> pagedjs-cli ./print-css-rocks/lessons/lesson-footnotes/index.html -o pdf/pagedjs/css24.pdf

◷ Loading: ./print-css-rocks/lessons/lesson-footnotes/index.html

> [email protected] p:css32 .../examples-vivliostyle-pagedjs
> pagedjs-cli ./print-css-rocks/lessons/lesson-mathml-native/index.html -o pdf/pagedjs/css32.pdf

◵ Loading: ./print-css-rocks/lessons/lesson-mathml-native/index.html

Implement the command to preview/build

Implement the preview/build command with vivliostyle-cli and pagedjs-cli as npm-scripts.

Unable to reference relative path CSS in print-css.rocks

The CSS of print-css.rocks refers to the files in the upper layer as follows.

@import url("../styles/a4.css");

However, vivliostyle-cli specifies a sample directory, so the upper layers are ignored. Need to specify the directory with -r to refer to the upper layer.

Wrong Vivliostyle sample output file name in Paged.js

Should be viv * instead of css *.

print-css.rocks Incorrect path specification for sample

HTML is specified for the XML file.

{
  "scripts": {
    "v:css56": "vivliostyle build ./print-css-rocks/lessons/lesson-two-column-with-author-box/index.html -o pdf/css56.pdf",
    "p:css56": "pagedjs-cli ./print-css-rocks/lessons/lesson-two-column-with-author-box/index.html -o pdf/css56.pdf",
  }
}

The correct name is *.xml.

{
  "scripts": {
    "v:css56": "vivliostyle build ./print-css-rocks/lessons/lesson-two-column-with-author-box/index.xml -o pdf/css56.pdf",
    "p:css56": "pagedjs-cli ./print-css-rocks/lessons/lesson-two-column-with-author-box/index.xml -o pdf/css56.pdf",
  }
}

Build an environment

contents/ ... Sample for CSS Paged Media HTML/CSS
package.json ... Settings of Node.js project
and others

Duplicate commands and incorrect paths

Reports from @MurakamiShinyu

{
  "scripts": {
    "v:css02": "vivliostyle build ./print-css-rocks/lessons/lesson-antennahouse-multicol-with-sidenotes/index.html -o pdf/vivliostyle/css02.pdf",
    "v:css03": "vivliostyle build ./print-css-rocks/lessons/lesson-archive-pdf/vivliostyle/index.html -o pdf/vivliostyle/css03.pdf",
    "v:css04": "vivliostyle build ./print-css-rocks/lessons/lesson-antennahouse-multicol-with-sidenotes/index.html -o pdf/vivliostyle/css04.pdf",
    "v:css05": "vivliostyle build ./print-css-rocks/lessons/lesson-archive-pdf/vivliostyle/index.html -o pdf/vivliostyle/css05.pdf",

    "p:css02": "pagedjs-cli ./print-css-rocks/lessons/lesson-antennahouse-multicol-with-sidenotes/index.html -o pdf/pagedjs/css02.pdf",
    "p:css03": "pagedjs-cli ./print-css-rocks/lessons/lesson-archive-pdf/pagedjs/index.html -o pdf/pagedjs/css03.pdf",
    "p:css04": "pagedjs-cli ./print-css-rocks/lessons/lesson-antennahouse-multicol-with-sidenotes/index.html -o pdf/pagedjs/css04.pdf",
    "p:css05": "pagedjs-cli ./print-css-rocks/lessons/lesson-archive-pdf/pagedjs/index.html -o pdf/pagedjs/css05.pdf"
}

css02とcss04, css03とcss05が重複している
lesson-archive-pdf/ と index.html の間に存在しないディレクトリ名 vivliostyle と pagedjs が入っている（一括置換ミス？）

Split clean command between Vivliostyle and Paged.js

Delete only the files related to each individually.

The serial number of the output PDF file name is incorrect

Corrected the serial number of the command name in # 10, but the PDF file name in the command remains the same, so correct it.

Release v1.0.0

lesson-two-column-with-author-box gives an error

vivliostyle-cli

> [email protected] v:css56 .../examples-vivliostyle-pagedjs
> vivliostyle build ./print-css-rocks/lessons/lesson-two-column-with-author-box/index.xml -o pdf/css56.pdf

===> Launching build environment...
===> Building pages...
Error: waiting for function failed: timeout 30000ms exceeded

If you think this is a bug, please report at https://github.com/vivliostyle/vivliostyle-cli/issues

pagedjs-cli

> [email protected] p:css56 .../examples-vivliostyle-pagedjs
> pagedjs-cli ./print-css-rocks/lessons/lesson-two-column-with-author-box/index.xml -o pdf/css56.pdf

Must pass a html or xhtml file as input

Make Vivliostyle and print-css.rocks samples buildable individually

I unified the commands that were separated in #12, but since it is easier to test if they are separated, only the build is returned separately.

Add npm install to the README Setup

Report from @MurakamiShinyu

それからREADMEのBuildの前に npm install が必要だと思います。

This project uses npm, so you need npm install for Setup.

akabekobeko / examples-vivliostyle-pagedjs Goto Github PK

examples-vivliostyle-pagedjs's People

Contributors

Stargazers

Watchers

examples-vivliostyle-pagedjs's Issues

Recommend Projects

Recommend Topics

Recommend Org