@rio-cloud/rio-uikit 2.0.0-beta.1 → 2.0.0

package/utils/init/checkForReleaseVersion.js

@@ -1,17 +1,17 @@
-import { version } from '../../version.json';
-import { getConsoleStyle } from "./styledLogs.js";
-const versionsListUrl = 'https://uikit.developers.rio.cloud/versionsList.json';
-export const checkForReleaseVersion = async () => {
-    const logStyled = (message) => console.log('%c%s', getConsoleStyle(), message);
-    try {
-        const response = await fetch(versionsListUrl);
-        const { latest_release } = await response.json();
-        if (latest_release > version) {
-            logStyled(`🆕 You are using version ${version} of the UIKIT while the latest released version is ` +
-                `${latest_release}. Please consider updating asap.`);
-        }
-    }
-    catch (error) {
-        logStyled('Failed to fetch UIKIT version list.');
-    }
+import { version as t } from "../../version.js";
+import { getConsoleStyle as r } from "./styledLogs.js";
+const i = "https://uikit.developers.rio.cloud/versionsList.json", a = async () => {
+  const s = (e) => console.log("%c%s", r(), e);
+  try {
+    const e = await fetch(i), { latest_release: o } = await e.json();
+    o > t && s(
+      `🆕 You are using version ${t} of the UIKIT while the latest released version is ${o}. Please consider updating asap.`
+    );
+  } catch {
+    s("Failed to fetch UIKIT version list.");
+  }
 };
+export {
+  a as checkForReleaseVersion
+};
+//# sourceMappingURL=checkForReleaseVersion.js.map

package/utils/init/checkForReleaseVersion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkForReleaseVersion.js","sources":["../../../src/utils/init/checkForReleaseVersion.ts"],"sourcesContent":["import { version } from '../../version';\nimport { getConsoleStyle } from './styledLogs';\n\nconst versionsListUrl = 'https://uikit.developers.rio.cloud/versionsList.json';\n\nexport const checkForReleaseVersion = async () => {\n    const logStyled = (message: string) => console.log('%c%s', getConsoleStyle(), message);\n\n    try {\n        const response = await fetch(versionsListUrl);\n        const { latest_release } = await response.json();\n\n        if (latest_release > version) {\n            logStyled(\n                `🆕 You are using version ${version} of the UIKIT while the latest released version is ` +\n                    `${latest_release}. Please consider updating asap.`\n            );\n        }\n    } catch (error) {\n        logStyled('Failed to fetch UIKIT version list.');\n    }\n};\n"],"names":["versionsListUrl","checkForReleaseVersion","logStyled","message","getConsoleStyle","response","latest_release","version"],"mappings":";;AAGA,MAAMA,IAAkB,wDAEXC,IAAyB,YAAY;AAC9C,QAAMC,IAAY,CAACC,MAAoB,QAAQ,IAAI,QAAQC,EAAA,GAAmBD,CAAO;AAErF,MAAI;AACA,UAAME,IAAW,MAAM,MAAML,CAAe,GACtC,EAAE,gBAAAM,EAAA,IAAmB,MAAMD,EAAS,KAAA;AAE1C,IAAIC,IAAiBC,KACjBL;AAAA,MACI,4BAA4BK,CAAO,sDAC5BD,CAAc;AAAA,IAAA;AAAA,EAGjC,QAAgB;AACZ,IAAAJ,EAAU,qCAAqC;AAAA,EACnD;AACJ;"}

package/utils/init/doNotUseTailwind.js

@@ -1,53 +1,47 @@
-import { getConsoleStyle } from "./styledLogs.js";
-export const doNotUseTailwind = async () => {
-    // Detect Tailwind CSS in linked stylesheets
-    const links = document.querySelectorAll('link[rel="stylesheet"]');
-    for (const link of links) {
-        try {
-            const response = await fetch(link.href);
-            const cssText = await response.text();
-            if (cssText.includes('--tw')) {
-                return true; // Tailwind detected
-            }
-        }
-        catch (error) {
-            console.warn(`Failed to fetch CSS file: ${link.href}`, error);
-        }
-    }
-    // Detect Tailwind CSS in <style> tags
-    const styleTags = document.querySelectorAll('style');
-    for (const style of styleTags) {
-        if (style.textContent?.includes('--tw')) {
-            return true; // Tailwind detected
-        }
+import { getConsoleStyle as o } from "./styledLogs.js";
+const a = async () => {
+  const e = document.querySelectorAll('link[rel="stylesheet"]');
+  for (const n of e)
+    try {
+      if ((await (await fetch(n.href)).text()).includes("--tw"))
+        return !0;
+    } catch (t) {
+      console.warn(`Failed to fetch CSS file: ${n.href}`, t);
     }
-    return false; // Tailwind not detected
+  const i = document.querySelectorAll("style");
+  for (const n of i)
+    if (n.textContent?.includes("--tw"))
+      return !0;
+  return !1;
 };
-// Global flag to track if Tailwind has been detected
-let tailwindDetected = false;
-// Initial detection of Tailwind CSS
+let s = !1;
 (async () => {
-    try {
-        tailwindDetected = await doNotUseTailwind();
-    }
-    catch (error) {
-        console.error('Error during Tailwind detection:', error);
-    }
+  try {
+    s = await a();
+  } catch (e) {
+    console.error("Error during Tailwind detection:", e);
+  }
 })();
-// Repeatedly log messages every 10 seconds if Tailwind was detected
 setInterval(() => {
-    if (tailwindDetected) {
-        const message = [
-            'TAILWIND DETECTED!!!',
-            'Using Tailwind CSS in combination with the RIO UIKIT is strongly discouraged because it can lead to significant design and development issues.',
-            'The RIO UIKIT is a component-driven design system with carefully crafted styles to ensure consistent branding and user experience.',
-            'Tailwind CSS, as a utility-first framework, introduces inline styling that can conflict with the RIO UIKIT’s predefined component styles.',
-            'This can result in overridden styles, broken layouts, inconsistent spacings, inconsistent design language, and increased maintenance complexity.',
-            'Tailwind’s global reset styles may also disrupt the base styles of the RIO UIKIT, causing unintended visual changes.',
-            'Furthermore, mixing the two systems creates unnecessary redundancy, increases CSS bundle size, and complicates debugging and future updates.',
-            'To ensure a cohesive, maintainable, and professional design system, it is essential to rely solely on the RIO UIKIT and its customization options rather than introducing conflicting styling frameworks.',
-            'WE MAY TECHNICALLY DISABLE TAILWIND FUNCTIONALITY IN THE FUTURE.\nPLEASE DO NOT USE TAILWIND!',
-        ].join('\n\n');
-        console.warn('%c%s', getConsoleStyle(), message);
-    }
-}, 10_000);
+  if (s) {
+    const e = [
+      "TAILWIND DETECTED!!!",
+      "Using Tailwind CSS in combination with the RIO UIKIT is strongly discouraged because it can lead to significant design and development issues.",
+      "The RIO UIKIT is a component-driven design system with carefully crafted styles to ensure consistent branding and user experience.",
+      "Tailwind CSS, as a utility-first framework, introduces inline styling that can conflict with the RIO UIKIT’s predefined component styles.",
+      "This can result in overridden styles, broken layouts, inconsistent spacings, inconsistent design language, and increased maintenance complexity.",
+      "Tailwind’s global reset styles may also disrupt the base styles of the RIO UIKIT, causing unintended visual changes.",
+      "Furthermore, mixing the two systems creates unnecessary redundancy, increases CSS bundle size, and complicates debugging and future updates.",
+      "To ensure a cohesive, maintainable, and professional design system, it is essential to rely solely on the RIO UIKIT and its customization options rather than introducing conflicting styling frameworks.",
+      `WE MAY TECHNICALLY DISABLE TAILWIND FUNCTIONALITY IN THE FUTURE.
+PLEASE DO NOT USE TAILWIND!`
+    ].join(`
+
+`);
+    console.warn("%c%s", o(), e);
+  }
+}, 1e4);
+export {
+  a as doNotUseTailwind
+};
+//# sourceMappingURL=doNotUseTailwind.js.map

package/utils/init/doNotUseTailwind.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"doNotUseTailwind.js","sources":["../../../src/utils/init/doNotUseTailwind.ts"],"sourcesContent":["import { getConsoleStyle } from './styledLogs';\n\nexport const doNotUseTailwind = async () => {\n    // Detect Tailwind CSS in linked stylesheets\n    const links = document.querySelectorAll('link[rel=\"stylesheet\"]') as NodeListOf<HTMLLinkElement>;\n    for (const link of links) {\n        try {\n            const response = await fetch(link.href);\n            const cssText = await response.text();\n\n            if (cssText.includes('--tw')) {\n                return true; // Tailwind detected\n            }\n        } catch (error) {\n            console.warn(`Failed to fetch CSS file: ${link.href}`, error);\n        }\n    }\n\n    // Detect Tailwind CSS in <style> tags\n    const styleTags = document.querySelectorAll('style') as NodeListOf<HTMLStyleElement>;\n    for (const style of styleTags) {\n        if (style.textContent?.includes('--tw')) {\n            return true; // Tailwind detected\n        }\n    }\n\n    return false; // Tailwind not detected\n};\n\n// Global flag to track if Tailwind has been detected\nlet tailwindDetected = false;\n\n// Initial detection of Tailwind CSS\n(async () => {\n    try {\n        tailwindDetected = await doNotUseTailwind();\n    } catch (error) {\n        console.error('Error during Tailwind detection:', error);\n    }\n})();\n\n// Repeatedly log messages every 10 seconds if Tailwind was detected\nsetInterval(() => {\n    if (tailwindDetected) {\n        const message = [\n            'TAILWIND DETECTED!!!',\n            'Using Tailwind CSS in combination with the RIO UIKIT is strongly discouraged because it can lead to significant design and development issues.',\n            'The RIO UIKIT is a component-driven design system with carefully crafted styles to ensure consistent branding and user experience.',\n            'Tailwind CSS, as a utility-first framework, introduces inline styling that can conflict with the RIO UIKIT’s predefined component styles.',\n            'This can result in overridden styles, broken layouts, inconsistent spacings, inconsistent design language, and increased maintenance complexity.',\n            'Tailwind’s global reset styles may also disrupt the base styles of the RIO UIKIT, causing unintended visual changes.',\n            'Furthermore, mixing the two systems creates unnecessary redundancy, increases CSS bundle size, and complicates debugging and future updates.',\n            'To ensure a cohesive, maintainable, and professional design system, it is essential to rely solely on the RIO UIKIT and its customization options rather than introducing conflicting styling frameworks.',\n            'WE MAY TECHNICALLY DISABLE TAILWIND FUNCTIONALITY IN THE FUTURE.\\nPLEASE DO NOT USE TAILWIND!',\n        ].join('\\n\\n');\n        console.warn('%c%s', getConsoleStyle(), message);\n    }\n}, 10_000);\n"],"names":["doNotUseTailwind","links","link","error","styleTags","style","tailwindDetected","message","getConsoleStyle"],"mappings":";AAEO,MAAMA,IAAmB,YAAY;AAExC,QAAMC,IAAQ,SAAS,iBAAiB,wBAAwB;AAChE,aAAWC,KAAQD;AACf,QAAI;AAIA,WAFgB,OADC,MAAM,MAAMC,EAAK,IAAI,GACP,KAAA,GAEnB,SAAS,MAAM;AACvB,eAAO;AAAA,IAEf,SAASC,GAAO;AACZ,cAAQ,KAAK,6BAA6BD,EAAK,IAAI,IAAIC,CAAK;AAAA,IAChE;AAIJ,QAAMC,IAAY,SAAS,iBAAiB,OAAO;AACnD,aAAWC,KAASD;AAChB,QAAIC,EAAM,aAAa,SAAS,MAAM;AAClC,aAAO;AAIf,SAAO;AACX;AAGA,IAAIC,IAAmB;AAAA,CAGtB,YAAY;AACT,MAAI;AACA,IAAAA,IAAmB,MAAMN,EAAA;AAAA,EAC7B,SAASG,GAAO;AACZ,YAAQ,MAAM,oCAAoCA,CAAK;AAAA,EAC3D;AACJ,GAAA;AAGA,YAAY,MAAM;AACd,MAAIG,GAAkB;AAClB,UAAMC,IAAU;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAAA,EACF,KAAK;AAAA;AAAA,CAAM;AACb,YAAQ,KAAK,QAAQC,EAAA,GAAmBD,CAAO;AAAA,EACnD;AACJ,GAAG,GAAM;"}

