Merge pull request #48 from DSACMS/sachin/addignNewFields

Added New Fields and Refactored Auto Generation

Author: sachin-panayil

js/autoGenerateFields.js

@@ -1,4 +1,4 @@
-document.addEventListener("DOMContentLoaded", function() {
+document.addEventListener("DOMContentLoaded", function () {
     setupFormHandler();
     setupNotificationSystem();
 });
@@ -8,44 +8,44 @@ document.addEventListener("DOMContentLoaded", function() {
 // The show() method changes the element based on type and displays the message to the user
 // The hide() function makes sure that the notification fades away after 5 seconds
 const notificationSystem = {
-    show: function(message, type = 'error') {
+    show: function (message, type = 'error') {
         const notification = document.getElementById('notification');
         const messageElement = document.getElementById('notification-message');
-        
+
         messageElement.textContent = message;
-        
+
         if (type === 'error') {
             notification.style.backgroundColor = '#f8d7da';
             notification.style.color = '#721c24';
             notification.style.border = '1px solid #f5c6cb';
         } else {
             notification.style.backgroundColor = '#d4edda';
-            notification.style.color = '#155724'; 
+            notification.style.color = '#155724';
             notification.style.border = '1px solid #c3e6cb';
         }
-        
+
         notification.style.display = 'block';
         setTimeout(() => {
             notification.style.opacity = '1';
         }, 10);
-        
+
         clearTimeout(this.timeout);
         this.timeout = setTimeout(() => this.hide(), 5000);
     },
-    
-    hide: function() {
+
+    hide: function () {
         const notification = document.getElementById('notification');
         notification.style.opacity = '0';
         setTimeout(() => {
             notification.style.display = 'none';
         }, 500);
     },
-    
-    error: function(message) {
+
+    error: function (message) {
         this.show(message, 'error');
     },
-    
-    success: function(message) {
+
+    success: function (message) {
         this.show(message, 'success');
     },
 };
@@ -61,7 +61,7 @@ function setupNotificationSystem() {
 function setupFormHandler() {
     const form = document.getElementById("github-url-form");
 
-    form.addEventListener("submit", async function(event) {
+    form.addEventListener("submit", async function (event) {
         event.preventDefault();
 
         const submitButton = document.getElementById("repo-url-button");
@@ -71,30 +71,30 @@ function setupFormHandler() {
 
         try {
             const repoURL = document.getElementById("repo-url").value;
-            
+
             if (repoURL.length == 0) {
                 throw new Error("Please enter a GitHub repository URL");
             }
-            
+
             const repoInfo = extractGitHubInfo(repoURL);
-            
+
             if (!repoInfo) {
                 throw new Error("Invalid GitHub URL format. Please enter a valid GitHub repository URL ->(https://github.com/username/repository)");
             }
-            
+
             const repositoryInfo = await getRepoInformation(repoInfo);
             const languages = await getRepoLanguages(repoInfo)
-            
+
             if (repositoryInfo) {
                 preFillFields(repositoryInfo, languages);
                 notificationSystem.success("Repository data loaded successfully!");
             } else {
                 throw new Error("Could not fetch repository information. Please check the URL and try again.");
             }
-            
+
         } catch (error) {
             console.error(error.message);
-            notificationSystem.error(error.message); 
+            notificationSystem.error(error.message);
         } finally {
             submitButton.value = "Submit";
             submitButton.disabled = false;
@@ -106,14 +106,14 @@ function extractGitHubInfo(url) {
     // Regex pattern to match GitHub URLs and extract org and repo
     const regex = /(?:https?:\/\/)?(?:www\.)?github\.com\/([^\/]+)\/([^\/\s]+)/;
     const match = url.match(regex);
-  
+
     if (match && match.length === 3) {
         return {
             organization: match[1],
             repository: match[2]
         };
     }
-    
+
     return null;
 }
 
@@ -123,7 +123,7 @@ async function getRepoInformation(repoInfo) {
 
     try {
         const response = await fetch(endpoint);
-        
+
         if (!response.ok) {
             throw new Error(`GitHub API error (${response.status}): ${response.statusText}`);
         }
@@ -139,7 +139,7 @@ async function getRepoLanguages(repoInfo) {
 
     try {
         const response = await fetch(endpoint);
-        
+
         if (!response.ok) {
             throw new Error(`GitHub API error (${response.status}): ${response.statusText}`);
         }
@@ -157,65 +157,145 @@ function preFillFields(repoData, languages) {
     }
 
     try {
-        const currentSubmission = {}
-        
-        window.formIOInstance.components.forEach(component => {
-            if (component.components) {
-                component.components.forEach(nestedComp => {
-                    if (nestedComp.key) {
-                        currentSubmission[nestedComp.key] = nestedComp.getValue()
-                    }
-                });
-            } else if (component.key) {
-                currentSubmission[component.key] = component.getValue()
-            }
-        })
-        
-        let licenses = [];
+        const form = window.formIOInstance
+
+        // Updating VCS to git - typically always be git 
+        form.getComponent('vcs').setValue('git')
+
+        // Updating organization - only option available
+        form.getComponent('organization').setValue('Centers for Medicare & Medicaid Services')
+
+        // Updating visibility
+        form.getComponent('repositoryVisibility').setValue(repoData.private ? 'private' : 'public')
+
+        // Updating name
+        if (repoData.name) {
+            form.getComponent('name').setValue(repoData.name)
+        }
+
+        // Updating description
+        if (repoData.description) {
+            form.getComponent('description').setValue(repoData.description)
+        }
+
+        // Updating URL
+        if (repoData.html_url) {
+            form.getComponent('repositoryURL').setValue(repoData.html_url)
+        }
+
+        // Updating forks
+        if (repoData.forks_count !== undefined) {
+            const reuseFrequencyComp = form.getComponent('reuseFrequency')
+            const currentReuse = {}
+
+            currentReuse.forks = repoData.forks_count
+            reuseFrequencyComp.setValue(currentReuse)
+        }
+
+        // Updating license object
         if (repoData.license && repoData.license.spdx_id) {
-            licenses.push({
+            const permissionsComp = form.getComponent('permissions');
+            const currentPermissions = permissionsComp.getValue() || {};
+
+            currentPermissions.licenses = currentPermissions.licenses || [];
+
+            const licenseObj = {
                 name: repoData.license.spdx_id,
                 URL: repoData.html_url + "/blob/main/LICENSE"
-            });
+            };
+
+            currentPermissions.licenses = [licenseObj];
+            permissionsComp.setValue(currentPermissions);
         }
-        
-        const newSubmission = {
-            name: repoData.name || '',
-            description: repoData.description || '',
-            repositoryURL: repoData.html_url || '',
-            repositoryVisibility: repoData.private ? "private" : "public",
-            vcs: 'git',
-            permissions: {
-                licenses: licenses
-            },
-            reuseFrequency: {
-                forks: repoData.forks_count || 0
-            },
-            languages: Object.keys(languages) || [],
-            date: {
-                created: repoData.created_at || '',
-                lastModified: repoData.updated_at || '',
-                metaDataLastUpdated: new Date().toISOString()
-            },
-            tags: repoData.topics || [],
-            feedbackMechanisms: [repoData.html_url + "/issues"]
+
+        // Update languages list by combining any the user has entered
+        if (languages) {
+            const languagesComp = form.getComponent('languages')
+            const newLanguages = Object.keys(languages) || []
+
+            languagesComp.setValue(newLanguages)
         }
-        
-        const mergedSubmission = { ...currentSubmission, ...newSubmission}
 
-        window.formIOInstance.setSubmission({ data: mergedSubmission })
-        
+        // Update dates
+        if (repoData.created_at && repoData.updated_at) {
+            const dateComp = form.getComponent('date')
+            const currentDate = dateComp.getValue() || {}
+
+            currentDate.created = repoData.created_at;
+            currentDate.lastModified = repoData.updated_at
+            currentDate.metaDataLastUpdated = new Date().toISOString()
+
+            dateComp.setValue(currentDate)
+        }
+
+        // Update tags
+        if (repoData.topics) {
+            const tagsComp = form.getComponent('tags')
+
+            const newTags = [...repoData.topics] || []
+            tagsComp.setValue(newTags)
+        }
+
+        // Update feedback mechanisms
+        if (repoData.html_url) {
+            const feedbackComp = form.getComponent('feedbackMechanisms')
+            let currentFeedback = form.getComponent('feedbackMechanisms').getValue
+            currentFeedback = []
+
+            const issuesUrl = repoData.html_url + "/issues"
+
+            currentFeedback.push(issuesUrl)
+            feedbackComp.setValue(currentFeedback)
+        }
+
+        // Update upstream 
+        if (repoData.html_url) {
+            const upstreamComp = form.getComponent('upstream')
+            const urlParts = repoData.html_url.split('/')
+
+            if (urlParts.length >= 2) {
+                const org = urlParts[urlParts.length - 2]
+                const repo = urlParts[urlParts.length - 1]
+
+                const dependenciesUrl = `https://github.com/${org}/${repo}/network/dependencies`
+
+                upstreamComp.setValue(dependenciesUrl)
+            }
+        }
+
+        // Update repositoryHost
+        if (repoData.html_url) {
+            if (repoData.html_url.includes('github.cms.gov')) {
+                form.getComponent('repositoryHost').setValue('github.cms.gov')
+            } else if (repoData.html_url.includes('github.com/CMSgov')) {
+                form.getComponent('repositoryHost').setValue('github.com/CMSgov')
+            } else if (repoData.html_url.includes('github.com/CMS-Enterprise')) {
+                form.getComponent('repositoryHost').setValue('github.com/CMS-Enterprise')
+            } else if (repoData.html_url.includes('github.com/DSACMS')) {
+                form.getComponent('repositoryHost').setValue('github.com/DSACMS')
+            }
+        }
+
+        // fields to potentially automate
+            // clones, but this is only tracked for every 14 days 
+            // status, by checking if its public, we can assume its production and check if its archival 
+            // laborHours, by running a script? this might be harder since we need SCC
+            // maturityModel, we could check to see if certain files / sections live within a repo and make a guess like that
+            // usageType, by assuming that if its public = openSource and if private = governmnetWideReuse
+
+        notificationSystem.success("Repository data loaded successfully!")
+
     } catch (error) {
-        notificationSystem.error("Error filling form fields with repository data. Please refresh and try again");
-        console.error("Form fill error:", error);
+        notificationSystem.error("Error filling form fields with repository data. Please refresh and try again")
+        console.error("Form fill error:", error)
     }
 }
 
 // This is global so we could use this throughout the website!
-window.showErrorNotification = function(message) {
+window.showErrorNotification = function (message) {
     notificationSystem.error(message);
 };
 
-window.showSuccessNotification = function(message) {
+window.showSuccessNotification = function (message) {
     notificationSystem.success(message);
 };