Skip to content

Instantly share code, notes, and snippets.

Trying to find other CGI colleagues who writes JavaScript

Renoir Boulanger renoirb

Trying to find other CGI colleagues who writes JavaScript
Block or report user

Report or block renoirb

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View render-helpers.js
* Copy-Pasta from Vue.js transpiled source (!).
* NOT TO USE, just to point out cool parts.
import {
renoirb / hooks-index.js
Last active Nov 15, 2018
Nuxt 'render:setupMiddleware' hook example
View hooks-index.js
// file: hooks/index.js
import render from './render'
// 'render:context'
export default (nuxtConfig) => ({
render: render(nuxtConfig),
renoirb / Makefile
Last active Jan 24, 2019
Vue Component Library Build
View Makefile
src=$(shell ls src/*.vue)
out=$(subst src,dist,$(subst .vue,,$(src)))
ifndef OUTPUT
OUTPUT = lib
all: dist/index.js $(out)
renoirb / nuxt-apollo-graphql-stash.patch
Last active Oct 30, 2018
Attempt at making local module for Apollo GraphQL for Vue on Nuxt
View nuxt-apollo-graphql-stash.patch
From f1cf052838fa56c305f57e02f039bea5d957d81f Mon Sep 17 00:00:00 2001
From: Renoir Boulanger <>
Date: Mon, 29 Oct 2018 23:58:40 -0400
Subject: [PATCH] Attempt adding own Vue Apollo
modules/graphql.js | 73 ++++++++++++++++++++++++++++++++++
nuxt.config.js | 1 +
package.json | 14 +++++--
plugins/graphql-client.js | 41 +++++++++++++++++++
View components.js
* Vue.js v2.5.17
* (c) 2014-2018 Evan You
* Released under the MIT License.
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):e.Vue=t()}(this,function(){"use strict";var y=Object.freeze({});function M(e){return null==e}function D(e){return null!=e}function S(e){return!0===e}function T(e){return"string"==typeof e||"number"==typeof e||"symbol"==typeof e||"boolean"==typeof e}function P(e){return null!==e&&"object"==typeof e}var r=Object.prototype.toString;function l(e){return"[object Object]"}function i(e){var t=parseFloat(String(e));return 0<=t&&Math.floor(t)===t&&isFinite(e)}function t(e){return null==e?"":"object"==typeof e?JSON.stringify(e,null,2):String(e)}function F(e){var t=parseFloat(e);return isNaN(t)?e:t}function s(e,t){for(var n=Object.create(null),r=e.split(","),i=0;i<r.length;i++)n[r[i]]=!0;return t?function(e){return n[e.toLowerCase()]}:function(e){return n[e]}}var c=s("slot,component",!0),u=
renoirb / foo.js
Created Aug 27, 2018
Vue component in a Gist
View foo.js
// const render = Vue.compile('<h1>Hello {{what}}</h1>')
const HelloComponent = Vue.component('greet-component', {template: '<h1>Hello {{what}}</h1>', props: ['what']})
const app = new Vue({template: '<div><greet-component :what="name" /></div>', components: { HelloComponent }, data: {name: 'World'}})
app.$children[0].$el.textContent // "Hello World"
renoirb / time.js
Last active Aug 9, 2018
JavaScript Time Range Functions when using UNIX Epoch
View time.js
class DateEpoch {
constructor (epoch = {}) {
const typeCheckFinite = e => isFinite(e)
const typeCheckDate = e => 'getUTCDate' in e
switch (true) {
case typeCheckFinite(epoch):
this.epoch = toMilliseconds(parseInt(epoch))
case typeCheckDate(epoch):
this.epoch = epoch.getTime()
renoirb / en.json
Last active Jun 14, 2018
View en.json
{"welcome": "Welcome! 😊","howmany": "How many {what} do you own","hello": "Hello","userRequired": "User Name is required","userPlaceholder": "User Name","pwdRequired": "Password is required","pwdPlaceholder": "Password","captchaRequired": "Captcha is required","captchaPlaceholder": "Captcha","bravo": "😊"}
renoirb / datepicker.css
Created Jun 4, 2018
WebComponent Host Gist
View datepicker.css
ul[data-v-0b1b89fc]{padding:0;margin:0;list-style:none}.date-picker[data-v-0b1b89fc]{position:relative;height:32px}.input-wrapper[data-v-0b1b89fc]{border:1px solid #ccc;border-radius:2px;vertical-align:middle;display:flex;justify-content:space-between;flex-flow:row nowrap;align-items:center;padding:6px 10px 6px 4px;height:32px;box-sizing:border-box}.input[data-v-0b1b89fc]{height:100%;width:100%;font-size:inherit;padding-left:4px;box-sizing:border-box;outline:none}.cancel-btn[data-v-0b1b89fc]{height:14px;width:14px}.date-panel[data-v-0b1b89fc]{position:absolute;z-index:5000;border:1px solid #eee;width:320px;padding:5px 10px 10px;box-sizing:border-box;background-color:#fff;transform:translateY(4px)}.panel-header[data-v-0b1b89fc]{display:flex;flex-flow:row nowrap;width:100%}.arrow-left[data-v-0b1b89fc],.arrow-right[data-v-0b1b89fc]{flex:1;font-size:20px;line-height:2;background-color:#fff;text-align:center;cursor:pointer}.year-range[data-v-0b1b89fc]{font-size:20px;line-height:2;flex:3;display:flex;justify-conten
View code.js
const items = [
value: false,
name: "Frozen Yogurt",
calories: 159,
fat: 6.0,
carbs: 24,
protein: 4.0,
iron: "1%"
You can’t perform that action at this time.