package/utils/init/initCSS.js

@@ -1,72 +1,40 @@
-import { debug, isInIframe } from "./initConfig.js";
-import { version } from '../../version.json';
-const documentHas = (selector) => !!document.head.querySelector(selector);
-const documentHasAnyOf = (selectors) => selectors.some(documentHas);
-const BRANDS = ['rio', 'man', 'vw', 'scania', 'traton'];
-const isValidBrand = (input) => BRANDS.includes(input);
-const getBrand = (input) => (isValidBrand(input) ? input : 'rio');
-export const initCSS = () => {
-    if (!window.CSS || !window.CSS.supports || !window.CSS.supports('gap: 1px')) {
-        document.documentElement.classList.add('css-no-gap');
-    }
-    if (isInIframe) {
-        document.documentElement.classList.add('window-iframe');
-    }
-    if (document.title?.includes('UIKIT Demo')) {
-        return;
-    }
-    debug('Checking for UIKIT CSS in document head.');
-    const hasUikitCssLink = documentHasAnyOf(['link[href*="rio-uikit.css"]', 'link[href*="rio-uikit-core.css"]']);
-    const isUikitDemoPage = documentHas('style[data-vite-dev-id*="uikit.scss"]');
-    const hasUikitBrandCssLink = documentHasAnyOf([
-        'link[href*="man-uikit.css"]',
-        'link[href*="vw-uikit.css"]',
-        'link[href*="scania-uikit.css"]',
-        'link[href*="traton-uikit.css"]',
-        'link[href*="rio-website.css"]',
-    ]);
-    if (hasUikitCssLink || isUikitDemoPage || hasUikitBrandCssLink) {
-        debug('UIKIT CSS found in document head.');
-        return;
-    }
-    // If nothing is set, add a link tag to fetch the CSS from the UIKIT CDN.
-    // Note: there is no way to differentiate between core + responsive or full CSS
-    debug('No UIKIT CSS found => append link tag to document head.');
-    const brand = getBrand(document.documentElement.dataset.brand);
-    const link = document.createElement('link');
-    link.rel = 'stylesheet';
-    link.type = 'text/css';
-    link.href = `https://uikit.developers.rio.cloud/${version}/${brand}-uikit.css`;
-    document.head.appendChild(link);
+import { isInIframe as u, debug as o } from "./initConfig.js";
+import { version as r } from "../../version.js";
+const d = (e) => !!document.head.querySelector(e), c = (e) => e.some(d), a = ["rio", "man", "vw", "scania", "traton"], l = (e) => a.includes(e), m = (e) => l(e) ? e : "rio", f = () => {
+  if ((!window.CSS || !window.CSS.supports || !window.CSS.supports("gap: 1px")) && document.documentElement.classList.add("css-no-gap"), u && document.documentElement.classList.add("window-iframe"), document.title?.includes("UIKIT Demo"))
+    return;
+  o("Checking for UIKIT CSS in document head.");
+  const e = c(['link[href*="rio-uikit.css"]', 'link[href*="rio-uikit-core.css"]']), t = d('style[data-vite-dev-id*="uikit.scss"]'), i = c([
+    'link[href*="man-uikit.css"]',
+    'link[href*="vw-uikit.css"]',
+    'link[href*="scania-uikit.css"]',
+    'link[href*="traton-uikit.css"]',
+    'link[href*="rio-website.css"]'
+  ]);
+  if (e || t || i) {
+    o("UIKIT CSS found in document head.");
+    return;
+  }
+  o("No UIKIT CSS found => append link tag to document head.");
+  const n = m(document.documentElement.dataset.brand), s = document.createElement("link");
+  s.rel = "stylesheet", s.type = "text/css", s.href = `https://uikit.developers.rio.cloud/${r}/${n}-uikit.css`, document.head.appendChild(s);
+}, S = () => {
+  [...document.querySelectorAll('link[rel="stylesheet"]')].forEach((t) => {
+    const { href: i } = t;
+    if (i.includes("uikit.developers.rio.cloud")) {
+      const [, n] = new URL(i).pathname.split("/");
+      i.includes(r) || console.warn(
+        `You are using different UIKIT JS and CSS versions.
+Your current JS version is ${r} and your current CSS version is ${n}.
+If this is not on purpose, please fix it. Otherwise, this may lead to UI bugs.`
+      );
+    } else i.includes("cdn.rio.cloud/libs/rio-uikit") && console.error(
+      'You are still using an old "cdn.rio.cloud" css import. This will most likely cause major UI bugs! Please update to the CSS URLs as explained on https://uikit.developers.rio.cloud/#start/howto.'
+    );
+  });
 };
-export const checkCSSVersion = () => {
-    const cssLinks = [...document.querySelectorAll('link[rel="stylesheet"]')];
-    cssLinks.forEach(cssLink => {
-        const { href } = cssLink;
-        if (href.includes('uikit.developers.rio.cloud')) {
-            const [, uikitVersionCSS] = new URL(href).pathname.split('/');
-            if (!href.includes(version)) {
-                console.warn('You are using different UIKIT JS and CSS versions.\n' +
-                    `Your current JS version is ${version} and ` +
-                    `your current CSS version is ${uikitVersionCSS}.\n` +
-                    'If this is not on purpose, please fix it. Otherwise, this may lead to UI bugs.');
-            }
-        }
-        else if (href.includes('cdn.rio.cloud/libs/rio-uikit')) {
-            console.error('You are still using an old "cdn.rio.cloud" css import. This will most likely cause major UI bugs! ' +
-                'Please update to the CSS URLs as explained on https://uikit.developers.rio.cloud/#start/howto.');
-        }
-    });
+export {
+  S as checkCSSVersion,
+  f as initCSS
 };
-// remote URL is not supported by most browsers yet
-// export const addTabsClippingSVG = () => {
-//     const clippingSVG = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
-//     clippingSVG.setAttribute('width', '0');
-//     clippingSVG.setAttribute('height', '0');
-//     clippingSVG.setAttribute('id', 'tabs-rounded-clipping-mask');
-//     clippingSVG.innerHTML = `
-//         <clipPath id='tabs-rounded-clip-mask'>
-//             <path fill-rule='evenodd' d='M0 4a4 4 0 0 0 4-4v4z' />
-//         </clipPath>`;
-//     document.body.appendChild(clippingSVG);
-// };
+//# sourceMappingURL=initCSS.js.map

package/utils/init/initCSS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"initCSS.js","sources":["../../../src/utils/init/initCSS.ts"],"sourcesContent":["import { debug, isInIframe } from './initConfig';\nimport { version } from '../../version';\n\nconst documentHas = (selector: string) => !!document.head.querySelector(selector);\nconst documentHasAnyOf = (selectors: string[]) => selectors.some(documentHas);\n\ntype Brand = (typeof BRANDS)[number];\n\nconst BRANDS = ['rio', 'man', 'vw', 'scania', 'traton'] as const;\n\nconst isValidBrand = (input: unknown): input is Brand => BRANDS.includes(input as any);\n\nconst getBrand = (input: unknown): Brand => (isValidBrand(input) ? input : 'rio');\n\nexport const initCSS = () => {\n    if (!window.CSS || !window.CSS.supports || !window.CSS.supports('gap: 1px')) {\n        document.documentElement.classList.add('css-no-gap');\n    }\n\n    if (isInIframe) {\n        document.documentElement.classList.add('window-iframe');\n    }\n\n    if (document.title?.includes('UIKIT Demo')) {\n        return;\n    }\n\n    debug('Checking for UIKIT CSS in document head.');\n\n    const hasUikitCssLink = documentHasAnyOf(['link[href*=\"rio-uikit.css\"]', 'link[href*=\"rio-uikit-core.css\"]']);\n    const isUikitDemoPage = documentHas('style[data-vite-dev-id*=\"uikit.scss\"]');\n    const hasUikitBrandCssLink = documentHasAnyOf([\n        'link[href*=\"man-uikit.css\"]',\n        'link[href*=\"vw-uikit.css\"]',\n        'link[href*=\"scania-uikit.css\"]',\n        'link[href*=\"traton-uikit.css\"]',\n        'link[href*=\"rio-website.css\"]',\n    ]);\n\n    if (hasUikitCssLink || isUikitDemoPage || hasUikitBrandCssLink) {\n        debug('UIKIT CSS found in document head.');\n        return;\n    }\n\n    // If nothing is set, add a link tag to fetch the CSS from the UIKIT CDN.\n    // Note: there is no way to differentiate between core + responsive or full CSS\n    debug('No UIKIT CSS found => append link tag to document head.');\n\n    const brand = getBrand(document.documentElement.dataset.brand);\n\n    const link = document.createElement('link');\n    link.rel = 'stylesheet';\n    link.type = 'text/css';\n    link.href = `https://uikit.developers.rio.cloud/${version}/${brand}-uikit.css`;\n\n    document.head.appendChild(link);\n};\n\nexport const checkCSSVersion = () => {\n    const cssLinks = [...document.querySelectorAll('link[rel=\"stylesheet\"]')] as HTMLLinkElement[];\n    cssLinks.forEach(cssLink => {\n        const { href } = cssLink;\n\n        if (href.includes('uikit.developers.rio.cloud')) {\n            const [, uikitVersionCSS] = new URL(href).pathname.split('/');\n\n            if (!href.includes(version)) {\n                console.warn(\n                    'You are using different UIKIT JS and CSS versions.\\n' +\n                        `Your current JS version is ${version} and ` +\n                        `your current CSS version is ${uikitVersionCSS}.\\n` +\n                        'If this is not on purpose, please fix it. Otherwise, this may lead to UI bugs.'\n                );\n            }\n        } else if (href.includes('cdn.rio.cloud/libs/rio-uikit')) {\n            console.error(\n                'You are still using an old \"cdn.rio.cloud\" css import. This will most likely cause major UI bugs! ' +\n                    'Please update to the CSS URLs as explained on https://uikit.developers.rio.cloud/#start/howto.'\n            );\n        }\n    });\n};\n\n// remote URL is not supported by most browsers yet\n// export const addTabsClippingSVG = () => {\n//     const clippingSVG = document.createElementNS('http://www.w3.org/2000/svg', 'svg');\n//     clippingSVG.setAttribute('width', '0');\n//     clippingSVG.setAttribute('height', '0');\n//     clippingSVG.setAttribute('id', 'tabs-rounded-clipping-mask');\n//     clippingSVG.innerHTML = `\n//         <clipPath id='tabs-rounded-clip-mask'>\n//             <path fill-rule='evenodd' d='M0 4a4 4 0 0 0 4-4v4z' />\n//         </clipPath>`;\n//     document.body.appendChild(clippingSVG);\n// };\n"],"names":["documentHas","selector","documentHasAnyOf","selectors","BRANDS","isValidBrand","input","getBrand","initCSS","isInIframe","debug","hasUikitCssLink","isUikitDemoPage","hasUikitBrandCssLink","brand","link","version","checkCSSVersion","cssLink","href","uikitVersionCSS"],"mappings":";;AAGA,MAAMA,IAAc,CAACC,MAAqB,CAAC,CAAC,SAAS,KAAK,cAAcA,CAAQ,GAC1EC,IAAmB,CAACC,MAAwBA,EAAU,KAAKH,CAAW,GAItEI,IAAS,CAAC,OAAO,OAAO,MAAM,UAAU,QAAQ,GAEhDC,IAAe,CAACC,MAAmCF,EAAO,SAASE,CAAY,GAE/EC,IAAW,CAACD,MAA2BD,EAAaC,CAAK,IAAIA,IAAQ,OAE9DE,IAAU,MAAM;AASzB,OARI,CAAC,OAAO,OAAO,CAAC,OAAO,IAAI,YAAY,CAAC,OAAO,IAAI,SAAS,UAAU,MACtE,SAAS,gBAAgB,UAAU,IAAI,YAAY,GAGnDC,KACA,SAAS,gBAAgB,UAAU,IAAI,eAAe,GAGtD,SAAS,OAAO,SAAS,YAAY;AACrC;AAGJ,EAAAC,EAAM,0CAA0C;AAEhD,QAAMC,IAAkBT,EAAiB,CAAC,+BAA+B,kCAAkC,CAAC,GACtGU,IAAkBZ,EAAY,uCAAuC,GACrEa,IAAuBX,EAAiB;AAAA,IAC1C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACH;AAED,MAAIS,KAAmBC,KAAmBC,GAAsB;AAC5D,IAAAH,EAAM,mCAAmC;AACzC;AAAA,EACJ;AAIA,EAAAA,EAAM,yDAAyD;AAE/D,QAAMI,IAAQP,EAAS,SAAS,gBAAgB,QAAQ,KAAK,GAEvDQ,IAAO,SAAS,cAAc,MAAM;AAC1C,EAAAA,EAAK,MAAM,cACXA,EAAK,OAAO,YACZA,EAAK,OAAO,sCAAsCC,CAAO,IAAIF,CAAK,cAElE,SAAS,KAAK,YAAYC,CAAI;AAClC,GAEaE,IAAkB,MAAM;AAEjC,EADiB,CAAC,GAAG,SAAS,iBAAiB,wBAAwB,CAAC,EAC/D,QAAQ,CAAAC,MAAW;AACxB,UAAM,EAAE,MAAAC,MAASD;AAEjB,QAAIC,EAAK,SAAS,4BAA4B,GAAG;AAC7C,YAAM,CAAA,EAAGC,CAAe,IAAI,IAAI,IAAID,CAAI,EAAE,SAAS,MAAM,GAAG;AAE5D,MAAKA,EAAK,SAASH,CAAO,KACtB,QAAQ;AAAA,QACJ;AAAA,6BACkCA,CAAO,oCACNI,CAAe;AAAA;AAAA,MAAA;AAAA,IAI9D,MAAA,CAAWD,EAAK,SAAS,8BAA8B,KACnD,QAAQ;AAAA,MACJ;AAAA,IAAA;AAAA,EAIZ,CAAC;AACL;"}

package/utils/init/initConfig.js

@@ -1,7 +1,10 @@
-import process from 'process';
-import { inIframe } from "../deviceUtils.js";
-// Note: using import.meta.env.DEV does not work here due to backward compatibility with webpack and jest setups
-export const isProd = process.env.NODE_ENV === 'production' || location.protocol.startsWith('https');
-export const isTest = process.env.NODE_ENV === 'test';
-export const isInIframe = inIframe();
-export const debug = (message) => !isTest && console.debug(message);
+import o from "process";
+import { inIframe as s } from "../deviceUtils.js";
+o.env.NODE_ENV === "production" || location.protocol.startsWith("https");
+const e = o.env.NODE_ENV === "test", c = s(), i = (t) => !e && console.debug(t);
+export {
+  i as debug,
+  c as isInIframe,
+  e as isTest
+};
+//# sourceMappingURL=initConfig.js.map

package/utils/init/initConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"initConfig.js","sources":["../../../src/utils/init/initConfig.ts"],"sourcesContent":["import process from 'process';\n\nimport { inIframe } from '../deviceUtils';\n\n// Note: using import.meta.env.DEV does not work here due to backward compatibility with webpack and jest setups\nexport const isProd = process.env.NODE_ENV === 'production' || location.protocol.startsWith('https');\nexport const isTest = process.env.NODE_ENV === 'test';\n\nexport const isInIframe = inIframe();\n\nexport const debug = (message: string) => !isTest && console.debug(message);\n"],"names":["process","isTest","isInIframe","inIframe","debug","message"],"mappings":";;AAKsBA,EAAQ,IAAI,aAAa,gBAAgB,SAAS,SAAS,WAAW,OAAO;AAC5F,MAAMC,IAASD,EAAQ,IAAI,aAAa,QAElCE,IAAaC,EAAA,GAEbC,IAAQ,CAACC,MAAoB,CAACJ,KAAU,QAAQ,MAAMI,CAAO;"}

