@commercetools-frontend/mc-html-template 27.13.0 → 27.14.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -187,7 +187,7 @@ const htmlScripts = {
|
|
|
187
187
|
"publicPath": "window.__dynamicImportHandler__=function(n){return window.app.cdnUrl.replace(/\\/$/,\"\")+\"/\"+n.replace(/^(\\.\\/)?/,\"\")},window.__dynamicImportPreload__=function(n){return n.map(n=>window.app.cdnUrl.replace(/\\/$/,\"\")+\"/\"+n)};"
|
|
188
188
|
}; // https://babeljs.io/blog/2017/09/11/zero-config-with-babel-macros
|
|
189
189
|
const htmlStyles = {
|
|
190
|
-
"loadingScreen": ".loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw}.loading-screen--hidden{display:none}.loading-screen>*+*{margin:24px 0 0}.loading-spinner{width:32px;height:32px}.long-loading-notice{color:#999;font-family:'Open Sans',sans-serif;font-size:12px}.long-loading-notice--hidden{visibility:hidden}.loading-spinner-circle{fill:#213c45;opacity:.2}@keyframes loading-spinner-animation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.loading-spinner-pointer{transform-origin:20px 20px 0;animation:loading-spinner-animation .5s infinite linear}html,body{margin:0;padding:0}.loading-skeleton{display:grid;grid-template-rows:auto 56px 1fr;grid-template-columns:min-content 1fr;height:100vh;width:100vw}.loading-skeleton--hidden{display:none}.loading-skeleton__sr-only{position:absolute;overflow:hidden;clip:rect(0 0 0 0);width:1px;height:1px;white-space:nowrap}.loading-skeleton__sidebar{display:flex;flex-direction:column;grid-row:2 / 4;grid-column:1 / 2;width:80px;background:hsl(240,66%,19%)}.loading-skeleton--menu-expanded .loading-skeleton__sidebar{width:256px}.loading-skeleton--no-navbar .loading-skeleton__sidebar{display:none}.loading-skeleton__navbar-header{display:flex;justify-content:center;align-items:center;padding:16px;height:56px}.loading-skeleton__navbar-body{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:24px;padding:16px}.loading-skeleton__navbar-footer{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:16px 0}.loading-skeleton--menu-expanded .loading-skeleton__navbar-footer{padding:16px 58px}.loading-skeleton__navbar-footer::before{content:'';position:absolute;top:0;width:calc(100% - 2 * 16px);height:1px;background:rgba(255,255,255,0.5)}.loading-skeleton__group{width:100%}.loading-skeleton__item{display:flex;justify-content:center;align-items:center;gap:12px;padding:12px;height:48px}.loading-skeleton--menu-expanded .loading-skeleton__item--narrow{padding:12px 28px}.loading-skeleton__icon{width:24px;height:24px;border-radius:4px;background:rgba(255,255,255,0.2)}.loading-skeleton__title{display:none;flex:1;height:18px;border-radius:4px;background:rgba(255,255,255,0.2)}.loading-skeleton--menu-expanded .loading-skeleton__title{display:block}.loading-skeleton__expander{width:40px;height:40px;border-radius:4px;background:rgba(255,255,255,0.2)}.loading-skeleton__header{display:flex;justify-content:flex-end;align-items:center;grid-row:2 / 3;grid-column:2 / 3;padding:0 40px;background:#fff;box-shadow:0 2px 5px 0 rgba(0,0,0,0.15)}.loading-skeleton__header-placeholder{width:
|
|
190
|
+
"loadingScreen": ".loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw}.loading-screen--hidden{display:none}.loading-screen>*+*{margin:24px 0 0}.loading-spinner{width:32px;height:32px}.long-loading-notice{color:#999;font-family:'Open Sans',sans-serif;font-size:12px}.long-loading-notice--hidden{visibility:hidden}.loading-spinner-circle{fill:#213c45;opacity:.2}@keyframes loading-spinner-animation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.loading-spinner-pointer{transform-origin:20px 20px 0;animation:loading-spinner-animation .5s infinite linear}html,body{margin:0;padding:0}.loading-skeleton{display:grid;grid-template-rows:auto 56px 1fr;grid-template-columns:min-content 1fr;height:100vh;width:100vw}.loading-skeleton--hidden{display:none}.loading-skeleton__sr-only{position:absolute;overflow:hidden;clip:rect(0 0 0 0);width:1px;height:1px;white-space:nowrap}.loading-skeleton__sidebar{display:flex;flex-direction:column;grid-row:2 / 4;grid-column:1 / 2;width:80px;background:hsl(240,66%,19%)}.loading-skeleton--menu-expanded .loading-skeleton__sidebar{width:256px}.loading-skeleton--no-navbar .loading-skeleton__sidebar{display:none}.loading-skeleton__navbar-header{display:flex;justify-content:center;align-items:center;padding:16px;height:56px}.loading-skeleton__navbar-body{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:24px;padding:16px}.loading-skeleton__navbar-footer{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:16px 0}.loading-skeleton--menu-expanded .loading-skeleton__navbar-footer{padding:16px 58px}.loading-skeleton__navbar-footer::before{content:'';position:absolute;top:0;width:calc(100% - 2 * 16px);height:1px;background:rgba(255,255,255,0.5)}.loading-skeleton__group{width:100%}.loading-skeleton__item{display:flex;justify-content:center;align-items:center;gap:12px;padding:12px;height:48px}.loading-skeleton--menu-expanded .loading-skeleton__item--narrow{padding:12px 28px}.loading-skeleton__icon{width:24px;height:24px;border-radius:4px;background:rgba(255,255,255,0.2)}.loading-skeleton__title{display:none;flex:1;height:18px;border-radius:4px;background:rgba(255,255,255,0.2)}.loading-skeleton--menu-expanded .loading-skeleton__title{display:block}.loading-skeleton__expander{width:40px;height:40px;border-radius:4px;background:rgba(255,255,255,0.2)}.loading-skeleton__header{display:flex;justify-content:flex-end;align-items:center;grid-row:2 / 3;grid-column:2 / 3;padding:0 40px;background:#fff;box-shadow:0 2px 5px 0 rgba(0,0,0,0.15)}.loading-skeleton__header-placeholder{width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,0.08)}.loading-skeleton__content{display:flex;justify-content:center;align-items:center;grid-row:3 / 4;grid-column:2 / 3}@view-transition{navigation:auto}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation-duration:1ms}}"
|
|
191
191
|
};
|
|
192
192
|
const trimTrailingSlash = value => value.replace(/\/$/, '');
|
|
193
193
|
const replaceHtmlPlaceholders = (indexHtmlContent, options) => indexHtmlContent.replace(new RegExp('__CSP__', 'g'), options.headers?.['Content-Security-Policy'] ?? '').replace(new RegExp('__CDN_URL__', 'g'), options.env.cdnUrl ?
|
|
@@ -187,7 +187,7 @@ const htmlScripts = {
|
|
|
187
187
|
"publicPath": "window.__dynamicImportHandler__=function(n){return window.app.cdnUrl.replace(/\\/$/,\"\")+\"/\"+n.replace(/^(\\.\\/)?/,\"\")},window.__dynamicImportPreload__=function(n){return n.map(n=>window.app.cdnUrl.replace(/\\/$/,\"\")+\"/\"+n)};"
|
|
188
188
|
}; // https://babeljs.io/blog/2017/09/11/zero-config-with-babel-macros
|
|
189
189
|
const htmlStyles = {
|
|
190
|
-
"loadingScreen": ".loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw}.loading-screen--hidden{display:none}.loading-screen>*+*{margin:24px 0 0}.loading-spinner{width:32px;height:32px}.long-loading-notice{color:#999;font-family:'Open Sans',sans-serif;font-size:12px}.long-loading-notice--hidden{visibility:hidden}.loading-spinner-circle{fill:#213c45;opacity:.2}@keyframes loading-spinner-animation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.loading-spinner-pointer{transform-origin:20px 20px 0;animation:loading-spinner-animation .5s infinite linear}html,body{margin:0;padding:0}.loading-skeleton{display:grid;grid-template-rows:auto 56px 1fr;grid-template-columns:min-content 1fr;height:100vh;width:100vw}.loading-skeleton--hidden{display:none}.loading-skeleton__sr-only{position:absolute;overflow:hidden;clip:rect(0 0 0 0);width:1px;height:1px;white-space:nowrap}.loading-skeleton__sidebar{display:flex;flex-direction:column;grid-row:2 / 4;grid-column:1 / 2;width:80px;background:hsl(240,66%,19%)}.loading-skeleton--menu-expanded .loading-skeleton__sidebar{width:256px}.loading-skeleton--no-navbar .loading-skeleton__sidebar{display:none}.loading-skeleton__navbar-header{display:flex;justify-content:center;align-items:center;padding:16px;height:56px}.loading-skeleton__navbar-body{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:24px;padding:16px}.loading-skeleton__navbar-footer{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:16px 0}.loading-skeleton--menu-expanded .loading-skeleton__navbar-footer{padding:16px 58px}.loading-skeleton__navbar-footer::before{content:'';position:absolute;top:0;width:calc(100% - 2 * 16px);height:1px;background:rgba(255,255,255,0.5)}.loading-skeleton__group{width:100%}.loading-skeleton__item{display:flex;justify-content:center;align-items:center;gap:12px;padding:12px;height:48px}.loading-skeleton--menu-expanded .loading-skeleton__item--narrow{padding:12px 28px}.loading-skeleton__icon{width:24px;height:24px;border-radius:4px;background:rgba(255,255,255,0.2)}.loading-skeleton__title{display:none;flex:1;height:18px;border-radius:4px;background:rgba(255,255,255,0.2)}.loading-skeleton--menu-expanded .loading-skeleton__title{display:block}.loading-skeleton__expander{width:40px;height:40px;border-radius:4px;background:rgba(255,255,255,0.2)}.loading-skeleton__header{display:flex;justify-content:flex-end;align-items:center;grid-row:2 / 3;grid-column:2 / 3;padding:0 40px;background:#fff;box-shadow:0 2px 5px 0 rgba(0,0,0,0.15)}.loading-skeleton__header-placeholder{width:
|
|
190
|
+
"loadingScreen": ".loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw}.loading-screen--hidden{display:none}.loading-screen>*+*{margin:24px 0 0}.loading-spinner{width:32px;height:32px}.long-loading-notice{color:#999;font-family:'Open Sans',sans-serif;font-size:12px}.long-loading-notice--hidden{visibility:hidden}.loading-spinner-circle{fill:#213c45;opacity:.2}@keyframes loading-spinner-animation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.loading-spinner-pointer{transform-origin:20px 20px 0;animation:loading-spinner-animation .5s infinite linear}html,body{margin:0;padding:0}.loading-skeleton{display:grid;grid-template-rows:auto 56px 1fr;grid-template-columns:min-content 1fr;height:100vh;width:100vw}.loading-skeleton--hidden{display:none}.loading-skeleton__sr-only{position:absolute;overflow:hidden;clip:rect(0 0 0 0);width:1px;height:1px;white-space:nowrap}.loading-skeleton__sidebar{display:flex;flex-direction:column;grid-row:2 / 4;grid-column:1 / 2;width:80px;background:hsl(240,66%,19%)}.loading-skeleton--menu-expanded .loading-skeleton__sidebar{width:256px}.loading-skeleton--no-navbar .loading-skeleton__sidebar{display:none}.loading-skeleton__navbar-header{display:flex;justify-content:center;align-items:center;padding:16px;height:56px}.loading-skeleton__navbar-body{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:24px;padding:16px}.loading-skeleton__navbar-footer{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:16px 0}.loading-skeleton--menu-expanded .loading-skeleton__navbar-footer{padding:16px 58px}.loading-skeleton__navbar-footer::before{content:'';position:absolute;top:0;width:calc(100% - 2 * 16px);height:1px;background:rgba(255,255,255,0.5)}.loading-skeleton__group{width:100%}.loading-skeleton__item{display:flex;justify-content:center;align-items:center;gap:12px;padding:12px;height:48px}.loading-skeleton--menu-expanded .loading-skeleton__item--narrow{padding:12px 28px}.loading-skeleton__icon{width:24px;height:24px;border-radius:4px;background:rgba(255,255,255,0.2)}.loading-skeleton__title{display:none;flex:1;height:18px;border-radius:4px;background:rgba(255,255,255,0.2)}.loading-skeleton--menu-expanded .loading-skeleton__title{display:block}.loading-skeleton__expander{width:40px;height:40px;border-radius:4px;background:rgba(255,255,255,0.2)}.loading-skeleton__header{display:flex;justify-content:flex-end;align-items:center;grid-row:2 / 3;grid-column:2 / 3;padding:0 40px;background:#fff;box-shadow:0 2px 5px 0 rgba(0,0,0,0.15)}.loading-skeleton__header-placeholder{width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,0.08)}.loading-skeleton__content{display:flex;justify-content:center;align-items:center;grid-row:3 / 4;grid-column:2 / 3}@view-transition{navigation:auto}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation-duration:1ms}}"
|
|
191
191
|
};
|
|
192
192
|
const trimTrailingSlash = value => value.replace(/\/$/, '');
|
|
193
193
|
const replaceHtmlPlaceholders = (indexHtmlContent, options) => indexHtmlContent.replace(new RegExp('__CSP__', 'g'), options.headers?.['Content-Security-Policy'] ?? '').replace(new RegExp('__CDN_URL__', 'g'), options.env.cdnUrl ?
|
|
@@ -162,7 +162,7 @@ const htmlScripts = {
|
|
|
162
162
|
"publicPath": "window.__dynamicImportHandler__=function(n){return window.app.cdnUrl.replace(/\\/$/,\"\")+\"/\"+n.replace(/^(\\.\\/)?/,\"\")},window.__dynamicImportPreload__=function(n){return n.map(n=>window.app.cdnUrl.replace(/\\/$/,\"\")+\"/\"+n)};"
|
|
163
163
|
}; // https://babeljs.io/blog/2017/09/11/zero-config-with-babel-macros
|
|
164
164
|
const htmlStyles = {
|
|
165
|
-
"loadingScreen": ".loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw}.loading-screen--hidden{display:none}.loading-screen>*+*{margin:24px 0 0}.loading-spinner{width:32px;height:32px}.long-loading-notice{color:#999;font-family:'Open Sans',sans-serif;font-size:12px}.long-loading-notice--hidden{visibility:hidden}.loading-spinner-circle{fill:#213c45;opacity:.2}@keyframes loading-spinner-animation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.loading-spinner-pointer{transform-origin:20px 20px 0;animation:loading-spinner-animation .5s infinite linear}html,body{margin:0;padding:0}.loading-skeleton{display:grid;grid-template-rows:auto 56px 1fr;grid-template-columns:min-content 1fr;height:100vh;width:100vw}.loading-skeleton--hidden{display:none}.loading-skeleton__sr-only{position:absolute;overflow:hidden;clip:rect(0 0 0 0);width:1px;height:1px;white-space:nowrap}.loading-skeleton__sidebar{display:flex;flex-direction:column;grid-row:2 / 4;grid-column:1 / 2;width:80px;background:hsl(240,66%,19%)}.loading-skeleton--menu-expanded .loading-skeleton__sidebar{width:256px}.loading-skeleton--no-navbar .loading-skeleton__sidebar{display:none}.loading-skeleton__navbar-header{display:flex;justify-content:center;align-items:center;padding:16px;height:56px}.loading-skeleton__navbar-body{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:24px;padding:16px}.loading-skeleton__navbar-footer{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:16px 0}.loading-skeleton--menu-expanded .loading-skeleton__navbar-footer{padding:16px 58px}.loading-skeleton__navbar-footer::before{content:'';position:absolute;top:0;width:calc(100% - 2 * 16px);height:1px;background:rgba(255,255,255,0.5)}.loading-skeleton__group{width:100%}.loading-skeleton__item{display:flex;justify-content:center;align-items:center;gap:12px;padding:12px;height:48px}.loading-skeleton--menu-expanded .loading-skeleton__item--narrow{padding:12px 28px}.loading-skeleton__icon{width:24px;height:24px;border-radius:4px;background:rgba(255,255,255,0.2)}.loading-skeleton__title{display:none;flex:1;height:18px;border-radius:4px;background:rgba(255,255,255,0.2)}.loading-skeleton--menu-expanded .loading-skeleton__title{display:block}.loading-skeleton__expander{width:40px;height:40px;border-radius:4px;background:rgba(255,255,255,0.2)}.loading-skeleton__header{display:flex;justify-content:flex-end;align-items:center;grid-row:2 / 3;grid-column:2 / 3;padding:0 40px;background:#fff;box-shadow:0 2px 5px 0 rgba(0,0,0,0.15)}.loading-skeleton__header-placeholder{width:
|
|
165
|
+
"loadingScreen": ".loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw}.loading-screen--hidden{display:none}.loading-screen>*+*{margin:24px 0 0}.loading-spinner{width:32px;height:32px}.long-loading-notice{color:#999;font-family:'Open Sans',sans-serif;font-size:12px}.long-loading-notice--hidden{visibility:hidden}.loading-spinner-circle{fill:#213c45;opacity:.2}@keyframes loading-spinner-animation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.loading-spinner-pointer{transform-origin:20px 20px 0;animation:loading-spinner-animation .5s infinite linear}html,body{margin:0;padding:0}.loading-skeleton{display:grid;grid-template-rows:auto 56px 1fr;grid-template-columns:min-content 1fr;height:100vh;width:100vw}.loading-skeleton--hidden{display:none}.loading-skeleton__sr-only{position:absolute;overflow:hidden;clip:rect(0 0 0 0);width:1px;height:1px;white-space:nowrap}.loading-skeleton__sidebar{display:flex;flex-direction:column;grid-row:2 / 4;grid-column:1 / 2;width:80px;background:hsl(240,66%,19%)}.loading-skeleton--menu-expanded .loading-skeleton__sidebar{width:256px}.loading-skeleton--no-navbar .loading-skeleton__sidebar{display:none}.loading-skeleton__navbar-header{display:flex;justify-content:center;align-items:center;padding:16px;height:56px}.loading-skeleton__navbar-body{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:24px;padding:16px}.loading-skeleton__navbar-footer{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:16px 0}.loading-skeleton--menu-expanded .loading-skeleton__navbar-footer{padding:16px 58px}.loading-skeleton__navbar-footer::before{content:'';position:absolute;top:0;width:calc(100% - 2 * 16px);height:1px;background:rgba(255,255,255,0.5)}.loading-skeleton__group{width:100%}.loading-skeleton__item{display:flex;justify-content:center;align-items:center;gap:12px;padding:12px;height:48px}.loading-skeleton--menu-expanded .loading-skeleton__item--narrow{padding:12px 28px}.loading-skeleton__icon{width:24px;height:24px;border-radius:4px;background:rgba(255,255,255,0.2)}.loading-skeleton__title{display:none;flex:1;height:18px;border-radius:4px;background:rgba(255,255,255,0.2)}.loading-skeleton--menu-expanded .loading-skeleton__title{display:block}.loading-skeleton__expander{width:40px;height:40px;border-radius:4px;background:rgba(255,255,255,0.2)}.loading-skeleton__header{display:flex;justify-content:flex-end;align-items:center;grid-row:2 / 3;grid-column:2 / 3;padding:0 40px;background:#fff;box-shadow:0 2px 5px 0 rgba(0,0,0,0.15)}.loading-skeleton__header-placeholder{width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,0.08)}.loading-skeleton__content{display:flex;justify-content:center;align-items:center;grid-row:3 / 4;grid-column:2 / 3}@view-transition{navigation:auto}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation-duration:1ms}}"
|
|
166
166
|
};
|
|
167
167
|
const trimTrailingSlash = value => value.replace(/\/$/, '');
|
|
168
168
|
const replaceHtmlPlaceholders = (indexHtmlContent, options) => indexHtmlContent.replace(new RegExp('__CSP__', 'g'), options.headers?.['Content-Security-Policy'] ?? '').replace(new RegExp('__CDN_URL__', 'g'), options.env.cdnUrl ?
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-frontend/mc-html-template",
|
|
3
|
-
"version": "27.
|
|
3
|
+
"version": "27.14.0",
|
|
4
4
|
"description": "Everything related to render the index.html for a MC application",
|
|
5
5
|
"bugs": "https://github.com/commercetools/merchant-center-application-kit/issues",
|
|
6
6
|
"repository": {
|
|
@@ -41,8 +41,8 @@
|
|
|
41
41
|
"serialize-javascript": "7.1.0",
|
|
42
42
|
"uglify-js": "3.19.3",
|
|
43
43
|
"uglifycss": "0.0.29",
|
|
44
|
-
"@commercetools-frontend/application-config": "^27.
|
|
45
|
-
"@commercetools-frontend/constants": "^27.
|
|
44
|
+
"@commercetools-frontend/application-config": "^27.14.0",
|
|
45
|
+
"@commercetools-frontend/constants": "^27.14.0"
|
|
46
46
|
},
|
|
47
47
|
"devDependencies": {
|
|
48
48
|
"@tsconfig/node24": "^24.0.0",
|