@flourish/sdk 3.17.2 → 3.19.0

package/server/index.js~

@@ -0,0 +1,540 @@
+"use strict";
+
+// Modules
+const crypto = require("crypto"),
+      fs = require("fs"),
+      path = require("path"),
+
+      cross_spawn = require("cross-spawn"),
+      chokidar = require("chokidar"),
+      d3_dsv = require("d3-dsv"),
+      express = require("express"),
+      handlebars = require("handlebars"),
+      shell_quote = require("shell-quote"),
+      ws = require("ws"),
+      yaml = require("js-yaml"),
+
+      columns = require("./columns"),
+      comms_js = require("./comms_js"),
+      data_utils = require("./data"),
+      index_html = require("./index_html"),
+      json = require("./json"),
+
+      log = require("../lib/log"),
+      sdk = require("../lib/sdk");
+
+const TA = require("parse5/lib/tree-adapters/default.js");
+
+// Generate a static prefix randomly
+//
+// Use a different prefix for /preview, to catch the situation where the template
+//   developer mistakenly prepends a / to the static prefix.
+const static_prefix = crypto.randomBytes(15).toString("base64").replace(/[+/]/g, (c) => ({ "/": "_", "+": "-" })[c]),
+      preview_static_prefix = crypto.randomBytes(15).toString("base64").replace(/[+/]/g, (c) => ({ "/": "_", "+": "-" })[c]);
+
+function loadFile(path_parts, options) {
+	return new Promise(function(resolve, reject) {
+		const file_path = path.join(...path_parts),
+		      filename = path_parts[path_parts.length - 1];
+
+		function fail(message, error) {
+			if ("default" in options) {
+				log.warn(message, `Proceeding without ${filename}...`);
+				if (typeof options.default === "function") {
+					return resolve(options.default());
+				}
+				return resolve(options.default);
+			}
+			log.problem(message, error.message);
+			reject(error);
+		}
+
+		function succeed(result) {
+			if (!options.silentSuccess) log.success(`Loaded ${filename}`);
+			resolve(result);
+		}
+
+		fs.readFile(file_path, "utf8", function(error, loaded_text) {
+			if (error) return fail(`Failed to load ${file_path}`, error);
+			switch (options.type) {
+				case "json":
+					try { return succeed(JSON.parse(loaded_text)); }
+					catch (error) {
+						return fail(`Uh-oh! There's a problem with your ${filename} file.`, error);
+					}
+
+				case "yaml":
+					try { return succeed(yaml.safeLoad(loaded_text)); }
+					catch (error) {
+						return fail(`Uh-oh! There's a problem with your ${filename} file.`, error);
+					}
+
+				default:
+					return succeed(loaded_text);
+			}
+		});
+	});
+}
+
+function loadSDKTemplate() {
+	return loadFile([__dirname, "views", "index.html"], { silentSuccess: true })
+		.then((template_text) => handlebars.compile(template_text));
+}
+
+function loadTemplateText(template_dir) {
+	return loadFile([template_dir, "index.html"], {
+		default: () => loadFile([__dirname, "views", "default_template_index.html"], {
+			silentSuccess: true
+		})
+	});
+}
+
+function loadJavaScript(template_dir) {
+	return loadFile([template_dir, "template.js"], {});
+}
+
+function loadSettings(template_dir) {
+	return sdk.readAndValidateConfig(template_dir);
+}
+
+function listDataTables(template_dir) {
+	return new Promise(function(resolve, reject) {
+		fs.readdir(path.join(template_dir, "data"), function(error, filenames) {
+			if (error) {
+				if (error.code === "ENOENT") return resolve([]);
+				return reject(error);
+			}
+
+			const data_files = [];
+			for (let filename of filenames) {
+				if (!filename.endsWith(".csv")) continue;
+
+				var name = filename.substr(0, filename.length - 4);
+				data_files.push(name);
+			}
+			resolve(data_files);
+		});
+	});
+}
+
+function getData(template_dir, data_tables) {
+	return Promise.all(data_tables.map((data_table) => getDataTable(template_dir, data_table)))
+		.then((data_array) => {
+			const data_by_name = {};
+			const column_types_by_name = {};
+			for (var i = 0; i < data_tables.length; i++) {
+				data_by_name[data_tables[i]] = data_array[i];
+			}
+			for (const data_table in data_by_name) {
+				const data = data_by_name[data_table];
+				column_types_by_name[data_table] = data_utils.transposeNestedArray(data)
+					.map(function(d, i) { return { type_id: data_utils.interpretColumn(d)[0].id, index: i }; });
+			}
+			return { data: data_by_name, column_types_by_name };
+		});
+}
+
+function getDataTable(template_dir, data_table) {
+	return new Promise(function(resolve, reject) {
+		fs.readFile(path.join(template_dir, "data", data_table + ".csv"), "utf8", function(error, csv_text) {
+			if (error) return reject(error);
+			if (csv_text.charAt(0) === "\uFEFF") csv_text = csv_text.substr(1);
+			resolve(d3_dsv.csvParseRows(csv_text));
+		});
+	});
+}
+
+function parseDataBindings(data_bindings, data_tables) {
+	if (!data_bindings) return {1: {}};
+
+	// Use the names as ids
+	const name_by_id = {};
+	for (let name of data_tables) name_by_id[name] = name;
+
+	// Collect parsed bindings by dataset
+	const data_bindings_by_dataset = {};
+	for (let binding of data_bindings) {
+		let dataset = binding.dataset;
+		if (!dataset) continue;
+
+		if (!data_bindings_by_dataset[dataset]) data_bindings_by_dataset[dataset] = {};
+		data_bindings_by_dataset[dataset][binding.key] = columns.parseDataBinding(binding, name_by_id);
+	}
+	return { 1: data_bindings_by_dataset };
+}
+
+function documentFragment(elements) {
+	const fragment = TA.createDocumentFragment();
+	for (const element of elements) {
+		TA.appendChild(fragment, element);
+	}
+	return fragment;
+}
+
+function scriptElementInline(code) {
+	const element = TA.createElement("script", "http://www.w3.org/1999/xhtml", []);
+	TA.insertText(element, code);
+	return element;
+}
+
+function scriptElementExternal(url) {
+	return TA.createElement("script", "http://www.w3.org/1999/xhtml", [{ name: "src", value: url }]);
+}
+
+
+function loadTemplate(template_dir, sdk_template, build_failed) {
+	return Promise.all([
+		listDataTables(template_dir),
+		loadSettings(template_dir),
+	])
+	.then(([data_tables, settings]) => {
+		const data_bindings = parseDataBindings(settings.data, data_tables);
+		return Promise.all([
+			settings, data_bindings, data_tables,
+			previewInitJs(template_dir, data_bindings["1"], data_tables),
+			loadTemplateText(template_dir),
+			loadJavaScript(template_dir)
+		]);
+	})
+	.then(([
+		settings, data_bindings, data_tables,
+		preview_init_js, template_text, template_js
+	]) => {
+		const page_params = {
+			// Always use ID of 1 for SDK
+			visualisation: { id: 1, can_edit: true },
+			visualisation_js: "new Flourish.Visualisation('1', 0," + json.safeStringify({
+				data_bindings: data_bindings,
+				data_tables: data_tables,
+			}) + ")",
+			settings: json.safeStringify(settings.settings || []),
+			data_bindings: json.safeStringify(settings.data || []),
+			template_name: settings.name || "Untitled template",
+			template_version: settings.version,
+			template_author: settings.author || "",
+			build_failed: build_failed && build_failed.size > 0
+		};
+
+		const script = documentFragment([
+			scriptElementInline("window.Flourish = " + json.safeStringify({
+				static_prefix, environment: "sdk"
+			}) + ";"),
+			scriptElementExternal("/template.js"),
+			scriptElementExternal("/comms.js"),
+			scriptElementExternal("/embedded.js"),
+		]);
+
+		const preview_script = documentFragment([
+			scriptElementInline("window.Flourish = " + json.safeStringify({
+				static_prefix: preview_static_prefix, environment: "sdk"
+			}) + ";"),
+			scriptElementExternal("/template.js"),
+			scriptElementExternal("/comms.js"),
+			scriptElementExternal("/embedded.js"),
+			scriptElementExternal("/talk_to_server.js"),
+			scriptElementInline("_Flourish_talkToServer();"),
+			scriptElementInline(preview_init_js),
+		]);
+
+		return Promise.all([
+			sdk_template(page_params),
+			index_html.render(template_text, {
+				title: "Flourish SDK template preview blah",
+				static: static_prefix,
+				parsed_script: script
+			}),
+			index_html.render(template_text, {
+				title: "Flourish SDK template preview flerm",
+				static: preview_static_prefix,
+				parsed_script: preview_script,
+			}),
+			template_js,
+			sdk.buildRules(template_dir),
+		]);
+	})
+	.then(([sdk_rendered, template_rendered, preview_rendered, template_js, build_rules]) => ({
+		sdk_rendered, template_rendered, preview_rendered, template_js, build_rules
+	}));
+}
+
+function previewInitJs(template_dir, data_bindings, data_tables) {
+	return getData(template_dir, data_tables).then(({data, column_types_by_name}) => {
+		const prepared_data = {};
+		for (let dataset in data_bindings) {
+			prepared_data[dataset] = data_utils.extractData(data_bindings[dataset], data, column_types_by_name);
+		}
+
+		const column_names = {};
+		const type_information = {};
+		for (let dataset in prepared_data) {
+			column_names[dataset] = prepared_data[dataset].column_names;
+			type_information[dataset] = prepared_data[dataset].type_information;
+		}
+
+		return `
+		var _Flourish_data_column_names = ${json.safeStringify(column_names)},
+		    _Flourish_data_type_information = ${json.safeStringify(type_information)},
+		    _Flourish_data = ${json.javaScriptStringify(prepared_data)};
+		for (var _Flourish_dataset in _Flourish_data) {
+			window.template.data[_Flourish_dataset] = _Flourish_data[_Flourish_dataset];
+			window.template.data[_Flourish_dataset].column_names = _Flourish_data_column_names[_Flourish_dataset];
+			window.template.data[_Flourish_dataset].type_information = _Flourish_data_type_information[_Flourish_dataset];
+		}
+		window.template.draw();
+		`;
+	});
+}
+
+function tryToOpen(url) {
+	// If it’s available and works, use /usr/bin/open to open
+	// the URL. If not just prompt the user to open it.
+	try {
+		cross_spawn.spawn("/usr/bin/open", [url])
+			.on("exit", function(exit_code) {
+				if (exit_code != 0) {
+					log.success("Now open " + url + " in your web browser!");
+				}
+				else {
+					log.success("Opened browser window to " + url);
+				}
+			})
+			.on("error", function() {
+				log.success("Now open " + url + " in your web browser!");
+			});
+	}
+	catch (error) {
+		log.success("Now open " + url + " in your web browser!");
+	}
+}
+
+function isPrefix(a, b) {
+	if (a.length > b.length) return false;
+	for (let i = 0; i < a.length; i++) {
+		if (a[i] !== b[i]) return false;
+	}
+	return true;
+}
+
+function splitPath(p) {
+	return p.split(path.sep).filter(c => c != "");
+}
+
+
+module.exports = function(template_dir, options) {
+	let app = express(),
+	    reloadPreview,
+
+	    template;
+
+	// Editor and settings/bindings
+	app.get("/", function (req, res) {
+		log.success("Loading main page in browser");
+		res.header("Content-Type", "text/html; charset=utf-8")
+			.send(template.sdk_rendered);
+	});
+
+	app.get("/template.js", function (req, res) {
+		res.header("Content-Type", "application/javascript").send(template.template_js);
+	});
+
+	app.get("/template.js.map", function (req, res) {
+		res.sendFile(path.resolve(template_dir, "template.js.map"));
+	});
+
+	app.get("/comms.js", function (req, res) {
+		res.header("Content-Type", "application/javascript").send(comms_js.withoutOriginCheck + comms_js.validate);
+	});
+
+	app.get("/thumbnail", function (req, res) {
+		const jpg_path = path.resolve(template_dir, "thumbnail.jpg"),
+		      png_path = path.resolve(template_dir, "thumbnail.png");
+		if (fs.existsSync(jpg_path)) {
+			return res.header("Content-Type", "image/jpeg").sendFile(jpg_path);
+		}
+		if (fs.existsSync(png_path)) {
+			return res.header("Content-Type", "image/jpeg").sendFile(png_path);
+		}
+		return res.status(404).send("thumbnail not found");
+	});
+
+	app.get("/template/1/embed/", function(req, res) {
+		res.header("Content-Type", "text/html; charset=utf-8")
+			.send(template.template_rendered);
+	});
+
+	// API for accessing data tables
+	app.get("/api/data_table/:id/csv", function(req, res) {
+		res.status(200).header("Content-Type", "text/csv")
+			.sendFile(path.resolve(template_dir, "data", req.params.id + ".csv"));
+	});
+
+	// Preview not in an iframe
+	app.get("/preview", function(req, res) {
+		res.header("Content-Type", "text/html; charset=utf-8")
+			.send(template.preview_rendered);
+	});
+	app.use(`/${preview_static_prefix}/`, express.static(path.join(template_dir, "static")));
+
+	// Static files
+	app.use("/", express.static(path.join(__dirname, "..", "site")));
+	app.use(`/template/1/embed/${static_prefix}/`, express.static(path.join(template_dir, "static")));
+
+
+	function startServer(sdk_template, template_) {
+		template = template_;
+
+		// Run the server
+		const listen_hostname = options.listen || "localhost";
+		const server = app.listen(options.port, listen_hostname, function() {
+			const url = "http://" + listen_hostname + ":" + options.port + "/";
+			log.info(`Running server at ${url}`);
+
+			// Set up the WebSocket server and the reloadPreview() function
+			const sockets = new Set();
+			const websocket_server = new ws.Server({ server });
+			websocket_server.on("connection", function(socket) {
+				sockets.add(socket);
+				socket.on("close", function() { sockets.delete(socket); });
+			});
+			reloadPreview = function() {
+				for (let socket of sockets) socket.close();
+			};
+
+			watchForChanges(sdk_template);
+			if (options.open) tryToOpen(url);
+		})
+		.on("error", function(error) {
+			if (error.code === "EADDRINUSE") {
+				log.die("Another process is already listening on port " + options.port,
+					"Perhaps you’re already running flourish in another terminal?",
+					"You can use the --port option to listen on a different port");
+			}
+			log.die("Failed to start server", error.message);
+		});
+	}
+
+	let build_failed = new Set(),
+	    rebuilding = new Set();
+	function watchForChanges(sdk_template) {
+		// Watch for file changes. If something changes, tell the page to reload itself
+		// If the source code has changed, rebuild it.
+
+		let reload_timer = null;
+		function reloadTemplate() {
+			if (rebuilding.size > 0) {
+				log.info("Not reloading template while rebuild is in progress.");
+				return;
+			}
+			if (reload_timer) {
+				clearTimeout(reload_timer);
+				reload_timer = null;
+			}
+			reload_timer = setTimeout(_reloadTemplate, 50);
+		}
+		function _reloadTemplate() {
+			reload_timer = null;
+			log.info("Reloading...");
+			loadTemplate(template_dir, sdk_template, build_failed)
+				.then((template_) => {
+					template = template_;
+					log.info("Template reloaded. Trying to reload preview.");
+					reloadPreview();
+				})
+				.catch((error) => {
+					log.problem("Failed to reload template", error.message);
+				});
+		}
+
+		// Run any custom watchers
+		if (template.build_rules) {
+			for (const build_rule of template.build_rules) {
+				if ("watch" in build_rule) {
+					const command_parts = shell_quote.parse(build_rule.watch),
+					      prog = command_parts[0],
+					      args = command_parts.slice(1);
+
+					const env = process.env;
+					env.NODE_ENV = "development";
+
+					log.info(`Running watcher command: ${build_rule.watch}`);
+					cross_spawn.spawn(prog, args, { cwd: template_dir, stdio: "inherit", env });
+				}
+			}
+		}
+
+		const chokidar_opts = { ignoreInitial: true, disableGlobbing: true, cwd: template_dir };
+		chokidar.watch(".", chokidar_opts).on("all", function(event_type, filename) {
+			const path_parts = filename.split(path.sep);
+
+			let should_reload = false;
+			if (sdk.TEMPLATE_SPECIAL.has(path_parts[0])) {
+				if (rebuilding.size > 0) return log.warn(`Rebuild in progress, ignoring change to ${filename}`);
+				log.info("Detected change to file: " + filename);
+				should_reload = true;
+			}
+
+			const build_commands = new Map();
+			if (template.build_rules) {
+				for (const build_rule of template.build_rules) {
+					if ((build_rule.directory && isPrefix(splitPath(build_rule.directory), path_parts))
+						|| (build_rule.files && build_rule.files.indexOf(filename) != -1))
+					{
+						build_commands.set(build_rule.key, build_rule.script);
+					}
+				}
+			}
+
+			if (build_commands.size > 0) {
+				const build_commands_to_run = [];
+				for (const [key, command] of build_commands) {
+					if (rebuilding.has(key)) continue;
+					rebuilding.add(key);
+					if (reload_timer) {
+						clearTimeout(reload_timer);
+						reload_timer = null;
+					}
+					log.info("Detected change to file: " + filename, "Running build for " + key);
+					build_commands_to_run.push(
+						sdk.runBuildCommand(template_dir, command, "development")
+							.then(() => {
+								rebuilding.delete(key);
+								build_failed.delete(key);
+							}, (error) => {
+								rebuilding.delete(key);
+								build_failed.add(key);
+								throw error;
+							})
+					);
+				}
+
+				Promise.all(build_commands_to_run)
+					.then(() => {
+						if (rebuilding.size == 0) {
+							log.success("Build process complete.");
+							reloadTemplate();
+						}
+					})
+					.catch((error) => {
+						if (build_failed.size > 0 && rebuilding.size == 0) {
+							reloadTemplate(); // To pass the build_failed flags
+						}
+					});
+			}
+			else if (should_reload) reloadTemplate();
+		});
+	}
+
+	loadSDKTemplate()
+		.then((sdk_template) => {
+			return Promise.all([
+				sdk_template, loadTemplate(template_dir, sdk_template)
+			]);
+		})
+		.then(([sdk_template, template]) => {
+			startServer(sdk_template, template);
+		})
+		.catch((error) => {
+			if (options.debug) log.problem("Failed to start server", error.message, error.stack);
+			else log.problem("Failed to start server", error.message);
+		});
+};

