feat(release): publish pipeline for wxcc widgets

.circleci/config.yml

@@ -37,7 +37,7 @@ jobs:
           root: .
           paths:
             - node_modules
-            - packages/*/node_modules
+            - packages/**/*/node_modules
 
   linter:
     executor: node-executor
@@ -61,10 +61,13 @@ jobs:
       - checkout_from_workspace
       - run:
           name: Build
-          command: yarn workspace @webex/widgets run build
+          command: yarn run build && yarn workspace @webex/widgets run build
       - persist_to_workspace:
           root: .
           paths:
+            - packages/contact-center/station-login/dist
+            - packages/contact-center/store/dist
+            - packages/contact-center/user-state/dist
             - packages/@webex/widgets/dist
 
   docs:
@@ -87,6 +90,25 @@ jobs:
           name: Release
           command: yarn workspace @webex/widgets run release
 
+  unit_tests:
+    executor: node-executor
+    steps:
+      - checkout_from_workspace
+      - run:
+          name: Test Tooling
+          command: yarn run test:tooling
+      - run:
+          name: Test CC Widgets
+          command: yarn run test:cc-widgets
+
+  release_widgets:
+    executor: node-executor
+    steps:
+      - checkout_from_workspace
+      - run:
+          name: Release Widgets
+          command: yarn run release:widgets
+
 # execute the jobs in an orderly manner
 workflows:
   setup_test_release:
@@ -98,19 +120,32 @@ workflows:
       - build:
           requires:
             - linter
-          filters:
-            branches:
-              only: master
+
       - docs:
           requires:
             - linter
           filters:
             branches:
-              only: master
+              only: 
+                - master
+
+      - unit_tests:
+          requires:
+            - build
+
       - release:
           requires:
             - build
             - docs
           filters:
             branches:
               only: master
+
+
+      - release_widgets:
+          requires:
+            - build
+            - unit_tests
+          filters:
+            branches:
+              only: feat/cc-widgets

.releaserc

@@ -0,0 +1,33 @@
+{
+  "branches": [
+    "master",
+    {
+      "name": "feat/cc-widgets",
+      "prerelease": "wxcc"
+    }
+  ],
+  "plugins": [
+    "@semantic-release/commit-analyzer",
+    "@semantic-release/release-notes-generator",
+    [
+      "@semantic-release/changelog",
+      {
+        "changelogFile": "packages/contact-center/CHANGELOG.md"
+      }
+    ],
+    [
+      "@semantic-release/git",
+      {
+        "assets": [
+          "packages/contact-center/CHANGELOG.md", 
+          "package.json", 
+          "packages/contact-center/*/package.json"
+        ],
+        "message": "chore(release): ${nextRelease.version} [skip ci]\n\n${nextRelease.notes}",
+        "tagFormat": "$v{nextRelease.version}" 
+      }
+    ],
+    "@semantic-release/github"
+  ],
+  "tagFormat":"v${version}"
+} 

package.json

@@ -11,20 +11,38 @@
   ],
   "packageManager": "yarn@4.5.1",
   "devDependencies": {
+    "@babel/preset-typescript": "7.25.9",
+    "@semantic-release/changelog": "^6.0.3",
+    "@semantic-release/exec": "^6.0.3",
+    "@semantic-release/git": "^10.0.1",
+    "@semantic-release/github": "^11.0.1",
     "html-webpack-plugin": "^5.6.3",
+    "jest": "29.7.0",
     "node-gyp": "^10.2.0",
+    "semantic-release": "^24.2.0",
     "typescript": "^5.6.3",
     "webpack": "^5.96.1",
     "webpack-cli": "^5.1.4",
     "webpack-dev-server": "^5.1.0"
   },
   "scripts": {
+    "test:unit": "yarn run test:tooling && yarn run test:cc-widgets",
+    "test:tooling": "jest --coverage",
+    "test:cc-widgets": "yarn run test:store && yarn run test:widgets",
+    "test:store": "yarn workspace @webex/cc-store test:unit",
+    "test:widgets": "yarn workspace @webex/cc-station-login test:unit && yarn workspace @webex/cc-user-state test:unit",
     "build": "yarn run build:store && yarn run build:widgets",
     "build:store": "yarn workspace @webex/cc-store build:src",
     "build:widgets": "yarn workspace @webex/cc-station-login build:src && yarn workspace @webex/cc-user-state build:src",
     "samples:build": "yarn workspace @webex/react-samples-app build:src && yarn workspace @webex/web-component-samples-app build:src",
     "samples:serve": "open docs/index.html && yarn workspace @webex/react-samples-app serve",
     "samples:serve-react": "yarn workspace @webex/react-samples-app serve",
-    "samples:serve-wc": "yarn workspace @webex/web-component-samples-app serve"
+    "samples:serve-wc": "yarn workspace @webex/web-component-samples-app serve",
+    "release:widgets": "semantic-release"
+  },
+  "jest": {
+    "testMatch": [
+      "**/tooling/tests/*.js"
+    ]
   }
 }

