mumuki-laboratory 8.1.2 → 8.4.0

data/spec/features/login_flow_spec.rb

@@ -42,7 +42,7 @@ feature 'Login Flow', organization_workspace: :test do
 
     expect(page).to_not have_text('Sign in')
     expect(page).to have_text('Sign Out')
-    expect(page).to have_text('awesomeRubyGuide')
+    expect(page).to have_text('C1')
   end
 
   scenario 'can logout', :element_not_interactable_error do

data/spec/features/terms_flow_spec.rb

@@ -102,6 +102,7 @@ feature 'Terms Flow', organization_workspace: :test do
           visit '/discussions'
           expect(page).to have_text('Accept terms')
 
+          check :user_terms_of_service
           click_on 'Accept'
           expect(page).to have_text('Discussions')
         end
@@ -111,6 +112,7 @@ feature 'Terms Flow', organization_workspace: :test do
         visit '/'
         expect(page).to have_text('Accept terms')
 
+        check :user_terms_of_service
         click_on 'Accept'
         expect(page).to have_text(test_organization.book.name)
       end

data/spec/features/topic_flow_spec.rb

@@ -15,7 +15,6 @@ feature 'Topic Flow', organization_workspace: :test do
     visit "/topics/#{topic_in_path.transparent_id}"
 
     expect(page).to have_text('Functional Programming')
-    expect(page).to have_text('Lessons')
   end
 
   scenario 'visit topic in path not transparently' do

data/spec/helpers/icons_helper_spec.rb

@@ -2,7 +2,7 @@ require 'spec_helper'
 
 describe IconsHelper, organization_workspace: :test do
   helper IconsHelper
-  helper FontAwesome::Rails::IconHelper
+  helper FontAwesome5::Rails::IconHelper
 
   describe '#language_icon' do
     let(:haskell) { create(:language, name: 'Haskell') }
@@ -16,7 +16,7 @@ describe IconsHelper, organization_workspace: :test do
     }
     let(:failed_submission) { create(:assignment, status: :failed) }
 
-    it { expect(status_icon(passed_submission)).to eq '<i class="fa fa-check-circle text-success status-icon"></i>' }
-    it { expect(status_icon(failed_submission)).to eq '<i class="fa fa-times-circle text-danger status-icon"></i>' }
+    it { expect(status_icon(passed_submission)).to eq '<i class="fas fa-check-circle text-success status-icon"></i>' }
+    it { expect(status_icon(failed_submission)).to eq '<i class="fas fa-times-circle text-danger status-icon"></i>' }
   end
 end

data/spec/helpers/test_results_rendering_spec.rb

@@ -3,7 +3,7 @@ require 'ostruct'
 
 describe ContextualizationResultHelper do
   helper IconsHelper
-  helper FontAwesome::Rails::IconHelper
+  helper FontAwesome5::Rails::IconHelper
   helper ContextualizationResultHelper
 
 
@@ -13,13 +13,13 @@ describe ContextualizationResultHelper do
     context 'plain explanation' do
       let(:expectation_result) { {result: :failed, explanation: 'you must delegate'} }
 
-      it { expect(html).to eq '<i class="fa fa-times-circle text-danger status-icon"></i> you must delegate' }
+      it { expect(html).to eq '<i class="fas fa-times-circle text-danger status-icon"></i> you must delegate' }
     end
 
     context 'html explanation' do
       let(:expectation_result) { {result: :failed, explanation: 'you must use <strong>if</strong>'} }
 
-      it { expect(html).to eq '<i class="fa fa-times-circle text-danger status-icon"></i> you must use <strong>if</strong>' }
+      it { expect(html).to eq '<i class="fas fa-times-circle text-danger status-icon"></i> you must use <strong>if</strong>' }
     end
   end
 
@@ -35,7 +35,7 @@ describe ContextualizationResultHelper do
           test_results: [{title: '2 is 2', status: :passed, result: ''}]) }
 
         it { expect(html).to be_html_safe }
-        it { expect(html).to include "<i class=\"fa fa-check-circle text-success status-icon\"></i>" }
+        it { expect(html).to include "<i class=\"fas fa-check-circle text-success status-icon\"></i>" }
         it { expect(html).to include "2 is 2" }
       end
 
@@ -47,7 +47,7 @@ describe ContextualizationResultHelper do
             exercise: problem,
             test_results: [{title: '2 is 2', status: :failed, result: 'something _went_ wrong'}]) }
 
-          it { expect(html).to include "<i class=\"fa fa-times-circle text-danger status-icon\"></i>" }
+          it { expect(html).to include "<i class=\"fas fa-times-circle text-danger status-icon\"></i>" }
           it { expect(html).to include "2 is 2" }
           it { expect(html).to include "<pre>something _went_ wrong</pre>" }
         end
