wip(core): enhance compiledCache key management

Author: FranckFreiburger

src/createVue2SFCModule.ts

@@ -89,7 +89,7 @@ export async function createSFCModule(source : string, filename : AbstractPath,
 
 	const component = {};
 
-	const { delimiters, moduleCache, compiledCache, getResource, addStyle, log, additionalBabelPlugins = [], customBlockHandler } = options;
+	const { delimiters, moduleCache, compiledCache, getResource, addStyle, log, additionalBabelPlugins = {}, customBlockHandler } = options;
 
 	const descriptor = sfc_parse({
 		source,
@@ -154,9 +154,9 @@ export async function createSFCModule(source : string, filename : AbstractPath,
 
 		const src = descriptor.script.src ? (await getResource({ refPath: filename, relPath: descriptor.script.src }, options).getContent()).content.toString() : descriptor.script.content;
 
-		const [ depsList, transformedScriptSource ] = await withCache(compiledCache, [ componentHash, src ], async ({ preventCache }) => {
+		const babelParserPlugins : babel_ParserPlugin[] = [];
 
-			const babelParserPlugins : babel_ParserPlugin[] = [];
+		const [ depsList, transformedScriptSource ] = await withCache(compiledCache, [ componentHash, src, JSON.stringify(babelParserPlugins), Object.keys(additionalBabelPlugins) ], async ({ preventCache }) => {
 
 			let ast: t.File
 			try {
@@ -188,7 +188,7 @@ export async function createSFCModule(source : string, filename : AbstractPath,
 					pluginProposalOptionalChaining,
 					pluginProposalNullishCoalescingOperator,
 					babelSugarInjectH,
-					...additionalBabelPlugins,
+					...Object.values(additionalBabelPlugins),
 				],
 				babelrc: false,
 				configFile: false,

src/createVue3SFCModule.ts

@@ -90,7 +90,7 @@ export async function createSFCModule(source : string, filename : AbstractPath,
 
 	const component = {};
 
-	const { delimiters, moduleCache, compiledCache, getResource, addStyle, log, additionalBabelPlugins = [], customBlockHandler } = options;
+	const { delimiters, moduleCache, compiledCache, getResource, addStyle, log, additionalBabelPlugins = {}, customBlockHandler } = options;
 
 	// vue-loader next: https://github.com/vuejs/vue-loader/blob/next/src/index.ts#L91
 	const { descriptor, errors } = sfc_parse(source, {
@@ -140,16 +140,15 @@ export async function createSFCModule(source : string, filename : AbstractPath,
 
 		// TBD: handle <script setup src="...
 
+		const babelParserPlugins : babel_ParserPlugin[] = [];
 
-		const [ depsList, transformedScriptSource ] = await withCache(compiledCache, [ componentHash, descriptor.script?.content, descriptor.scriptSetup?.content ], async ({ preventCache }) => {
-
-			const babelParserPlugins : babel_ParserPlugin[] = [];
+		const [ depsList, transformedScriptSource ] = await withCache(compiledCache, [ componentHash, descriptor.script?.content, descriptor.scriptSetup?.content, JSON.stringify(babelParserPlugins), Object.keys(additionalBabelPlugins) ], async ({ preventCache }) => {
 
 			// src: https://github.com/vuejs/vue-next/blob/15baaf14f025f6b1d46174c9713a2ec517741d0d/packages/compiler-sfc/src/compileScript.ts#L43
 			const scriptBlock = sfc_compileScript(descriptor, {
 				isProd,
 				id: scopeId,
-				babelParserPlugins,
+				babelParserPlugins, //  [...babelParserDefaultPlugins, 'jsx'] + babelParserPlugins // babelParserDefaultPlugins = [ 'bigInt', 'optionalChaining', 'nullishCoalescingOperator' ]
 				// doc: https://github.com/vuejs/rfcs/blob/script-setup-2/active-rfcs/0000-script-setup.md#inline-template-mode
 				// vue-loader next : https://github.com/vuejs/vue-loader/blob/12aaf2ea77add8654c50c8751bad135f1881e53f/src/resolveScript.ts#L59
 				inlineTemplate: false,
@@ -174,7 +173,7 @@ export async function createSFCModule(source : string, filename : AbstractPath,
 						// if: https://github.com/babel/babel/blob/main/packages/babel-parser/typings/babel-parser.d.ts#L24
 						plugins: [
 						 	// see https://github.com/vuejs/vue-next/blob/15baaf14f025f6b1d46174c9713a2ec517741d0d/packages/compiler-sfc/src/compileScript.ts#L63
-							...vue_babelParserDefaultPlugins,
+							...vue_babelParserDefaultPlugins, // [ 'bigInt', 'optionalChaining', 'nullishCoalescingOperator' ]
 							'jsx',
 							...babelParserPlugins
 						],
@@ -207,7 +206,7 @@ export async function createSFCModule(source : string, filename : AbstractPath,
 					jsx,
 					pluginProposalOptionalChaining,
 					pluginProposalNullishCoalescingOperator,
-					...additionalBabelPlugins,
+					...Object.values(additionalBabelPlugins),
 				],
 				babelrc: false,
 				configFile: false,

src/tools.ts

@@ -205,7 +205,7 @@ export function parseDeps(fileAst : t.File) : string[] {
  */
 export async function transformJSCode(source : string, moduleSourceType : boolean, filename : AbstractPath, options : Options) : Promise<[string[], string]> {
 
-	const { additionalBabelPlugins = [], log } = options;
+	const { additionalBabelPlugins = {}, log } = options;
 
 	let ast: t.File;
 	try {
@@ -228,7 +228,7 @@ export async function transformJSCode(source : string, moduleSourceType : boolea
 		sourceMaps: genSourcemap, // doc: https://babeljs.io/docs/en/options#sourcemaps
 		plugins: [ // https://babeljs.io/docs/en/options#plugins
 			babelPluginTransformModulesCommonjs, // https://babeljs.io/docs/en/babel-plugin-transform-modules-commonjs#options
-			...additionalBabelPlugins
+			...Object.values(additionalBabelPlugins),
 		],
 		babelrc: false,
 		configFile: false,

src/types.ts

@@ -242,7 +242,7 @@ export type Options = {
  *		...
  *	```
 */
-	additionalBabelPlugins?: any[],
+	additionalBabelPlugins?: Record<string, any>,
 
 
 /**