feat(playground): ga removing feature flag (#957)

* feat(playground): ga removing feature flag

* feat(playground): removing config for playground feature flag

Author: samuv

main/src/feature-flags.ts

@@ -13,10 +13,6 @@ interface FeatureFlagOptions {
 }
 
 const featureFlagOptions: Record<FeatureFlagKey, FeatureFlagOptions> = {
-  [featureFlagKeys.PLAYGROUND]: {
-    isDisabled: false,
-    defaultValue: false,
-  },
   [featureFlagKeys.GROUPS]: {
     isDisabled: false,
     defaultValue: false,

renderer/src/common/components/layout/top-nav/index.tsx

@@ -15,11 +15,9 @@ import { Separator } from '../../ui/separator'
 import { useConfirmQuit } from '@/common/hooks/use-confirm-quit'
 import { QuitConfirmationListener } from './quit-confirmation-listener'
 import { SettingsIcon } from 'lucide-react'
-import { useFeatureFlag } from '@/common/hooks/use-feature-flag'
 import { useRouterState } from '@tanstack/react-router'
 
 function TopNavLinks() {
-  const isPlaygroundEnabled = useFeatureFlag('playground')
   const pathname = useRouterState({ select: (s) => s.location.pathname })
   const isGroupRoute = pathname.startsWith('/group/')
 
@@ -82,35 +80,31 @@ function TopNavLinks() {
           </NavigationMenuLink>
         </NavigationMenuItem>
 
-        {isPlaygroundEnabled && (
-          <NavigationMenuItem>
-            <NavigationMenuLink
-              className="app-region-no-drag text-muted-foreground
-                hover:text-foreground focus:text-foreground
-                data-[status=active]:text-foreground
-                data-[status=active]:before:bg-foreground
-                focus-visible:ring-ring/50 relative px-3 py-2 text-sm
-                transition-all outline-none hover:bg-transparent
-                focus:bg-transparent focus-visible:ring-[3px]
-                focus-visible:outline-1 data-[status=active]:bg-transparent
-                data-[status=active]:before:absolute
-                data-[status=active]:before:right-3
-                data-[status=active]:before:bottom-[-14px]
-                data-[status=active]:before:left-3
-                data-[status=active]:before:h-0.5
-                data-[status=active]:before:rounded-t-[1px]
-                data-[status=active]:before:opacity-90
-                data-[status=active]:before:content-['']
-                data-[status=active]:hover:bg-transparent
-                data-[status=active]:focus:bg-transparent"
-              asChild
-            >
-              <LinkViewTransition to="/playground">
-                Playground
-              </LinkViewTransition>
-            </NavigationMenuLink>
-          </NavigationMenuItem>
-        )}
+        <NavigationMenuItem>
+          <NavigationMenuLink
+            className="app-region-no-drag text-muted-foreground
+              hover:text-foreground focus:text-foreground
+              data-[status=active]:text-foreground
+              data-[status=active]:before:bg-foreground
+              focus-visible:ring-ring/50 relative px-3 py-2 text-sm
+              transition-all outline-none hover:bg-transparent
+              focus:bg-transparent focus-visible:ring-[3px]
+              focus-visible:outline-1 data-[status=active]:bg-transparent
+              data-[status=active]:before:absolute
+              data-[status=active]:before:right-3
+              data-[status=active]:before:bottom-[-14px]
+              data-[status=active]:before:left-3
+              data-[status=active]:before:h-0.5
+              data-[status=active]:before:rounded-t-[1px]
+              data-[status=active]:before:opacity-90
+              data-[status=active]:before:content-['']
+              data-[status=active]:hover:bg-transparent
+              data-[status=active]:focus:bg-transparent"
+            asChild
+          >
+            <LinkViewTransition to="/playground">Playground</LinkViewTransition>
+          </NavigationMenuLink>
+        </NavigationMenuItem>
         <NavigationMenuItem>
           <NavigationMenuLink
             className="app-region-no-drag text-muted-foreground

utils/feature-flags.ts

@@ -1,5 +1,4 @@
 export const featureFlagKeys = {
-  PLAYGROUND: 'playground',
   GROUPS: 'groups',
   CUSTOMIZE_TOOLS: 'customize_tools',
   EDIT_WORKLOAD: 'edit_workload',