Merge pull request #14 from Plant-for-the-Planet-org/feature/treeCounter

Tree counter widget

.env.local

@@ -1,3 +1,3 @@
-API_URL=https://app-development.plant-for-the-planet.org/app
-CDN_URL=https://cdn.plant-for-the-planet.org/development
+API_URL=https://app.plant-for-the-planet.org/app
+CDN_URL=https://cdn.plant-for-the-planet.org
 APP_URL=https://www1.plant-for-the-planet.org

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

@@ -8,6 +8,7 @@
 	<title>Planet Widgets</title>
 
 	<script defer src='/build/treemap.js'></script>
+	<script defer src='/build/treecounter.js'></script>
 
 </head>
 
@@ -25,6 +26,17 @@ <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>
 
+	<h2> TreeMap Variant 4</h2>
+	<p> local de theme=dark</p>
+	<tree-map user='prf_h6smcMDN23Qet1CP7BEplM60' locale="de" theme="dark"></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, locale="de" and community=false</p>
+	<tree-counter user='prf_h6smcMDN23Qet1CP7BEplM60' theme="dark" community="false" locale="de"></tree-counter>
 </body>
 
 </html>

rollup.config.js

@@ -3,7 +3,6 @@ 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';
@@ -36,7 +35,8 @@ function serve() {
   };
 }
 
-export default {
+//Todo separate the treemap and treecounter.js files
+export default [{
   input: "src/TreeMap/treemap.js",
   output: {
     sourcemap: true,
@@ -47,7 +47,7 @@ export default {
   plugins: [
     gzipPlugin(),
     replace({
-      // stringify the object       
+      // stringify the object
       __myapp: JSON.stringify({
         env: {
           isProd: production,
@@ -101,4 +101,69 @@ export default {
   watch: {
     clearScreen: false,
   },
-};
+},{
+  input: "src/TreeCounter/treecounter.js",
+  output: {
+    sourcemap: true,
+    format: "iife",
+    name: "app",
+    file: "public/build/treecounter.js",
+  },
+  plugins: [
+    gzipPlugin(),
+    replace({
+      // stringify the object
+      __myapp: JSON.stringify({
+        env: {
+          isProd: production,
+          ...config().parsed // attached the .env config
+        }
+      }),
+    }),
+    svelte({
+      include: /App\.svelte$/,
+      compilerOptions: {
+        // enable run-time checks when not in production
+        dev: !production,
+        customElement: true
+      },
+      emitCss: false,
+    }),
+    svelte({
+      exclude: /App\.svelte$/,
+      compilerOptions: {
+        // enable run-time checks when not in production
+        dev: !production,
+        customElement: false
+      },
+      emitCss: false,
+    }),
+    json(),
+
+    // If you have external dependencies installed from
+    // npm, you'll most likely need these plugins. In
+    // some cases you'll need additional configuration -
+    // consult the documentation for details:
+    // https://github.com/rollup/plugins/tree/master/packages/commonjs
+    resolve({
+      browser: true,
+      dedupe: ["svelte"],
+    }),
+    commonjs(),
+
+    // In dev mode, call `npm run start` once
+    // the bundle has been generated
+    !production && serve(),
+
+    // Watch the `public` directory and refresh the
+    // browser on changes when not in production
+    !production && livereload("public"),
+
+    // If we're building for production (npm run build
+    // instead of npm run dev), minify
+    production && terser(),
+  ],
+  watch: {
+    clearScreen: false,
+  },
+}];