Consolidate Jetpack initial state

projects/js-packages/initial-state/.eslintrc.js

@@ -0,0 +1,6 @@
+module.exports = {
+	extends: [ require.resolve( 'jetpack-js-tools/eslintrc/base' ) ],
+	parserOptions: {
+		requireConfigFile: false,
+	},
+};

projects/js-packages/initial-state/.gitattributes

@@ -0,0 +1,7 @@
+# Files not needed to be distributed in the package.
+.gitattributes    export-ignore
+node_modules      export-ignore
+
+# Files to exclude from the mirror repo
+/changelog/**     production-exclude
+/.eslintrc.cjs    production-exclude

projects/js-packages/initial-state/.gitignore

@@ -0,0 +1,2 @@
+vendor/
+node_modules/

projects/js-packages/initial-state/README.md

@@ -0,0 +1,15 @@
+# Initial State
+
+A library to provide initial state and the corresponding utility functions for Jetpack.
+
+## Contribute
+
+## Get Help
+
+## Security
+
+Need to report a security vulnerability? Go to [https://automattic.com/security/](https://automattic.com/security/) or directly to our security bug bounty site [https://hackerone.com/automattic](https://hackerone.com/automattic).
+
+## License
+
+publicize is licensed under [GNU General Public License v2 (or later)](./LICENSE.txt)

projects/js-packages/initial-state/composer.json

@@ -0,0 +1,34 @@
+{
+	"name": "automattic/jetpack-initial-state",
+	"description": "A library to provide initial state and the corresponding utility functions for Jetpack.",
+	"type": "library",
+	"license": "GPL-2.0-or-later",
+	"require": {},
+	"require-dev": {
+		"automattic/jetpack-changelogger": "@dev"
+	},
+	"autoload": {
+		"classmap": [
+			"src/"
+		]
+	},
+	"scripts": {},
+	"repositories": [
+		{
+			"type": "path",
+			"url": "../../packages/*",
+			"options": {
+				"monorepo": true
+			}
+		}
+	],
+	"minimum-stability": "dev",
+	"prefer-stable": true,
+	"extra": {
+		"mirror-repo": "Automattic/jetpack-initial-state",
+		"changelogger": {
+			"link-template": "https://github.com/Automattic/jetpack-initial-state/compare/v${old}...v${new}"
+		},
+		"autotagger": true
+	}
+}

projects/js-packages/initial-state/package.json

@@ -0,0 +1,23 @@
+{
+	"private": true,
+	"name": "@automattic/jetpack-initial-state",
+	"version": "0.0.1",
+	"description": "A library to provide initial state and the corresponding utility functions for Jetpack.",
+	"homepage": "https://github.com/Automattic/jetpack/tree/HEAD/projects/js-packages/initial-state/#readme",
+	"bugs": {
+		"url": "https://github.com/Automattic/jetpack/labels/[JS Package] Initial State"
+	},
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/Automattic/jetpack.git",
+		"directory": "projects/js-packages/initial-state"
+	},
+	"license": "GPL-2.0-or-later",
+	"author": "Automattic",
+	"scripts": {},
+	"dependencies": {},
+	"devDependencies": {},
+	"exports": {
+		".": "./src/index.ts"
+	}
+}

projects/js-packages/initial-state/src/index.ts

@@ -0,0 +1,2 @@
+export * from './types';
+export * from './utils';

projects/js-packages/initial-state/src/types.ts

@@ -0,0 +1,27 @@
+export interface SiteData {
+	admin_url: string;
+	blog_id: number;
+	rest_nonce: string;
+	rest_root: string;
+	title: string;
+}
+
+export interface CurrentUserData {
+	id: number;
+	display_name: string;
+}
+
+export interface UserData {
+	current_user: CurrentUserData;
+}
+
+export interface JetpackInitialState {
+	site: SiteData;
+	user: UserData;
+}
+
+declare global {
+	interface Window {
+		JETPACK_INITIAL_STATE: JetpackInitialState;
+	}
+}

projects/js-packages/initial-state/src/utils.ts

@@ -0,0 +1,39 @@
+/**
+ * Get the initial state from the window object.
+ *
+ * @returns {import('./types').JetpackInitialState} The initial state.
+ */
+export function getInitialState() {
+	return window.JETPACK_INITIAL_STATE;
+}
+
+/**
+ * Get the site data from the initial state.
+ *
+ * @returns {import('./types').SiteData} The site data.
+ */
+export function getSiteData() {
+	return getInitialState().site;
+}
+
+/**
+ * Get the admin URL from the initial state.
+ *
+ * @param {string} [path] - The path to append to the admin URL.
+ *
+ * @returns {string} The admin URL.
+ */
+export function getAdminUrl( path = '' ) {
+	return `${ getInitialState().site.admin_url }${ path }`;
+}
+
+/**
+ * Get the url for the My Jetpack page.
+ *
+ * @param {string} [section] - The section to append to the My Jetpack URL.
+ *
+ * @returns {string} The My Jetpack URL.
+ */
+export function getMyJetpackUrl( section = '' ) {
+	return getAdminUrl( `admin.php?page=my-jetpack${ section }` );
+}

