feat: Add option to not use new lines under threshold

Mitcheljager · Feb 11, 2024 · acb8a00 · acb8a00
1 parent 8692443
commit acb8a00
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 3 deletions.
diff --git a/app/javascript/src/components/editor/Editor.svelte b/app/javascript/src/components/editor/Editor.svelte
@@ -89,9 +89,11 @@
       // Add apply values when selecting autocomplete, filling in default args
       const lowercaseDefaults = Object.keys(defaults).map(k => k.toLowerCase())
       const useParameterObject = $settings["autocomplete-parameter-objects"] && params.args_length >= $settings["autocomplete-min-parameter-size"]
+      const useNewlines = params.args_length >= $settings["autocomplete-min-parameter-newlines"]
+
       const apply = v.args.map(a => {
         let string = a.default?.toString().toLowerCase().replaceAll(",", "")
-        if (useParameterObject) string = `\n\t${ a.name }: ${ string }`
+        if (useParameterObject) string = `${ useNewlines ? "\n\t" : "" }${ a.name }: ${ string }`
 
         if (lowercaseDefaults.includes(string)) return defaults[toCapitalize(string)]
 
@@ -102,7 +104,9 @@
       params.parameter_defaults = apply
 
       params.apply = useParameterObject ?
-        `${ v["en-US"] }({ ${ apply.join(", ") }\n})` :
+        useNewlines ?
+          `${ v["en-US"] }({ ${ apply.join(",") }\n})` :
+          `${ v["en-US"] }({ ${ apply.join(", ") } })` :
         `${ v["en-US"] }(${ apply.join(", ") })`
 
       // Add arguments to info box

diff --git a/app/javascript/src/components/editor/Settings.svelte b/app/javascript/src/components/editor/Settings.svelte
@@ -105,6 +105,19 @@
             Only autocomplete when an action or value has equal or more than this value in parameters.
           </div>
         </div>
+
+        <div class="form-group mt-1/8 tooltip" transition:slide|local={{ duration: 100 }}>
+          <label for="" class="text-base nowrap">Minimum newline length</label>
+
+          <div class="flex align-center">
+            <input type="range" min=1 max=20 step=1 class="range mr-1/8" bind:value={$settings["autocomplete-min-parameter-newlines"]} />
+            {$settings["autocomplete-min-parameter-newlines"]}
+          </div>
+
+          <div class="tooltip__content bg-darker">
+            Place each parameter on a new line when the action or value has equal or more than this value in parameters.
+          </div>
+        </div>
       {/if}
 
       <hr />

diff --git a/app/javascript/src/stores/editor.js b/app/javascript/src/stores/editor.js
@@ -106,5 +106,6 @@ export const settings = writable({
   "show-indent-markers": true,
   "word-wrap": false,
   "autocomplete-parameter-objects": false,
-  "autocomplete-min-parameter-size": 2
+  "autocomplete-min-parameter-size": 2,
+  "autocomplete-min-parameter-newlines": 2
 })