WIP: Microfrontend sample

samie · Jul 14, 2023 · b8ab885 · b8ab885
1 parent 10f96a1
commit b8ab885
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 0 deletions.
diff --git a/demo/frontend/embed-example.html b/demo/frontend/embed-example.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>NPS Feedback Embedding Test Page</title>
+  <script type='module' src="http://localhost:8080/web-component/nps-feedback.js"></script>
+</head>
+<body>
+  <h1>NPS Feedback</h1>
+  <nps-feedback product="My Product"></nps-feedback>
+</body>
+</html>
diff --git a/demo/src/main/java/com/example/application/MicroFrontendExporter.java b/demo/src/main/java/com/example/application/MicroFrontendExporter.java
@@ -0,0 +1,20 @@
+package com.example.application;
+
+import com.example.application.views.feedback.FeedbackView;
+import com.vaadin.flow.component.WebComponentExporter;
+import com.vaadin.flow.component.webcomponent.WebComponent;
+
+public class MicroFrontendExporter extends WebComponentExporter<FeedbackView> {
+
+    protected MicroFrontendExporter() {
+        super("nps-feedback");
+        addProperty("product", "")
+                .onChange(FeedbackView::setProductName);
+    }
+
+    @Override
+    protected void configureInstance(WebComponent<FeedbackView> webComponent, FeedbackView component) {
+        // Nothing to configure here
+    }
+
+}