chore: copy custom-types into dist during types build (muxinc#600)

Co-authored-by: Christian Pillsbury <[email protected]>

Author: gkatsev

.gitignore

@@ -127,4 +127,7 @@ dist
 **/*/iife.json
 **/*/module.json
 
+# ignore polyfills copy
+packages/*/src/polyfills
+
 .turbo

package.json

@@ -30,6 +30,7 @@
     "lint": "turbo run lint --filter '!./examples/*'",
     "test": "turbo run test --filter '!./examples/*'",
     "dev": "turbo run dev --filter '!./examples/*'",
+    "copypolyfills": "turbo run copypolyfills --filter '!./examples/*'",
     "build:packages": "turbo run build --filter '!./examples/*'",
     "build": "turbo run build",
     "i18n": "turbo run i18n",

packages/mux-audio-react/package.json

@@ -33,7 +33,7 @@
     "dev": "npm-run-all --parallel dev:types dev:cjs dev:esm",
     "build:cjs": "esbuild src/index.tsx --target=es2019 --bundle --sourcemap --metafile=./dist/cjs.json --format=cjs --outdir=dist --out-extension:.js=.cjs.js --external:react --external:prop-types --external:@mux/* --define:PLAYER_VERSION=\"'$npm_package_version'\"",
     "build:esm": "esbuild src/index.tsx --target=es2019 --bundle --sourcemap --metafile=./dist/esm.json --format=esm --outdir=dist --out-extension:.js=.mjs --external:react --external:prop-types --external:@mux/* --define:PLAYER_VERSION=\"'$npm_package_version'\"",
-    "build:types": "tsc --declaration --emitDeclarationOnly --outDir './dist/types'",
+    "build:types": "tsc",
     "postbuild:types": "downlevel-dts ./dist/types ./dist/types-ts3.4",
     "build": "npm-run-all --parallel 'build:cjs --minify' 'build:esm --minify'",
     "create-release-notes": "create-release-notes ./CHANGELOG.md",

packages/mux-audio-react/tsconfig.json

@@ -2,12 +2,13 @@
   "compilerOptions": {
     "preserveWatchOutput": true,
     "rootDir": "src",
-    "outDir": "dist",
+    "outDir": "./dist/types",
+    "declaration": true,
+    "emitDeclarationOnly": true,
     "incremental": true,
     "target": "ES2019",
     "module": "es6",
     "jsx": "react",
-    "declaration": true,
     "sourceMap": true,
     "composite": true,
     "strict": true,
@@ -17,7 +18,7 @@
     "esModuleInterop": true,
     "skipLibCheck": false,
     "forceConsistentCasingInFileNames": true,
-    "typeRoots": ["node_modules/@types", "../../types"]
+    "typeRoots": ["node_modules/@types"]
   },
-  "include": ["src/**/*", "../../types"]
+  "include": ["src/**/*"]
 }

packages/mux-audio/package.json

@@ -28,7 +28,7 @@
   "author": "Mux, Inc.",
   "license": "MIT",
   "scripts": {
-    "clean": "shx rm -rf dist/",
+    "clean": "shx rm -rf dist/ && shx rm -rf src/polyfills",
     "lint": "eslint src/ --ext .js,.jsx,.ts,.tsx",
     "test": "web-test-runner **/*test.js --port 8003 --coverage --config test/web-test-runner.config.mjs --root-dir ../..",
     "posttest": "replace 'SF:src/' 'SF:packages/mux-audio/src/' coverage/lcov.info --silent",
@@ -42,7 +42,8 @@
     "build:esm-module": "esbuild src/index.ts --target=es2019 --bundle --sourcemap --metafile=./dist/module.json --format=esm --outfile=./dist/mux-audio.mjs --define:PLAYER_VERSION=\"'$npm_package_version'\"",
     "build:cjs": "esbuild src/index.ts --target=es2019 --bundle --sourcemap --metafile=./dist/cjs.json --format=cjs --outdir=dist --out-extension:.js=.cjs.js --external:@mux/* --define:PLAYER_VERSION=\"'$npm_package_version'\"",
     "build:iife": "esbuild src/index.ts --target=es2019 --bundle --sourcemap --metafile=./dist/iife.json --format=iife --outfile=./dist/mux-audio.js --define:PLAYER_VERSION=\"'$npm_package_version'\"",
-    "build:types": "tsc --declaration --emitDeclarationOnly --outDir './dist/types'",
+    "copypolyfills": "shx mkdir -p src/polyfills && shx cp ../../shared/polyfills/index.ts ./src/polyfills/index.ts",
+    "build:types": "tsc",
     "postbuild:types": "shx cp -r \"src/**/*.d.ts\" dist/types && downlevel-dts ./dist/types ./dist/types-ts3.4",
     "build": "npm-run-all --parallel 'build:esm --minify' 'build:iife --minify' 'build:cjs --minify' 'build:esm-module --minify'",
     "create-release-notes": "create-release-notes ./CHANGELOG.md",
@@ -64,7 +65,6 @@
     "eslint": "^8.24.0",
     "npm-run-all": "^4.1.5",
     "replace": "^1.2.1",
-    "shared-polyfills": "0.1.0",
     "shx": "^0.3.4",
     "typescript": "^4.9.4"
   }

