From 9ed6e256d25dd7c751aba8ad679c578ed6b59052 Mon Sep 17 00:00:00 2001
From: Paul Berberian <paul.berberian+github@proton.me>
Date: Thu, 27 Jun 2024 16:04:10 +0200
Subject: [PATCH] [Proposal] Remove standalone demo

The RxPlayer historically proposed two demo:

  - The "full" demo, containing a whole application relying on the
    RxPlayer to load content. Which also corresponds to our advertised
    RxPlayer demo page on github: https://developers.canal-plus.com/rx-player/

  - The "standalone" demo, which is just an HTML page containing a default
    RxPlayer bundle script and a video element, allowing to perform
    playback tests through the console.

We never really relied on the standalone demo, any kind of test we
perform being on any case either on the full demo, or directly linked to
final applications developped internally at Canal+.

Consequently to simplify the repository maintainance, I propose here to
remove the standalone demo and to move the full demo from the
`demo/full` directory to just `demo/`.
---
 .eslintignore                                 |   4 +-
 .gitignore                                    |   5 +-
 CONTRIBUTING.md                               |  43 ++----
 FILES.md                                      |  10 +-
 demo/{full => }/.eslintrc.js                  |   0
 demo/README.md                                |  13 +-
 demo/{full => }/assets/canalp.svg             |   0
 demo/{full => }/assets/languages.ts           |   0
 demo/{full => }/assets/logo_white.png         | Bin
 demo/{full => }/assets/play.svg               |   0
 demo/{full => }/assets/select_arrow_black.svg |   0
 demo/{full => }/assets/select_arrow_white.svg |   0
 demo/{full => }/assets/spinner.gif            | Bin
 demo/{full => }/favicon.ico                   | Bin
 demo/{full => }/fonts/FontAwesome.otf         | Bin
 demo/{full => }/index.html                    |   0
 demo/{full => }/mpd-parser.wasm               |   0
 demo/{full => }/plus.ico                      | Bin
 .../scripts/components/BufferContentGraph.tsx |   2 +-
 demo/{full => }/scripts/components/Button.tsx |   0
 .../scripts/components/CheckBox.tsx           |   0
 .../scripts/components/FocusedInput.tsx       |   0
 .../scripts/components/GenerateLinkButton.tsx |   0
 .../scripts/components/GenerateLinkURL.tsx    |   0
 .../scripts/components/GitHubButton.tsx       |   0
 demo/{full => }/scripts/components/Input.tsx  |   0
 demo/{full => }/scripts/components/Knob.tsx   |   0
 .../scripts/components/LivePosition.tsx       |   0
 .../Options/AudioAdaptiveSettings.tsx         |   2 +-
 .../components/Options/BufferOptions.tsx      |   0
 .../scripts/components/Options/Option.tsx     |   0
 .../scripts/components/Options/Playback.tsx   |   0
 .../Options/PlayerOptionNumberInput.tsx       |   0
 .../components/Options/RequestConfig.tsx      |   0
 .../components/Options/TrackSwitch.tsx        |   0
 .../Options/VideoAdaptiveSettings.tsx         |   2 +-
 .../scripts/components/PositionInfos.tsx      |   0
 .../scripts/components/ProgressBar.tsx        |   0
 demo/{full => }/scripts/components/Select.tsx |   0
 .../components/StickToLiveEdgeButton.tsx      |   0
 .../{full => }/scripts/components/ToolTip.tsx |   0
 .../scripts/components/VideoThumbnail.tsx     |   0
 demo/{full => }/scripts/contents.ts           |   0
 .../scripts/controllers/ContentList.tsx       |   2 +-
 .../scripts/controllers/ControlBar.tsx        |   0
 .../scripts/controllers/ErrorDisplayer.tsx    |   0
 .../scripts/controllers/FullScreenButton.tsx  |   0
 demo/{full => }/scripts/controllers/Main.tsx  |   2 +-
 .../scripts/controllers/PlayPauseButton.tsx   |   0
 .../{full => }/scripts/controllers/Player.tsx |  10 +-
 .../controllers/PlayerKnobsSettings.tsx       |   0
 .../scripts/controllers/ProgressBar.tsx       |   0
 .../scripts/controllers/Settings.tsx          |   2 +-
 .../scripts/controllers/VolumeBar.tsx         |   0
 .../scripts/controllers/VolumeButton.tsx      |   0
 .../controllers/charts/BufferContent.tsx      |   0
 .../scripts/controllers/charts/BufferSize.tsx |   0
 .../scripts/controllers/charts/index.tsx      |   0
 .../controllers/knobs/AudioRepresentation.tsx |   2 +-
 .../scripts/controllers/knobs/AudioTrack.tsx  |   2 +-
 .../scripts/controllers/knobs/SpeedKnob.tsx   |   0
 .../scripts/controllers/knobs/Subtitles.tsx   |   2 +-
 .../controllers/knobs/VideoRepresentation.tsx |   2 +-
 .../scripts/controllers/knobs/VideoTrack.tsx  |   2 +-
 demo/{full => }/scripts/index.tsx             |   0
 demo/{full => }/scripts/lib/bytes.ts          |   0
 .../scripts/lib/capitalizeFirstLetter.ts      |   0
 demo/{full => }/scripts/lib/declareModule.ts  |   0
 .../scripts/lib/defaultOptionsValues.ts       |   2 +-
 demo/{full => }/scripts/lib/fullscreen.ts     |   0
 .../scripts/lib/getCheckboxValue.ts           |   0
 demo/{full => }/scripts/lib/localStorage.ts   |   0
 .../scripts/lib/parseDRMConfigurations.ts     |   2 +-
 demo/{full => }/scripts/lib/shuffleArray.ts   |   0
 demo/{full => }/scripts/lib/time.ts           |   0
 .../scripts/lib/translateLanguageCode.ts      |   0
 demo/{full => }/scripts/lib/url_hash.ts       |   0
 demo/{full => }/scripts/lib/useModuleState.ts |   0
 demo/{full => }/scripts/metaplaylist_url.ts   |   0
 demo/{full => }/scripts/modules/ChartData.ts  |   0
 .../scripts/modules/player/catchUp.ts         |   2 +-
 .../scripts/modules/player/events.ts          |   4 +-
 .../scripts/modules/player/index.ts           |  10 +-
 demo/standalone/index.html                    |  18 ---
 demo/{full => }/styles/style.css              |   0
 demo/{full => }/tsconfig.json                 |   4 +-
 package.json                                  |  18 +--
 scripts/build_demo.mjs                        |   6 +-
 scripts/deploy_new_demo                       |  12 +-
 scripts/generate_standalone_demo.mjs          | 138 ------------------
 scripts/run_standalone_demo.mjs               |  33 -----
 scripts/start_demo_web_server.mjs             |   8 +-
 scripts/update_gh-pages_demo                  |  18 +--
 sonar-project.properties                      |   2 +-
 94 files changed, 78 insertions(+), 306 deletions(-)
 rename demo/{full => }/.eslintrc.js (100%)
 rename demo/{full => }/assets/canalp.svg (100%)
 rename demo/{full => }/assets/languages.ts (100%)
 rename demo/{full => }/assets/logo_white.png (100%)
 rename demo/{full => }/assets/play.svg (100%)
 rename demo/{full => }/assets/select_arrow_black.svg (100%)
 rename demo/{full => }/assets/select_arrow_white.svg (100%)
 rename demo/{full => }/assets/spinner.gif (100%)
 rename demo/{full => }/favicon.ico (100%)
 rename demo/{full => }/fonts/FontAwesome.otf (100%)
 rename demo/{full => }/index.html (100%)
 rename demo/{full => }/mpd-parser.wasm (100%)
 rename demo/{full => }/plus.ico (100%)
 rename demo/{full => }/scripts/components/BufferContentGraph.tsx (99%)
 rename demo/{full => }/scripts/components/Button.tsx (100%)
 rename demo/{full => }/scripts/components/CheckBox.tsx (100%)
 rename demo/{full => }/scripts/components/FocusedInput.tsx (100%)
 rename demo/{full => }/scripts/components/GenerateLinkButton.tsx (100%)
 rename demo/{full => }/scripts/components/GenerateLinkURL.tsx (100%)
 rename demo/{full => }/scripts/components/GitHubButton.tsx (100%)
 rename demo/{full => }/scripts/components/Input.tsx (100%)
 rename demo/{full => }/scripts/components/Knob.tsx (100%)
 rename demo/{full => }/scripts/components/LivePosition.tsx (100%)
 rename demo/{full => }/scripts/components/Options/AudioAdaptiveSettings.tsx (99%)
 rename demo/{full => }/scripts/components/Options/BufferOptions.tsx (100%)
 rename demo/{full => }/scripts/components/Options/Option.tsx (100%)
 rename demo/{full => }/scripts/components/Options/Playback.tsx (100%)
 rename demo/{full => }/scripts/components/Options/PlayerOptionNumberInput.tsx (100%)
 rename demo/{full => }/scripts/components/Options/RequestConfig.tsx (100%)
 rename demo/{full => }/scripts/components/Options/TrackSwitch.tsx (100%)
 rename demo/{full => }/scripts/components/Options/VideoAdaptiveSettings.tsx (99%)
 rename demo/{full => }/scripts/components/PositionInfos.tsx (100%)
 rename demo/{full => }/scripts/components/ProgressBar.tsx (100%)
 rename demo/{full => }/scripts/components/Select.tsx (100%)
 rename demo/{full => }/scripts/components/StickToLiveEdgeButton.tsx (100%)
 rename demo/{full => }/scripts/components/ToolTip.tsx (100%)
 rename demo/{full => }/scripts/components/VideoThumbnail.tsx (100%)
 rename demo/{full => }/scripts/contents.ts (100%)
 rename demo/{full => }/scripts/controllers/ContentList.tsx (99%)
 rename demo/{full => }/scripts/controllers/ControlBar.tsx (100%)
 rename demo/{full => }/scripts/controllers/ErrorDisplayer.tsx (100%)
 rename demo/{full => }/scripts/controllers/FullScreenButton.tsx (100%)
 rename demo/{full => }/scripts/controllers/Main.tsx (97%)
 rename demo/{full => }/scripts/controllers/PlayPauseButton.tsx (100%)
 rename demo/{full => }/scripts/controllers/Player.tsx (99%)
 rename demo/{full => }/scripts/controllers/PlayerKnobsSettings.tsx (100%)
 rename demo/{full => }/scripts/controllers/ProgressBar.tsx (100%)
 rename demo/{full => }/scripts/controllers/Settings.tsx (99%)
 rename demo/{full => }/scripts/controllers/VolumeBar.tsx (100%)
 rename demo/{full => }/scripts/controllers/VolumeButton.tsx (100%)
 rename demo/{full => }/scripts/controllers/charts/BufferContent.tsx (100%)
 rename demo/{full => }/scripts/controllers/charts/BufferSize.tsx (100%)
 rename demo/{full => }/scripts/controllers/charts/index.tsx (100%)
 rename demo/{full => }/scripts/controllers/knobs/AudioRepresentation.tsx (97%)
 rename demo/{full => }/scripts/controllers/knobs/AudioTrack.tsx (98%)
 rename demo/{full => }/scripts/controllers/knobs/SpeedKnob.tsx (100%)
 rename demo/{full => }/scripts/controllers/knobs/Subtitles.tsx (98%)
 rename demo/{full => }/scripts/controllers/knobs/VideoRepresentation.tsx (97%)
 rename demo/{full => }/scripts/controllers/knobs/VideoTrack.tsx (98%)
 rename demo/{full => }/scripts/index.tsx (100%)
 rename demo/{full => }/scripts/lib/bytes.ts (100%)
 rename demo/{full => }/scripts/lib/capitalizeFirstLetter.ts (100%)
 rename demo/{full => }/scripts/lib/declareModule.ts (100%)
 rename demo/{full => }/scripts/lib/defaultOptionsValues.ts (96%)
 rename demo/{full => }/scripts/lib/fullscreen.ts (100%)
 rename demo/{full => }/scripts/lib/getCheckboxValue.ts (100%)
 rename demo/{full => }/scripts/lib/localStorage.ts (100%)
 rename demo/{full => }/scripts/lib/parseDRMConfigurations.ts (98%)
 rename demo/{full => }/scripts/lib/shuffleArray.ts (100%)
 rename demo/{full => }/scripts/lib/time.ts (100%)
 rename demo/{full => }/scripts/lib/translateLanguageCode.ts (100%)
 rename demo/{full => }/scripts/lib/url_hash.ts (100%)
 rename demo/{full => }/scripts/lib/useModuleState.ts (100%)
 rename demo/{full => }/scripts/metaplaylist_url.ts (100%)
 rename demo/{full => }/scripts/modules/ChartData.ts (100%)
 rename demo/{full => }/scripts/modules/player/catchUp.ts (99%)
 rename demo/{full => }/scripts/modules/player/events.ts (99%)
 rename demo/{full => }/scripts/modules/player/index.ts (97%)
 delete mode 100644 demo/standalone/index.html
 rename demo/{full => }/styles/style.css (100%)
 rename demo/{full => }/tsconfig.json (80%)
 delete mode 100755 scripts/generate_standalone_demo.mjs
 delete mode 100755 scripts/run_standalone_demo.mjs

