diff --git a/site/src/assets/stackblitz.js b/site/src/assets/stackblitz.js
index 98c57aac83..b90fa6b19e 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