EZproxy prefix tool

Add this form to your pages

Note that the form incorporates a few classes that assume Bootstrap version 3, since that is what is currently (as of November 2023) used in LibGuides. The form also includes some inline style rules to facilitate easy use with minimal added styling.

Option 1: embeddable widget (Los Rios Libraries only)

Use the embed code below to show the search form as a widget on the page of your choice (such as a LibGuides content box). When the page you embeded it in loads, the JavaScript will insert the form into the page dynamically. If the widget on this page is updated in the future, these changes will roll out to your page.

Copy the HTML below and insert it where you want the form to appear.

Copy the HTML below and paste it anywhere on the page, as long as it is after the above HTML.

Option 2: raw HTML

Alternatively, you can copy the form's HTML and JavaScript shown below and include it in your page. This method will allow you to make changes to the HTML and JavaScript. If changes are made later to the version shown on this page, you will need to edit your code separately or come back to this page to copy the new version.

Other libraries can use this code as well. Just edit the value of newProxy in the JavaScript to match your most-current proxy prefix, and optionally oldProxy if applicable.

HTML and JavaScript for the converter

            
<form id="u-convert-url-converter">
    <div style="margin-bottom:1rem;">
        <label for="u-convert-inputURL">Paste your URL in the box below.</label>
    </div>

    <div style="margin-bottom:1rem;">
        <input id="u-convert-inputURL" size="50" type="text" class="small" style="display: block; max-width:100%;">
        <div class="small" id="u-convert-url-error" role="alert" style="display: none; padding-top:.25rem; padding-bottom:.25rem; margin-bottom:0;"></div>
    </div>

    <div style="margin-bottom:1rem;">
        <button type="submit" class="btn btn-primary"><span>Convert</span></button>
    </div>

    <!-- Output Box     -->
    <div style="margin-bottom:1rem;">
        <label for="u-convert-outputURL" style="position:absolute; left:-99999px;">New URL with correct proxy</label>
        <input id="u-convert-outputURL" size="65" type="text" disabled readonly style="max-width:100%;">
    </div>
    <div id="u-convert-copy-div" style="display: none;margin-bottom:1rem;">
        <button type="button" id="u-convert-copy-url" class="btn btn-secondary btn-sm">
        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-copy" viewBox="0 0 16 16" style="padding-top:2px;">
            <path fill-rule="evenodd" d="M4 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1h1v1a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h1v1z"/>
        </svg>
        Copy URL</button>
        <span id="u-convert-copy-message" role="alert" class="ms-2 py-1 px-2 alert  alert-success" style="opacity:0; transition: opacity 400ms; padding:.25rem .5rem; margin-left:.5rem;" aria-hidden="true">
        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard2-check" viewBox="0 0 16 16" style="padding-top:2px;">
            <path d="M9.5 0a.5.5 0 0 1 .5.5.5.5 0 0 0 .5.5.5.5 0 0 1 .5.5V2a.5.5 0 0 1-.5.5h-5A.5.5 0 0 1 5 2v-.5a.5.5 0 0 1 .5-.5.5.5 0 0 0 .5-.5.5.5 0 0 1 .5-.5z"/>
            <path d="M3 2.5a.5.5 0 0 1 .5-.5H4a.5.5 0 0 0 0-1h-.5A1.5 1.5 0 0 0 2 2.5v12A1.5 1.5 0 0 0 3.5 16h9a1.5 1.5 0 0 0 1.5-1.5v-12A1.5 1.5 0 0 0 12.5 1H12a.5.5 0 0 0 0 1h.5a.5.5 0 0 1 .5.5v12a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5z"/>
            <path d="M10.854 7.854a.5.5 0 0 0-.708-.708L7.5 9.793 6.354 8.646a.5.5 0 1 0-.708.708l1.5 1.5a.5.5 0 0 0 .708 0l3-3Z"/>
        </svg> 
        URL copied to clipboard</span>

    </div>
