connecting via socket for mysql and postgres #358

packages/web/src/settings/ConnectionDriverFields.svelte

@@ -77,7 +77,7 @@
 
 {#if $authTypes && driver?.showConnectionField('authType', $values)}
   <FormSelectField
-    label="Authentication"
+    label={driver?.authTypeLabel ?? 'Authentication'}
     name="authType"
     isNative
     disabled={isConnected}
@@ -106,7 +106,7 @@
           name="port"
           disabled={isConnected || disabledFields.includes('port')}
           templateProps={{ noMargin: true }}
-          placeholder={driver && driver.defaultPort}
+          placeholder={driver?.defaultPort}
         />
       </div>
     {/if}
@@ -119,6 +119,15 @@
   {/if}
 {/if}
 
+{#if driver?.showConnectionField('socketPath', $values)}
+  <FormTextField
+    label="Socket path"
+    name="socketPath"
+    disabled={isConnected || disabledFields.includes('socketPath')}
+    placeholder={driver?.defaultSocketPath}
+  />
+{/if}
+
 {#if showUser && showPassword}
   <div class="row">
     {#if showUser}

packages/web/src/tabs/ConnectionTab.svelte

@@ -81,6 +81,7 @@
       'password',
       'defaultDatabase',
       'singleDatabase',
+      'socketPath',
     ];
     const visibleProps = allProps.filter(x => driver?.showConnectionField(x, $values));
     const omitProps = _.difference(allProps, visibleProps);