Convert SDDS page--front.html.twig to a proper home page for XB

Link to https://github.com/phenaproxima/xb-demo

kristen pol → credited gábor hojtsy → .

kristen pol → credited heyyo → .

kristen pol → credited pameela → .

kristen pol → credited phenaproxima → .

Adding credit for Slack discussions and testing and

https://github.com/phenaproxima/xb-demo/issues/17

Add parent

I won't have time to continue working on this until mid-week due to some other commitments... but I understand the process now and have started adding default content in recipes within the starshot_demo theme. Examples:

📌 Create SDDS global header Active
✨ Create SDDS global footer config Active

For now, we can manually run the media recipe before the node recipe so that XB doesn't bomb on the alt text:

🐛 Fix or workaround XB image alt bug that prevents saving SDDS components Active

Dries will demonstrate using XB with its xb_page entities, which would be good to use here :) Support for editing articles with XB is a developer-only feature. I think copying the internal field structure of the article node to an xb_page will work from the exported YAML file without manually recreating it again :) Under the components property. https://github.com/phenaproxima/xb-demo/blob/main/recipes/xb_demo/conten... is a very simple such entity.

In the MR I don't use article, but xb_page :-)

Indeed, my bad. Yay!

The tricky part was to figuring out which media target id for each component image (components.input).
The export of XB page, especially media inside component is for now not supported by default_content module ✨ Experience Builder support Active .

Thanks! I'll review+test.

I was testing on vanilla D11...

$ ddev drush recipe themes/contrib/demo_design_system/starshot_demo/recipes/starshot_demo_content/
 3/10 [▓▓▓▓▓▓▓▓░░░░░░░░░░░░░░░░░░░░]
Installed configuration for Basic HTML editor recipe.

In TypedDataManager.php line 204:
                                 
  Property pathauto is unknown.  
                                 

Failed to run drush recipe themes/contrib/demo_design_system/starshot_demo/recipes/starshot_demo_content/: exit status 1

after installing pathauto:

$ ddev drush recipe themes/contrib/demo_design_system/starshot_demo/recipes/starshot_demo_content/
 3/10 [▓▓▓▓▓▓▓▓░░░░░░░░░░░░░░░░░░░░]
Installed configuration for Basic HTML editor recipe.

In Evaluator.php line 44:
                                                                                       
  No data provided to evaluate expression ℹ︎␜entity:media:image␝field_media_image␞␟alt  
                                                                                       

Failed to run drush recipe themes/contrib/demo_design_system/starshot_demo/recipes/starshot_demo_content/: exit status 1

which is the bug we've been working around.

I tried pulling out xb_page into its own recipe and loading all the non-xb_page content first, but still get the same error.

I'm going to switch to another MR right now but I'll try to look at this again after that.

I didn't test on D11.

This is the command I just used to test with latest xb-demo repo.

mkdir xb-demo-new
cd xb-demo-new
ddev config --project-type=drupal11 --docroot=web
ddev composer create phenaproxima/xb-demo --stability=dev
ddev start

cd web/themes/contrib/demo_design_system
git remote add demo_design_system-3511654 https://git.drupalcode.org/issue/demo_design_system-3511654.git
git fetch demo_design_system-3511654
git checkout '3511654-convert-sdds-page--front.html.twig'

ddev drush site:install --account-name=admin --account-pass=admin -y
ddev drush cr
ddev drush recipe themes/contrib/demo_design_system/starshot_demo/recipes/starshot_demo_content/
ddev drush cr

The last part should not be necessary, but if not, the installation of xb-demo recipe doesn't find starshot_demo sdc components not really sure why. So as workaround, clearing the cache and reapply starshot_demo_content recipe does the trick.

ddev drush cr
ddev drush recipe themes/contrib/demo_design_system/starshot_demo/recipes/starshot_demo_content/
ddev drush cr

I started those steps but it's hanging on:

Browserslist: caniuse-lite is outdated. Please run:
  npx update-browserslist-db@latest
  Why you should do it regularly: https://github.com/browserslist/update-db#readme

and won't let me kill it... blargh.

Weird.
Maybe ddev version issue ?
I'm using ddev version v1.24.3.

I understood why applying applying xb-demo recipe during the site install shows errors related to components not found.

xb-demo recipe has a dependency on starshot_demo_content, which provides the demo page. But the starshot_demo theme which contains the needed SDC components is not yet installed and not yet the active theme, so components are not available yet.

1. So removing this dependency in xb-demo

recipes:
  - starshot_demo_content

2. Then ddev drush cr, to make SDC components available. Any other way ?
3. Then apply ddev drush recipe ../recipes/starshot_demo_content

FYI as I can't fix it myself, the username 'pameela' (with two e's) often gets mistaken for mine (three e's) and gets free credit! (Just noticed this one when fixing up another one!)

Whoops

heyyo → changed the visibility of the branch 3511654- to hidden.

Lionel has new code that he zipped up and sent me that includes the new header/footer/social media components.

I'll try to open a new MR with that.

kristen pol → closed merge request !78

I don't think I got the correct zip but I'll check again tomorrow. Unassigning in the meantime.

heyyo → changed the visibility of the branch 3511654-demo-homepage-recipe to hidden.

Note that, due to issues with XB config and default content, the home page will be built programmatically with xb-demo:

https://github.com/phenaproxima/xb-demo/blob/main/web/profiles/drupal_cm...

So... we'll want to update our docs soon to recommend xb-demo as the way to install for those who just want to play with XB:

📌 Update SDDS docs to have section for xb-demo install Postponed

If people install with vanilla D11, they won't have a home page.