Create exporting service (repost)

[ovidiuch]

Makes request with ?_escapedfragment= in the back, extracts the css path, wgets it and replaces the tab with the entire content, so that the index doesn't depend on any external file. Then probably email it. Consider alternative delivering, like open in a new tab or send by email (check HN thread)

Also remove contents, images, and fetch avatar image and turn into data:image stuff

• [x] Version .log folder (w/out contents)
• [x] Fix ROOT_URL in start script
• [x] Create exportTimeline server method with Node utilitaries
  • Save file to Rackspace files directly, with https://github.com/nodejitsu/pkgcloud/blob/master/docs/providers/rackspace/storage.md
• [ ] Parse export and fetch all external dependencies and put them inline

[ovidiuch]

npm install pkgcloud in .meteor/local/build/server

[ovidiuch]

This

cd .meteor/local/build/server/
npm install cloudfiles

[ovidiuch]

Redirect plan, create PDF export

• [x] Style timeline to look good in .pdf
• [x] Build export service around wkhtmltopdf service https://code.google.com/p/wkhtmltopdf/
• [ ] Include wkhtmltopdf in the install process (find a way to add things w/out testing install entirely...) phanthom js is already installed :D

Correction: phantomjs

[ovidiuch]

About the fonts working in wkhtmltopdf: http://stackoverflow.com/questions/6721295/google-web-fonts-and-pdf-generation-from-html-with-wkhtmltopdf

[ovidiuch]

Example of pdf export with no margins:

wkhtmltopdf -T 0 -B 0 -L 0 -R 0 http://aufond.me/sivers/contact\?_escaped_fragment_\= ~/Documents/sivers.pdf

[ovidiuch]

Api of kthtmltopdf http://madalgo.au.dk/~jakobt/wkhtmltoxdoc/wkhtmltopdf-0.9.9-doc.html

[ovidiuch]

Enable links:

wkhtmltopdf --enable-internal-links --enable-external-links -T 0 -B 0 -L 0 -R 0 http://localhost:3000/skidding/contact\?_escaped_fragment_\= ~/Documents/skidding.pdf

[ovidiuch]

Also trying phantomjs for .pdf export https://github.com/ariya/phantomjs/wiki/API-Reference-WebPage#wiki-webpage-settings. It works best so far but it doesn't support links :(

[ovidiuch]

Fix to prevent page breaks inside entries for phantomjs/webkit:

@media print {
  body.timeline {
    .entry .head,
    .entry.year {
      // Because images are inline-block, and images have inline-block display,
      // WebKit prevents images from breaking between pages by applying this
      // rule to all inline-block elements. This is more effective than
      // page-break-inside: avoid
      // https://github.com/ariya/phantomjs/issues/10638#issuecomment-20186253
      display: inline-block;
    }
  }
}

[ovidiuch]

Establishing requirements for exporting .pdf

• [x] Support all CSS properties used
• [x] Be able to extract a single long page or support CSS properties for page breaks to would create a seamless timeline
• [x] Include links
• [ ] Import fonts postpone, and keep an eye on ariya/phantomjs#10592

[ovidiuch]

Subscribed to this thread https://github.com/ariya/phantomjs/issues/10592

[ovidiuch]

Current command with phantomjs

phantomjs server/.phantomjs-scripts/export-pdf.js "http://aufond.me/skidding/contact?_escaped_fragment_=" ~/Documents/resume.pdf

[ovidiuch]

Yey. it works with pdfs.

Order of business:

• [x] Check if bundling works with new v0.6.5 of Meteor https://github.com/meteor/meteor/issues/1308
• [x] Test when compiled, it kinda fails in dev, but phantomjs did so before
• [x] Test in staging, on local Mac Spiderable keeps failing, if there's the smaller risk of happening in prod (e.g. if it can be replicated at least once in staging (aufond.me:3000), check out http://stackoverflow.com/questions/14520317/meteor-app-renders-unstable-with-spiderable and try to patch Spiderable with a timeout -- Seems fine, will be able to test more after having an interface
• [x] Install fonts on prod machine
  • https://groups.google.com/forum/#!msg/phantomjs/LBYIyBNGdkA/n3AhP5xbaEQJ already installed
  • http://www.webupd8.org/2011/01/automatically-install-all-google-web.html - Update: fonts installed I think, but the bold version look weird, condensed and shit.
  • Try uninstalling all OpenSans condensed or other variation except default. Didn't make a difference, the thing below was the problem
  • Remove googlefonts tag in the process for exporting pdf to make sure local variants are used :+1: Yes, the fonts are 90% rendered correctly
  • Fix OpenSans font by adding 600 instead of 700 font-weight to bold and letter-spacing -1 to all with that font from timeline---in print CSS Over-engineering, neighter weight 600 nor spacing -1 looked OK
  • Add the webupd8 font script into the install script. Or just add the fonts in the repo w/ custom install
• [x] Remove files from CDN when removing model (better sooner than later, it is transparent to the user--aka it can remove an export and see an old CDN path still work and get frustration for storing its data)
• [x] Clean up exports, from local db, from prod db, from files system, from prod file system (if there is any, don't think so), from Rackspace
• [ ] See if you could add a background color Try the single-page pdf some more... Didn't work, create another issue before launching project if friends hate it
  • http://uggedal.com/journal/phantomjs-default-background-color/
  • Maybe even image with stripe... Not MVP worthy
• [x] Bootstrap 3 was released, check if there are any diffs for the used modules
• [x] Auth with every upload, instead of startup
  • https://github.com/nodejitsu/node-cloudfiles/blob/master/lib/cloudfiles/core.js#L51-L82
  • http://docs.rackspace.com/files/api/v1/cf-devguide/content/Authentication-d1e433.html

The merge put into staging this and create the interface!!!