Add support for disabling autocomplete in settings, fix creating an already existing file (#214)

* Add settings disabled

* Fix for format

* Fixes for format

* Add comment

* Bump coverage

Author: eatonphil

desktop/store.ts

@@ -383,9 +383,16 @@ GROUP BY panel_id
 
     // NOTE: unlike elsewhere projectId is actually the file name not a uuid.
     handler: async (_: string, { projectId }: MakeProjectRequest) => {
-      const db = this.getConnection(projectId);
       const newProject = new ProjectState();
       newProject.projectName = ensureProjectFile(projectId);
+
+      // File already exists, ok and appropriate to do nothing since
+      // this merely handles creation not loading.
+      if (fs.existsSync(newProject.projectName)) {
+        return;
+      }
+
+      const db = this.getConnection(projectId);
       for (const file of this.migrations) {
         log.info('Running migration: ' + file);
         const contents = fs.readFileSync(file).toString();

jest.config.js

@@ -5,7 +5,7 @@ module.exports = {
       ? {
           global: {
             statements: 54,
-            branches: 41,
+            branches: 40,
             functions: 35,
             lines: 54,
           },

shared/settings.ts

@@ -15,6 +15,7 @@ export class Settings {
   languages: Record<SupportedLanguages, LanguageSettings>;
   file: string;
   stdoutMaxSize: number;
+  autocompleteDisabled: boolean;
   theme: 'light' | 'dark';
   caCerts: Array<{ file: string; id: string }>;
 
@@ -26,6 +27,7 @@ export class Settings {
     stdoutMaxSize?: number
   ) {
     this.id = id || newId();
+    this.autocompleteDisabled = false;
     this.lastProject = lastProject || '';
     this.languages =
       languages ||

ui/MakeSelectProject.tsx

@@ -65,7 +65,7 @@ export function MakeSelectProject() {
   }
 
   return (
-    <div className="card project-name">
+    <div className="card card--center project-name">
       <h1>New Project</h1>
       <p>Pick a name for this project to get started.</p>
       <div className="form-row">

ui/Settings.tsx

@@ -111,6 +111,20 @@ export function Settings() {
               }}
             />
           </div>
+          <div className="form-row">
+            <Toggle
+              label={
+                settings.autocompleteDisabled
+                  ? 'Enable Autocomplete'
+                  : 'Disable Autocomplete'
+              }
+              value={settings.autocompleteDisabled}
+              onChange={function handleLightModeToggle() {
+                settings.autocompleteDisabled = !settings.autocompleteDisabled;
+                setSettings(settings);
+              }}
+            />
+          </div>
           <div className="form-row form-row--multi">
             <Input
               onChange={function handleMaxStdoutSizeChange(newValue: string) {

ui/components/CodeEditor.tsx

@@ -75,7 +75,7 @@ export function CodeEditor({
   tooltip?: string;
 }) {
   const {
-    state: { theme },
+    state: { theme, autocompleteDisabled },
   } = React.useContext(SettingsContext);
 
   const [editorRef, setEditorRef] = React.useState<AceEditor>(null);
@@ -216,9 +216,13 @@ export function CodeEditor({
           singleLine
             ? { showLineNumbers: false, highlightActiveLine: false }
             : {
-                enableBasicAutocompletion: Boolean(autocomplete),
-                enableLiveAutocompletion: Boolean(autocomplete),
-                enableSnippets: Boolean(autocomplete),
+                enableBasicAutocompletion: Boolean(
+                  autocomplete && !autocompleteDisabled
+                ),
+                enableLiveAutocompletion: Boolean(
+                  autocomplete && !autocompleteDisabled
+                ),
+                enableSnippets: Boolean(autocomplete && !autocompleteDisabled),
               }
         }
       />