diff --git a/.eslintignore b/.eslintignore
index 8188f2e07a..0ea09aa772 100644
--- a/.eslintignore
+++ b/.eslintignore
@@ -2,10 +2,8 @@ node_modules
 *.log
 *.keys
 
-demo/full/bundle.js
-demo/full/lib.js
-demo/standalone/lib.js
 demo/bundle.js
+demo/lib.js
 
 tools/tests/coverage/
 
diff --git a/.gitignore b/.gitignore
index b35f798001..6472963f02 100644
--- a/.gitignore
+++ b/.gitignore
@@ -3,9 +3,8 @@
 /localhost.key
 /node_modules
 
-/demo/full/bundle.js
-/demo/full/worker.js
-/demo/standalone/lib.js
+/demo/bundle.js
+/demo/worker.js
 
 /tests/performance/node_modules
 /tests/performance/bundle1.js
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index cf16ab775c..fff1f1afb2 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -141,40 +141,24 @@ And the following methods:
 
 You might want to quickly test your code modification(s) on a real use case.
 
-For those types of need, we developped two demo pages:
+For those types of need, we developped a demo page. This demo has a user-friendly
+interface and allow the most frequent API interactions.
 
-- the _full demo_ page, which is also the one used to showcase the player.
+It also exposes both the RxPlayer class through `window.RxPlayer` and the rxPlayer
+instance through `window.rxPlayer` - both in the global scope. You can thus open a
+debugger/inspector in your favorite browser to exploit directly the player's API.
 
-  This demo has a user-friendly interface and allow the most frequent API interactions.
-
-  It also exposes both the RxPlayer class through `window.RxPlayer` and the rxPlayer
-  instance through `window.rxPlayer` - both in the global scope. You can thus open a
-  debugger/inspector in your favorite browser to exploit directly the player's API.
-
-- the _standalone demo_ page, which is just a `<video />` tag linked to a RxPlayer
-  instance.
-
-  In this demo too, `window.RxPlayer` and `window.rxPlayer` link to the RxPlayer class and
-  the rxPlayer instance respectively.
-
-To use the full demo page, you can build it and run a local HTTP server on the port 8000
-by running the following npm script.
+To use the demo page, you can build it and run a local HTTP server on the port 8000 by
+running the following npm script.
 
 ```sh
 npm run start
 ```
 
-To use the standalone demo page, you can build it and run a local HTTP server on the port
-8001 by running the following npm script.
-
-```sh
-npm run standalone
-```
-
-Both will detect when the RxPlayer's files (or even the demo files) are updated and
-perform a new build when that's the case. In that way, the server will always serve the
-last local version of the code. Note however that hot-reload is not enabled currently,
-you'll have to refresh the page yourself.
+It will detect when the RxPlayer's files (or even the demo files) are updated and perform
+a new build when that's the case. In that way, the server will always serve the last local
+version of the code. Note however that hot-reload is not enabled currently, you'll have to
+refresh the page yourself.
 
 ### Serving the demo page through HTTPS
 
