feat(plugin): update init-soba generator to add metadata.json

Author: nartc

libs/plugin/src/generators/init-soba/generator.ts

@@ -1,4 +1,5 @@
 import { addDependenciesToPackageJson, installPackagesTask, logger, readJson, type Tree } from '@nx/devkit';
+import { addMetadataJson } from '../utils';
 import {
 	ANGULAR_THREE_VERSION,
 	MESH_LINE_VERSION,
@@ -31,6 +32,8 @@ export default async function (tree: Tree) {
 		{},
 	);
 
+	addMetadataJson(tree, 'angular-three-soba/metadata.json');
+
 	return () => {
 		installPackagesTask(tree);
 	};

libs/plugin/src/generators/init/generator.ts

@@ -1,12 +1,5 @@
-import {
-	addDependenciesToPackageJson,
-	installPackagesTask,
-	logger,
-	readJson,
-	updateJson,
-	writeJson,
-	type Tree,
-} from '@nx/devkit';
+import { addDependenciesToPackageJson, installPackagesTask, logger, readJson, updateJson, type Tree } from '@nx/devkit';
+import { addMetadataJson } from '../utils';
 import { ANGULAR_THREE_VERSION, THREE_TYPE_VERSION, THREE_VERSION } from '../versions';
 
 export default async function (tree: Tree) {
@@ -35,30 +28,7 @@ export default async function (tree: Tree) {
 		return json;
 	});
 
-	// add metadata.json to vscode settings if exists
-	const vscodeSettingsPath = '.vscode/settings.json';
-	if (tree.exists('.vscode')) {
-		logger.info('Enabling typings support for VSCode...');
-		if (!tree.exists(vscodeSettingsPath)) {
-			writeJson(tree, vscodeSettingsPath, {});
-		}
-		updateJson(tree, vscodeSettingsPath, (json) => {
-			if (json['html.customData'] && Array.isArray(json['html.customData'])) {
-				json['html.customData'].push('./node_modules/angular-three/metadata.json');
-			} else {
-				json['html.customData'] = ['./node_modules/angular-three/metadata.json'];
-			}
-
-			return json;
-		});
-	} else {
-		logger.info(
-			`.vscode/settings.json not found.
-If you are using VSCode, add "./node_modules/angular-three/metadata.json" to "html.customData" in ".vscode/settings.json"
-to enable TypeScript type definitions for Angular Three elements.
-`,
-		);
-	}
+	addMetadataJson(tree, 'angular-three/metadata.json');
 
 	return () => {
 		installPackagesTask(tree);

libs/plugin/src/generators/utils.ts

@@ -0,0 +1,32 @@
+import { logger, updateJson, writeJson, type Tree } from '@nx/devkit';
+
+export function addMetadataJson(tree: Tree, metadataJsonPath: string) {
+	if (!metadataJsonPath.includes('node_modules')) {
+		metadataJsonPath = `./node_modules/${metadataJsonPath}`;
+	}
+
+	// add metadata.json to vscode settings if exists
+	const vscodeSettingsPath = '.vscode/settings.json';
+	if (tree.exists('.vscode')) {
+		logger.info('Enabling typings support for VSCode...');
+		if (!tree.exists(vscodeSettingsPath)) {
+			writeJson(tree, vscodeSettingsPath, {});
+		}
+		updateJson(tree, vscodeSettingsPath, (json) => {
+			if (json['html.customData'] && Array.isArray(json['html.customData'])) {
+				json['html.customData'].push(metadataJsonPath);
+			} else {
+				json['html.customData'] = [metadataJsonPath];
+			}
+
+			return json;
+		});
+	} else {
+		logger.info(
+			`.vscode/settings.json not found.
+If you are using VSCode, add "${metadataJsonPath}" to "html.customData" in ".vscode/settings.json"
+to enable TypeScript type definitions for Angular Three elements.
+`,
+		);
+	}
+}