Initial implementation

.gitignore

@@ -13,8 +13,7 @@ drivers
 tsconfig.json
 .idea
 types.d.ts
-/frontend/generated
-/frontend/index.html
+src/main/frontend/generated
 vite.generated.ts
 vite.config.ts
 /src/main/dev-bundle

README.md

@@ -1,32 +1,33 @@
-[![Published on Vaadin Directory](https://img.shields.io/badge/Vaadin%20Directory-published-00b4f0.svg)](https://vaadin.com/directory/component/template-addon)
-[![Stars on vaadin.com/directory](https://img.shields.io/vaadin-directory/star/template-addon.svg)](https://vaadin.com/directory/component/template-addon)
-[![Build Status](https://jenkins.flowingcode.com/job/template-addon/badge/icon)](https://jenkins.flowingcode.com/job/template-addon)
-[![Maven Central](https://img.shields.io/maven-central/v/com.flowingcode.vaadin.addons/template-addon)](https://mvnrepository.com/artifact/com.flowingcode.vaadin.addons/template-addon)
+[![Published on Vaadin Directory](https://img.shields.io/badge/Vaadin%20Directory-published-00b4f0.svg)](https://vaadin.com/directory/component/syntax-highlighter-addon)
+[![Stars on vaadin.com/directory](https://img.shields.io/vaadin-directory/star/syntax-highlighter-addon.svg)](https://vaadin.com/directory/component/syntax-highlighter-addon)
+[![Build Status](https://jenkins.flowingcode.com/job/syntax-highlighter-addon/badge/icon)](https://jenkins.flowingcode.com/job/syntax-highlighter-addon)
+[![Maven Central](https://img.shields.io/maven-central/v/org.vaadin.addons.flowingcode/syntax-highlighter-addon)](https://mvnrepository.com/artifact/org.vaadin.addons.flowingcode/template-addon)
 
-# Template Add-on
+# SyntaxHighlighter Add-on
 
-This is a template project for building new Vaadin 24 add-ons
+This is a wrapper around the [React Syntax Highlighter](https://github.com/react-syntax-highlighter/react-syntax-highlighter) component
 
 ## Features
 
-* List the features of your add-on in here
+* Supports both hljs and prism modes
+* Enums with styles and languages
 
 ## Online demo
 
-[Online demo here](http://addonsv24.flowingcode.com/template)
+[Online demo here](http://addonsv24.flowingcode.com/syntax-highlighter)
 
 ## Download release
 
-[Available in Vaadin Directory](https://vaadin.com/directory/component/template-addon)
+[Available in Vaadin Directory](https://vaadin.com/directory/component/syntax-highlighter-addon)
 
 ### Maven install
 
 Add the following dependencies in your pom.xml file:
 
 ```xml
 <dependency>
-   <groupId>com.flowingcode.vaadin.addons</groupId>
-   <artifactId>template-addon</artifactId>
+   <groupId>org.vaadin.addons.flowingcode</groupId>
+   <artifactId>syntax-highlighter-addon</artifactId>
    <version>X.Y.Z</version>
 </dependency>
 ```
@@ -50,7 +51,7 @@ To see the demo, navigate to http://localhost:8080/
 
 ## Release notes
 
-See [here](https://github.com/FlowingCode/TemplateAddon/releases)
+See [here](https://github.com/FlowingCode/SyntaxHighlighter/releases)
 
 ## Issue tracking
 
@@ -75,13 +76,23 @@ Then, follow these steps for creating a contribution:
 
 This add-on is distributed under Apache License 2.0. For license terms, see LICENSE.txt.
 
-TEMPLATE_ADDON is written by Flowing Code S.A.
+SyntaxHighlighter Addon is written by Flowing Code S.A.
 
 # Developer Guide
 
 ## Getting started
 
-Add your code samples in this section
+You can instantiate the 	add-on by using the following syntax:
+
+    SyntaxHighlighter sh = new SyntaxHighlighter(SHLanguage.JAVASCRIPT, SHStyle.A11YDARK, defaultValue, false, false);
+
+You can also change the style and language by calling the appropriate getters:
+
+    sh.setSHLanguage(SHLanguage.JAVASCRIPT);
+
+The same with the styling:
+
+    sh.setSHStyle(SHStyle.A11YDARK);
 
 ## Special configuration when using Spring
 

pom.xml

@@ -4,15 +4,15 @@
     xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
     <modelVersion>4.0.0</modelVersion>
 
-    <groupId>com.flowingcode.vaadin.addons</groupId>
-    <artifactId>template-addon</artifactId>
+    <groupId>org.vaadin.addons.flowingcode</groupId>
+    <artifactId>syntax-highlighter-addon</artifactId>
     <version>1.0.0-SNAPSHOT</version>
-    <name>Template Add-on</name>
-    <description>Template Add-on for Vaadin Flow</description>
+    <name>Syntax Highlighter Add-on</name>
+    <description>Syntax Highlighter Add-on for Vaadin Flow</description>
     <url>https://www.flowingcode.com/en/open-source/</url>
 
     <properties>
-        <vaadin.version>24.3.0</vaadin.version>
+        <vaadin.version>24.4.0.beta5</vaadin.version>
         <selenium.version>4.10.0</selenium.version>
         <maven.compiler.source>17</maven.compiler.source>
         <maven.compiler.target>17</maven.compiler.target>
@@ -29,7 +29,7 @@
         <url>https://www.flowingcode.com</url>
     </organization>
 
-    <inceptionYear>2023</inceptionYear>
+    <inceptionYear>2024</inceptionYear>
     <licenses>
         <license>
             <name>Apache 2</name>
@@ -39,9 +39,9 @@
     </licenses>
 
     <scm>
-        <url>https://github.com/FlowingCode/AddonStarter24</url>
-        <connection>scm:git:git://github.com/FlowingCode/AddonStarter24.git</connection>
-        <developerConnection>scm:git:ssh://[email protected]:/FlowingCode/AddonStarter24.git</developerConnection>
+        <url>https://github.com/FlowingCode/SyntaxHighlighter</url>
+        <connection>scm:git:git://github.com/FlowingCode/SyntaxHighlighter.git</connection>
+        <developerConnection>scm:git:ssh://[email protected]:/FlowingCode/SyntaxHighlighter.git</developerConnection>
         <tag>master</tag>
     </scm>
 

src/main/frontend/index.html

@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<!--
+  #%L
+  Syntax Highlighter Add-on
+  %%
+  Copyright (C) 2024 Flowing Code
+  %%
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+  #L%
+  -->
+
+<!--
+This file is auto-generated by Vaadin.
+-->
+
+<html>
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <style>
+    body, #outlet {
+      height: 100vh;
+      width: 100%;
+      margin: 0;
+    }
+  </style>
+  <!-- index.ts is included here automatically (either by the dev server or during the build) -->
+</head>
+<body>
+  <!-- This outlet div is where the views are rendered -->
+  <div id="outlet"></div>
+</body>
+</html>