Unlock 30% off on Manual Testing Annual Plans this Holiday Season.

Copied to Clipboard!

How to use progressPlugin method in storybook-root

Best JavaScript code snippet using storybook-root

ProgressPlugin.js

Source:ProgressPlugin.js

1/*2	MIT License http://www.opensource.org/licenses/mit-license.php3	Author Tobias Koppers @sokra4*/5"use strict";6const validateOptions = require("schema-utils");7const schema = require("../schemas/plugins/ProgressPlugin.json");8/** @typedef {import("../declarations/plugins/ProgressPlugin").ProgressPluginArgument} ProgressPluginArgument */9/** @typedef {import("../declarations/plugins/ProgressPlugin").ProgressPluginOptions} ProgressPluginOptions */10const createDefaultHandler = (profile, logger) => {11	let lastState;12	let lastStateTime;13	const defaultHandler = (percentage, msg, ...args) => {14		logger.status(`${Math.floor(percentage * 100)}%`, msg, ...args);15		if (profile) {16			let state = msg;17			state = state.replace(/^\d+\/\d+\s+/, "");18			if (percentage === 0) {19				lastState = null;20				lastStateTime = Date.now();21			} else if (state !== lastState || percentage === 1) {22				const now = Date.now();23				if (lastState) {24					const diff = now - lastStateTime;25					const stateMsg = `${diff}ms ${lastState}`;26					if (diff > 1000) {27						logger.warn(stateMsg);28					} else if (diff > 10) {29						logger.info(stateMsg);30					} else if (diff > 0) {31						logger.log(stateMsg);32					} else {33						logger.debug(stateMsg);34					}35				}36				lastState = state;37				lastStateTime = now;38			}39		}40		if (percentage === 1) logger.status();41	};42	return defaultHandler;43};44class ProgressPlugin {45	/**46	 * @param {ProgressPluginArgument} options options47	 */48	constructor(options) {49		if (typeof options === "function") {50			options = {51				handler: options52			};53		}54		options = options || {};55		validateOptions(schema, options, "Progress Plugin");56		options = Object.assign({}, ProgressPlugin.defaultOptions, options);57		this.profile = options.profile;58		this.handler = options.handler;59		this.modulesCount = options.modulesCount;60		this.showEntries = options.entries;61		this.showModules = options.modules;62		this.showActiveModules = options.activeModules;63	}64	apply(compiler) {65		const { modulesCount } = this;66		const handler =67			this.handler ||68			createDefaultHandler(69				this.profile,70				compiler.getInfrastructureLogger("webpack.Progress")71			);72		const showEntries = this.showEntries;73		const showModules = this.showModules;74		const showActiveModules = this.showActiveModules;75		if (compiler.compilers) {76			const states = new Array(compiler.compilers.length);77			compiler.compilers.forEach((compiler, idx) => {78				new ProgressPlugin((p, msg, ...args) => {79					states[idx] = [p, msg, ...args];80					handler(81						states82							.map(state => (state && state[0]) || 0)83							.reduce((a, b) => a + b) / states.length,84						`[${idx}] ${msg}`,85						...args86					);87				}).apply(compiler);88			});89		} else {90			let lastModulesCount = 0;91			let lastEntriesCount = 0;92			let moduleCount = modulesCount;93			let entriesCount = 1;94			let doneModules = 0;95			let doneEntries = 0;96			const activeModules = new Set();97			let lastActiveModule = "";98			const update = () => {99				const percentByModules =100					doneModules / Math.max(lastModulesCount, moduleCount);101				const percentByEntries =102					doneEntries / Math.max(lastEntriesCount, entriesCount);103				const items = [104					0.1 + Math.max(percentByModules, percentByEntries) * 0.6,105					"building"106				];107				if (showEntries) {108					items.push(`${doneEntries}/${entriesCount} entries`);109				}110				if (showModules) {111					items.push(`${doneModules}/${moduleCount} modules`);112				}113				if (showActiveModules) {114					items.push(`${activeModules.size} active`);115					items.push(lastActiveModule);116				}117				handler(...items);118			};119			const moduleAdd = module => {120				moduleCount++;121				if (showActiveModules) {122					const ident = module.identifier();123					if (ident) {124						activeModules.add(ident);125						lastActiveModule = ident;126					}127				}128				update();129			};130			const entryAdd = (entry, name) => {131				entriesCount++;132				update();133			};134			const moduleDone = module => {135				doneModules++;136				if (showActiveModules) {137					const ident = module.identifier();138					if (ident) {139						activeModules.delete(ident);140						if (lastActiveModule === ident) {141							lastActiveModule = "";142							for (const m of activeModules) {143								lastActiveModule = m;144							}145						}146					}147				}148				update();149			};150			const entryDone = (entry, name) => {151				doneEntries++;152				update();153			};154			compiler.hooks.compilation.tap("ProgressPlugin", compilation => {155				if (compilation.compiler.isChild()) return;156				lastModulesCount = moduleCount;157				lastEntriesCount = entriesCount;158				moduleCount = entriesCount = 0;159				doneModules = doneEntries = 0;160				handler(0, "compiling");161				compilation.hooks.buildModule.tap("ProgressPlugin", moduleAdd);162				compilation.hooks.failedModule.tap("ProgressPlugin", moduleDone);163				compilation.hooks.succeedModule.tap("ProgressPlugin", moduleDone);164				compilation.hooks.addEntry.tap("ProgressPlugin", entryAdd);165				compilation.hooks.failedEntry.tap("ProgressPlugin", entryDone);166				compilation.hooks.succeedEntry.tap("ProgressPlugin", entryDone);167				const hooks = {168					finishModules: "finish module graph",169					seal: "sealing",170					beforeChunks: "chunk graph",171					afterChunks: "after chunk graph",172					optimizeDependenciesBasic: "basic dependencies optimization",173					optimizeDependencies: "dependencies optimization",174					optimizeDependenciesAdvanced: "advanced dependencies optimization",175					afterOptimizeDependencies: "after dependencies optimization",176					optimize: "optimizing",177					optimizeModulesBasic: "basic module optimization",178					optimizeModules: "module optimization",179					optimizeModulesAdvanced: "advanced module optimization",180					afterOptimizeModules: "after module optimization",181					optimizeChunksBasic: "basic chunk optimization",182					optimizeChunks: "chunk optimization",183					optimizeChunksAdvanced: "advanced chunk optimization",184					afterOptimizeChunks: "after chunk optimization",185					optimizeTree: "module and chunk tree optimization",186					afterOptimizeTree: "after module and chunk tree optimization",187					optimizeChunkModulesBasic: "basic chunk modules optimization",188					optimizeChunkModules: "chunk modules optimization",189					optimizeChunkModulesAdvanced: "advanced chunk modules optimization",190					afterOptimizeChunkModules: "after chunk modules optimization",191					reviveModules: "module reviving",192					optimizeModuleOrder: "module order optimization",193					advancedOptimizeModuleOrder: "advanced module order optimization",194					beforeModuleIds: "before module ids",195					moduleIds: "module ids",196					optimizeModuleIds: "module id optimization",197					afterOptimizeModuleIds: "module id optimization",198					reviveChunks: "chunk reviving",199					optimizeChunkOrder: "chunk order optimization",200					beforeChunkIds: "before chunk ids",201					optimizeChunkIds: "chunk id optimization",202					afterOptimizeChunkIds: "after chunk id optimization",203					recordModules: "record modules",204					recordChunks: "record chunks",205					beforeHash: "hashing",206					afterHash: "after hashing",207					recordHash: "record hash",208					beforeModuleAssets: "module assets processing",209					beforeChunkAssets: "chunk assets processing",210					additionalChunkAssets: "additional chunk assets processing",211					record: "recording",212					additionalAssets: "additional asset processing",213					optimizeChunkAssets: "chunk asset optimization",214					afterOptimizeChunkAssets: "after chunk asset optimization",215					optimizeAssets: "asset optimization",216					afterOptimizeAssets: "after asset optimization",217					afterSeal: "after seal"218				};219				const numberOfHooks = Object.keys(hooks).length;220				Object.keys(hooks).forEach((name, idx) => {221					const title = hooks[name];222					const percentage = (idx / numberOfHooks) * 0.25 + 0.7;223					compilation.hooks[name].intercept({224						name: "ProgressPlugin",225						context: true,226						call: () => {227							handler(percentage, title);228						},229						tap: (context, tap) => {230							if (context) {231								// p is percentage from 0 to 1232								// args is any number of messages in a hierarchical matter233								context.reportProgress = (p, ...args) => {234									handler(percentage, title, tap.name, ...args);235								};236							}237							handler(percentage, title, tap.name);238						}239					});240				});241			});242			compiler.hooks.emit.intercept({243				name: "ProgressPlugin",244				context: true,245				call: () => {246					handler(0.95, "emitting");247				},248				tap: (context, tap) => {249					if (context) {250						context.reportProgress = (p, ...args) => {251							handler(0.95, "emitting", tap.name, ...args);252						};253					}254					handler(0.95, "emitting", tap.name);255				}256			});257			compiler.hooks.afterEmit.intercept({258				name: "ProgressPlugin",259				context: true,260				call: () => {261					handler(0.98, "after emitting");262				},263				tap: (context, tap) => {264					if (context) {265						context.reportProgress = (p, ...args) => {266							handler(0.98, "after emitting", tap.name, ...args);267						};268					}269					handler(0.98, "after emitting", tap.name);270				}271			});272			compiler.hooks.done.tap("ProgressPlugin", () => {273				handler(1, "");274			});275		}276	}277}278ProgressPlugin.defaultOptions = {279	profile: false,280	modulesCount: 500,281	modules: true,282	activeModules: true,283	// TODO webpack 5 default this to true284	entries: false285};...

Using AI Code Generation

1import {progressPlugin} from 'storybook-root';2import {progressPlugin} from 'storybook-root';3import {progressPlugin} from 'storybook-root';4import {progressPlugin} from 'storybook-root';5import {progressPlugin} from 'storybook-root';6import {progressPlugin} from 'storybook-root';7import {progressPlugin} from 'storybook-root';8import {progressPlugin} from 'storybook-root';9import {progressPlugin} from 'storybook-root';10import {progressPlugin} from 'storybook-root';11import {progressPlugin} from 'storybook-root';12import {progressPlugin} from 'storybook-root';13import {progressPlugin} from 'storybook-root';

Using AI Code Generation

1const { progressPlugin } = require('storybook-root');2progressPlugin();3module.exports = {4  stories: ['../src/**/*.stories.@(js|jsx|ts|tsx)'],5  webpackFinal: async (config) => {6    return config;7  },8};

Automation Testing Tutorials

Learn to execute automation testing from scratch with LambdaTest Learning Hub. Right from setting up the prerequisites to run your first automation test, to following best practices and diving deeper into advanced test scenarios. LambdaTest Learning Hubs compile a list of step-by-step guides to help you be proficient with different test automation frameworks i.e. Selenium, Cypress, TestNG etc.