Smile-SA
diff --git a/Diff for: ‎.babelrc
-3 b/Diff for: ‎.babelrc
-3
diff --git a/Diff for: ‎.gitignore
+2-1 b/Diff for: ‎.gitignore
+2-1
diff --git a/Diff for: ‎.gitlab-ci.yml
+57-3 b/Diff for: ‎.gitlab-ci.yml
+57-3
diff --git a/Diff for: ‎.storybook/main.js
+9 b/Diff for: ‎.storybook/main.js
+9
diff --git a/Diff for: ‎Dockerfile
+1-1 b/Diff for: ‎Dockerfile
+1-1
diff --git a/Diff for: ‎README.md
+27-7 b/Diff for: ‎README.md
+27-7
diff --git a/Diff for: ‎Vagrantfile
-39 b/Diff for: ‎Vagrantfile
-39
@@ -1,8 +1,5 @@
 {
     "plugins": [
         "istanbul"
-    ],
-    "ignore": [
-        "**/webCollectors/**"
     ]
 }
@@ -5,9 +5,9 @@
 node_modules
 .cache
 *log
-yarn.lock
 .parcel-cache
 .vagrant
+yarn.lock
 
 # IDE
 *.swp
@@ -22,3 +22,4 @@ dist
 cypress/match-screenshots
 .nyc_output/*
 coverage/*
+**/snapshots/**
@@ -31,10 +31,17 @@ default:
 build-dev:
   stage: build
   before_script:
-    - apk update
-    - apk add bash
-    - apk add git
+    - export CI_BENCHMARK=remote_data
+    - export PALINDROME_TYPE=basic
   script:
+    - yarn install --ignore-scripts
+    - |
+      yarn parcel dev/index.html --no-cache &
+      until curl -s http://localhost:1234 > /dev/null; do
+        echo "Waiting for Parcel server..."
+        sleep 1
+      done
+    - cd services/tsdbService
     - yarn install
     - yarn build
   artifacts:
@@ -74,6 +81,53 @@ cypress-test:
     - for i in 1 2; do yarn cypress:run; done
   allow_failure: false
 
+.launch-benchmark-remote-data:
+  stage: test
+  image: ghcr.io/puppeteer/puppeteer:latest 
+  script:
+    - |
+      for file in data-examples/*; do
+        if [ -f "$file" ]; then
+          if grep -q "localhost" "$file"; then
+            echo "Processing $file"
+            sed -i "s/localhost/${INFLUX_PROMETHEUS_SERVER}/g" "$file"
+            sed -i "s/'token'/'${INFLUX_TOKEN}'/g" "$file"
+          fi
+        fi
+      done
+    - yarn install --ignore-scripts
+    - |
+      yarn parcel dev/index.html --no-cache &
+      until curl -s http://localhost:1234 > /dev/null; do
+        echo "Waiting for Parcel server..."
+        sleep 1
+      done
+    - cd services/tsdbService
+    - yarn install
+    - |
+      yarn dev &
+      until curl -s http://localhost:9009 > /dev/null; do
+        echo "Waiting for palindrome service..."
+        sleep 1
+      done
+    - cd ../..
+    - node "$BENCHMARK_SCRIPT"
+  allow_failure: false
+
+initial_remote-data-benchmark:
+  extends: .launch-benchmark-remote-data
+  before_script:
+    - export CI_BENCHMARK=remote_data
+    - export PALINDROME_TYPE=basic
+    - export BENCHMARK_SCRIPT=./scripts/remoteDataBenchmark/remoteDataBenchmark.js
+
+remote-data-update-multiviewport-benchmark:
+  extends: .launch-benchmark-remote-data
+  before_script:
+    - export CI_BENCHMARK=multi-viewports
+    - export PALINDROME_TYPE=basic
+    - export BENCHMARK_SCRIPT=./scripts/remoteDataBenchmark/multiViewportBenchmark.js
+
 benchmark:
   image: ubuntu:20.04
   stage: test
 
@@ -1,5 +1,6 @@
 module.exports = {
   "stories": ["../stories/**/*.stories.@(js|jsx|ts|tsx)"],
