Baserow 1237 add protocol cherrypick

changelog/entries/1.18.0/bug/1237_automatically_add_https_protcol_when_it_is_missing_from_link.json

@@ -0,0 +1,7 @@
+{
+    "type": "bug",
+    "message": "Automatically add https protcol when it is missing from links",
+    "issue_number": 1237,
+    "bullet_points": [],
+    "created_at": "2023-06-02"
+}

web-frontend/modules/database/components/view/grid/fields/GridViewFieldURL.vue

@@ -8,9 +8,12 @@
     @contextmenu="stopContextIfEditing($event)"
   >
     <div v-show="!editing" class="grid-field-text">
-      <a :href="value" target="_blank" rel="nofollow noopener noreferrer">{{
-        value
-      }}</a>
+      <a
+        :href="getHref(value)"
+        target="_blank"
+        rel="nofollow noopener noreferrer"
+        >{{ value }}</a
+      >
     </div>
     <template v-if="editing">
       <input
@@ -39,6 +42,13 @@ export default {
         this.$refs.input.selectionStart = this.$refs.input.selectionEnd = 100000
       })
     },
+    getHref(value) {
+      const protocolRegex = /^[a-zA-Z]+:\/\//
+      if (!protocolRegex.test(value)) {
+        return `https://${value}`
+      }
+      return value
+    },
   },
 }
 </script>