@@ -59,7 +59,7 @@ describe ContextualizationResultHelper do
             exercise: problem,
             test_results: [{title: '2 is 2', status: :failed, result: 'something went _really_ wrong'}]) }
 
-          it { expect(html).to include "<i class=\"fa fa-times-circle text-danger status-icon\"></i>" }
+          it { expect(html).to include "<i class=\"fas fa-times-circle text-danger status-icon\"></i>" }
           it { expect(html).to include "2 is 2" }
           it { expect(html).to include "<p>something went <em>really</em> wrong</p>" }
         end
@@ -72,7 +72,7 @@ describe ContextualizationResultHelper do
             test_results: [{title: 'foo is 2', status: :failed, result: 'foo is undefined', summary: {type: 'undefined_variable', message: 'you are using things that are _not defined_'}}]) }
 
           it { expect(html).to include 'foo is 2: you are using things that are <em>not defined</em>' }
-          it { expect(html).to include "<i class=\"fa fa-times-circle text-danger status-icon\"></i>" }
+          it { expect(html).to include "<i class=\"fas fa-times-circle text-danger status-icon\"></i>" }
           it { expect(html).to include '<p>foo is undefined</p>' }
         end
 
@@ -84,7 +84,7 @@ describe ContextualizationResultHelper do
             test_results: [{title: '', status: :failed, result: 'foo is undefined', summary: {type: 'undefined_variable', message: 'you are using things that are _not defined_'}}]) }
 
           it { expect(html).to include 'you are using things that are <em>not defined</em>' }
-          it { expect(html).to include "<i class=\"fa fa-times-circle text-danger status-icon\"></i>" }
+          it { expect(html).to include "<i class=\"fas fa-times-circle text-danger status-icon\"></i>" }
           it { expect(html).to include '<p>foo is undefined</p>' }
         end
       end

data/spec/helpers/with_navigation_spec.rb

@@ -2,7 +2,7 @@ require 'spec_helper'
 
 describe WithStudentPathNavigation, organization_workspace: :test do
   helper WithStudentPathNavigation
-  helper FontAwesome::Rails::IconHelper
+  helper FontAwesome5::Rails::IconHelper
 
   describe '#next_button' do
     let(:current_user) { create(:user) }
@@ -14,9 +14,9 @@ describe WithStudentPathNavigation, organization_workspace: :test do
       let!(:exercise_3) { create(:exercise, id: 13, name: 'exercise 3', guide: guide) }
 
       context 'when user did not submit any solution' do
-        it { expect(next_button(exercise_1)).to eq "<a class=\"btn btn-success btn-block\" role=\"button\" href=\"/exercises/#{exercise_2.friendly_name}\">Next: exercise 2 <i class=\"fa fa-chevron-right\"></i></a>" }
-        it { expect(next_button(exercise_2)).to eq "<a class=\"btn btn-success btn-block\" role=\"button\" href=\"/exercises/#{exercise_3.friendly_name}\">Next: exercise 3 <i class=\"fa fa-chevron-right\"></i></a>" }
-        it { expect(next_button(exercise_3)).to eq "<a class=\"btn btn-warning btn-block\" role=\"button\" href=\"/exercises/#{exercise_1.friendly_name}\">Next pending: exercise 1 <i class=\"fa fa-chevron-right\"></i></a>" }
+        it { expect(next_button(exercise_1)).to eq "<a class=\"btn btn-success btn-block\" role=\"button\" href=\"/exercises/#{exercise_2.friendly_name}\"><span class=\"fa5-text-r\">Next: exercise 2</span><i class=\"fas fa-chevron-right\"></i></a>" }
+        it { expect(next_button(exercise_2)).to eq "<a class=\"btn btn-success btn-block\" role=\"button\" href=\"/exercises/#{exercise_3.friendly_name}\"><span class=\"fa5-text-r\">Next: exercise 3</span><i class=\"fas fa-chevron-right\"></i></a>" }
+        it { expect(next_button(exercise_3)).to eq "<a class=\"btn btn-warning btn-block\" role=\"button\" href=\"/exercises/#{exercise_1.friendly_name}\"><span class=\"fa5-text-r\">Next pending: exercise 1</span><i class=\"fas fa-chevron-right\"></i></a>" }
       end
 
       context 'when on last unresolved exercise' do
@@ -25,9 +25,9 @@ describe WithStudentPathNavigation, organization_workspace: :test do
           exercise_3.submit_solution!(current_user).passed!
         end
 
-        it { expect(next_button(exercise_1)).to eq "<a class=\"btn btn-success btn-block\" role=\"button\" href=\"/exercises/#{exercise_2.friendly_name}\">Next: exercise 2 <i class=\"fa fa-chevron-right\"></i></a>" }
+        it { expect(next_button(exercise_1)).to eq "<a class=\"btn btn-success btn-block\" role=\"button\" href=\"/exercises/#{exercise_2.friendly_name}\"><span class=\"fa5-text-r\">Next: exercise 2</span><i class=\"fas fa-chevron-right\"></i></a>" }
         it { expect(next_button(exercise_2)).to be nil }
