devextreme-cli 1.11.0 → 1.11.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "devextreme-cli",
-  "version": "1.11.0",
+  "version": "1.11.2",
   "description": "DevExtreme CLI",
   "keywords": [
     "devexpress",
@@ -43,7 +43,7 @@
     "minimist": "^1.2.8",
     "mustache": "^3.2.1",
     "prompts": "^2.4.2",
-    "sass": "^1.89.2",
+    "sass": "^1.92.1",
     "semver": "^5.7.2",
     "strip-bom": "^4.0.0"
   },
@@ -51,14 +51,14 @@
     "@typescript-eslint/eslint-plugin": "^4.33.0",
     "@typescript-eslint/parser": "^4.33.0",
     "babel-eslint": "^10.1.0",
-    "create-vite": "7.0.0",
+    "create-vite": "7.1.1",
     "cross-env": "^5.2.1",
     "eslint": "^7.32.0",
     "eslint-config-angular": "^0.5.0",
-    "eslint-config-prettier": "^8.10.0",
+    "eslint-config-prettier": "^8.10.2",
     "eslint-plugin-angular": "^4.1.0",
     "eslint-plugin-jest": "^22.21.0",
-    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-prettier": "^4.2.5",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-unused-imports": "^1.1.5",
@@ -72,7 +72,7 @@
     "tree-kill-promise": "^1.0.12",
     "typescript": "^4.0.2",
     "typescript-eslint-parser": "^22.0.0",
-    "wait-on": "8.0.3"
+    "wait-on": "8.0.5"
   },
-  "gitHead": "16351e5d8d9dceee7d826668231c3e047d4df3fc"
+  "gitHead": "04bf9bb942b69586a4ed95b47807406844296751"
 }

package/src/templates/nextjs/application/src/theme.tsx

