fix : codeplayground metadata by BaskarMitrah · Pull Request #570 · AdobeDocs/adp-devsite

BaskarMitrah · 2026-03-25T08:08:45Z

Description

Added metdata json for the code playground url

Issue

https://jira.corp.adobe.com/browse/DEVSITE-2304

Test URL

Previous : https://stage--adp-devsite-stage--adobedocs.aem.page/express/add-ons/docs/guides/learn/how-to/use-text
Update : https://codeplayground-metadata--adp-devsite-stage--adobedocs.aem.page/express/add-ons/docs/guides/learn/how-to/use-text

aem-code-sync · 2026-03-25T08:08:48Z

Hello, I'm the AEM Code Sync Bot and I will run some actions to deploy your branch and validate page speed.
In case there are problems, just click a checkbox below to rerun the respective action.

Re-run PSI checks
Re-sync branch

Commits

26ad3bd ✅ (latest)
848c363 ✅
6ade1bf ✅

github-actions · 2026-03-25T08:09:35Z

❌ Test Results

Status: Some tests failed!

🔍 Click to view failed tests

📁 test/blocks/columns/columns.test.js:

❌ Columns block > Columns > columns-container
      AssertionError: expected false to be true
      + expected - actual
      
      -false
      +true
      
      at n.<anonymous> (test/blocks/columns/columns.test.js:29:117)

❌ Columns block > Columns > buttons
      AssertionError: expected false to be true
      + expected - actual
      
      -false
      +true
      
      at test/blocks/columns/columns.test.js:100:86
      at NodeList.forEach (<anonymous>)
      at n.<anonymous> (test/blocks/columns/columns.test.js:95:50)


📁 test/blocks/embed/embed.test.js:

❌ Could not import your test module. Check the browser logs or open the browser in debug mode for more information.


📁 test/blocks/contributors/contributors.test.js:

❌ Contributors block > contributors > firstDiv
      AssertionError: expected null to exist
        at n.<anonymous> (test/blocks/contributors/contributors.test.js:32:28)

❌ Contributors block > contributors > remove divs without children
      AssertionError: expected false to be true
      + expected - actual
      
      -false
      +true
      
      at test/blocks/contributors/contributors.test.js:42:44
      at NodeList.forEach (<anonymous>)
      at n.<anonymous> (test/blocks/contributors/contributors.test.js:41:51)

❌ Contributors block > contributors > last update div
      AssertionError: expected '' to equal 'https://github.com/AdobeDocs/express-add-ons-docs/commits/main/src/pages/references/index.md'
      + expected - actual
      
      +https://github.com/AdobeDocs/express-add-ons-docs/commits/main/src/pages/references/index.md
      
      at n.<anonymous> (test/blocks/contributors/contributors.test.js:53:40)

❌ Contributors block > contributors > image list div
      AssertionError: expected null to exist
        at test/blocks/contributors/contributors.test.js:71:27
        at Array.forEach (<anonymous>)
        at n.<anonymous> (test/blocks/contributors/contributors.test.js:69:33)


📁 test/blocks/tab/tab.test.js:

❌ Tab block > Tab Button Structure > tab > button load structure
      AssertionError: expected 'tab-button active' to equal 'tab-button'
      + expected - actual
      
      -tab-button active
      +tab-button
      
      at n.<anonymous> (test/blocks/tab/tab.test.js:60:38)

❌ Tab block > Sub-tabs > sub-tab > attributes
      AssertionError: expected 'subTab1' to equal 'subTab3'
      + expected - actual
      
      -subTab1
      +subTab3
      
      at test/blocks/tab/tab.test.js:135:58
      at NodeList.forEach (<anonymous>)
      at n.<anonymous> (test/blocks/tab/tab.test.js:133:23)

Test Coverage Report

Overall Coverage Summary

Metric	Percentage	Coverage
Statements	60.02%	3406/5674
Branches	85%	459/540
Functions	54.58%	113/207
Lines	60.02%	3406/5674

Coverage by File/Directory

