tapable 2.3.3: execute synchronous and asynchronous plugin hooks using SyncHook and AsyncSeriesHook

Clean-room public code sample — generation instructions

Write a brand-new, minimal, self-contained code sample in this clean-room directory.
Do not copy, paraphrase, or reference any existing project source. Work only from this spec.

A csx.json manifest scaffold already exists. Do not recreate it from memory. Preserve its case.goal, packages and symbols; fill its empty case.contract with exact assertions and correct its environment, commands and verifierAdapter for the files you generate.

Goal: execute synchronous and asynchronous plugin hooks using SyncHook and AsyncSeriesHook
Kind: HOW

Use EXACTLY these public packages and versions:
  - pkg:npm/tapable@2.3.3
Demonstrate these symbols/APIs:
  - AsyncSeriesHook
  - SyncHook
Constraints:
  - executionContext: node
Required runtime conditions:
  - ecosystem: npm
  - language: javascript
  - moduleSystem: cjs
  - packageManager: npm@10.9.8
  - runtime: node@22.23.2

Rules:
  - One focused purpose; the smallest project that proves the goal.
  - Include a contract test (test/contract.*) that runs OFFLINE and exits 0 exactly when the goal behavior works.
  - Pin every dependency with a lockfile so resolution is reproducible.
  - No secrets, credentials, or tokens. No real URLs (only example.com or localhost). No absolute paths.
  - No personal names, emails, company names, or project identifiers of any kind.
  - No binaries and no generated output (node_modules, dist, target, venv, .git, .env).
  - Keep it under 200 files and 256KB packed.

{"case":{"caseId":"case:sha256:1b98e6b9290545aec8823fa3a34bd09203eaf7797963c2eb3b83625148385062","constraints":{"executionContext":"node"},"contract":["assert SyncHook executes registered synchronous tap callbacks in insertion order with provided arguments","assert AsyncSeriesHook tapAsync executes serial asynchronous callbacks with done callback","assert AsyncSeriesHook tapPromise executes serial promise-returning handlers in sequential order","assert AsyncSeriesHook promise resolves when all series handlers complete","assert AsyncSeriesHook callAsync invokes completion callback after all handlers finish","assert CompilerPluginManager coordinates SyncHook and AsyncSeriesHook execution across lifecycle stages"],"goal":"execute synchronous and asynchronous plugin hooks using SyncHook and AsyncSeriesHook","kind":"HOW","packages":["pkg:npm/tapable@2.3.3"],"schemaVersion":1,"symbols":["AsyncSeriesHook","SyncHook"]},"contractCommand":["node","test/contract.cjs"],"environment":{"arch":"x64","distro":"ubuntu","ecosystem":"npm","executionContext":"node","language":"javascript","libc":"glibc","libcVersion":"2.39","moduleSystem":"cjs","os":"linux","osVersionBucket":"24","packageManager":"npm","packageManagerVersion":"10.9.8","runtime":"node","runtimeVersion":"22.23.2","schemaVersion":1},"license":"MIT-0","packages":["pkg:npm/tapable@2.3.3"],"schemaVersion":1,"subject":"pkg:npm/tapable@2.3.3","symbols":["AsyncSeriesHook","SyncHook"],"verifierAdapter":"node-typescript@1"}

const { SyncHook, AsyncSeriesHook } = require('tapable');

class CompilerPluginManager {
  constructor() {
    this.hooks = {
      compile: new SyncHook(['context']),
      emit: new AsyncSeriesHook(['assets']),
    };
  }

  runCompile(context) {
    this.hooks.compile.call(context);
  }

  async runEmit(assets) {
    await this.hooks.emit.promise(assets);
  }
}

module.exports = {
  CompilerPluginManager,
};

{
  "name": "tapable-sample",
  "version": "1.0.0",
  "lockfileVersion": 3,
  "requires": true,
  "packages": {
    "": {
      "name": "tapable-sample",
      "version": "1.0.0",
      "dependencies": {
        "tapable": "2.3.3"
      }
    },
    "node_modules/tapable": {
      "version": "2.3.3",
      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.3.3.tgz",
      "integrity": "sha512-uxc/zpqFg6x7C8vOE7lh6Lbda8eEL9zmVm/PLeTPBRhh1xCgdWaQ+J1CUieGpIfm2HdtsUpRv+HshiasBMcc6A==",
      "license": "MIT",
      "engines": {
        "node": ">=6"
      },
      "funding": {
        "type": "opencollective",
        "url": "https://opencollective.com/webpack"
      }
    }
  }
}

