mirror of
https://github.com/Stirling-Tools/Stirling-PDF.git
synced 2025-08-25 21:59:23 +00:00
73deece29e
# Description of Changes This PR refactors the frontend icon system to remove reliance on @mui/icons-material and the Google Material Symbols webfont. 🔄 Changes Introduced a new LocalIcon component powered by Iconify. Added scripts/generate-icons.js to: Scan the codebase for used icons. Extract only required Material Symbols from @iconify-json/material-symbols. Generate a minimized JSON bundle and TypeScript types. Updated .gitignore to exclude generated icon files. Replaced all <span className="material-symbols-rounded"> and MUI icon imports with <LocalIcon> usage. Removed material-symbols CSS import and related font dependency. Updated tsconfig.json to support JSON imports. Added prebuild/predev hooks to auto-generate the icons. ✅ Benefits No more 5MB+ Google webfont download → reduces initial page load size. Smaller install footprint → no giant @mui/icons-material dependency. Only ships the icons we actually use, cutting bundle size further. Type-safe icons via auto-generated MaterialSymbolIcon union type. Note most MUI not included in this update since they are low priority due to small SVG sizing (don't grab whole bundle) --- ## Checklist ### General - [ ] I have read the [Contribution Guidelines](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/CONTRIBUTING.md) - [ ] I have read the [Stirling-PDF Developer Guide](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/devGuide/DeveloperGuide.md) (if applicable) - [ ] I have read the [How to add new languages to Stirling-PDF](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/devGuide/HowToAddNewLanguage.md) (if applicable) - [ ] I have performed a self-review of my own code - [ ] My changes generate no new warnings ### Documentation - [ ] I have updated relevant docs on [Stirling-PDF's doc repo](https://github.com/Stirling-Tools/Stirling-Tools.github.io/blob/main/docs/) (if functionality has heavily changed) - [ ] I have read the section [Add New Translation Tags](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/devGuide/HowToAddNewLanguage.md#add-new-translation-tags) (for new translation tags only) ### UI Changes (if applicable) - [ ] Screenshots or videos demonstrating the UI changes are attached (e.g., as comments or direct attachments in the PR) ### Testing (if applicable) - [ ] I have tested my changes locally. Refer to the [Testing Guide](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/devGuide/DeveloperGuide.md#6-testing) for more details. --------- Co-authored-by: a <a>
93 lines
2.7 KiB
JSON
93 lines
2.7 KiB
JSON
{
|
|
"name": "frontend",
|
|
"version": "0.1.0",
|
|
"private": true,
|
|
"license": "SEE LICENSE IN https://raw.githubusercontent.com/Stirling-Tools/Stirling-PDF/refs/heads/main/proprietary/LICENSE",
|
|
"proxy": "http://localhost:8080",
|
|
"dependencies": {
|
|
"@atlaskit/pragmatic-drag-and-drop": "^1.7.4",
|
|
"@emotion/react": "^11.14.0",
|
|
"@emotion/styled": "^11.14.0",
|
|
"@iconify/react": "^6.0.0",
|
|
"@mantine/core": "^8.0.1",
|
|
"@mantine/dropzone": "^8.0.1",
|
|
"@mantine/hooks": "^8.0.1",
|
|
"@mui/icons-material": "^7.1.0",
|
|
"@mui/material": "^7.1.0",
|
|
"@tailwindcss/postcss": "^4.1.8",
|
|
"@tanstack/react-virtual": "^3.13.12",
|
|
"@testing-library/dom": "^10.4.0",
|
|
"@testing-library/jest-dom": "^6.6.3",
|
|
"@testing-library/react": "^16.3.0",
|
|
"@testing-library/user-event": "^13.5.0",
|
|
"autoprefixer": "^10.4.21",
|
|
"axios": "^1.9.0",
|
|
"i18next": "^25.2.1",
|
|
"i18next-browser-languagedetector": "^8.1.0",
|
|
"i18next-http-backend": "^3.0.2",
|
|
"jszip": "^3.10.1",
|
|
"pdf-lib": "^1.17.1",
|
|
"pdfjs-dist": "^3.11.174",
|
|
"react": "^19.1.0",
|
|
"react-dom": "^19.1.0",
|
|
"react-i18next": "^15.5.2",
|
|
"react-router-dom": "^7.6.0",
|
|
"tailwindcss": "^4.1.8",
|
|
"web-vitals": "^2.1.4"
|
|
},
|
|
"scripts": {
|
|
"predev": "npm run generate-icons",
|
|
"dev": "npx tsc --noEmit && vite",
|
|
"prebuild": "npm run generate-icons",
|
|
"build": "npx tsc --noEmit && vite build",
|
|
"preview": "vite preview",
|
|
"generate-licenses": "node scripts/generate-licenses.js",
|
|
"generate-icons": "node scripts/generate-icons.js",
|
|
"generate-icons:verbose": "node scripts/generate-icons.js --verbose",
|
|
"test": "vitest",
|
|
"test:watch": "vitest --watch",
|
|
"test:coverage": "vitest --coverage",
|
|
"test:e2e": "playwright test",
|
|
"test:e2e:ui": "playwright test --ui",
|
|
"test:e2e:install": "playwright install"
|
|
},
|
|
"eslintConfig": {
|
|
"extends": [
|
|
"react-app",
|
|
"react-app/jest"
|
|
]
|
|
},
|
|
"browserslist": {
|
|
"production": [
|
|
">0.2%",
|
|
"not dead",
|
|
"not op_mini all"
|
|
],
|
|
"development": [
|
|
"last 1 chrome version",
|
|
"last 1 firefox version",
|
|
"last 1 safari version"
|
|
]
|
|
},
|
|
"devDependencies": {
|
|
"@iconify-json/material-symbols": "^1.2.33",
|
|
"@iconify/utils": "^3.0.1",
|
|
"@playwright/test": "^1.40.0",
|
|
"@types/node": "^24.2.1",
|
|
"@types/react": "^19.1.4",
|
|
"@types/react-dom": "^19.1.5",
|
|
"@vitejs/plugin-react": "^4.5.0",
|
|
"@vitest/coverage-v8": "^1.0.0",
|
|
"jsdom": "^23.0.0",
|
|
"license-checker": "^25.0.1",
|
|
"madge": "^8.0.0",
|
|
"postcss": "^8.5.3",
|
|
"postcss-cli": "^11.0.1",
|
|
"postcss-preset-mantine": "^1.17.0",
|
|
"postcss-simple-vars": "^7.0.1",
|
|
"typescript": "^5.8.3",
|
|
"vite": "^6.3.5",
|
|
"vitest": "^1.0.0"
|
|
}
|
|
}
|