packages/mux-audio/src/CustomAudioElement.js

@@ -1,4 +1,4 @@
-import { globalThis, document } from 'shared-polyfills';
+import { globalThis, document } from './polyfills';
 /**
  * Custom Audio Element
  * The goal is to create an element that works just like the audio element

packages/mux-audio/src/index.ts

@@ -1,4 +1,4 @@
-import { globalThis } from 'shared-polyfills';
+import { globalThis } from './polyfills';
 import {
   initialize,
   teardown,

packages/mux-audio/test/player.test.js

@@ -22,7 +22,6 @@ describe('<mux-audio>', () => {
 
   it('dispatches events properly', async function () {
     const player = await fixture(`<mux-audio
-      playback-id="vDpm5ygrRJgfIEPNIc02IJR4Trf3z00AiP"
       muted
     ></mux-audio>`);
 
@@ -35,6 +34,9 @@ describe('<mux-audio>', () => {
       });
     });
 
+    player.playbackId = 'vDpm5ygrRJgfIEPNIc02IJR4Trf3z00AiP';
+    await aTimeout(100);
+
     player.volume = 0.5;
 
     // Seems only <audio> is throwing in my tests:
@@ -52,7 +54,6 @@ describe('<mux-audio>', () => {
     await aTimeout(100);
 
     assert.deepInclude(eventMap, {
-      emptied: true,
       loadstart: true,
       volumechange: true,
     });

packages/mux-audio/tsconfig.json

@@ -2,11 +2,13 @@
   "compilerOptions": {
     "preserveWatchOutput": true,
     "rootDir": "src",
-    "outDir": "dist",
+    "outDir": "./dist/types",
+    "declaration": true,
+    "emitDeclarationOnly": true,
     "incremental": true,
     "target": "ES2019",
     "module": "es6",
-    "declaration": true,
+    "jsx": "react",
     "sourceMap": true,
     "composite": true,
     "strict": true,
@@ -16,7 +18,7 @@
     "esModuleInterop": true,
     "skipLibCheck": false,
     "forceConsistentCasingInFileNames": true,
-    "typeRoots": ["node_modules/@types", "../../types"]
+    "typeRoots": ["node_modules/@types"]
   },
-  "include": ["src/**/*", "../../types"]
+  "include": ["src/**/*"]
 }

packages/mux-elements-codemod/package.json

@@ -18,7 +18,7 @@
     "dev:types": "yarn build:types -w --preserveWatchOutput",
     "dev": "npm-run-all --parallel dev:types dev:esm",
     "build:esm": "esbuild src/index.ts --target=es2019 --format=esm --outdir=dist --out-extension:.js=.mjs",
-    "build:types": "tsc --declaration --emitDeclarationOnly --outDir './dist/types'",
+    "build:types": "tsc",
     "build": "npm-run-all --parallel build:esm",
     "create-release-notes": "create-release-notes ./CHANGELOG.md",
     "publish-release": "../../scripts/publish.sh"