ci: purge jsdelivr cache and add version banner

Author: tsi

.github/actions/purge-jsdelivr

@@ -0,0 +1,26 @@
+name: Purge jsDelivr Cache
+description: Purges jsDelivr cache for a list of files
+inputs:
+  package:
+    description: Package name and version (e.g. cloudinary-video-player@1.0.0 or cloudinary-video-player@edge)
+    required: true
+  delay-ms:
+    description: Delay between purge requests in milliseconds
+    required: false
+    default: "300"
+
+runs:
+  using: "composite"
+  steps:
+    - name: Purge jsDelivr cache
+      shell: bash
+      run: |
+        echo "Purging jsDelivr cache for ${{ inputs.package }}"
+        DELAY=${{ inputs.delay-ms }}
+
+        find dist -type f | while read file; do
+          PURGE_URL="https://purge.jsdelivr.net/npm/${{ inputs.package }}/$file"
+          echo "Purging: $PURGE_URL"
+          curl --retry 3 --retry-delay 2 --fail -s "$PURGE_URL"
+          sleep $(echo "$DELAY / 1000" | bc -l)
+        done

.github/workflows/release-edge.yml

@@ -93,7 +93,7 @@ jobs:
           SLACK_MESSAGE: ${{ steps.set-messages.outputs.SLACK_MESSAGE }}
           SLACK_FOOTER: ${{ steps.set-messages.outputs.SLACK_FOOTER }}
 
-      - uses: gacts/purge-jsdelivr-cache@v1
+      - name: Purge jsDelivr Cache
+        uses: ./.github/actions/purge-jsdelivr
         with:
-          url: |
-            https://cdn.jsdelivr.net/npm/cloudinary-video-player@edge
+          package: cloudinary-video-player@edge

.github/workflows/release.yml

@@ -64,9 +64,8 @@ jobs:
           SLACK_MESSAGE: ${{ steps.set-messages.outputs.SLACK_MESSAGE }}
           SLACK_FOOTER: ${{ steps.set-messages.outputs.SLACK_FOOTER }}
 
-      - uses: gacts/purge-jsdelivr-cache@v1
+      - name: Purge jsDelivr Cache
         if: steps.release.outputs.release_created
+        uses: ./.github/actions/purge-jsdelivr
         with:
-          url: |
-            https://cdn.jsdelivr.net/npm/cloudinary-video-player
-            https://cdn.jsdelivr.net/npm/cloudinary-video-player@edge
+          package: cloudinary-video-player

webpack/build.config.js

@@ -2,16 +2,38 @@ const { merge } = require('webpack-merge');
 const webpackCommon = require('./common.config');
 const TerserPlugin = require('terser-webpack-plugin');
 const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
+const BannerPlugin = require('webpack/lib/BannerPlugin');
 const { isMin } = require('./build-utils');
 
+const VERSION = JSON.stringify(process.env.npm_package_version);
+
 module.exports = merge(webpackCommon, {
   mode: 'production',
 
   optimization: isMin ? {
     minimize: true,
     minimizer: [
       new CssMinimizerPlugin(),
-      new TerserPlugin()
+      new TerserPlugin({
+        terserOptions: {
+          format: {
+            comments: /^!/
+          }
+        },
+        extractComments: false
+      })
     ]
-  } : undefined
+  } : undefined,
+
+  plugins: [
+    new BannerPlugin({
+      banner: `/*!
+ * Cloudinary Video Player v${VERSION.replace(/"/g, '')}
+ * Built on ${new Date().toISOString()}
+ * https://github.com/cloudinary/cloudinary-video-player
+ */`,
+      entryOnly: false,
+      raw: true
+    })
+  ]
 });

webpack/dev.config.js

@@ -3,13 +3,25 @@ const webpackCommon = require('./common.config');
 const path = require('path');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 const CopyWebpackPlugin = require('copy-webpack-plugin');
+const BannerPlugin = require('webpack/lib/BannerPlugin');
 
 const env = require('../env');
 
+const VERSION = JSON.stringify(process.env.npm_package_version);
+
 module.exports = merge(webpackCommon, {
   mode: 'development',
 
   plugins: [
+    new BannerPlugin({
+      banner: `/*!
+ * Cloudinary Video Player v${VERSION.replace(/"/g, '')}
+ * Built on ${new Date().toISOString()}
+ * https://github.com/cloudinary/cloudinary-video-player
+ */`,
+      entryOnly: false,
+      raw: true
+    }),
     new HtmlWebpackPlugin({
       inject: false,
       template: path.resolve(__dirname, '../docs/index.html')