fix: add missing static css files

Author: Hristo Hristov

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

@@ -41,8 +41,6 @@ jobs:
         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" {} +;

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

@@ -1,6 +1,12 @@
 import { defineConfig } from 'vite';
 import { VitePWA } from 'vite-plugin-pwa';
 import { viteStaticCopy } from 'vite-plugin-static-copy';
+import fs from 'fs';
+
+const gridMaterialCssPath = [
+  'node_modules/igniteui-webcomponents-grids/grids/themes/light/material.css',
+  'node_modules/@infragistics/igniteui-webcomponents-grids/grids/themes/light/material.css'
+].find(fs.existsSync) || null;
 
 export default defineConfig({
   build: {
@@ -21,10 +27,21 @@ export default defineConfig({
     chunkSizeWarningLimit: 10 * 1024 * 1024 // 10 MB
   },
   plugins: [
+    {
+      name: 'replace-grid-material-css-path',
+      apply: 'build',
+      transform(code, id) {
+        if (gridMaterialCssPath && id.endsWith('.js')) {
+          return code.replace(gridMaterialCssPath, '../../material.css');
+        }
+      }
+    },
     /** Copy static assets */
     viteStaticCopy({
       targets: [
         { src: 'src/assets', dest: 'src' },
+        { src: 'ig-theme.css', dest: '' },
+        ...(gridMaterialCssPath ? [{ src: gridMaterialCssPath, dest: '' }] : [])
       ],
       silent: true,
     }),