+  "staticDirs": ['../static'],
   "addons": ["@storybook/addon-links", "@storybook/addon-essentials", {
     name: "storybook-addon-turbo-build",
     options: {
@@ -10,5 +11,13 @@ module.exports = {
     postcss: false
   },
   framework: "@storybook/html",
+  webpackFinal: async (config) => {
+    config.optimization.minimizer.forEach((plugin) => {
+      if (plugin.constructor.name === 'ESBuildMinifyPlugin') {
+        plugin.options.target = 'esnext'; // or 'es2017'
+      }
+    });
+    return config;
+  },
 };
 
@@ -5,7 +5,7 @@ RUN yarn add global parcel-bundler
 COPY package.json .
 RUN yarn install --ignore-scripts
 COPY . .
-RUN yarn build
+RUN yarn build:local
 
 # Build storybook stage
 FROM node:20 AS build-storybook-stage
 
@@ -19,7 +19,7 @@ Feedbacks are more than welcome !**_
 
 ## Motivation
 
-Idea behind this project is to go one step further current monitoring and dashboards solutions, by enabling a scalable
+The idea behind this project is to go one step further current monitoring and dashboards solutions, by enabling a scalable
 and user oriented, 3D monitoring probe for multi-dimensional and heterogeneous sets of data points. Compatible use cases
 are various, from comparing system metrics with external indicators, to stacking up multi-tenancy informations groups
 for measuring differences or similarities, ```Palindrome.js``` can both be used as a live UI component for a larger BI
@@ -47,7 +47,7 @@ sudo apt install nodejs
 **Note:** An already built version of Palindrome.js is ready to be integrated without any Node.js setup, two files can be found inside the `/artifacts` folder: `palindrome.dev.js`, which includes a sidebar, and `palindrome.js`, which represents the basic version of Palindrome.js without a sidebar. The [documentation](../../wikis/Single-file-distribution) should be followed for more integration details.
 ## Setup
 
-This project uses ```three.js``` as its 3D renderer, ```yarn``` as the dependency manager, ```storybook``` for
+This project uses ```three.js``` as its 3D renderer, ```yarn``` as the dependency manager, ```Storybook``` for
 functional testing and ```parcel-bundler``` as the stand-alone packager.
 
 First install the project dependencies :
@@ -56,6 +56,16 @@ First install the project dependencies :
 yarn install
 ```
 
+### TSDBs Setup
+
+Palindrome.js includes use cases that require metrics data coming from `InfluxDB`, `Prometheus`, `Node Exporter`, and `Telegraf`. You can configure your remote data use cases by following the documentation [here](../../wikis/Remote-Data-Integration). 
+
+If you haven't configured your own TSDBs in Palindrome.js, you need to run the following command to launch the TSDBs with the default configuration:
+
+```
+docker compose -f ./services/tsdbService/tsdbSetup/docker-compose.yml up -d
+```
+
 ## Default HTML
 
 Then, run the default html session for an interactive session :
@@ -78,10 +88,18 @@ yarn storybook
 
 ## Docker
 
-You can as well, run Palindrome.js on docker :
+Palindrome.js can also be run in Docker.
+
+First, start the TSDB servers by running the following command (if you haven't configured your own TSDBs in Palindrome.js):
+
+```
+docker compose -f ./services/tsdbService/tsdbSetup/docker-compose.yml up -d
+```
+
+Next, launch Palindrome.js by running:
 
 ```
-docker-compose up
+docker compose up
 ```
 
 ## Documentation
@@ -90,8 +108,10 @@ Click [here](../../wikis/home) to visit our wiki page containing the documentati
 
 ## Demo Environments
 
-- Dev Environment : https://smile-sa.github.io/palindrome.js
-- Storybook Environment : https://smile-sa.github.io/palindrome.js/storybook
+You can explore the following demo environments:
+
+- [Dev Environment](https://smile-sa.github.io/palindrome.js)
+- [Storybook Environment](https://smile-sa.github.io/palindrome.js/storybook)
 
 
 ## Contribute
@@ -100,7 +120,7 @@ Simply open a pull request over the repository to describe your changes.
 
 ## Credits
 
-- Mohamed Ali YACOUBI @yacoubii
+- Mohamed Ali Yacoubi @yacoubii
 - Koku Ulrich Gblokpo @koku-ulrich.gblokpo
 - Damien Gilles @gillesdami
 - JonRiv (author) @JonRiv
Original file line number	Diff line number	Diff line change
`@@ -1,8 +1,5 @@`
`1`	`1`	`{`
`2`	`2`	`"plugins": [`
`3`	`3`	`"istanbul"`
`4`		`- ],`
`5`		`- "ignore": [`
`6`		`- "/webCollectors/"`
`7`	`4`	`]`
`8`	`5`	`}`