terrier-engine 4.67.2 → 4.67.3

package/app/assets/javascripts/terrier/tiny-sql.coffee

@@ -0,0 +1,91 @@
+window.tinySql = {}
+
+
+window.tinySql.build = ->
+	new SqlBuilder()
+
+
+class SqlBuilder
+	constructor: ->
+		@froms = []
+		@selects = []
+		@filters = []
+		@joins = []
+		@groupBys = []
+		@orderBys = []
+		@havings = []
+		@theLimit = 10000
+
+	from: (table, as=null) ->
+		if as?.length
+			@froms.push "#{table} #{as}"
+		else
+			@froms.push table
+		this
+
+	select: (columns, table=null, prefix=null) ->
+		if typeof columns is 'string'
+			columns = _.map columns.split(','), (c) -> c.trim()
+		tablePart = if table then "#{table}." else ''
+		for c in columns
+			statement = "#{tablePart}#{c}"
+			if prefix?.length
+				statement += " #{prefix}#{c}"
+			@selects.push statement
+		this
+
+	innerJoin: (table, as, clause) ->
+		@joins.push "INNER JOIN #{table} AS #{as} ON #{clause}"
+		this
+
+	where: (clause) ->
+		@clauses.push clause
+		this
+
+	groupBy: (expression) ->
+		@groupBys.push expression
+		this
+
+	orderBy: (expression) ->
+		@orderBys.push expression
+		this
+
+	having: (clause) ->
+		@havings.push clause
+		this
+
+	limit: (limit) ->
+		@theLimit = limit
+		this
+
+	serialize: ->
+		{
+			froms: @froms
+			selects: @selects
+			clauses: @clauses
+			joins: @joins
+			group_bys: @groupBys
+			order_bys: @orderBys
+			havings: @havings
+			the_limit: @theLimit
+		}
+
+
+window.tinySql.exec = (builder, callback) ->
+	query = builder.serialize()
+	puts query
+	$.post(
+		"/sql/exec"
+		{
+			query: query
+		}
+		callback
+	)
+
+window.tinySql.safeExec = (builder, callback) ->
+	tinySql.exec builder, (res) ->
+		if res.status == 'success'
+			callback res.result
+		else
+			window.removeLoadingOverlays?()
+			alert res.message

package/app/assets/javascripts/terrier/tiny-template.coffee

