mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-02-10 01:50:08 +00:00
e625b0351c
## Summary Migrate from `@iconify/tailwind` (Tailwind 3 JS plugin) to `@iconify/tailwind4` (native Tailwind 4 CSS plugin), moving all config into CSS directives. ## Changes - **What**: Replace `addDynamicIconSelectors()` JS plugin with `@plugin "@iconify/tailwind4"` CSS directive. Move `boxShadow` theme extension into `@theme` block. Delete both `tailwind.config.ts` files and the runtime `iconCollection.ts` module. - **Dependencies**: `@iconify/tailwind` removed, `@iconify/tailwind4` added ## Review Focus - `from-folder` path resolution in monorepo context (paths relative to project root) - SVG auto-cleanup behavior of `from-folder` vs the previous manual `iconCollection.ts` loader - Removal of `@config` directive and both tailwind config files — all config now in CSS ## Files | File | Change | |------|--------| | `pnpm-workspace.yaml` | Swap catalog entry | | `packages/design-system/package.json` | Swap dep, remove `tailwind-config` export | | `packages/design-system/src/css/style.css` | Add `@plugin`, `--shadow-interface` theme token, remove `@config` | | `packages/design-system/tailwind.config.ts` | Deleted | | `packages/design-system/src/iconCollection.ts` | Deleted | | `tailwind.config.ts` | Deleted | | `tsconfig.json`, `components.json` | Remove stale references | | `knip.config.ts` | Ignore `@iconify-json/lucide` (CSS-consumed, not JS-imported) | | Docs | Updated `CONTRIBUTING.md` and `icons/README.md` | ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-8724-feat-migrate-from-iconify-tailwind-to-iconify-tailwind4-3006d73d36508144a9b3e7ae73448f98) by [Unito](https://www.unito.io) --------- Co-authored-by: Amp <amp@ampcode.com> Co-authored-by: GitHub Action <action@github.com>
133 lines
3.1 KiB
YAML
133 lines
3.1 KiB
YAML
packages:
|
|
- apps/**
|
|
- packages/**
|
|
|
|
catalog:
|
|
'@alloc/quick-lru': ^5.2.0
|
|
'@comfyorg/comfyui-electron-types': 0.6.2
|
|
'@eslint/js': ^9.39.1
|
|
'@iconify-json/lucide': ^1.1.178
|
|
'@iconify/json': ^2.2.380
|
|
'@iconify/tailwind4': ^1.2.0
|
|
'@intlify/eslint-plugin-vue-i18n': ^4.1.0
|
|
'@lobehub/i18n-cli': ^1.25.1
|
|
'@nx/eslint': 22.2.6
|
|
'@nx/playwright': 22.2.6
|
|
'@nx/storybook': 22.2.4
|
|
'@nx/vite': 22.2.6
|
|
'@pinia/testing': ^1.0.3
|
|
'@playwright/test': ^1.58.1
|
|
'@primeuix/forms': 0.0.2
|
|
'@primeuix/styled': 0.3.2
|
|
'@primeuix/utils': ^0.3.2
|
|
'@primevue/core': ^4.2.5
|
|
'@primevue/forms': ^4.2.5
|
|
'@primevue/icons': 4.2.5
|
|
'@primevue/themes': ^4.2.5
|
|
'@sentry/vite-plugin': ^4.6.0
|
|
'@sentry/vue': ^10.32.1
|
|
'@sparkjsdev/spark': ^0.1.10
|
|
'@storybook/addon-docs': ^10.1.9
|
|
'@storybook/addon-mcp': 0.1.6
|
|
'@storybook/vue3': ^10.1.9
|
|
'@storybook/vue3-vite': ^10.1.9
|
|
'@tailwindcss/vite': ^4.1.12
|
|
'@types/fs-extra': ^11.0.4
|
|
'@types/jsdom': ^21.1.7
|
|
'@types/node': ^24.1.0
|
|
'@types/semver': ^7.7.0
|
|
'@types/three': ^0.169.0
|
|
'@vitejs/plugin-vue': ^6.0.0
|
|
'@vitest/coverage-v8': ^4.0.16
|
|
'@vitest/ui': ^4.0.16
|
|
'@vue/test-utils': ^2.4.6
|
|
'@vueuse/core': ^14.2.0
|
|
'@vueuse/integrations': ^14.2.0
|
|
'@webgpu/types': ^0.1.66
|
|
algoliasearch: ^5.21.0
|
|
axios: ^1.8.2
|
|
cross-env: ^10.1.0
|
|
cva: 1.0.0-beta.4
|
|
dotenv: ^16.4.5
|
|
eslint: ^9.39.1
|
|
eslint-config-prettier: ^10.1.8
|
|
eslint-import-resolver-typescript: ^4.4.4
|
|
eslint-plugin-import-x: ^4.16.1
|
|
eslint-plugin-oxlint: 1.25.0
|
|
eslint-plugin-storybook: ^10.1.9
|
|
eslint-plugin-unused-imports: ^4.3.0
|
|
eslint-plugin-vue: ^10.6.2
|
|
firebase: ^11.6.0
|
|
globals: ^16.5.0
|
|
happy-dom: ^20.0.11
|
|
husky: ^9.1.7
|
|
jiti: 2.6.1
|
|
jsdom: ^27.4.0
|
|
jsonata: ^2.1.0
|
|
knip: ^5.75.1
|
|
lint-staged: ^16.2.7
|
|
markdown-table: ^3.0.4
|
|
mixpanel-browser: ^2.71.0
|
|
nx: 22.2.6
|
|
oxfmt: ^0.26.0
|
|
oxlint: ^1.33.0
|
|
oxlint-tsgolint: ^0.9.1
|
|
picocolors: ^1.1.1
|
|
pinia: ^3.0.4
|
|
postcss-html: ^1.8.0
|
|
pretty-bytes: ^7.1.0
|
|
primeicons: ^7.0.0
|
|
primevue: ^4.2.5
|
|
reka-ui: ^2.5.0
|
|
rollup-plugin-visualizer: ^6.0.4
|
|
storybook: ^10.1.9
|
|
stylelint: ^16.26.1
|
|
tailwindcss: ^4.1.12
|
|
tailwindcss-primeui: ^0.6.1
|
|
tsx: ^4.15.6
|
|
tw-animate-css: ^1.3.8
|
|
typegpu: ^0.8.2
|
|
typescript: ^5.9.3
|
|
typescript-eslint: ^8.49.0
|
|
unplugin-icons: ^22.5.0
|
|
unplugin-typegpu: 0.8.0
|
|
unplugin-vue-components: ^30.0.0
|
|
vite: ^8.0.0-beta.8
|
|
vite-plugin-dts: ^4.5.4
|
|
vite-plugin-html: ^3.2.2
|
|
vite-plugin-vue-devtools: ^8.0.0
|
|
vitest: ^4.0.16
|
|
vue: ^3.5.13
|
|
vue-component-type-helpers: ^3.2.1
|
|
vue-eslint-parser: ^10.2.0
|
|
vue-i18n: ^9.14.3
|
|
vue-router: ^4.4.3
|
|
vue-tsc: ^3.2.1
|
|
vuefire: ^3.2.1
|
|
wwobjloader2: ^6.2.1
|
|
yjs: ^13.6.27
|
|
zod: ^3.23.8
|
|
zod-to-json-schema: ^3.24.1
|
|
zod-validation-error: ^3.3.0
|
|
|
|
cleanupUnusedCatalogs: true
|
|
|
|
ignoredBuiltDependencies:
|
|
- '@firebase/util'
|
|
- protobufjs
|
|
- unrs-resolver
|
|
- vue-demi
|
|
|
|
onlyBuiltDependencies:
|
|
- '@playwright/browser-chromium'
|
|
- '@playwright/browser-firefox'
|
|
- '@playwright/browser-webkit'
|
|
- '@sentry/cli'
|
|
- '@tailwindcss/oxide'
|
|
- esbuild
|
|
- nx
|
|
- oxc-resolver
|
|
|
|
overrides:
|
|
'@types/eslint': '-'
|