Eric McCormick edm00se

Utility Library Example

Adding a utility library is a great and convenient way to provide convenince functions for use at a global or near-global level.

Adding

Hooking a utility SSJS library works about the same as any Code > Script Library asset in XPages. You can add it via a Theme, my personal recommendation as it makes keeping things tidy quite easy, or by adding it as an xp:resource (resources at the root XPage or Custom Control via the pretty pane). The down side of relying on adding it to a Custom Control is that it will only be available in an SSJS code block if the Custom Control in question has been loaded as part of the user's component tree (the built page); this also leads to potential duplication if the developer starts loading it on lots of Custom Controls.

Via Theme

An Open Letter to CBS & Paramount

CBS & Paramount recently released and announced the new guidelines for fan films (productions). That they are fairly limited in scope for those who seek to create as part of their passion is pretty obvious. I seek anyone who is so empassioned to provide the well reasoned and respectful feedback that Star Trek deserves.

In Short

To reach for the stars, we need to reach a little higher.

Progress Bar Indicator (slim)

A modified version of this codepen: http://codepen.io/pankajparashar/pen/towxF

Now accounts for:

adding z-index property to the <progress> element
subtracts additional <footer> element's height from progress calculation (in the getMax() method)

Demo

https://jsfiddle.net/edm00se/dkn5bqp8/

Older Macs

You probably need to:

install XCode CLI Tools (which can be difficult on older versions)
update OpenSSL
upgrade git

Install XCode CLI Tools

stuff with *mark* **down**

formatted heading with a

<omg>amazing code!</omg>

	<?xml version="1.0" encoding="UTF-8"?>
	<xp:view
	xmlns:xp="http://www.ibm.com/xsp/core"
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xsi:schemaLocation="http://www.ibm.com/xsp/core xsdxp://localhost/xsp~core.xsd"
	pageTitle="${javascript:database.getTitle() + ' \| Error'}">
	<style
	type="text/css"><![CDATA[
	body {
	background-color: lightblue;

	/*
	* Note: these days you should probably just use fetch:
	* https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API
	*
	* A convenience function, to handle the vanilla js xhr
	* request.
	*
	* @param {string} url - the URI against which to make the request
	* @param callback - the callback function, which returns an obj,
	* with two params, err (which is null of not error), and

	$brand-color: #d07922;
	$background-color: #222426; /* a dark, off-black for the bg */
	$text-color: #e6e6e6; /* an off-white for the text */
	$grey-color-light: #565656; /* for the border-top separators */
	$grey-color-dark: #adadad; /* such as the site title in the header, visited */

	# install
	brew install nano

	# configure
	echo 'include "/usr/local/Cellar/nano/3.2/share/nano/*.nanorc"' > ~/.nanorc

	# restart your shell

	# for re-setting https when npm install is dumb and removes https
	# explainshell: https://www.explainshell.com/explain?cmd=sed+-i+-e+%27s%2Fhttp%3A%5C%2F%5C%2F%2Fhttps%3A%5C%2F%5C%2F%2Fg%27+package-lock.json

	sed -i -e 's/http:\/\//https:\/\//g' package-lock.json