@clappr/hlsjs-playback 1.9.13 → 2.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clappr/hlsjs-playback",
-  "version": "1.9.13",
+  "version": "2.0.0",
   "description": "HLS Playback based on hls.js",
   "main": "./dist/hlsjs-playback.js",
   "module": "./dist/hlsjs-playback.esm.js",
@@ -11,7 +11,7 @@
     "watch": "rollup --config --bundleConfigAsCjs --watch",
     "bundle-check": "ANALYZE_BUNDLE=true rollup --config --bundleConfigAsCjs",
     "release": "MINIMIZE=true rollup --config --bundleConfigAsCjs",
-    "test": "jest ./src --coverage --silent",
+    "test": "jest ./src --testPathIgnorePatterns=dist.smoke --coverage --silent && yarn release && jest ./src/dist.smoke.test.js --silent",
     "test:watch": "jest ./src --watch",
     "lint": "eslint *.js ./src",
     "lint:fix": "yarn lint -- --fix",

package/src/dist.smoke.test.js

@@ -0,0 +1,115 @@
+/**
+ * Smoke-tests the published dist/ artifacts. Core Jest maps @clappr/core to
+ * source, so without this the Rollup entry points have no CI signal.
+ */
+const fs = require('fs')
+const path = require('path')
+
+const DIST = path.join(__dirname, '..', 'dist')
+
+const ARTIFACTS = {
+  main: 'hlsjs-playback.js',
+  mainMin: 'hlsjs-playback.min.js',
+  external: 'hlsjs-playback.external.js',
+  externalMin: 'hlsjs-playback.external.min.js',
+  esm: 'hlsjs-playback.esm.js'
+}
+
+const EMBEDS_HLS = [ARTIFACTS.main, ARTIFACTS.mainMin, ARTIFACTS.esm]
+const EXTERNAL_HLS = [ARTIFACTS.external, ARTIFACTS.externalMin]
+
+function readArtifact(name) {
+  return fs.readFileSync(path.join(DIST, name), 'utf8')
+}
+
+function loadArtifact(name) {
+  jest.resetModules()
+  return require(path.join(DIST, name))
+}
+
+function assertPlaybackContract(HlsjsPlaybackExport) {
+  // Must re-require after resetModules so the prototype identity matches the
+  // @clappr/core instance the artifact just resolved.
+  const { HTML5Video } = require('@clappr/core')
+  const Playback = HlsjsPlaybackExport.default || HlsjsPlaybackExport
+
+  expect(typeof Playback).toBe('function')
+  expect(Object.getPrototypeOf(Playback.prototype)).toBe(HTML5Video.prototype)
+
+  const HLSJS = Playback.HLSJS
+  expect(HLSJS).toBeTruthy()
+  expect(typeof HLSJS.isSupported).toBe('function')
+  expect(HLSJS.Events).toBeTruthy()
+  expect(typeof HLSJS.version).toBe('string')
+  expect(HLSJS.version.length).toBeGreaterThan(0)
+
+  jest.spyOn(HLSJS, 'isSupported').mockReturnValue(true)
+  jest.spyOn(window.HTMLMediaElement.prototype, 'load').mockImplementation(() => {})
+
+  expect(Playback.canPlay('http://example.com/video.m3u8')).toBe(true)
+  expect(Playback.canPlay('http://example.com/video.m3u8?token=1')).toBe(true)
+  expect(Playback.canPlay('http://example.com/video.mpd')).toBe(false)
+
+  const playback = new Playback({ src: 'http://example.com/video.m3u8' })
+  playback.destroy()
+}
+
+function assertDoesNotEmbedCore(source) {
+  // Same failure mode as the pre-fix min.js shipping a full Clappr + Zepto copy.
+  expect(source).not.toMatch(/\bZepto\b/)
+  expect(source).not.toContain('clappr-core')
+  expect(source).not.toContain('@clappr/zepto')
+}
+
+function assertDoesNotEmbedHls(source) {
+  expect(source).toMatch(/['"]hls\.js['"]/)
+  // External builds are ~14–31 KB; 100 KB leaves headroom without matching the
+  // ~500 KB+ hls.js-embedded family.
+  expect(source.length).toBeLessThan(100000)
+}
+
+function assertEmbedsHls(source) {
+  // Keep until #2538 inverts the default layout — flip deliberately then.
+  expect(source).not.toMatch(/require\(['"]hls\.js['"]\)/)
+  expect(source.length).toBeGreaterThan(100000)
+}
+
+function assertSourceMap(filename) {
+  const mapName = `${filename}.map`
+  expect(fs.existsSync(path.join(DIST, mapName))).toBe(true)
+  expect(readArtifact(filename)).toContain(`sourceMappingURL=${mapName}`)
+}
+
+afterEach(() => {
+  jest.restoreAllMocks()
+})
+
+describe.each([
+  ['main UMD', ARTIFACTS.main],
+  ['main UMD minified', ARTIFACTS.mainMin],
+  ['external UMD', ARTIFACTS.external],
+  ['external UMD minified', ARTIFACTS.externalMin],
+  ['ESM', ARTIFACTS.esm]
+])('%s (%s)', (_label, filename) => {
+  test('exports a HlsjsPlayback class that extends HTML5Video and exposes HLSJS', () => {
+    assertPlaybackContract(loadArtifact(filename))
+  })
+
+  test('does not embed @clappr/core or Zepto', () => {
+    assertDoesNotEmbedCore(readArtifact(filename))
+  })
+
+  test('publishes a sourcemap', () => {
+    assertSourceMap(filename)
+  })
+})
+
+describe('hls.js embedding contract', () => {
+  test.each(EXTERNAL_HLS)('%s does not embed hls.js', filename => {
+    assertDoesNotEmbedHls(readArtifact(filename))
+  })
+
+  test.each(EMBEDS_HLS)('%s embeds hls.js', filename => {
+    assertEmbedsHls(readArtifact(filename))
+  })
+})