Generate certificate fot the root

Author: TrySound

apps/builder/app/builder/features/topbar/add-domain.tsx

@@ -47,29 +47,42 @@ export const AddDomain = ({
       return;
     }
 
+    let cname = extractCname(domain);
     // detect provider only when root domain is specified
-    if (extractCname(domain) === "@") {
+    if (cname === "@") {
       const registrar = await nativeClient.domain.findDomainRegistrar.query({
         domain,
       });
       // enforce www subdomain when no support for cname flattening
       // and root cname can conflict with MX or NS
       if (!registrar.cnameFlattening) {
         domain = `www.${domain}`;
+        cname = "www";
       }
     }
 
     const result = await nativeClient.domain.create.mutate({
       domain,
       projectId,
     });
-
     if (result.success === false) {
       toast.error(result.error);
       setError(result.error);
       return;
     }
 
+    if (cname === "www") {
+      const result = await nativeClient.domain.create.mutate({
+        domain: domain.slice("www.".length),
+        projectId,
+      });
+      if (result.success === false) {
+        toast.error(result.error);
+        setError(result.error);
+        return;
+      }
+    }
+
     onCreate(domain);
 
     await refresh();

apps/builder/app/builder/features/topbar/domains.tsx

@@ -302,6 +302,15 @@ const DomainItem = ({
       ttl: 300,
     } as const,
   ];
+  // add both www and root cname to support root -> www redirect
+  if (cname === "www") {
+    dnsRecords.push({
+      type: "TXT",
+      host: "_webstudio_is",
+      value: projectDomain.expectedTxtRecord,
+      ttl: 300,
+    });
+  }
 
   return (
     <CollapsibleDomainSection