Discover gists

Line wrapping in jsPDF

jsPDF is a low-level library for building PDF files in JavaScript. ~~It does not support multiline text.~~ It does, text accept array, just split with splitTextToSize

Based on: https://gist.github.com/AnalyzePlatypus/c54d520e9bd5b5f662aeb0276e3f01a4

Line wrapping in jsPDF

jsPDF is a low-level library for building PDF files in JavaScript. It does not support multiline text.

Here's a complete helper function based on the answers by @KB1788 and @user3749946 in this StackOverflow thread:

It includes line wrap, page wrap, and some styling control:

Stripe Checkout: Multiple Checkout buttons on the same page

Suppose you have a Stripe Checkout page setup to sell a product.

To link to your payment page, you must generate a Checkout button HTML snippet for display on your site. However, the default snippet only supports one Checkout button. You cannot have several Checkout buttons for the same product on the same page.

This gist modifies Stripe's generated snippet to support several buttons.

Using (and debugging) Pre-signed S3 URLS

Architecture - A Brief Overview

A Pre-signed URL is used to allow untrusted users to temporary access to private S3 resources. (Example: upload an image to a private S3 bucket).

The URL is a string consists of:

AWS URL of the object to be accessed, and
A signed base64 string describing the HTTP request:

	How do you get that JSON?
	Data is what drives our apps and tools.
	Whenever you need data, you need to figure out what is the best way to use that data in the front-end.
	Depending on your options and the way you use that data, you can figure out what to do with it.
	Control over the data
	Does it belong to you? Have you created the data?
	Can you host it?
	Is it static?
	Is it dynamic?
	Does it have to be managed? By Who?

	// Reference: http://lea.verou.me/2011/10/easily-keep-gh-pages-in-sync-with-master/

	$ git add .
	$ git status // to see what changes are going to be commited
	$ git commit -m 'Some descriptive commit message'
	$ git push origin master

	$ git checkout gh-pages // go to the gh-pages branch
	$ git rebase master // bring gh-pages up to date with master
	$ git push origin gh-pages // commit the changes

	# CLI
	sudo apt update -y
	sudo apt install -y \
	git curl docker.io \
	build-essential pkg-config autoconf bison rustc cargo clang \
	libssl-dev libreadline-dev zlib1g-dev libyaml-dev libreadline-dev libncurses5-dev libffi-dev libgdbm-dev libjemalloc2 \
	libvips imagemagick libmagickwand-dev \
	redis-tools sqlite3 libsqlite3-0 libmysqlclient-dev \
	rbenv apache2-utils

	/*
	Usage:

	import getImageKitModifierQueryString from "getImageKitModifiers.js";

	const IMAGEKIT_CDN_ROOT = "https://ik.imagekit.io/my-app/";
	const myImageKey = "image.jpg";

	const modifierQueryString = getImageKitModifierQueryString({
	width: 45,

	readFileAsync(file) {
	return new Promise((resolve, reject) => {
	let reader = new FileReader()

	reader.onload = () => {
	resolve(reader.result)
	}

	reader.onerror = reject

	function convertPointsToUnit(points, unit) {
	// Unit table from https://github.com/MrRio/jsPDF/blob/ddbfc0f0250ca908f8061a72fa057116b7613e78/jspdf.js#L791
	var multiplier;
	switch(unit) {
	case 'pt': multiplier = 1; break;
	case 'mm': multiplier = 72 / 25.4; break;
	case 'cm': multiplier = 72 / 2.54; break;
	case 'in': multiplier = 72; break;
	case 'px': multiplier = 96 / 72; break;
	case 'pc': multiplier = 12; break;