{
  "name": "tapable-sample",
  "version": "1.0.0",
  "private": true,
  "description": "Execute synchronous and asynchronous plugin hooks using SyncHook and AsyncSeriesHook",
  "main": "index.js",
  "scripts": {
    "test": "node test/contract.cjs"
  },
  "dependencies": {
    "tapable": "2.3.3"
  }
}

{
  "schemaVersion": 1,
  "goal": "execute synchronous and asynchronous plugin hooks using SyncHook and AsyncSeriesHook",
  "kind": "HOW",
  "packages": [
    "pkg:npm/tapable@2.3.3"
  ],
  "symbols": [
    "AsyncSeriesHook",
    "SyncHook"
  ],
  "constraints": {
    "executionContext": "node"
  },
  "runtimeConditions": {
    "ecosystem": "npm",
    "language": "javascript",
    "moduleSystem": "cjs",
    "packageManager": "npm@10.9.8",
    "runtime": "node@22.23.2"
  }
}

const assert = require('node:assert/strict');
const { SyncHook, AsyncSeriesHook } = require('tapable');
const { CompilerPluginManager } = require('../index.js');

async function testSyncHook() {
  const hook = new SyncHook(['item', 'multiplier']);
  const executionLog = [];

  hook.tap('PluginA', (item, multiplier) => {
    executionLog.push({ plugin: 'PluginA', value: item * multiplier });
  });

  hook.tap('PluginB', (item, multiplier) => {
    executionLog.push({ plugin: 'PluginB', value: item + multiplier });
  });

  hook.call(5, 2);

  assert.deepEqual(executionLog, [
    { plugin: 'PluginA', value: 10 },
    { plugin: 'PluginB', value: 7 },
  ]);
}

async function testAsyncSeriesHookTapAsync() {
  const hook = new AsyncSeriesHook(['order']);
  const order = [];

  hook.tapAsync('AsyncFirst', (data, callback) => {
    setTimeout(() => {
      data.push('first');
      callback();
    }, 20);
  });

  hook.tapAsync('AsyncSecond', (data, callback) => {
    setTimeout(() => {
      data.push('second');
      callback();
    }, 10);
  });

  await new Promise((resolve, reject) => {
    hook.callAsync(order, (err) => {
      if (err) return reject(err);
      resolve();
    });
  });

  assert.deepEqual(order, ['first', 'second']);
}

async function testAsyncSeriesHookTapPromise() {
  const hook = new AsyncSeriesHook(['timeline']);
  const timeline = [];

  hook.tapPromise('PromiseStep1', async (data) => {
    await new Promise((r) => setTimeout(r, 15));
    data.push('step1');
  });

  hook.tapPromise('PromiseStep2', async (data) => {
    await new Promise((r) => setTimeout(r, 5));
    data.push('step2');
  });

  await hook.promise(timeline);

  assert.deepEqual(timeline, ['step1', 'step2']);
}

async function testCompilerPluginManager() {
  const manager = new CompilerPluginManager();
  const events = [];

  manager.hooks.compile.tap('CompileAuditPlugin', (ctx) => {
    events.push(`compile:${ctx.target}`);
  });

  manager.hooks.emit.tapPromise('AssetOptimizerPlugin', async (assets) => {
    await new Promise((r) => setTimeout(r, 10));
    assets.push('bundle.js.gz');
    events.push('emit:optimized');
  });

  const ctx = { target: 'production' };
  manager.runCompile(ctx);

  const assets = ['bundle.js'];
  await manager.runEmit(assets);

  assert.deepEqual(assets, ['bundle.js', 'bundle.js.gz']);
  assert.deepEqual(events, ['compile:production', 'emit:optimized']);
}

async function main() {
  await testSyncHook();
  await testAsyncSeriesHookTapAsync();
  await testAsyncSeriesHookTapPromise();
  await testCompilerPluginManager();
  console.log('Contract passed.');
}

main().catch((err) => {
  console.error(err);
  process.exit(1);
});