package/utils/init/initDocumentBootstrapping.js

@@ -1,38 +1,22 @@
-import { getColorScheme, listenForSchemeChange } from "../colorScheme.js";
-import { isTest, isInIframe } from "./initConfig.js";
-import { usedUikitVersion } from "./usedUikitVersion.js";
-import { weAreHiring } from "./weAreHiring.js";
-import { doNotUseTailwind } from "./doNotUseTailwind.js";
-import { checkCSSVersion, initCSS } from "./initCSS.js";
-import { checkForReleaseVersion } from "./checkForReleaseVersion.js";
-import { getConsoleStyle } from "./styledLogs.js";
-import { initPiiObserver } from "./initPiiObserver.js";
-export const initDocumentBootstrapping = async () => {
-    if (!document || !document.documentElement) {
-        return;
+import { getColorScheme as i, listenForSchemeChange as r } from "../colorScheme.js";
+import { isTest as t, isInIframe as m } from "./initConfig.js";
+import { usedUikitVersion as n } from "./usedUikitVersion.js";
+import { weAreHiring as s } from "./weAreHiring.js";
+import { doNotUseTailwind as c } from "./doNotUseTailwind.js";
+import { initCSS as f, checkCSSVersion as p } from "./initCSS.js";
+import { checkForReleaseVersion as l } from "./checkForReleaseVersion.js";
+import { getConsoleStyle as a } from "./styledLogs.js";
+import { initPiiObserver as S } from "./initPiiObserver.js";
+const F = async () => {
+  if (!(!document || !document.documentElement)) {
+    if (f(), !t && (S(), i(), r(), await l(), p(), !m)) {
+      const o = (e) => console.log("%c%s", a(), e);
+      o("- - - - - - - - - - - - - - - - - -"), n(), s(), o("- - - - - - - - - - - - - - - - - -");
     }
-    // Initialize the CSS setup
-    initCSS();
-    if (!isTest) {
-        // Initialize PII observer
-        initPiiObserver();
-        // Handle the current color scheme (e.g., light/dark mode)
-        getColorScheme();
-        listenForSchemeChange();
-        // Verify the UIKIT version of the application
-        await checkForReleaseVersion();
-        // Ensure the correct CSS version is being used
-        checkCSSVersion();
-        if (!isInIframe) {
-            const logStyled = (message) => console.log('%c%s', getConsoleStyle(), message);
-            logStyled('- - - - - - - - - - - - - - - - - -');
-            // Log or validate the UI Kit version
-            usedUikitVersion();
-            // Show a hiring message
-            weAreHiring();
-            logStyled('- - - - - - - - - - - - - - - - - -');
-        }
-    }
-    // Enforce the rule that Tailwind CSS should not be used
-    await doNotUseTailwind();
+    await c();
+  }
+};
+export {
+  F as initDocumentBootstrapping
 };
+//# sourceMappingURL=initDocumentBootstrapping.js.map

package/utils/init/initDocumentBootstrapping.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"initDocumentBootstrapping.js","sources":["../../../src/utils/init/initDocumentBootstrapping.ts"],"sourcesContent":["import { getColorScheme, listenForSchemeChange } from '../colorScheme';\nimport { isTest, isInIframe } from './initConfig';\nimport { usedUikitVersion } from './usedUikitVersion';\nimport { weAreHiring } from './weAreHiring';\nimport { doNotUseTailwind } from './doNotUseTailwind';\nimport { checkCSSVersion, initCSS } from './initCSS';\nimport { checkForReleaseVersion } from './checkForReleaseVersion';\nimport { getConsoleStyle } from './styledLogs';\nimport { initPiiObserver } from './initPiiObserver';\n\nexport const initDocumentBootstrapping = async () => {\n    if (!document || !document.documentElement) {\n        return;\n    }\n\n    // Initialize the CSS setup\n    initCSS();\n\n    if (!isTest) {\n        // Initialize PII observer\n        initPiiObserver();\n\n        // Handle the current color scheme (e.g., light/dark mode)\n        getColorScheme();\n        listenForSchemeChange();\n\n        // Verify the UIKIT version of the application\n        await checkForReleaseVersion();\n\n        // Ensure the correct CSS version is being used\n        checkCSSVersion();\n\n        if (!isInIframe) {\n            const logStyled = (message: string) => console.log('%c%s', getConsoleStyle(), message);\n\n            logStyled('- - - - - - - - - - - - - - - - - -');\n            // Log or validate the UI Kit version\n            usedUikitVersion();\n\n            // Show a hiring message\n            weAreHiring();\n            logStyled('- - - - - - - - - - - - - - - - - -');\n        }\n    }\n\n    // Enforce the rule that Tailwind CSS should not be used\n    await doNotUseTailwind();\n};\n"],"names":["initDocumentBootstrapping","initCSS","isTest","initPiiObserver","getColorScheme","listenForSchemeChange","checkForReleaseVersion","checkCSSVersion","isInIframe","logStyled","message","getConsoleStyle","usedUikitVersion","weAreHiring","doNotUseTailwind"],"mappings":";;;;;;;;;AAUO,MAAMA,IAA4B,YAAY;AACjD,MAAI,GAAC,YAAY,CAAC,SAAS,kBAO3B;AAAA,QAFAC,EAAA,GAEI,CAACC,MAEDC,EAAA,GAGAC,EAAA,GACAC,EAAA,GAGA,MAAMC,EAAA,GAGNC,EAAA,GAEI,CAACC,IAAY;AACb,YAAMC,IAAY,CAACC,MAAoB,QAAQ,IAAI,QAAQC,EAAA,GAAmBD,CAAO;AAErF,MAAAD,EAAU,qCAAqC,GAE/CG,EAAA,GAGAC,EAAA,GACAJ,EAAU,qCAAqC;AAAA,IACnD;AAIJ,UAAMK,EAAA;AAAA;AACV;"}