feat: google sheets embed (#615)

apps/client/src/features/editor/components/embed/providers.ts

@@ -91,6 +91,14 @@ export const embedProviders: IEmbedProvider[] = [
       return `https://drive.google.com/file/d/${match[4]}/preview`;
     }
   },
+  {
+    id: 'gsheets',
+    name: 'Google Sheets',
+    regex: /^((?:https?:)?\/\/)?((?:www|m)\.)?(docs\.google\.com)\/spreadsheets\/d\/e\/([a-zA-Z0-9_-]+)\/.*$/,
+    getEmbedUrl: (match, url: string) => {
+      return url
+    }
+  },
 ];
 
 export function getEmbedProviderById(id: string) {

apps/client/src/features/editor/components/slash-menu/menu-items.ts

@@ -34,6 +34,7 @@ import {
   FigmaIcon,
   FramerIcon,
   GoogleDriveIcon,
+  GoogleSheetsIcon,
   LoomIcon,
   MiroIcon,
   TypeformIcon,
@@ -442,6 +443,15 @@ const CommandGroups: SlashMenuGroupedItemsType = {
         editor.chain().focus().deleteRange(range).setEmbed({ provider: 'gdrive' }).run();
       },
     },
+    {
+      title: "Google Sheets",
+      description: "Embed Google Sheets content",
+      searchTerms: ["google sheets", "gsheets"],
+      icon: GoogleSheetsIcon,
+      command: ({ editor, range }: CommandProps) => {
+        editor.chain().focus().deleteRange(range).setEmbed({ provider: 'gsheets' }).run();
+      },
+    },
   ],
 };