@@ -0,0 +1,120 @@
+_classRegex = /\.[\w-]+/g
+_idRegex = /#[\w-]+/g
+
+_context = {content: ''}
+
+_tags = ['a', 'button', 'br', 'datalist', 'canvas', 'div', 'dl', 'dd', 'dt', 'form', 'h1', 'h2', 'h3', 'h4', 'h5', 'hr', 'icon', 'iframe', 'img', 'input', 'label', 'li', 'ol', 'option', 'optgroup', 'p', 'pre', 'script', 'select', 'span', 'strong', 'table', 'tbody', 'td', 'template', 'textarea', 'tfoot', 'th', 'thead', 'tr', 'ul']
+
+_ropeCase = (s) ->
+	if s == 'icon'
+		return 'i'
+	s.replace(/([A-Z])/g, (match) ->
+		if match then '-' + match.toLowerCase() else ''
+	).trim()
+
+makeTagFunc = (t) ->
+	rct = _ropeCase(t)
+	window[t] = (selector, attrs, func) ->
+		appendTag(rct, selector, attrs, func)
+for tag in _tags
+	makeTagFunc tag
+
+# parse a css selector into classes and an id (returned as an object)
+parseSelector = (selector) ->
+	if Array.isArray selector # allow an array of classes to be used instead of the string
+		return {classes: selector}
+	res = {}
+	classes = selector.match(_classRegex)
+	if classes
+		res.classes = for c in classes then c.substring(1)
+	ids = selector.match(_idRegex)
+	if ids?.length
+		res.id = ids[0].substring(1)
+	res
+
+# sanitizes an attribute name by replacing underscores with dashes and downcasing it
+sanitizeKey = (key) ->
+	key.replace(/_/g, '-').toLowerCase()
+
+sanitizeValue = (s) ->
+	s.toString().replace(/\"/g, """)
+
+# serialize and attributes object into a string
+# converts underscores to dashes, and inlines embedded objects (like data)
+serializeAttributes = (attrs) ->
+	return '' unless attrs
+	attrStrings = for k, v of attrs
+		k = sanitizeKey k
+		if typeof v == 'object'
+			inlineStrings = for ik, iv of v
+				if iv?
+					"#{k}-#{sanitizeKey(ik)}=\"#{sanitizeValue(iv)}\""
+			inlineStrings.join(' ')
+		else
+			if v?
+				"#{k}=\"#{sanitizeValue(v)}\""
+	attrStrings.join ' '
+
+# appends a tag to the global context
+appendTag = (tag, selector, attrs, func) ->
+	_context.content += "<#{tag}"
+
+	# tr -> can be used instead of tr '', ->
+	if _.isFunction(selector)
+		_context.content += '>'
+		selector()
+		_context.content +="</#{tag}>"
+		return
+
+	# add the attributes
+	selAttrs = parseSelector(selector)
+	if selAttrs.classes
+		_context.content += " class='#{selAttrs.classes.join(' ')}'"
+	if selAttrs.id
+		_context.content += " id='#{selAttrs.id}'"
+	if typeof attrs == 'object'
+		_context.content += " #{serializeAttributes(attrs)}>"
+	else
+		_context.content += '>'
+
+	# add the content
+	if !attrs?
+		# skip
+	else if typeof attrs == 'string'
+		_context.content += attrs
+	else if typeof attrs == 'function'
+		attrs()
+	else if attrs.text
+		_context.content += attrs.text
+	else if typeof func == 'string'
+		_context.content += func
+	else if typeof func == 'function'
+		func()
+	_context.content +="</#{tag}>"
+
+window.tinyTemplate = (root) ->
+	(args...) ->
+		_context = {content: ''}
+		# Replace nulls with undefined so arg defaults are used (if defined)
+		args = args.map (arg) -> if arg == null then undefined else arg
+		root(args...)
+		_context.content
+
+# converts an array of classes to a dot-prefixed selector string
+window.tinyTemplate.classesToSelector = (classes) ->
+	_.map(tinyTemplate.parseClasses(classes), (c) -> ".#{c}").join()
+
+# parses a string containing (space or period-delimited) classes into an array
+# passing an array simply returns the array
+window.tinyTemplate.parseClasses = (classes) ->
+	unless classes?.length
+		return []
+	if typeof classes == 'string'
+		classes.split /[\s\.]+/
+	else
+		classes
+
+# adds a custom global tag function that can be used with tiny template
+# pass in the name of the tag as a camelcase function name: 'myCustomTag'
+# this function will create a corresponding 'my-custom-tag' element
+window.tinyTemplate.addCustomTag = makeTagFunc

package/app/assets/javascripts/terrier/urls.coffee

@@ -0,0 +1,51 @@
+window.urls = {}
+
+window.urls.getBase = () ->
+	window.location.protocol + '//' + window.location.host + window.location.pathname
+
+# returns a hash of url parameters from the current location
+window.urls.getParams = () ->
+	vars = {}
+	hashes = window.location.search.substring(1).split('&')
+	for hash in hashes
+		kv = hash.split('=')
+		vars[kv[0]] = decodeURIComponent(kv[1])
+	vars
+
+# computes the url used in setUrlParams()
+window.urls.forParams = (newParams, newHash=null) ->
+	newUrl = urls.getBase() + '?'
+	for key,val of newParams
+		if key and val
+			if newUrl[newUrl.length-1] != '?'
+				newUrl += '&'
+			newUrl += key + '=' + val
+	if newHash?
+		newUrl + newHash
+	else
+		newUrl + window.location.hash
+
+# sets the windows location by modifying the current url with the new params
+window.urls.setParams = (newParams, newHash=null) ->
+	url = urls.forParams newParams, newHash
+	if Turbolinks? and !$('body').data('no-turbolink')?
+		Turbolinks.visit(url)
+	else
+		window.location.href = url
+
+# changes one url param and loads the new page
+window.urls.changParam = (param, value) ->
+	params = urls.getParams()
+	params[param] = value
+	urls.setParams params
+
+# same as urls.setParams, except it uses replaceState so the content of the page isn't changed
+window.urls.replaceParams = (newParams, newHash = null) ->
+	url = urls.forParams newParams, newHash
+	history.replaceState({turbolinks: true, url: url}, null, url)
+
+# same as urls.changeParam, except it uses replaceState so the content of the page isn't changed
+window.urls.replaceParam = (param, value) ->
+	params = urls.getParams()
+	params[param] = value
+	urls.replaceParams params