packages/contact-center/station-login/package.json

@@ -3,6 +3,13 @@
   "description": "Webex Contact Center Widgets: Station Login",
   "version": "1.0.0",
   "main": "dist/index.js",
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist/",
+    "package.json"
+  ],
   "scripts": {
     "build": "yarn run -T tsc",
     "build:src": "webpack && yarn run build",

packages/contact-center/store/package.json

@@ -4,6 +4,13 @@
   "version": "1.0.0",
   "main": "dist/index.js",
   "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist/",
+    "package.json"
+  ],
   "scripts": {
     "build": "yarn run -T tsc",
     "build:src": "webpack && yarn run build",
@@ -37,6 +44,8 @@
     "webpack-merge": "6.0.1"
   },
   "jest": {
-    "testEnvironment": "jsdom"
+    "testEnvironment": "jsdom",
+    "//": "We can remove this when we have tests",
+    "passWithNoTests": true
   }
 }

packages/contact-center/user-state/package.json

@@ -3,6 +3,13 @@
   "description": "Webex Contact Center Widgets: User State",
   "version": "1.0.0",
   "main": "dist/index.js",
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist/",
+    "package.json"
+  ],
   "scripts": {
     "build": "yarn run -T tsc",
     "build:src": "webpack && yarn run build",
@@ -38,6 +45,8 @@
     "webpack-merge": "6.0.1"
   },
   "jest": {
-    "testEnvironment": "jsdom"
+    "testEnvironment": "jsdom",
+    "//": "We can remove this when we have tests",
+    "passWithNoTests": true
   }
 }

tooling/src/publish.js

@@ -0,0 +1,83 @@
+const {execSync} = require('child_process');
+const fs = require('fs');
+const path = require('path');
+
+// Function to remove the 'stableVersion' key
+function removeStableVersion(packageJsonPath, packageData) {
+  try {
+    if (packageData.hasOwnProperty('stableVersion')) {
+      delete packageData.stableVersion;
+      fs.writeFileSync(packageJsonPath, JSON.stringify(packageData, null, 2), 'utf-8');
+      console.log("'stableVersion' key removed successfully.");
+    } else {
+      console.log("'stableVersion' key does not exist in package.json.");
+    }
+  } catch (error) {
+    throw new Error("An error occurred while removing 'stableVersion':", error.message);
+  }
+}
+
+function versionAndPublish() {
+  const branchName = process.argv[2];
+  const newVersion = process.argv[3];
+
+  if (!branchName || !newVersion) {
+    console.error(
+      'Error: Not enough positional arguments provided! node <relative_path_to_publish> <branchName> <nextVersion>'
+    );
+    process.exit(1);
+  }
+  const contactCenterPath = './packages/contact-center';
+  const dependencies = ['@webex/cc-store'];
+
+  try {
+    const ccFolder = fs
+      .readdirSync(contactCenterPath, {withFileTypes: true})
+      .filter((dirent) => {
+        return dirent.isDirectory();
+      })
+      .map((dirent) => {
+        try {
+          const packageJsonPath = path.join(contactCenterPath, dirent.name, 'package.json');
+          const packageData = JSON.parse(fs.readFileSync(packageJsonPath, 'utf-8'));
+
+          console.log(`Removing stable version from package.json for ${dirent.name}`);
+          removeStableVersion(packageJsonPath, packageData);
+          return packageData.name;
+        } catch (error) {
+          throw new Error(`Error reading package.json in ${dirent.name}`, error);
+        }
+      });
+    // Separate dependency workspaces and other workspaces
+    const dependencyWorkspaces = ccFolder.filter((fileName) => dependencies.includes(fileName));
+
+    const otherWorkspaces = ccFolder.filter((fileName) => !dependencies.includes(fileName));
+
+    const publishWorkspace = (workspaceName) => {
+      console.log(`Publishing new version for ${workspaceName}: ${newVersion}`);
+
+      // Update version in the workspace
+      execSync(`yarn workspace ${workspaceName} version ${newVersion}`, {stdio: 'inherit'});
+
+      // Publish the package
+      execSync(`yarn workspace ${workspaceName} npm publish --tag ${branchName}`, {stdio: 'inherit'});
+    };
+
+    // Publish dependencies first
+    dependencyWorkspaces.forEach(publishWorkspace);
+
+    // Publish other packages
+    otherWorkspaces.forEach(publishWorkspace);
+  } catch (error) {
+    console.error(`Failed to process workspaces:`, error.message);
+    process.exit(1);
+  }
+}
+
+// Only execute when called through a module/script
+if (require.main !== module) {
+  // Export the function for testing
+  module.exports = {versionAndPublish};
+} else {
+  versionAndPublish();
+}