From f999127ab10e5a8539595226c96fc14f0b6c2379 Mon Sep 17 00:00:00 2001
From: david-yz-liu <david@cs.toronto.edu>
Date: Fri, 6 Dec 2024 15:28:25 -0500
Subject: [PATCH] Added CD workflow for publishing to npm

---
 .github/workflows/publish-memory-viz.yml | 22 ++++++++++++++++++++++
 CHANGELOG.md                             |  3 +++
 memory-viz/package.json                  |  3 ++-
 3 files changed, 27 insertions(+), 1 deletion(-)
 create mode 100644 .github/workflows/publish-memory-viz.yml

diff --git a/.github/workflows/publish-memory-viz.yml b/.github/workflows/publish-memory-viz.yml
new file mode 100644
index 0000000..4ef19cf
--- /dev/null
+++ b/.github/workflows/publish-memory-viz.yml
@@ -0,0 +1,22 @@
+name: Publish memory-viz package to npmjs
+
+on:
+    release:
+        types: [published]
+jobs:
+    build:
+        runs-on: ubuntu-latest
+        permissions:
+            contents: read
+            id-token: write
+        steps:
+            - uses: actions/checkout@v4
+            # Setup .npmrc file to publish to npm
+            - uses: actions/setup-node@v4
+              with:
+                  node-version: "20.x"
+                  registry-url: "https://registry.npmjs.org"
+            - run: npm ci
+            - run: npm publish --provenance --access public --workspace=memory-viz
+              env:
+                  NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
diff --git a/CHANGELOG.md b/CHANGELOG.md
index af3d4a4..a35f9fa 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -19,6 +19,9 @@ and adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
 ### 🔧 Internal changes
 
+- Added a GitHub workflow for automatically publishing memory-viz to npm.
+- Added `prepare` script to `memory-viz/package.json`.
+
 ## [0.4.0] - 2024-11-19
 
 ### ✨ Enhancements
diff --git a/memory-viz/package.json b/memory-viz/package.json
index 526f7c2..175f5de 100644
--- a/memory-viz/package.json
+++ b/memory-viz/package.json
@@ -9,7 +9,8 @@
         "test-cov": "jest --no-cache --coverage",
         "watch": "webpack --watch --config webpack.dev.js",
         "build-dev": "tsc && webpack --config webpack.dev.js",
-        "build": "tsc && webpack --config webpack.prod.js"
+        "build": "tsc && webpack --config webpack.prod.js",
+        "prepare": "npm run build"
     },
     "keywords": [
         "education",