feat: build & publish dynamic plugins

.github/workflows/ci.yml

@@ -24,3 +24,4 @@ jobs:
       - run: yarn tsc
       - run: yarn test:all
       - run: yarn build:all
+      - run: ./scripts/build-dynamic-plugins.sh

.github/workflows/publish.yml

@@ -26,6 +26,8 @@ jobs:
 
       - run: yarn build:all
 
+      - run: ./scripts/build-dynamic-plugins.sh
+
       - name: Create Release Pull Request or Publish to npm
         id: changesets
         uses: changesets/action@v1
@@ -36,3 +38,8 @@ jobs:
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
           NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+
+      - name: Upload dynamic plugin to release
+        run: ./scripts/upload-dynamic-plugins.sh '${{ steps.changesets.outputs.publishedPackages }}'
+        env:
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}

.gitignore

@@ -34,6 +34,7 @@ node_modules/
 # Build output
 dist
 dist-types
+dist-dynamic
 
 # Temporary change files created by Vim
 *.swp

scripts/build-dynamic-plugins.sh

@@ -0,0 +1,28 @@
+#!/bin/sh
+set -e
+
+currentDir=$(cd "$(dirname "$0")" && pwd)
+pluginDir=$currentDir/../plugins
+mkdir -p "$currentDir/output"
+
+# More details on dynamic-plugins can be found here:
+# https://github.com/janus-idp/backstage-showcase/blob/main/showcase-docs/dynamic-plugins.md
+
+echo ===================================
+echo Exporting frontend plugin
+echo ===================================
+cd "$pluginDir/humanitec"
+npx --yes @janus-idp/[email protected] package export-dynamic-plugin --embed-as-dependencies --clean --no-in-place
+npm pack ./dist-dynamic --pack-destination "$currentDir/output"
+echo ===================================
+echo Exporting backend plugin
+echo ===================================
+cd "$pluginDir/humanitec-backend"
+npx --yes @janus-idp/[email protected] package export-dynamic-plugin --embed-as-dependencies --clean
+npm pack ./dist-dynamic --pack-destination "$currentDir/output"
+echo ===================================
+echo Exporting backend scaffolder module
+echo ===================================
+cd "$pluginDir/humanitec-backend-scaffolder-module"
+npx --yes @janus-idp/[email protected] package export-dynamic-plugin --embed-as-dependencies --clean
+npm pack ./dist-dynamic --pack-destination "$currentDir/output"

scripts/upload-dynamic-plugins.js

@@ -0,0 +1,25 @@
+#!/usr/bin/env node
+
+const { execSync } = require('child_process');
+const { join: pathJoin } = require('path');
+
+const publishedPackagesJSON = process.argv[2];
+
+// The format is [{"name": "@xx/xx", "version": "1.2.0"}, {"name": "@xx/xy", "version": "0.8.9"}]
+// https://github.com/changesets/action/tree/v1/?tab=readme-ov-file#outputs
+
+if (!publishedPackagesJSON) {
+  console.error('Please provide the list of published packages');
+  process.exit(1);
+}
+
+const publishedPackages = JSON.parse(publishedPackagesJSON);
+
+for (const package of publishedPackages) {
+  package.name += '-dynamic'
+  console.log(`Publishing package: ${package.name}@${package.version}`);
+
+  const archive  = pathJoin(__dirname, 'output', `${package.name}-${package.version}.tgz`);
+
+  execSync(`npm publish ${archive} --access public`, { stdio: 'inherit' });
+}