mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-01-26 19:09:52 +00:00
451ef24ea6
* [feat] Add Storybook setup and NodePreview story - Install and configure Storybook v9.1.1 for Vue 3 - Set up Storybook configuration with Vite integration - Add Pinia store support for Storybook environment - Create comprehensive NodePreview.stories.ts with multiple node examples: - KSampler node (complex node with multiple inputs/outputs) - CLIP Text Encode node (simple text input node) - VAE Decode node (image processing node) - Example with long markdown description - Configure project paths and aliases for Storybook - Stories demonstrate various ComfyUI node types with realistic mock data - Update tsconfig.eslint.json to include Storybook files - Fix ESLint issues with imports and number precision - Add Storybook ESLint plugin configuration 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com> * [feat] Improve Storybook configuration and setup - Add comprehensive PrimeVue theme setup with ComfyUI preset - Configure proper Vue app setup with Pinia stores, i18n, and services - Remove unused onboarding addon from Storybook dependencies - Improve Vite configuration with better chunking and alias resolution - Add proper CSS imports and styling for ComfyUI components 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com> * [docs] Add comprehensive Storybook documentation - Add README.md explaining Storybook usage, benefits, and comparison with other tools - Add CLAUDE.md with development guidelines for working with Storybook - Include best practices, troubleshooting tips, and integration notes - Address PR review feedback for better developer onboarding 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com> * [refactor] Remove ts-expect-error comment from Storybook preview 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com> * [bugfix] Fix TypeScript errors in Load3D components and GLTF test - Fix type mismatches in Load3DScene eventConfig by casting string values to proper enum types (MaterialMode, CameraType, UpDirection) - Fix Uint8Array vs ArrayBuffer type issues in GLTF test by using .buffer property - Remove unused @ts-expect-error comment in Rectangle.ts 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com> * [feat] Add Chromatic GitHub Action for Storybook visual testing - Add automated visual regression testing for Storybook components - Configure workflow to run on main branch and PRs - Auto-accept changes on main branch for baseline updates - Uses build-storybook script for optimized builds 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com> * [docs] Add Chromatic documentation to Storybook README - Document Chromatic visual testing integration - Add information about automated testing workflow - Include best practices for visual regression testing - Explain how to view and manage test results 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com> * chore(chromatic.yaml): restrict push branches to main only for better workflow management * [feat] Rebase branch onto main and update Storybook configuration - Rebase sno-storybook branch onto origin/main with latest changes - Update .storybook/main.ts with additional plugins and component configuration - Add icons and component resolvers for Storybook support - Update .gitignore with new entries - Regenerate package-lock.json after rebase conflicts 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com> * [bugfix] Fix TypeScript errors in SubgraphNode type checking Add proper type validation for subgraph node selection before calling SubgraphNode-specific methods. This prevents undefined values from being passed to functions expecting SubgraphNode parameters. 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com> * fix(vite.config.mts): correct path alias for src directory to ensure proper resolution in the project refactor(vite.config.mts): adjust templates proxy configuration for better readability and maintainability * [feat] Remove bun.lock as it's now ignored * [bugfix] Fix Storybook builder require() error by converting main.ts to main.mjs - Convert .storybook/main.ts to main.mjs to resolve ES module compatibility - Use dynamic imports instead of static imports to avoid require() errors - Add .storybook directory to tsconfig.json includes - Storybook build and dev server now work correctly 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com> * chore(storybook): replace main.mjs with main.ts for improved type safety and maintainability fix(storybook): remove unused import map plugins in Storybook configuration to prevent potential issues fix(storybook): update color palette store initialization to streamline code and improve readability * [feat] Optimize Chromatic workflow with automated PR status comments - Replace complex GitHub Script actions with edumserrano/find-create-or-update-comment@v3 - Add comprehensive PR comments showing Storybook build progress and results - Include build metrics: components, stories, visual changes, and errors - Add direct links to Chromatic builds and Storybook previews - Reduce workflow complexity by ~60 lines while maintaining functionality - Use native GitHub Actions expressions for cleaner maintainability 🤖 Generated with Claude Code Co-Authored-By: Claude <noreply@anthropic.com> * chore(chromatic.yaml): move permissions section inside the chromatic-deployment job for better organization and clarity * [fix] Resolve Vite CJS deprecation warning in Storybook config - Use dynamic import for mergeConfig to avoid CJS build warning - Replace static import with dynamic import in viteFinal function - Maintain type safety with separate type import - Fixes "The CJS build of Vite's Node API is deprecated" warning 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com> * fix(chromatic.yaml): change edit-mode from replace to append to preserve existing comments in pull request * [fix] Replace __dirname with process.cwd() in Storybook config __dirname is not available in all environments. Using process.cwd() provides better compatibility and resolves path issues in Storybook. 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com> * feature: storybook-setting (#5088) --------- Co-authored-by: Claude <noreply@anthropic.com> Co-authored-by: Jin Yi <jin12cc@gmail.com>
129 lines
4.4 KiB
JSON
129 lines
4.4 KiB
JSON
{
|
|
"name": "@comfyorg/comfyui-frontend",
|
|
"private": true,
|
|
"version": "1.26.4",
|
|
"type": "module",
|
|
"repository": "https://github.com/Comfy-Org/ComfyUI_frontend",
|
|
"homepage": "https://comfy.org",
|
|
"description": "Official front-end implementation of ComfyUI",
|
|
"license": "GPL-3.0-only",
|
|
"scripts": {
|
|
"dev": "vite",
|
|
"dev:electron": "vite --config vite.electron.config.mts",
|
|
"build": "npm run typecheck && vite build",
|
|
"build:types": "vite build --config vite.types.config.mts && node scripts/prepare-types.js",
|
|
"zipdist": "node scripts/zipdist.js",
|
|
"typecheck": "vue-tsc --noEmit",
|
|
"format": "prettier --write './**/*.{js,ts,tsx,vue,mts}'",
|
|
"format:check": "prettier --check './**/*.{js,ts,tsx,vue,mts}'",
|
|
"test:browser": "npx playwright test",
|
|
"test:unit": "vitest run tests-ui/tests",
|
|
"test:component": "vitest run src/components/",
|
|
"prepare": "husky || true && git config blame.ignoreRevsFile .git-blame-ignore-revs || true",
|
|
"preview": "vite preview",
|
|
"lint": "eslint src --cache",
|
|
"lint:fix": "eslint src --cache --fix",
|
|
"lint:no-cache": "eslint src",
|
|
"lint:fix:no-cache": "eslint src --fix",
|
|
"knip": "knip",
|
|
"locale": "lobe-i18n locale",
|
|
"collect-i18n": "playwright test --config=playwright.i18n.config.ts",
|
|
"json-schema": "tsx scripts/generate-json-schema.ts",
|
|
"storybook": "storybook dev -p 6006",
|
|
"build-storybook": "storybook build"
|
|
},
|
|
"devDependencies": {
|
|
"@eslint/js": "^9.8.0",
|
|
"@executeautomation/playwright-mcp-server": "^1.0.5",
|
|
"@iconify/json": "^2.2.245",
|
|
"@intlify/eslint-plugin-vue-i18n": "^3.2.0",
|
|
"@lobehub/i18n-cli": "^1.20.0",
|
|
"@pinia/testing": "^0.1.5",
|
|
"@playwright/test": "^1.52.0",
|
|
"@storybook/addon-docs": "^9.1.1",
|
|
"@storybook/vue3-vite": "^9.1.1",
|
|
"@trivago/prettier-plugin-sort-imports": "^5.2.0",
|
|
"@types/dompurify": "^3.0.5",
|
|
"@types/fs-extra": "^11.0.4",
|
|
"@types/node": "^20.14.8",
|
|
"@types/semver": "^7.7.0",
|
|
"@types/three": "^0.169.0",
|
|
"@vitejs/plugin-vue": "^5.1.4",
|
|
"@vue/test-utils": "^2.4.6",
|
|
"autoprefixer": "^10.4.19",
|
|
"chalk": "^5.3.0",
|
|
"eslint": "^9.12.0",
|
|
"eslint-config-prettier": "^10.1.2",
|
|
"eslint-plugin-prettier": "^5.2.6",
|
|
"eslint-plugin-storybook": "^9.1.1",
|
|
"eslint-plugin-unused-imports": "^4.1.4",
|
|
"eslint-plugin-vue": "^9.27.0",
|
|
"fs-extra": "^11.2.0",
|
|
"globals": "^15.9.0",
|
|
"happy-dom": "^15.11.0",
|
|
"husky": "^9.0.11",
|
|
"identity-obj-proxy": "^3.0.0",
|
|
"knip": "^5.62.0",
|
|
"lint-staged": "^15.2.7",
|
|
"postcss": "^8.4.39",
|
|
"prettier": "^3.3.2",
|
|
"storybook": "^9.1.1",
|
|
"tailwindcss": "^3.4.4",
|
|
"tsx": "^4.15.6",
|
|
"typescript": "^5.4.5",
|
|
"typescript-eslint": "^8.0.0",
|
|
"unplugin-icons": "^0.22.0",
|
|
"unplugin-vue-components": "^0.28.0",
|
|
"vite": "^5.4.19",
|
|
"vite-plugin-dts": "^4.3.0",
|
|
"vite-plugin-html": "^3.2.2",
|
|
"vite-plugin-vue-devtools": "^7.7.6",
|
|
"vitest": "^2.0.0",
|
|
"vue-tsc": "^2.1.10",
|
|
"zip-dir": "^2.0.0",
|
|
"zod-to-json-schema": "^3.24.1"
|
|
},
|
|
"dependencies": {
|
|
"@alloc/quick-lru": "^5.2.0",
|
|
"@atlaskit/pragmatic-drag-and-drop": "^1.3.1",
|
|
"@comfyorg/comfyui-electron-types": "^0.4.43",
|
|
"@primevue/forms": "^4.2.5",
|
|
"@primevue/themes": "^4.2.5",
|
|
"@sentry/vue": "^8.48.0",
|
|
"@tiptap/core": "^2.10.4",
|
|
"@tiptap/extension-link": "^2.10.4",
|
|
"@tiptap/extension-table": "^2.10.4",
|
|
"@tiptap/extension-table-cell": "^2.10.4",
|
|
"@tiptap/extension-table-header": "^2.10.4",
|
|
"@tiptap/extension-table-row": "^2.10.4",
|
|
"@tiptap/starter-kit": "^2.10.4",
|
|
"@vueuse/core": "^11.0.0",
|
|
"@xterm/addon-fit": "^0.10.0",
|
|
"@xterm/addon-serialize": "^0.13.0",
|
|
"@xterm/xterm": "^5.5.0",
|
|
"algoliasearch": "^5.21.0",
|
|
"axios": "^1.8.2",
|
|
"dompurify": "^3.2.5",
|
|
"dotenv": "^16.4.5",
|
|
"es-toolkit": "^1.39.9",
|
|
"extendable-media-recorder": "^9.2.27",
|
|
"extendable-media-recorder-wav-encoder": "^7.0.129",
|
|
"firebase": "^11.6.0",
|
|
"fuse.js": "^7.0.0",
|
|
"jsondiffpatch": "^0.6.0",
|
|
"loglevel": "^1.9.2",
|
|
"marked": "^15.0.11",
|
|
"pinia": "^2.1.7",
|
|
"primeicons": "^7.0.0",
|
|
"primevue": "^4.2.5",
|
|
"semver": "^7.7.2",
|
|
"three": "^0.170.0",
|
|
"tiptap-markdown": "^0.8.10",
|
|
"vue": "^3.5.13",
|
|
"vue-i18n": "^9.14.3",
|
|
"vue-router": "^4.4.3",
|
|
"vuefire": "^3.2.1",
|
|
"zod": "^3.23.8",
|
|
"zod-validation-error": "^3.3.0"
|
|
}
|
|
} |