mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-05-22 21:38:52 +00:00
29ade5092d
Replace the third feature video in ProductShowcaseSection with a lottie-driven scene that composites multiple looping webms via SVG masks. - New LottieVideoPlayer (apps/website/src/components/common) wraps lottie-web SVG renderer, swaps each <image> asset with <foreignObject><video> so the masked video assets actually render, exposes src/assetsPath/poster/playing/posterClass props and a ready event. - ProductShowcaseSection wires the third feature to the new player (CDN: media.comfy.org/website/homepage/showcase/scene3) and shows the poster overlay until all videos hit loadeddata, then starts lottie from frame 0 for a smooth handoff. - scene3.json kept locally; webms + poster.webp uploaded to gs://comfy-org-videos/website/homepage/showcase/scene3/ and resolved via lottie's assetsPath option. Amp-Thread-ID: https://ampcode.com/threads/T-019e05c2-8630-75cb-8aad-cb386cd61a32 Co-authored-by: Amp <amp@ampcode.com>
130 lines
3.2 KiB
JSON
130 lines
3.2 KiB
JSON
{
|
|
"name": "@comfyorg/website",
|
|
"version": "0.0.1",
|
|
"private": true,
|
|
"type": "module",
|
|
"scripts": {
|
|
"dev": "astro dev",
|
|
"dev:no-toolbar": "cross-env NO_TOOLBAR=1 astro dev",
|
|
"build": "astro build",
|
|
"preview": "astro preview",
|
|
"typecheck": "astro check",
|
|
"test:unit": "vitest run",
|
|
"test:coverage": "vitest run --coverage",
|
|
"test:e2e": "playwright test",
|
|
"test:e2e:local": "cross-env PLAYWRIGHT_LOCAL=1 playwright test",
|
|
"test:visual": "playwright test --project visual",
|
|
"test:visual:update": "playwright test --project visual --update-snapshots",
|
|
"ashby:refresh-snapshot": "tsx ./scripts/refresh-ashby-snapshot.ts"
|
|
},
|
|
"dependencies": {
|
|
"@astrojs/sitemap": "catalog:",
|
|
"@comfyorg/design-system": "workspace:*",
|
|
"@comfyorg/tailwind-utils": "workspace:*",
|
|
"@vercel/analytics": "catalog:",
|
|
"@vueuse/core": "catalog:",
|
|
"cva": "catalog:",
|
|
"gsap": "catalog:",
|
|
"lenis": "catalog:",
|
|
"lottie-web": "catalog:",
|
|
"posthog-js": "catalog:",
|
|
"three": "catalog:",
|
|
"vue": "catalog:",
|
|
"zod": "catalog:"
|
|
},
|
|
"devDependencies": {
|
|
"@astrojs/check": "catalog:",
|
|
"@astrojs/vue": "catalog:",
|
|
"@playwright/test": "catalog:",
|
|
"@tailwindcss/vite": "catalog:",
|
|
"astro": "catalog:",
|
|
"tailwindcss": "catalog:",
|
|
"tsx": "catalog:",
|
|
"typescript": "catalog:",
|
|
"vitest": "catalog:"
|
|
},
|
|
"nx": {
|
|
"tags": [
|
|
"scope:website",
|
|
"type:app"
|
|
],
|
|
"targets": {
|
|
"dev": {
|
|
"executor": "nx:run-commands",
|
|
"continuous": true,
|
|
"options": {
|
|
"cwd": "apps/website",
|
|
"command": "astro dev"
|
|
}
|
|
},
|
|
"serve": {
|
|
"executor": "nx:run-commands",
|
|
"continuous": true,
|
|
"options": {
|
|
"cwd": "apps/website",
|
|
"command": "astro dev"
|
|
}
|
|
},
|
|
"build": {
|
|
"executor": "nx:run-commands",
|
|
"cache": true,
|
|
"dependsOn": [
|
|
"^build"
|
|
],
|
|
"options": {
|
|
"cwd": "apps/website",
|
|
"command": "astro build"
|
|
},
|
|
"outputs": [
|
|
"{projectRoot}/dist"
|
|
]
|
|
},
|
|
"preview": {
|
|
"executor": "nx:run-commands",
|
|
"continuous": true,
|
|
"dependsOn": [
|
|
"build"
|
|
],
|
|
"options": {
|
|
"cwd": "apps/website",
|
|
"command": "astro preview"
|
|
}
|
|
},
|
|
"typecheck": {
|
|
"executor": "nx:run-commands",
|
|
"cache": true,
|
|
"options": {
|
|
"cwd": "apps/website",
|
|
"command": "astro check"
|
|
}
|
|
},
|
|
"test:unit": {
|
|
"executor": "nx:run-commands",
|
|
"cache": true,
|
|
"options": {
|
|
"cwd": "apps/website",
|
|
"command": "vitest run"
|
|
}
|
|
},
|
|
"test:coverage": {
|
|
"executor": "nx:run-commands",
|
|
"cache": true,
|
|
"options": {
|
|
"cwd": "apps/website",
|
|
"command": "vitest run --coverage"
|
|
}
|
|
},
|
|
"test:e2e": {
|
|
"executor": "nx:run-commands",
|
|
"dependsOn": [
|
|
"build"
|
|
],
|
|
"options": {
|
|
"cwd": "apps/website",
|
|
"command": "playwright test"
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|