fix: default twitter og preview to use big card

Author: JayaKrishnaNamburu

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

@@ -25,6 +25,9 @@ export const Head = ({ data }: { data: PageContext["data"] }) => {
       format: "raw",
     })}`;
   }
+  const isTwitterCardSizeExists = pageMeta.custom.some(
+    (meta) => meta.property === "twitter:card"
+  );
   return (
     <>
       {data.url && <meta property="og:url" content={data.url} />}
@@ -55,6 +58,9 @@ 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" />
+      )}
 
       {favIconAsset && (
         <link

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

@@ -25,6 +25,9 @@ export const Head = ({ data }: { data: PageContext["data"] }) => {
       format: "raw",
     })}`;
   }
+  const isTwitterCardSizeExists = pageMeta.custom.some(
+    (meta) => meta.property === "twitter:card"
+  );
   return (
     <>
       {data.url && <meta property="og:url" content={data.url} />}
@@ -55,6 +58,9 @@ 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" />
+      )}
 
       {favIconAsset && (
         <link

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

@@ -25,6 +25,9 @@ export const Head = ({ data }: { data: PageContext["data"] }) => {
       format: "raw",
     })}`;
   }
+  const isTwitterCardSizeExists = pageMeta.custom.some(
+    (meta) => meta.property === "twitter:card"
+  );
   return (
     <>
       {data.url && <meta property="og:url" content={data.url} />}
@@ -55,6 +58,9 @@ 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" />
+      )}
 
       {favIconAsset && (
         <link

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

@@ -25,6 +25,9 @@ export const Head = ({ data }: { data: PageContext["data"] }) => {
       format: "raw",
     })}`;
   }
+  const isTwitterCardSizeExists = pageMeta.custom.some(
+    (meta) => meta.property === "twitter:card"
+  );
   return (
     <>
       {data.url && <meta property="og:url" content={data.url} />}
@@ -55,6 +58,9 @@ 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" />
+      )}
 
       {favIconAsset && (
         <link

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

@@ -137,5 +137,12 @@ export const PageSettingsMeta = ({
 
   metas.push(...pageMeta.custom);
 
+  const isTwitterCardSizeExists = pageMeta.custom.some(
+    (meta) => meta.property === "twitter:card"
+  );
+  if (isTwitterCardSizeExists === false) {
+    metas.push({ property: "twitter:card", content: "summary_large_image" });
+  }
+
   return metas.map((meta, index) => <Meta key={index} {...meta} />);
 };