From e597e1b4d7cc34fb7ac6a8b471ec41dd2b6fe2d0 Mon Sep 17 00:00:00 2001 From: Hannah Issermann Date: Thu, 19 Mar 2026 18:05:36 +0100 Subject: [PATCH 1/4] Add sprite to Stackblitz example to have icons --- site/src/assets/stackblitz.js | 7 +++++-- site/src/plugins/stackblitz-plugin.js | 1 + 2 files changed, 6 insertions(+), 2 deletions(-) diff --git a/site/src/assets/stackblitz.js b/site/src/assets/stackblitz.js index 98c57aac83..b22f756c1b 100644 --- a/site/src/assets/stackblitz.js +++ b/site/src/assets/stackblitz.js @@ -20,7 +20,8 @@ const CONFIG = { cssCdn: '__CSS_CDN__', cssBootstrapCdn: '__CSS_BOOTSTRAP_CDN__', jsBundleCdn: '__JS_BUNDLE_CDN__', - docsVersion: '__DOCS_VERSION__' + docsVersion: '__DOCS_VERSION__', + brand: '__BRAND__' } // Open in StackBlitz logic @@ -40,6 +41,7 @@ document.querySelectorAll('.btn-edit').forEach(btn => { }) const openOUDSWebSnippet = (htmlSnippet, jsSnippet, classes, cssBootstrap) => { + const spriteUrl = `https://web.unified-design-system.orange.com/${CONFIG.brand}/docs/${CONFIG.docsVersion}/assets/img/ouds-web-sprite.svg` const indexHtml = ` @@ -47,12 +49,13 @@ const openOUDSWebSnippet = (htmlSnippet, jsSnippet, classes, cssBootstrap) => { + OUDS Web Example <${'script'} defer src="${CONFIG.jsBundleCdn}"> - ${htmlSnippet.trimStart().replace(/^/gm, ' ').replace(/^ {4}$/gm, '').trimEnd()} + ${htmlSnippet.trimStart().replace(/^/gm, ' ').replace(/^ {4}$/gm, '').replaceAll(/xlink:href="\/.+\/ouds-web-sprite\.svg/g, `xlink:href="${spriteUrl}`).trimEnd()} ` diff --git a/site/src/plugins/stackblitz-plugin.js b/site/src/plugins/stackblitz-plugin.js index 4a63ce40cf..1fb0b758c9 100644 --- a/site/src/plugins/stackblitz-plugin.js +++ b/site/src/plugins/stackblitz-plugin.js @@ -15,6 +15,7 @@ export function stackblitzPlugin() { .replace(/__CSS_BOOTSTRAP_CDN__/g, config.cdn.css_bootstrap) .replace(/__JS_BUNDLE_CDN__/g, config.cdn.js_bundle) .replace(/__DOCS_VERSION__/g, config.docs_version) + .replace(/__BRAND__/g, config.brand) } return code From a1d90c968bf1a8cfd3718e87eaf6c7c09dfa9137 Mon Sep 17 00:00:00 2001 From: Hannah Issermann Date: Thu, 19 Mar 2026 18:37:24 +0100 Subject: [PATCH 2/4] try another way for svg --- site/src/assets/stackblitz.js | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/site/src/assets/stackblitz.js b/site/src/assets/stackblitz.js index b22f756c1b..d922da2c44 100644 --- a/site/src/assets/stackblitz.js +++ b/site/src/assets/stackblitz.js @@ -49,13 +49,15 @@ const openOUDSWebSnippet = (htmlSnippet, jsSnippet, classes, cssBootstrap) => { - OUDS Web Example <${'script'} defer src="${CONFIG.jsBundleCdn}"> + + + - ${htmlSnippet.trimStart().replace(/^/gm, ' ').replace(/^ {4}$/gm, '').replaceAll(/xlink:href="\/.+\/ouds-web-sprite\.svg/g, `xlink:href="${spriteUrl}`).trimEnd()} + ${htmlSnippet.trimStart().replace(/^/gm, ' ').replace(/^ {4}$/gm, '').replaceAll(/xlink:href="\/.+\/ouds-web-sprite\.svg/g, `xlink:href="`).trimEnd()} ` From 5ae884017cd5f98a42d6ca7d1a2d991bc5074b31 Mon Sep 17 00:00:00 2001 From: Hannah Issermann Date: Thu, 19 Mar 2026 18:42:45 +0100 Subject: [PATCH 3/4] . --- site/src/assets/stackblitz.js | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/site/src/assets/stackblitz.js b/site/src/assets/stackblitz.js index d922da2c44..b22f756c1b 100644 --- a/site/src/assets/stackblitz.js +++ b/site/src/assets/stackblitz.js @@ -49,15 +49,13 @@ const openOUDSWebSnippet = (htmlSnippet, jsSnippet, classes, cssBootstrap) => { + OUDS Web Example <${'script'} defer src="${CONFIG.jsBundleCdn}"> - - - - ${htmlSnippet.trimStart().replace(/^/gm, ' ').replace(/^ {4}$/gm, '').replaceAll(/xlink:href="\/.+\/ouds-web-sprite\.svg/g, `xlink:href="`).trimEnd()} + ${htmlSnippet.trimStart().replace(/^/gm, ' ').replace(/^ {4}$/gm, '').replaceAll(/xlink:href="\/.+\/ouds-web-sprite\.svg/g, `xlink:href="${spriteUrl}`).trimEnd()} ` From 763049a763ddaed5bccbd0c8cf4016079ed0099c Mon Sep 17 00:00:00 2001 From: Hannah Issermann Date: Fri, 10 Apr 2026 17:19:37 +0200 Subject: [PATCH 4/4] Update site/src/assets/stackblitz.js Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> --- site/src/assets/stackblitz.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/site/src/assets/stackblitz.js b/site/src/assets/stackblitz.js index b22f756c1b..b90fa6b19e 100644 --- a/site/src/assets/stackblitz.js +++ b/site/src/assets/stackblitz.js @@ -49,7 +49,7 @@ const openOUDSWebSnippet = (htmlSnippet, jsSnippet, classes, cssBootstrap) => { - + OUDS Web Example <${'script'} defer src="${CONFIG.jsBundleCdn}">