-        it { expect(next_button(exercise_3)).to eq "<a class=\"btn btn-warning btn-block\" role=\"button\" href=\"/exercises/#{exercise_2.friendly_name}\">Next pending: exercise 2 <i class=\"fa fa-chevron-right\"></i></a>" }
+        it { expect(next_button(exercise_3)).to eq "<a class=\"btn btn-warning btn-block\" role=\"button\" href=\"/exercises/#{exercise_2.friendly_name}\"><span class=\"fa5-text-r\">Next pending: exercise 2</span><i class=\"fas fa-chevron-right\"></i></a>" }
       end
 
       context 'when user did submit a solution' do
@@ -35,9 +35,9 @@ describe WithStudentPathNavigation, organization_workspace: :test do
           exercise_1.submit_solution!(current_user).passed!
         end
 
-        it { expect(next_button(exercise_1)).to eq "<a class=\"btn btn-success btn-block\" role=\"button\" href=\"/exercises/#{exercise_2.friendly_name}\">Next: exercise 2 <i class=\"fa fa-chevron-right\"></i></a>" }
-        it { expect(next_button(exercise_2)).to eq "<a class=\"btn btn-success btn-block\" role=\"button\" href=\"/exercises/#{exercise_3.friendly_name}\">Next: exercise 3 <i class=\"fa fa-chevron-right\"></i></a>" }
-        it { expect(next_button(exercise_3)).to eq "<a class=\"btn btn-warning btn-block\" role=\"button\" href=\"/exercises/#{exercise_2.friendly_name}\">Next pending: exercise 2 <i class=\"fa fa-chevron-right\"></i></a>" }
+        it { expect(next_button(exercise_1)).to eq "<a class=\"btn btn-success btn-block\" role=\"button\" href=\"/exercises/#{exercise_2.friendly_name}\"><span class=\"fa5-text-r\">Next: exercise 2</span><i class=\"fas fa-chevron-right\"></i></a>" }
+        it { expect(next_button(exercise_2)).to eq "<a class=\"btn btn-success btn-block\" role=\"button\" href=\"/exercises/#{exercise_3.friendly_name}\"><span class=\"fa5-text-r\">Next: exercise 3</span><i class=\"fas fa-chevron-right\"></i></a>" }
+        it { expect(next_button(exercise_3)).to eq "<a class=\"btn btn-warning btn-block\" role=\"button\" href=\"/exercises/#{exercise_2.friendly_name}\"><span class=\"fa5-text-r\">Next pending: exercise 2</span><i class=\"fas fa-chevron-right\"></i></a>" }
       end
     end
 
@@ -46,8 +46,8 @@ describe WithStudentPathNavigation, organization_workspace: :test do
       let!(:exercise) { create(:exercise, id: 12, name: 'exercise 2', guide: guide) }
 
       context 'when user did not submit any exercise' do
-        it { expect(next_button(reading)).to eq "<a class=\"btn-confirmation btn btn-success btn-block\" data-confirmation-url=\"/exercises/#{reading.friendly_name}/confirmations\" role=\"button\" href=\"/exercises/#{exercise.friendly_name}\">Next: exercise 2 <i class=\"fa fa-chevron-right\"></i></a>" }
-        it { expect(next_button(exercise)).to eq "<a class=\"btn btn-warning btn-block\" role=\"button\" href=\"/exercises/#{reading.friendly_name}\">Next pending: exercise 1 <i class=\"fa fa-chevron-right\"></i></a>" }
+        it { expect(next_button(reading)).to eq "<a class=\"btn-confirmation btn btn-success btn-block\" data-confirmation-url=\"/exercises/#{reading.friendly_name}/confirmations\" role=\"button\" href=\"/exercises/#{exercise.friendly_name}\"><span class=\"fa5-text-r\">Next: exercise 2</span><i class=\"fas fa-chevron-right\"></i></a>" }
+        it { expect(next_button(exercise)).to eq "<a class=\"btn btn-warning btn-block\" role=\"button\" href=\"/exercises/#{reading.friendly_name}\"><span class=\"fa5-text-r\">Next pending: exercise 1</span><i class=\"fas fa-chevron-right\"></i></a>" }
       end
 
       context 'when user finished just reading' do
@@ -55,7 +55,7 @@ describe WithStudentPathNavigation, organization_workspace: :test do
           reading.submit_confirmation!(current_user)
         end
 