package/app/assets/javascripts/terrier/versions.coffee

@@ -0,0 +1,43 @@
+window.versions = {}
+
+# throws if parseInt(s) returns a NaN
+parseIntThrowNaN = (s) ->
+	i = parseInt s
+	if isNaN(i)
+		throw "#{s} is not a number"
+	i
+
+
+# parses a version string of the form "major.minor.patch" into an object with those keys and integer values
+# throws if there's a parsing error
+versions.parse = (s) ->
+	comps = s.split '.'
+	unless comps.length == 3
+		throw "s must have three parts separated by periods!"
+	{
+		major: parseIntThrowNaN(comps[0])
+		minor: parseIntThrowNaN(comps[1])
+		patch: parseIntThrowNaN(comps[2])
+	}
+
+
+# returns either 'greater', 'equal', or 'less' as a comparison between version strings v1 and v1.
+# If 'greater', v1 is greater than v2, etc.
+versions.compare = (v1, v2) ->
+	vs = [versions.parse(v1), versions.parse(v2)]
+	for step in ['major', 'minor', 'patch']
+		if vs[0][step] > vs[1][step]
+			return 'greater'
+		if vs[0][step] < vs[1][step]
+			return 'less'
+	'equal'
+
+
+versions.isGreaterThan = (v1, v2) ->
+	versions.compare(v1, v2) == 'greater'
+
+versions.isLessThan = (v1, v2) ->
+	versions.compare(v1, v2) == 'less'
+
+versions.areEqual = (v1, v2) ->
+	versions.compare(v1, v2) == 'equal'

package/app/assets/stylesheets/data-dive/dd-app.scss

@@ -0,0 +1,14 @@
+@import "../terrier/tt-mixins";
+
+#data-dive-app {
+	--dd-hint-color: var(--tt-docs-color);
+
+	flex: 1 1 auto;
+	.tt-page-part {
+		gap: 0;
+		.tt-toolbar {
+			position: sticky;
+			top: 0;
+		}
+	}
+}

package/app/assets/stylesheets/data-dive/dd-hints.scss

@@ -0,0 +1,91 @@
+@import "../terrier/tt-mixins";
+
+
+.dd-hint-container {
+	padding: 0.5em;
+}
+
+.dd-hint {
+	@include tt-rounded-corners;
+	@include tt-inset-white-text;
+	@include tt-box-shadow;
+	display: flex;
+	align-items: center;
+	background-color: var(--dd-hint-color);
+	font-size: var(--tt-caption-font-size);
+	position: relative;
+	padding: 0.8em;
+	gap: 0.5em;
+
+	&.centered {
+		justify-content: center;
+	}
+
+	.title, .hint-title {
+		text-align: center;
+		flex: 1 1 auto;
+	}
+
+	&::before {
+		display: block;
+		transform: scale(1.5);
+	}
+
+	// arrows
+	--arrow-size: 16px;
+	&::after {
+		position: absolute;
+		width: var(--arrow-size);
+		height: var(--arrow-size);
+		background-color: var(--dd-hint-color);
+		@include tt-box-shadow-45;
+	}
+
+	// only show the arrow if there's an arrow- class
+	&.arrow-left, &.arrow-right, &.arrow-top, &.arrow-bottom {
+		&::after {
+			content: "";
+		}
+	}
+
+	&.arrow-left, &.arrow-right {
+		&::after {
+			top: 50%;
+			transform: translate(0, -50%) rotate(45deg);
+		}
+	}
+
+	&.arrow-left::after {
+		left: calc(var(--arrow-size) / -2);
+		clip-path: polygon(-100% -100%, 200% 200%, -100% 200%);
+	}
+
+	&.arrow-right::after {
+		right: calc(var(--arrow-size) / -2);
+		clip-path: polygon(-100% -100%, 200% 200%, 200% -100%);
+	}
+
+	&.arrow-top, &.arrow-bottom {
+		&::after {
+			left: 50%;
+			transform: translate(-50%, 0) rotate(45deg);
+		}
+	}
+
+	&.arrow-top::after {
+		top: calc(var(--arrow-size) / -2 + 1px); // extra pixel to eliminate small gap
+		clip-path: polygon(200% -100%, -100% -100%, -100% 200%);
+	}
+
+	&.arrow-bottom::after {
+		bottom: calc(var(--arrow-size) / -2);
+		clip-path: polygon(200% -100%, 200% 200%, -100% 200%);
+	}
+}
+
+// only show hints when the body doesn't have the dd-hide-hints class
+.dd-hide-hints {
+	.dd-hint, .dd-hint-container {
+		display: none !important;
+	}
+}

