Tree counter widget

package.json

@@ -8,6 +8,7 @@
   },
   "devDependencies": {
     "@rollup/plugin-commonjs": "^16.0.0",
+    "@rollup/plugin-multi-entry": "^4.0.0",
     "@rollup/plugin-node-resolve": "^10.0.0",
     "@rollup/plugin-replace": "^2.3.4",
     "dotenv": "^8.2.0",

public/data/locales/de.json

@@ -3,5 +3,8 @@
     "target":"Ziel",
     "plantTrees":"Bäume pflanzen",
     "viewProfile":"Profil anzeigen",
-    "poweredBy":"Powered by Plant-for-the-Planet"
+    "poweredBy":"Powered by Plant-for-the-Planet",
+    "treesPlantedBy":"trees planted by",
+    "and":"und",
+    "treesPlantedByComm":"trees planted by community."
 }

public/data/locales/en.json

@@ -3,5 +3,8 @@
     "target":"Target",
     "plantTrees":"Plant Trees",
     "viewProfile":"View Profile",
-    "poweredBy":"Powered by Plant-for-the-Planet"
+    "poweredBy":"Powered by Plant-for-the-Planet",
+    "treesPlantedBy":"trees planted by",
+    "and":"and",
+    "treesPlantedByComm":"trees planted by community."
 }

public/index.html

@@ -23,8 +23,19 @@ <h2> TreeMap for Partners</h2>
 
 	<h2> TreeMap Variant 3</h2>
 	<p> Partner, theme="dark", community="false", locale="de" </p>
-	<tree-map user='prf_h6smcMDN23Qet1CP7BEplM60' theme="dark" community="false" locale="de"></tree-map>
-
+	<tree-map user='prf_h6smcMDN23Qet1CP7BEplM60' theme="dark" community=true locale="de"></tree-map>
+
+	<h2> TreeMap Variant 4</h2>
+	<p> User override - community </p>
+	<tree-map user='prf_h6smcMDN23Qet1CP7BEplM60' locale="de"></tree-map>
+
+	<h2> Tree Counter Variant 1</h2>
+	<p> Default </p>
+	<tree-counter user='prf_h6smcMDN23Qet1CP7BEplM60'></tree-counter>
+
+	<h2> Tree Counter Variant 2</h2>
+	<p> Dark mode </p>
+	<tree-counter user='prf_h6smcMDN23Qet1CP7BEplM60' theme="dark"></tree-counter>
 </body>
 
 </html>

rollup.config.js

@@ -3,11 +3,11 @@ import commonjs from "@rollup/plugin-commonjs";
 import resolve from "@rollup/plugin-node-resolve";
 import livereload from "rollup-plugin-livereload";
 import { terser } from "rollup-plugin-terser";
-import css from "rollup-plugin-css-only";
 import json from "@rollup/plugin-json";
 import {config} from 'dotenv';
 import replace from '@rollup/plugin-replace';
 import gzipPlugin from 'rollup-plugin-gzip'
+import multi from '@rollup/plugin-multi-entry';
 
 const production = !process.env.ROLLUP_WATCH;
 
@@ -37,14 +37,15 @@ function serve() {
 }
 
 export default {
-  input: "src/TreeMap/treemap.js",
+  input: ["src/TreeMap/treemap.js","src/TreeCounter/treecounter.js"],
   output: {
     sourcemap: true,
     format: "iife",
     name: "app",
     file: "public/build/treemap.js",
   },
   plugins: [
+    multi(),
     gzipPlugin(),
     replace({
       // stringify the object