From: Bill Erickson Date: Mon, 13 Feb 2017 21:41:46 +0000 (-0500) Subject: eg 2017 hatch review doc X-Git-Url: https://old-git.evergreen-ils.org/?a=commitdiff_plain;h=8d0e570e2a8e929a6997d7565c487534e2384501;p=working%2Frandom.git eg 2017 hatch review doc Signed-off-by: Bill Erickson --- diff --git a/hatch-review.adoc b/hatch-review.adoc index c0444bfb2..f335dca28 100644 --- a/hatch-review.adoc +++ b/hatch-review.adoc @@ -3,14 +3,23 @@ :email: berickxx@gmail.com :date: Evergreen Conference, April 7, 2017 :duration: 50 -:data-uri: :backend: slidy :max-width: 45em == Topics -* foo -* bar +== A Quick Word on Rendering Print Templates + +* Browser inserts template HTML into the page DOM. +* Browser digests the template, replacing placeholders + ** For example, replacing {{balance_owed | money}} with + $2.25 +* In non-Hatch mode, print CSS is added to the print DOM element and a call + to window.print() prints only the rendered template content from the page. +* In Hatch mode, the compiled HTML content is extracted from the DOM as + an HTML string and sent to Hatch with a 'print' command. + ** Hatch does not inject any JS or CSS (but it can load remote content, + i.e. scripts, css, images, etc.). == Browser Extension Loading / Debugging @@ -35,6 +44,9 @@ Application JavaScript <=> Hatch Java <=> Printer / FileSystem +== Hatch Message Flow + +image:images/Hatch_Flow_Diagram.png[Hatch Diagram] == Native Messaging API @@ -57,19 +69,6 @@ egCore.print.print({...}) is translated into: } --------------------------------------------------------------------------- -== A Quick Word on Rendering Print Templates - -* Browser inserts template HTML into the page DOM. -* Browser digests the template, replacing placeholders - ** For example, replacing {{balance_owed | money}} with - $2.25 -* In non-Hatch mode, print CSS is added to the print DOM element and a call - to window.print() prints only the rendered template content from the page. -* In Hatch mode, the compiled HTML content is extracted from the DOM as - an HTML string and sent to Hatch with a 'print' command. - ** Hatch does not inject any JS or CSS (but it can load remote content, - i.e. scripts, css, images, etc.). - == Hatch Files Where they live diff --git a/images/Hatch_Flow_Diagram.png b/images/Hatch_Flow_Diagram.png new file mode 100644 index 000000000..51d6ae265 Binary files /dev/null and b/images/Hatch_Flow_Diagram.png differ