package/app/assets/stylesheets/data-dive/dd-table.scss

@@ -0,0 +1,35 @@
+@import "../terrier/tt-mixins";
+
+
+// some common styles for tables throughout Data Dive
+.dd-table {
+	width: 100%;
+	border-collapse: collapse;
+
+	thead th {
+		font-weight: normal;
+		font-size: var(--tt-label-font-size);
+		border-bottom: 1px solid var(--tt-border-color);
+		text-align: left;
+	}
+
+	&.text-center {
+		text-align: center;
+	}
+
+	th, td {
+		padding: 0.5em 1em;
+	}
+
+	.name {
+		font-weight: bold;
+	}
+
+	td:last-child {
+		text-align: right;
+	}
+
+	tbody tr:nth-child(odd) {
+		background-color: var(--tt-odd-row-background);
+	}
+}

package/app/assets/stylesheets/data-dive/dive-editor.scss

@@ -0,0 +1,126 @@
+@import "../terrier/tt-mixins";
+
+.dd-dive-editor-page {
+	@include tt-absolute-fill;
+	display: flex;
+	flex-direction: column;
+	.tt-page-part {
+		flex: 1 1 auto;
+		display: flex;
+		flex-direction: column;
+		.full-width-page {
+			flex: 1 1 auto;
+			position: relative;
+		}
+		.dd-dive-editor {
+			@include tt-absolute-fill;
+			padding: var(--tt-pad);
+			gap: var(--tt-gap);
+			> div {
+				position: relative;
+				> div {
+					height: 100%;
+				}
+			}
+		}
+		.tt-tab-container {
+			flex: 1 1 auto;
+			.tt-tab-content {
+				display: flex;
+				flex-direction: column;
+			}
+			&.top {
+				// kinda hacky but we need the main tab container to fill the window
+				height: 100%;
+			}
+		}
+		.page-actions {
+			// we don't need these and they can get in the way
+			display: none;
+		}
+	}
+
+	// the main Save action gets highlighted when the dive has changed
+	// and the discard action only appears then
+	.tt-toolbar .discard-dive-action {
+		display: none;
+		color: var(--tt-alert-color);
+	}
+	&.changed .tt-toolbar {
+		.discard-dive-action {
+			display: flex;
+		}
+		.save-dive-action {
+			font-weight: bold;
+			.title::after {
+				content: "*";
+			}
+		}
+	}
+
+
+	h3.coming-soon {
+		text-align: center;
+		opacity: 0.25;
+		&::before {
+			display: block;
+			font-size: 3em;
+		}
+	}
+
+	.dive-delivery-list{
+		.run {
+			display: flex;
+			gap: var(--tt-gap);
+			align-items: center;
+			padding: 0.5em;
+			border-bottom: 1px solid var(--tt-border-color);
+		}
+		.recipients {
+			flex: 1 1 auto;
+		}
+		.datetime {
+			flex: 0 0 auto;
+			text-align: center;
+			.time {
+				font-size: var(--tt-label-font-size);
+			}
+		}
+		a {
+			@include tt-scale-push;
+			font-size: 125%;
+		}
+	}
+
+	.distribution {
+		display: flex;
+		flex-direction: column;
+		gap: 0.5em;
+		--tt-scale-push-factor: 0.02;
+		@include tt-scale-push;
+		@include tt-inset-box;
+		border: 1px solid var(--tt-border-color);
+		padding: 0.5em;
+		> div {
+			text-align: center;
+		}
+		.schedule {
+			font-weight: bold;
+		}
+		.recipient {
+			line-height: 1.2;
+			max-width: 320px;
+			@include tt-single-line;
+		}
+	}
+}
+
+// individual tool panels inside the dive editor
+.dd-dive-tool {
+	h1, h2, h3, h4 {
+		color: var(--tt-secondary-color);
+		justify-content: center;
+		border-bottom: 1px solid var(--tt-border-color);
+		padding: 0.25em 0;
+	}
+}