-        it { expect(next_button(reading)).to eq "<a class=\"btn-confirmation btn btn-success btn-block\" data-confirmation-url=\"/exercises/#{reading.friendly_name}/confirmations\" role=\"button\" href=\"/exercises/#{exercise.friendly_name}\">Next: exercise 2 <i class=\"fa fa-chevron-right\"></i></a>" }
+        it { expect(next_button(reading)).to eq "<a class=\"btn-confirmation btn btn-success btn-block\" data-confirmation-url=\"/exercises/#{reading.friendly_name}/confirmations\" role=\"button\" href=\"/exercises/#{exercise.friendly_name}\"><span class=\"fa5-text-r\">Next: exercise 2</span><i class=\"fas fa-chevron-right\"></i></a>" }
         it { expect(next_button(exercise)).to eq nil }
       end
     end
@@ -83,12 +83,12 @@ describe WithStudentPathNavigation, organization_workspace: :test do
         let(:lessons) { [lesson_1, lesson_2, lesson_3] }
 
         context 'one suggestion' do
-          it { expect(next_button(lesson_2)).to include "<a class=\"btn btn-success btn-block\" role=\"button\" href=\"/lessons/#{lesson_3.friendly_name}\">Next: #{lesson_3.name} <i class=\"fa fa-chevron-right\"></i></a>" }
+          it { expect(next_button(lesson_2)).to include "<a class=\"btn btn-success btn-block\" role=\"button\" href=\"/lessons/#{lesson_3.friendly_name}\"><span class=\"fa5-text-r\">Next: #{lesson_3.name}</span><i class=\"fas fa-chevron-right\"></i></a>" }
           it { expect(next_button(lesson_1)).to be_html_safe }
         end
 
         context 'many suggestions' do
-          it { expect(next_button(lesson_1)).to include "<a class=\"btn btn-success btn-block\" role=\"button\" href=\"/lessons/#{lesson_2.friendly_name}\">Next: #{lesson_2.name} <i class=\"fa fa-chevron-right\"></i></a>" }
+          it { expect(next_button(lesson_1)).to include "<a class=\"btn btn-success btn-block\" role=\"button\" href=\"/lessons/#{lesson_2.friendly_name}\"><span class=\"fa5-text-r\">Next: #{lesson_2.name}</span><i class=\"fas fa-chevron-right\"></i></a>" }
           it { expect(next_button(lesson_1)).to be_html_safe }
         end
       end

data/spec/javascripts/gamification-spec.js