File	Statements	Branches	Functions	Lines
blocks/accordion	100%	100%	100%	100%
blocks/announcement	76.69%	60%	100%	76.69%
blocks/banner	94.28%	62.5%	100%	94.28%
blocks/cards	94.04%	94.73%	100%	94.04%
blocks/carousel	76.9%	77.77%	75%	76.9%
blocks/code	81.81%	60%	100%	81.81%
blocks/columns	67.78%	76.31%	100%	67.78%
blocks/contributors	83.61%	56%	100%	83.61%
blocks/edition	91.22%	57.14%	100%	91.22%
blocks/fragment	19.37%	100%	0%	19.37%
blocks/image-text	57.5%	55.55%	100%	57.5%
blocks/info	96.87%	100%	100%	96.87%
blocks/info-card	73.86%	30%	100%	73.86%
blocks/info-columns	75%	100%	100%	75%
blocks/list	59.09%	85.71%	100%	59.09%
blocks/mini-resource-card	97.89%	87.5%	100%	97.89%
blocks/product-card	78.57%	94.11%	100%	78.57%
blocks/profile-card	96.29%	100%	100%	96.29%
blocks/site-hero	93.93%	80%	100%	93.93%
blocks/summary	98.36%	88.88%	100%	98.36%
blocks/tab	95.39%	92.3%	100%	95.39%
blocks/table	100%	84.61%	100%	100%
blocks/text	49.01%	83.33%	50%	49.01%
blocks/title	84%	66.66%	100%	84%
components	64%	100%	66.66%	64%
scripts	47.99%	93.08%	42.17%	47.99%

Coverage report generated at 2026-03-25T08:09:35.419Z

melissag-ensemble

Currently, playground URLs are configured per block, allowing each code block to have a unique URL. Moving this to site-metadata would enforce a single URL across all blocks — is that an acceptable trade-off?

hlx_statics/scripts/scripts.js

aem-code-sync · 2026-03-25T13:54:16Z

	Page	Scores	Audits	Google
📱	/express/add-ons/docs/guides/learn/how-to/use-text
🖥️	/express/add-ons/docs/guides/learn/how-to/use-text

github-actions · 2026-03-25T13:54:23Z

❌ Test Results

Status: Some tests failed!

🔍 Click to view failed tests

📁 test/blocks/columns/columns.test.js:

❌ Columns block > Columns > columns-container
      AssertionError: expected false to be true
      + expected - actual
      
      -false
      +true
      
      at n.<anonymous> (test/blocks/columns/columns.test.js:29:117)

❌ Columns block > Columns > buttons
      AssertionError: expected false to be true
      + expected - actual
      
      -false
      +true
      
      at test/blocks/columns/columns.test.js:100:86
      at NodeList.forEach (<anonymous>)
      at n.<anonymous> (test/blocks/columns/columns.test.js:95:50)


📁 test/blocks/embed/embed.test.js:

❌ Could not import your test module. Check the browser logs or open the browser in debug mode for more information.


📁 test/blocks/contributors/contributors.test.js:

❌ Contributors block > contributors > firstDiv
      AssertionError: expected null to exist
        at n.<anonymous> (test/blocks/contributors/contributors.test.js:32:28)

❌ Contributors block > contributors > remove divs without children
      AssertionError: expected false to be true
      + expected - actual
      
      -false
      +true
      
      at test/blocks/contributors/contributors.test.js:42:44
      at NodeList.forEach (<anonymous>)
      at n.<anonymous> (test/blocks/contributors/contributors.test.js:41:51)

❌ Contributors block > contributors > last update div
      AssertionError: expected '' to equal 'https://github.com/AdobeDocs/express-add-ons-docs/commits/main/src/pages/references/index.md'
      + expected - actual
      
      +https://github.com/AdobeDocs/express-add-ons-docs/commits/main/src/pages/references/index.md
      
      at n.<anonymous> (test/blocks/contributors/contributors.test.js:53:40)

❌ Contributors block > contributors > image list div
      AssertionError: expected null to exist
        at test/blocks/contributors/contributors.test.js:71:27
        at Array.forEach (<anonymous>)
        at n.<anonymous> (test/blocks/contributors/contributors.test.js:69:33)


📁 test/blocks/tab/tab.test.js:

❌ Tab block > Tab Button Structure > tab > button load structure
      AssertionError: expected 'tab-button active' to equal 'tab-button'
      + expected - actual
      
      -tab-button active
      +tab-button
      
      at n.<anonymous> (test/blocks/tab/tab.test.js:60:38)

❌ Tab block > Sub-tabs > sub-tab > attributes
      AssertionError: expected 'subTab1' to equal 'subTab3'
      + expected - actual
      
      -subTab1
      +subTab3
      
      at test/blocks/tab/tab.test.js:135:58
      at NodeList.forEach (<anonymous>)
      at n.<anonymous> (test/blocks/tab/tab.test.js:133:23)

Test Coverage Report

Overall Coverage Summary

Metric	Percentage	Coverage
Statements	60%	3428/5713
Branches	85.08%	462/543
Functions	54.54%	114/209
Lines	60%	3428/5713

Coverage by File/Directory

