igniteui-cli 14.3.7 → 14.3.8-beta.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igniteui-cli",
-  "version": "14.3.7",
+  "version": "14.3.8-beta.3",
   "description": "CLI tool for creating Ignite UI projects",
   "keywords": [
     "CLI",
@@ -70,8 +70,8 @@
     "all": true
   },
   "dependencies": {
-    "@igniteui/angular-templates": "~19.0.1437",
-    "@igniteui/cli-core": "~14.3.7",
+    "@igniteui/angular-templates": "~19.1.1438-beta.3",
+    "@igniteui/cli-core": "~14.3.8-beta.3",
     "@inquirer/prompts": "^5.4.0",
     "@types/yargs": "^17.0.33",
     "chalk": "^5.3.0",

package/templates/angular/ig-ts/line-chart/default/files/src/app/assets/line-chart-data.ts

@@ -1,4 +1,4 @@
-const data = [
+const data: any = [
   { "CountryName": "China", "Pop1995": 1216, "Pop2005": 1297, "Pop2015": 1361, "Pop2025": 1394 },
   { "CountryName": "India", "Pop1995": 920, "Pop2005": 1090, "Pop2015": 1251, "Pop2025": 1396 },
   { "CountryName": "United States", "Pop1995": 266, "Pop2005": 295, "Pop2015": 322, "Pop2025": 351 },

package/templates/react/igr-es6/doughnut-chart/default/files/src/views/__path__/index.js

@@ -14,7 +14,7 @@ IgrDoughnutChartModule.register();
 IgrRingSeriesModule.register();
 
 
-const data = [
+const data: any = [
     { MarketShare: 30, Company: "Google", },
     { MarketShare: 15, Company: "Microsoft", },
     { MarketShare: 30, Company: "Apple", },
@@ -82,4 +82,4 @@ export default class $(ClassName) extends Component {
             </div>
         )
     }
-}
+}

package/templates/react/igr-es6/financial-chart/default/files/src/views/__path__/index.js

@@ -5,7 +5,7 @@ import style from './style.css';
 
 IgrFinancialChartModule.register();
 
-const data = [
+const data: any = [
     { time: new Date(2013, 1, 1), open: 268.93, high: 268.93, low: 262.80, close: 265.00, volume: 6118146 },
     { time: new Date(2013, 1, 4), open: 262.78, high: 264.68, low: 259.07, close: 259.98, volume: 3723793 },
     { time: new Date(2013, 1, 5), open: 262.00, high: 268.03, low: 261.46, close: 266.89, volume: 4013780 },
@@ -52,4 +52,4 @@ export default class $(ClassName) extends Component {
             </div >
         )
     }
-}
+}

package/templates/react/igr-es6/pie-chart/default/files/src/views/__path__/index.js

@@ -9,7 +9,7 @@ import style from './style.css';
 IgrPieChartModule.register();
 IgrItemLegendModule.register();
 
-const data = [
+const data: any = [
     { MarketShare: 30, Company: "Google", },
     { MarketShare: 15, Company: "Microsoft", },
     { MarketShare: 30, Company: "Apple", },
@@ -80,4 +80,4 @@ export default class $(ClassName) extends Component {
             </div>
         )
     }
-}
+}

package/templates/react/igr-ts/category-chart/default/files/src/app/__path__/__filePrefix__.tsx

@@ -5,7 +5,7 @@ import style from './style.module.css';
 
 IgrCategoryChartModule.register();
 
