Contrib.social

Add Style Engine for style rendering on server-side

Open on Drupal.org →
Created on 27 February 2024, over 1 year ago
Updated 22 April 2024, about 1 year ago

Problem/Motivation

Most of the layout style features (margin, padding, gap, etc) uses the Style Engine to render CSS https://developer.wordpress.org/block-editor/reference-guides/packages/p...
Nothing needs to be done at the editor level, it's already implemented when using the Edit Post package but for rendering the blocks at "front-end", we need to do it at server-side.

Proposed resolution

Gutenberg's Style Engine package also includes PHP scripts to generate the style. We should take core Gutenberg's approach and have a build script to copy the PHP files and adjust it as necessary for Drupal.

✨ Feature request
Status

Fixed

Version

3.0

Component

Code

Created by

🇵🇹Portugal marcofernandes

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Merge Requests

Comments & Activities

  • Issue created by @marcofernandes
  • Comment over 1 year ago →
    🇵🇹Portugal marcofernandes

    Some of the scripts were implemented at the Layout processor:
    https://git.drupalcode.org/project/gutenberg/-/blob/3.0.x/src/BlockProce...
    But probably needs a refactor to improve maintainability.

  • Merge request !119Resolve #3424110 "Add style engine" → (Merged) created by marcofernandes
  • Pipeline finished with Success
    about 1 year ago
    Total: 246s
    #140681
  • Comment about 1 year ago →
    🇵🇹Portugal marcofernandes

    The latest MR is good enough as an initial implementation for the Style engine and its integration with Layout processor (block supports).
    Further development should be addressed/tracked on another issue.

  • Pipeline finished with Success
    about 1 year ago
    Total: 220s
    #140687
  • Comment about 1 year ago →
    System Message
  • Status changed to Fixed about 1 year ago
  • Comment about 1 year ago →
    🇵🇹Portugal marcofernandes
  • Pipeline finished with Skipped
    about 1 year ago
    #150275
  • Pipeline finished with Failed
    about 1 year ago
    Total: 203s
    #152472
  • Pipeline finished with Canceled
    about 1 year ago
    Total: 308s
    #152495
  • Pipeline finished with Failed
    about 1 year ago
    Total: 222s
    #152510
  • Pipeline finished with Failed
    about 1 year ago
    Total: 182s
    #152514
  • Pipeline finished with Failed
    about 1 year ago
    Total: 219s
    #152515
  • Pipeline finished with Canceled
    about 1 year ago
    Total: 363s
    #152584
  • Pipeline finished with Success
    about 1 year ago
    Total: 638s
    #152588
  • Pipeline finished with Success
    about 1 year ago
    Total: 341s
    #153055
  • Pipeline finished with Canceled
    about 1 year ago
    Total: 305s
    #153072
  • Pipeline finished with Failed
    about 1 year ago
    Total: 320s
    #153075
  • Pipeline finished with Success
    about 1 year ago
    Total: 339s
    #153104
  • Comment about 1 year ago →
    System Message

    Automatically closed - issue fixed for 2 weeks with no activity.

  • Pipeline finished with Failed
    about 1 year ago
    Total: 295s
    #160996
  • Pipeline finished with Success
    about 1 year ago
    Total: 189s
    #164236
  • Pipeline finished with Success
    about 1 year ago
    Total: 662s
    #211170
  • Pipeline finished with Success
    about 1 year ago
    Total: 172s
    #211580
  • Pipeline finished with Success
    about 1 year ago
    Total: 141s
    #211583
  • Pipeline finished with Success
    about 1 year ago
    Total: 142s
    #211700
  • Pipeline finished with Success
    about 1 year ago
    Total: 141s
    #211719
  • Pipeline finished with Success
    about 1 year ago
    Total: 140s
    #211724
  • Pipeline finished with Success
    about 1 year ago
    #213056
  • Pipeline finished with Failed
    12 months ago
    Total: 319s
    #225100
  • Pipeline finished with Failed
    12 months ago
    Total: 323s
    #225112
  • Pipeline finished with Failed
    11 months ago
    Total: 244s
    #234061
  • Pipeline finished with Skipped
    11 months ago
    #259088
  • Pipeline finished with Failed
    10 months ago
    #266205
  • Pipeline finished with Failed
    9 months ago
    Total: 166s
    #297197
  • Pipeline finished with Canceled
    9 months ago
    Total: 75s
    #297237
  • Pipeline finished with Failed
    9 months ago
    Total: 165s
    #297238
  • Pipeline finished with Failed
    9 months ago
    Total: 244s
    #297242
  • Pipeline finished with Failed
    9 months ago
    Total: 170s
    #297404
  • Pipeline finished with Failed
    9 months ago
    Total: 174s
    #297421
  • Pipeline finished with Failed
    9 months ago
    Total: 195s
    #297673
  • Pipeline finished with Canceled
    9 months ago
    Total: 149s
    #297699
  • Pipeline finished with Failed
    9 months ago
    Total: 254s
    #297701
  • Pipeline finished with Failed
    9 months ago
    Total: 251s
    #297973
  • Pipeline finished with Failed
    9 months ago
    Total: 194s
    #297992
  • Pipeline finished with Failed
    9 months ago
    Total: 193s
    #298026
  • Pipeline finished with Success
    9 months ago
    Total: 232s
    #298047
  • Pipeline finished with Success
    9 months ago
    Total: 226s
    #298072
  • Pipeline finished with Success
    9 months ago
    Total: 261s
    #298163
  • Pipeline finished with Canceled
    9 months ago
    Total: 1011s
    #298170
  • Pipeline finished with Success
    9 months ago
    Total: 253s
    #299214
  • Pipeline finished with Success
    9 months ago
    Total: 349s
    #303298
  • Pipeline finished with Success
    9 months ago
    Total: 282s
    #303941
  • Pipeline finished with Failed
    9 months ago
    Total: 153s
    #310252
  • Pipeline finished with Failed
    9 months ago
    Total: 65s
    #310266
  • Pipeline finished with Canceled
    9 months ago
    Total: 140s
    #310269
  • Pipeline finished with Success
    9 months ago
    Total: 156s
    #310272
  • Pipeline finished with Skipped
    9 months ago
    #310278
  • Pipeline finished with Success
    8 months ago
    Total: 176s
    #316828
  • Pipeline finished with Success
    8 months ago
    Total: 189s
    #316834
  • Pipeline finished with Failed
    8 months ago
    Total: 251s
    #324093
  • Pipeline finished with Failed
    8 months ago
    Total: 161s
    #324105
  • Pipeline finished with Success
    8 months ago
    Total: 171s
    #325128
  • Pipeline finished with Success
    8 months ago
    Total: 179s
    #331453
  • Pipeline finished with Success
    8 months ago
    Total: 137s
    #331455
  • Pipeline finished with Failed
    7 months ago
    Total: 203s
    #356207
  • Pipeline finished with Success
    6 months ago
    Total: 352s
    #384756
  • Pipeline finished with Success
    6 months ago
    Total: 138s
    #395975
  • Pipeline finished with Canceled
    5 months ago
    Total: 256s
    #418430
  • Pipeline finished with Success
    5 months ago
    Total: 380s
    #418432
  • Pipeline finished with Success
    5 months ago
    #419501
  • Pipeline finished with Success
    3 months ago
    Total: 353s
    #453564
  • Pipeline finished with Success
    3 months ago
    Total: 264s
    #464085
  • Pipeline finished with Success
    3 months ago
    Total: 247s
    #464856
  • Pipeline finished with Success
    2 months ago
    Total: 1022s
    #477944
  • Pipeline finished with Failed
    2 months ago
    Total: 664s
    #477974
  • Pipeline finished with Failed
    2 months ago
    Total: 575s
    #477991
  • Pipeline finished with Success
    2 months ago
    Total: 562s
    #477996
  • Pipeline finished with Failed
    2 months ago
    Total: 645s
    #478563
  • Pipeline finished with Success
    2 months ago
    Total: 577s
    #478663
  • Pipeline finished with Success
    2 months ago
    Total: 607s
    #478729
  • Pipeline finished with Success
    2 months ago
    Total: 681s
    #478738
  • Pipeline finished with Success
    2 months ago
    Total: 606s
    #478777
  • Pipeline finished with Success
    2 months ago
    Total: 765s
    #478806
  • Pipeline finished with Success
    2 months ago
    Total: 748s
    #478814
  • Pipeline finished with Success
    2 months ago
    Total: 821s
    #478818
  • Pipeline finished with Canceled
    2 months ago
    Total: 576s
    #478854
  • Pipeline finished with Success
    2 months ago
    Total: 677s
    #478857
  • Pipeline finished with Success
    2 months ago
    Total: 778s
    #479009
  • Pipeline finished with Success
    2 months ago
    Total: 610s
    #479187
  • Pipeline finished with Success
    2 months ago
    Total: 664s
    #479236
  • Pipeline finished with Success
    2 months ago
    Total: 606s
    #479284
  • Pipeline finished with Success
    2 months ago
    Total: 580s
    #479653
  • Pipeline finished with Success
    2 months ago
    Total: 559s
    #479667
  • Pipeline finished with Success
    2 months ago
    Total: 729s
    #479683
  • Pipeline finished with Success
    about 1 month ago
    Total: 211s
    #507820
  • Pipeline finished with Success
    about 1 month ago
    Total: 265s
    #507822
  • Pipeline finished with Success
    21 days ago
    Total: 144s
    #520135
  • Pipeline finished with Success
    10 days ago
    Total: 172s
    #528427
  • Pipeline finished with Success
    7 days ago
    Total: 310s
    #530880
  • Pipeline finished with Success
    7 days ago
    Total: 233s
    #530895
  • Pipeline finished with Success
    7 days ago
    Total: 150s
    #531036
  • Pipeline finished with Success
    7 days ago
    Total: 145s
    #531046
  • Pipeline finished with Success
    7 days ago
    Total: 158s
    #531076
  • Pipeline finished with Success
    2 days ago
    Total: 215s
    #535271
  • Pipeline finished with Success
    2 days ago
    Total: 297s
    #535280
contrib.social Blog FAQ Discussions
Production build 0.71.5 2024