Clément Paris ClementParis016

🐿️

Stretching some <div>s to make them flex

Software Engineer & Web enthusiast.

ClementParis016 / index.js

Last active May 5, 2022 09:34

Extract commits from GitHub org to CSV

	const { Octokit } = require("@octokit/rest");
	const fastCsv = require("fast-csv");
	const fs = require("fs");
	const consola = require("consola");

	process.on("unhandledRejection", (error, promise) => {
	consola.fatal(`Unhandled rejection! ${error.name}: ${error.message}`, {
	error,
	promise,
	});

ClementParis016 / swap.js

Created February 1, 2019 10:32

Lodash's missing swap util to replace an element from a collection

	import { map, iteratee } from 'lodash';

	/**
	* Replaces elements from collection that matches predicate with replacement.
	*
	* @param {Array} collection The collection to replace in
	* @param {*} predicate The condition to determine which elements of collection
	* should be replaced
	* @param {*} replacement The value to use as a replacement of elements of
	* collection that matches the predicate

ClementParis016 / getObjectKeys.js

Last active December 17, 2018 16:13

Get deep JavaScript Object keys with dot notation

	// It may have a lot of possible use case but the one I did it for initially was
	// to find which keys were missing between two JSON translations files

	function getKeys(obj) {
	const keys = [];

	const walk = (o, parent = null) => {
	for (const k in o) {
	const current = parent ? parent + '.' + k : k;
	keys.push(current);

ClementParis016 / pdf-viewer.jsx

Created November 29, 2018 14:55

Render raw binary PDF data in a PDF viewer

	// Originally tweeted at https://twitter.com/ClementParis016/status/1065000952749539329

	// Fetch raw binary PDF data
	const response = await fetch('https://some.pdf');
	// Extract response body as Blob
	const blob = await response.blob();
	// Create an URL pointing to the object
	const url = URL.createObjectURL(blob);

	// Render a PDF viewer!

ClementParis016 / rewrite-gmail-img-src.js

Last active November 29, 2018 15:27

Use original images URLs in Gmail

	const REGEX = /https:\/\/.\.googleusercontent\.com\/.#(https?:\/\/.*)/i;

	// Rewrite img source on <img> tags
	Array.from(
	document.querySelectorAll('img')
	).forEach(img => {
	const match = img.src.match(REGEX);

	if (!match) {
	return;

ClementParis016 / base64tofile.js

Created September 30, 2017 16:37

Convert a base64 image to a file with Node.js

	const fs = require('fs');

	const rawBase64 = ''; // typically 'data:image/png;base64,.......'
	const [, ext, data] = rawBase64.match(/^data:image\/([a-z]+);base64,(.*)$/);

	fs.writeFileSync(`image.${ext}`, data, 'base64');

ClementParis016 / fault-tolerant-promise-all.js

Last active February 21, 2022 05:23

Fault-tolerant Promise.all

	const p1 = new Promise(resolve => resolve({ data: 1, status: 'OK' }));
	const p2 = new Promise((resolve, reject) => reject({ data: 2, status: 'OK' }));
	const p3 = new Promise(resolve => resolve({ data: 3, status: 'OK' }));

	const promisesCatcher = promises => promises.map(promise => promise.catch(err => ({ data: err, status: 'ERROR' })));

	Promise.all(
	promisesCatcher([p1, p2, p3])
	).then(values => {
	for (let result of values) {

ClementParis016 / mapObject.js

Last active February 1, 2017 15:00

Map an object with Object.keys and Array.prototype.reduce

	const weekDays = {
	monday: "Monday",
	tuesday: "Tuesday",
	wednesday: "Wednesday",
	thursday: "Thursday",
	friday: "Friday"
	};

	const mappedWeekDays = Object.keys(weekDays).reduce((mapper, day) => {
	mapper[day] = {

ClementParis016 / index.html

Created November 23, 2016 11:33

Avoid text wrapping around floatted image

	<div class="container">
	<img class="floatted-image" src="http://placehold.it/350x150" alt="Dummy image">
	<p class="no-wrapping-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas dapibus magna elit, a posuere lacus malesuada sed. Fusce ante metus, congue vel odio vitae, eleifend placerat metus. Suspendisse tempus dapibus mauris id faucibus. Curabitur augue erat, aliquet facilisis sem non, ultrices sollicitudin nulla. Etiam condimentum a nisl ut bibendum. Aliquam tellus nisi, ultrices at ligula eget, euismod tempus leo. Donec pellentesque, tortor et fringilla tincidunt, ex neque ullamcorper risus, quis sollicitudin elit nulla a nulla.</p>
	</div>

ClementParis016 / httpd.conf

Last active November 29, 2018 14:45

Load missing local WordPress uploads from the production server

	# From https://stevegrunwell.github.io/wordpress-git/#/13

	<IfModule mod_rewrite.c>
	RewriteEngine on

	# Attempt to load files from production if
	# they're not in our local version
	RewriteCond %{REQUEST_FILENAME} !-d
	RewriteCond %{REQUEST_FILENAME} !-f
	RewriteRule wp-content/uploads/(.*) \