Merge pull request #287 from rstudio/sagerb-populate-initial-value-fo…

…r-title

Update Title input field to reference Pinia deployment store

web/src/api/types/connect.ts

@@ -13,6 +13,6 @@ export type ConnectEnvironmentVariable = {
 }
 
 export type ConnectDeployment = {
-    connect: ConnectContent;
+    content: ConnectContent;
     environment: ConnectEnvironmentVariable[];
 }

web/src/components/configurePublish/PublishingHeader.vue

@@ -26,13 +26,33 @@
 
 <script setup lang="ts">
 
-import { ref } from 'vue';
 import { useApi } from 'src/api';
+import { useDeploymentStore } from 'src/stores/deployment';
+import { computed } from 'vue';
 
 const emit = defineEmits(['publish']);
 
 const api = useApi();
-const title = ref('');
+const deploymentStore = useDeploymentStore();
+
+// Unable to use storeToRefs from pinia because deployment is not
+// always defined. We might want to revisit this and instead define it
+// initially with an empty definition.
+const title = computed({
+  get() {
+    if (deploymentStore.deployment) {
+      return deploymentStore.deployment.connect.content.title;
+    }
+    return '';
+  },
+  set(val) {
+    if (deploymentStore.deployment) {
+      deploymentStore.deployment.connect.content.title = val;
+    } else {
+      console.log('Error setting title into empty deployment object!');
+    }
+  }
+});
 
 const onPublish = async() => {
   emit('publish');

web/tests/unit/components/configurePublish/FilesToPublish.test.ts

@@ -168,7 +168,7 @@ describe('description', () => {
         }
       },
       connect: {
-        connect: {
+        content: {
           name: '',
         },
         environment: [