From fae564c7fb223496da36512cd3e8ff1e0841485a Mon Sep 17 00:00:00 2001
From: Mike Mhlv <mhlv@anytype.io>
Date: Thu, 30 Nov 2023 15:29:39 +0000
Subject: [PATCH] JS-3342: basic

---
 src/json/text.json               | 1 +
 src/ts/component/block/embed.tsx | 5 +++--
 src/ts/interface/block/embed.ts  | 3 ++-
 src/ts/lib/util/embed.ts         | 6 +++++-
 src/ts/lib/util/menu.ts          | 1 +
 5 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/json/text.json b/src/json/text.json
index 5836d9449d..265a38d8a9 100644
--- a/src/json/text.json
+++ b/src/json/text.json
@@ -462,6 +462,7 @@
 	"blockTextVimeo": "...",
 	"blockTextChart": "...",
 	"blockTextSoundcloud": "...",
+	"blockTextGoogleMaps": "...",
 
 	"blockLinkSyncing": "Syncing...",
 	"blockLinkArchived": "Deleted",
diff --git a/src/ts/component/block/embed.tsx b/src/ts/component/block/embed.tsx
index 82eac34a49..d00d77e4d7 100644
--- a/src/ts/component/block/embed.tsx
+++ b/src/ts/component/block/embed.tsx
@@ -410,7 +410,8 @@ const BlockEmbed = observer(class BlockEmbedIndex extends React.Component<I.Bloc
 			case I.EmbedProcessor.Mermaid: return 'yaml';
 			case I.EmbedProcessor.Chart: return 'js';
 			case I.EmbedProcessor.Youtube:
-			case I.EmbedProcessor.Vimeo: return 'html';
+			case I.EmbedProcessor.Vimeo:
+			case I.EmbedProcessor.GoogleMaps: return 'html';
 		};
 	};
 
@@ -591,4 +592,4 @@ const BlockEmbed = observer(class BlockEmbedIndex extends React.Component<I.Bloc
 
 });
 
-export default BlockEmbed;
\ No newline at end of file
+export default BlockEmbed;
diff --git a/src/ts/interface/block/embed.ts b/src/ts/interface/block/embed.ts
index 0b68aacefa..6c5c22a624 100644
--- a/src/ts/interface/block/embed.ts
+++ b/src/ts/interface/block/embed.ts
@@ -7,6 +7,7 @@ export enum EmbedProcessor {
 	Youtube		 = 3,
 	Vimeo		 = 4,
 	Soundcloud	 = 5,
+	GoogleMaps 		 = 6,
 };
 
 export interface ContentEmbed {
@@ -16,4 +17,4 @@ export interface ContentEmbed {
 
 export interface BlockEmbed extends I.Block {
 	content: ContentEmbed;
-};
\ No newline at end of file
+};
diff --git a/src/ts/lib/util/embed.ts b/src/ts/lib/util/embed.ts
index f92218a800..04f90d4f29 100644
--- a/src/ts/lib/util/embed.ts
+++ b/src/ts/lib/util/embed.ts
@@ -19,6 +19,10 @@ class UtilEmbed {
 		return `<iframe src="${content}" width="640" height="360" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>`;
 	};
 
+	getGoogleMapsHtml (content: string): string {
+		return `<iframe src="${content}" width="640" height="360" frameborder="0" allowfullscreen loading="lazy"></iframe>`;
+	};
+
 	getProcessorByUrl (url: string): I.EmbedProcessor {
 		let p = null;
 		for (let i in DOMAINS) {
@@ -53,4 +57,4 @@ class UtilEmbed {
 
 };
 
-export default new UtilEmbed();
\ No newline at end of file
+export default new UtilEmbed();
diff --git a/src/ts/lib/util/menu.ts b/src/ts/lib/util/menu.ts
index 942307e927..f4e56c2476 100644
--- a/src/ts/lib/util/menu.ts
+++ b/src/ts/lib/util/menu.ts
@@ -60,6 +60,7 @@ class UtilMenu {
 			{ type: I.BlockType.Embed, id: I.EmbedProcessor.Youtube, icon: 'youtube', name: 'Youtube' },
 			{ type: I.BlockType.Embed, id: I.EmbedProcessor.Vimeo, icon: 'vimeo', name: 'Vimeo' },
 			{ type: I.BlockType.Embed, id: I.EmbedProcessor.Soundcloud, icon: 'soundcloud', name: 'Soundcloud' },
+			{ type: I.BlockType.Embed, id: I.EmbedProcessor.GoogleMaps, icon: 'googleMaps', name: 'Google maps' },
 		].map(this.mapperBlock).map(it => {
 			it.icon = UtilCommon.toCamelCase(`embed-${it.icon}`);
 			return it;