realtime: Add Allow Public Access toggle back to Realtime Configuration (supabase#36708)

* realtime: Add Allow Public Access toggle back to Realtime Configuration

* Smol fix

---------

Co-authored-by: Joshen Lim <[email protected]>

Author: filipecabaco

apps/studio/components/interfaces/Realtime/RealtimeSettings.tsx

@@ -29,8 +29,10 @@ import {
   FormField_Shadcn_,
   FormMessage_Shadcn_,
   Input_Shadcn_,
+  Switch,
 } from 'ui'
 import { Admonition } from 'ui-patterns'
+import { FormItemLayout } from 'ui-patterns/form/FormItemLayout/FormItemLayout'
 
 const formId = 'realtime-configuration-form'
 
@@ -70,25 +72,22 @@ export const RealtimeSettings = () => {
     // max_channels_per_client: z.coerce.number().min(1).max(10000),
     // max_joins_per_second: z.coerce.number().min(1).max(5000),
 
-    // [Filipe] This field is temporarily hidden from the UI
-    // allow_public: z.boolean(),
+    allow_public: z.boolean(),
   })
 
   const form = useForm<z.infer<typeof FormSchema>>({
     resolver: zodResolver(FormSchema),
     defaultValues: {
       ...REALTIME_DEFAULT_CONFIG,
-      // [Filipe] This field is temporarily hidden from the UI
-      // allow_public: !REALTIME_DEFAULT_CONFIG.private_only,
+      allow_public: !REALTIME_DEFAULT_CONFIG.private_only,
     },
   })
 
   const onSubmit: SubmitHandler<z.infer<typeof FormSchema>> = (data) => {
     if (!projectRef) return console.error('Project ref is required')
     updateRealtimeConfig({
       ref: projectRef,
-      // [Filipe] This field is temporarily hidden from the UI
-      // private_only: !data.allow_public,
+      private_only: !data.allow_public,
       connection_pool: data.connection_pool,
       max_concurrent_users: data.max_concurrent_users,
     })
@@ -97,10 +96,9 @@ export const RealtimeSettings = () => {
   useEffect(() => {
     // [Joshen] Temp typed with any - API typing marks all the properties as nullable,
     // but checked with Filipe that they're not supposed to
-    // [Filipe] This field is temporarily hidden from the UI
-    // if (data) form.reset({ ...data, allow_public: !data.private_only } as any)
-
-    if (data) form.reset({ ...data } as any)
+    if (isSuccess) {
+      form.reset({ ...data, allow_public: !data.private_only } as any)
+    }
   }, [isSuccess])
 
   return (
@@ -111,10 +109,7 @@ export const RealtimeSettings = () => {
             <AlertError error={error} subject="Failed to retrieve realtime settings" />
           ) : (
             <Card>
-              {/*
-                [Filipe] We're hidding this field until we implement a 'kill all sockets` on change to be triggered in realtime server
-              */}
-              {/* <CardContent>
+              <CardContent>
                 <FormField_Shadcn_
                   control={form.control}
                   name="allow_public"
@@ -141,7 +136,7 @@ export const RealtimeSettings = () => {
                     </FormSection>
                   )}
                 />
-              </CardContent> */}
+              </CardContent>
               <CardContent>
                 <FormField_Shadcn_
                   control={form.control}