What?

Enhances PR #76397

This fixes the handling modules that are imported both statically and dynamically in the same project and adds detection of dynamic imports that are inside functions.

Why?

Script module externalization would be incomplete without this

How?

I modified the index.js file based on the work done by @jorgefilipecosta and a bunch of brute-force testing of how webpack records dynamic dependencies of my own

Testing Instructions

Build a project with the following files:

File 1:

import * as test from "@wordpress/interactivity";
async function testFunc() {
	console.log(test);
}

setTimeout(() => testFunc(), 10_000);

File 2:

import * as a11y from "@wordpress/a11y";

export async function testFunc() {
	const test = await import("@wordpress/interactivity");
	console.log(test, a11y);
}
setTimeout(() => testFunc(), 10_000);

File 3:

import * as t from "@wordpress/a11y";
import * as b from "@wordpress/blocks";

import * as test from "@wordpress/interactivity";

async function testFunc() {
	console.log(test);
}

setTimeout(() => testFunc(), 10_000);
console.log(b, t);

File 4:

import * as t from "@wordpress/a11y";
import * as b from "@wordpress/blocks";

async function testFunc() {
	const test = await import("@wordpress/interactivity");
	console.log(test);
}

setTimeout(() => testFunc(), 10_000);
console.log(b, t);

The files should have the following dependencies:

• File 1: {"dependencies": ["@wordpress/interactivity"]}
• File 2: {"dependencies": ["@wordpress/a11y", {"id": "@wordpress/interactivity", "import": "dynamic"}]}
• File 3: {"dependencies": ["wp-blocks"], "module_dependencies": ["@wordpress/a11y", "@wordpress/interactivity"]}
• File 4: {"dependencies": ["wp-blocks"], "module_dependencies": ["@wordpress/a11y", {"id": "@wordpress/interactivity", "import": "dynamic"}]}

Use of AI Tools

I don't use AI tools