kevinokerlund / print-job Goto Github PK

Uncaught TypeError: Cannot read property 'match' of undefined

The body tag needs to be usable as a target for this library as it would allow functions to be used when printing the whole page.

The CSS that is applied:

html body > :not(.${STYLE_CLASSES.PARENT}):not(.${STYLE_CLASSES.BLANKET}) {
	display: none !important;
}

does not take into account PRINT elements that are direct children of body

When trying to include the div-printer library in the body tab before the tag, the printer events do not fire correctly. They have the same issue as this question on StackOverflow.

For this library to work correctly currently, it must be included in the <head? tag.

CSS generation and attachment should be included in the JS file instead of requiring users to attach another CSS stylesheet as the CSS is relatively small. If the CSS were to be written in JSON format and then parsed into CSS, it would allow for easy readability, and editing.

• json2css JavaScript function
• CSS JSON object to parse into CSS at run-time

Why?

Images on a web page should be as small as possible, but when a user wants to print a picture that is on the page, often a higher resolution image should be supplied.

Basic implementation plan

• A URL should be supplied to the print function (or another function)
• The image should not be viewable in the DOM during the print
• No new windows or popups, or iframes should be used

This is due to the way we "blanket" the page. The original HTML content is still there, just covered, and not hidden (so it still takes up its height).

You can print a PDF file by adding an iframe to the page, and then calling .print on the iFrame window.

Use webpack and babel

The testing framework will need to support a fake DOM.
Is there a framework around that allows mocking "print mode"