test second language

frontend/web-editor/public/bundle.js

@@ -47115,6 +47115,7 @@ module.exports = PatchBay
 module.exports = {
     en: {
         translation: {
+            'language-name': 'English',
             toolbar: {
                 run: "Run all code (ctrl+shift+enter)",
                 upload: "upload to gallery",
@@ -47149,6 +47150,44 @@ module.exports = {
                 'support': 'If you enjoy using Hydra, please consider  <a {{open-collective}} >supporting continued development <3 </a>.'
             }
         }
+    },
+    es: {
+        translation: {
+            'language-name': 'asfafd',
+            toolbar: {
+                run: "Run all code (ctrl+shift+enter)",
+                upload: "upload to gallery",
+                clear: "clear all",
+                shuffle: "show random sketch",
+                random: "make random change",
+                "show-info": "show info window",
+                "hide-info": "hide info window"
+            },
+            info: {
+                title: 'sdadddsad',
+                subtitle: 'live coding networked visuals',
+                description: 'Hydra is a platform for live coding visuals, in which each connected browser window can be used as a node of a modular and distributed video synthesizer.',
+                'get-started-title': 'To get started:',
+                'get-started-list': [
+                    'Close this window',
+                    'Change some numbers',
+                    'Type Ctrl + Shift + Enter'
+                ],
+                'description-detailed': 'Built using WebRTC (peer-to-peer web streaming) and WebGL, hydra allows each connected browser/device/person to output a video signal or stream, and receive and modify streams from other browsers/devices/people. The API is inspired by analog modular synthesis, in which multiple visual sources (oscillators, cameras, application windows, other connected windows) can be transformed, modulated, and composited via combining sequences of functions.',
+                'features': 'Features:',
+                'features-list': [
+                    'Written in javascript and compatible with other javascript libraries',
+                    'Available as a platform as well as a set of standalone modules',
+                    'Cross-platform and requires no installation (runs in the browser)',
+                    'Also available as a package for live coding from within atom text editor',
+                    'Experimental and forever evolving !!'
+                ],
+                'author': 'Created by <a {{author}}>olivia.</a>',
+                'more-info': 'For more information and instructions, see: <a {{docs}}>the online documentation</a>, <a {{functions}}>a list of hydra functions</a>, <a {{repo}}>the source code on github</a>, <a {{gallery}}>a gallery of user-generated sketches</a>, <a {{pixeljam}}>PIXELJAM collaborative editor</a>, <a {{hydra-book}}>Hydra Book</a>, and more <a {{tutorials}}>tutorials and examples.</a>',
+                'more-info-forums':  'There is also an active <a {{discord}}>Discord server</a> and <a {{facebook}}>facebook group</a> for hydra users+contributors.',
+                'support': 'If you enjoy using Hydra, please consider  <a {{open-collective}} >supporting continued development <3 </a>.'
+            }
+        }
     }
 }
 },{}],248:[function(require,module,exports){
@@ -47169,8 +47208,13 @@ i18next
 module.exports = function store(state, emitter) {
   state.showInfo = true
   state.showUI = true
+  const languages = {}
+  Object.keys(languageResources).forEach((key) => languages[key] = i18next.getFixedT(key)('language-name'))
+
   state.translation = {
-    t: i18next.t
+    t: i18next.t,
+    languages: languages,
+    selectedLanguage: i18next.language
   }
 
  let sketches

frontend/web-editor/src/locales.js

@@ -1,6 +1,7 @@
 module.exports = {
     en: {
         translation: {
+            'language-name': 'English',
             toolbar: {
                 run: "Run all code (ctrl+shift+enter)",
                 upload: "upload to gallery",
@@ -35,5 +36,43 @@ module.exports = {
                 'support': 'If you enjoy using Hydra, please consider  <a {{open-collective}} >supporting continued development <3 </a>.'
             }
         }
+    },
+    es: {
+        translation: {
+            'language-name': 'asfafd',
+            toolbar: {
+                run: "Run all code (ctrl+shift+enter)",
+                upload: "upload to gallery",
+                clear: "clear all",
+                shuffle: "show random sketch",
+                random: "make random change",
+                "show-info": "show info window",
+                "hide-info": "hide info window"
+            },
+            info: {
+                title: 'sdadddsad',
+                subtitle: 'live coding networked visuals',
+                description: 'Hydra is a platform for live coding visuals, in which each connected browser window can be used as a node of a modular and distributed video synthesizer.',
+                'get-started-title': 'To get started:',
+                'get-started-list': [
+                    'Close this window',
+                    'Change some numbers',
+                    'Type Ctrl + Shift + Enter'
+                ],
+                'description-detailed': 'Built using WebRTC (peer-to-peer web streaming) and WebGL, hydra allows each connected browser/device/person to output a video signal or stream, and receive and modify streams from other browsers/devices/people. The API is inspired by analog modular synthesis, in which multiple visual sources (oscillators, cameras, application windows, other connected windows) can be transformed, modulated, and composited via combining sequences of functions.',
+                'features': 'Features:',
+                'features-list': [
+                    'Written in javascript and compatible with other javascript libraries',
+                    'Available as a platform as well as a set of standalone modules',
+                    'Cross-platform and requires no installation (runs in the browser)',
+                    'Also available as a package for live coding from within atom text editor',
+                    'Experimental and forever evolving !!'
+                ],
+                'author': 'Created by <a {{author}}>olivia.</a>',
+                'more-info': 'For more information and instructions, see: <a {{docs}}>the online documentation</a>, <a {{functions}}>a list of hydra functions</a>, <a {{repo}}>the source code on github</a>, <a {{gallery}}>a gallery of user-generated sketches</a>, <a {{pixeljam}}>PIXELJAM collaborative editor</a>, <a {{hydra-book}}>Hydra Book</a>, and more <a {{tutorials}}>tutorials and examples.</a>',
+                'more-info-forums':  'There is also an active <a {{discord}}>Discord server</a> and <a {{facebook}}>facebook group</a> for hydra users+contributors.',
+                'support': 'If you enjoy using Hydra, please consider  <a {{open-collective}} >supporting continued development <3 </a>.'
+            }
+        }
     }
 }

frontend/web-editor/src/store.js

@@ -15,8 +15,13 @@ i18next
 module.exports = function store(state, emitter) {
   state.showInfo = true
   state.showUI = true
+  const languages = {}
+  Object.keys(languageResources).forEach((key) => languages[key] = i18next.getFixedT(key)('language-name'))
+
   state.translation = {
-    t: i18next.t
+    t: i18next.t,
+    languages: languages,
+    selectedLanguage: i18next.language
   }
 
  let sketches