@@ -188,9 +172,8 @@ help of `openssl`:
 npm run certificate
 ```
 
-You can then run the same demo script defined previously. The _full demo_ will now serve
-HTTPS through the port 8443 and the _standalone demo_ through the port 8444. Both still
-serve HTTP on the same ports than before.
+You can then run the same demo script defined previously. The demo will now serve HTTPS
+through the port 8443 (and through HTTP through the usual port).
 
 Note that such self-signed certificates are usually (rightfully) considered suspicious by
 web browsers. As such, you might first encounter a warning screen when going to one of the
diff --git a/FILES.md b/FILES.md
index 80122e07b8..bbd5e95efb 100644
--- a/FILES.md
+++ b/FILES.md
@@ -5,15 +5,7 @@ directory or subdirectory, in alphabetical order.
 
 ## `demo/`: Demo applications
 
-The `demo/` directory contains demos of application using the RxPlayer.
-
-At the time of writing, there are two distinct demos:
-
-- _full_: Demo with a graphic interface, written with the React library, to showcase what
-  the player can do
-
-- _standalone_: Just expose the rx-player in `window`, to allow scripted interactions with
-  it in the console. The player is linked to a video tag in the displayed page.
+The `demo/` directory contains the demo page, an example application using the RxPlayer.
 
 ## `dist/`: Builds
 
diff --git a/demo/full/.eslintrc.js b/demo/.eslintrc.js
similarity index 100%
rename from demo/full/.eslintrc.js
rename to demo/.eslintrc.js
diff --git a/demo/README.md b/demo/README.md
index 8381553874..eccc710adb 100644
--- a/demo/README.md
+++ b/demo/README.md
@@ -1,20 +1,11 @@
 # RxPlayer demos
 
-This directory hosts the code of various demo applications allowing to showcase and more
+This directory hosts the code of a demo application allowing us to showcase and more
 importantly test the RxPlayer.
 
-As of now, there are two demos available:
-
-- the "full" demo (in ./full): This is the more advanced demo, the one that we generally
-  link to but also the one with which we test the most often.
-
-- the "standalone" demo (in ./standalone): This is a very minimal demo relying just on an
-  index.html containing a `<video>` element and an RxPlayer default build exposed through
-  `window`,
-
 This directory is not exposed to the outside world and as such can change as we see fit.
 
-Note that this directory only contains the code for the demo pages. Any script allowing to
+Note that this directory only contains the code for the demo page. Any script allowing to
 serve them or push them to a server are out of its scope.
 
 To know how to perform those actions, you can start from the topmost documentation.
diff --git a/demo/full/assets/canalp.svg b/demo/assets/canalp.svg
similarity index 100%
rename from demo/full/assets/canalp.svg
rename to demo/assets/canalp.svg
diff --git a/demo/full/assets/languages.ts b/demo/assets/languages.ts
similarity index 100%
rename from demo/full/assets/languages.ts
rename to demo/assets/languages.ts
diff --git a/demo/full/assets/logo_white.png b/demo/assets/logo_white.png
similarity index 100%
rename from demo/full/assets/logo_white.png
rename to demo/assets/logo_white.png
diff --git a/demo/full/assets/play.svg b/demo/assets/play.svg
similarity index 100%
rename from demo/full/assets/play.svg
rename to demo/assets/play.svg
diff --git a/demo/full/assets/select_arrow_black.svg b/demo/assets/select_arrow_black.svg
similarity index 100%
rename from demo/full/assets/select_arrow_black.svg
rename to demo/assets/select_arrow_black.svg
diff --git a/demo/full/assets/select_arrow_white.svg b/demo/assets/select_arrow_white.svg
similarity index 100%
rename from demo/full/assets/select_arrow_white.svg
rename to demo/assets/select_arrow_white.svg
diff --git a/demo/full/assets/spinner.gif b/demo/assets/spinner.gif
similarity index 100%
rename from demo/full/assets/spinner.gif
rename to demo/assets/spinner.gif
diff --git a/demo/full/favicon.ico b/demo/favicon.ico
similarity index 100%
rename from demo/full/favicon.ico
rename to demo/favicon.ico
diff --git a/demo/full/fonts/FontAwesome.otf b/demo/fonts/FontAwesome.otf
similarity index 100%
rename from demo/full/fonts/FontAwesome.otf
rename to demo/fonts/FontAwesome.otf
diff --git a/demo/full/index.html b/demo/index.html
similarity index 100%
rename from demo/full/index.html
rename to demo/index.html
diff --git a/demo/full/mpd-parser.wasm b/demo/mpd-parser.wasm
similarity index 100%
rename from demo/full/mpd-parser.wasm
rename to demo/mpd-parser.wasm
diff --git a/demo/full/plus.ico b/demo/plus.ico
similarity index 100%
rename from demo/full/plus.ico
rename to demo/plus.ico
diff --git a/demo/full/scripts/components/BufferContentGraph.tsx b/demo/scripts/components/BufferContentGraph.tsx
similarity index 99%
rename from demo/full/scripts/components/BufferContentGraph.tsx
rename to demo/scripts/components/BufferContentGraph.tsx
index 1df3b4fcbe..fc120bf25f 100644
--- a/demo/full/scripts/components/BufferContentGraph.tsx
+++ b/demo/scripts/components/BufferContentGraph.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import type { IVideoRepresentation } from "../../../../src/public_types";
+import type { IVideoRepresentation } from "../../../src/public_types";
 import capitalizeFirstLetter from "../lib/capitalizeFirstLetter";
 import shuffleArray from "../lib/shuffleArray";
 import ToolTip from "./ToolTip";
diff --git a/demo/full/scripts/components/Button.tsx b/demo/scripts/components/Button.tsx
similarity index 100%
rename from demo/full/scripts/components/Button.tsx
rename to demo/scripts/components/Button.tsx
diff --git a/demo/full/scripts/components/CheckBox.tsx b/demo/scripts/components/CheckBox.tsx
similarity index 100%
rename from demo/full/scripts/components/CheckBox.tsx
rename to demo/scripts/components/CheckBox.tsx
diff --git a/demo/full/scripts/components/FocusedInput.tsx b/demo/scripts/components/FocusedInput.tsx
similarity index 100%
rename from demo/full/scripts/components/FocusedInput.tsx
rename to demo/scripts/components/FocusedInput.tsx
diff --git a/demo/full/scripts/components/GenerateLinkButton.tsx b/demo/scripts/components/GenerateLinkButton.tsx
similarity index 100%
rename from demo/full/scripts/components/GenerateLinkButton.tsx
rename to demo/scripts/components/GenerateLinkButton.tsx
diff --git a/demo/full/scripts/components/GenerateLinkURL.tsx b/demo/scripts/components/GenerateLinkURL.tsx
similarity index 100%
rename from demo/full/scripts/components/GenerateLinkURL.tsx
rename to demo/scripts/components/GenerateLinkURL.tsx
diff --git a/demo/full/scripts/components/GitHubButton.tsx b/demo/scripts/components/GitHubButton.tsx
similarity index 100%
rename from demo/full/scripts/components/GitHubButton.tsx
rename to demo/scripts/components/GitHubButton.tsx
diff --git a/demo/full/scripts/components/Input.tsx b/demo/scripts/components/Input.tsx
similarity index 100%
rename from demo/full/scripts/components/Input.tsx
rename to demo/scripts/components/Input.tsx
diff --git a/demo/full/scripts/components/Knob.tsx b/demo/scripts/components/Knob.tsx
similarity index 100%
rename from demo/full/scripts/components/Knob.tsx
rename to demo/scripts/components/Knob.tsx
diff --git a/demo/full/scripts/components/LivePosition.tsx b/demo/scripts/components/LivePosition.tsx
similarity index 100%
rename from demo/full/scripts/components/LivePosition.tsx
rename to demo/scripts/components/LivePosition.tsx
diff --git a/demo/full/scripts/components/Options/AudioAdaptiveSettings.tsx b/demo/scripts/components/Options/AudioAdaptiveSettings.tsx
similarity index 99%
rename from demo/full/scripts/components/Options/AudioAdaptiveSettings.tsx
rename to demo/scripts/components/Options/AudioAdaptiveSettings.tsx
index fb6d10b256..b469ebd748 100644
--- a/demo/full/scripts/components/Options/AudioAdaptiveSettings.tsx
+++ b/demo/scripts/components/Options/AudioAdaptiveSettings.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IAudioRepresentationsSwitchingMode } from "../../../../../src/public_types";
+import { IAudioRepresentationsSwitchingMode } from "../../../../src/public_types";
 import Select from "../Select";
 
 /**
diff --git a/demo/full/scripts/components/Options/BufferOptions.tsx b/demo/scripts/components/Options/BufferOptions.tsx
similarity index 100%
rename from demo/full/scripts/components/Options/BufferOptions.tsx
rename to demo/scripts/components/Options/BufferOptions.tsx
diff --git a/demo/full/scripts/components/Options/Option.tsx b/demo/scripts/components/Options/Option.tsx
similarity index 100%
rename from demo/full/scripts/components/Options/Option.tsx
rename to demo/scripts/components/Options/Option.tsx
diff --git a/demo/full/scripts/components/Options/Playback.tsx b/demo/scripts/components/Options/Playback.tsx
similarity index 100%
rename from demo/full/scripts/components/Options/Playback.tsx
rename to demo/scripts/components/Options/Playback.tsx
diff --git a/demo/full/scripts/components/Options/PlayerOptionNumberInput.tsx b/demo/scripts/components/Options/PlayerOptionNumberInput.tsx
similarity index 100%
rename from demo/full/scripts/components/Options/PlayerOptionNumberInput.tsx
rename to demo/scripts/components/Options/PlayerOptionNumberInput.tsx
diff --git a/demo/full/scripts/components/Options/RequestConfig.tsx b/demo/scripts/components/Options/RequestConfig.tsx
similarity index 100%
rename from demo/full/scripts/components/Options/RequestConfig.tsx
rename to demo/scripts/components/Options/RequestConfig.tsx
diff --git a/demo/full/scripts/components/Options/TrackSwitch.tsx b/demo/scripts/components/Options/TrackSwitch.tsx
similarity index 100%
rename from demo/full/scripts/components/Options/TrackSwitch.tsx
rename to demo/scripts/components/Options/TrackSwitch.tsx
diff --git a/demo/full/scripts/components/Options/VideoAdaptiveSettings.tsx b/demo/scripts/components/Options/VideoAdaptiveSettings.tsx
similarity index 99%
rename from demo/full/scripts/components/Options/VideoAdaptiveSettings.tsx
rename to demo/scripts/components/Options/VideoAdaptiveSettings.tsx
index 10c89ba85f..af71d28b59 100644
--- a/demo/full/scripts/components/Options/VideoAdaptiveSettings.tsx
+++ b/demo/scripts/components/Options/VideoAdaptiveSettings.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IVideoRepresentationsSwitchingMode } from "../../../../../src/public_types";
+import { IVideoRepresentationsSwitchingMode } from "../../../../src/public_types";
 import Checkbox from "../../components/CheckBox";
 import Select from "../Select";
 
diff --git a/demo/full/scripts/components/PositionInfos.tsx b/demo/scripts/components/PositionInfos.tsx
similarity index 100%
rename from demo/full/scripts/components/PositionInfos.tsx
rename to demo/scripts/components/PositionInfos.tsx
diff --git a/demo/full/scripts/components/ProgressBar.tsx b/demo/scripts/components/ProgressBar.tsx
similarity index 100%
rename from demo/full/scripts/components/ProgressBar.tsx
rename to demo/scripts/components/ProgressBar.tsx
diff --git a/demo/full/scripts/components/Select.tsx b/demo/scripts/components/Select.tsx
similarity index 100%
rename from demo/full/scripts/components/Select.tsx
rename to demo/scripts/components/Select.tsx
diff --git a/demo/full/scripts/components/StickToLiveEdgeButton.tsx b/demo/scripts/components/StickToLiveEdgeButton.tsx
similarity index 100%
rename from demo/full/scripts/components/StickToLiveEdgeButton.tsx
rename to demo/scripts/components/StickToLiveEdgeButton.tsx
diff --git a/demo/full/scripts/components/ToolTip.tsx b/demo/scripts/components/ToolTip.tsx
similarity index 100%
rename from demo/full/scripts/components/ToolTip.tsx
rename to demo/scripts/components/ToolTip.tsx
diff --git a/demo/full/scripts/components/VideoThumbnail.tsx b/demo/scripts/components/VideoThumbnail.tsx
similarity index 100%
rename from demo/full/scripts/components/VideoThumbnail.tsx
rename to demo/scripts/components/VideoThumbnail.tsx
diff --git a/demo/full/scripts/contents.ts b/demo/scripts/contents.ts
similarity index 100%
rename from demo/full/scripts/contents.ts
rename to demo/scripts/contents.ts
diff --git a/demo/full/scripts/controllers/ContentList.tsx b/demo/scripts/controllers/ContentList.tsx
similarity index 99%
rename from demo/full/scripts/controllers/ContentList.tsx
rename to demo/scripts/controllers/ContentList.tsx
index a844fca9f5..a48a283008 100644
--- a/demo/full/scripts/controllers/ContentList.tsx
+++ b/demo/scripts/controllers/ContentList.tsx
@@ -17,7 +17,7 @@ import DEFAULT_CONTENTS from "../contents";
 import type { IDefaultContent, IDrmInfo } from "../contents";
 import GeneratedLinkURL from "../components/GenerateLinkURL";
 import GenerateLinkButton from "../components/GenerateLinkButton";
-import type { IKeySystemOption, ILoadVideoOptions } from "../../../../src/public_types";
+import type { IKeySystemOption, ILoadVideoOptions } from "../../../src/public_types";
 
 /* eslint-disable */
 const win = window as any;
diff --git a/demo/full/scripts/controllers/ControlBar.tsx b/demo/scripts/controllers/ControlBar.tsx
similarity index 100%
rename from demo/full/scripts/controllers/ControlBar.tsx
rename to demo/scripts/controllers/ControlBar.tsx
diff --git a/demo/full/scripts/controllers/ErrorDisplayer.tsx b/demo/scripts/controllers/ErrorDisplayer.tsx
similarity index 100%
rename from demo/full/scripts/controllers/ErrorDisplayer.tsx
rename to demo/scripts/controllers/ErrorDisplayer.tsx
diff --git a/demo/full/scripts/controllers/FullScreenButton.tsx b/demo/scripts/controllers/FullScreenButton.tsx
similarity index 100%
rename from demo/full/scripts/controllers/FullScreenButton.tsx
rename to demo/scripts/controllers/FullScreenButton.tsx
diff --git a/demo/full/scripts/controllers/Main.tsx b/demo/scripts/controllers/Main.tsx
similarity index 97%
rename from demo/full/scripts/controllers/Main.tsx
rename to demo/scripts/controllers/Main.tsx
index 60adff0e18..682bb1b778 100644
--- a/demo/full/scripts/controllers/Main.tsx
+++ b/demo/scripts/controllers/Main.tsx
@@ -1,4 +1,4 @@
-import RxPlayer from "../../../../src/minimal";
+import RxPlayer from "../../../src/minimal";
 import * as React from "react";
 import GitHubButton from "../components/GitHubButton";
 import Player from "./Player";
diff --git a/demo/full/scripts/controllers/PlayPauseButton.tsx b/demo/scripts/controllers/PlayPauseButton.tsx
similarity index 100%
rename from demo/full/scripts/controllers/PlayPauseButton.tsx
rename to demo/scripts/controllers/PlayPauseButton.tsx
diff --git a/demo/full/scripts/controllers/Player.tsx b/demo/scripts/controllers/Player.tsx
similarity index 99%
rename from demo/full/scripts/controllers/Player.tsx
rename to demo/scripts/controllers/Player.tsx
index 59de43d751..398d9d3f4e 100644
--- a/demo/full/scripts/controllers/Player.tsx
+++ b/demo/scripts/controllers/Player.tsx
@@ -1,4 +1,9 @@
 import * as React from "react";
+import type {
+  IAudioRepresentationsSwitchingMode,
+  ILoadVideoOptions,
+  IVideoRepresentationsSwitchingMode,
+} from "../../../src/public_types";
 import PlayerModule from "../modules/player";
 import type { IPlayerModule } from "../modules/player";
 import ControlBar from "./ControlBar";
@@ -12,11 +17,6 @@ import type {
   ILoadVideoSettings,
   IConstructorSettings,
 } from "../lib/defaultOptionsValues";
-import type {
-  IAudioRepresentationsSwitchingMode,
-  ILoadVideoOptions,
-  IVideoRepresentationsSwitchingMode,
-} from "../../../../src/public_types";
 
 const { useCallback, useEffect, useRef, useState } = React;
 
diff --git a/demo/full/scripts/controllers/PlayerKnobsSettings.tsx b/demo/scripts/controllers/PlayerKnobsSettings.tsx
similarity index 100%
rename from demo/full/scripts/controllers/PlayerKnobsSettings.tsx
rename to demo/scripts/controllers/PlayerKnobsSettings.tsx
diff --git a/demo/full/scripts/controllers/ProgressBar.tsx b/demo/scripts/controllers/ProgressBar.tsx
similarity index 100%
rename from demo/full/scripts/controllers/ProgressBar.tsx
rename to demo/scripts/controllers/ProgressBar.tsx
diff --git a/demo/full/scripts/controllers/Settings.tsx b/demo/scripts/controllers/Settings.tsx
similarity index 99%
rename from demo/full/scripts/controllers/Settings.tsx
rename to demo/scripts/controllers/Settings.tsx
index 820e550442..9a9acef028 100644
--- a/demo/full/scripts/controllers/Settings.tsx
+++ b/demo/scripts/controllers/Settings.tsx
@@ -14,7 +14,7 @@ import type {
   IAudioRepresentationsSwitchingMode,
   ICmcdOptions,
   IVideoRepresentationsSwitchingMode,
-} from "../../../../src/public_types";
+} from "../../../src/public_types";
 
 const { useCallback } = React;
 
diff --git a/demo/full/scripts/controllers/VolumeBar.tsx b/demo/scripts/controllers/VolumeBar.tsx
similarity index 100%
rename from demo/full/scripts/controllers/VolumeBar.tsx
rename to demo/scripts/controllers/VolumeBar.tsx
diff --git a/demo/full/scripts/controllers/VolumeButton.tsx b/demo/scripts/controllers/VolumeButton.tsx
similarity index 100%
rename from demo/full/scripts/controllers/VolumeButton.tsx
rename to demo/scripts/controllers/VolumeButton.tsx
diff --git a/demo/full/scripts/controllers/charts/BufferContent.tsx b/demo/scripts/controllers/charts/BufferContent.tsx
similarity index 100%
rename from demo/full/scripts/controllers/charts/BufferContent.tsx
rename to demo/scripts/controllers/charts/BufferContent.tsx
diff --git a/demo/full/scripts/controllers/charts/BufferSize.tsx b/demo/scripts/controllers/charts/BufferSize.tsx
similarity index 100%
rename from demo/full/scripts/controllers/charts/BufferSize.tsx
rename to demo/scripts/controllers/charts/BufferSize.tsx
diff --git a/demo/full/scripts/controllers/charts/index.tsx b/demo/scripts/controllers/charts/index.tsx
similarity index 100%
rename from demo/full/scripts/controllers/charts/index.tsx
rename to demo/scripts/controllers/charts/index.tsx
diff --git a/demo/full/scripts/controllers/knobs/AudioRepresentation.tsx b/demo/scripts/controllers/knobs/AudioRepresentation.tsx
similarity index 97%
rename from demo/full/scripts/controllers/knobs/AudioRepresentation.tsx
rename to demo/scripts/controllers/knobs/AudioRepresentation.tsx
index 1dd0895b8e..7759edf63f 100644
--- a/demo/full/scripts/controllers/knobs/AudioRepresentation.tsx
+++ b/demo/scripts/controllers/knobs/AudioRepresentation.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IAudioRepresentation } from "../../../../../src/public_types";
+import { IAudioRepresentation } from "../../../../src/public_types";
 import Knob from "../../components/Knob";
 import useModuleState from "../../lib/useModuleState";
 import type { IPlayerModule } from "../../modules/player/index";
diff --git a/demo/full/scripts/controllers/knobs/AudioTrack.tsx b/demo/scripts/controllers/knobs/AudioTrack.tsx
similarity index 98%
rename from demo/full/scripts/controllers/knobs/AudioTrack.tsx
rename to demo/scripts/controllers/knobs/AudioTrack.tsx
index 4661c45b0c..754e09b9ea 100644
--- a/demo/full/scripts/controllers/knobs/AudioTrack.tsx
+++ b/demo/scripts/controllers/knobs/AudioTrack.tsx
@@ -1,9 +1,9 @@
 import * as React from "react";
+import type { IAudioTrack, IAvailableAudioTrack } from "../../../../src/public_types";
 import translateAudioTrackCode from "../../lib/translateLanguageCode";
 import Knob from "../../components/Knob";
 import useModuleState from "../../lib/useModuleState";
 import type { IPlayerModule } from "../../modules/player/index";
-import type { IAudioTrack, IAvailableAudioTrack } from "../../../../../src/public_types";
 
 const AUDIO_DESCRIPTION_ICON = "(AD)"; // String.fromCharCode(0xf29e);
 
diff --git a/demo/full/scripts/controllers/knobs/SpeedKnob.tsx b/demo/scripts/controllers/knobs/SpeedKnob.tsx
similarity index 100%
rename from demo/full/scripts/controllers/knobs/SpeedKnob.tsx
rename to demo/scripts/controllers/knobs/SpeedKnob.tsx
diff --git a/demo/full/scripts/controllers/knobs/Subtitles.tsx b/demo/scripts/controllers/knobs/Subtitles.tsx
similarity index 98%
rename from demo/full/scripts/controllers/knobs/Subtitles.tsx
rename to demo/scripts/controllers/knobs/Subtitles.tsx
index 6dee88d1ca..8dad3b4428 100644
--- a/demo/full/scripts/controllers/knobs/Subtitles.tsx
+++ b/demo/scripts/controllers/knobs/Subtitles.tsx
@@ -1,9 +1,9 @@
 import * as React from "react";
+import type { ITextTrack, IAvailableTextTrack } from "../../../../src/public_types";
 import translateLanguageCode from "../../lib/translateLanguageCode";
 import Knob from "../../components/Knob";
 import useModuleState from "../../lib/useModuleState";
 import type { IPlayerModule } from "../../modules/player/index";
-import type { ITextTrack, IAvailableTextTrack } from "../../../../../src/public_types";
 
 const CLOSED_CAPTION_ICON = "(CC)"; // String.fromCharCode(0xf2a4);
 
diff --git a/demo/full/scripts/controllers/knobs/VideoRepresentation.tsx b/demo/scripts/controllers/knobs/VideoRepresentation.tsx
similarity index 97%
rename from demo/full/scripts/controllers/knobs/VideoRepresentation.tsx
rename to demo/scripts/controllers/knobs/VideoRepresentation.tsx
index 51c367329b..f70255acc4 100644
--- a/demo/full/scripts/controllers/knobs/VideoRepresentation.tsx
+++ b/demo/scripts/controllers/knobs/VideoRepresentation.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IVideoRepresentation } from "../../../../../src/public_types";
+import { IVideoRepresentation } from "../../../../src/public_types";
 import Knob from "../../components/Knob";
 import useModuleState from "../../lib/useModuleState";
 import type { IPlayerModule } from "../../modules/player/index";
diff --git a/demo/full/scripts/controllers/knobs/VideoTrack.tsx b/demo/scripts/controllers/knobs/VideoTrack.tsx
similarity index 98%
rename from demo/full/scripts/controllers/knobs/VideoTrack.tsx
rename to demo/scripts/controllers/knobs/VideoTrack.tsx
index aab34a550d..94d94fe0a8 100644
--- a/demo/full/scripts/controllers/knobs/VideoTrack.tsx
+++ b/demo/scripts/controllers/knobs/VideoTrack.tsx
@@ -1,8 +1,8 @@
 import * as React from "react";
+import type { IVideoTrack, IAvailableVideoTrack } from "../../../../src/public_types";
 import Knob from "../../components/Knob";
 import useModuleState from "../../lib/useModuleState";
 import type { IPlayerModule } from "../../modules/player/index";
-import type { IVideoTrack, IAvailableVideoTrack } from "../../../../../src/public_types";
 
 function findVideoTrackIndex(
   videoTrack: IVideoTrack,
diff --git a/demo/full/scripts/index.tsx b/demo/scripts/index.tsx
similarity index 100%
rename from demo/full/scripts/index.tsx
rename to demo/scripts/index.tsx
diff --git a/demo/full/scripts/lib/bytes.ts b/demo/scripts/lib/bytes.ts
similarity index 100%
rename from demo/full/scripts/lib/bytes.ts
rename to demo/scripts/lib/bytes.ts
diff --git a/demo/full/scripts/lib/capitalizeFirstLetter.ts b/demo/scripts/lib/capitalizeFirstLetter.ts
similarity index 100%
rename from demo/full/scripts/lib/capitalizeFirstLetter.ts
rename to demo/scripts/lib/capitalizeFirstLetter.ts
diff --git a/demo/full/scripts/lib/declareModule.ts b/demo/scripts/lib/declareModule.ts
similarity index 100%
rename from demo/full/scripts/lib/declareModule.ts
rename to demo/scripts/lib/declareModule.ts
diff --git a/demo/full/scripts/lib/defaultOptionsValues.ts b/demo/scripts/lib/defaultOptionsValues.ts
similarity index 96%
rename from demo/full/scripts/lib/defaultOptionsValues.ts
rename to demo/scripts/lib/defaultOptionsValues.ts
index 21d7505e6d..5b73eda15b 100644
--- a/demo/full/scripts/lib/defaultOptionsValues.ts
+++ b/demo/scripts/lib/defaultOptionsValues.ts
@@ -2,7 +2,7 @@ import type {
   ICmcdOptions,
   IConstructorOptions,
   ILoadVideoOptions,
-} from "../../../../src/public_types";
+} from "../../../src/public_types";
 
 const defaultOptionsValues = {
   player: {
diff --git a/demo/full/scripts/lib/fullscreen.ts b/demo/scripts/lib/fullscreen.ts
similarity index 100%
rename from demo/full/scripts/lib/fullscreen.ts
rename to demo/scripts/lib/fullscreen.ts
diff --git a/demo/full/scripts/lib/getCheckboxValue.ts b/demo/scripts/lib/getCheckboxValue.ts
similarity index 100%
rename from demo/full/scripts/lib/getCheckboxValue.ts
rename to demo/scripts/lib/getCheckboxValue.ts
diff --git a/demo/full/scripts/lib/localStorage.ts b/demo/scripts/lib/localStorage.ts
similarity index 100%
rename from demo/full/scripts/lib/localStorage.ts
rename to demo/scripts/lib/localStorage.ts
diff --git a/demo/full/scripts/lib/parseDRMConfigurations.ts b/demo/scripts/lib/parseDRMConfigurations.ts
similarity index 98%
rename from demo/full/scripts/lib/parseDRMConfigurations.ts
rename to demo/scripts/lib/parseDRMConfigurations.ts
index cbc47d66a4..cd219c720b 100644
--- a/demo/full/scripts/lib/parseDRMConfigurations.ts
+++ b/demo/scripts/lib/parseDRMConfigurations.ts
@@ -1,4 +1,4 @@
-import type { IKeySystemOption } from "../../../../src/public_types";
+import type { IKeySystemOption } from "../../../src/public_types";
 import { utf8ToStr, strToUtf8, leUtf16ToStr } from "./bytes";
 
 export default async function parseDRMConfigurations(
diff --git a/demo/full/scripts/lib/shuffleArray.ts b/demo/scripts/lib/shuffleArray.ts
similarity index 100%
rename from demo/full/scripts/lib/shuffleArray.ts
rename to demo/scripts/lib/shuffleArray.ts
diff --git a/demo/full/scripts/lib/time.ts b/demo/scripts/lib/time.ts
similarity index 100%
rename from demo/full/scripts/lib/time.ts
rename to demo/scripts/lib/time.ts
diff --git a/demo/full/scripts/lib/translateLanguageCode.ts b/demo/scripts/lib/translateLanguageCode.ts
similarity index 100%
rename from demo/full/scripts/lib/translateLanguageCode.ts
rename to demo/scripts/lib/translateLanguageCode.ts
diff --git a/demo/full/scripts/lib/url_hash.ts b/demo/scripts/lib/url_hash.ts
similarity index 100%
rename from demo/full/scripts/lib/url_hash.ts
rename to demo/scripts/lib/url_hash.ts
diff --git a/demo/full/scripts/lib/useModuleState.ts b/demo/scripts/lib/useModuleState.ts
similarity index 100%
rename from demo/full/scripts/lib/useModuleState.ts
rename to demo/scripts/lib/useModuleState.ts
diff --git a/demo/full/scripts/metaplaylist_url.ts b/demo/scripts/metaplaylist_url.ts
similarity index 100%
rename from demo/full/scripts/metaplaylist_url.ts
rename to demo/scripts/metaplaylist_url.ts
diff --git a/demo/full/scripts/modules/ChartData.ts b/demo/scripts/modules/ChartData.ts
similarity index 100%
rename from demo/full/scripts/modules/ChartData.ts
rename to demo/scripts/modules/ChartData.ts
diff --git a/demo/full/scripts/modules/player/catchUp.ts b/demo/scripts/modules/player/catchUp.ts
similarity index 99%
rename from demo/full/scripts/modules/player/catchUp.ts
rename to demo/scripts/modules/player/catchUp.ts
index ac993fe9a5..896d5df653 100644
--- a/demo/full/scripts/modules/player/catchUp.ts
+++ b/demo/scripts/modules/player/catchUp.ts
@@ -1,7 +1,7 @@
 // Distance from live edge we try to reach when the catching up button
 
 import type { IPlayerModuleState } from ".";
-import type RxPlayer from "../../../../../src";
+import type RxPlayer from "../../../../src";
 import type { IStateUpdater } from "../../lib/declareModule";
 
 // is enabled.
diff --git a/demo/full/scripts/modules/player/events.ts b/demo/scripts/modules/player/events.ts
similarity index 99%
rename from demo/full/scripts/modules/player/events.ts
rename to demo/scripts/modules/player/events.ts
index 6156d7531e..dbfc86e8a1 100644
--- a/demo/full/scripts/modules/player/events.ts
+++ b/demo/scripts/modules/player/events.ts
@@ -1,10 +1,10 @@
 import type { IPlayerModuleState } from ".";
-import type RxPlayer from "../../../../../src";
+import type RxPlayer from "../../../../src";
 import type {
   IBrokenRepresentationsLockContext,
   IPlayerError,
   IVideoTrack,
-} from "../../../../../src/public_types";
+} from "../../../../src/public_types";
 import type { IStateUpdater } from "../../lib/declareModule";
 
 const POSITION_UPDATES_INTERVAL = 100;
diff --git a/demo/full/scripts/modules/player/index.ts b/demo/scripts/modules/player/index.ts
similarity index 97%
rename from demo/full/scripts/modules/player/index.ts
rename to demo/scripts/modules/player/index.ts
index edca0e1d7a..eb0c012ebb 100644
--- a/demo/full/scripts/modules/player/index.ts
+++ b/demo/scripts/modules/player/index.ts
@@ -18,13 +18,13 @@ import {
   HTML_TTML_PARSER,
   HTML_VTT_PARSER,
   SMOOTH,
-} from "../../../../../src/features/list";
-import { METAPLAYLIST, MULTI_THREAD } from "../../../../../src/experimental/features";
-import RxPlayer from "../../../../../src/minimal";
+} from "../../../../src/features/list";
+import { METAPLAYLIST, MULTI_THREAD } from "../../../../src/experimental/features";
+import RxPlayer from "../../../../src/minimal";
 import { linkPlayerEventsToState } from "./events";
 import VideoThumbnailLoader, {
   DASH_LOADER,
-} from "../../../../../src/experimental/tools/VideoThumbnailLoader";
+} from "../../../../src/experimental/tools/VideoThumbnailLoader";
 import CatchUpModeController from "./catchUp";
 import { declareModule } from "../../lib/declareModule";
 import type {
@@ -40,7 +40,7 @@ import type {
   ITextTrack,
   IVideoRepresentation,
   IVideoTrack,
-} from "../../../../../src/public_types";
+} from "../../../../src/public_types";
 
 RxPlayer.addFeatures([
   DASH,
diff --git a/demo/standalone/index.html b/demo/standalone/index.html
deleted file mode 100644
index db6b2031e0..0000000000
--- a/demo/standalone/index.html
+++ /dev/null
@@ -1,18 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <title>RxPlayer - CANAL+ (stand-alone demo)</title>
-  </head>
-  <body>
-    <video id="video"></video>
-    <script type="text/javascript" src="./lib.js" charset="utf-8"></script>
-    <script charset="utf-8">
-      const player = new window.RxPlayer({
-        videoElement: document.getElementById("video"),
-      });
-
-      window.player = player;
-    </script>
-  </body>
-</html>
diff --git a/demo/full/styles/style.css b/demo/styles/style.css
similarity index 100%
rename from demo/full/styles/style.css
rename to demo/styles/style.css
diff --git a/demo/full/tsconfig.json b/demo/tsconfig.json
similarity index 80%
rename from demo/full/tsconfig.json
rename to demo/tsconfig.json
index f276bece97..de7f3cfdb4 100644
--- a/demo/full/tsconfig.json
+++ b/demo/tsconfig.json
@@ -15,7 +15,7 @@
     "types": [],
     "moduleResolution": "node",
     "jsx": "react",
-    "typeRoots": ["../../node_modules/@types"],
+    "typeRoots": ["../node_modules/@types"],
   },
-  "include": ["../../src/globals.prod.d.ts", "./scripts/**/*"],
+  "include": ["../src/globals.prod.d.ts", "./scripts/**/*"],
 }
diff --git a/package.json b/package.json
index d4734731b8..26d9284c58 100644
--- a/package.json
+++ b/package.json
@@ -153,7 +153,7 @@
     "check": "npm run check:types && npm run lint && npm run check:types:unit_tests",
     "check:all": "npm run check:types && npm run lint && npm run lint:demo && npm run lint:tests && npm run test:unit && npm run test:integration && npm run test:memory && node -r esm ./scripts/check_nodejs_import_compatibility.js",
     "check:demo": "npm run check:demo:types && npm run lint:demo",
-    "check:demo:types": "tsc --noEmit --project demo/full",
+    "check:demo:types": "tsc --noEmit --project demo/",
     "clean:build": "rimraf dist",
     "check:types": "tsc --noEmit --project .",
     "check:types:unit_tests": "tsc --noEmit --project ./tsconfig.unit-tests.json",
@@ -168,12 +168,11 @@
     "fmt:rust": "cd ./src/parsers/manifest/dash/wasm-parser && cargo fmt",
     "fmt:rust:check": "cd ./src/parsers/manifest/dash/wasm-parser && cargo fmt --check",
     "lint": "eslint src -c .eslintrc.js",
-    "lint:demo": "eslint -c demo/full/.eslintrc.js demo/full/scripts",
+    "lint:demo": "eslint -c demo/.eslintrc.js demo/scripts",
     "lint:tests": "eslint tests/**/*.js --ignore-pattern '/tests/performance/bundle*'",
     "list": "node scripts/list-npm-scripts.mjs",
     "prepublishOnly": "npm run build:all",
     "releases:dev": "./scripts/make-dev-releases",
-    "standalone": "node ./scripts/run_standalone_demo.mjs",
     "start": "node ./scripts/start_demo_web_server.mjs",
     "start:wasm": "node ./scripts/start_demo_web_server.mjs --include-wasm",
     "test:integration": "npm run test:integration:chrome && npm run test:integration:firefox",
@@ -226,16 +225,15 @@
   },
   "scripts-list": {
     "Build a demo page (e.g. to test a code change)": {
-      "start": "Build the \"full\" demo (with a UI) with the non-minified RxPlayer and serve it on a local server. Re-build on file updates.",
-      "start:wasm": "Build the \"full\" demo (with a UI) with the non-minified RxPlayer including the DASH WebAssembly MPD parser and serve it on a local server. Re-build on file updates.",
+      "start": "Build the demo with the non-minified RxPlayer and serve it on a local server. Re-build on file updates.",
+      "start:wasm": "Build the demo with the non-minified RxPlayer including the DASH WebAssembly MPD parser and serve it on a local server. Re-build on file updates.",
       "demo": "Build the demo in demo/bundle.js",
       "demo:min": "Build the demo and minify it in demo/bundle.js",
       "demo:watch": "Build the demo in demo/bundle.js each times the files update.",
-      "check:demo": "Check the validity of the full demo directory by running the type checker and linter on it",
-      "check:demo:types": "Check TypeScript types in full demo files",
-      "lint:demo": "Run linter on the full demo files",
-      "standalone": "Build and launch the \"standalone\" demo (without any UI) on a local server. Re-build on file updates.",
-      "certificate": "Generate a certificate to be able to use HTTPS locally for the demo pages (`npm run start` and `npm run standalone` will then listen to HTTPS requests through a communicated port)"
+      "check:demo": "Check the validity of the demo directory by running the type checker and linter on it",
+      "check:demo:types": "Check TypeScript types in demo files",
+      "lint:demo": "Run linter on demo files",
+      "certificate": "Generate a certificate to be able to use HTTPS locally for the demo pages (`npm run start` will then listen to HTTPS requests through a communicated port)"
     },
     "Type-check, format, or lint the current code": {
       "check": "Check the validity of the src directory by running the type checker and linter on it",
diff --git a/scripts/build_demo.mjs b/scripts/build_demo.mjs
index 23b58cc0d3..6da9375669 100644
--- a/scripts/build_demo.mjs
+++ b/scripts/build_demo.mjs
@@ -19,8 +19,8 @@ import getHumanReadableHours from "./utils/get_human_readable_hours.mjs";
 import runBundler from "./run_bundler.mjs";
 
 const WORKER_IN_FILE = join(rootDirectory, "src/worker_entry_point.ts");
-const DEMO_OUT_FILE = join(rootDirectory, "demo/full/bundle.js");
-const WORKER_OUT_FILE = join(rootDirectory, "demo/full/worker.js");
+const DEMO_OUT_FILE = join(rootDirectory, "demo/bundle.js");
+const WORKER_OUT_FILE = join(rootDirectory, "demo/worker.js");
 const WASM_FILE_DEPENDENCY = join(rootDirectory, "dist/mpd-parser.wasm");
 
 // If true, this script is called directly
@@ -112,7 +112,7 @@ export default function buildDemo(options) {
 
   // Create a context for incremental builds
   esbuild[meth]({
-    entryPoints: [join(rootDirectory, "demo/full/scripts/index.tsx")],
+    entryPoints: [join(rootDirectory, "demo/scripts/index.tsx")],
     bundle: true,
     target: "es2017",
     minify,
diff --git a/scripts/deploy_new_demo b/scripts/deploy_new_demo
index 66d65ccc3a..ae33d6782b 100755
--- a/scripts/deploy_new_demo
+++ b/scripts/deploy_new_demo
@@ -53,12 +53,12 @@ tmpRxPlayerFile=$(mktemp)
 tmpIndexFile=$(mktemp)
 tmpFaviconFile=$(mktemp)
 
-cp -r demo/full/fonts $tmpFontsDir -v
-cp -r demo/full/assets $tmpAssetsDir -v
-cp -r demo/full/styles $tmpStylesDir -v
-cp demo/full/bundle.js $tmpDemoFile -v
-cp demo/full/index.html $tmpIndexFile -v
-cp demo/full/plus.ico $tmpFaviconFile -v
+cp -r demo/fonts $tmpFontsDir -v
+cp -r demo/assets $tmpAssetsDir -v
+cp -r demo/styles $tmpStylesDir -v
+cp demo/bundle.js $tmpDemoFile -v
+cp demo/index.html $tmpIndexFile -v
+cp demo/plus.ico $tmpFaviconFile -v
 
 # update gh-pages
 git checkout gh-pages
diff --git a/scripts/generate_standalone_demo.mjs b/scripts/generate_standalone_demo.mjs
deleted file mode 100755
index 8a7e33eb37..0000000000
--- a/scripts/generate_standalone_demo.mjs
+++ /dev/null
@@ -1,138 +0,0 @@
-#!/usr/bin/env node
-/**
- * # generate_standalone_demo.mjs
- *
- * This file allows to build the "standalone" demo of the RxPlayer, by using
- * esbuild.
- *
- * The standalone demo is a demo page just including the default RxPlayer build
- * and a minimal webpage exposing an instance of it in the global scope.
- *
- * You can either run it directly as a script (run
- * `node generate_standalone_demo.mjs -h` to see the different options) or by
- * requiring it as a node module. If doing the latter you will obtain a function
- * you will have to run with the right options.
- */
-
-import { join } from "path";
-import { pathToFileURL } from "url";
-import esbuild from "esbuild";
-import rootDirectory from "./utils/project_root_directory.mjs";
-import getHumanReadableHours from "./utils/get_human_readable_hours.mjs";
-
-const DEMO_OUT_FILE = join(rootDirectory, "demo/standalone/lib.js");
-
-// If true, this script is called directly
-if (import.meta.url === pathToFileURL(process.argv[1]).href) {
-  const { argv } = process;
-  if (argv.includes("-h") || argv.includes("--help")) {
-    displayHelp();
-    process.exit(0);
-  }
-  const shouldWatch = argv.includes("-w") || argv.includes("--watch");
-  const shouldMinify = argv.includes("-m") || argv.includes("--minify");
-  const production = argv.includes("-p") || argv.includes("--production-mode");
-  buildDemo({
-    watch: shouldWatch,
-    minify: shouldMinify,
-    production,
-  });
-}
-
-/**
- * Build the standalone demo with the given options.
- * @param {Object} options
- * @param {boolean} [options.minify] - If `true`, the output will be minified.
- * @param {boolean} [options.production] - If `false`, the code will be compiled
- * in "development" mode, which has supplementary assertions.
- * @param {boolean} [options.watch] - If `true`, the RxPlayer's files involve
- * will be watched and the code re-built each time one of them changes.
- */
-export default function buildDemo(options) {
-  const minify = !!options.minify;
-  const watch = !!options.watch;
-  const isDevMode = !options.production;
-  const outfile = DEMO_OUT_FILE;
-
-  /** Declare a plugin to anounce when a build begins and ends */
-  const consolePlugin = {
-    name: "onEnd",
-    setup(build) {
-      build.onStart(() => {
-        console.log(
-          `\x1b[33m[${getHumanReadableHours()}]\x1b[0m ` + "New demo build started",
-        );
-      });
-      build.onEnd((result) => {
-        if (result.errors.length > 0 || result.warnings.length > 0) {
-          const { errors, warnings } = result;
-          console.log(
-            `\x1b[33m[${getHumanReadableHours()}]\x1b[0m ` +
-              `Demo re-built with ${errors.length} error(s) and ` +
-              ` ${warnings.length} warning(s) `,
-          );
-          return;
-        }
-        console.log(
-          `\x1b[32m[${getHumanReadableHours()}]\x1b[0m ` + `Demo updated at ${outfile}!`,
-        );
-      });
-    },
-  };
-
-  const meth = watch ? "context" : "build";
-
-  // Create a context for incremental builds
-  esbuild[meth]({
-    entryPoints: [join(rootDirectory, "src/index.ts")],
-    bundle: true,
-    target: "es2017",
-    minify,
-    outfile,
-    plugins: [consolePlugin],
-    define: {
-      "process.env.NODE_ENV": JSON.stringify(isDevMode ? "development" : "production"),
-      __INCLUDE_WASM_PARSER__: JSON.stringify(false),
-      __ENVIRONMENT__: JSON.stringify({
-        PRODUCTION: 0,
-        DEV: 1,
-        CURRENT_ENV: isDevMode ? 1 : 0,
-      }),
-      __LOGGER_LEVEL__: JSON.stringify({
-        CURRENT_LEVEL: "INFO",
-      }),
-      __GLOBAL_SCOPE__: JSON.stringify(true),
-    },
-  })
-    .then((context) => {
-      if (watch) {
-        return context.watch();
-      }
-    })
-    .catch((err) => {
-      console.error(
-        `\x1b[31m[${getHumanReadableHours()}]\x1b[0m Demo build failed:`,
-        err,
-      );
-      process.exit(1);
-    });
-}
-
-/**
- * Display through `console.log` an helping message relative to how to run this
- * script.
- */
-function displayHelp() {
-  /* eslint-disable no-console */
-  console.log(
-    /* eslint-disable indent */
-    `Usage: node build_demo.mjs [options]
-Options:
-  -h, --help             Display this help
-  -m, --minify           Minify the built demo
-  -p, --production-mode  Build all files in production mode (less runtime checks, mostly).
-  -w, --watch            Re-build each time either the demo or library files change`,
-    /* eslint-enable indent */
-  );
-  /* eslint-enable no-console */
-}
diff --git a/scripts/run_standalone_demo.mjs b/scripts/run_standalone_demo.mjs
deleted file mode 100755
index e8fd2be1c7..0000000000
--- a/scripts/run_standalone_demo.mjs
+++ /dev/null
@@ -1,33 +0,0 @@
-#!/usr/bin/env node
-/* eslint-env node */
-
-/**
- * Run the standalone demo server
- * ==============================
- *
- * This script allows to build the standalone demo locally and start both an
- * HTTP and an HTTPS (only if a certificate and key have been generated) server
- * to serve it, on the port 8001 and 8444 respectively.
- *
- * You can run it as a script through `node run_standalone_demo.js`.
- * Be aware that this demo will be built again every time one of the library
- * file is updated.
- */
-
-import { join } from "path";
-import launchStaticServer from "./launch_static_server.mjs";
-import generateStandaloneDemo from "./generate_standalone_demo.mjs";
-import projectRootDirectory from "./utils/project_root_directory.mjs";
-
-generateStandaloneDemo({
-  production: false,
-  minify: false,
-  reportSize: false,
-});
-launchStaticServer(join(projectRootDirectory, "demo/standalone/"), {
-  certificatePath: join(projectRootDirectory, "localhost.crt"),
-  keyPath: join(projectRootDirectory, "localhost.key"),
-  verbose: true,
-  httpPort: 8001,
-  httpsPort: 8444,
-});
diff --git a/scripts/start_demo_web_server.mjs b/scripts/start_demo_web_server.mjs
index 118f659b9d..fd5d33e661 100755
--- a/scripts/start_demo_web_server.mjs
+++ b/scripts/start_demo_web_server.mjs
@@ -2,16 +2,16 @@
 /* eslint-env node */
 
 /**
- * Run the full demo server
+ * Run the demo server
  * =========================
  *
- * This script allows to build the full demo locally and start both an HTTP and
+ * This script allows to build the demo locally and start both an HTTP and
  * an HTTPS (only if a certificate and key have been generated) server to serve
  * it, on the port 8000 and 8443 respectively.
  *
  * You can run it as a script through `node start_demo_web_server.mjs`.
  * Be aware that this demo will be built again every time either one of the
- * full demo file or one of the library file is updated.
+ * demo file or one of the library file is updated.
  */
 
 import { join } from "path";
@@ -30,7 +30,7 @@ const shouldMinify = process.argv.includes("--minify");
 
 buildDemo({ watch: true, minify: shouldMinify, production, includeWasmParser });
 
-launchStaticServer(join(projectRootDirectory, "demo/full/"), {
+launchStaticServer(join(projectRootDirectory, "demo/"), {
   certificatePath: join(projectRootDirectory, "localhost.crt"),
   keyPath: join(projectRootDirectory, "localhost.key"),
   verbose: true,
diff --git a/scripts/update_gh-pages_demo b/scripts/update_gh-pages_demo
index 29653ccb14..1ac968dd4b 100755
--- a/scripts/update_gh-pages_demo
+++ b/scripts/update_gh-pages_demo
@@ -3,7 +3,7 @@
 # Update gh-pages demo
 # ====================
 #
-# This script allows to automatically update the full demo on the gh-pages
+# This script allows to automatically update the demo on the gh-pages
 # branch.
 #
 # To use it:
@@ -47,14 +47,14 @@ tmpWorkerFile=$(mktemp)
 tmpMpdWasmFile=$(mktemp)
 tmpDemoList=$(mktemp)
 
-cp -r demo/full/fonts $tmpFontsDir -v
-cp -r demo/full/assets $tmpAssetsDir -v
-cp -r demo/full/styles $tmpStylesDir -v
-cp demo/full/bundle.js $tmpDemoFile -v
-cp demo/full/index.html $tmpIndexFile -v
-cp demo/full/plus.ico $tmpFaviconFile -v
-cp demo/full/worker.js $tmpWorkerFile -v
-cp demo/full/mpd-parser.wasm $tmpMpdWasmFile -v
+cp -r demo/fonts $tmpFontsDir -v
+cp -r demo/assets $tmpAssetsDir -v
+cp -r demo/styles $tmpStylesDir -v
+cp demo/bundle.js $tmpDemoFile -v
+cp demo/index.html $tmpIndexFile -v
+cp demo/plus.ico $tmpFaviconFile -v
+cp demo/worker.js $tmpWorkerFile -v
+cp demo/mpd-parser.wasm $tmpMpdWasmFile -v
 cp scripts/generate_demo_list.mjs $tmpDemoList -v
 
 # update gh-pages
diff --git a/sonar-project.properties b/sonar-project.properties
index b329af99ae..8d976346a1 100644
--- a/sonar-project.properties
+++ b/sonar-project.properties
@@ -3,5 +3,5 @@ sonar.organization=rx-player
 sonar.projectName=rx-player
 sonar.projectVersion=4.1.0
 sonar.sources=./src,./demo,./tests
-sonar.exclusions=demo/full/bundle.js,demo/standalone/lib.js,demo/bundle.js
+sonar.exclusions=demo/bundle.js,
 sonar.host.url=https://sonarcloud.io