@@ -18,7 +18,7 @@ function toggleTheme(prevTheme<%=#isTypeScript%>: string<%=/isTypeScript%>) {
   const newTheme = getNextTheme(prevTheme);
 
   if (typeof window !== 'undefined') {
-    document.body.classList.replace(
+    document.querySelector('.app')?.classList.replace(
       themeClassNamePrefix + prevTheme,
       themeClassNamePrefix + newTheme
     );
@@ -27,8 +27,7 @@ function toggleTheme(prevTheme<%=#isTypeScript%>: string<%=/isTypeScript%>) {
     const additionalClassNamePostfix = isCurrentThemeDark ? '-' + prevTheme : '';
     const additionalClassName = `${additionalClassNamePrefix}${additionalClassNamePostfix}`
 
-    document.body
-      .querySelector(`.${additionalClassName}`)?.classList
+    document.querySelector('.app')?.querySelector(`.${additionalClassName}`)?.classList
       .replace(additionalClassName, additionalClassNamePrefix + (isCurrentThemeDark ? '' : '-dark'));
 
     currentTheme = newTheme;
@@ -45,8 +44,8 @@ export function useThemeContext() {
   }, []);
 
   useLayoutEffect(() => {
-    if (typeof window !== 'undefined' && !document.body.className.includes(themeClassNamePrefix)) {
-      document.body.classList.add(themeClassNamePrefix + theme);
+    if (typeof window !== 'undefined' && !document.querySelector('.app')?.className.includes(themeClassNamePrefix)) {
+      document.querySelector('.app')?.classList.add(themeClassNamePrefix + theme);
     }
   }, [theme]);
 

package/src/templates/react/application/src/theme.tsx

@@ -16,7 +16,7 @@ function toggleTheme(prevTheme<%=#isTypeScript%>: string<%=/isTypeScript%>) {
   const isCurrentThemeDark = prevTheme === 'dark';
   const newTheme = getNextTheme(prevTheme);
 
-  document.body.classList.replace(
+  document.getElementById('root')?.classList.replace(
     themeClassNamePrefix + prevTheme,
     themeClassNamePrefix + newTheme
   );
@@ -25,8 +25,7 @@ function toggleTheme(prevTheme<%=#isTypeScript%>: string<%=/isTypeScript%>) {
   const additionalClassNamePostfix = isCurrentThemeDark ? '-' + prevTheme : '';
   const additionalClassName = `${additionalClassNamePrefix}${additionalClassNamePostfix}`
 
-  document.body
-    .querySelector(`.${additionalClassName}`)?.classList
+  document.getElementById('root')?.querySelector(`.${additionalClassName}`)?.classList
     .replace(additionalClassName, additionalClassNamePrefix + (isCurrentThemeDark ? '' : '-dark'));
 
   currentTheme = newTheme;
@@ -41,8 +40,8 @@ export function useThemeContext() {
     return currentTheme === 'dark';
   }, []);
 
-  if (!document.body.className.includes(themeClassNamePrefix)) {
-    document.body.classList.add(themeClassNamePrefix + theme);
+  if (!document.getElementById('root')?.className.includes(themeClassNamePrefix)) {
+    document.getElementById('root')?.classList.add(themeClassNamePrefix + theme);
   }
 
   return useMemo(()=> ({ theme, switchTheme, isDark }), [theme, switchTheme, isDark]);

package/src/templates/vue-v3/application/src/theme-service.js

@@ -7,10 +7,10 @@ class ThemeService {
   isDark = ref(false);
 
   constructor() {
-    if (!document.body.className.includes(this.themeClassNamePrefix)) {
+    if (!document.getElementById('app').className.includes(this.themeClassNamePrefix)) {
       this.currentTheme.value = this.themes[0];
 
-      document.body.classList.add(this.themeClassNamePrefix + this.currentTheme.value);
+      document.getElementById('app').classList.add(this.themeClassNamePrefix + this.currentTheme.value);
     }
   }
 
@@ -20,7 +20,7 @@ class ThemeService {
 
     this.currentTheme.value =  this.themes[prevTheme === this.themes[0] ? 1 : 0];
 
-    document.body.classList.replace(
+    document.getElementById('app').classList.replace(
       this.themeClassNamePrefix + prevTheme,
       this.themeClassNamePrefix + this.currentTheme.value
     );
@@ -29,7 +29,7 @@ class ThemeService {
     const additionalClassNamePostfix = isCurrentThemeDark ? '-' + prevTheme : '';
     const additionalClassName = `${additionalClassNamePrefix}${additionalClassNamePostfix}`
 
-    document.body
+    document.getElementById('app')
       .querySelector(`.${additionalClassName}`)?.classList
       .replace(additionalClassName, additionalClassNamePrefix + (isCurrentThemeDark ? '' : '-dark'));
 

package/src/templates/vue-v3/sample-pages/home-page.vue

@@ -123,7 +123,7 @@
         <p>
           Thanks for using the DevExtreme Vue App Template.
         </p>
-        <p>This application was built using <a href="https://cli.vuejs.org/" target="_blank" rel="noopener noreferrer">Vue CLI</a>
+        <p>This application was built using <a href="https://vite.dev/guide/" target="_blank" rel="noopener noreferrer">Vite</a>
           and <a href="https://js.devexpress.com/Documentation/Guide/Common/DevExtreme_CLI/" target="_blank" rel="noopener noreferrer">DevExtreme CLI</a>
           and includes the following DevExtreme components:</p>
         <ul>

package/src/utility/latest-versions.js

@@ -1,8 +1,8 @@
 const packageJson = require('../../package.json');
 module.exports = {
-    'devextreme': '25.1.3',
-    'devextreme-react': '25.1.3',
-    'devextreme-vue': '25.1.3',
+    'devextreme': '25.1.5',
+    'devextreme-react': '25.1.5',
+    'devextreme-vue': '25.1.5',
     'create-vite': '7.0.0',
     'create-vue': '3.17.0',
     'create-next-app': '15.3.4',