From 1aafaa4586b68825766bafdb010e6346790e3029 Mon Sep 17 00:00:00 2001 From: storyloft Date: Tue, 9 Sep 2025 11:29:39 -0500 Subject: [PATCH 1/2] Delete packages/sdk-components-animation directory --- packages/sdk-components-animation/LICENSE | 49 ------------ packages/sdk-components-animation/README.md | 4 - .../sdk-components-animation/package.json | 80 ------------------- packages/sdk-components-animation/private-src | 1 - .../__generated__/animate-children.props.ts | 10 --- .../src/__generated__/animate-text.props.ts | 46 ----------- .../__generated__/stagger-animation.props.ts | 37 --------- .../__generated__/video-animation.props.ts | 5 -- .../src/animate-children.tsx | 48 ----------- .../src/animate-children.ws.ts | 29 ------- .../src/animate-text.tsx | 57 ------------- .../src/animate-text.ws.ts | 20 ----- .../src/components.ts | 4 - .../sdk-components-animation/src/hooks.ts | 4 - .../sdk-components-animation/src/metas.ts | 4 - .../src/shared/create-progress-animation.tsx | 12 --- .../src/shared/meta.ts | 14 ---- .../src/shared/proxy.ts | 3 - .../src/stagger-animation.tsx | 45 ----------- .../src/stagger-animation.ws.ts | 20 ----- .../sdk-components-animation/src/templates.ts | 1 - .../src/video-animation.template.tsx | 19 ----- .../src/video-animation.tsx | 5 -- .../src/video-animation.ws.ts | 16 ---- .../tsconfig.dts.json | 8 -- .../sdk-components-animation/tsconfig.json | 16 ---- .../sdk-components-animation/vite.config.ts | 30 ------- .../sdk-components-animation/vitest.config.ts | 62 -------------- 28 files changed, 649 deletions(-) delete mode 100644 packages/sdk-components-animation/LICENSE delete mode 100644 packages/sdk-components-animation/README.md delete mode 100644 packages/sdk-components-animation/package.json delete mode 160000 packages/sdk-components-animation/private-src delete mode 100644 packages/sdk-components-animation/src/__generated__/animate-children.props.ts delete mode 100644 packages/sdk-components-animation/src/__generated__/animate-text.props.ts delete mode 100644 packages/sdk-components-animation/src/__generated__/stagger-animation.props.ts delete mode 100644 packages/sdk-components-animation/src/__generated__/video-animation.props.ts delete mode 100644 packages/sdk-components-animation/src/animate-children.tsx delete mode 100644 packages/sdk-components-animation/src/animate-children.ws.ts delete mode 100644 packages/sdk-components-animation/src/animate-text.tsx delete mode 100644 packages/sdk-components-animation/src/animate-text.ws.ts delete mode 100644 packages/sdk-components-animation/src/components.ts delete mode 100644 packages/sdk-components-animation/src/hooks.ts delete mode 100644 packages/sdk-components-animation/src/metas.ts delete mode 100644 packages/sdk-components-animation/src/shared/create-progress-animation.tsx delete mode 100644 packages/sdk-components-animation/src/shared/meta.ts delete mode 100644 packages/sdk-components-animation/src/shared/proxy.ts delete mode 100644 packages/sdk-components-animation/src/stagger-animation.tsx delete mode 100644 packages/sdk-components-animation/src/stagger-animation.ws.ts delete mode 100644 packages/sdk-components-animation/src/templates.ts delete mode 100644 packages/sdk-components-animation/src/video-animation.template.tsx delete mode 100644 packages/sdk-components-animation/src/video-animation.tsx delete mode 100644 packages/sdk-components-animation/src/video-animation.ws.ts delete mode 100644 packages/sdk-components-animation/tsconfig.dts.json delete mode 100644 packages/sdk-components-animation/tsconfig.json delete mode 100644 packages/sdk-components-animation/vite.config.ts delete mode 100644 packages/sdk-components-animation/vitest.config.ts diff --git a/packages/sdk-components-animation/LICENSE b/packages/sdk-components-animation/LICENSE deleted file mode 100644 index 8c825dc3b4a1..000000000000 --- a/packages/sdk-components-animation/LICENSE +++ /dev/null @@ -1,49 +0,0 @@ -Webstudio, Inc. End User License Agreement (EULA) - -Last updated: August 3, 2025 - -1. Definitions - “Agreement” means this End User License Agreement. - “Company” means Webstudio, Inc., its successors and assigns. - “Software” means the computer programs identified by this Agreement, including any updates, upgrades, and accompanying documentation. - “Licensee” or “You” means the individual or legal entity that has downloaded, installed, or is using the Software. - -2. Grant of License - Subject to the terms of this Agreement, Company grants You a non-exclusive, non-transferable, revocable, limited license to: - a. Use the Software solely for Your internal business purposes on the number of devices or seats for which You have purchased licenses. - b. Run the Software in object code form only. - No other rights are granted. - -3. Restrictions - You shall not, and shall not permit any third party to: - a. Copy, reproduce, or distribute the Software, in whole or in part, except as expressly authorized in writing by Company. - b. Modify, adapt, translate, or create derivative works of the Software, or merge the Software into any other program. - c. Reverse-engineer, decompile, disassemble, or otherwise attempt to discover the source code of the Software. - d. Rent, lease, sell, sublicense, or otherwise transfer rights to the Software. - e. Remove, alter, or obscure any proprietary notices, including copyright notices, on the Software. - -4. Ownership - The Software is licensed, not sold. Company and its licensors retain all right, title, and interest in and to the Software, including intellectual property rights. - -5. Updates and Support - Company may, in its sole discretion, provide updates, upgrades, or support services for the Software under a separate support agreement. - -6. Term and Termination - This Agreement remains in effect until terminated. Your rights under this Agreement terminate automatically if You fail to comply with any term. Upon termination, You must cease all use of the Software and destroy all copies in Your possession. - -7. Warranty Disclaimer - THE SOFTWARE IS PROVIDED “AS IS” WITHOUT WARRANTY OF ANY KIND. TO THE MAXIMUM EXTENT PERMITTED BY LAW, COMPANY DISCLAIMS ALL WARRANTIES, EXPRESS OR IMPLIED, INCLUDING WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, AND NON-INFRINGEMENT. - -8. Limitation of Liability - IN NO EVENT WILL COMPANY BE LIABLE FOR ANY INDIRECT, INCIDENTAL, SPECIAL, OR CONSEQUENTIAL DAMAGES ARISING FROM OR RELATED TO THE SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGES. COMPANY’S AGGREGATE LIABILITY UNDER THIS AGREEMENT WILL NOT EXCEED THE LICENSE FEES PAID BY YOU. - -9. Governing Law and Dispute Resolution - This Agreement will be governed by the laws of the State of Delaware without regard to conflict of law principles. Any dispute will be resolved in the state or federal courts in the State of Delaware. - -10. Export Compliance - You agree to comply with all export laws and regulations of the United States and any other applicable jurisdiction. - -11. Entire Agreement - This Agreement constitutes the entire agreement between You and Company regarding the Software and supersedes all prior understandings. - -SPDX-License-Identifier: LicenseRef-Webstudio,Inc-Proprietary diff --git a/packages/sdk-components-animation/README.md b/packages/sdk-components-animation/README.md deleted file mode 100644 index 0f911cd0c1f8..000000000000 --- a/packages/sdk-components-animation/README.md +++ /dev/null @@ -1,4 +0,0 @@ -# Radix Components for Webstudio - -Radix Primitives is a low-level UI component library with a focus on accessibility and customization. -Default styling is inspired by https://ui.shadcn.com/docs. diff --git a/packages/sdk-components-animation/package.json b/packages/sdk-components-animation/package.json deleted file mode 100644 index 6781eb96fad1..000000000000 --- a/packages/sdk-components-animation/package.json +++ /dev/null @@ -1,80 +0,0 @@ -{ - "name": "@webstudio-is/sdk-components-animation", - "version": "0.0.0-webstudio-version", - "description": "Webstudio components for animation", - "author": "Webstudio ", - "homepage": "https://webstudio.is", - "license": "LicenseRef-Webstudio,Inc-Proprietary", - "private": false, - "type": "module", - "sideEffects": false, - "files": [ - "lib/*", - "!*.{test,stories}.*" - ], - "exports": { - ".": { - "webstudio-private": "./private-src/components.ts", - "webstudio": "./src/components.ts", - "types": "./lib/types/components.d.ts", - "import": "./lib/components.js" - }, - "./metas": { - "webstudio": "./src/metas.ts", - "types": "./lib/types/metas.d.ts", - "import": "./lib/metas.js" - }, - "./hooks": { - "webstudio": "./src/hooks.ts", - "types": "./lib/types/hooks.d.ts", - "import": "./lib/hooks.js" - }, - "./templates": { - "webstudio": "./src/templates.ts", - "types": "./lib/types/templates.d.ts", - "import": "./lib/templates.js" - } - }, - "scripts": { - "build": "vite build && esbuild './lib/*' --outdir=./lib --minify --allow-overwrite --banner:js='//! SPDX-License-Identifier: LicenseRef-Webstudio,Inc-Proprietary'", - "build:args": "NODE_OPTIONS=--conditions=webstudio generate-arg-types './src/*.tsx !./src/*.stories.tsx !./src/*.ws.ts !./src/*.template.tsx !./src/*.test.{ts,tsx}' -e asChild -e modal -e defaultOpen -e defaultChecked && prettier --write \"**/*.props.ts\"", - "build:stories": "webstudio-sdk generate-stories && prettier --write \"src/__generated__/*.stories.tsx\"", - "dts": "tsc --project tsconfig.dts.json", - "typecheck": "tsc", - "test": "vitest run", - "playwright-init": "playwright install --with-deps" - }, - "peerDependencies": { - "react": "18.3.0-canary-14898b6a9-20240318", - "react-dom": "18.3.0-canary-14898b6a9-20240318" - }, - "dependencies": { - "@webstudio-is/css-engine": "workspace:*", - "@webstudio-is/icons": "workspace:*", - "@webstudio-is/react-sdk": "workspace:*", - "@webstudio-is/sdk": "workspace:*", - "change-case": "^5.4.4", - "nanostores": "^0.11.3", - "react-error-boundary": "^5.0.0", - "shallow-equal": "^3.1.0" - }, - "devDependencies": { - "@types/react": "^18.2.70", - "@types/react-dom": "^18.2.25", - "@vitest/browser": "^3.0.8", - "@webstudio-is/css-data": "workspace:*", - "@webstudio-is/design-system": "workspace:*", - "@webstudio-is/generate-arg-types": "workspace:*", - "@webstudio-is/sdk-cli": "workspace:^", - "@webstudio-is/sdk-components-react": "workspace:*", - "@webstudio-is/template": "workspace:*", - "@webstudio-is/tsconfig": "workspace:*", - "fast-glob": "^3.3.2", - "playwright": "^1.50.1", - "react": "18.3.0-canary-14898b6a9-20240318", - "react-dom": "18.3.0-canary-14898b6a9-20240318", - "type-fest": "^4.37.0", - "vitest": "^3.1.2", - "zod": "^3.24.2" - } -} diff --git a/packages/sdk-components-animation/private-src b/packages/sdk-components-animation/private-src deleted file mode 160000 index 527f1e607473..000000000000 --- a/packages/sdk-components-animation/private-src +++ /dev/null @@ -1 +0,0 @@ -Subproject commit 527f1e6074734eb44025d0d7a946d1eba28dda14 diff --git a/packages/sdk-components-animation/src/__generated__/animate-children.props.ts b/packages/sdk-components-animation/src/__generated__/animate-children.props.ts deleted file mode 100644 index fdadfcf1d21d..000000000000 --- a/packages/sdk-components-animation/src/__generated__/animate-children.props.ts +++ /dev/null @@ -1,10 +0,0 @@ -import type { PropMeta } from "@webstudio-is/sdk"; - -export const props: Record = { - debug: { - required: false, - control: "boolean", - type: "boolean", - defaultValue: false, - }, -}; diff --git a/packages/sdk-components-animation/src/__generated__/animate-text.props.ts b/packages/sdk-components-animation/src/__generated__/animate-text.props.ts deleted file mode 100644 index c4024d67766d..000000000000 --- a/packages/sdk-components-animation/src/__generated__/animate-text.props.ts +++ /dev/null @@ -1,46 +0,0 @@ -import type { PropMeta } from "@webstudio-is/sdk"; - -export const props: Record = { - className: { - required: false, - control: "text", - type: "string", - description: "Classes to which the element belongs", - }, - easing: { - description: "Easing function applied within the sliding window.", - required: false, - control: "select", - type: "string", - defaultValue: "linear", - options: [ - "linear", - "easeIn", - "easeInCubic", - "easeInQuart", - "easeOut", - "easeOutCubic", - "easeOutQuart", - "ease", - "easeInOutCubic", - "easeInOutQuart", - ], - }, - slidingWindow: { - description: - "Size of the sliding window for the animation:\n- 0: Typewriter effect (no animation).\n- (0..1]: Animates one part of the text at a time.\n- (1..n]: Animates multiple parts of the text within the sliding window.", - required: false, - control: "number", - type: "number", - defaultValue: 5, - }, - splitBy: { - description: - "Defines how the text is split for animation (e.g., by character, space, or symbol).", - required: false, - control: "select", - type: "string", - defaultValue: "char", - options: ["char", "space", 'symbol "#"', 'symbol "~"'], - }, -}; diff --git a/packages/sdk-components-animation/src/__generated__/stagger-animation.props.ts b/packages/sdk-components-animation/src/__generated__/stagger-animation.props.ts deleted file mode 100644 index 4e2a36b860a2..000000000000 --- a/packages/sdk-components-animation/src/__generated__/stagger-animation.props.ts +++ /dev/null @@ -1,37 +0,0 @@ -import type { PropMeta } from "@webstudio-is/sdk"; - -export const props: Record = { - className: { - required: false, - control: "text", - type: "string", - description: "Classes to which the element belongs", - }, - easing: { - description: "Easing function applied within the sliding window.", - required: false, - control: "select", - type: "string", - defaultValue: "linear", - options: [ - "linear", - "easeIn", - "easeInCubic", - "easeInQuart", - "easeOut", - "easeOutCubic", - "easeOutQuart", - "ease", - "easeInOutCubic", - "easeInOutQuart", - ], - }, - slidingWindow: { - description: - "Size of the sliding window for the animation:\n- 0: Typewriter effect (no animation).\n- (0..1]: Animates one child at a time.\n- (1..n]: Animates multiple children within the sliding window.", - required: false, - control: "number", - type: "number", - defaultValue: 1, - }, -}; diff --git a/packages/sdk-components-animation/src/__generated__/video-animation.props.ts b/packages/sdk-components-animation/src/__generated__/video-animation.props.ts deleted file mode 100644 index 09aa535b7ed8..000000000000 --- a/packages/sdk-components-animation/src/__generated__/video-animation.props.ts +++ /dev/null @@ -1,5 +0,0 @@ -import type { PropMeta } from "@webstudio-is/sdk"; - -export const props: Record = { - timeline: { required: false, control: "boolean", type: "boolean" }, -}; diff --git a/packages/sdk-components-animation/src/animate-children.tsx b/packages/sdk-components-animation/src/animate-children.tsx deleted file mode 100644 index d4513ac395ef..000000000000 --- a/packages/sdk-components-animation/src/animate-children.tsx +++ /dev/null @@ -1,48 +0,0 @@ -import { forwardRef, type ElementRef } from "react"; -import type { Hook } from "@webstudio-is/react-sdk"; -import type { AnimationAction } from "@webstudio-is/sdk"; -import { animationCanPlayOnCanvasProperty } from "@webstudio-is/sdk/runtime"; - -type ScrollProps = { - debug?: boolean; - children?: React.ReactNode; - action: AnimationAction; -}; - -export const AnimateChildren = forwardRef, ScrollProps>( - ({ debug = false, action, ...props }, ref) => { - return
; - } -); - -const displayName = "AnimateChildren"; -AnimateChildren.displayName = displayName; - -const namespace = "@webstudio-is/sdk-components-animation"; - -export const hooksAnimateChildren: Hook = { - onNavigatorUnselect: (context, event) => { - if ( - event.instancePath.length > 0 && - event.instancePath[0].component === `${namespace}:${displayName}` - ) { - context.setMemoryProp( - event.instancePath[0], - animationCanPlayOnCanvasProperty, - undefined - ); - } - }, - onNavigatorSelect: (context, event) => { - if ( - event.instancePath.length > 0 && - event.instancePath[0].component === `${namespace}:${displayName}` - ) { - context.setMemoryProp( - event.instancePath[0], - animationCanPlayOnCanvasProperty, - true - ); - } - }, -}; diff --git a/packages/sdk-components-animation/src/animate-children.ws.ts b/packages/sdk-components-animation/src/animate-children.ws.ts deleted file mode 100644 index 10a4cc204cb0..000000000000 --- a/packages/sdk-components-animation/src/animate-children.ws.ts +++ /dev/null @@ -1,29 +0,0 @@ -import { AnimationGroupIcon } from "@webstudio-is/icons/svg"; -import type { WsComponentMeta } from "@webstudio-is/sdk"; -import { animation } from "./shared/meta"; - -export const meta: WsComponentMeta = { - category: "animations", - description: "Animation Group component is designed to animate its children.", - icon: AnimationGroupIcon, - order: 0, - label: "Animation Group", - contentModel: { - category: "instance", - children: [ - "instance", - animation.AnimateText, - animation.StaggerAnimation, - animation.VideoAnimation, - ], - }, - initialProps: ["action"], - props: { - action: { - required: false, - control: "animationAction", - type: "animationAction", - description: "Animation Action", - }, - }, -}; diff --git a/packages/sdk-components-animation/src/animate-text.tsx b/packages/sdk-components-animation/src/animate-text.tsx deleted file mode 100644 index e8547345b4f9..000000000000 --- a/packages/sdk-components-animation/src/animate-text.tsx +++ /dev/null @@ -1,57 +0,0 @@ -import { forwardRef, type ElementRef } from "react"; - -const easings = { - linear: true, - easeIn: true, - easeInCubic: true, - easeInQuart: true, - easeOut: true, - easeOutCubic: true, - easeOutQuart: true, - ease: true, - easeInOutCubic: true, - easeInOutQuart: true, -}; - -const split = { - char: true, - space: true, - 'symbol "#"': true, - 'symbol "~"': true, -}; - -type AnimateChildrenProps = { - /** - * Size of the sliding window for the animation: - * - 0: Typewriter effect (no animation). - * - (0..1]: Animates one part of the text at a time. - * - (1..n]: Animates multiple parts of the text within the sliding window. - */ - slidingWindow?: number; - /** - * Easing function applied within the sliding window. - */ - easing?: keyof typeof easings; - /** - * Text content to animate. - */ - children: React.ReactNode; - /** - * Defines how the text is split for animation (e.g., by character, space, or symbol). - */ - splitBy?: keyof typeof split; -} & { - className?: string; -}; - -export const AnimateText = forwardRef, AnimateChildrenProps>( - ( - { slidingWindow = 5, easing = "linear", splitBy = "char", ...props }, - ref - ) => { - return
; - } -); - -const displayName = "AnimateText"; -AnimateText.displayName = displayName; diff --git a/packages/sdk-components-animation/src/animate-text.ws.ts b/packages/sdk-components-animation/src/animate-text.ws.ts deleted file mode 100644 index c2849192c82d..000000000000 --- a/packages/sdk-components-animation/src/animate-text.ws.ts +++ /dev/null @@ -1,20 +0,0 @@ -import { TextAnimationIcon } from "@webstudio-is/icons/svg"; -import type { WsComponentMeta } from "@webstudio-is/sdk"; -import { div } from "@webstudio-is/sdk/normalize.css"; -import { props } from "./__generated__/animate-text.props"; - -export const meta: WsComponentMeta = { - category: "animations", - description: - "Text animation allows you to split text by char or by word to animate it.", - icon: TextAnimationIcon, - order: 1, - label: "Text Animation", - contentModel: { - category: "none", - children: ["instance"], - }, - presetStyle: { div }, - initialProps: ["slidingWindow", "easing", "splitBy"], - props, -}; diff --git a/packages/sdk-components-animation/src/components.ts b/packages/sdk-components-animation/src/components.ts deleted file mode 100644 index 5cff58a1da92..000000000000 --- a/packages/sdk-components-animation/src/components.ts +++ /dev/null @@ -1,4 +0,0 @@ -export { AnimateChildren } from "./animate-children"; -export { AnimateText } from "./animate-text"; -export { StaggerAnimation } from "./stagger-animation"; -export { VideoAnimation } from "./video-animation"; diff --git a/packages/sdk-components-animation/src/hooks.ts b/packages/sdk-components-animation/src/hooks.ts deleted file mode 100644 index 056ef4c318cc..000000000000 --- a/packages/sdk-components-animation/src/hooks.ts +++ /dev/null @@ -1,4 +0,0 @@ -import type { Hook } from "@webstudio-is/react-sdk"; -import { hooksAnimateChildren } from "./animate-children"; - -export const hooks: Hook[] = [hooksAnimateChildren]; diff --git a/packages/sdk-components-animation/src/metas.ts b/packages/sdk-components-animation/src/metas.ts deleted file mode 100644 index 955bfb75f14b..000000000000 --- a/packages/sdk-components-animation/src/metas.ts +++ /dev/null @@ -1,4 +0,0 @@ -export { meta as AnimateChildren } from "./animate-children.ws"; -export { meta as AnimateText } from "./animate-text.ws"; -export { meta as StaggerAnimation } from "./stagger-animation.ws"; -export { meta as VideoAnimation } from "./video-animation.ws"; diff --git a/packages/sdk-components-animation/src/shared/create-progress-animation.tsx b/packages/sdk-components-animation/src/shared/create-progress-animation.tsx deleted file mode 100644 index 3bae1cd1f379..000000000000 --- a/packages/sdk-components-animation/src/shared/create-progress-animation.tsx +++ /dev/null @@ -1,12 +0,0 @@ -import { forwardRef, type ElementRef } from "react"; - -// eslint-disable-next-line @typescript-eslint/no-empty-object-type -type ProgressAnimationProps = {}> = { - children: React.ReactNode; -} & T; - -export const createProgressAnimation = >() => - forwardRef, ProgressAnimationProps>((props, ref) => { - // Implementation is located in private-src - return
; - }); diff --git a/packages/sdk-components-animation/src/shared/meta.ts b/packages/sdk-components-animation/src/shared/meta.ts deleted file mode 100644 index 3e351858a44b..000000000000 --- a/packages/sdk-components-animation/src/shared/meta.ts +++ /dev/null @@ -1,14 +0,0 @@ -const createMetaProxy = (prefix: string): Record => { - return new Proxy( - {}, - { - get(_target, prop) { - return `${prefix}${prop as string}`; - }, - } - ); -}; - -export const animation = createMetaProxy( - "@webstudio-is/sdk-components-animation:" -); diff --git a/packages/sdk-components-animation/src/shared/proxy.ts b/packages/sdk-components-animation/src/shared/proxy.ts deleted file mode 100644 index 8145a83a563f..000000000000 --- a/packages/sdk-components-animation/src/shared/proxy.ts +++ /dev/null @@ -1,3 +0,0 @@ -import { createProxy } from "@webstudio-is/template"; - -export const animation = createProxy("@webstudio-is/sdk-components-animation:"); diff --git a/packages/sdk-components-animation/src/stagger-animation.tsx b/packages/sdk-components-animation/src/stagger-animation.tsx deleted file mode 100644 index 41c2a47c49b4..000000000000 --- a/packages/sdk-components-animation/src/stagger-animation.tsx +++ /dev/null @@ -1,45 +0,0 @@ -import { forwardRef, type ElementRef } from "react"; - -const easings = { - linear: true, - easeIn: true, - easeInCubic: true, - easeInQuart: true, - easeOut: true, - easeOutCubic: true, - easeOutQuart: true, - ease: true, - easeInOutCubic: true, - easeInOutQuart: true, -}; - -type StaggerAnimationProps = { - /** - * Size of the sliding window for the animation: - * - 0: Typewriter effect (no animation). - * - (0..1]: Animates one child at a time. - * - (1..n]: Animates multiple children within the sliding window. - */ - slidingWindow?: number; - /** - * Easing function applied within the sliding window. - */ - easing?: keyof typeof easings; - /** - * Text content to animate. - */ - children: React.ReactNode; -} & { - className?: string; -}; - -export const StaggerAnimation = forwardRef< - ElementRef<"div">, - StaggerAnimationProps ->(({ slidingWindow = 1, easing = "linear", ...props }, ref) => { - // Implementation is located in private-src - return
; -}); - -const displayName = "StaggerAnimation"; -StaggerAnimation.displayName = displayName; diff --git a/packages/sdk-components-animation/src/stagger-animation.ws.ts b/packages/sdk-components-animation/src/stagger-animation.ws.ts deleted file mode 100644 index 8f5fdb17a0ae..000000000000 --- a/packages/sdk-components-animation/src/stagger-animation.ws.ts +++ /dev/null @@ -1,20 +0,0 @@ -import { StaggerAnimationIcon } from "@webstudio-is/icons/svg"; -import type { WsComponentMeta } from "@webstudio-is/sdk"; -import { div } from "@webstudio-is/sdk/normalize.css"; -import { props } from "./__generated__/stagger-animation.props"; - -export const meta: WsComponentMeta = { - category: "animations", - description: - "Stagger animation allows you to animate children elements with a sliding window.", - icon: StaggerAnimationIcon, - order: 4, - label: "Stagger Animation", - contentModel: { - category: "none", - children: ["instance"], - }, - presetStyle: { div }, - initialProps: ["slidingWindow", "easing"], - props, -}; diff --git a/packages/sdk-components-animation/src/templates.ts b/packages/sdk-components-animation/src/templates.ts deleted file mode 100644 index 544a6c4c1412..000000000000 --- a/packages/sdk-components-animation/src/templates.ts +++ /dev/null @@ -1 +0,0 @@ -export { meta as VideoAnimation } from "./video-animation.template"; diff --git a/packages/sdk-components-animation/src/video-animation.template.tsx b/packages/sdk-components-animation/src/video-animation.template.tsx deleted file mode 100644 index 6a4253df3253..000000000000 --- a/packages/sdk-components-animation/src/video-animation.template.tsx +++ /dev/null @@ -1,19 +0,0 @@ -import { $, type TemplateMeta } from "@webstudio-is/template"; -import { animation } from "./shared/proxy"; - -export const meta: TemplateMeta = { - category: "animations", - description: "Video Animation", - order: 2, - template: ( - - <$.Video - preload="auto" - autoPlay={true} - muted={true} - playsInline={true} - crossOrigin="anonymous" - > - - ), -}; diff --git a/packages/sdk-components-animation/src/video-animation.tsx b/packages/sdk-components-animation/src/video-animation.tsx deleted file mode 100644 index 07e1fe1e3de7..000000000000 --- a/packages/sdk-components-animation/src/video-animation.tsx +++ /dev/null @@ -1,5 +0,0 @@ -import { createProgressAnimation } from "./shared/create-progress-animation"; - -export const VideoAnimation = createProgressAnimation<{ timeline?: boolean }>(); -const displayName = "VideoAnimation"; -VideoAnimation.displayName = displayName; diff --git a/packages/sdk-components-animation/src/video-animation.ws.ts b/packages/sdk-components-animation/src/video-animation.ws.ts deleted file mode 100644 index bc8e843123e6..000000000000 --- a/packages/sdk-components-animation/src/video-animation.ws.ts +++ /dev/null @@ -1,16 +0,0 @@ -import { PlayIcon } from "@webstudio-is/icons/svg"; -import type { WsComponentMeta } from "@webstudio-is/sdk"; -import { props } from "./__generated__/video-animation.props"; -import { div } from "@webstudio-is/sdk/normalize.css"; - -export const meta: WsComponentMeta = { - icon: PlayIcon, - label: "Video Animation", - contentModel: { - category: "none", - children: ["instance"], - }, - presetStyle: { div }, - props, - initialProps: ["timeline"], -}; diff --git a/packages/sdk-components-animation/tsconfig.dts.json b/packages/sdk-components-animation/tsconfig.dts.json deleted file mode 100644 index f461af911e60..000000000000 --- a/packages/sdk-components-animation/tsconfig.dts.json +++ /dev/null @@ -1,8 +0,0 @@ -{ - "extends": "./tsconfig.json", - "include": ["src"], - "exclude": ["**/*.stories.tsx"], - "compilerOptions": { - "declarationDir": "lib/types" - } -} diff --git a/packages/sdk-components-animation/tsconfig.json b/packages/sdk-components-animation/tsconfig.json deleted file mode 100644 index 50abde7695d1..000000000000 --- a/packages/sdk-components-animation/tsconfig.json +++ /dev/null @@ -1,16 +0,0 @@ -{ - "extends": "@webstudio-is/tsconfig/base.json", - "include": [ - "src", - "../../@types/**/scroll-timeline.d.ts", - "private-src", - "../sdk/src/schema/animation-schema.ts", - "../../@types/navigator.d.ts" - ], - "exclude": ["private-src/perf/**/*"], - "compilerOptions": { - "target": "ESNext", - - "types": ["react/experimental", "react-dom/experimental", "@types/node"] - } -} diff --git a/packages/sdk-components-animation/vite.config.ts b/packages/sdk-components-animation/vite.config.ts deleted file mode 100644 index 855912b0cba4..000000000000 --- a/packages/sdk-components-animation/vite.config.ts +++ /dev/null @@ -1,30 +0,0 @@ -import { defineConfig } from "vite"; -import { existsSync } from "node:fs"; -import path from "node:path"; - -const hasPrivateFolders = existsSync( - path.join(process.cwd(), "private-src", "README.md") -); - -const isBareImport = (id: string) => - id.startsWith("@") || id.includes(".") === false; - -export default defineConfig({ - build: { - lib: { - entry: [ - hasPrivateFolders ? "private-src/components.ts" : "src/components.ts", - "src/metas.ts", - "src/hooks.ts", - "src/templates.ts", - ], - formats: ["es"], - }, - rollupOptions: { - external: isBareImport, - output: { - dir: "lib", - }, - }, - }, -}); diff --git a/packages/sdk-components-animation/vitest.config.ts b/packages/sdk-components-animation/vitest.config.ts deleted file mode 100644 index 8d4b156ac393..000000000000 --- a/packages/sdk-components-animation/vitest.config.ts +++ /dev/null @@ -1,62 +0,0 @@ -import { defineConfig } from "vitest/config"; -import { existsSync, readdirSync } from "node:fs"; -import path from "node:path"; -import fg from "fast-glob"; - -const rootDir = ["..", "../..", "../../.."] - .map((dir) => path.join(__dirname, dir)) - .find((dir) => existsSync(path.join(dir, ".git"))); - -const hasPrivateFolders = - fg.sync([path.join(rootDir ?? "", "packages/*/private-src/*")], { - ignore: ["**/node_modules/**"], - }).length > 0; - -const conditions = hasPrivateFolders - ? ["webstudio-private", "webstudio"] - : ["webstudio"]; - -export default defineConfig({ - resolve: { - conditions, - }, - ssr: { - resolve: { - conditions, - }, - }, - test: { - passWithNoTests: true, - workspace: [ - { - extends: "./vitest.config.ts", - test: { - include: ["**/*.browser.{test,spec}.ts"], - name: "browser", - browser: { - provider: "playwright", // or 'webdriverio' - enabled: true, - headless: true, - screenshotFailures: false, - instances: [{ browser: "chromium" }, { browser: "firefox" }], - fileParallelism: false, - }, - }, - }, - { - extends: "./vitest.config.ts", - test: { - include: ["!**/*.browser.{test,spec}.ts", "**/*.{test,spec}.ts"], - - name: "unit", - environment: "node", - }, - }, - ], - }, - server: { - watch: { - ignored: [], - }, - }, -}); From 8ed5e8244eb50201f123713be52d5665431c460b Mon Sep 17 00:00:00 2001 From: storyloft Date: Tue, 9 Sep 2025 11:30:28 -0500 Subject: [PATCH 2/2] Update .gitmodules --- .gitmodules | 5 +---- 1 file changed, 1 insertion(+), 4 deletions(-) diff --git a/.gitmodules b/.gitmodules index 76cab76f4653..8b137891791f 100644 --- a/.gitmodules +++ b/.gitmodules @@ -1,4 +1 @@ -[submodule "packages/sdk-components-animation/private-src"] - path = packages/sdk-components-animation/private-src - url = git@github.com:webstudio-is/sdk-components-animation.git - branch = main +