Remove redundant prism- prefix from plugin names (#4004)

Now, it’s aligned with language and theme names.

- Adjust other plugins' imports and docs, scripts, test helpers, and `components.json` accordingly
- Add the corresponding export rule to `package.json`
- In most cases, it's a simple file rename

Author: DmitrySharabin

package.json

@@ -22,6 +22,11 @@
 			"import": "./dist/languages/*.js",
 			"require": "./dist/cjs/languages/*.js"
 		},
+		"./plugins/*": {
+			"types": "./types/plugins/*.d.ts",
+			"import": "./dist/plugins/*.js",
+			"require": "./dist/cjs/plugins/*.js"
+		},
 		"./themes/*": "./dist/themes/*.css",
 		"./components.json": "./dist/components.json"
 	},

scripts/build.js

@@ -41,7 +41,7 @@ const themeIds = fs
 async function loadComponent (id) {
 	let file;
 	if (pluginIds.includes(id)) {
-		file = path.join(SRC_DIR, `plugins/${id}/prism-${id}.js`);
+		file = path.join(SRC_DIR, `plugins/${id}/${id}.js`);
 	}
 	else {
 		file = path.join(SRC_DIR, `languages/${id}.js`);
@@ -58,9 +58,9 @@ async function minifyCSS () {
 	}
 
 	for (const id of pluginIds) {
-		const file = path.join(SRC_DIR, `plugins/${id}/prism-${id}.css`);
+		const file = path.join(SRC_DIR, `plugins/${id}/${id}.css`);
 		if (fs.existsSync(file)) {
-			input[`plugins/prism-${id}.css`] = file;
+			input[`plugins/${id}.css`] = file;
 		}
 	}
 
@@ -136,7 +136,7 @@ async function treeviewIconFont () {
 }
 `.trim();
 
-	const cssPath = 'src/plugins/treeview-icons/prism-treeview-icons.css';
+	const cssPath = 'src/plugins/treeview-icons/treeview-icons.css';
 	const fontFaceRegex =
 		/\/\*\s*@GENERATED-FONT\s*\*\/\s*@font-face\s*\{(?:[^{}/]|\/(?!\*)|\/\*(?:[^*]|\*(?!\/))*\*\/)*\}/;
 
@@ -391,7 +391,7 @@ async function buildJS () {
 		input[`languages/${id}`] = path.join(SRC_DIR, `languages/${id}.js`);
 	}
 	for (const id of pluginIds) {
-		input[`plugins/prism-${id}`] = path.join(SRC_DIR, `plugins/${id}/prism-${id}.js`);
+		input[`plugins/${id}`] = path.join(SRC_DIR, `plugins/${id}/${id}.js`);
 	}
 
 	/** @type {RollupOptions} */
@@ -488,11 +488,7 @@ async function calculateFileSizes () {
 					continue;
 				}
 
-				const filePath = path.join(
-					DIST_DIR,
-					category,
-					category === 'plugins' ? `prism-${id}` : id
-				);
+				const filePath = path.join(DIST_DIR, category, id);
 				ret[category][id][ext] = await getFileSize(`${filePath}.${ext}`);
 			}
 		}

scripts/create-changelog.js

@@ -165,8 +165,8 @@ runTask(async () => {
 	 */
 	function notPartlyGenerated (change) {
 		return (
-			change.file !== 'plugins/autoloader/prism-autoloader.js' &&
-			change.file !== 'plugins/show-language/prism-show-language.js'
+			change.file !== 'plugins/autoloader/autoloader.js' &&
+			change.file !== 'plugins/show-language/show-language.js'
 		);
 	}
 
@@ -260,8 +260,8 @@ runTask(async () => {
 				// now, only the newly added JS should be left
 				if (relevantChanges.length === 1) {
 					const change = relevantChanges[0];
-					if (change.mode === 'A' && change.file.startsWith('components/prism-')) {
-						const lang = change.file.match(/prism-([\w-]+)\.js$/)[1];
+					if (change.mode === 'A' && change.file.startsWith('components/')) {
+						const lang = change.file.match(/([\w-]+)\.js$/)[1];
 						const entry = languages[lang] || {
 							title: 'REMOVED LANGUAGE ' + lang,
 						};
@@ -293,8 +293,8 @@ runTask(async () => {
 
 			if (relevantChanges.length === 1) {
 				const change = relevantChanges[0];
-				if (change.mode === 'M' && change.file.startsWith('components/prism-')) {
-					const lang = change.file.match(/prism-([\w-]+)\.js$/)[1];
+				if (change.mode === 'M' && change.file.startsWith('components/')) {
+					const lang = change.file.match(/([\w-]+)\.js$/)[1];
 					if (lang === 'core') {
 						addEntry('Other >> Core', removeMessagePrefix('Core', info));
 					}
@@ -321,7 +321,7 @@ runTask(async () => {
 			) {
 				if (relevantChanges.length === 1) {
 					const change = relevantChanges[0];
-					const id = change.file.match(/\/prism-([\w-]+)\.js/)[1];
+					const id = change.file.match(/\/([\w-]+)\.js/)[1];
 					const title = plugins[id].title;
 					addEntry('Updated plugins >> ' + title, removeMessagePrefix(title, info));
 				}
@@ -341,7 +341,7 @@ runTask(async () => {
 			) {
 				if (info.changes.length === 1) {
 					const change = info.changes[0];
-					let name = (change.file.match(/prism-(\w+)\.css$/) || [, 'Default'])[1];
+					let name = (change.file.match(/(\w+)\.css$/) || [, 'Default'])[1];
 					name = name[0].toUpperCase() + name.substr(1);
 					addEntry('Updated themes >> ' + name, removeMessagePrefix(name, info));
 				}

src/auto-start.js

@@ -1,5 +1,5 @@
 import Prism from './global.js';
-import autoloader from './plugins/autoloader/prism-autoloader.js';
+import autoloader from './plugins/autoloader/autoloader.js';
 import { documentReady } from './util/async.js';
 
 Prism.components.add(autoloader);

src/components.json

@@ -1331,7 +1331,7 @@
 	},
 	"plugins": {
 		"meta": {
-			"path": "plugins/{id}/prism-{id}",
+			"path": "plugins/{id}/{id}",
 			"link": "plugins/{id}/"
 		},
 		"line-highlight": {

src/plugins/autolinker/prism-autolinker.css renamed to src/plugins/autolinker/autolinker.css

@@ -8,7 +8,7 @@ function getDefaultSrcPath () {
 		const script = /** @type {HTMLScriptElement | null} */ (document.currentScript);
 		if (script) {
 			const autoloaderFile =
-				/\bplugins\/autoloader\/prism-autoloader\.(?:min\.)?js(?:\?[^\r\n/]*)?$/i;
+				/\bplugins\/autoloader\/autoloader\.(?:min\.)?js(?:\?[^\r\n/]*)?$/i;
 			const prismFile = /(^|\/)[\w-]+\.(?:min\.)?m?js(?:\?[^\r\n/]*)?$/i;
 
 			const autoloaderPath = script.getAttribute('data-autoloader-path');