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 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: 182s
    #152514
  • 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 Success
    over 1 year ago
    Total: 341s
    #153055
  • Pipeline finished with Canceled
    over 1 year ago
    Total: 305s
    #153072
  • 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
    over 1 year ago
    Total: 662s
    #211170
  • Pipeline finished with Success
    over 1 year ago
    Total: 142s
    #211585
  • Pipeline finished with Success
    over 1 year ago
    Total: 142s
    #211700
  • Pipeline finished with Success
    over 1 year ago
    Total: 140s
    #211724
  • Pipeline finished with Failed
    about 1 year ago
    Total: 319s
    #225100
  • Pipeline finished with Failed
    about 1 year ago
    Total: 323s
    #225112
  • 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 Failed
    about 1 year ago
    #266355
  • Pipeline finished with Failed
    about 1 year ago
    Total: 165s
    #297183
  • Pipeline finished with Canceled
    about 1 year ago
    Total: 149s
    #297699
  • Pipeline finished with Failed
    about 1 year ago
    Total: 217s
    #297716
  • Pipeline finished with Failed
    about 1 year ago
    Total: 166s
    #297838
  • Pipeline finished with Failed
    about 1 year ago
    Total: 251s
    #297973
  • Pipeline finished with Success
    about 1 year ago
    Total: 232s
    #298047
  • Pipeline finished with Failed
    about 1 year ago
    Total: 229s
    #298066
  • Pipeline finished with Success
    about 1 year ago
    Total: 294s
    #298179
  • Pipeline finished with Failed
    12 months ago
    Total: 153s
    #310252
  • Pipeline finished with Failed
    12 months ago
    Total: 48s
    #310255
  • Pipeline finished with Failed
    12 months ago
    Total: 306s
    #324065
  • Pipeline finished with Success
    12 months ago
    Total: 171s
    #325128
  • Pipeline finished with Success
    12 months ago
    Total: 160s
    #325640
  • Pipeline finished with Failed
    11 months ago
    Total: 203s
    #356207
  • Pipeline finished with Success
    9 months ago
    Total: 138s
    #395975
  • Pipeline finished with Canceled
    8 months ago
    Total: 256s
    #418430
  • Pipeline finished with Failed
    7 months ago
    Total: 133s
    #452454
  • Pipeline finished with Success
    7 months ago
    Total: 368s
    #452937
  • Pipeline finished with Success
    7 months ago
    Total: 181s
    #460178
  • Pipeline finished with Success
    6 months ago
    Total: 247s
    #464856
  • Pipeline finished with Success
    6 months ago
    Total: 678s
    #477844
  • Pipeline finished with Success
    6 months ago
    Total: 543s
    #477939
  • Pipeline finished with Success
    6 months ago
    Total: 1022s
    #477944
  • Pipeline finished with Failed
    6 months ago
    Total: 575s
    #477991
  • Pipeline finished with Success
    6 months ago
    Total: 557s
    #478522
  • Pipeline finished with Failed
    6 months ago
    Total: 645s
    #478563
  • Pipeline finished with Failed
    6 months ago
    Total: 672s
    #478638
  • Pipeline finished with Success
    6 months ago
    Total: 668s
    #478677
  • Pipeline finished with Success
    6 months ago
    Total: 671s
    #478713
  • Pipeline finished with Success
    6 months ago
    Total: 606s
    #478777
  • Pipeline finished with Success
    6 months ago
    Total: 765s
    #478806
  • Pipeline finished with Canceled
    6 months ago
    Total: 576s
    #478854
  • Pipeline finished with Success
    6 months ago
    Total: 778s
    #479009
  • Pipeline finished with Success
    6 months ago
    Total: 664s
    #479236
  • Pipeline finished with Failed
    6 months ago
    Total: 273s
    #479267
  • Pipeline finished with Success
    6 months ago
    Total: 559s
    #479667
  • Pipeline finished with Success
    6 months ago
    Total: 729s
    #479683
  • Pipeline finished with Success
    6 months ago
    Total: 627s
    #479691
  • Pipeline finished with Success
    5 months ago
    Total: 211s
    #507820
  • Pipeline finished with Success
    5 months ago
    Total: 265s
    #507822
  • Pipeline finished with Skipped
    5 months ago
    #510201
  • Pipeline finished with Success
    4 months ago
    Total: 144s
    #520135
  • Pipeline finished with Success
    4 months ago
    Total: 142s
    #520138
  • Pipeline finished with Success
    4 months ago
    Total: 343s
    #530332
  • Pipeline finished with Success
    4 months ago
    Total: 187s
    #530351
  • Pipeline finished with Success
    4 months ago
    Total: 130s
    #530354
  • Pipeline finished with Success
    4 months ago
    Total: 150s
    #531036
  • Pipeline finished with Success
    4 months ago
    Total: 189s
    #531048
  • Pipeline finished with Success
    4 months ago
    Total: 150s
    #531091
  • Pipeline finished with Success
    4 months ago
    Total: 228s
    #531103
  • Pipeline finished with Success
    4 months ago
    Total: 215s
    #535271
  • Pipeline finished with Success
    4 months ago
    Total: 297s
    #535280
  • Pipeline finished with Failed
    3 months ago
    Total: 3715s
    #541361
  • Pipeline finished with Running
    3 months ago
    #558165
  • Pipeline finished with Success
    3 months ago
    Total: 617s
    #560912
  • Pipeline finished with Canceled
    2 months ago
    Total: 318s
    #561689
  • Pipeline finished with Success
    2 months ago
    Total: 521s
    #561709
  • Pipeline finished with Failed
    29 days ago
    Total: 402s
    #599178
  • Pipeline finished with Success
    28 days ago
    Total: 362s
    #599517
  • Pipeline finished with Success
    28 days ago
    Total: 199s
    #599522
  • Pipeline finished with Success
    28 days ago
    Total: 346s
    #599528
  • Pipeline finished with Success
    28 days ago
    Total: 362s
    #599927
  • Pipeline finished with Success
    28 days ago
    Total: 398s
    #599938
  • Pipeline finished with Failed
    18 days ago
    Total: 1555s
    #609962
  • Pipeline finished with Success
    15 days ago
    #612723
  • Pipeline finished with Success
    15 days ago
    #612813
  • Pipeline finished with Success
    14 days ago
    Total: 166s
    #613963
  • Pipeline finished with Success
    14 days ago
    #614183
  • Pipeline finished with Success
    14 days ago
    Total: 361s
    #614213
  • Pipeline finished with Success
    14 days ago
    Total: 169s
    #614255
  • Pipeline finished with Success
    13 days ago
    Total: 427s
    #614468
  • Pipeline finished with Success
    10 days ago
    Total: 320s
    #618185
contrib.social Blog FAQ Discussions
Production build 0.71.5 2024