belgattitude

Comparison

• Yarn 4.0.0-rc.23: 2+ minutes (constant yarn cache is preserved between lock changes: cache saved in .next/cache/yarn)
• Pnpm 7.13.x: 4+ mins (cold cache) / 3+ minutes (warm cache)

Deploy size

PS: add NEXT_DEBUG_FUNCTION_SIZE=1 in the vercel envs/

belgattitude

Why

Although @setup/node as a built-in cache option, it lacks an opportunity regarding cache persistence. Depending on usage, the action below might give you faster installs and potentially reduce carbon emissions (♻️🌳❤️).

Requirements

pnpm v7 or v8 (not using pnpm ? see the corresponding yarn action gist)

Bench

belgattitude

Why

Although @setup/node as a built-in cache option, it lacks an opportunity regarding cache persistence. Depending on usage, the action below might give you faster installs and potentially reduce carbon emissions (♻️🌳❤️).

Requirements

Yarn 3+ with nodeLinker: node-modules. (Not using yarn ? see the corresponding pnpm 7/8+ action gist)

Structure

belgattitude

Benchmark

TLDR

On a (cached) github action. pnpm7 ±50s (244Mb store cache) / yarn4-nm ±75s (190Mb yarn install cache)

Intro

Tests made with pnpm 7+ and yarn 4.0.0rc (node-modules/pnp) based on https://github.com/belgattitude/nextjs-monorepo-example. Tests have been made in a way to evaluate CI performance. There's other perf bench: pnpm or yarn. Conclusions are pretty similar. This benchmark helped to create this yarn install composite action

belgattitude

Hubspot Embed Case-Study

Original issue in https://github.com/sortlist/sortlist/issues/18791 and some requirements in https://docs.google.com/spreadsheets/d/1HzL-Swnh0qLOB-vLWDeHQtyJMpkCF7RvFWTaBU0U4Xo/.

Motives

• Make advising calls details available on Hubspot.
• Integrate Hubspot Schedule Meetings in our advisor (schedule meetings will handle confirmations, reschedule...)

belgattitude

peer-deps

Support for peerDependencies and peerDependenciesMeta.optional seems consistent for Yarn 1/2/3, PNPM 6 and NPM 8.

Exception: NPM v7 always install the peerDependencies, which has the consequence to download deps that might not be needed (the --legacy-peer-deps can help).

• See https://github.com/npm/rfcs/blob/main/implemented/0025-install-peer-deps.md

belgattitude

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

belgattitude

#!/bin/bash
#
# Example script to install LibXL, ilia/php_excel on PHP 7.3 (ondrej/ppa)
#
# Usage: 
#   > sudo ./install_phpexcel_php73.sh
#   > sudo service php7.3-fpm reload (if using fpm)
# 
# Requirements: 
#   - Tested with Ubuntu 64bits (14.04, 16.04+)

belgattitude

/* Example of captions styling for FF and Chrome. 
 * Warning ! Only my prod build includes postcss/autoprefixer work. 
 * this example needs prefixes 
 */

@import '../_variables.scss';
@import '../_media-queries.scss';

$track-font-family: $primary-font, sans-serif;
$track-color: yellow;

belgattitude

import React, {SourceHTMLAttributes, TrackHTMLAttributes, VideoHTMLAttributes} from 'react';
import {Omit} from 'utility-types';

export type VideoSourcesProps = Array<SourceHTMLAttributes<HTMLSourceElement>>;
export type TracksSourcesProps = Array<TrackHTMLAttributes<HTMLTrackElement>>;

export type BasicVideoProps = {
    srcs?: VideoSourcesProps;
    tracks?: TracksSourcesProps;
    playbackRate: number;