</form>
<script> 
(() => {
	const vals = {
		newProxy: 'scclosrios.idm.oclc.org',
		// if you are moving from a previous domain, put it below - alternatively, remove or comment out hte line below.
		oldProxy: 'ezproxy.losrios.edu',
		// non-Los Rios institutions may remove next line
		comboPattern: /\..closrios\.idm\.oclc\.org/,
		// for removing accountid string from ProQuest
		pqPattern: /(www|search)\.proquest\.com\/.*\?accountid=\d{5}/,
		pqAccount: /\?accountid=\d{5}/,
		// make sure that the values below match the IDs in the HTML form
		urlConverter: document.getElementById('u-convert-url-converter'),
		input: document.getElementById('u-convert-inputURL'),
		output: document.getElementById('u-convert-outputURL'),
		copyDiv: document.getElementById('u-convert-copy-div'),
		copyButton: document.getElementById('u-convert-copy-url'),
		copyConfirm: document.getElementById('u-convert-copy-message'),
		errorDiv: document.getElementById('u-convert-url-error'),
		secondsBeforeFade: 3
	};
	vals.proxyPattern = (() => {
		let combo = vals.newProxy;
		if (typeof vals.oldProxy === 'string') {
			combo += '|' + vals.oldProxy;
		}
		if (typeof vals.comboPattern === 'object') {
			combo += '|' + vals.comboPattern.source.replace(/\\/g, '');
		}
		combo = combo.replace(/^/, '\\.(');
		combo = combo.replace(/$/, ')');
		return new RegExp(combo);
	})();

	for (let val in vals) {
		// provide error message in console if JS values don't match HTML Id attributes
		if (!vals[val]) {
			console.log('problem with property: ' + JSON.stringify([val]));
		}
	}
	const addError = (text) => {
		const error = vals.errorDiv;
		if (error) {
			if (!error.classList.contains('alert')) {
				error.classList.add('alert', 'alert-danger');
				error.innerHTML = text;
				error.style.display = 'inline-block';
			}
		}
	};

	vals.input.addEventListener('focus', function () {
		// select input on focus and dismiss any error messages
		vals.copyDiv.style.display = 'none';
		vals.errorDiv.classList.remove('alert', 'alert-danger');
		vals.errorDiv.style.display = 'none';
		vals.output.value = '';
		this.select();
		vals.output.setAttribute('disabled', '');
	});
	vals.output.addEventListener('focus', function () {
		// select output on click to allow ctrl-C instead of using button
		this.select();
	});
	vals.copyButton.addEventListener('click', () => {
		// copy url in output to clipboard
		const confirm = vals.copyConfirm;
		const out = vals.output;
		out.select();
		out.setSelectionRange(0, 99999); // For mobile devices
		// Copy the text inside the text field
		navigator.clipboard.writeText(out.value);
		out.blur();
		confirm.style.opacity = '100'; // fade in
		confirm.setAttribute('aria-hidden', 'false');
		setTimeout(() => {
			confirm.style.opacity = '0'; // fade out
			confirm.setAttribute('aria-hidden', 'true');
		}, vals.secondsBeforeFade * 1000);
	});

	const getOrigURL = (str) => {
		// derive non-proxied URL if URL entered has proxy embedded in host
		console.log('removing embedded proxy');
		const proxyStr = '.' + vals.newProxy;
		const oldProxyStr = '.' + vals.oldProxy;
		const arr = str.split('//'); // get protocol
		const urlArr = arr[1].split('/'); // get rest of url
		let domain = urlArr[0]; // this will include hostname
		let path = ''; // if it's a simple url with no trailing slash
		if (urlArr.length > 1) {
			// most will be here
			urlArr.shift(); // remove hostname since it will be manipulated separately
			path = urlArr.join('/'); // create string to append
		}

		// next conditional can be removed when old proxy is eliminated
		if (domain.indexOf(vals.oldProxy) > -1) {
			domain = domain.replace(oldProxyStr, '');
		}
		if (vals.proxyPattern.test(domain) === true) {
			console.log('found pattern');
			domain = domain.replace(vals.comboPattern, '');
		}
		domain = domain.replace(vals.proxyPattern, ''); // remove existing proxy string from hostname
		domain = domain.replace(/-/g, '.'); // which is done here

		newURL = arr[0] + '//' + domain + '/' + path; // create new SPU
		console.log('new url: ', newURL);
		return newURL;
	};

	vals.urlConverter.addEventListener('submit', (e) => {
		// process submitted URL
		e.preventDefault();
		let oldURL = '';
		oldURL = vals.input.value;

		let newURL = '';
		if (oldURL !== '') {
			oldURL = oldURL.trim();
			// control for urls starting login.[proxy]
			let loginSubdomain = false;
			if ((oldURL.indexOf(`https://login.${vals.oldProxy}`) === 0) || (oldURL.indexOf(`https://login.${vals.newProxy}`) === 0)) {
				loginSubdomain = true;
			}

			if (oldURL.indexOf('http') !== 0) {
				addError('The URL must begin with <i>http</i> or <i>https</i>');
			} else if (oldURL.indexOf(`https://${vals.newProxy}`) === 0) {
				addError('The URL appears to already have our library proxy!');
			} else if (oldURL.indexOf('icelearningcenter') > -1) {
                addError('Links to ICE Learning Center should not include the proxy');
        	} else if (oldURL.indexOf('exlibrisgroup.com') > -1) {
				addError('Links to OneSearch should not include the proxy');
			}
			else if (/losriosccd\.overdrive\.com|\/libbyapp.com\/library\/losriosccd/.test(oldURL) === true) {
				addError('Links to Libby and Overdrive should not include the proxy.');
			}
			else if (
				/web(\-|\.)\w(\-|\.)ebscohost(\-|\.)com/.test(oldURL) === true
			) {
				addError(
					'This appears to be a session-based URL, which will expire. Make sure to use a <strong>permalink</strong>.'
				);
				
			} 
			 else if (
				((/\/\/(fod|ebooks)[\.-]infobase[\.-]com/.test(oldURL) === true) &&
				(/wid=\d{6}/i.test(oldURL) === false))
			    ) {
				    addError(
					'URLs from Films on Demand and other Infobase databases must include the wID parameter. Please find a <strong>permalink</strong> on the page.'
				    );
			    } 
			else {
				if (vals.pqPattern.test(oldURL) === true) {
					oldURL = oldURL.replace(vals.pqAccount, '');
				}
				// input value is appropriate URL, or Kanopy - proceed with conversion
				if ((vals.proxyPattern.test(oldURL) === true) && (loginSubdomain === false)) {
					// proxy is present but format is not SPU
					oldURL = getOrigURL(oldURL);
				} else {
					if (oldURL.indexOf(`https://${vals.oldProxy}`) === 0) {
						oldURL = oldURL.replace(`https://${vals.oldProxy}/login?url=`, '');
					}
					// attempt to convert any ezproxy prefix, not just one listed as oldProxy
					const anyProxy = /^http(s)?:\/\/.{8,40}\/login\?url=/;
					if (anyProxy.test(oldURL) === true) {
						oldURL = oldURL.replace(anyProxy, '');
						console.log(oldURL);
					}
				}
				if (/kanopy(streaming)?\.com/.test(oldURL) === true) {
					newURL = oldURL;
					addError('Links to Kanopy should not include proxy');
				} else {
					newURL = `https://${vals.newProxy}/login?url=${oldURL}`;
				}
				vals.output.value = newURL;
				vals.output.removeAttribute('disabled');
				vals.copyDiv.style.display = '';
			}
		} else {
			addError('No value was entered into the input box');
		}
	});
})();

 </script>

Add SCC proxy prefix

Convert a URL

Bookmarklet

Add this form to your pages

Option 1: embeddable widget (Los Rios Libraries only)

Option 2: raw HTML