fix: ms cdn not working anymore

Author: ObservedObserver

packages/rath-client/ICON_CORS_FIX.md

@@ -0,0 +1,76 @@
+# Icon CORS Issue Fix - Summary
+
+## Problem
+The application was trying to load icon resources from Microsoft's CDN (`https://spoppe-b.azureedge.net`), which was causing CORS errors:
+1. **Fabric Icons (fonts)**: Font files for MDL2 icons
+2. **File Type Icons (images)**: PNG/SVG images for file type icons (csv, xlsx, pdf, etc.)
+
+Both CDN resources are no longer accessible, causing missing icons throughout the application.
+
+## Solution
+
+### 1. Fabric MDL2 Icons (Font-based) ✅
+**Location**: `packages/rath-client/public/fonts/`
+
+- Copied 19 `.woff` font files from `@fluentui/font-icons-mdl2` package to `public/fonts/`
+- Updated `src/index.tsx` to initialize icons with local path: `initializeIcons('/fonts/')`
+- These fonts are now served from the application's own domain
+
+**Files copied**:
+- `fabric-icons-0-467ee27f.woff` through `fabric-icons-17-0c4ed701.woff`
+- `fabric-icons-a13498cf.woff`
+
+### 2. File Type Icons (Image-based) ✅
+**Solution**: Replaced image-based icons with font-based MDL2 icons
+
+Instead of downloading hundreds of PNG/SVG images from Microsoft's CDN, we created a custom mapping that uses FluentUI MDL2 font icons (which we already have locally).
+
+**New File**: `src/utils/fileIconMapper.ts`
+- Maps file extensions to appropriate MDL2 icon names
+- Supports 100+ file types including:
+  - Office: Word, Excel, PowerPoint
+  - Data: CSV, JSON, XML, databases
+  - Code: JS, TS, Python, etc.
+  - Media: Images, videos, audio
+  - Archives: ZIP, RAR, 7z, etc.
+
+**Updated Files**:
+- `src/pages/dataConnection/history/get-file-icon.tsx`
+- `src/pages/dataSource/selection/history/get-file-icon.tsx`
+
+**Removed Dependency**: No longer using `@fluentui/react-file-type-icons` CDN
+
+## Benefits
+
+1. **No External Dependencies**: All icons served from the application domain
+2. **No CORS Errors**: Complete control over asset delivery
+3. **Faster Loading**: Font-based icons are lighter than images
+4. **Offline Support**: Application works without internet access to Microsoft CDN
+5. **Consistent Styling**: All icons use the same FluentUI design system
+
+## Testing
+
+After building, verify that:
+1. All icons in the navigation and UI load correctly
+2. File type icons in history lists show appropriate icons
+3. No console errors about missing resources or CORS
+4. No requests to `spoppe-b.azureedge.net` in Network tab
+
+## Build Instructions
+
+```bash
+cd packages/rath-client
+yarn build:client
+```
+
+The fonts in `public/fonts/` will automatically be copied to `build/fonts/` during the build process.
+
+## Maintenance
+
+If updating `@fluentui/font-icons-mdl2` package version:
+```bash
+cp node_modules/@fluentui/font-icons-mdl2/fonts/*.woff packages/rath-client/public/fonts/
+```
+
+To add support for new file types, edit `src/utils/fileIconMapper.ts` and add the extension to icon name mapping.
+

packages/rath-client/public/fonts/README.md

@@ -0,0 +1,20 @@
+# Fluent UI Icon Fonts
+
+This directory contains the icon font files from `@fluentui/font-icons-mdl2` package.
+
+## Purpose
+
+These fonts are hosted locally to avoid CORS issues when loading from Microsoft's CDN. The fonts are automatically loaded when the application initializes icons via `initializeIcons('/fonts/')` in `src/index.tsx`.
+
+## Maintenance
+
+If you update the `@fluentui/font-icons-mdl2` package version, you may need to update these font files:
+
+```bash
+cp node_modules/@fluentui/font-icons-mdl2/fonts/*.woff packages/rath-client/public/fonts/
+```
+
+## Files
+
+The directory contains multiple font files (fabric-icons-*.woff) that are split by icon set to optimize loading performance.
+