Keyboard shortcuts

src/AppSettings.ts

@@ -1,3 +1,5 @@
+import { tutorial_universe } from "./universes/tutorial"
+
 export type Universes = { [key: string]: Universe }
 
 export interface Universe {
@@ -50,7 +52,8 @@ export const template_universes = {
       9: { candidate: "", committed: "", evaluations: 0},
     },
     init: { candidate: "", committed: "", evaluations: 0 }
-  }
+  },
+  "Help": tutorial_universe,
 }
  
   

src/main.ts

@@ -14,7 +14,7 @@ import {
 } from "./highlightSelection";
 import { UserAPI } from './API';
 import { Extension } from '@codemirror/state';
-import { Universes, File, template_universe } from './AppSettings';
+import { Universes, File, template_universe, template_universes } from './AppSettings';
 import { tryEvaluate } from './Evaluator';
 
 
@@ -22,7 +22,7 @@ import { tryEvaluate } from './Evaluator';
 export class Editor { 
 
   // Data structures for editor text management
-  universes: Universes
+  universes: Universes = template_universes
   selected_universe: string
   local_index: number = 1
   editor_mode: 'global' | 'local' | 'init' = 'local'
@@ -68,15 +68,13 @@ export class Editor {
 
   constructor() {
 
-
-
     // ================================================================================ 
     // Loading the universe from local storage
     // ================================================================================
 
     this.selected_universe = "Default";
     this.universe_viewer.innerHTML = `Topos: ${this.selected_universe}`
-    this.universes = this.settings.universes
+    this.universes = {...this.settings.universes, ...template_universes}
 
     // ================================================================================
     // Audio context and clock
@@ -147,7 +145,7 @@ export class Editor {
 		  	const code = this.getCodeBlock();
         this.currentFile.candidate = this.view.state.doc.toString() 
         tryEvaluate(this, this.currentFile)
-		  }
+	  }
 
 		  // Shift + Enter or Ctrl + E: evaluate the line
 		  if ((event.key === 'Enter' && event.shiftKey) || (event.key === 'e' && event.ctrlKey)) {
@@ -166,14 +164,23 @@ export class Editor {
         this.openSettingsModal()
       }
 
-
+      // Switch to local files
+      if (event.ctrlKey && event.key === "l") this.changeModeFromInterface('local');
+      if (event.ctrlKey && event.key === "g") this.changeModeFromInterface('global');
+      if (event.ctrlKey && event.key === "i") this.changeModeFromInterface('init');
+      [112, 113, 114, 115, 116, 117, 118, 119, 120].forEach((keycode, index) => {
+        if (event.keyCode === keycode) {
+          event.preventDefault();
+          this.changeToLocalBuffer(index)
+        }
+      })
     }); 
 
     // ================================================================================
     // Interface buttons
     // ================================================================================
 
-    let tabs = document.querySelectorAll('[id^="tab-"]');
+    const tabs = document.querySelectorAll('[id^="tab-"]');
     // Iterate over the tabs with an index
     for (let i = 0; i < tabs.length; i++) {
       tabs[i].addEventListener('click', (event) => {
@@ -241,15 +248,34 @@ export class Editor {
     return this.universes[this.selected_universe.toString()].init
   }
 
+  changeToLocalBuffer(i: number) {
+    // Updating the CSS accordingly
+    const tabs = document.querySelectorAll('[id^="tab-"]');
+    const tab = tabs[i] as HTMLElement
+    tab.classList.add('bg-orange-300')
+    for (let j = 0; j < tabs.length; j++) {
+      if (j != i) tabs[j].classList.remove('bg-orange-300')
+    }
+    this.currentFile.candidate = this.view.state.doc.toString() 
+
+    let tab_id = tab.id.split('-')[1]
+    this.local_index = parseInt(tab_id)
+    this.updateEditorView()
+  }
+
   changeModeFromInterface(mode: 'global' | 'local' | 'init') {
 
-    const interface_buttons = [this.local_button, this.global_button, this.init_button]
+    const interface_buttons: HTMLElement[] = [
+      this.local_button,
+      this.global_button, 
+      this.init_button
+    ]
 
     let changeColor = (button: HTMLElement) => {
       interface_buttons.forEach(button => {
-        // Get the child svg element of each button
         let svg = button.children[0] as HTMLElement
         if (svg.classList.contains('text-orange-300')) {
+          console.log('Fond de couleur trouvé')
           svg.classList.remove('text-orange-300')
           svg.classList.add('text-white')
         }
@@ -390,7 +416,7 @@ export class Editor {
         endLine = state.doc.line(endLine.number + 1);
       }
 
-      this.view.dispatch({selection: {anchor: 0 + startLine.from, head: endLine.to}});
+      // this.view.dispatch({selection: {anchor: 0 + startLine.from, head: endLine.to}});
       highlightSelection(this.view);
 
 		  setTimeout(() => {

src/themes/materialDark.ts

@@ -3,7 +3,7 @@ import { Extension } from '@codemirror/state'
 import { HighlightStyle, syntaxHighlighting } from '@codemirror/language'
 import { tags as t } from '@lezer/highlight'
 
-const base00 = 'black', base01 = '#505d64',
+const base00 = '#171717', base01 = '#505d64',
       base02 = 'white', base03 = '#707d8b',
       base04 = '#a0a4ae', base05 = '#bdbdbd',
       base06 = '#e0e0e0', base07 = '#fdf6e3',

src/universes/tutorial.ts

@@ -0,0 +1,36 @@
+const global_text =`
+// Global buffer: a central buffer to command them all.
+// ====================================================
+// The global buffer is a special buffer used to control
+// the general behavior of your universe. It is meant to
+// be used as a "control room" for your universe. You can
+// make use of several commands to control the execution
+// flow of all the files:
+// - script(universe/universes: number): run script(s)
+`
+
+const local_buffer =`
+// Local buffer: nine buffers to write your algorithms.
+`
+
+const init_buffer=`
+// Init buffer: a buffer to initialize the universe.
+// This universe is runned once when the universe is
+// loaded!
+`
+
+export const tutorial_universe = {
+    global: { candidate: global_text, committed: global_text, evaluations: 0 },
+    locals: {
+        1: { candidate: local_buffer, committed: local_buffer, evaluations: 0 },
+        2: { candidate: local_buffer, committed: local_buffer, evaluations: 0 },
+        3: { candidate: local_buffer, committed: local_buffer, evaluations: 0 },
+        4: { candidate: local_buffer, committed: local_buffer, evaluations: 0 },
+        5: { candidate: local_buffer, committed: local_buffer, evaluations: 0 },
+        6: { candidate: local_buffer, committed: local_buffer, evaluations: 0 },
+        7: { candidate: local_buffer, committed: local_buffer, evaluations: 0 },
+        8: { candidate: local_buffer, committed: local_buffer, evaluations: 0 },
+        9: { candidate: local_buffer, committed: local_buffer, evaluations: 0 },
+    },
+    init: { candidate: init_buffer, committed: init_buffer, evaluations: 0 }
+}