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, over 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
    over 1 year ago
    Total: 246s
    #140681
  • Comment over 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
    over 1 year ago
    Total: 220s
    #140687
  • Comment over 1 year ago →
    System Message
  • Status changed to Fixed over 1 year ago
  • Comment over 1 year ago →
    🇵🇹Portugal marcofernandes
  • Pipeline finished with Skipped
    over 1 year ago
    #150275
  • Pipeline finished with Failed
    over 1 year ago
    Total: 203s
    #152472
  • Pipeline finished with Pending
    over 1 year ago
    #152474
  • Pipeline finished with Canceled
    over 1 year ago
    Total: 404s
    #152488
  • Pipeline finished with Canceled
    over 1 year ago
    Total: 308s
    #152495
  • Pipeline finished with Failed
    over 1 year ago
    Total: 203s
    #152500
  • Pipeline finished with Failed
    over 1 year ago
    Total: 219s
    #152515
  • Pipeline finished with Success
    over 1 year ago
    Total: 220s
    #152586
  • Pipeline finished with Success
    over 1 year ago
    Total: 638s
    #152588
  • Pipeline finished with Canceled
    over 1 year ago
    Total: 579s
    #153051
  • Pipeline finished with Canceled
    over 1 year ago
    Total: 305s
    #153072
  • Pipeline finished with Failed
    over 1 year ago
    Total: 320s
    #153075
  • Pipeline finished with Success
    over 1 year ago
    Total: 339s
    #153087
  • Pipeline finished with Success
    over 1 year ago
    Total: 339s
    #153104
  • Comment over 1 year ago →
    System Message

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

  • Pipeline finished with Failed
    over 1 year ago
    Total: 295s
    #160996
  • Pipeline finished with Success
    over 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: 142s
    #211585
  • Pipeline finished with Success
    about 1 year ago
    Total: 142s
    #211700
  • Pipeline finished with Success
    about 1 year ago
    Total: 140s
    #211724
  • Pipeline finished with Success
    about 1 year ago
    #213056
  • Pipeline finished with Failed
    about 1 year ago
    Total: 244s
    #234061
  • Pipeline finished with Success
    about 1 year ago
    Total: 134s
    #237125
  • Pipeline finished with Skipped
    about 1 year ago
    #245503
  • Pipeline finished with Success
    about 1 year ago
    Total: 265s
    #246148
  • Pipeline finished with Skipped
    about 1 year ago
    #259088
  • Pipeline finished with Failed
    about 1 year ago
    #266355
  • Pipeline finished with Failed
    11 months ago
    Total: 165s
    #297183
  • Pipeline finished with Failed
    11 months ago
    Total: 166s
    #297197
  • Pipeline finished with Failed
    11 months ago
    Total: 195s
    #297673
  • Pipeline finished with Canceled
    11 months ago
    Total: 149s
    #297699
  • Pipeline finished with Failed
    11 months ago
    Total: 217s
    #297716
  • Pipeline finished with Failed
    11 months ago
    Total: 166s
    #297838
  • Pipeline finished with Success
    11 months ago
    Total: 232s
    #298047
  • Pipeline finished with Failed
    11 months ago
    Total: 229s
    #298066
  • Pipeline finished with Success
    11 months ago
    Total: 226s
    #298072
  • Pipeline finished with Canceled
    11 months ago
    Total: 1011s
    #298170
  • Pipeline finished with Success
    11 months ago
    Total: 294s
    #298179
  • Pipeline finished with Success
    11 months ago
    Total: 253s
    #299214
  • Pipeline finished with Success
    11 months ago
    Total: 349s
    #303298
  • Pipeline finished with Success
    11 months ago
    Total: 282s
    #303941
  • Pipeline finished with Failed
    11 months ago
    Total: 48s
    #310255
  • Pipeline finished with Failed
    11 months ago
    Total: 65s
    #310266
  • Pipeline finished with Canceled
    11 months ago
    Total: 140s
    #310269
  • Pipeline finished with Success
    11 months ago
    Total: 156s
    #310272
  • Pipeline finished with Skipped
    11 months ago
    #310278
  • Pipeline finished with Failed
    10 months ago
    Total: 306s
    #324065
  • Pipeline finished with Failed
    10 months ago
    Total: 161s
    #324105
  • Pipeline finished with Success
    10 months ago
    Total: 171s
    #325128
  • Pipeline finished with Success
    10 months ago
    Total: 160s
    #325640
  • Pipeline finished with Failed
    9 months ago
    Total: 203s
    #356207
  • Pipeline finished with Success
    8 months ago
    Total: 138s
    #395975
  • Pipeline finished with Canceled
    7 months ago
    Total: 256s
    #418430
  • Pipeline finished with Failed
    6 months ago
    Total: 133s
    #452454
  • Pipeline finished with Success
    6 months ago
    Total: 368s
    #452937
  • Pipeline finished with Success
    6 months ago
    Total: 353s
    #453564
  • Pipeline finished with Success
    5 months ago
    Total: 181s
    #460178
  • Pipeline finished with Success
    5 months ago
    Total: 264s
    #464085
  • Pipeline finished with Success
    4 months ago
    Total: 678s
    #477844
  • Pipeline finished with Success
    4 months ago
    Total: 543s
    #477939
  • Pipeline finished with Success
    4 months ago
    Total: 1022s
    #477944
  • Pipeline finished with Failed
    4 months ago
    Total: 575s
    #477991
  • Pipeline finished with Success
    4 months ago
    Total: 557s
    #478522
  • Pipeline finished with Failed
    4 months ago
    Total: 672s
    #478638
  • Pipeline finished with Success
    4 months ago
    Total: 668s
    #478677
  • Pipeline finished with Success
    4 months ago
    Total: 671s
    #478713
  • Pipeline finished with Success
    4 months ago
    Total: 606s
    #478777
  • Pipeline finished with Success
    4 months ago
    Total: 765s
    #478806
  • Pipeline finished with Canceled
    4 months ago
    Total: 576s
    #478854
  • Pipeline finished with Success
    4 months ago
    Total: 778s
    #479009
  • Pipeline finished with Success
    4 months ago
    Total: 664s
    #479236
  • Pipeline finished with Failed
    4 months ago
    Total: 273s
    #479267
  • Pipeline finished with Success
    4 months ago
    Total: 580s
    #479653
  • Pipeline finished with Success
    4 months ago
    Total: 559s
    #479667
  • Pipeline finished with Success
    4 months ago
    Total: 729s
    #479683
  • Pipeline finished with Success
    4 months ago
    Total: 627s
    #479691
  • Pipeline finished with Success
    3 months ago
    Total: 211s
    #507820
  • Pipeline finished with Success
    3 months ago
    Total: 265s
    #507822
  • Pipeline finished with Skipped
    3 months ago
    #510201
  • Pipeline finished with Success
    3 months ago
    Total: 144s
    #520135
  • Pipeline finished with Success
    3 months ago
    Total: 142s
    #520138
  • Pipeline finished with Success
    2 months ago
    Total: 343s
    #530332
  • Pipeline finished with Success
    2 months ago
    Total: 187s
    #530351
  • Pipeline finished with Success
    2 months ago
    Total: 130s
    #530354
  • Pipeline finished with Success
    2 months ago
    Total: 310s
    #530880
  • Pipeline finished with Success
    2 months ago
    Total: 150s
    #531036
  • Pipeline finished with Success
    2 months ago
    Total: 189s
    #531048
  • Pipeline finished with Success
    2 months ago
    Total: 150s
    #531091
  • Pipeline finished with Success
    2 months ago
    Total: 228s
    #531103
  • Pipeline finished with Success
    2 months ago
    Total: 215s
    #535271
  • Pipeline finished with Success
    2 months ago
    Total: 297s
    #535280
  • Pipeline finished with Failed
    about 2 months ago
    Total: 3715s
    #541361
  • Pipeline finished with Running
    about 1 month ago
    #558165
  • Pipeline finished with Success
    about 1 month ago
    Total: 617s
    #560912
  • Pipeline finished with Canceled
    about 1 month ago
    Total: 318s
    #561689
  • Pipeline finished with Canceled
    about 1 month ago
    #561696
  • Pipeline finished with Success
    about 1 month ago
    Total: 521s
    #561709
  • Pipeline finished with Success
    about 1 month ago
    Total: 502s
    #561845
contrib.social Blog FAQ Discussions
Production build 0.71.5 2024