feat: add MultiSourceCodeViewer component

Author: javier-godoy

pom.xml

@@ -110,6 +110,13 @@
       </exclusions>
     </dependency>
 
+    <dependency>
+		<groupId>org.projectlombok</groupId>
+		<artifactId>lombok</artifactId>
+		<version>1.18.30</version>
+		<scope>provided</scope>
+	</dependency>
+	
     <dependency>
       <groupId>junit</groupId>
       <artifactId>junit</artifactId>

src/main/java/com/flowingcode/vaadin/addons/demo/MultiSourceCodeViewer.java

@@ -0,0 +1,89 @@
+package com.flowingcode.vaadin.addons.demo;
+
+import com.vaadin.flow.component.ComponentUtil;
+import com.vaadin.flow.component.html.Div;
+import com.vaadin.flow.component.tabs.Tab;
+import com.vaadin.flow.component.tabs.Tabs;
+import java.util.List;
+import java.util.Map;
+
+public class MultiSourceCodeViewer extends Div {
+
+  private static final String DATA_URL = "source-url";
+  private static final String DATA_LANGUAGE = "source-language";
+
+  private SourceCodeViewer codeViewer;
+
+  public MultiSourceCodeViewer(List<SourceCodeTab> sourceCodeTabs, Map<String, String> properties) {
+
+    Tab tab;
+    if (sourceCodeTabs.size() > 1) {
+      Tabs tabs = new Tabs(createTabs(sourceCodeTabs));
+      tabs.addSelectedChangeListener(ev -> onTabSelected(ev.getSelectedTab()));
+      add(tabs);
+      tab = tabs.getSelectedTab();
+    } else {
+      tab = createTab(sourceCodeTabs.get(0));
+    }
+
+    String url = (String) ComponentUtil.getData(tab, DATA_URL);
+    String language = (String) ComponentUtil.getData(tab, DATA_LANGUAGE);
+    codeViewer = new SourceCodeViewer(url, language, properties);
+
+    add(codeViewer);
+    codeViewer.getStyle().set("flex-grow", "1");
+    getStyle().set("display", "flex");
+    getStyle().set("flex-direction", "column");
+  }
+
+  private Tab[] createTabs(List<SourceCodeTab> sourceCodeTabs) {
+    return sourceCodeTabs.stream().map(this::createTab).toArray(Tab[]::new);
+  }
+
+  private Tab createTab(SourceCodeTab sourceCodeTab) {
+    String url = sourceCodeTab.getUrl();
+    String language = sourceCodeTab.getLanguage();
+
+    String caption = sourceCodeTab.getCaption();
+    if (caption == null) {
+      caption = url.replaceAll(".*/", "");
+    }
+
+    if (language == null) {
+      String ext = url.replaceAll(".*\\.", "");
+      switch (ext) {
+        case "java":
+          language = "java";
+          break;
+        case "css":
+          language = "css";
+          break;
+        case "js":
+          language = "js";
+          break;
+        case "ts":
+          language = "ts";
+          break;
+        default:
+          language = "unknown";
+          break;
+      }
+    }
+
+    Tab tab = new Tab(caption);
+    ComponentUtil.setData(tab, DATA_URL, url);
+    ComponentUtil.setData(tab, DATA_LANGUAGE, language);
+    return tab;
+  }
+
+  private void onTabSelected(Tab tab) {
+    String url = (String) ComponentUtil.getData(tab, DATA_URL);
+    String language = (String) ComponentUtil.getData(tab, DATA_LANGUAGE);
+    fetchContents(url, language);
+  }
+
+  private void fetchContents(String url, String language) {
+    codeViewer.fetchContents(url, language);
+  }
+
+}

src/main/java/com/flowingcode/vaadin/addons/demo/SourceCodeTab.java

@@ -0,0 +1,17 @@
+package com.flowingcode.vaadin.addons.demo;
+
+import lombok.AccessLevel;
+import lombok.AllArgsConstructor;
+import lombok.Getter;
+import lombok.RequiredArgsConstructor;
+import lombok.With;
+
+@Getter
+@With
+@RequiredArgsConstructor
+@AllArgsConstructor(access = AccessLevel.PRIVATE)
+public class SourceCodeTab {
+  private final String url;
+  private String caption;
+  private String language;
+}

src/main/java/com/flowingcode/vaadin/addons/demo/SplitLayoutDemo.java

@@ -24,13 +24,15 @@
 import com.vaadin.flow.component.splitlayout.SplitLayout;
 import com.vaadin.flow.component.splitlayout.SplitLayout.Orientation;
 import com.vaadin.flow.server.Version;
+import java.util.ArrayList;
 import java.util.HashMap;
+import java.util.List;
 import java.util.Map;
 
 @SuppressWarnings("serial")
 class SplitLayoutDemo extends Composite<SplitLayout> {
 
-  private SourceCodeViewer code;
+  private MultiSourceCodeViewer code;
 
   public SplitLayoutDemo(Component demo, String sourceUrl) {
     getContent().setOrientation(Orientation.HORIZONTAL);
@@ -39,7 +41,9 @@ public SplitLayoutDemo(Component demo, String sourceUrl) {
     properties.put("vaadin", VaadinVersion.getVaadinVersion());
     properties.put("flow", Version.getFullVersion());
 
-    code = new SourceCodeViewer(sourceUrl, properties);
+    List<SourceCodeTab> tabs = new ArrayList<>();
+    tabs.add(new SourceCodeTab(sourceUrl));
+    code = new MultiSourceCodeViewer(tabs, properties);
     getContent().addToPrimary(demo);
     getContent().addToSecondary(code);
     getContent().setSizeFull();