Jose Ignacio Santa Cruz G. jsanta

Polyglot software engineer, amateur guitar & bass player, geek, husband. Not precisely in that order.

27 followers · 17 following

View GitHub Profile

Recently created

Least recently created

Recently updated

Least recently updated

jsanta / index.html

Last active February 12, 2025 13:32

PWA index.html file for Android and iOS copy & paste enabled

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8" />
	<title>Ionic App</title>

	<base href="/" />

	<meta
	name="viewport"

jsanta / index.js

Created November 25, 2019 16:08

Postgres stream example using Express + Sequelize

	// jshint esversion: 6
	/**
	* El comentario jshint es para indicar al parser de javascript del editor que se utilizarán
	* características de ES6 (EcmaScript 6), como funciones de flecha, const, let, y otros.
	*/

	/**
	* Requeridos para poder definir la API
	* - express: permite definir los endpoints de la aplicación
	* - cors: permite que los endpoints de la API sean accesibles desde servidores externos

jsanta / remote-library.service.ts

Created January 5, 2021 14:45

Remote Library service: Allows including external resources (scripts and CSS) to the DOM. If the library is already loaded just return the Observable.

	import { Injectable, Inject } from '@angular/core';
	import { ReplaySubject, Observable, forkJoin } from 'rxjs';
	import { DOCUMENT } from '@angular/common';

	@Injectable({
	providedIn: 'root'
	})
	export class RemoteLibraryService {
	// Ref.: https://codeburst.io/lazy-loading-external-javascript-libraries-in-angular-3d86ada54ec7

jsanta / gist:231bb5c65a1faf7571c846dfc49a3263

Last active January 5, 2021 15:40

Example Angular component that loads external libraries

	import { RemoteLibraryService } from './../services/remote-library.service';
	import { Component, OnInit, AfterViewInit, OnDestroy } from '@angular/core';

	declare global {
	var externalLibrary: any;
	var otherExternalLibrary: any;
	}

	@Component({
	selector: 'app-wrapper',

jsanta / motospeed_ck62.json

Created February 26, 2021 15:52

Karabiner configuration file for Motospeed CK62 mechanical keyboard

	{
	"title": "Motospeed CK62 nearly as Apple keyboard",
	"rules": [
	{
	"description": "Modifiers position: Left Ctrl Alt/Option Command - Right Command Alt/Option Fn (CK62 Fn key is unused)",
	"manipulators": [
	{
	"type": "basic",
	"from": {
	"key_code": "application"

jsanta / custom-puppeteer-render.plugin.ts

Created November 9, 2021 15:47

Puppeteer enterpise plugin for Scully. Basically a huge copy & paste from the original PuppeteerRender plugin, but with some extra attributes for configuration.

	/**
	* Patched to include timeout support
	*/

	// tslint:disable: no-string-literal
	// const puppeteer = require('puppeteer');
	import { HandledRoute, scullyConfig, log, logError, logWarn, createFolderFor, registerPlugin, getPluginConfig } from '@scullyio/scully';
	import { scullySystem } from '@scullyio/scully/src/lib/pluginManagement/pluginRepository';
	import { launchedBrowser, reLaunch } from '@scullyio/scully/src/lib/renderPlugins/launchedBrowser';
	import { ssl, showBrowser } from '@scullyio/scully/src/lib/utils';

jsanta / abstract-cache.service.ts

Created March 21, 2022 14:25

Angular cache service + TTL & cache interceptor

	import { Injectable } from '@angular/core';
	import { Observable } from 'rxjs';

	// Ref https://medium.com/@AurelienLeloup/cache-http-requests-with-rxjs-for-angular-eb9bee93824d
	type CacheItem<T> = {
	date : Date,
	value: Observable<T>
	};

	@Injectable({

jsanta / logger.service.ts

Created March 21, 2022 14:29

Angular logger service. Wrapper for console log, will log only on development environment (production === false)

	import { isPlatformBrowser } from '@angular/common';
	import { Inject, Injectable, PLATFORM_ID } from '@angular/core';
	import { environment } from '../../environments/environment';

	@Injectable({
	providedIn: 'root'
	})
	export class LoggerService {

	constructor(@Inject(PLATFORM_ID) private platform: any) {

jsanta / server.ts

Created March 21, 2022 14:37

Fast Angular Universal SSR server example with Redis, compression, map "security" (for curious developers) and API proxy endpoint

	import 'zone.js/node';
	import 'dotenv/config';
	import '@ng-web-apis/universal/mocks';

	import { ngExpressEngine } from '@nguniversal/express-engine';
	import * as express from 'express';
	import { join } from 'path';

	import { AppServerModule } from './src/main.server';
	import { APP_BASE_HREF } from '@angular/common';

jsanta / preload-css.plugin.ts

Created March 21, 2022 14:45

Base Scully configuration example for Angular App + PreloadCss plugin

	import { registerPlugin } from '@scullyio/scully';

	export const PreloadCssPlugin = 'PreloadCssPlugin';

	export const preloadCssHandler = async (html: string): Promise<string> => {

	html = html.replace(
	/<link rel="stylesheet" href="([\w\d\.-]+\.css)">/g,
	`<link rel="preload" as="style" href="$1">
	<link rel="stylesheet" type="text/css" media="print" onload="this.media='all';" href="$1">

Older Newer