FSE on WP.com: Initial explorations

.circleci/config.yml

@@ -242,7 +242,9 @@ jobs:
       - prepare
       - run:
           name: TypeScript strict typecheck of individual subprojects
-          command: npm run typecheck -- --project client/landing/gutenboarding
+          command: |
+            npm run typecheck -- --project client/landing/custom-editor
+              && npm run typecheck -- --project client/landing/gutenboarding
 
   lint-and-translate:
     <<: *defaults

client/landing/custom-editor/index.tsx

@@ -0,0 +1,13 @@
+/**
+ * External dependencies
+ */
+import config from '../../config';
+import { initialize } from '@wordpress/edit-site';
+
+window.AppBoot = () => {
+	if ( ! config.isEnabled( 'custom-editor' ) ) {
+		window.location.href = '/';
+	} else {
+		initialize( 'wpcom', {} );
+	}
+};

client/landing/custom-editor/section.ts

@@ -0,0 +1,8 @@
+export const CUSTOM_EDITOR_SECTION_DEFINITION = {
+	name: 'custom-editor',
+	paths: [ '/custom-editor' ],
+	module: 'custom-editor',
+	secondary: false,
+	group: 'custom-editor',
+	enableLoggedOut: true,
+};

client/landing/custom-editor/tsconfig.json

@@ -0,0 +1,13 @@
+{
+	"extends": "@automattic/calypso-build/tsconfig",
+	"compilerOptions": {
+		// Disallow features that require cross-file information for emit.
+		// Must be used with babel typescript
+		"isolatedModules": true,
+
+		"baseUrl": ".",
+		"paths": {
+			"*": [ "*", "../../*" ]
+		}
+	}
+}

client/package.json

@@ -42,6 +42,7 @@
 		"@wordpress/data-controls": "1.8.0",
 		"@wordpress/dom": "2.8.0",
 		"@wordpress/edit-post": "3.13.1",
+		"@wordpress/edit-site": "1.3.1",
 		"@wordpress/editor": "9.12.1",
 		"@wordpress/element": "2.11.0",
 		"@wordpress/format-library": "1.14.1",
@@ -111,6 +112,7 @@
 		"lru": "3.1.0",
 		"lunr": "2.3.8",
 		"marked": "0.7.0",
+		"memize": "1.0.5",
 		"moment": "2.24.0",
 		"moment-timezone": "0.5.27",
 		"morgan": "1.9.1",

client/server/pages/index.js

@@ -54,6 +54,7 @@ import { logSectionResponse } from './analytics';
 import analytics from 'server/lib/analytics';
 import { getLanguage, filterLanguageRevisions } from 'lib/i18n-utils';
 import { isWooOAuth2Client } from 'lib/oauth2-clients';
+import { CUSTOM_EDITOR_SECTION_DEFINITION } from 'landing/custom-editor/section';
 import { GUTENBOARDING_SECTION_DEFINITION } from 'landing/gutenboarding/section';
 import { JETPACK_CLOUD_SECTION_DEFINITION } from 'landing/jetpack-cloud/section';
 
@@ -860,6 +861,7 @@ module.exports = function() {
 	handleSectionPath( LOGIN_SECTION_DEFINITION, '/log-in', 'entry-login' );
 	loginRouter( serverRouter( app, setUpRoute, null ) );
 
+	handleSectionPath( CUSTOM_EDITOR_SECTION_DEFINITION, '/custom-editor', 'entry-custom-editor' );
 	handleSectionPath( GUTENBOARDING_SECTION_DEFINITION, '/gutenboarding', 'entry-gutenboarding' );
 
 	// This is used to log to tracks Content Security Policy violation reports sent by browsers

client/webpack.config.js

@@ -139,6 +139,7 @@ const webpackConfig = {
 		'entry-jetpack-cloud': [ path.join( __dirname, 'landing', 'jetpack-cloud' ) ],
 		'entry-login': [ path.join( __dirname, 'landing', 'login' ) ],
 		'entry-gutenboarding': [ path.join( __dirname, 'landing', 'gutenboarding' ) ],
+		'entry-custom-editor': [ path.join( __dirname, 'landing', 'custom-editor' ) ],
 	} ),
 	mode: isDevelopment ? 'development' : 'production',
 	devtool: process.env.SOURCEMAP || ( isDevelopment ? '#eval' : false ),

config/development.json

@@ -39,6 +39,7 @@
 		"comments/management/threaded-view": false,
 		"composite-checkout-wpcom": false,
 		"coming-soon": true,
+		"custom-editor": true,
 		"desktop-promo": true,
 		"devdocs": true,
 		"devdocs/redirect-loggedout-homepage": true,