projects/js-packages/initial-state/tsconfig.json

@@ -0,0 +1,5 @@
+{
+	"extends": "jetpack-js-tools/tsconfig.base.json",
+	// List all sources and source-containing subdirs.
+	"include": [ "./src" ]
+}

projects/js-packages/webpack-config/src/webpack.js

@@ -105,7 +105,32 @@ const DefinePlugin = defines => [
 	} ),
 ];
 
-const DependencyExtractionPlugin = options => [ new DependencyExtractionWebpackPlugin( options ) ];
+const defaultRequestMap = {
+	'@automattic/jetpack-initial-state': {
+		external: 'JetpackInitialState',
+		handle: 'jetpack-initial-state',
+	},
+};
+
+const DependencyExtractionPlugin = ( { requestMap, ...options } = {} ) => {
+	const finalRequestMap = { ...defaultRequestMap, ...requestMap };
+
+	const requestToExternal = request => {
+		return finalRequestMap[ request ]?.external;
+	};
+
+	const requestToHandle = request => {
+		return finalRequestMap[ request ]?.handle;
+	};
+
+	return [
+		new DependencyExtractionWebpackPlugin( {
+			requestToExternal,
+			requestToHandle,
+			...options,
+		} ),
+	];
+};
 
 const DuplicatePackageCheckerPlugin = options => [
 	new DuplicatePackageCheckerWebpackPlugin( options ),

projects/packages/assets/actions.php

@@ -9,11 +9,17 @@
 // drop data into `$wp_filter` for `WP_Hook::build_preinitialized_hooks()`.
 if ( function_exists( 'add_action' ) ) {
 	add_action( 'wp_default_scripts', array( Automattic\Jetpack\Assets::class, 'wp_default_scripts_hook' ) );
+	add_action( 'plugins_loaded', array( Automattic\Jetpack\Initial_State::instance(), 'configure' ), 1 );
 } else {
 	global $wp_filter;
 	// phpcs:ignore WordPress.WP.GlobalVariablesOverride.Prohibited
 	$wp_filter['wp_default_scripts'][10][] = array(
 		'accepted_args' => 1,
 		'function'      => array( Automattic\Jetpack\Assets::class, 'wp_default_scripts_hook' ),
 	);
+	// phpcs:ignore WordPress.WP.GlobalVariablesOverride.Prohibited
+	$wp_filter['plugins_loaded'][1][] = array(
+		'accepted_args' => 0,
+		'function'      => array( Automattic\Jetpack\Initial_State::instance(), 'configure' ),
+	);
 }

projects/packages/assets/package.json

@@ -10,6 +10,9 @@
 		"test": "jest tests",
 		"validate": "pnpm exec validate-es build/"
 	},
+	"dependencies": {
+		"@automattic/jetpack-initial-state": "workspace:*"
+	},
 	"devDependencies": {
 		"@automattic/jetpack-webpack-config": "workspace:*",
 		"@wordpress/browserslist-config": "6.2.0",