tools: add livereload, fix demo target folder

cookpete · Oct 3, 2023 · 4ceea00 · 4ceea00
1 parent 2c989bc
commit 4ceea00
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 5 deletions.
diff --git a/.gitignore b/.gitignore
@@ -10,5 +10,3 @@ package-lock.json
 /es6
 .idea/
 .vscode/
-/examples/react/public/index.js
-/examples/react/public/index.js.map
diff --git a/package.json b/package.json
@@ -6,15 +6,15 @@
   "typings": "lib/index.d.ts",
   "scripts": {
     "clean": "rimraf lib lazy demo coverage *.d.ts",
-    "start": "node scripts/build examples/react/src/index.js --format=iife --bundle --outdir=examples/react/public --watch --servedir=examples/react/public",
+    "start": "cp -r examples/react/public demo & yarn build:lib --watch=forever & node scripts/build examples/react/src/index.js --format=iife --bundle --outdir=demo --watch --servedir=demo --livereload",
     "lint": "standard --verbose | snazzy",
     "lint:fix": "standard --fix",
     "lint:ts": "ts-standard --verbose types/*.d.ts | snazzy",
     "lint:ts:fix": "ts-standard --fix types/*.d.ts",
     "test": "cross-env NODE_ENV=test ava",
     "test:coverage": "cross-env NODE_ENV=test nyc ava",
     "test:codecov": "nyc report --reporter=json && codecov -f coverage/coverage-final.json",
-    "build:demo": "node scripts/build examples/react/src/index.js --format=iife --bundle --outdir=examples/react/public --minify --sourcemap",
+    "build:demo": "cp -r examples/react/public demo && yarn build:lib && node scripts/build examples/react/src/index.js --format=iife --bundle --outdir=demo --minify --sourcemap",
     "build:lib": "node scripts/build src/*.js src/players/*.js --outdir=lib --format=cjs",
     "build:lazy": "node scripts/build src/*.js src/players/*.js --outdir=lazy --format=cjs",
     "build:dist": "node scripts/build src/index.js --outfile=dist/ReactPlayer.js --format=iife --bundle --minify --sourcemap --global-name=ReactPlayer --external:react --footer:js=\"ReactPlayer = ReactPlayer.default;\"",

diff --git a/scripts/build/build.js b/scripts/build/build.js
@@ -8,6 +8,9 @@ const { values: args, positionals } = parseArgs({
   allowPositionals: true
 })
 
+// https://esbuild.github.io/api/#live-reload
+const livereloadJs = 'new EventSource(\'/esbuild\').addEventListener(\'change\', () => location.reload());'
+
 const options = {
   target: 'es2019',
   logLevel: 'info',
@@ -29,7 +32,8 @@ const options = {
     '.svg': 'text'
   },
   footer: {
-    js: args['footer:js'] ?? ''
+    js: (args['footer:js'] ?? '') +
+        (args.livereload ? `\n${livereloadJs}` : '')
   }
 }