Site Assembler - Write Flow (dotcom patterns only)

[miksansegundo]

Description

Part of Site Assembler project.
PT: Pattern Assembler in the Write Flow. See: pbxlJb-3hx-p2

We want to present the Site Assembler in the onboarding Write flow. This project will enable blog patterns from dotcompatterns only so we can present the Assembler step in the Write Flow.

Acceptance Criteria

• Show the Site Assembler CTA in the design picker in the write and build flow.
• Show patterns from the category Blog in the site assembler.
• Render the previews using posts from blankcanvas3demo.
• Render the previews using four posts or the number we want.
• Create actual posts (the same as the fake posts used for the previews) on the user's site before landing on the editor at the end of the site assembler flow.
• Ensure that the query patterns selected in the assembler flow are displayed correctly in the editor and the site front-end

Dev Tasks

• Add a condition to include the blank canvas theme in the list of starter designs for the write intent. See the file.
• Update the static file with the patterns to include the ids of the Blog patterns
• Make sure the posts created on the user's site show featured images. The posts in blankcanvas3demo have featured images and the annotation to copy the posts with images into the user site works, there is a bug in the verticalization API that replaces them with an empty image. We'll have to add a condition to replace the image only when there is a vertical image.
• Use the wireframe image placeholder as the featured post images by simply manually change the image on the posts in blankcanvas3demo using the editor

Testing

• Create a new site
• Select a domain and a plan
• In the goals screen, select Write & Publish
• Continue until the Design picker and scroll down to click Start designing
• Add patterns from the category Posts
• Make sure the previews have 4 posts and look good
• Click Continue to complete the flow and you'll land in the editor
• Make sure the previews in the editor and the site front-end match the previews in the assembler

Related

Spike: #68133 #72066
WordPress Patterns 101: pekYwv-51-p2