-const data = [
+const data: any = [
   { 'CountryName': 'China', 'Pop1995': 1216, 'Pop2005': 1297, 'Pop2015': 1361, 'Pop2025': 1394 },
   { 'CountryName': 'India', 'Pop1995': 920, 'Pop2005': 1090, 'Pop2015': 1251, 'Pop2025': 1396 },
   { 'CountryName': 'United States', 'Pop1995': 266, 'Pop2005': 295, 'Pop2015': 322, 'Pop2025': 351 },

package/templates/react/igr-ts/doughnut-chart/default/files/src/app/__path__/__filePrefix__.tsx

@@ -13,7 +13,7 @@ IgrDoughnutChartModule.register();
 IgrRingSeriesModule.register();
 
 
-const data = [
+const data: any = [
   { MarketShare: 30, Company: "Google", },
   { MarketShare: 15, Company: "Microsoft", },
   { MarketShare: 30, Company: "Apple", },
@@ -24,8 +24,8 @@ const data = [
 export default function $(ClassName)() {
   const title = 'Doughnut Chart';
   const [chartData, setChartData] = useState([]);
-  const legendRef = useRef();
-  const chartRef = useRef();
+  const legendRef: any = useRef();
+  const chartRef: any = useRef();
 
   useEffect(() => {
     setChartData(data);

package/templates/react/igr-ts/financial-chart/default/files/src/app/__path__/__filePrefix__.tsx

@@ -5,7 +5,7 @@ import style from './style.module.css';
 
 IgrFinancialChartModule.register();
 
-const data = [
+const data: any = [
   { time: new Date(2013, 1, 1), open: 268.93, high: 268.93, low: 262.80, close: 265.00, volume: 6118146 },
   { time: new Date(2013, 1, 4), open: 262.78, high: 264.68, low: 259.07, close: 259.98, volume: 3723793 },
   { time: new Date(2013, 1, 5), open: 262.00, high: 268.03, low: 261.46, close: 266.89, volume: 4013780 },

package/templates/react/igr-ts/pie-chart/default/files/src/app/__path__/__filePrefix__.tsx

@@ -8,7 +8,7 @@ import style from './style.module.css';
 IgrPieChartModule.register();
 IgrItemLegendModule.register();
 
-const data = [
+const data: any = [
   { MarketShare: 30, Company: "Google", },
   { MarketShare: 15, Company: "Microsoft", },
   { MarketShare: 30, Company: "Apple", },
@@ -19,8 +19,8 @@ const data = [
 export default function $(ClassName)() {
   const title = 'Pie Chart';
   const [chartData, setChartData] = useState([]);
-  const legendRef = useRef();
-  const chartRef = useRef();
+  const legendRef: any = useRef();
+  const chartRef: any = useRef();
 
   useEffect(() => {
     setChartData(data);

package/templates/react/igr-ts/projects/_base/files/__dot__github/workflows/github-pages.yml

@@ -35,7 +35,9 @@ jobs:
       run: echo "VITE_BASENAME=/${{ github.event.repository.name }}" >> $GITHUB_ENV
     - run: npm run build -- --base=/${{ github.event.repository.name }}/
     - name: Update Resource Paths
-      run: find ./dist/assets -name "*.js" -exec sed -i 's|src/assets|${{ github.event.repository.name }}/assets|g' {} +
+      run: |
+        find ./dist/assets -type f -name "*.js" -exec sed -i 's|src/assets|${{ github.event.repository.name }}/assets|g' {} +;
+        find ./dist/assets -type f -name "*.js" -exec sed -i 's|/static-data/|/${{ github.event.repository.name }}/static-data/|g' {} +
     - name: Copy Resources to dist
       run: mkdir -p ./dist/assets && cp -R ./src/assets/* ./dist/assets/
     - name: SPA routing handling

package/templates/react/igr-ts/projects/_base/files/eslint.config.mjs

@@ -0,0 +1,48 @@
+import js from '@eslint/js';
+import typescriptParser from '@typescript-eslint/parser';
+import reactRefresh from 'eslint-plugin-react-refresh';
+import { FlatCompat } from "@eslint/eslintrc";
+
+const compat = new FlatCompat({
+    recommendedConfig: js.configs.recommended
+});
+
+export default [
+  ...compat.extends('eslint:recommended', 'plugin:@typescript-eslint/recommended', 'plugin:react-hooks/recommended'),
+  {
+    files: ['**/*.ts', '**/*.tsx'],
+    languageOptions: {
+      globals: {
+        browser: true,
+        es2020: true,
+      },
+      parser: typescriptParser,
+      parserOptions: {
+        ecmaVersion: 'latest',
+        sourceType: 'module',
+      },
+    },
+    plugins: {
+      reactRefresh
+    },
+    rules: {
+      '@typescript-eslint/no-unused-vars': [
+        'error',
+        {
+          args: 'all',
+          argsIgnorePattern: '^_',
+          caughtErrors: 'all',
+          caughtErrorsIgnorePattern: '^_',
+          destructuredArrayIgnorePattern: '^(_|set)',
+          varsIgnorePattern: '^_',
+          ignoreRestSiblings: true,
+        },
+      ],
+      'reactRefresh/only-export-components': ['warn', { allowConstantExport: true }],
+      '@typescript-eslint/no-explicit-any': 'off',
+    },
+  },
+  {
+    ignores: ['dist']
+  }
+];

package/templates/react/igr-ts/projects/_base/files/package.json

@@ -21,8 +21,8 @@
     "@typescript-eslint/eslint-plugin": "^8.21.0",
     "@typescript-eslint/parser": "^8.21.0",
     "@vitejs/plugin-react": "^4.0.3",
-    "eslint": "^8.57.0",
-    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint": "^9.20.0",
+    "eslint-plugin-react-hooks": "^5.1.0",
     "eslint-plugin-react-refresh": "^0.4.3",
     "jsdom": "^22.1.0",
     "typescript": "~5.5.4",
@@ -34,7 +34,7 @@
     "start": "vite",
     "build": "tsc && node --max-old-space-size=4096 node_modules/vite/bin/vite build",
     "preview": "vite preview",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "lint": "eslint . --report-unused-disable-directives --max-warnings 0",
     "test": "vitest"
   },
   "browserslist": [

package/templates/react/igr-ts/projects/_base/files/vite.config.ts

@@ -4,13 +4,20 @@ import react from '@vitejs/plugin-react'
 
 // https://vitejs.dev/config/
 export default defineConfig({
+  build: {
+    chunkSizeWarningLimit: 10 * 1024 * 1024, // 10 MB
+  },
   plugins: [react()],
   test: {
     globals: true,
     environment: 'jsdom',
     setupFiles: ['./src/setupTests.ts'],
     deps: {
-      inline: ['vitest-canvas-mock'],
+      optimizer: {
+        web: {
+          include: ['vitest-canvas-mock'],
+        },
+      },
     },
   },
   resolve: {

package/templates/react/igr-ts/projects/top-nav/files/src/components/navigation-header/index.tsx

@@ -1,10 +1,10 @@
 import { useState, useEffect } from 'react';
 import { Link } from 'react-router-dom';
 
-export default function NavigationHeader({ routes }) {
+export default function NavigationHeader({ routes }: any) {
   const [state, setState] = useState({ activeItem: null });
 
-  function handleClick(index) {
+  function handleClick(index: any) {
     setState({ activeItem: index });
   }
 
@@ -13,7 +13,7 @@ export default function NavigationHeader({ routes }) {
     if (!currentRoute) {
       currentRoute = '/'
     }
-    const activeItem = routes.findIndex((route) => route.path === currentRoute);
+    const activeItem = routes.findIndex((route: any) => route.path === currentRoute);
     setState({ activeItem });
   }, [routes]);
 
@@ -21,7 +21,7 @@ export default function NavigationHeader({ routes }) {
     <nav>
       <ul>
         {routes.map(
-          (route, i) => <li key={i} className={state.activeItem === i ? 'active' : ''}><Link onClick={() => handleClick(i)} to={route.path}>{route.text}</Link></li>
+          (route: any, i: any) => <li key={i} className={state.activeItem === i ? 'active' : ''}><Link onClick={() => handleClick(i)} to={route.path}>{route.text}</Link></li>
         )}
       </ul>
     </nav>

package/templates/webcomponents/igc-ts/grid/grid-editing/files/src/app/__path__/DataGridSharedData.ts

@@ -1,4 +1,3 @@
-/* eslint-disable no-param-reassign */
 export class DataGridSharedData {
   public static getEmployees(count?: number): any[] {
     if (count === undefined) {

package/templates/webcomponents/igc-ts/grid/grid-summaries/files/src/app/__path__/NwindData.ts

@@ -1,4 +1,3 @@
-/* eslint-disable no-param-reassign */
 export class NwindDataItem {
     public constructor(init: Partial<NwindDataItem>) {
         Object.assign(this, init);

package/templates/webcomponents/igc-ts/grid/grid-summaries/files/src/app/__path__/__filePrefix__.ts

@@ -1,10 +1,7 @@
 import { css, html, LitElement } from 'lit';
 import { customElement } from 'lit/decorators.js';
 import 'igniteui-webcomponents-grids/grids/combined';
-import {
-  IgcGridComponent,
-  IgcColumnComponent,
-} from 'igniteui-webcomponents-grids/grids';
+import { IgcGridComponent } from 'igniteui-webcomponents-grids/grids';
 import {
   ComponentRenderer,
   WebGridDescriptionModule,
@@ -47,13 +44,6 @@ export default class $(ClassName) extends LitElement {
     const grid = this.shadowRoot?.getElementById('grid') as IgcGridComponent;
     const nwindData = NwindData;
 
-    const productID = this.shadowRoot?.getElementById('ProductID') as IgcColumnComponent;
-    const productName = this.shadowRoot?.getElementById('ProductName') as IgcColumnComponent;
-    const unitPrice = this.shadowRoot?.getElementById('UnitPrice') as IgcColumnComponent;
-    const unitsInStock = this.shadowRoot?.getElementById('UnitsInStock') as IgcColumnComponent;
-    const discontinued = this.shadowRoot?.getElementById('Discontinued') as IgcColumnComponent;
-    const orderDate = this.shadowRoot?.getElementById('OrderDate') as IgcColumnComponent;
-
     grid.data = new nwindData();
 
     const _componentRenderer = new ComponentRenderer();

package/templates/webcomponents/igc-ts/navbar/default/files/src/app/__path__/__filePrefix__.ts

@@ -4,10 +4,8 @@ import {
   defineComponents,
   IgcIconComponent,
   IgcNavbarComponent,
-} from 'igniteui-webcomponents';
-import {
   registerIcon,
-} from 'igniteui-webcomponents/components/icon/icon.registry';
+} from 'igniteui-webcomponents';
 
 defineComponents(
   IgcIconComponent,

package/templates/webcomponents/igc-ts/projects/_base/files/__dot__github/workflows/github-pages.yml

@@ -34,17 +34,13 @@ jobs:
     - name: Update Router Navigation
       run: |
         find ./src -type f -name "*.ts" -exec sed -i "s|Router.go(\`/|Router.go(\`/${{ github.event.repository.name }}/|g" {} \;
-        find ./ -type f -name "rollup.config.mjs" -exec sed -i "s|navigateFallback: '/index.html'|navigateFallback: 'index.html'|g" {} \;
-    - run: npm run build
+        find ./ -type f -name "vite.config.ts" -exec sed -i "s|navigateFallback: '/index.html'|navigateFallback: 'index.html'|g" {} \;
+    - run: npm run build -- --base=/${{ github.event.repository.name }}/
     - name: Update base href in index.html
       run: |
         sed -i 's|<base href="[^"]*">|<base href="/${{ github.event.repository.name }}/">|' ./dist/index.html
     - name: Update Resource Paths
       run: find ./dist -maxdepth 1 -type f ! -name 'sw*.js' ! -name 'workbox*.js' -name '*.js' -exec sed -i -e "s|/src/assets|/${{ github.event.repository.name }}/src/assets|g" -e "s|url('/src/assets|url('/${{ github.event.repository.name }}/src/assets|g" {} +
-    - name: Copy ig-theme.css to dist
-      run: cp ./ig-theme.css ./dist/
-    - name: Update href Paths for ig-theme.css
-      run: find ./dist -type f -exec sed -i "s|href=\"../../ig-theme.css\"|href=\"../../${{ github.event.repository.name }}/ig-theme.css\"|g" {} +
     - name: SPA routing handling
       run: cp ./dist/index.html ./dist/404.html
     - name: Upload build artifact to GitHub Pages

package/templates/webcomponents/igc-ts/projects/_base/files/eslint.config.mjs

@@ -0,0 +1,37 @@
+import js from '@eslint/js';
+import typescriptParser from '@typescript-eslint/parser';
+import tseslint from '@typescript-eslint/eslint-plugin';
+import { FlatCompat } from "@eslint/eslintrc";
+
+const compat = new FlatCompat({
+    recommendedConfig: js.configs.recommended
+});
+
+export default [
+  ...compat.extends('eslint:recommended', 'plugin:@typescript-eslint/recommended'),
+  {
+    files: ['**/*.ts', '**/*.tsx'],
+    languageOptions: {
+      globals: {
+        browser: true,
+        es2021: true,
+        jasmine: true,
+      },
+      parser: typescriptParser,
+      parserOptions: {
+        ecmaVersion: 12,
+        sourceType: 'module',
+      },
+    },
+    plugins: {
+      '@typescript-eslint': tseslint,
+    },
+    rules: {
+      '@typescript-eslint/no-inferrable-types': 'off',
+      '@typescript-eslint/no-explicit-any': 'off',
+    },
+  },
+  {
+    ignores: ['dist', 'test']
+  }
+];

package/templates/webcomponents/igc-ts/projects/_base/files/package.json

@@ -13,43 +13,37 @@
     "./$(dashName).js": "./dist/src/$(dashName).js"
   },
   "scripts": {
-    "start": "tsc && concurrently -k -r \"tsc --watch\" \"wds\"",
-    "build": "rimraf dist && tsc && node --max-old-space-size=4096 node_modules/rollup/dist/bin/rollup -c rollup.config.mjs",
+    "start": "concurrently -k -r \"tsc --watch\" \"vite\"",
+    "build": "rimraf dist && tsc && node --max-old-space-size=4096 node_modules/vite/bin/vite.js build",
     "start:build": "web-dev-server --root-dir dist --app-index index.html --open",
-    "lint": "eslint \"**/*.{js,ts}\" --ignore-path .gitignore",
+    "lint": "eslint \"**/*.{js,ts}\" --ignore-pattern .gitignore",
     "test": "tsc --project tsconfig.test.json && wtr"
   },
   "dependencies": {
     "@vaadin/router": "^1.7.4",
-    "lit": "^3.1.2",
-    "typescript": "~5.5.4",
+    "lit": "^3.2.1",
+    "typescript": "~5.7.2",
     "igniteui-webcomponents": "~5.1.0"
   },
   "devDependencies": {
     "@babel/preset-env": "^7.20.2",
-    "@open-wc/building-rollup": "^2.2.1",
     "@open-wc/testing": "^4.0.0",
-    "@rollup/plugin-babel": "^6.0.3",
-    "@rollup/plugin-node-resolve": "^15.0.1",
     "@typescript-eslint/eslint-plugin": "^8.21.0",
     "@typescript-eslint/parser": "^8.21.0",
     "@web/dev-server": "^0.4.6",
-    "@web/rollup-plugin-html": "^2.3.0",
-    "@web/rollup-plugin-import-meta-assets": "^1.0.7",
     "@web/test-runner": "^0.18.0",
     "babel-plugin-template-html-minifier": "^4.1.0",
-    "concurrently": "^8.2.2",
+    "concurrently": "^9.1.2",
     "deepmerge": "^4.2.2",
-    "eslint": "^8.57.0",
+    "eslint": "^9.20.0",
     "eslint-plugin-lit": "^1.8.2",
     "igniteui-cli": "^13.1.5",
-    "rimraf": "^5.0.5",
-    "rollup": "^2.79.0",
-    "rollup-plugin-copy-assets": "^2.0.3",
-    "rollup-plugin-terser": "^7.0.2",
-    "rollup-plugin-workbox": "^8.1.0",
+    "rimraf": "^5.0.10",
     "source-map": "^0.7.4",
-    "tslib": "^2.6.2",
-    "@types/mocha": "^10.0.6"
+    "tslib": "^2.8.1",
+    "@types/mocha": "^10.0.6",
+    "vite": "^6.0.10",
+    "vite-plugin-pwa": "^0.21.1",
+    "vite-plugin-static-copy": "^2.2.0"
   }
 }

package/templates/webcomponents/igc-ts/projects/_base/files/src/app/models/css.d.ts

@@ -0,0 +1,5 @@
+declare module '*.css?inline' {
+  import { CSSResult } from 'lit';
+  const content: CSSResult;
+  export default content;
+}

package/templates/webcomponents/igc-ts/projects/_base/files/tsconfig.json

@@ -1,11 +1,11 @@
 {
   "compilerOptions": {
-    "target": "es2018",
-    "module": "esnext",
+    "target": "es2021",
+    "module": "es2022",
     "moduleResolution": "node",
     "noEmitOnError": true,
     "lib": [
-      "es2017",
+      "es2021",
       "dom",
       "dom.iterable"
     ],

package/templates/webcomponents/igc-ts/projects/_base/files/vite.config.ts

@@ -0,0 +1,53 @@
+import { defineConfig } from 'vite';
+import { VitePWA } from 'vite-plugin-pwa';
+import { viteStaticCopy } from 'vite-plugin-static-copy';
+
+export default defineConfig({
+  build: {
+    rollupOptions: {
+      output: {
+        entryFileNames: '[hash].js',
+        chunkFileNames: '[hash].js',
+        assetFileNames: '[hash][extname]',
+      },
+      onwarn: (warning, warn) => {
+        if (warning.code === 'THIS_IS_UNDEFINED') return;
+        warn(warning);
+      },
+    },
+    target: 'es2021',
+    minify: 'terser',
+    emptyOutDir: false,
+    chunkSizeWarningLimit: 10 * 1024 * 1024 // 10 MB
+  },
+  plugins: [
+    /** Copy static assets */
+    viteStaticCopy({
+      targets: [
+        { src: 'src/assets', dest: 'src' }
+      ],
+      silent: true,
+    }),
+    /** PWA Plugin for service worker generation */
+    VitePWA({
+      registerType: 'autoUpdate',
+      strategies: 'generateSW',
+      workbox: {
+        globDirectory: 'dist',
+        globPatterns: ['**/*.{html,js,css,webmanifest}'],
+        globIgnores: ['polyfills/*.js', 'nomodule-*.js'],
+        navigateFallback: '/index.html',
+        runtimeCaching: [
+          {
+            urlPattern: /^polyfills\/.*\.js$/,
+            handler: 'CacheFirst',
+          },
+        ],
+        maximumFileSizeToCacheInBytes: 10 * 1024 * 1024 // 10 MB
+      },
+      manifest: {
+        theme_color: "#ffffff"
+      }
+    }),
+  ],
+});

package/templates/webcomponents/igc-ts/projects/_base_with_home/files/package.json

@@ -14,9 +14,9 @@
   },
   "scripts": {
     "start": "tsc && concurrently -k -r \"tsc --watch\" \"wds\"",
-    "build": "rimraf dist && tsc && node --max-old-space-size=4096 node_modules/rollup/dist/bin/rollup -c rollup.config.mjs",
+    "build": "rimraf dist && tsc && node --max-old-space-size=4096 node_modules/vite/bin/vite.js build",
     "start:build": "web-dev-server --root-dir dist --app-index index.html --open",
-    "lint": "eslint \"**/*.{js,ts}\" --ignore-path .gitignore",
+    "lint": "eslint \"**/*.{js,ts}\" --ignore-pattern .gitignore",
     "test": "tsc --project tsconfig.test.json && wtr"
   },
   "dependencies": {
@@ -30,34 +30,28 @@
     "igniteui-webcomponents-grids": "~5.0.0",
     "igniteui-webcomponents-inputs": "~5.0.0",
     "igniteui-webcomponents-layouts": "~5.0.0",
-    "lit": "^3.1.2",
-    "typescript": "~5.5.4"
+    "lit": "^3.2.1",
+    "typescript": "~5.7.2"
   },
   "devDependencies": {
     "@babel/preset-env": "^7.20.2",
-    "@open-wc/building-rollup": "^2.2.1",
     "@open-wc/testing": "^4.0.0",
-    "@rollup/plugin-babel": "^6.0.3",
-    "@rollup/plugin-node-resolve": "^15.0.1",
     "@typescript-eslint/eslint-plugin": "^8.21.0",
     "@typescript-eslint/parser": "^8.21.0",
     "@web/dev-server": "^0.4.6",
-    "@web/rollup-plugin-html": "^2.3.0",
-    "@web/rollup-plugin-import-meta-assets": "^1.0.7",
     "@web/test-runner": "^0.18.0",
     "babel-plugin-template-html-minifier": "^4.1.0",
-    "concurrently": "^8.2.2",
+    "concurrently": "^9.1.2",
     "deepmerge": "^4.2.2",
-    "eslint": "^8.57.0",
+    "eslint": "^9.20.0",
     "eslint-plugin-lit": "^1.8.2",
     "igniteui-cli": "^14.0.0",
-    "rimraf": "^5.0.5",
-    "rollup": "^2.79.0",
-    "rollup-plugin-copy-assets": "^2.0.3",
-    "rollup-plugin-terser": "^7.0.2",
-    "rollup-plugin-workbox": "^8.1.0",
+    "rimraf": "^5.0.10",
     "source-map": "^0.7.4",
-    "tslib": "^2.6.2",
-    "@types/mocha": "^10.0.6"
+    "tslib": "^2.8.1",
+    "@types/mocha": "^10.0.6",
+    "vite": "^6.0.10",
+    "vite-plugin-pwa": "^0.21.1",
+    "vite-plugin-static-copy": "^2.2.0"
   }
 }

package/templates/webcomponents/igc-ts/projects/side-nav/files/src/app/app.ts

@@ -1,4 +1,3 @@
-/* eslint-disable no-return-assign */
 import { html, css, LitElement } from 'lit';
 import { customElement } from 'lit/decorators.js';
 import {

package/templates/react/igr-ts/projects/_base/files/__dot__eslintrc.cjs

@@ -1,31 +0,0 @@
-module.exports = {
-  root: true,
-  env: { browser: true, es2020: true },
-  extends: [
-    'eslint:recommended',
-    'plugin:@typescript-eslint/recommended',
-    'plugin:react-hooks/recommended',
-  ],
-  ignorePatterns: ['dist', '.eslintrc.cjs'],
-  parser: '@typescript-eslint/parser',
-  plugins: ['react-refresh'],
-  rules: {
-    '@typescript-eslint/no-unused-vars': [
-      'error',
-      {
-        args: 'all',
-        argsIgnorePattern: '^_',
-        caughtErrors: 'all',
-        caughtErrorsIgnorePattern: '^_',
-        destructuredArrayIgnorePattern: '^(_|set)',
-        varsIgnorePattern: '^_',
-        ignoreRestSiblings: true
-      }
-    ],
-    'react-refresh/only-export-components': [
-      'warn',
-      { allowConstantExport: true },
-    ],
-    '@typescript-eslint/no-explicit-any': 'off'
-  },
-}

package/templates/webcomponents/igc-ts/projects/_base/files/__dot__eslintrc.json

@@ -1,24 +0,0 @@
-{
-    "root": true,
-    "env": {
-        "browser": true,
-        "es2021": true,
-        "jasmine": true
-    },
-    "extends": [
-        "eslint:recommended",
-        "plugin:@typescript-eslint/recommended"
-    ],
-    "parser": "@typescript-eslint/parser",
-    "parserOptions": {
-        "ecmaVersion": 12,
-        "sourceType": "module"
-    },
-    "plugins": [
-        "@typescript-eslint"
-    ],
-    "rules": {
-        "@typescript-eslint/no-inferrable-types": "off",
-        "@typescript-eslint/no-explicit-any": "off"
-    }
-}

package/templates/webcomponents/igc-ts/projects/_base/files/rollup.config.mjs

@@ -1,95 +0,0 @@
-import babel from '@rollup/plugin-babel';
-import nodeResolve from '@rollup/plugin-node-resolve';
-import { rollupPluginHTML as html } from '@web/rollup-plugin-html';
-import { importMetaAssets } from '@web/rollup-plugin-import-meta-assets';
-import path from 'path';
-import copy from 'rollup-plugin-copy-assets';
-import { terser } from 'rollup-plugin-terser';
-import { generateSW } from 'rollup-plugin-workbox';
-
-export default {
-  input: 'index.html',
-  output: {
-    entryFileNames: '[hash].js',
-    chunkFileNames: '[hash].js',
-    assetFileNames: '[hash][extname]',
-    format: 'es',
-    dir: 'dist',
-  },
-  onwarn: function(warning) {
-    // Skip https://rollupjs.org/troubleshooting/#error-this-is-undefined
-    if ( warning.code === 'THIS_IS_UNDEFINED' ) { return; }
-  },
-  preserveEntrySignatures: false,
-
-  plugins: [
-    copy({
-      assets: [
-        'src/assets',
-      ],
-    }),
-    /** Enable using HTML as rollup entrypoint */
-    html({
-      minify: true,
-      injectServiceWorker: true,
-      serviceWorkerPath: 'dist/sw.js',
-    }),
-    /** Resolve bare module imports */
-    nodeResolve(),
-    /** Minify JS */
-    terser(),
-    /** Bundle assets references via import.meta.url */
-    importMetaAssets(),
-    /** Compile JS to a lower language target */
-    babel({
-      compact: true,
-      babelHelpers: 'bundled',
-      presets: [
-        [
-          '@babel/preset-env',
-          {
-            targets: [
-              'last 3 Chrome major versions',
-              'last 3 Firefox major versions',
-              'last 3 Edge major versions',
-              'last 3 Safari major versions',
-            ],
-            modules: false,
-            bugfixes: true,
-          },
-        ],
-      ],
-      plugins: [
-        [
-          'babel-plugin-template-html-minifier',
-          {
-            modules: { lit: ['html', { name: 'css', encapsulation: 'style' }] },
-            failOnError: false,
-            strictCSS: true,
-            htmlMinifier: {
-              collapseWhitespace: true,
-              conservativeCollapse: true,
-              removeComments: true,
-              caseSensitive: true,
-              minifyCSS: true,
-            },
-          },
-        ],
-      ],
-    }),
-    /** Create and inject a service worker */
-    generateSW({
-      globIgnores: ['polyfills/*.js', 'nomodule-*.js'],
-      navigateFallback: '/index.html',
-      // where to output the generated sw
-      swDest: path.join('dist', 'sw.js'),
-      // directory to match patterns against to be precached
-      globDirectory: path.join('dist'),
-      // cache any html js and css by default
-      globPatterns: ['**/*.{html,js,css,webmanifest}'],
-      skipWaiting: true,
-      clientsClaim: true,
-      runtimeCaching: [{ urlPattern: 'polyfills/*.js', handler: 'CacheFirst' }],
-    }),
-  ],
-};