Transfer Verbum app into into jetpack-mu-wpcom

projects/packages/jetpack-mu-wpcom/babel.config.json

@@ -0,0 +1,11 @@
+{
+	"plugins": [
+		[
+			"@babel/plugin-transform-react-jsx",
+			{
+				"pragma": "h",
+				"pragmaFrag": "Fragment"
+			}
+		]
+	]
+}

projects/packages/jetpack-mu-wpcom/changelog/add-verbum-comment-into-jetpack-mu-wpcom

@@ -0,0 +1,4 @@
+Significance: minor
+Type: added
+
+Add Verbum Comments in jetpack-mu-wpcom plugin

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

@@ -1,7 +1,7 @@
 {
 	"private": true,
 	"name": "@automattic/jetpack-mu-wpcom",
 	"version": "5.8.2-alpha",
 	"description": "Enhances your site with features powered by WordPress.com",
 	"homepage": "https://github.com/Automattic/jetpack/tree/HEAD/projects/packages/jetpack-mu-wpcom/#readme",
 	"bugs": {
@@ -27,13 +27,18 @@
 	},
 	"devDependencies": {
 		"@automattic/jetpack-webpack-config": "workspace:*",
+		"sass": "1.64.1",
+		"sass-loader": "12.4.0",
 		"typescript": "^5.0.4",
 		"webpack": "5.76.0",
 		"webpack-cli": "4.9.1"
 	},
 	"dependencies": {
+		"@babel/core": "7.23.5",
+		"@babel/plugin-transform-react-jsx": "7.23.4",
 		"@sentry/browser": "7.80.1",
 		"@wordpress/api-fetch": "6.45.0",
-		"@wordpress/hooks": "3.48.0"
+		"@wordpress/hooks": "3.48.0",
+		"copy-webpack-plugin": "11.0.0"
 	}
 }

projects/packages/jetpack-mu-wpcom/src/class-jetpack-mu-wpcom.php

@@ -14,7 +14,7 @@
  */
 class Jetpack_Mu_Wpcom {
 
 	const PACKAGE_VERSION = '5.8.2-alpha';
 	const PKG_DIR         = __DIR__ . '/../';
 	const BASE_DIR        = __DIR__ . '/';
 	const BASE_FILE       = __FILE__;
@@ -43,6 +43,8 @@
 
 		add_action( 'plugins_loaded', array( __CLASS__, 'load_first_posts_stream_helpers' ) );
 
+		add_action( 'plugins_loaded', array( __CLASS__, 'load_verbum_comments' ) );
+
 		// Unified navigation fix for changes in WordPress 6.2.
 		add_action( 'admin_enqueue_scripts', array( __CLASS__, 'unbind_focusout_on_wp_admin_bar_menu_toggle' ) );
 
@@ -211,4 +213,12 @@
 	public static function load_first_posts_stream_helpers() {
 		require_once __DIR__ . '/features/first-posts-stream/first-posts-stream-helpers.php';
 	}
+
+	/**
+	 * Load Verbum Comments.
+	 */
+	public static function load_verbum_comments() {
+		require_once __DIR__ . '/build/verbum-comments/index.php';
+		new Verbum_Comments();
+	}
 }

projects/packages/jetpack-mu-wpcom/webpack.config.js

@@ -1,9 +1,12 @@
 const path = require( 'path' );
 const jetpackConfig = require( '@automattic/jetpack-webpack-config/webpack' );
+const CopyPlugin = require( 'copy-webpack-plugin' );
+const webpack = require( 'webpack' );
 
 module.exports = {
 	entry: {
 		'error-reporting': './src/features/error-reporting/index.js',
+		'verbum-comments': './src/features/verbum-comments/src/index.tsx',
 	},
 	mode: jetpackConfig.mode,
 	devtool: jetpackConfig.devtool,
@@ -19,7 +22,28 @@ module.exports = {
 		...jetpackConfig.resolve,
 	},
 	node: false,
-	plugins: [ ...jetpackConfig.StandardPlugins() ],
+	plugins: [
+		...jetpackConfig.StandardPlugins( {
+			DependencyExtractionPlugin: { injectPolyfill: true },
+			MiniCssExtractPlugin: { filename: '[name]/[name].css' },
+		} ),
+		new webpack.ProvidePlugin( {
+			h: [ 'preact', 'h' ],
+			Fragment: [ 'preact', 'Fragment' ],
+		} ),
+		new CopyPlugin( {
+			patterns: [
+				{
+					from: './src/features/verbum-comments/index.php',
+					to: './verbum-comments',
+				},
+				{
+					from: './src/features/verbum-comments/assets',
+					to: './verbum-comments/assets',
+				},
+			],
+		} ),
+	],
 	module: {
 		strictExportPresence: true,
 		rules: [
@@ -34,7 +58,10 @@ module.exports = {
 			} ),
 
 			// Handle CSS.
-			jetpackConfig.CssRule(),
+			jetpackConfig.CssRule( {
+				extensions: [ 'css', 'sass', 'scss' ],
+				extraLoaders: [ 'sass-loader' ],
+			} ),
 
 			// Handle images.
 			jetpackConfig.FileRule(),