[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/`.

Author: peaBerberian

.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/
 

.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

CONTRIBUTING.md

@@ -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";

FILES.md

@@ -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";
 
 /**

demo/full/.eslintrc.js renamed to demo/.eslintrc.js

@@ -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";
 

demo/README.md

@@ -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;

demo/full/assets/canalp.svg renamed to demo/assets/canalp.svg

@@ -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";

demo/full/assets/languages.ts renamed to demo/assets/languages.ts

@@ -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;
 

demo/full/assets/logo_white.png renamed to demo/assets/logo_white.png

@@ -14,7 +14,7 @@ import type {
   IAudioRepresentationsSwitchingMode,
   ICmcdOptions,
   IVideoRepresentationsSwitchingMode,
-} from "../../../../src/public_types";
+} from "../../../src/public_types";
 
 const { useCallback } = React;
 

demo/full/assets/play.svg renamed to demo/assets/play.svg

@@ -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";

demo/full/assets/select_arrow_black.svg renamed to demo/assets/select_arrow_black.svg

@@ -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);
 

demo/full/assets/select_arrow_white.svg renamed to demo/assets/select_arrow_white.svg

@@ -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);
 

demo/full/assets/spinner.gif renamed to demo/assets/spinner.gif

@@ -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";

demo/full/favicon.ico renamed to demo/favicon.ico

@@ -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,

demo/full/fonts/FontAwesome.otf renamed to demo/fonts/FontAwesome.otf

@@ -2,7 +2,7 @@ import type {
   ICmcdOptions,
   IConstructorOptions,
   ILoadVideoOptions,
-} from "../../../../src/public_types";
+} from "../../../src/public_types";
 
 const defaultOptionsValues = {
   player: {

demo/full/index.html renamed to demo/index.html

@@ -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(

demo/full/mpd-parser.wasm renamed to demo/mpd-parser.wasm

@@ -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.

demo/full/plus.ico renamed to demo/plus.ico

@@ -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;

demo/full/scripts/components/BufferContentGraph.tsx renamed to demo/scripts/components/BufferContentGraph.tsx

@@ -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,

demo/full/scripts/components/Button.tsx renamed to demo/scripts/components/Button.tsx

@@ -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/**/*"],
 }

demo/full/scripts/components/CheckBox.tsx renamed to demo/scripts/components/CheckBox.tsx

@@ -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",

demo/full/scripts/components/FocusedInput.tsx renamed to demo/scripts/components/FocusedInput.tsx

@@ -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,