File	Statements	Branches	Functions	Lines
blocks/accordion	100%	100%	100%	100%
blocks/announcement	76.69%	60%	100%	76.69%
blocks/banner	94.28%	62.5%	100%	94.28%
blocks/cards	94.04%	94.73%	100%	94.04%
blocks/carousel	76.9%	77.77%	75%	76.9%
blocks/code	81.81%	60%	100%	81.81%
blocks/columns	67.78%	76.31%	100%	67.78%
blocks/contributors	83.61%	56%	100%	83.61%
blocks/edition	91.22%	57.14%	100%	91.22%
blocks/fragment	19.37%	100%	0%	19.37%
blocks/image-text	57.5%	55.55%	100%	57.5%
blocks/info	96.87%	100%	100%	96.87%
blocks/info-card	73.86%	30%	100%	73.86%
blocks/info-columns	75%	100%	100%	75%
blocks/list	59.09%	85.71%	100%	59.09%
blocks/mini-resource-card	97.89%	87.5%	100%	97.89%
blocks/product-card	78.57%	94.11%	100%	78.57%
blocks/profile-card	96.29%	100%	100%	96.29%
blocks/site-hero	93.93%	80%	100%	93.93%
blocks/summary	98.36%	88.88%	100%	98.36%
blocks/tab	95.39%	92.3%	100%	95.39%
blocks/table	100%	84.61%	100%	100%
blocks/text	49.01%	83.33%	50%	49.01%
blocks/title	84%	66.66%	100%	84%
components	64%	100%	66.66%	64%
scripts	48.09%	93.19%	42.28%	48.09%

Coverage report generated at 2026-03-25T13:54:22.803Z

melissag-ensemble · 2026-03-25T14:24:14Z

hlx_statics/scripts/scripts.js

+
+  const hasCodePlayground = await hasCodePlaygroundJson();
+  const codePlaygroundData = {};
+  if (!hasCodePlayground) return;


This requires code-playground.json to exist before Prism will render any syntax-highlighted blocks (like codeblock and tab) - code-playground.json should only gate the playground button, not Prism itself.

melissag-ensemble

The playground URL is still coming from a central file (code-playground.json), so all blocks would share the same URL. The original per-block data-playground-url attributes allowed each code block to point to a different URL - I think that’s still the right approach.

github-actions · 2026-03-26T10:22:48Z

❌ Test Results

Status: Some tests failed!

🔍 Click to view failed tests

📁 test/blocks/columns/columns.test.js:

❌ Columns block > Columns > columns-container
      AssertionError: expected false to be true
      + expected - actual
      
      -false
      +true
      
      at n.<anonymous> (test/blocks/columns/columns.test.js:29:117)

❌ Columns block > Columns > buttons
      AssertionError: expected false to be true
      + expected - actual
      
      -false
      +true
      
      at test/blocks/columns/columns.test.js:100:86
      at NodeList.forEach (<anonymous>)
      at n.<anonymous> (test/blocks/columns/columns.test.js:95:50)


📁 test/blocks/embed/embed.test.js:

❌ Could not import your test module. Check the browser logs or open the browser in debug mode for more information.


📁 test/blocks/contributors/contributors.test.js:

❌ Contributors block > contributors > firstDiv
      AssertionError: expected null to exist
        at n.<anonymous> (test/blocks/contributors/contributors.test.js:32:28)

❌ Contributors block > contributors > remove divs without children
      AssertionError: expected false to be true
      + expected - actual
      
      -false
      +true
      
      at test/blocks/contributors/contributors.test.js:42:44
      at NodeList.forEach (<anonymous>)
      at n.<anonymous> (test/blocks/contributors/contributors.test.js:41:51)

❌ Contributors block > contributors > last update div
      AssertionError: expected '' to equal 'https://github.com/AdobeDocs/express-add-ons-docs/commits/main/src/pages/references/index.md'
      + expected - actual
      
      +https://github.com/AdobeDocs/express-add-ons-docs/commits/main/src/pages/references/index.md
      
      at n.<anonymous> (test/blocks/contributors/contributors.test.js:53:40)

❌ Contributors block > contributors > image list div
      AssertionError: expected null to exist
        at test/blocks/contributors/contributors.test.js:71:27
        at Array.forEach (<anonymous>)
        at n.<anonymous> (test/blocks/contributors/contributors.test.js:69:33)


📁 test/blocks/tab/tab.test.js:

❌ Tab block > Tab Button Structure > tab > button load structure
      AssertionError: expected 'tab-button active' to equal 'tab-button'
      + expected - actual
      
      -tab-button active
      +tab-button
      
      at n.<anonymous> (test/blocks/tab/tab.test.js:60:38)

❌ Tab block > Sub-tabs > sub-tab > attributes
      AssertionError: expected 'subTab1' to equal 'subTab3'
      + expected - actual
      
      -subTab1
      +subTab3
      
      at test/blocks/tab/tab.test.js:135:58
      at NodeList.forEach (<anonymous>)
      at n.<anonymous> (test/blocks/tab/tab.test.js:133:23)