package/app/assets/stylesheets/data-dive/dive-list.scss

@@ -0,0 +1,9 @@
+@import "../terrier/tt-mixins";
+
+.dd-group-grid {
+	display: grid;
+	grid-gap: 1em;
+	padding: var(--tt-pad);
+	--dd-list-panel-width: 320px;
+	grid-template-columns: repeat(auto-fit, minmax(var(--dd-list-panel-width), 1fr));
+}

package/app/assets/stylesheets/data-dive/dive-plots.scss

@@ -0,0 +1,124 @@
+@import "../terrier/tt-mixins";
+
+// TODO: it would be nice if we didn't have to do this for each implementation
+.tuff-part-PlotPart {
+	min-height: 320px;
+	max-width: 100%;
+	position: relative;
+	.tuff-plot-container {
+		--tuff-plot-axis-stroke: var(--tt-body-color);
+		--tuff-plot-viewport-fill: var(--tt-inset-background);
+		--tuff-plot-label-color: var(--tt-body-color);
+		--tuff-plot-grid-stroke: #{rgba(#888, 0.1)};
+		--tuff-plot-tool-background: var(--tt-panel-background);
+		--tuff-plot-axis-font-weight: normal;
+	}
+
+	g.hover {
+		background-color: rgba(0, 0, 0, 0.04);
+	}
+}
+
+// the part that actually renders a dive plot
+.dd-dive-plot-render {
+	text-align: center;
+	min-width: $phone-breakpoint;
+	position: relative;
+	.tuff-part-error {
+		position: absolute;
+		top: 1em;
+		left: 1em;
+		right: 1em;
+		@include tt-bubble;
+		justify-content: center;
+		--color: var(--tt-alert-color);
+	}
+}
+
+
+.dd-dive-plot-list {
+	.plot-title {
+		padding: 0 0.5em;
+		font-size: calc(var(--tt-body-font-size) * 1.25);
+		--tt-scale-push-factor: 0.04;
+		@include tt-scale-push-children;
+	}
+}
+
+
+// shown in the right Plots panel in the dive editor
+.dd-dive-plot-preview {
+	margin-bottom: var(--tt-gap);
+}
+
+.dd-plot-axes-and-preview {
+	.plot-title-field {
+		width: initial;
+		margin: 0 auto;
+		input[type=text] {
+			width: 240px;
+		}
+	}
+}
+
+
+// fields for an individual axis
+.dd-dive-plot-axis-fields {
+	display: flex;
+	gap: var(--tt-gap);
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+	&.bottom {
+		flex-direction: row;
+	}
+	input[type=text] {
+		flex: 0 0 auto;
+		width: 140px;
+	}
+	select {
+		width: initial;
+	}
+}
+
+.dd-dive-plot-trace-row {
+	display: flex;
+	--tt-scale-push-factor: 0.01;
+	@include tt-scale-push;
+
+	--preview-size: 64px;
+	svg.trace-style-preview {
+		width: var(--preview-size);
+		height: calc(var(--preview-size) / 2);
+	}
+}
+
+// TraceStyle fields
+.dd-trace-style-fields {
+	--preview-size: 64px;
+	.color-options {
+		display: flex;
+		flex-wrap: wrap;
+		gap: var(--tt-gap);
+	}
+	.default-color {
+		.color-preview {
+			@include tt-diagonal-stripe-background(#eee, #ccc, 0.5em);
+		}
+	}
+	.color-preview {
+		width: var(--preview-size);
+		height: var(--preview-size);
+	}
+	svg {
+		width: var(--preview-size);
+		height: var(--preview-size);
+	}
+	.stroke-width-preview line {
+		stroke: var(--tt-secondary-color);
+	}
+	.dash-preview line {
+		stroke: var(--tt-secondary-color);
+		stroke-width: 2px;
+	}
+}