[{"_1":2,"_181":-5,"_182":-5},"loaderData",{"_3":4,"_17":18,"_25":26,"_160":161},"root",{"_5":-5,"_6":-7,"_7":8,"_9":-7,"_10":11,"_12":-7,"_13":14,"_15":16},"currentUser","primaryEmail","siteVerification","6LeIxAcTAAAAAJcZVRqyHh71UMIEGNQ_MXjiZKhI","toast","enableDev",false,"incidentStatus","theme","system","contrast","normal","routes/_layout",{"_19":-5,"_20":21,"_22":21,"_23":11,"_24":21},"username","isAskGordonEnabled",true,"isUsingNewTemplate","showMinimalLanding","showHoneypotTrap","routes/_layout.r.$namespace.$reponame",{"_27":28,"_29":-5,"_30":11,"_31":11,"_32":33,"_34":35,"_36":-5,"_37":11,"_38":39,"_88":89,"_111":112,"_149":-5,"_150":11,"_151":21,"_152":11,"_153":-5,"_154":11,"_155":-5,"_156":157,"_158":113,"_159":-7},"canonicalUrl","https://hub.docker.com/r/jupyternaas/screenshot/tags","mcpServer","canSeeDockerfile","canSeeAutobuilds","namespace","jupyternaas","reponame","screenshot","cloudBuildSource","isAutobuildsAvailable","repo",{"_40":41,"_42":43,"_45":46,"_47":48,"_49":11,"_50":51,"_52":53,"_54":55,"_57":35,"_32":33,"_58":59,"_60":44,"_61":62,"_63":64,"_65":66,"_67":-5,"_68":62,"_69":70,"_71":11,"_72":33,"_73":74,"_79":11,"_80":81,"_85":33,"_86":87},"categories",[],"content_types",[44],"image","date_registered","2020-10-06T11:11:41.697415Z","description","","is_private","last_updated","2020-10-07T11:49:55.478695Z","last_modified","2024-10-16T13:48:34.145251Z","media_types",[56],"application/vnd.docker.container.image.v1+json","name","pull_count",340,"repository_type","star_count",0,"status",1,"status_description","active","source","collaborator_count","full_description","[![Deploy](https://www.herokucdn.com/deploy/button.svg)](https://heroku.com/deploy?template=https://github.com/alvarcarto/url-to-pdf-api)\n\n[![Build Status](https://travis-ci.org/alvarcarto/url-to-pdf-api.svg?branch=master)](https://travis-ci.org/alvarcarto/url-to-pdf-api)\n\n# URL to PDF Microservice\n\n> Web page PDF rendering done right. Microservice for rendering receipts, invoices, or any content. Packaged to an easy API.\n\n![Logo](docs/logo.png)\n\n**⚠️ WARNING ⚠️** *Don't serve this API publicly to the internet unless you are aware of the\nrisks. It allows API users to run any JavaScript code inside a Chrome session on the server.\nIt's fairly easy to expose the contents of files on the server. You have been warned!. See https://github.com/alvarcarto/url-to-pdf-api/issues/12 for background.*\n\n**⭐️ Features:**\n\n* Converts any URL or HTML content to a PDF file or an image (PNG/JPEG)\n* Rendered with Headless Chrome, using [Puppeteer](https://github.com/GoogleChrome/puppeteer). The PDFs should match to the ones generated with a desktop Chrome.\n* Sensible defaults but everything is configurable.\n* Single-page app (SPA) support. Waits until all network requests are finished before rendering.\n* Easy deployment to Heroku. We love Lambda but...Deploy to Heroku button.\n* Renders lazy loaded elements. *(scrollPage option)*\n* Supports optional `x-api-key` authentication. *(`API_TOKENS` env var)*\n\nUsage is as simple as https://url-to-pdf-api.herokuapp.com/api/render?url=http://google.com. There's also a `POST /api/render` if you prefer to send options in the body.\n\n**🔍 Why?**\n\nThis microservice is useful when you need to automatically produce PDF files\nfor whatever reason. The files could be receipts, weekly reports, invoices,\nor any content.\n\nPDFs can be generated in many ways, but one of them is to convert HTML+CSS\ncontent to a PDF. This API does just that.\n\n**🚀 Shortcuts:**\n\n* [Examples](#examples)\n* [API](#api)\n* [I want to run this myself](#development)\n\n## How it works\n\n![](docs/heroku.png)\n\nLocal setup is identical except Express API is running on your machine\nand requests are direct connections to it.\n\n### Good to know\n\n* **By default, page's `@media print` CSS rules are ignored**. We set Chrome to emulate `@media screen` to make the default PDFs look more like actual sites. To get results closer to desktop Chrome, add `&emulateScreenMedia=false` query parameter. See more at [Puppeteer API docs](https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md#pagepdfoptions).\n\n* Chrome is launched with `--no-sandbox --disable-setuid-sandbox` flags to fix usage in Heroku. See [this issue](https://github.com/GoogleChrome/puppeteer/issues/290).\n\n* Heavy pages may cause Chrome to crash if the server doesn't have enough RAM.\n\n\n\n## Examples\n\n**⚠️ Restrictions ⚠️:**\n\n* For security reasons the urls have been restricted and HTML rendering is disabled. For full demo, run this app locally or deploy to Heroku.\n* The demo Heroku app runs on a free dyno which sleep after idle. A request to sleeping dyno may take even 30 seconds.\n\n\n\n**The most minimal example, render google.com**\n\nhttps://url-to-pdf-api.herokuapp.com/api/render?url=http://google.com\n\n**The most minimal example, render google.com as PNG image**\n\nhttps://url-to-pdf-api.herokuapp.com/api/render?output=screenshot&url=http://google.com\n\n\n**Use the default @media print instead of @media screen.**\n\nhttps://url-to-pdf-api.herokuapp.com/api/render?url=http://google.com&emulateScreenMedia=false\n\n**Use scrollPage=true which tries to reveal all lazy loaded elements. Not perfect but better than without.**\n\nhttps://url-to-pdf-api.herokuapp.com/api/render?url=http://www.andreaverlicchi.eu/lazyload/demos/lazily_load_lazyLoad.html&scrollPage=true\n\n**Render only the first page.**\n\nhttps://url-to-pdf-api.herokuapp.com/api/render?url=https://en.wikipedia.org/wiki/Portable_Document_Format&pdf.pageRanges=1\n\n**Render A5-sized PDF in landscape.**\n\nhttps://url-to-pdf-api.herokuapp.com/api/render?url=http://google.com&pdf.format=A5&pdf.landscape=true\n\n**Add 2cm margins to the PDF.**\n\nhttps://url-to-pdf-api.herokuapp.com/api/render?url=http://google.com&pdf.margin.top=2cm&pdf.margin.right=2cm&pdf.margin.bottom=2cm&pdf.margin.left=2cm\n\n**Wait for extra 1000ms before render.**\n\nhttps://url-to-pdf-api.herokuapp.com/api/render?url=http://google.com&waitFor=1000\n\n\n**Download the PDF with a given attachment name**\n\nhttps://url-to-pdf-api.herokuapp.com/api/render?url=http://google.com&attachmentName=google.pdf\n\n**Wait for an element matching the selector `input` appears.**\n\nhttps://url-to-pdf-api.herokuapp.com/api/render?url=http://google.com&waitFor=input\n\n**Render HTML sent in JSON body**\n\n*NOTE: Demo app has disabled html rendering for security reasons.*\n\n```bash\ncurl -o html.pdf -XPOST -d'{\"html\": \"test\"}' -H\"content-type: application/json\" http://localhost:9000/api/render\n```\n\n**Render HTML sent as text body**\n\n*NOTE: Demo app has disabled html rendering for security reasons.*\n\n```bash\ncurl -o html.pdf -XPOST -d@test/resources/large.html -H\"content-type: text/html\" http://localhost:9000/api/render\n```\n\n## API\n\nTo understand the API options, it's useful to know how [Puppeteer](https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md)\nis internally used by this API. The [render code](https://github.com/alvarcarto/url-to-pdf-api/blob/master/src/core/render-core.js)\nis quite simple, check it out. Render flow:\n\n1. **`page.setViewport(options)`** where options matches `viewport.*`.\n2. *Possibly* **`page.emulateMedia('screen')`** if `emulateScreenMedia=true` is set.\n3. Render url **or** html.\n\n If `url` is defined, **`page.goto(url, options)`** is called and options match `goto.*`.\n Otherwise **`page.setContent(html, options)`** is called where html is taken from request body, and options match `goto.*`.\n\n4. *Possibly* **`page.waitFor(numOrStr)`** if e.g. `waitFor=1000` is set.\n5. *Possibly* **Scroll the whole page** to the end before rendering if e.g. `scrollPage=true` is set.\n\n Useful if you want to render a page which lazy loads elements.\n\n6. Render the output\n\n * If output is `pdf` rendering is done with **`page.pdf(options)`** where options matches `pdf.*`.\n * Else if output is `screenshot` rendering is done with **`page.screenshot(options)`** where options matches `screenshot.*`.\n\n\n### GET /api/render\n\nAll options are passed as query parameters.\nParameter names match [Puppeteer options](https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md).\n\nThese options are exactly the same as its `POST` counterpart, but options are\nexpressed with the dot notation. E.g. `?pdf.scale=2` instead of `{ pdf: { scale: 2 }}`.\n\nThe only required parameter is `url`.\n\nParameter | Type | Default | Description\n----------|------|---------|------------\nurl | string | - | URL to render as PDF. (required)\noutput | string | pdf | Specify the output format. Possible values: `pdf` , `screenshot` or `html`.\nemulateScreenMedia | boolean | `true` | Emulates `@media screen` when rendering the PDF.\nenableGPU | boolean | `false` | When set, enables chrome GPU. For windows user, this will always return false. See https://developers.google.com/web/updates/2017/04/headless-chrome\nignoreHttpsErrors | boolean | `false` | Ignores possible HTTPS errors when navigating to a page.\nscrollPage | boolean | `false` | Scroll page down before rendering to trigger lazy loading elements.\nwaitFor | number or string | - | Number in ms to wait before render or selector element to wait before render.\nattachmentName | string | - | When set, the `content-disposition` headers are set and browser will download the PDF instead of showing inline. The given string will be used as the name for the file.\nviewport.width | number | `1600` | Viewport width.\nviewport.height | number | `1200` | Viewport height.\nviewport.deviceScaleFactor | number | `1` | Device scale factor (could be thought of as dpr).\nviewport.isMobile | boolean | `false` | Whether the meta viewport tag is taken into account.\nviewport.hasTouch | boolean | `false` | Specifies if viewport supports touch events.\nviewport.isLandscape | boolean | `false` | Specifies if viewport is in landscape mode.\ncookies[0][name] | string | - | Cookie name (required)\ncookies[0][value] | string | - | Cookie value (required)\ncookies[0][url] | string | - | Cookie url\ncookies[0][domain] | string | - | Cookie domain\ncookies[0][path] | string | - | Cookie path\ncookies[0][expires] | number | - | Cookie expiry in unix time\ncookies[0][httpOnly] | boolean | - | Cookie httpOnly\ncookies[0][secure] | boolean | - | Cookie secure\ncookies[0][sameSite] | string | - | `Strict` or `Lax`\ngoto.timeout | number | `30000` | Maximum navigation time in milliseconds, defaults to 30 seconds, pass 0 to disable timeout.\ngoto.waitUntil | string | `networkidle0` | When to consider navigation succeeded. Options: `load`, `domcontentloaded`, `networkidle0`, `networkidle2`. `load` - consider navigation to be finished when the load event is fired. `domcontentloaded` - consider navigation to be finished when the `DOMContentLoaded` event is fired. `networkidle0` - consider navigation to be finished when there are no more than 0 network connections for at least `500` ms. `networkidle2` - consider navigation to be finished when there are no more than 2 network connections for at least `500` ms.\npdf.scale | number | `1` | Scale of the webpage rendering.\npdf.printBackground | boolean | `false`| Print background graphics.\npdf.displayHeaderFooter | boolean | `false` | Display header and footer.\npdf.headerTemplate | string | - | HTML template to use as the header of each page in the PDF. **Currently Puppeteer basically only supports a single line of text and you must use pdf.margins+CSS to make the header appear!** See https://github.com/alvarcarto/url-to-pdf-api/issues/77.\npdf.footerTemplate | string | - | HTML template to use as the footer of each page in the PDF. **Currently Puppeteer basically only supports a single line of text and you must use pdf.margins+CSS to make the footer appear!** See https://github.com/alvarcarto/url-to-pdf-api/issues/77.\npdf.landscape | boolean | `false` | Paper orientation.\npdf.pageRanges | string | - | Paper ranges to print, e.g., '1-5, 8, 11-13'. Defaults to the empty string, which means print all pages.\npdf.format | string | `A4` | Paper format. If set, takes priority over width or height options.\npdf.width | string | - | Paper width, accepts values labeled with units.\npdf.height | string | - | Paper height, accepts values labeled with units.\npdf.fullPage | boolean | - | Create PDF in a single page\npdf.margin.top | string | - | Top margin, accepts values labeled with units.\npdf.margin.right | string | - | Right margin, accepts values labeled with units.\npdf.margin.bottom | string | - | Bottom margin, accepts values labeled with units.\npdf.margin.left | string | - | Left margin, accepts values labeled with units.\nscreenshot.fullPage | boolean | `true` | When true, takes a screenshot of the full scrollable page.\nscreenshot.type | string | `png` | Screenshot image type. Possible values: `png`, `jpeg`\nscreenshot.quality | number | - | The quality of the JPEG image, between 0-100. Only applies when `screenshot.type` is `jpeg`.\nscreenshot.omitBackground | boolean | `false` | Hides default white background and allows capturing screenshots with transparency.\nscreenshot.clip.x | number | - | Specifies x-coordinate of top-left corner of clipping region of the page.\nscreenshot.clip.y | number | - | Specifies y-coordinate of top-left corner of clipping region of the page.\nscreenshot.clip.width | number | - | Specifies width of clipping region of the page.\nscreenshot.clip.height | number | - | Specifies height of clipping region of the page.\nscreenshot.selector | string | - | Specifies css selector to clip the screenshot to.\n\n\n**Example:**\n\n```bash\ncurl -o google.pdf https://url-to-pdf-api.herokuapp.com/api/render?url=http://google.com\n```\n\n\n### POST /api/render - (JSON)\n\nAll options are passed in a JSON body object.\nParameter names match [Puppeteer options](https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md).\n\nThese options are exactly the same as its `GET` counterpart.\n\n**Body**\n\nThe only required parameter is `url`.\n\n```js\n{\n // Url to render. Either url or html is required\n url: \"https://google.com\",\n\n // Either \"pdf\" or \"screenshot\"\n output: \"pdf\",\n\n // HTML content to render. Either url or html is required\n html: \"Your content\",\n\n // If we should emulate @media screen instead of print\n emulateScreenMedia: true,\n\n // If we should ignore HTTPS errors\n ignoreHttpsErrors: false,\n\n // If true, page is scrolled to the end before rendering\n // Note: this makes rendering a bit slower\n scrollPage: false,\n\n // Passed to Puppeteer page.waitFor()\n waitFor: null,\n\n // Passsed to Puppeteer page.setCookies()\n cookies: [{ ... }]\n\n // Passed to Puppeteer page.setViewport()\n viewport: { ... },\n\n // Passed to Puppeteer page.goto() as the second argument after url\n goto: { ... },\n\n // Passed to Puppeteer page.pdf()\n pdf: { ... },\n\n // Passed to Puppeteer page.screenshot()\n screenshot: { ... },\n}\n```\n\n**Example:**\n\n```bash\ncurl -o google.pdf -XPOST -d'{\"url\": \"http://google.com\"}' -H\"content-type: application/json\" http://localhost:9000/api/render\n```\n\n```bash\ncurl -o html.pdf -XPOST -d'{\"html\": \"test\"}' -H\"content-type: application/json\" http://localhost:9000/api/render\n```\n\n### POST /api/render - (HTML)\n\nHTML to render is sent in body. All options are passed in query parameters.\nSupports exactly the same query parameters as `GET /api/render`, except `url`\nparemeter.\n\n*Remember that relative links do not work.*\n\n**Example:**\n\n```bash\ncurl -o receipt.html https://rawgit.com/wildbit/postmark-templates/master/templates_inlined/receipt.html\ncurl -o html.pdf -XPOST -d@receipt.html -H\"content-type: text/html\" http://localhost:9000/api/render?pdf.scale=1\n```\n\n## Development\n\nTo get this thing running, you have two options: run it in Heroku, or locally.\n\nThe code requires Node 8+ (async, await).\n\n#### 1. Heroku deployment\n\nScroll this readme up to the Deploy to Heroku -button. Click it and follow\ninstructions.\n\n**WARNING:** *Heroku dynos have a very low amount of RAM. Rendering heavy pages\nmay cause Chrome instance to crash inside Heroku dyno. 512MB should be\nenough for most real-life use cases such as receipts. Some news sites may need\neven 2GB of RAM.*\n\n\n#### 2. Local development\n\nFirst, clone the repository and cd into it.\n\n* `cp .env.sample .env`\n* Fill in the blanks in `.env`\n\n* `npm install`\n* `npm start` Start express server locally\n* Server runs at http://localhost:9000 or what `$PORT` env defines\n\n\n### Techstack\n\n* Node 8+ (async, await), written in ES7\n* [Express.js](https://expressjs.com/) app with a nice internal architecture, based on [these conventions](https://github.com/kimmobrunfeldt/express-example).\n* Hapi-style Joi validation with [express-validation](https://github.com/andrewkeig/express-validation)\n* Heroku + [Puppeteer buildpack](https://github.com/jontewks/puppeteer-heroku-buildpack)\n* [Puppeteer](https://github.com/GoogleChrome/puppeteer) to control Chrome\n","has_starred","hub_user","immutable_tags_settings",{"_75":11,"_76":77},"enabled","rules",[78],".*","is_automated","permissions",{"_82":21,"_83":11,"_84":11},"read","write","admin","user","storage_size",605125887,"orgData",{"_90":91,"_92":93,"_94":95,"_96":33,"_97":98,"_99":100,"_101":102,"_103":104,"_105":106,"_107":48,"_108":48,"_109":48,"_110":21},"id","045ee810477d4ccfaac9118b6cc9a0d4","uuid","045ee810-477d-4ccf-aac9-118b6cc9a0d4","type","organization","orgname","full_name","Jupyer Nass","location","Paris","company","Cashstory","profile_url","https://naas.ai","date_joined","2020-09-20T17:20:22.128276Z","gravatar_url","gravatar_email","badge","is_active","recentTags",[113],{"_114":44,"_115":116,"_117":118,"_90":119,"_120":121,"_50":138,"_139":116,"_140":33,"_141":56,"_57":142,"_143":144,"_145":129,"_146":138,"_147":66,"_148":21},"content_type","creator",10897685,"full_size",595080894,120231823,"images",[122],{"_123":124,"_125":126,"_127":48,"_128":129,"_130":131,"_132":133,"_134":48,"_135":-5,"_136":118,"_63":66,"_137":-5},"architecture","amd64","digest","sha256:89fb3c886f3532ea2c3aa2e0a195e79a4d488f2fafacdf1a0873c4da61dacc94","features","last_pulled","2026-09-24T00:59:27.271788799Z","last_pushed","2020-10-07T11:49:55Z","os","linux","os_features","os_version","size","variant","2020-10-07T11:49:54.94509Z","last_updater","last_updater_username","media_type","latest","repository",9972432,"tag_last_pulled","tag_last_pushed","tag_status","v2","sbxKitMetadata","isPotentialSpam","isHubSbxKitsEnabled","showSbxLogoOverride","sbxTrademarkText","displaySecurityMetadata","tagAttestations","tagsHaveAttestations",[],"selectedTag","attestationsUrl","routes/_layout.r.$namespace.$reponame.tags",{"_38":162,"_169":170,"_156":179,"_180":11},{"_40":163,"_42":164,"_45":46,"_47":48,"_49":11,"_50":51,"_52":53,"_54":165,"_57":35,"_32":33,"_58":59,"_60":44,"_61":62,"_63":64,"_65":66,"_67":-5,"_68":62,"_69":70,"_71":11,"_72":33,"_73":166,"_79":11,"_80":168,"_85":33,"_86":87},[],[44],[56],{"_75":11,"_76":167},[78],{"_82":21,"_83":11,"_84":11},"tags",{"_171":64,"_172":-5,"_173":-5,"_174":175},"count","next","previous","results",[176],{"_114":44,"_115":116,"_117":118,"_90":119,"_120":177,"_50":138,"_139":116,"_140":33,"_141":56,"_57":142,"_143":144,"_145":129,"_146":138,"_147":66,"_148":21},[178],{"_123":124,"_125":126,"_127":48,"_128":129,"_130":131,"_132":133,"_134":48,"_135":-5,"_136":118,"_63":66,"_137":-5},[],"canDeleteTags","actionData","errors"]

jupyternaas/screenshot

Tags for jupyternaas/screenshot