package/server/views/index.html

@@ -18,7 +18,7 @@
 	<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">
+		<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">
@@ -35,8 +35,8 @@
 				<i class="fa fa-cog"></i>
 			</span>
 			<span id="editor-custom-inputs">
-				<input id="editor-custom-width" type="number" min="100" data-target="custom" class="clickable selected"> x
-				<input id="editor-custom-height" type="number" min="100" data-target="custom" class="clickable selected" placeholder="auto">
+				<input id="editor-custom-width" type="number" min="100" data-target="custom" class="clickable selected" aria-label="Custom width"> x
+				<input id="editor-custom-height" type="number" min="100" data-target="custom" class="clickable selected" placeholder="auto" aria-label="Custom height">
 			</span>
 		</div>
 	</div>
@@ -50,12 +50,12 @@
 				<div id="visualisation" class="full-screen-ready">
 					<div id="visualisation-inner" class="editor-core">
 						<div class="preview-holder">
-							<img class="loading-spinner" src="/images/bosh.svg" data-testid="loading-indicator">
+							<img class="loading-spinner" src="/images/bosh.svg" data-testid="loading-indicator" alt="">
 							<div class="preview-overlay">
 								<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"></iframe>
+							<iframe id="preview" sandbox="allow-same-origin allow-scripts allow-downloads" src="about:blank" data-testid="visualisation-iframe" aria-label="Visualisation preview"></iframe>
 							<div id="resize-overlay"></div>
 							<div id="resize-handle-container">
 								<div id="resize-handle"></div>
