@flourish/sdk 3.20.0 → 4.1.1

package/README.md

@@ -487,3 +487,24 @@ Called whenever the user changes a data table or setting in the visualisation ed
 An object into which Flourish will put the data from user-editable data tables. Usually your code will initialise `data` as an empty object `{}`, and read from it in the `draw()` and `update()` functions.
 
 Each property is a `dataset`: an array containing an object for each row in the relevant data table. The structure of each `dataset` is defined in the [data bindings of the `template.yml`](#data-bindings), and the data is loaded from the tables in the [`data/`](#data) directory.
+
+### `.screenshot(opts, takeScreenshot)`
+Called whenever the user has clicked "Download image" in the visualisation editor. This function gets called just before the image is downloaded and allows you to prepare the visualisation to be downloaded as an image. This is useful for example for disabling a template's animation, or converting HTML elements to SVG elements for SVG export.
+
+The method has 2 arguments:
+- `opts` – an object with information about the image to be downloaded
+```js
+{
+  download: true
+  filename: ""
+  format: "png" // can be png, svg or jpeg
+  height: "575"
+  scale: 1
+  width: "796"
+}
+```
+- `takeScreenshot` – the Flourish screenshot function. This can be called after you've made amendments to your visualisation. Returns a promise which gets fired when the screenshot is finished, the callback takes two arguments for when the screenshot has succeeded or failed respectively, which can be used to undo any changes you made for the screenshot.
+
+```js
+takeScreenshot().then(onSuccess, onFail)
+```

package/RELEASE_NOTES.md

@@ -1,3 +1,19 @@
+# 4.1.1
+* Fixes the reporting of server errors by the CLI
+
+# 4.1.0
+* Allow SDK CLI token based authentication.
+
+# 4.0.0
+* This is purely a Node.js compatibility break; it’s a major version change, because the SDK is
+  no longer compatible with old versions of Node.js: it now requires at least version 13.2.
+  There are no functional changes in this release.
+
+# 3.20.1
+* Use version 1.7.3 of the shell-quote package, to avoid a security issue that doesn’t
+  really affect us in this context, but could trigger spurious security warnings
+  (https://snyk.io/test/npm/shell-quote/1.6.1)
+
 # 3.20.0
 * Add the `html` setting type, which gives you a rich text editor for a settings value
 

package/bin/flourish.js

@@ -20,6 +20,9 @@ const OPTS = {
 
 		// Only relevant for admin users
 		"as",
+
+		// Login option
+		"token",
 	],
 
 	default: {

package/lib/cmd/help.js

@@ -28,7 +28,7 @@ Commands:
 	flourish [-h|--help|help] [topic]
 	flourish history [--full] template_id
 	flourish list [--full] [template id]
-	flourish login [email_address]
+	flourish login ( [email_address] | --token [token] )
 	flourish logout
 	flourish new directory_name
 	flourish publish [template_directory]

package/lib/cmd/login.js

@@ -34,6 +34,19 @@ exports.command = function login(args) {
 		});
 	}
 
+	function getToken() {
+		return new Promise(function(resolve, reject) {
+			if (args.token) {
+				resolve(args.token);
+				return;
+			}
+			read({ prompt: "SDK Token: ", silent: true }, function(error, token) {
+				if (error) return reject(error);
+				resolve(token);
+			});
+		});
+	}
+
 	function login(email, password) {
 		return sdk.request(args, "user/login", { email: email, password: password })
 			.then((response) => {
@@ -47,6 +60,24 @@ exports.command = function login(args) {
 					.catch((error) => log.die("Failed to save SDK token", error.message));
 			});
 	}
+	async function loginWithToken(sdk_token) {
+		try {
+			await sdk.setSdkToken(args, sdk_token);
+			const user_info = await sdk.request(args, "user/whoami", {});
+			return user_info;
+		}
+		catch (e) {
+			log.die("Failed to save SDK token", e.message);
+		}
+	}
+	if ("token" in args) {
+		getToken().then((token) => {
+			loginWithToken(token).then(user_info => {
+				log.victory("Logged in as " + user_info.email);
+			}).catch(error => log.die("Failed to save SDK token", error.message));
+		});
+		return;
+	}
 
 	getEmail()
 		.then((email) => Promise.all([email, getPassword()]))
@@ -55,7 +86,9 @@ exports.command = function login(args) {
 };
 
 exports.help = `
-flourish login [email_address]
+Usage: 
+	flourish login [email]
+	flourish login --token [token]
 
 Log in to Flourish. You will be prompted for a password.
 

package/lib/sdk.js

@@ -21,6 +21,7 @@ const sdk_tokens_file = path.join(process.env.HOME || process.env.USERPROFILE, "
 const YAML_DUMP_OPTS = { flowLevel: 4 };
 const SDK_VERSION = require("../package.json").version;
 const SDK_MAJOR_VERSION = semver.parse(SDK_VERSION)[0];
+const SDK_MAJOR_VERSION_COMPAT = 3; // Flourish templates built for SDK version 3 are compatible with the current version
 
 function getSdkToken(server_opts) {
 	return new Promise(function(resolve, reject) {
@@ -148,10 +149,10 @@ async function request(server_opts, method, data) {
 	}
 
 	if (body.error) {
-		log.die("Error from server", res.status, body.error);
+		log.die("Error from server", res.status, body.error.message);
 	}
 
-	log.die("Server error", res.status, body);
+	log.die("Server error", res.status, JSON.stringify(body));
 }
 
 function runBuildCommand(template_dir, command, node_env) {
@@ -525,7 +526,7 @@ function checkTemplateVersion(template_dir) {
 		if (!template_sdk_version) {
 			throw new Error("Template does not specify an sdk_version");
 		}
-		if (template_sdk_version < SDK_MAJOR_VERSION) {
+		if (template_sdk_version < SDK_MAJOR_VERSION_COMPAT) {
 			throw new Error("This template was built for an older version of Flourish. Try running 'flourish upgrade'");
 		}
 		if (template_sdk_version > SDK_MAJOR_VERSION) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flourish/sdk",
-  "version": "3.20.0",
+  "version": "4.1.1",
   "description": "The Flourish SDK",
   "module": "src/index.js",
   "scripts": {
@@ -16,13 +16,13 @@
   "license": "SEE LICENSE IN LICENSE.md",
   "repository": "kiln/flourish-sdk",
   "dependencies": {
-    "@flourish/interpreter": "^6.0.4",
+    "@flourish/interpreter": "^8.4.0",
     "@flourish/semver": "^1.0.1",
     "@flourish/transform-data": "^2.1.0",
     "@handlebars/allow-prototype-access": "^1.0.3",
     "@rollup/plugin-commonjs": "^17.1.0",
     "archiver": "^5.0.2",
-    "chokidar": "^3.4.3",
+    "chokidar": "^3.5.3",
     "cross-spawn": "^7.0.3",
     "d3-dsv": "^2.0.0",
     "express": "^4.17.1",
@@ -32,26 +32,26 @@
     "minimist": "^1.2.6",
     "ncp": "^2.0.0",
     "node-fetch": "^2.6.7",
-    "parse5": "^6.0.1",
+    "parse5": "^7.1.2",
     "picocolors": "^1.0.0",
     "read": "^1.0.7",
     "resolve": "^1.18.1",
     "rewrite-links": "^1.1.0",
     "rollup-plugin-terser": "^7.0.2",
-    "shell-quote": "^1.7.2",
+    "shell-quote": "^1.7.3",
     "tmp": "^0.2.1",
     "ws": "^7.4.6"
   },
   "devDependencies": {
     "@rollup/plugin-node-resolve": "^9.0.0",
     "d3-request": "^1.0.6",
-    "mocha": "^9.2.0",
-    "npm-audit-resolver": "^2.3.0",
+    "mocha": "^10.0.0",
+    "npm-audit-resolver": "^3.0.0-7",
     "rollup": "^2.32.1",
     "sinon": "^9.2.0",
-    "tempy": "^1.0.0"
+    "tempy": "^3.0.0"
   },
   "engines": {
-    "node": ">=8.3"
+    "node": ">=13.2"
   }
 }

package/server/comms_js.js

@@ -1,7 +1,7 @@
+"use strict";
 const BEFORE = `
 window.addEventListener("message", function(event) {
 `;
-
 const CHECK_ORIGIN = `
 	var a = document.createElement("a");
 	a.href = event.origin;
@@ -12,8 +12,9 @@ const CHECK_ORIGIN = `
 		|| (a.hostname.match(/\\.flourish\\.rocks$/) && window.location.hostname.match(/\\.flourish\\.rocks$/))
 		|| (a.hostname.match(/\\.flourish\\.studio$/) && window.location.hostname.match(/\\.flourish\\.studio$/))
 		|| (a.hostname == "app.flourish.studio" && window.location.hostname == "flourish-user-templates.com")
+		|| (a.hostname == "flourish-user-preview.com" && window.location.hostname == "flourish-user-templates.com")
 		|| (${"" /* Cope with previously-published stories, that are still on the old domain,
-			     that have been republished (hence rerendered to use the new template URLs) */}
+         that have been republished (hence rerendered to use the new template URLs) */}
 			(a.hostname == "public.flourish.studio" && window.location.hostname == "flo.uri.sh")
 			|| (a.hostname == "public.flourish.rocks" && window.location.hostname == "staging-flo.uri.sh")
 			|| (a.hostname == "public.dev.flourish.rocks" && window.location.hostname == "dev-flo.uri.sh")
@@ -21,7 +22,6 @@ const CHECK_ORIGIN = `
 
 	if (!origin_okay) return;
 `;
-
 const AFTER = `
 	var message = event.data;
 	var port = event.ports[0];
@@ -122,7 +122,6 @@ const AFTER = `
 	}
 }, false);
 `;
-
 const VALIDATE = `
 if (template && template.draw && template.draw.length != 0) {
 	console.warn("The draw() function should be declared with no parameters");
@@ -131,7 +130,7 @@ if (template && template.update && template.update.length != 0) {
 	console.warn("The update() function should be declared with no parameters");
 }
 `;
-
 exports.withOriginCheck = BEFORE + CHECK_ORIGIN + AFTER;
 exports.withoutOriginCheck = BEFORE + AFTER;
 exports.validate = VALIDATE;
+//# sourceMappingURL=comms_js.js.map

package/server/data.js

@@ -6,11 +6,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var createInterpreter = require('@flourish/interpreter');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var createInterpreter__default = /*#__PURE__*/_interopDefaultLegacy(createInterpreter);
+var interpreter$1 = require('@flourish/interpreter');
 
 // Polyfills for IE11 and Edge
 
@@ -61,7 +57,7 @@ function extractData(data_binding, data_by_id, column_types_by_id, template_data
 
 	function getInterpreter(data_table_id, column_index) {
 		const { type_id } = getInterpretationIds(data_table_id, column_index);
-		if (type_id) return createInterpreter__default["default"].getInterpretation(type_id);
+		if (type_id) return interpreter$1.createInterpreter.getInterpretation(type_id);
 	}
 
 	for (var data_table_id in column_types_by_id) {
@@ -143,6 +139,7 @@ function extractData(data_binding, data_by_id, column_types_by_id, template_data
 	function parse(b, column_index, string_value) {
 		if (!b.template_data_binding.data_type) return string_value;
 		var interpreter = getInterpreter(b.data_table_id, column_index);
+		if (interpreter && interpreter.type == "number") string_value = stripCommonFixes(string_value);
 		var result = interpreter ? interpreter.parse(string_value) : string_value;
 
 		// We require our marshalled data to be JSON-serialisable,
@@ -235,18 +232,43 @@ function dropReturnCharacters(data) {
 	return data;
 }
 
-function trimWhitespace(data) {
-	data.forEach(function(row) {
-		for (var i=0; i < row.length; i++) {
-			if (row[i] && typeof row[i] == "string") row[i] = row[i].trim();
+/**
+ * Takes an array of arrays (typically tabular data) and rewrites
+ * it so that:
+ *   - Any trailing empty rows are removed
+ *   - Any cell that was not a string is stringified
+ *   - Any leading or trailing whitespace of a cell is removed
+ *
+ * (The potentially modified table is returned to match the convention
+ * used by functions this is replacing, although (TODO) I think it
+ * would be more obvious that this function has side-effects if it
+ * did not return the table and the calling code was changed.)
+ *
+ * @param {any[][]} data
+ * @returns {string[][]}
+ */
+function tidyTable(data) {
+	trimTrailingEmptyRows(data);
+	for (let row of data) {
+		for (let i = 0; i < row.length; i++) {
+			let value = row[i];
+			// Convert null or undefined values to the empty string
+			if (value == null) value = "";
+			// If the value is not a string, convert it to one
+			if (typeof value !== "string") {
+				value = "" + value;
+			}
+			// Now value is a definitely a string, strip any leading
+			// or trailing whitespace.
+			row[i] = value.trim();
 		}
-	});
+	}
 	return data;
 }
 
 
 var ERROR_STRINGS = ["#DIV/0", "#N/A", "#NAME?", "#NULL!", "#NUM!", "#REF!", "#VALUE!", "#ERROR!"];
-var interpreter = createInterpreter__default["default"]().nMax(Infinity).nFailingValues(8).failureFraction(0.1);
+var interpreter = interpreter$1.createInterpreter().nMax(Infinity).nFailingValues(8).failureFraction(0.1);
 
 
 function stripCommonFixes(str) {
@@ -257,7 +279,7 @@ function stripCommonFixes(str) {
 
 function transposeNestedArray(nested_array) {
 	var n_inner = nested_array.length;
-	var n_outer = nested_array[0].length;
+	var n_outer = n_inner > 0 ? nested_array[0].length : 0;
 	var transposed_array = [];
 
 	for (var i = 0; i < n_outer; i++) {
@@ -299,6 +321,7 @@ exports.getRandomSeededSample = getRandomSeededSample;
 exports.getSlicedData = getSlicedData;
 exports.interpretColumn = interpretColumn;
 exports.mulberry32 = mulberry32;
+exports.stripCommonFixes = stripCommonFixes;
+exports.tidyTable = tidyTable;
 exports.transposeNestedArray = transposeNestedArray;
 exports.trimTrailingEmptyRows = trimTrailingEmptyRows;
-exports.trimWhitespace = trimWhitespace;

package/server/index.js

@@ -25,7 +25,7 @@ const crypto = require("crypto"),
 const { allowInsecurePrototypeAccess } = require("@handlebars/allow-prototype-access");
 const handlebars = allowInsecurePrototypeAccess(require("handlebars"));
 
-const TA = require("parse5/lib/tree-adapters/default.js");
+const { defaultTreeAdapter: TA } = require("parse5");
 
 // Generate a static prefix randomly
 //

package/server/index_html.js

@@ -1,100 +1,86 @@
 "use strict";
-
 const URL = require("url");
-
-const parse5 = require("parse5"),
-      RewriteLinks = require("rewrite-links");
-
-const TA = require("parse5/lib/tree-adapters/default.js");
-
+const parse5 = require("parse5"), RewriteLinks = require("rewrite-links");
+const { defaultTreeAdapter: TA } = require("parse5");
 function findChild(node, nodeName, ok_if_not_found) {
-	for (const child of TA.getChildNodes(node)) {
-		if (child.nodeName == nodeName) return child;
-	}
-	if (ok_if_not_found) return null;
-	throw new Error("Node not found: " + nodeName);
+    for (const child of TA.getChildNodes(node)) {
+        if (child.nodeName == nodeName)
+            return child;
+    }
+    if (ok_if_not_found)
+        return null;
+    throw new Error("Node not found: " + nodeName);
 }
-
 function findHtmlNode(document) {
-	return findChild(document, "html");
+    return findChild(document, "html");
 }
-
 function findHead(document) {
-	return findChild(findHtmlNode(document), "head");
+    return findChild(findHtmlNode(document), "head");
 }
-
 function findBody(document) {
-	return findChild(findHtmlNode(document), "body");
+    return findChild(findHtmlNode(document), "body");
 }
-
 function replaceTitle(document, title) {
-	const head = findHead(document);
-	let title_node = findChild(head, "title", true);
-
-	if (title_node) {
-		for (const child of TA.getChildNodes(title_node)) {
-			TA.detachNode(child);
-		}
-	}
-	else {
-		title_node = TA.createElement("title", head.namespaceURI, []);
-		TA.appendChild(head, title_node);
-	}
-
-	TA.insertText(title_node, title);
+    const head = findHead(document);
+    let title_node = findChild(head, "title", true);
+    if (title_node) {
+        for (const child of TA.getChildNodes(title_node)) {
+            TA.detachNode(child);
+        }
+    }
+    else {
+        title_node = TA.createElement("title", head.namespaceURI, []);
+        TA.appendChild(head, title_node);
+    }
+    TA.insertText(title_node, title);
 }
-
 function appendFragmentToBody(document, fragment) {
-	const body = findBody(document);
-	for (const child of TA.getChildNodes(fragment)) {
-		TA.appendChild(body, child);
-	}
+    const body = findBody(document);
+    for (const child of TA.getChildNodes(fragment)) {
+        TA.appendChild(body, child);
+    }
 }
-
 function insertOembedLink(document, oembed_url) {
-	const head = findHead(document);
-	const link_node = TA.createElement("link", head.namespaceURI, [
-		{ name: "rel", value: "alternate" },
-		{ name: "type", value: "application/json+oembed" },
-		{ name: "href", value: oembed_url }
-	]);
-	TA.appendChild(head, link_node);
+    const head = findHead(document);
+    const link_node = TA.createElement("link", head.namespaceURI, [
+        { name: "rel", value: "alternate" },
+        { name: "type", value: "application/json+oembed" },
+        { name: "href", value: oembed_url }
+    ]);
+    TA.appendChild(head, link_node);
 }
-
 function insertCanonicalLink(document, canonical_url) {
-	const head = findHead(document);
-	const link_node = TA.createElement("link", head.namespaceURI, [
-		{ name: "rel", value: "canonical" },
-		{ name: "href", value: canonical_url }
-	]);
-	TA.appendChild(head, link_node);
+    const head = findHead(document);
+    const link_node = TA.createElement("link", head.namespaceURI, [
+        { name: "rel", value: "canonical" },
+        { name: "href", value: canonical_url }
+    ]);
+    TA.appendChild(head, link_node);
 }
-
 function rewriteLinks(document, static_prefix) {
-	if (!static_prefix.endsWith("/")) static_prefix += "/";
-	const rewriter = new RewriteLinks(function(url) {
-		// We don’t want to rewrite URLs that are just fragment identifiers
-		if (url.startsWith("#")) return url;
-
-		// ... or relative self-links
-		if (url == "" || url == ".") return url;
-
-		return URL.resolve(static_prefix, url); // eslint-disable-line node/no-deprecated-api
-	});
-
-	return rewriter.rewriteDocument(document);
+    if (!static_prefix.endsWith("/"))
+        static_prefix += "/";
+    const rewriter = new RewriteLinks(function (url) {
+        // We don’t want to rewrite URLs that are just fragment identifiers
+        if (url.startsWith("#"))
+            return url;
+        // ... or relative self-links
+        if (url == "" || url == ".")
+            return url;
+        return URL.resolve(static_prefix, url); // eslint-disable-line node/no-deprecated-api
+    });
+    return rewriter.rewriteDocument(document);
 }
-
-function render(template_text, params) {
-	const document = parse5.parse(template_text),
-	      script_fragment = params.parsed_script || parse5.parseFragment(params.script);
-
-	replaceTitle(document, params.title);
-	if (params.canonical_url) insertCanonicalLink(document, params.canonical_url);
-	if (params.oembed_url) insertOembedLink(document, params.oembed_url);
-	appendFragmentToBody(document, script_fragment);
-	return rewriteLinks(document, params.static)
-		.then(parse5.serialize.bind(parse5));
+async function render(template_text, params) {
+    const document = parse5.parse(template_text), script_fragment = params.parsed_script || parse5.parseFragment(params.script);
+    replaceTitle(document, params.title);
+    if (params.canonical_url)
+        insertCanonicalLink(document, params.canonical_url);
+    if (params.oembed_url)
+        insertOembedLink(document, params.oembed_url);
+    appendFragmentToBody(document, script_fragment);
+    const rewritten_document = await rewriteLinks(document, params.static);
+    return parse5.serialize(rewritten_document);
 }
-
 exports.render = render;
+//# sourceMappingURL=index_html.js.map

package/server/views/index.html

@@ -3,13 +3,25 @@
 <head>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
-	<title>Flourish | Data Visualisation &amp; Storytelling</title>
+
+	<script type="text/javascript">
+		function OptanonWrapper() {
+			OneTrust.OnConsentChanged(() => {
+				document.cookie = `OptanonAlertBoxClosed=${new Date().toISOString()};`
+					+ "SameSite=None;"
+					+ "Secure;"
+					+ `expires=${new Date(Date.now() + 1000 * 60 * 60 * 24 * 365).toUTCString()};`;
+			});
+		}
+	</script>
+
+	<title>Flourish | Data Visualization &amp; Storytelling</title>
 
 	<script>if ("ontouchstart" in window) { document.documentElement.classList.add("is-touch"); }</script>
 
 
 	<link rel="stylesheet" type="text/css" href="/sdk.css">
-	<script src="/script.js" charset="utf-8"></script>
+	<script data-ot-ignore src="/script.js" charset="utf-8"></script>
 </head>
 <body class="sdk">
 	<div class="row header no-select" style="padding-left:10px">
@@ -17,10 +29,9 @@
 	</div>
 	<div class="row editor-bar">
 	<div id="preview-menu" class="row-menu left no-select">
-		
-		<a id="full-preview" href="preview" target="_blank" class="menu-item clickable popup" data-popup-head="Full preview in new window" aria-label="Full preview in new window">
-			<i class="fa fa-expand"></i>
-		</a>
+			<a id="full-preview" href="preview" target="_blank" class="menu-item clickable popup" data-popup-head="Full preview in new window" aria-label="Full preview in new window">
+				<i class="fa fa-expand"></i>
+			</a>
 		<div id="editor-previews">
 			<span id="editor-auto" data-target="auto" class="menu-item preview-mode clickable selected popup" data-popup-head="Preview using available width">
 				<i class="fa fa-tv"></i>
@@ -55,7 +66,7 @@
 								<p class="empty-label"></p>
 								<p class="empty-details"></p>
 							</div>
-							<iframe id="preview" sandbox="allow-same-origin allow-scripts allow-downloads" src="about:blank" data-testid="visualisation-iframe" aria-label="Visualisation preview"></iframe>
+							<iframe id="preview" sandbox="allow-same-origin allow-scripts allow-downloads" src="about:blank" data-testid="visualisation-iframe" aria-label="Visualization preview"></iframe>
 							<div id="resize-overlay"></div>
 							<div id="resize-handle-container">
 								<div id="resize-handle"></div>
@@ -67,7 +78,7 @@
 					      <div class="current-template popup" data-popup-head="Template details" data-popup-body="Add or edit thumbnail.jpg and template.yml to change">
 					      	<div class="current-template-title">
 					      		<div class="current-template-thumbnail"></div>
-					      		<h1>Selected template <span class="template-name">{{ template_name }}</span></h1>
+					      		<h1>Current template <span class="template-name">{{ template_name }}</span></h1>
 					      	</div>
 					      </div>
 					      

package/site/embedded.js

@@ -1,2 +1,2 @@
-!function(){"use strict";var e,t,n=!1;function i(e){if(n&&window.top!==window.self){var t=window;"srcdoc"===t.location.pathname&&(t=t.parent);var i,o=(i={},window._Flourish_template_id&&(i.template_id=window._Flourish_template_id),window.Flourish&&window.Flourish.app&&window.Flourish.app.loaded_template_id&&(i.template_id=window.Flourish.app.loaded_template_id),window._Flourish_visualisation_id&&(i.visualisation_id=window._Flourish_visualisation_id),window.Flourish&&window.Flourish.app&&window.Flourish.app.loaded_visualisation&&(i.visualisation_id=window.Flourish.app.loaded_visualisation.id),window.Flourish&&window.Flourish.app&&window.Flourish.app.story&&(i.story_id=window.Flourish.app.story.id,i.slide_count=window.Flourish.app.story.slides.length),window.Flourish&&window.Flourish.app&&window.Flourish.app.current_slide&&(i.slide_index=window.Flourish.app.current_slide.index+1),i),r={sender:"Flourish",method:"customerAnalytics"};for(var a in o)o.hasOwnProperty(a)&&(r[a]=o[a]);for(var a in e)e.hasOwnProperty(a)&&(r[a]=e[a]);t.parent.postMessage(JSON.stringify(r),"*")}}function o(e){if("function"!=typeof e)throw new Error("Analytics callback is not a function");window.Flourish._analytics_listeners.push(e)}function r(){n=!0;[{event_name:"click",action_name:"click",use_capture:!0},{event_name:"keydown",action_name:"key_down",use_capture:!0},{event_name:"mouseenter",action_name:"mouse_enter",use_capture:!1},{event_name:"mouseleave",action_name:"mouse_leave",use_capture:!1}].forEach((function(e){document.body.addEventListener(e.event_name,(function(){i({action:e.action_name})}),e.use_capture)}))}function a(){if(null==e){var t=function(){var e=window.location;"about:srcdoc"==e.href&&(e=window.parent.location);var t={};return function(e,n,i){for(;i=n.exec(e);)t[decodeURIComponent(i[1])]=decodeURIComponent(i[2])}(e.search.substring(1).replace(/\+/g,"%20"),/([^&=]+)=?([^&]*)/g),t}();e="referrer"in t?/^https:\/\/medium.com\//.test(t.referrer):!("auto"in t)}return e}function s(e){var t=e||window.innerWidth;return t>999?650:t>599?575:400}function l(e,n){if(window.top!==window.self){var i=window;if("srcdoc"==i.location.pathname&&(i=i.parent),t)return e=parseInt(e,10),void i.parent.postMessage({sentinel:"amp",type:"embed-size",height:e},"*");var o={sender:"Flourish",context:"iframe.resize",method:"resize",height:e,src:i.location.toString()};if(n)for(var r in n)o[r]=n[r];i.parent.postMessage(JSON.stringify(o),"*")}}function d(){return(-1!==navigator.userAgent.indexOf("Safari")||-1!==navigator.userAgent.indexOf("iPhone"))&&-1==navigator.userAgent.indexOf("Chrome")}function u(e){return"string"==typeof e||e instanceof String}function c(e){return"warn"!==e.method?(console.warn("BUG: validateWarnMessage called for method"+e.method),!1):!(null!=e.message&&!u(e.message))&&!(null!=e.explanation&&!u(e.explanation))}function h(e){return"resize"!==e.method?(console.warn("BUG: validateResizeMessage called for method"+e.method),!1):!!u(e.src)&&(!!u(e.context)&&!!("number"==typeof(t=e.height)?!isNaN(t)&&t>=0:u(t)&&/\d/.test(t)&&/^[0-9]*(\.[0-9]*)?(cm|mm|Q|in|pc|pt|px|em|ex|ch|rem|lh|vw|vh|vmin|vmax|%)?$/i.test(t)));var t}function f(e){throw new Error("Validation for setSetting is not implemented yet; see issue #4328")}function w(e){return"customerAnalytics"===e.method||(console.warn("BUG: validateCustomerAnalyticsMessage called for method"+e.method),!1)}function p(e){return"request-upload"!==e.method?(console.warn("BUG: validateResizeMessage called for method"+e.method),!1):!!u(e.name)&&!(null!=e.accept&&!u(e.accept))}function m(e,t){var n=function(e){for(var t={warn:c,resize:h,setSetting:f,customerAnalytics:w,"request-upload":p},n={},i=0;i<e.length;i++){var o=e[i];if(!t[o])throw new Error("No validator found for method "+o);n[o]=t[o]}return n}(t);window.addEventListener("message",(function(t){if(null!=t.source&&(t.origin===document.location.origin||t.origin.match(/\/\/localhost:\d+$|\/\/flourish-api\.com$|\.flourish\.(?:local(:\d+)?|net|rocks|studio)$|\.uri\.sh$|\/\/flourish-user-templates\.com$/))){var i;try{i=JSON.parse(t.data)}catch(e){return void console.warn("Unexpected non-JSON message: "+JSON.stringify(t.data))}if("Flourish"===i.sender)if(i.method)if(Object.prototype.hasOwnProperty.call(n,i.method))if(n[i.method](i)){for(var o=document.querySelectorAll("iframe"),r=0;r<o.length;r++)if(o[r].contentWindow==t.source||o[r].contentWindow==t.source.parent)return void e(i,o[r]);console.warn("could not find frame",i)}else console.warn("Validation failed for the message",i);else console.warn("No validator implemented for message",i);else console.warn("The 'method' property was missing from message",i)}})),d()&&(window.addEventListener("resize",g),g())}function g(){for(var e=document.querySelectorAll(".flourish-embed"),t=0;t<e.length;t++){var n=e[t];if(!n.getAttribute("data-width")){var i=n.querySelector("iframe");if(i){var o=window.getComputedStyle(n),r=n.offsetWidth-parseFloat(o.paddingLeft)-parseFloat(o.paddingRight);i.style.width=r+"px"}}}}function v(e,t,n,i,o){var r=document.createElement("iframe");if(r.setAttribute("scrolling","no"),r.setAttribute("frameborder","0"),r.setAttribute("title","Interactive or visual content"),r.setAttribute("sandbox","allow-same-origin allow-forms allow-scripts allow-downloads allow-popups allow-popups-to-escape-sandbox allow-top-navigation-by-user-activation"),t.appendChild(r),r.offsetParent||"fixed"===getComputedStyle(r).position)_(e,t,r,n,i,o);else{var a={embed_url:e,container:t,iframe:r,width:n,height:i,play_on_load:o};if(window._flourish_poll_items?window._flourish_poll_items.push(a):window._flourish_poll_items=[a],window._flourish_poll_items.length>1)return r;var s=setInterval((function(){window._flourish_poll_items=window._flourish_poll_items.filter((function(e){return!e.iframe.offsetParent||(_(e.embed_url,e.container,e.iframe,e.width,e.height,e.play_on_load),!1)})),window._flourish_poll_items.length||clearInterval(s)}),500)}return r}function _(e,t,n,i,o,r){var a;return i&&"number"==typeof i?(a=i,i+="px"):i&&i.match(/^[ \t\r\n\f]*([+-]?\d+|\d*\.\d+(?:[eE][+-]?\d+)?)(?:\\?[Pp]|\\0{0,4}[57]0(?:\r\n|[ \t\r\n\f])?)(?:\\?[Xx]|\\0{0,4}[57]8(?:\r\n|[ \t\r\n\f])?)[ \t\r\n\f]*$/)&&(a=parseFloat(i)),o&&"number"==typeof o&&(o+="px"),i?n.style.width=i:d()?n.style.width=t.offsetWidth+"px":n.style.width="100%",!!o||(e.match(/\?/)?e+="&auto=1":e+="?auto=1",o=s(a||n.offsetWidth)+"px"),o&&("%"===o.charAt(o.length-1)&&(o=parseFloat(o)/100*t.parentNode.offsetHeight+"px"),n.style.height=o),n.setAttribute("src",e+(r?"#play-on-load":"")),n}function y(e){return!Array.isArray(e)&&"object"==typeof e&&null!=e}function F(e,t){for(var n in t)y(e[n])&&y(t[n])?F(e[n],t[n]):e[n]=t[n];return e}!function(){var e,n=window.top===window.self,u=n?null:(t="#amp=1"==window.location.hash,{createEmbedIframe:v,isFixedHeight:a,getHeightForBreakpoint:s,startEventListeners:m,notifyParentWindow:l,isSafari:d,initCustomerAnalytics:r,addAnalyticsListener:o,sendCustomerAnalyticsMessage:i}),c=!0;function h(){var t;Flourish.fixed_height||(null!=e?t=e:c&&(t=u.getHeightForBreakpoint()),t!==window.innerHeight&&u.notifyParentWindow(t))}function f(){h(),window.addEventListener("resize",h)}Flourish.warn=function(e){if("string"==typeof e&&(e={message:e}),n||"editor"!==Flourish.environment)console.warn(e.message);else{var t={sender:"Flourish",method:"warn",message:e.message,explanation:e.explanation};window.parent.postMessage(JSON.stringify(t),"*")}},Flourish.uploadImage=function(e){if(n||"story_editor"!==Flourish.environment)throw"Invalid upload request";var t={sender:"Flourish",method:"request-upload",name:e.name,accept:e.accept};window.parent.postMessage(JSON.stringify(t),"*")},Flourish.setSetting=function(e,t){if("editor"===Flourish.environment||"sdk"===Flourish.environment){var n={sender:"Flourish",method:"setSetting",name:e,value:t};window.parent.postMessage(JSON.stringify(n),"*")}else if("story_editor"===Flourish.environment){var i={};i[e]=t,F(window.template.state,function(e){var t={};for(var n in e){for(var i=t,o=n.indexOf("."),r=0;o>=0;o=n.indexOf(".",r=o+1)){var a=n.substring(r,o);a in i||(i[a]={}),i=i[a]}i[n.substring(r)]=e[n]}return t}(i))}},Flourish.setHeight=function(t){Flourish.fixed_height||(e=t,c=null==t,h())},Flourish.checkHeight=function(){if(!n){var e=Flourish.__container_height;null!=e?(Flourish.fixed_height=!0,u.notifyParentWindow(e)):u.isFixedHeight()?Flourish.fixed_height=!0:(Flourish.fixed_height=!1,h())}},Flourish.fixed_height=n||u.isFixedHeight(),Flourish.enableCustomerAnalytics=function(){u&&u.initCustomerAnalytics()},"loading"===document.readyState?document.addEventListener("DOMContentLoaded",f):f()}()}();
+!function(){"use strict";var e,t,i=!1;function n(e){if(i&&window.top!==window.self){var t=window;"srcdoc"===t.location.pathname&&(t=t.parent);var n,o=(n={},window._Flourish_template_id&&(n.template_id=window._Flourish_template_id),window.Flourish&&window.Flourish.app&&window.Flourish.app.loaded_template_id&&(n.template_id=window.Flourish.app.loaded_template_id),window._Flourish_visualisation_id&&(n.visualisation_id=window._Flourish_visualisation_id),window.Flourish&&window.Flourish.app&&window.Flourish.app.loaded_visualisation&&(n.visualisation_id=window.Flourish.app.loaded_visualisation.id),window.Flourish&&window.Flourish.app&&window.Flourish.app.story&&(n.story_id=window.Flourish.app.story.id,n.slide_count=window.Flourish.app.story.slides.length),window.Flourish&&window.Flourish.app&&window.Flourish.app.current_slide&&(n.slide_index=window.Flourish.app.current_slide.index+1),n),r={sender:"Flourish",method:"customerAnalytics"};for(var a in o)o.hasOwnProperty(a)&&(r[a]=o[a]);for(var a in e)e.hasOwnProperty(a)&&(r[a]=e[a]);t.parent.postMessage(JSON.stringify(r),"*")}}function o(e){if("function"!=typeof e)throw new Error("Analytics callback is not a function");window.Flourish._analytics_listeners.push(e)}function r(){i=!0;[{event_name:"click",action_name:"click",use_capture:!0},{event_name:"keydown",action_name:"key_down",use_capture:!0},{event_name:"mouseenter",action_name:"mouse_enter",use_capture:!1},{event_name:"mouseleave",action_name:"mouse_leave",use_capture:!1}].forEach((function(e){document.body.addEventListener(e.event_name,(function(){n({action:e.action_name})}),e.use_capture)}))}function a(){if(null==e){var t=function(){var e=window.location;"about:srcdoc"==e.href&&(e=window.parent.location);var t={};return function(e,i,n){for(;n=i.exec(e);)t[decodeURIComponent(n[1])]=decodeURIComponent(n[2])}(e.search.substring(1).replace(/\+/g,"%20"),/([^&=]+)=?([^&]*)/g),t}();e="referrer"in t?/^https:\/\/medium.com\//.test(t.referrer):!("auto"in t)}return e}function s(e){var t=e||window.innerWidth;return t>999?650:t>599?575:400}function l(e){if(e&&window.top!==window.self){var t=window;"srcdoc"==t.location.pathname&&(t=t.parent);var i={sender:"Flourish",method:"scrolly"};if(e)for(var n in e)i[n]=e[n];t.parent.postMessage(JSON.stringify(i),"*")}}function d(e,i){if(window.top!==window.self){var n=window;if("srcdoc"==n.location.pathname&&(n=n.parent),t)return e=parseInt(e,10),void n.parent.postMessage({sentinel:"amp",type:"embed-size",height:e},"*");var o={sender:"Flourish",context:"iframe.resize",method:"resize",height:e,src:n.location.toString()};if(i)for(var r in i)o[r]=i[r];n.parent.postMessage(JSON.stringify(o),"*")}}function u(){return(-1!==navigator.userAgent.indexOf("Safari")||-1!==navigator.userAgent.indexOf("iPhone"))&&-1==navigator.userAgent.indexOf("Chrome")}function c(e){return"string"==typeof e||e instanceof String}function h(e){return"warn"!==e.method?(console.warn("BUG: validateWarnMessage called for method"+e.method),!1):!(null!=e.message&&!c(e.message))&&!(null!=e.explanation&&!c(e.explanation))}function f(e){return"resize"!==e.method?(console.warn("BUG: validateResizeMessage called for method"+e.method),!1):!!c(e.src)&&(!!c(e.context)&&!!("number"==typeof(t=e.height)?!isNaN(t)&&t>=0:c(t)&&/\d/.test(t)&&/^[0-9]*(\.[0-9]*)?(cm|mm|Q|in|pc|pt|px|em|ex|ch|rem|lh|vw|vh|vmin|vmax|%)?$/i.test(t)));var t}function p(e){throw new Error("Validation for setSetting is not implemented yet; see issue #4328")}function m(e){return"scrolly"!==e.method?(console.warn("BUG: validateScrolly called for method"+e.method),!1):!!Array.isArray(e.slides)}function w(e){return"customerAnalytics"===e.method||(console.warn("BUG: validateCustomerAnalyticsMessage called for method"+e.method),!1)}function g(e){return"request-upload"!==e.method?(console.warn("BUG: validateResizeMessage called for method"+e.method),!1):!!c(e.name)&&!(null!=e.accept&&!c(e.accept))}function y(e,t,i){var n=function(e){for(var t={warn:h,resize:f,setSetting:p,customerAnalytics:w,"request-upload":g,scrolly:m},i={},n=0;n<e.length;n++){var o=e[n];if(!t[o])throw new Error("No validator found for method "+o);i[o]=t[o]}return i}(t);window.addEventListener("message",(function(t){var o=function(){if(t.origin==document.location.origin)return!0;if(i){const e=t.origin.toLowerCase();if(i=i.toLowerCase(),e.endsWith("//"+i))return!0;if(e.endsWith("."+i))return!0}return!!t.origin.match(/\/\/localhost:\d+$|\/\/(?:public|app)\.flourish.devlocal$|\/\/flourish-api\.com$|\.flourish\.(?:local(:\d+)?|net|rocks|studio)$|\.uri\.sh$|\/\/flourish-user-templates\.com$/)}();if(null!=t.source&&o){var r;try{r=JSON.parse(t.data)}catch(e){return void console.warn("Unexpected non-JSON message: "+JSON.stringify(t.data))}if("Flourish"===r.sender)if(r.method)if(Object.prototype.hasOwnProperty.call(n,r.method))if(n[r.method](r)){for(var a=document.querySelectorAll("iframe"),s=0;s<a.length;s++)if(a[s].contentWindow==t.source||a[s].contentWindow==t.source.parent)return void e(r,a[s]);console.warn("could not find frame",r)}else console.warn("Validation failed for the message",r);else console.warn("No validator implemented for message",r);else console.warn("The 'method' property was missing from message",r)}})),u()&&(window.addEventListener("resize",v),v())}function v(){for(var e=document.querySelectorAll(".flourish-embed"),t=0;t<e.length;t++){var i=e[t];if(!i.getAttribute("data-width")){var n=i.querySelector("iframe");if(n){var o=window.getComputedStyle(i),r=i.offsetWidth-parseFloat(o.paddingLeft)-parseFloat(o.paddingRight);n.style.width=r+"px"}}}}function _(e,t){var i=e.parentNode;if(i.classList.contains("fl-scrolly-wrapper"))console.warn("createScrolly is being called more than once per story. This should not happen.");else{i.classList.add("fl-scrolly-wrapper"),i.style.position="relative",i.style.paddingBottom="1px",i.style.transform="translate3d(0, 0, 0)",e.style.position="sticky";var n=i.getAttribute("data-height")||null;n||(n="80vh",e.style.height=n),e.style.top="calc(50vh - "+n+"/2)";var o=i.querySelector(".flourish-credit");o&&(o.style.position="sticky",o.style.top="calc(50vh + "+n+"/2)"),t.forEach((function(e,t){var n="string"==typeof e&&""!=e.trim(),o=document.createElement("div");o.setAttribute("data-slide",t),o.classList.add("fl-scrolly-caption"),o.style.position="relative",o.style.transform="translate3d(0,0,0)",o.style.textAlign="center",o.style.maxWidth="500px",o.style.height="auto",o.style.marginTop="0",o.style.marginBottom=n?"100vh":"50vh",o.style.marginLeft="auto",o.style.marginRight="auto";var r=document.createElement("div");r.innerHTML=e,r.style.visibility=n?"":"hidden",r.style.display="inline-block",r.style.paddingTop="1.25em",r.style.paddingRight="1.25em",r.style.paddingBottom="1.25em",r.style.paddingLeft="1.25em",r.style.background="rgba(255,255,255,0.9)",r.style.boxShadow="0px 0px 10px rgba(0,0,0,0.2)",r.style.borderRadius="10px",r.style.textAlign="center",r.style.maxWidth="100%",r.style.margin="0 20px",r.style.overflowX="hidden",o.appendChild(r),i.appendChild(o)})),function(e){for(var t=new IntersectionObserver((function(t){t.forEach((function(t){if(t.isIntersecting){var i=e.querySelector("iframe");i&&(i.src=i.src.replace(/#slide-.*/,"")+"#slide-"+t.target.getAttribute("data-slide"))}}))}),{rootMargin:"0px 0px -0% 0px"}),i=e.querySelectorAll(".fl-scrolly-caption"),n=0;n<i.length;n++)t.observe(i[n]);e.querySelectorAll(".fl-scrolly-caption img").forEach((function(e){e.style.maxWidth="100%"}))}(i)}}function F(e,t,i,n,o){var r=document.createElement("iframe");if(r.setAttribute("scrolling","no"),r.setAttribute("frameborder","0"),r.setAttribute("title","Interactive or visual content"),r.setAttribute("sandbox","allow-same-origin allow-forms allow-scripts allow-downloads allow-popups allow-popups-to-escape-sandbox allow-top-navigation-by-user-activation"),t.appendChild(r),r.offsetParent||"fixed"===getComputedStyle(r).position)x(e,t,r,i,n,o);else{var a={embed_url:e,container:t,iframe:r,width:i,height:n,play_on_load:o};if(window._flourish_poll_items?window._flourish_poll_items.push(a):window._flourish_poll_items=[a],window._flourish_poll_items.length>1)return r;var s=setInterval((function(){window._flourish_poll_items=window._flourish_poll_items.filter((function(e){return!e.iframe.offsetParent||(x(e.embed_url,e.container,e.iframe,e.width,e.height,e.play_on_load),!1)})),window._flourish_poll_items.length||clearInterval(s)}),500)}return r}function x(e,t,i,n,o,r){var a;return n&&"number"==typeof n?(a=n,n+="px"):n&&n.match(/^[ \t\r\n\f]*([+-]?\d+|\d*\.\d+(?:[eE][+-]?\d+)?)(?:\\?[Pp]|\\0{0,4}[57]0(?:\r\n|[ \t\r\n\f])?)(?:\\?[Xx]|\\0{0,4}[57]8(?:\r\n|[ \t\r\n\f])?)[ \t\r\n\f]*$/)&&(a=parseFloat(n)),o&&"number"==typeof o&&(o+="px"),n?i.style.width=n:u()?i.style.width=t.offsetWidth+"px":i.style.width="100%",!!o||(e.match(/\?/)?e+="&auto=1":e+="?auto=1",o=s(a||i.offsetWidth)+"px"),o&&("%"===o.charAt(o.length-1)&&(o=parseFloat(o)/100*t.parentNode.offsetHeight+"px"),i.style.height=o),i.setAttribute("src",e+(r?"#play-on-load":"")),i}function b(e){return!Array.isArray(e)&&"object"==typeof e&&null!=e}function A(e,t){for(var i in t)b(e[i])&&b(t[i])?A(e[i],t[i]):e[i]=t[i];return e}!function(){var e,i=window.top===window.self,c=i?null:(t="#amp=1"==window.location.hash,{createEmbedIframe:F,isFixedHeight:a,getHeightForBreakpoint:s,startEventListeners:y,notifyParentWindow:d,initScrolly:l,createScrolly:_,isSafari:u,initCustomerAnalytics:r,addAnalyticsListener:o,sendCustomerAnalyticsMessage:n}),h=!0;function f(){var t;Flourish.fixed_height||(null!=e?t=e:h&&(t=c.getHeightForBreakpoint()),t!==window.innerHeight&&c.notifyParentWindow(t))}function p(){-1!==window.location.search.indexOf("enable_customer_analytics=1")&&Flourish.enableCustomerAnalytics(),f(),window.addEventListener("resize",f)}Flourish.warn=function(e){if("string"==typeof e&&(e={message:e}),i||"editor"!==Flourish.environment)console.warn(e.message);else{var t={sender:"Flourish",method:"warn",message:e.message,explanation:e.explanation};window.parent.postMessage(JSON.stringify(t),"*")}},Flourish.uploadImage=function(e){if(i||"story_editor"!==Flourish.environment)throw"Invalid upload request";var t={sender:"Flourish",method:"request-upload",name:e.name,accept:e.accept};window.parent.postMessage(JSON.stringify(t),"*")},Flourish.setSetting=function(e,t){if("editor"===Flourish.environment||"sdk"===Flourish.environment){var i={sender:"Flourish",method:"setSetting",name:e,value:t};window.parent.postMessage(JSON.stringify(i),"*")}else if("story_editor"===Flourish.environment){var n={};n[e]=t,A(window.template.state,function(e){var t={};for(var i in e){for(var n=t,o=i.indexOf("."),r=0;o>=0;o=i.indexOf(".",r=o+1)){var a=i.substring(r,o);a in n||(n[a]={}),n=n[a]}n[i.substring(r)]=e[i]}return t}(n))}},Flourish.setHeight=function(t){Flourish.fixed_height||(e=t,h=null==t,f())},Flourish.checkHeight=function(){if(!i){var e=Flourish.__container_height;null!=e?(Flourish.fixed_height=!0,c.notifyParentWindow(e)):c.isFixedHeight()?Flourish.fixed_height=!0:(Flourish.fixed_height=!1,f())}},Flourish.fixed_height=i||c.isFixedHeight(),Flourish.enableCustomerAnalytics=function(){c&&c.initCustomerAnalytics()},"loading"===document.readyState?document.addEventListener("DOMContentLoaded",p):p()}()}();
 //# sourceMappingURL=embedded.js.map