Jan Nicklas jantimon

Webpack Bundling (sideEffects: true)

The following example shows the result of bundling of css modules in the following setting:

Because of "sideEffect": "true" webpack processes all imports when dealing with barrel files.

	> next build

	▲ Next.js 15.4.0-canary.3
	- Experiments (use with caution):
	· swcPlugins
	✓ reactCompiler

	Creating an optimized production build ...

	Files compiled with babel

	/*
	MIT License http://www.opensource.org/licenses/mit-license.php
	Author Tobias Koppers @sokra
	*/

	"use strict";

	const glob2regexp = require("glob-to-regexp");
	const {
	JAVASCRIPT_MODULE_TYPE_AUTO,

	// tested on: https://www.youtube.com/results?search_query=chrome+performance
	const styleElement = document.createElement("style");
	styleElement.innerHTML = `
	@property --unused-property-no-inherit { inherits: false }

	, :before, *:after { box-sizing: inherit }

	.opacity-30 {
	opacity: 0.3;
	}

	const styleElement = document.createElement("style");
	styleElement.innerHTML = `@property --unused-property-no-inherit { inherits: false }`
	document.head.appendChild(styleElement);
	const styleSheet = styleElement.sheet;

	setTimeout(() => {
	performance.mark("inject html opacity 0.5");
	console.log("add to <html> opacity: 0.5");
	styleSheet.insertRule("html { opacity: 0.5 }", styleSheet.cssRules.length);
	}, 1000);

	brew update
	brew install Cmake protobuf rust python
	git clone https://github.com/bfirsh/stable-diffusion.git
	git checkout apple-silicon-mps-support

	mkdir -p models/ldm/stable-diffusion-v1/

	# accept license and download the model
	# sd-v1-4.ckpt from:
	# https://huggingface.co/CompVis/stable-diffusion-v-1-4-original

	#!/usr/bin/env bash

	git fetch &

	MAIN_BRANCH="main"
	# detect master / main branch
	if [ "$(git rev-parse --quiet --verify $MAIN_BRANCH)" ]; then
	echo "main branch: ${MAIN_BRANCH}"
	else
	MAIN_BRANCH="master"

	export const actionCreator = <TState>() => <TOptions extends {}>(
	actionHandler: ActionHandler<TOptions, TState>
	) => actionHandler;
	type ActionHandler<TOptions extends {}, TState extends {}> = (
	state: TState,
	options: TOptions
	) => TState;
	type ActionOptions<T> = T extends ActionHandler<infer TOptions, infer State>
	? TOptions
	: never;

	//https://codepen.io/anon/pen/XyVQyp


	setUpTestEnvironment();


	console.log('Test', 500)
	setViewportSize(500);
	assert.equal(meassureElementWidth('.content'), 500)