rename twitter:card size check for readability

Author: JayaKrishnaNamburu

fixtures/ssg-netlify-by-project-id/pages/index/+Head.tsx

@@ -25,7 +25,7 @@ export const Head = ({ data }: { data: PageContext["data"] }) => {
       format: "raw",
     })}`;
   }
-  const isTwitterCardSizeExists = pageMeta.custom.some(
+  const isTwitterCardSizeDefined = pageMeta.custom.some(
     (meta) => meta.property === "twitter:card"
   );
   return (
@@ -58,9 +58,11 @@ export const Head = ({ data }: { data: PageContext["data"] }) => {
       {pageMeta.custom.map(({ property, content }) => (
         <meta key={property} property={property} content={content} />
       ))}
-      {isTwitterCardSizeExists === false && (
-        <meta property="twitter:card" content="summary_large_image" />
-      )}
+      {(pageMeta.socialImageAssetName !== undefined ||
+        pageMeta.socialImageUrl !== undefined) &&
+        isTwitterCardSizeDefined === false && (
+          <meta property="twitter:card" content="summary_large_image" />
+        )}
 
       {favIconAsset && (
         <link

fixtures/ssg/pages/another-page/+Head.tsx

@@ -25,7 +25,7 @@ export const Head = ({ data }: { data: PageContext["data"] }) => {
       format: "raw",
     })}`;
   }
-  const isTwitterCardSizeExists = pageMeta.custom.some(
+  const isTwitterCardSizeDefined = pageMeta.custom.some(
     (meta) => meta.property === "twitter:card"
   );
   return (
@@ -58,9 +58,11 @@ export const Head = ({ data }: { data: PageContext["data"] }) => {
       {pageMeta.custom.map(({ property, content }) => (
         <meta key={property} property={property} content={content} />
       ))}
-      {isTwitterCardSizeExists === false && (
-        <meta property="twitter:card" content="summary_large_image" />
-      )}
+      {(pageMeta.socialImageAssetName !== undefined ||
+        pageMeta.socialImageUrl !== undefined) &&
+        isTwitterCardSizeDefined === false && (
+          <meta property="twitter:card" content="summary_large_image" />
+        )}
 
       {favIconAsset && (
         <link

fixtures/ssg/pages/index/+Head.tsx

@@ -25,7 +25,7 @@ export const Head = ({ data }: { data: PageContext["data"] }) => {
       format: "raw",
     })}`;
   }
-  const isTwitterCardSizeExists = pageMeta.custom.some(
+  const isTwitterCardSizeDefined = pageMeta.custom.some(
     (meta) => meta.property === "twitter:card"
   );
   return (
@@ -58,9 +58,11 @@ export const Head = ({ data }: { data: PageContext["data"] }) => {
       {pageMeta.custom.map(({ property, content }) => (
         <meta key={property} property={property} content={content} />
       ))}
-      {isTwitterCardSizeExists === false && (
-        <meta property="twitter:card" content="summary_large_image" />
-      )}
+      {(pageMeta.socialImageAssetName !== undefined ||
+        pageMeta.socialImageUrl !== undefined) &&
+        isTwitterCardSizeDefined === false && (
+          <meta property="twitter:card" content="summary_large_image" />
+        )}
 
       {favIconAsset && (
         <link

packages/cli/templates/ssg/app/route-templates/html/+Head.tsx

@@ -25,7 +25,7 @@ export const Head = ({ data }: { data: PageContext["data"] }) => {
       format: "raw",
     })}`;
   }
-  const isTwitterCardSizeExists = pageMeta.custom.some(
+  const isTwitterCardSizeDefined = pageMeta.custom.some(
     (meta) => meta.property === "twitter:card"
   );
   return (
@@ -58,9 +58,11 @@ export const Head = ({ data }: { data: PageContext["data"] }) => {
       {pageMeta.custom.map(({ property, content }) => (
         <meta key={property} property={property} content={content} />
       ))}
-      {isTwitterCardSizeExists === false && (
-        <meta property="twitter:card" content="summary_large_image" />
-      )}
+      {(pageMeta.socialImageAssetName !== undefined ||
+        pageMeta.socialImageUrl !== undefined) &&
+        isTwitterCardSizeDefined === false && (
+          <meta property="twitter:card" content="summary_large_image" />
+        )}
 
       {favIconAsset && (
         <link

packages/react-sdk/src/page-settings-meta.tsx

@@ -137,10 +137,14 @@ export const PageSettingsMeta = ({
 
   metas.push(...pageMeta.custom);
 
-  const isTwitterCardSizeExists = pageMeta.custom.some(
+  const isTwitterCardSizeDefined = pageMeta.custom.some(
     (meta) => meta.property === "twitter:card"
   );
-  if (isTwitterCardSizeExists === false) {
+  if (
+    (pageMeta.socialImageAssetName !== undefined ||
+      pageMeta.socialImageUrl !== undefined) &&
+    isTwitterCardSizeDefined === false
+  ) {
     metas.push({ property: "twitter:card", content: "summary_large_image" });
   }