Add a script for deploying UI code to python package. Also update REA…

…DME.

PiperOrigin-RevId: 658531158

src/ui/README.md

@@ -63,6 +63,15 @@ $ ng serve
 
 Then visit the demo page at http://localhost:4200/demo
 
+# Deployment
+
+Run the following command to build the Angular app and update the corresponding
+files in the python package (`src/server/package/src/model_explorer/web_app`).
+
+```
+$ npm run deploy
+```
+
 # Contributions
 
 We are not currently accepting community contributions to Model Explorer UI

src/ui/package.json

@@ -5,6 +5,7 @@
     "ng": "ng",
     "start": "ng serve",
     "build": "ng build",
+    "deploy": "./scripts/build_and_update_python_package.sh",
     "watch": "ng build --watch --configuration development",
     "test": "ng test"
   },

src/ui/scripts/build_and_update_python_package.sh

@@ -0,0 +1,37 @@
+#!/bin/bash
+
+# @license
+# Copyright 2024 The Model Explorer Authors. All Rights Reserved.
+#
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+#
+#     http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+# ==============================================================================
+
+set -e
+
+# Check if the script is being run from the "src/ui" directory.
+dir=$(pwd)
+if [[ ":$dir" != *"/src/ui" ]]; then
+  echo 'Must run the script from the "src/ui" directory'
+  exit 1
+fi
+
+# Build app.
+ng build
+
+# Remove old app
+cd ../server/package/src/model_explorer/web_app
+rm -rf *
+
+# Copy the newly-built files.
+cd -
+cp -rf dist/model_explorer/browser/* ../server/package/src/model_explorer/web_app/