Test Coverage Report

Overall Coverage Summary

Metric	Percentage	Coverage
Statements	59.65%	3411/5718
Branches	85%	459/540
Functions	54.06%	113/209
Lines	59.65%	3411/5718

Coverage by File/Directory

File	Statements	Branches	Functions	Lines
blocks/accordion	100%	100%	100%	100%
blocks/announcement	76.69%	60%	100%	76.69%
blocks/banner	94.28%	62.5%	100%	94.28%
blocks/cards	94.04%	94.73%	100%	94.04%
blocks/carousel	76.9%	77.77%	75%	76.9%
blocks/code	81.81%	60%	100%	81.81%
blocks/columns	67.78%	76.31%	100%	67.78%
blocks/contributors	83.61%	56%	100%	83.61%
blocks/edition	91.22%	57.14%	100%	91.22%
blocks/fragment	19.37%	100%	0%	19.37%
blocks/image-text	57.5%	55.55%	100%	57.5%
blocks/info	96.87%	100%	100%	96.87%
blocks/info-card	73.86%	30%	100%	73.86%
blocks/info-columns	75%	100%	100%	75%
blocks/list	59.09%	85.71%	100%	59.09%
blocks/mini-resource-card	97.89%	87.5%	100%	97.89%
blocks/product-card	78.57%	94.11%	100%	78.57%
blocks/profile-card	96.29%	100%	100%	96.29%
blocks/site-hero	93.93%	80%	100%	93.93%
blocks/summary	98.36%	88.88%	100%	98.36%
blocks/tab	95.39%	92.3%	100%	95.39%
blocks/table	100%	84.61%	100%	100%
blocks/text	49.01%	83.33%	50%	49.01%
blocks/title	84%	66.66%	100%	84%
components	64%	100%	66.66%	64%
scripts	47.5%	93.08%	41.61%	47.5%

Coverage report generated at 2026-03-26T10:22:48.375Z

fix : codeplayground metadata

6ade1bf

BaskarMitrah requested review from melissag-ensemble and timkim March 25, 2026 08:11

melissag-ensemble reviewed Mar 25, 2026

View reviewed changes

melissag-ensemble requested changes Mar 25, 2026

View reviewed changes

hlx_statics/scripts/scripts.js Outdated Show resolved Hide resolved

aem-code-sync bot temporarily deployed to codeplayground-metadata March 25, 2026 13:53 Inactive

update : code playground script

848c363

melissag-ensemble reviewed Mar 25, 2026

View reviewed changes

melissag-ensemble requested changes Mar 25, 2026

View reviewed changes

update : codeplayground-metadata

26ad3bd

timkim approved these changes Mar 27, 2026

View reviewed changes

BaskarMitrah merged commit 31d971c into stage Mar 27, 2026
1 of 4 checks passed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

fix : codeplayground metadata#570

fix : codeplayground metadata#570
BaskarMitrah merged 3 commits intostagefrom
codeplayground-metadata

BaskarMitrah commented Mar 25, 2026 •

edited

Loading

Uh oh!

aem-code-sync bot commented Mar 25, 2026 •

edited

Loading

Uh oh!

github-actions bot commented Mar 25, 2026

Uh oh!

melissag-ensemble left a comment

Uh oh!

Uh oh!

aem-code-sync bot commented Mar 25, 2026 •

edited

Loading

Uh oh!

github-actions bot commented Mar 25, 2026

Uh oh!

melissag-ensemble Mar 25, 2026 •

edited

Loading

Uh oh!

melissag-ensemble left a comment

Uh oh!

github-actions bot commented Mar 26, 2026

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

Conversation

BaskarMitrah commented Mar 25, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Description

Issue

Test URL

Uh oh!

aem-code-sync bot commented Mar 25, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

github-actions bot commented Mar 25, 2026

❌ Test Results

Test Coverage Report

Overall Coverage Summary

Coverage by File/Directory

Uh oh!

melissag-ensemble left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

aem-code-sync bot commented Mar 25, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

github-actions bot commented Mar 25, 2026

❌ Test Results

Test Coverage Report

Overall Coverage Summary

Coverage by File/Directory

Uh oh!

melissag-ensemble Mar 25, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

melissag-ensemble left a comment

Choose a reason for hiding this comment

Uh oh!

github-actions bot commented Mar 26, 2026

❌ Test Results

Test Coverage Report

Overall Coverage Summary

Coverage by File/Directory

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

BaskarMitrah commented Mar 25, 2026 •

edited

Loading

aem-code-sync bot commented Mar 25, 2026 •

edited

Loading

aem-code-sync bot commented Mar 25, 2026 •

edited

Loading

melissag-ensemble Mar 25, 2026 •

edited

Loading