@@ -33,11 +33,11 @@ describe('gamification', () => {
 
     describe('triggers level change', () => {
       it('does not trigger when small exp difference', () => {
-        expect(new mumuki.gamification.LevelProgression(1000).triggersLevelChange(1050)).toBe(false);
+        expect(new mumuki.gamification.LevelProgression(1000).triggersLevelChange(50)).toBe(false);
       });
 
       it('does trigger when big exp difference', () => {
-        expect(new mumuki.gamification.LevelProgression(1000).triggersLevelChange(1500)).toBe(true);
+        expect(new mumuki.gamification.LevelProgression(1000).triggersLevelChange(500)).toBe(true);
       });
     });
 

data/spec/javascripts/i18n-spec.js

@@ -0,0 +1,79 @@
+describe('I18n', () => {
+
+  describe('t / translate', () => {
+
+    it('accept english translations', () => {
+      mumuki.locale = 'en';
+      expect(mumuki.I18n.translate('passed')).toBe('Everything is in order! Your solution passed all our tests!');
+    })
+    it('accept spanish translations', () => {
+      mumuki.locale = 'es';
+      expect(mumuki.I18n.translate('passed_with_warnings')).toBe('Tu solución funcionó, pero hay cosas que mejorar');
+    })
+    it('accept chilean translations', () => {
+      mumuki.locale = 'es-CL';
+      expect(mumuki.I18n.translate('failed')).toBe('Tu solución no pasó las pruebas');
+    })
+    it('accept portuguese translations', () => {
+      mumuki.locale = 'pt';
+      expect(mumuki.I18n.translate('errored')).toBe('Opa! Sua solução não pode ser executada');
+    })
+    it('fails when translation missing', () => {
+      mumuki.locale = 'en';
+      expect(mumuki.I18n.translate('foo')).toBe('Translation missing: en, `foo`');
+    })
+
+  })
+
+  describe('register', () => {
+    beforeEach(() => {
+      mumuki.locale = 'en';
+      mumuki.I18n.register({
+        en: {
+          greet: (data) => `Hi ${data.name}`,
+          errored: "D'Oh!"
+        }
+      })
+    })
+    it('overrides existing translation key', () => {
+      expect(mumuki.I18n.translate('errored')).toBe("D'Oh!");
+    })
+    it('add missing translation key', () => {
+      expect(mumuki.I18n.translate('greet', {name: 'Jane'})).toBe('Hi Jane');
+    })
+    it('keep non overriding translation key', () => {
+      expect(mumuki.I18n.translate('passed')).toBe('Everything is in order! Your solution passed all our tests!');
+    })
+  })
+
+  describe('with some prefix', () => {
+
+    fixture.set(`
+        <div class="mu-kindergarten" data-i18n-prefix="testing">
+            <button class="mu-kids-button">Click me<button>
+            <div class="mu-kids-overlay" style="display: none"></div>
+        </div>
+    `);
+
+    beforeEach(() => {
+      mumuki.locale = 'en';
+      mumuki.I18n.register({
+        en: {
+          testing_failed: 'Ops! Execution failed',
+        }
+      })
+    });
+
+    it('Using prefix with existing translation key', () => {
+      expect(mumuki.I18n.t('passed')).toBe('Everything is in order! Your solution passed all our tests!');
+    });
+    it('Use prefix with none existing translation key but default key exists', () => {
+      expect(mumuki.I18n.t('failed')).toBe('Ops! Execution failed');
+    });
+    it('No key found', () => {
+      expect(mumuki.I18n.t('foo')).toBe('Translation missing: en, `foo`');
+    })
+
+  });
+
+});

data/spec/javascripts/kids-button-spec.js

@@ -0,0 +1,36 @@
+describe('KidsButton', () => {
+
+  let button;
+
+  fixture.set(`
+      <div class="mu-kindergarten">
+          <button class="mu-kids-button">Click me<button>
+          <div class="mu-kids-overlay" style="display: none"></div>
+      </div>
+  `);
+
+  beforeEach(() => {
+    mumuki.kids = new mumuki.Kids();
+    button = new mumuki.submission.KidsSubmitButton($('.mu-kids-button'));
+  })
+
+  it('can create button', () => {
+    expect(button).not.toBe(null);
+  })
+
+  it('overlay is hidden by default', () => {
+    expect(mumuki.kids.$overlay.css('display')).toBe('none');
+  })
+
+  it('call showOverlay on wait', () => {
+    button.wait();
+    expect(mumuki.kids.$overlay.css('display')).toBe('block');
+  })
+
+  it('call hideOverlay on continue', () => {
+    button.wait();
+    button.continue();
+    expect(mumuki.kids.$overlay.css('display')).toBe('none');
+  })
+
+})

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: mumuki-laboratory
 version: !ruby/object:Gem::Version
-  version: 8.1.2
+  version: 8.4.0
 platform: ruby
 authors:
 - Franco Bulgarelli
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-12-14 00:00:00.000000000 Z
+date: 2021-01-29 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -30,14 +30,14 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 8.1.0
+        version: 8.4.0
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 8.1.0
+        version: 8.4.0
 - !ruby/object:Gem::Dependency
   name: mumukit-bridge
   requirement: !ruby/object:Gem::Requirement
@@ -114,14 +114,14 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '1.24'
+        version: '2.0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '1.24'
+        version: '2.0'
 - !ruby/object:Gem::Dependency
   name: muvment
   requirement: !ruby/object:Gem::Requirement
@@ -193,19 +193,19 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '0'
 - !ruby/object:Gem::Dependency
-  name: font-awesome-rails
+  name: font_awesome5_rails
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '4.7'
+        version: '1.3'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '4.7'
+        version: '1.3'
 - !ruby/object:Gem::Dependency
   name: momentjs-rails
   requirement: !ruby/object:Gem::Requirement
@@ -311,6 +311,9 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '2.0'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '2.2'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
@@ -318,6 +321,9 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '2.0'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '2.2'
 - !ruby/object:Gem::Dependency
   name: webdrivers
   requirement: !ruby/object:Gem::Requirement
@@ -364,6 +370,7 @@ files:
 - app/assets/javascripts/mumuki_laboratory/application/exercise.js
 - app/assets/javascripts/mumuki_laboratory/application/free-form.js
 - app/assets/javascripts/mumuki_laboratory/application/gamification.js
+- app/assets/javascripts/mumuki_laboratory/application/i18n.js
 - app/assets/javascripts/mumuki_laboratory/application/inputs.js
 - app/assets/javascripts/mumuki_laboratory/application/interval.js
 - app/assets/javascripts/mumuki_laboratory/application/kids.js
@@ -392,6 +399,7 @@ files:
 - app/assets/javascripts/mumuki_laboratory/application/user.js
 - app/assets/stylesheets/mumuki_laboratory/application.scss
 - app/assets/stylesheets/mumuki_laboratory/application/_alerts.scss
+- app/assets/stylesheets/mumuki_laboratory/application/_codemirror-themes.scss
 - app/assets/stylesheets/mumuki_laboratory/application/_errors.scss
 - app/assets/stylesheets/mumuki_laboratory/application/_fonts.scss
 - app/assets/stylesheets/mumuki_laboratory/application/_invitations.scss
@@ -401,6 +409,7 @@ files:
 - app/assets/stylesheets/mumuki_laboratory/application/_modules.scss
 - app/assets/stylesheets/mumuki_laboratory/application/_tooltip.scss
 - app/assets/stylesheets/mumuki_laboratory/application/_vendor.scss
+- app/assets/stylesheets/mumuki_laboratory/application/codemirror-themes/_mu-light.scss
 - app/assets/stylesheets/mumuki_laboratory/application/hovers.scss
 - app/assets/stylesheets/mumuki_laboratory/application/modules/_avatar.scss
 - app/assets/stylesheets/mumuki_laboratory/application/modules/_book_header.scss
@@ -552,6 +561,8 @@ files:
 - app/views/layouts/_error.html.erb
 - app/views/layouts/_exercise_skipped.html.erb
 - app/views/layouts/_guide.html.erb
+- app/views/layouts/_guide_container.html.erb
+- app/views/layouts/_guide_title_icons.html.erb
 - app/views/layouts/_kids.html.erb
 - app/views/layouts/_kindergarten.html.erb
 - app/views/layouts/_main.html.erb
@@ -664,13 +675,6 @@ files:
 - lib/tasks/messages.rake
 - lib/tasks/users.rake
 - public/422.html
-- public/character/kibi/context.svg
-- public/character/kibi/failure.svg
-- public/character/kibi/jump.svg
-- public/character/kibi/success2_l.svg
-- public/character/kibi/success_l.svg
-- public/character/magnifying_glass/apparition.svg
-- public/character/magnifying_glass/loop.svg
 - public/compass_rose.svg
 - public/email-banner.png
 - public/favicon.ico
@@ -704,7 +708,6 @@ files:
 - spec/dummy/config/application.rb
 - spec/dummy/config/boot.rb
 - spec/dummy/config/cable.yml
-- spec/dummy/config/database.travis.yml
 - spec/dummy/config/database.yml
 - spec/dummy/config/environment.rb
 - spec/dummy/config/environments/development.rb
@@ -723,6 +726,14 @@ files:
 - spec/dummy/db/seeds.rb
 - spec/dummy/package.json
 - spec/dummy/public/character/animations.json
+- spec/dummy/public/character/kibi/context.svg
+- spec/dummy/public/character/kibi/failure.svg
+- spec/dummy/public/character/kibi/jump.svg
+- spec/dummy/public/character/kibi/passed_with_warnings.svg
+- spec/dummy/public/character/kibi/success2_l.svg
+- spec/dummy/public/character/kibi/success_l.svg
+- spec/dummy/public/character/magnifying_glass/apparition.svg
+- spec/dummy/public/character/magnifying_glass/loop.svg
 - spec/dummy/public/error/401.svg
 - spec/dummy/public/error/403.svg
 - spec/dummy/public/error/404.svg
@@ -733,7 +744,7 @@ files:
 - spec/dummy/public/error/timeout_3.svg
 - spec/dummy/public/medal/outline.svg
 - spec/evaluation_helper.rb
-- spec/features/chapter_spec.rb
+- spec/features/chapters_flow_spec.rb
 - spec/features/complements_flow_spec.rb
 - spec/features/disable_user_flow_spec.rb
 - spec/features/disabled_organization_flow_spec.rb
@@ -778,6 +789,8 @@ files:
 - spec/javascripts/exercise-spec.js
 - spec/javascripts/gamification-spec.js
 - spec/javascripts/global-spec.js
+- spec/javascripts/i18n-spec.js
+- spec/javascripts/kids-button-spec.js
 - spec/javascripts/results-renderers-spec.js
 - spec/javascripts/spec-helper.js
 - spec/javascripts/speech-bubble-renderer-spec.js
@@ -849,121 +862,131 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.0.3
+rubyforge_project: 
+rubygems_version: 2.7.6
 signing_key: 
 specification_version: 4
 summary: Code assement web application for the Mumuki Platform.
 test_files:
-- spec/controllers/guide_progress_controller_spec.rb
+- spec/mailers/user_mailer_spec.rb
+- spec/mailers/previews/user_mailer_preview.rb
+- spec/api_helper.rb
+- spec/dummy/config/boot.rb
+- spec/dummy/config/secrets.yml
+- spec/dummy/config/puma.rb
+- spec/dummy/config/initializers/wrap_parameters.rb
+- spec/dummy/config/initializers/cookies_serializer.rb
+- spec/dummy/config/initializers/filter_parameter_logging.rb
+- spec/dummy/config/initializers/assets.rb
+- spec/dummy/config/application.rb
+- spec/dummy/config/environment.rb
+- spec/dummy/config/locales/en.yml
+- spec/dummy/config/spring.rb
+- spec/dummy/config/rabbit.yml
+- spec/dummy/config/environments/test.rb
+- spec/dummy/config/environments/development.rb
+- spec/dummy/config/cable.yml
+- spec/dummy/config/routes.rb
+- spec/dummy/config/database.yml
+- spec/dummy/db/seeds.rb
+- spec/dummy/db/schema.rb
+- spec/dummy/Rakefile
+- spec/dummy/bin/rake
+- spec/dummy/bin/rails
+- spec/dummy/bin/yarn
+- spec/dummy/bin/bundle
+- spec/dummy/bin/update
+- spec/dummy/bin/setup
+- spec/dummy/public/character/magnifying_glass/apparition.svg
+- spec/dummy/public/character/magnifying_glass/loop.svg
+- spec/dummy/public/character/kibi/success2_l.svg
+- spec/dummy/public/character/kibi/context.svg
+- spec/dummy/public/character/kibi/success_l.svg
+- spec/dummy/public/character/kibi/failure.svg
+- spec/dummy/public/character/kibi/jump.svg
+- spec/dummy/public/character/kibi/passed_with_warnings.svg
+- spec/dummy/public/character/animations.json
+- spec/dummy/public/medal/outline.svg
+- spec/dummy/public/error/timeout_3.svg
+- spec/dummy/public/error/timeout_1.svg
+- spec/dummy/public/error/403.svg
+- spec/dummy/public/error/410.svg
+- spec/dummy/public/error/timeout_2.svg
+- spec/dummy/public/error/404.svg
+- spec/dummy/public/error/401.svg
+- spec/dummy/public/error/500.svg
+- spec/dummy/config.ru
+- spec/dummy/package.json
+- spec/capybara_helper.rb
 - spec/controllers/discussions_controller_spec.rb
+- spec/controllers/courses_api_controller_spec.rb
 - spec/controllers/organizations_api_controller_spec.rb
+- spec/controllers/discussions_messages_controller_spec.rb
+- spec/controllers/exercise_solutions_controller_spec.rb
+- spec/controllers/api_clients_controller.rb
 - spec/controllers/chapters_controller_spec.rb
+- spec/controllers/students_api_controller_spec.rb
+- spec/controllers/users_controller_spec.rb
+- spec/controllers/guide_progress_controller_spec.rb
 - spec/controllers/invitations_controller_spec.rb
+- spec/controllers/users_api_controller_spec.rb
 - spec/controllers/messages_controller_spec.rb
-- spec/controllers/courses_api_controller_spec.rb
 - spec/controllers/confirmations_controller_spec.rb
-- spec/controllers/students_api_controller_spec.rb
-- spec/controllers/api_clients_controller.rb
-- spec/controllers/exercise_solutions_controller_spec.rb
-- spec/controllers/discussions_messages_controller_spec.rb
-- spec/controllers/users_api_controller_spec.rb
-- spec/controllers/users_controller_spec.rb
 - spec/spec_helper.rb
-- spec/api_helper.rb
-- spec/mailers/user_mailer_spec.rb
-- spec/mailers/previews/user_mailer_preview.rb
-- spec/javascripts/elipsis-spec.js
-- spec/javascripts/csrf-token-spec.js
-- spec/javascripts/global-spec.js
-- spec/javascripts/events-spec.js
-- spec/javascripts/gamification-spec.js
-- spec/javascripts/sync-mode-spec.js
-- spec/javascripts/exercise-spec.js
-- spec/javascripts/timer-spec.js
-- spec/javascripts/editors-spec.js
-- spec/javascripts/spec-helper.js
-- spec/javascripts/speech-bubble-renderer-spec.js
-- spec/javascripts/submissions-store-spec.js
-- spec/javascripts/results-renderers-spec.js
-- spec/javascripts/bridge-spec.js
-- spec/javascripts/timeout-spec.js
-- spec/helpers/avatar_helper_spec.rb
-- spec/helpers/with_navigation_spec.rb
-- spec/helpers/exercise_input_helper_spec.rb
-- spec/helpers/authors_helper_spec.rb
-- spec/helpers/with_choices_spec.rb
-- spec/helpers/application_helper_spec.rb
-- spec/helpers/breadcrumbs_helper_spec.rb
-- spec/helpers/email_helper_spec.rb
-- spec/helpers/page_title_helper_spec.rb
-- spec/helpers/test_results_rendering_spec.rb
-- spec/helpers/icons_helper_spec.rb
-- spec/features/complements_flow_spec.rb
-- spec/features/progressive_tips_spec.rb
-- spec/features/runner_assets_spec.rb
-- spec/features/disable_user_flow_spec.rb
-- spec/features/links_flow_spec.rb
-- spec/features/not_found_public_flow_spec.rb
-- spec/features/standard_flow_spec.rb
 - spec/features/exercise_flow_spec.rb
-- spec/features/disabled_organization_flow_spec.rb
-- spec/features/immersive_redirection_spec.rb
-- spec/features/topic_flow_spec.rb
+- spec/features/not_found_private_flow_spec.rb
 - spec/features/home_private_flow_spec.rb
+- spec/features/guide_reset_spec.rb
 - spec/features/profile_flow_spec.rb
-- spec/features/home_public_flow_spec.rb
-- spec/features/menu_bar_spec.rb
-- spec/features/not_found_private_flow_spec.rb
-- spec/features/chapter_spec.rb
-- spec/features/discussion_flow_spec.rb
+- spec/features/terms_flow_spec.rb
+- spec/features/links_flow_spec.rb
 - spec/features/invitations_flow_spec.rb
-- spec/features/exams_flow_spec.rb
+- spec/features/standard_flow_spec.rb
+- spec/features/login_flow_spec.rb
+- spec/features/progressive_tips_spec.rb
+- spec/features/lessons_flow_spec.rb
+- spec/features/disable_user_flow_spec.rb
+- spec/features/runner_assets_spec.rb
+- spec/features/home_public_flow_spec.rb
+- spec/features/not_found_public_flow_spec.rb
 - spec/features/guides_flow_spec.rb
+- spec/features/disabled_organization_flow_spec.rb
 - spec/features/dynamic_exam_spec.rb
-- spec/features/terms_flow_spec.rb
-- spec/features/lessons_flow_spec.rb
-- spec/features/login_flow_spec.rb
-- spec/features/guide_reset_spec.rb
-- spec/evaluation_helper.rb
+- spec/features/exams_flow_spec.rb
+- spec/features/topic_flow_spec.rb
+- spec/features/chapters_flow_spec.rb
+- spec/features/discussion_flow_spec.rb
+- spec/features/menu_bar_spec.rb
+- spec/features/immersive_redirection_spec.rb
+- spec/features/complements_flow_spec.rb
 - spec/login_helper.rb
-- spec/dummy/db/seeds.rb
-- spec/dummy/db/schema.rb
-- spec/dummy/public/character/animations.json
-- spec/dummy/public/error/500.svg
-- spec/dummy/public/error/timeout_2.svg
-- spec/dummy/public/error/401.svg
-- spec/dummy/public/error/timeout_3.svg
-- spec/dummy/public/error/410.svg
-- spec/dummy/public/error/404.svg
-- spec/dummy/public/error/timeout_1.svg
-- spec/dummy/public/error/403.svg
-- spec/dummy/public/medal/outline.svg
-- spec/dummy/package.json
-- spec/dummy/config/initializers/filter_parameter_logging.rb
-- spec/dummy/config/initializers/wrap_parameters.rb
-- spec/dummy/config/initializers/cookies_serializer.rb
-- spec/dummy/config/initializers/assets.rb
-- spec/dummy/config/database.yml
-- spec/dummy/config/routes.rb
-- spec/dummy/config/cable.yml
-- spec/dummy/config/spring.rb
-- spec/dummy/config/boot.rb
-- spec/dummy/config/puma.rb
-- spec/dummy/config/environments/development.rb
-- spec/dummy/config/environments/test.rb
-- spec/dummy/config/database.travis.yml
-- spec/dummy/config/rabbit.yml
-- spec/dummy/config/secrets.yml
-- spec/dummy/config/locales/en.yml
-- spec/dummy/config/application.rb
-- spec/dummy/config/environment.rb
-- spec/dummy/Rakefile
-- spec/dummy/bin/setup
-- spec/dummy/bin/rake
-- spec/dummy/bin/bundle
-- spec/dummy/bin/update
-- spec/dummy/bin/yarn
-- spec/dummy/bin/rails
-- spec/dummy/config.ru
 - spec/teaspoon_env.rb
-- spec/capybara_helper.rb
+- spec/evaluation_helper.rb
+- spec/helpers/icons_helper_spec.rb
+- spec/helpers/with_navigation_spec.rb
+- spec/helpers/with_choices_spec.rb
+- spec/helpers/avatar_helper_spec.rb
+- spec/helpers/email_helper_spec.rb
+- spec/helpers/exercise_input_helper_spec.rb
+- spec/helpers/breadcrumbs_helper_spec.rb
+- spec/helpers/test_results_rendering_spec.rb
+- spec/helpers/page_title_helper_spec.rb
+- spec/helpers/authors_helper_spec.rb
+- spec/helpers/application_helper_spec.rb
+- spec/javascripts/events-spec.js
+- spec/javascripts/editors-spec.js
+- spec/javascripts/kids-button-spec.js
+- spec/javascripts/timer-spec.js
+- spec/javascripts/spec-helper.js
+- spec/javascripts/global-spec.js
+- spec/javascripts/submissions-store-spec.js
+- spec/javascripts/results-renderers-spec.js
+- spec/javascripts/speech-bubble-renderer-spec.js
+- spec/javascripts/csrf-token-spec.js
+- spec/javascripts/sync-mode-spec.js
+- spec/javascripts/bridge-spec.js
+- spec/javascripts/i18n-spec.js
+- spec/javascripts/elipsis-spec.js
+- spec/javascripts/exercise-spec.js
+- spec/javascripts/timeout-spec.js
+- spec/javascripts/gamification-spec.js