Jouni Kantola jouni-kantola

## test-max-cookie-value.js
// RFC: https://datatracker.ietf.org/doc/html/rfc6265#section-6.1
// "measured by the sum of the length of the cookie's name, value, and attributes"
(function testMaxCookieSize (cookieName = "test-cookie", fillWith = "1") {
    const setCookie = (name, value) => {
        const formattedValue = `${value}; path=/; domain=${document.location.host}`;
        document.cookie = `${name}=${formattedValue}`;
    };

    const getCookie = cookieName => {
        const name = cookieName + "=";

## eleventy-external-links-transform.js
// Credits 🙇 for original ideas to:
// Fork of https://github.com/vimtor/eleventy-plugin-external-links
// css.gg SVG icon https://github.com/astrit/css.gg/blob/master/icons/svg/external.svg

const { parse, HTMLElement } = require("node-html-parser");
const { extname } = require("path");

module.exports = eleventyConfig => {
  const options = {
    name: "external-links",

## color-scheme.css
@custom-selector :--dark-mode input#dark-mode:checked;
@custom-selector :--light-mode input#light-mode:checked;

$color-scheme-toggle-root: .color-scheme;

input[name="color-scheme"] {
  display: none;
}

$color-scheme-toggle-root {

## .eleventy.js
module.exports = eleventyConfig => {
  /* ... */
  eleventyConfig.addPairedShortcode("postcss", require("./shortcodes/postcss"));
  /* ... */
}

## dark-and-light-mode.html
<!DOCTYPE html>
<html>

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style>
        :root {
            --light-color: #fafafa;
            --dark-color: #222;
            --background-color: var(--light-color);

## replay.sh
#!/bin/sh

# Remember current branch
CURRENT_BRANCH=$(git rev-parse --abbrev-ref HEAD)

# Temp branch used for replaying history
TEMP_BRANCH=__tmp-replay-git-commits

# Checkout temp branch
git checkout -b $TEMP_BRANCH

## Program.cs
using System;

public class Program
{
	static Func<TSource, TResult> CreateFunction<TSource, TResult>(Func<TSource, TResult> function)
	{
		return function;
	}

	public static void Main()

## active.js
function isActive(startDate, endDate) {
  var start = new Date(startDate);
  var end = new Date(endDate);
  var timeNow = new Date();
  return (timeNow >= start.setHours(0, 0, 0, 0)) &&
    (timeNow < end.setHours(0, 0, 0, 0));
}

// running on 2017-04-18
isActive("2017-04-01", "2017-04-18") // -> false

## package.json
{
  "dependencies": {
    "is-thirteen": "^2.0.0",
    "no-op": "^1.0.3"
  },
  "devDependencies": {
    "autoprefixer": "^6.6.1",
    "babel-core": "^6.21.0",
    "babel-eslint": "^7.1.1",
    "babel-loader": "^6.2.10",

## reasons-for-webpack-chunk-hash-updates.md

      
        
          
            
              
              1 file
            
          
          
            
              
              0 forks
            
          
          
            
              
              0 comments
            
          
          
            
              
              9 stars
            
          
        
        
          
              
          
          
            
                jouni-kantola
                / reasons-for-webpack-chunk-hash-updates.md
            
            
              Last active
              May 9, 2021 10:08
            
              
                Reasons for webpack chunk hash updates
              
          
        
      
        
  
      
    Reasons for hash change

First build, for reference

       0.14ff9d89ef59e0542b1d.dev.js    1.55 kB    0, 7  [emitted]
       1.bcca8d49c0f671a4afb6.dev.js  708 bytes    1, 7  [emitted]
       2.6617d1b992b44b0996dc.dev.js  708 bytes    2, 7  [emitted]
       3.c8edca9c31923a566f7f.dev.js  403 bytes    3, 7  [emitted]
       4.c67fbd67a62782c31d1c.dev.js  403 bytes    4, 7  [emitted]
  vendor.3c35d30d5995c0e6e1c1.dev.js     259 kB    5, 7  [emitted]  [big]  vendor
	// Credits 🙇 for original ideas to:
	// Fork of https://github.com/vimtor/eleventy-plugin-external-links
	// css.gg SVG icon https://github.com/astrit/css.gg/blob/master/icons/svg/external.svg

	const { parse, HTMLElement } = require("node-html-parser");
	const { extname } = require("path");

	module.exports = eleventyConfig => {
	const options = {
	name: "external-links",
	@custom-selector :--dark-mode input#dark-mode:checked;
	@custom-selector :--light-mode input#light-mode:checked;

	$color-scheme-toggle-root: .color-scheme;

	input[name="color-scheme"] {
	display: none;
	}

	$color-scheme-toggle-root {
	module.exports = eleventyConfig => {
	/* ... */
	eleventyConfig.addPairedShortcode("postcss", require("./shortcodes/postcss"));
	/* ... */
	}
	<!DOCTYPE html>
	<html>

	<head>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<style>
	:root {
	--light-color: #fafafa;
	--dark-color: #222;
	--background-color: var(--light-color);
	#!/bin/sh

	# Remember current branch
	CURRENT_BRANCH=$(git rev-parse --abbrev-ref HEAD)

	# Temp branch used for replaying history
	TEMP_BRANCH=__tmp-replay-git-commits

	# Checkout temp branch
	git checkout -b $TEMP_BRANCH
	using System;

	public class Program
	{
	static Func<TSource, TResult> CreateFunction<TSource, TResult>(Func<TSource, TResult> function)
	{
	return function;
	}

	public static void Main()
	function isActive(startDate, endDate) {
	var start = new Date(startDate);
	var end = new Date(endDate);
	var timeNow = new Date();
	return (timeNow >= start.setHours(0, 0, 0, 0)) &&
	(timeNow < end.setHours(0, 0, 0, 0));
	}

	// running on 2017-04-18
	isActive("2017-04-01", "2017-04-18") // -> false
	{
	"dependencies": {
	"is-thirteen": "^2.0.0",
	"no-op": "^1.0.3"
	},
	"devDependencies": {
	"autoprefixer": "^6.6.1",
	"babel-core": "^6.21.0",
	"babel-eslint": "^7.1.1",
	"babel-loader": "^6.2.10",