@@ -73,6 +73,10 @@
 					      
 					      <div class="template-settings"></div>
 					      <div class="detailed-settings"></div>
+					      <div class="template-settings-search">
+					      	<i class="fa fa-search"></i>
+					      	<input type="search" placeholder="Search for setting" />
+					      </div>
 					  </div>
 					</div>
 				</div>

package/site/embedded.js

@@ -1,2 +1,2 @@
-!function(){"use strict";var e,i,t=!1;function n(e){if(t&&window.top!==window.self){var i=window;"srcdoc"===i.location.pathname&&(i=i.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]);i.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(){t=!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 i=function(){var e=window.location;"about:srcdoc"==e.href&&(e=window.parent.location);var i={};return function(e,t,n){for(;n=t.exec(e);)i[decodeURIComponent(n[1])]=decodeURIComponent(n[2])}(e.search.substring(1).replace(/\+/g,"%20"),/([^&=]+)=?([^&]*)/g),i}();e="referrer"in i?/^https:\/\/medium.com\//.test(i.referrer):!("auto"in i)}return e}function s(e){var i=e||window.innerWidth;return i>999?650:i>599?575:400}function l(e,t){if(window.top!==window.self){var n=window;if("srcdoc"==n.location.pathname&&(n=n.parent),i)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(t)for(var r in t)o[r]=t[r];n.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){window.addEventListener("message",(function(i){if(null!=i.source&&(i.origin===document.location.origin||i.origin.match(/\/\/localhost:\d+$|\/\/flourish-api\.com$|\.flourish\.(?:local(:\d+)?|net|rocks|studio)$|\.uri\.sh$/))){var t;try{t=JSON.parse(i.data)}catch(e){return void console.warn("Unexpected non-JSON message: "+JSON.stringify(i.data))}if("Flourish"===t.sender){for(var n=document.querySelectorAll("iframe"),o=0;o<n.length;o++)if(n[o].contentWindow==i.source||n[o].contentWindow==i.source.parent)return void e(t,n[o]);console.warn("could not find frame",t)}}})),d()&&(window.addEventListener("resize",h),h())}function h(){for(var e=document.querySelectorAll(".flourish-embed"),i=0;i<e.length;i++){var t=e[i];if(!t.getAttribute("data-width")){var n=t.querySelector("iframe");if(n){var o=window.getComputedStyle(t),r=t.offsetWidth-parseFloat(o.paddingLeft)-parseFloat(o.paddingRight);n.style.width=r+"px"}}}}function c(e,i,t,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"),i.appendChild(r),r.offsetParent||"fixed"===getComputedStyle(r).position)f(e,i,r,t,n,o);else{var a={embed_url:e,container:i,iframe:r,width:t,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||(f(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 f(e,i,t,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?t.style.width=n:d()?t.style.width=i.offsetWidth+"px":t.style.width="100%",!!o||(e.match(/\?/)?e+="&auto=1":e+="?auto=1",o=s(a||t.offsetWidth)+"px"),o&&("%"===o.charAt(o.length-1)&&(o=parseFloat(o)/100*i.parentNode.offsetHeight+"px"),t.style.height=o),t.setAttribute("src",e+(r?"#play-on-load":"")),t}function w(e){return!Array.isArray(e)&&"object"==typeof e&&null!=e}function p(e,i){for(var t in i)w(e[t])&&w(i[t])?p(e[t],i[t]):e[t]=i[t];return e}!function(){var e,t=window.top===window.self,h=t?null:(i="#amp=1"==window.location.hash,{createEmbedIframe:c,isFixedHeight:a,getHeightForBreakpoint:s,startEventListeners:u,notifyParentWindow:l,isSafari:d,initCustomerAnalytics:r,addAnalyticsListener:o,sendCustomerAnalyticsMessage:n}),f=!0;function w(){var i;Flourish.fixed_height||(null!=e?i=e:f&&(i=h.getHeightForBreakpoint()),i!==window.innerHeight&&h.notifyParentWindow(i))}function m(){w(),window.addEventListener("resize",w)}Flourish.warn=function(e){if("string"==typeof e&&(e={message:e}),t||"editor"!==Flourish.environment)console.warn(e.message);else{var i={sender:"Flourish",method:"warn",message:e.message,explanation:e.explanation};window.parent.postMessage(JSON.stringify(i),"*")}},Flourish.uploadImage=function(e){if(t||"story_editor"!==Flourish.environment)throw"Invalid upload request";var i={sender:"Flourish",method:"request-upload",name:e.name,accept:e.accept};window.parent.postMessage(JSON.stringify(i),"*")},Flourish.setSetting=function(e,i){if("editor"===Flourish.environment||"sdk"===Flourish.environment){var t={sender:"Flourish",method:"setSetting",name:e,value:i};window.parent.postMessage(JSON.stringify(t),"*")}else if("story_editor"===Flourish.environment){var n={};n[e]=i,p(window.template.state,function(e){var i={};for(var t in e){for(var n=i,o=t.indexOf("."),r=0;o>=0;o=t.indexOf(".",r=o+1)){var a=t.substring(r,o);a in n||(n[a]={}),n=n[a]}n[t.substring(r)]=e[t]}return i}(n))}},Flourish.setHeight=function(i){Flourish.fixed_height||(e=i,f=null==i,w())},Flourish.checkHeight=function(){if(!t){var e=Flourish.__container_height;null!=e?(Flourish.fixed_height=!0,h.notifyParentWindow(e)):h.isFixedHeight()?Flourish.fixed_height=!0:(Flourish.fixed_height=!1,w())}},Flourish.fixed_height=t||h.isFixedHeight(),Flourish.enableCustomerAnalytics=function(){h&&h.initCustomerAnalytics()},"loading"===document.readyState?document.addEventListener("DOMContentLoaded",m):m()}()}();
+!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()}()}();
 //# sourceMappingURL=embedded.js.map