jetpack-mu-wpcom: Add code block (disabled) (#45181)

Add the Code Block feature to jetpack-mu-wpcom.

The feature implementation is added but is not enabled anywhere.

See pgsdXZ-j-p2.

Author: sirreal

pnpm-lock.yaml

@@ -0,0 +1,4 @@
+Significance: minor
+Type: added
+
+Add code block

projects/packages/jetpack-mu-wpcom/changelog/feature-wpcom-code-block

@@ -0,0 +1,50 @@
+const { buildParserFile } = require( '@lezer/generator' );
+
+/**
+ * Webpack loader for processing Lezer parser grammars.
+ *
+ * This loader processes `.grammar` files and generates the appropriate module code.
+ * It supports multiple ways to request parser vs terms:
+ * - `xyz.grammar` (default) for the generated parser
+ * - `xyz.grammar?terms` for the parser terms
+ *
+ * Usage in webpack config:
+ * ```
+ * module.exports = {
+ *   module: {
+ *     rules: [
+ *       {
+ *         test: /\.grammar$/,
+ *         use: 'lezer-loader.js',
+ *       }
+ *     ]
+ *   }
+ * };
+ * ```
+ *
+ * Usage in code:
+ * ```
+ * import parser from './xyz.grammar';
+ * import * as terms from './xyz.grammar?terms';
+ * ```
+ *
+ * @see [https://lezer.codemirror.net](https://lezer.codemirror.net)
+ * @see [https://github.com/lezer-parser/generator/blob/dbf0e3d579cf383a4dea2c1ed50ba3fd5407cf81/src/rollup-plugin-lezer.js](https://github.com/lezer-parser/generator/blob/dbf0e3d579cf383a4dea2c1ed50ba3fd5407cf81/src/rollup-plugin-lezer.js)
+ *
+ * @type {import('webpack').LoaderDefinitionFunction}
+ */
+module.exports = function lezerLoader( source ) {
+	const callback = this.async();
+	this.addDependency( this.resourcePath );
+	const isTermsImport = new URLSearchParams( this.resourceQuery ).has( 'terms' );
+
+	try {
+		const { parser, terms } = buildParserFile( source, {
+			fileName: this.resourcePath,
+			moduleStyle: 'es',
+		} );
+		callback( null, isTermsImport ? terms : parser );
+	} catch ( error ) {
+		callback( error );
+	}
+};

projects/packages/jetpack-mu-wpcom/lezer-loader.js

@@ -38,14 +38,18 @@
 		"@codemirror/commands": "6.8.1",
 		"@codemirror/lang-css": "6.3.1",
 		"@codemirror/lang-html": "6.4.9",
+		"@codemirror/lang-json": "6.0.2",
 		"@codemirror/language": "6.11.2",
+		"@codemirror/language-data": "6.5.1",
 		"@codemirror/lint": "6.8.5",
 		"@codemirror/search": "6.5.11",
 		"@codemirror/state": "6.5.2",
 		"@codemirror/view": "6.38.0",
 		"@gravatar-com/hovercards": "0.10.8",
 		"@gravatar-com/quick-editor": "0.8.0",
+		"@lezer/common": "1.2.3",
 		"@lezer/highlight": "1.2.1",
+		"@lezer/lr": "1.4.2",
 		"@popperjs/core": "^2.11.8",
 		"@preact/signals": "1.2.2",
 		"@sentry/browser": "8.33.0",
@@ -62,6 +66,7 @@
 		"@wordpress/dom": "4.31.0",
 		"@wordpress/dom-ready": "^4.8.1",
 		"@wordpress/edit-post": "8.31.0",
+		"@wordpress/editor": "14.31.0",
 		"@wordpress/element": "6.31.0",
 		"@wordpress/hooks": "4.31.0",
 		"@wordpress/i18n": "6.4.0",
@@ -93,6 +98,7 @@
 		"@babel/plugin-transform-react-jsx": "7.27.1",
 		"@babel/preset-react": "7.27.1",
 		"@babel/runtime": "7.28.4",
+		"@lezer/generator": "1.8.0",
 		"@playwright/test": "1.55.1",
 		"@tsconfig/strictest": "2.0.5",
 		"@types/node": "^20.4.2",

projects/packages/jetpack-mu-wpcom/package.json

@@ -268,6 +268,7 @@ public static function load_features() {
 		require_once __DIR__ . '/features/blog-privacy/blog-privacy.php';
 		require_once __DIR__ . '/features/cloudflare-analytics/cloudflare-analytics.php';
 		require_once __DIR__ . '/features/code-editor/class-code-editor.php';
+		require_once __DIR__ . '/features/wpcom-blocks/code/class-code-block.php';
 		require_once __DIR__ . '/features/css-monkey-patches/index.php';
 		require_once __DIR__ . '/features/error-reporting/error-reporting.php';
 		require_once __DIR__ . '/features/first-posts-stream/first-posts-stream-helpers.php';
@@ -293,6 +294,7 @@ public static function load_features() {
 		// Initializers, if needed.
 		\Marketplace_Products_Updater::init();
 		\Automattic\Jetpack\Code_Editor::setup();
+		\Automattic\Jetpack\Code_Block::setup();
 		\Automattic\Jetpack\Classic_Theme_Helper\Main::init();
 		\Automattic\Jetpack\Classic_Theme_Helper\Featured_Content::setup();