refactor: remove animation flags (#5269)

Author: TrySound

apps/builder/app/builder/features/command-panel/command-panel.tsx

@@ -23,7 +23,6 @@ import { compareMedia } from "@webstudio-is/css-engine";
 import {
   componentCategories,
   collectionComponent,
-  parseComponentName,
   elementComponent,
   tags,
 } from "@webstudio-is/sdk";
@@ -56,7 +55,6 @@ import { mapGroupBy } from "~/shared/shim";
 import { setActiveSidebarPanel } from "~/builder/shared/nano-states";
 import { $commandMetas } from "~/shared/commands-emitter";
 import { emitCommand } from "~/builder/shared/commands";
-import { isFeatureEnabled } from "@webstudio-is/feature-flags";
 import {
   getInstanceLabel,
   InstanceIcon,
@@ -122,23 +120,6 @@ const $componentOptions = computed(
         continue;
       }
 
-      if (
-        category === "animations" &&
-        isFeatureEnabled("animation") === false
-      ) {
-        continue;
-      }
-
-      const [namespace, shortName] = parseComponentName(name);
-
-      if (
-        isFeatureEnabled("videoAnimation") === false &&
-        namespace === "@webstudio-is/sdk-components-animation" &&
-        shortName === "VideoAnimation"
-      ) {
-        continue;
-      }
-
       // show only xml category and collection component in xml documents
       if (selectedPage?.meta.documentType === "xml") {
         if (category !== "xml" && name !== collectionComponent) {
@@ -167,16 +148,6 @@ const $componentOptions = computed(
         continue;
       }
 
-      const [namespace, shortName] = parseComponentName(name);
-
-      if (
-        isFeatureEnabled("videoAnimation") === false &&
-        namespace === "@webstudio-is/sdk-components-animation" &&
-        shortName === "VideoAnimation"
-      ) {
-        continue;
-      }
-
       const componentMeta = metas.get(name);
       const label =
         meta.label ??

apps/builder/app/builder/features/components/components.tsx

@@ -8,7 +8,6 @@ import {
   type WsComponentMeta,
   componentCategories,
   collectionComponent,
-  parseComponentName,
   elementComponent,
 } from "@webstudio-is/sdk";
 import {
@@ -64,22 +63,6 @@ const $metas = computed(
     const availableComponents = new Set<string>();
     const metas: Meta[] = [];
     for (const [name, componentMeta] of componentMetas) {
-      const [namespace, shortName] = parseComponentName(name);
-      if (
-        isFeatureEnabled("animation") === false &&
-        namespace === "@webstudio-is/sdk-components-animation"
-      ) {
-        continue;
-      }
-
-      if (
-        isFeatureEnabled("videoAnimation") === false &&
-        namespace === "@webstudio-is/sdk-components-animation" &&
-        shortName === "VideoAnimation"
-      ) {
-        continue;
-      }
-
       // only set available components from component meta
       availableComponents.add(name);
       metas.push({
@@ -93,15 +76,6 @@ const $metas = computed(
     }
     for (const [name, templateMeta] of templates) {
       const componentMeta = componentMetas.get(name);
-      const [namespace, shortName] = parseComponentName(name);
-      if (
-        isFeatureEnabled("videoAnimation") === false &&
-        namespace === "@webstudio-is/sdk-components-animation" &&
-        shortName === "VideoAnimation"
-      ) {
-        continue;
-      }
-
       availableComponents.add(name);
       metas.push({
         name,

packages/feature-flags/src/flags.ts

@@ -2,7 +2,5 @@
 export const internalComponents = false;
 export const unsupportedBrowsers = false;
 export const aiRadixComponents = false;
-export const animation = false;
-export const videoAnimation = false;
 export const resourceProp = false;
 export const tailwind = false;