26 changed files with 341 additions and 296 deletions
Split View
Diff Options
-
+68 -76Gemfile.lock
-
+1 -2app/assets/stylesheets/application.css
-
+1 -1app/controllers/admin/nodes_controller.rb
-
+1 -6app/controllers/application_controller.rb
-
+1 -1app/controllers/concerns/quiz_helper_methods.rb
-
+13 -1app/controllers/players_controller.rb
-
+84 -14app/controllers/stages_controller.rb
-
+0 -23app/javascript/image_controller.js
-
+0 -117app/javascript/quiz_preloader.js
-
+14 -3app/models/node.rb
-
+20 -13app/models/player.rb
-
+13 -14app/models/user.rb
-
+1 -5app/views/layouts/application.html.erb
-
+1 -1app/views/stages/choice.html.erb
-
+18 -0app/views/stages/game_over.html.erb
-
+25 -0app/views/stages/result.html.erb
-
+0 -2config/importmap.rb
-
+6 -0config/locales/en.yml
-
+10 -2config/routes.rb
-
+2 -0db/migrate/20250527114853_create_players.rb
-
+0 -9db/migrate/20260323110134_add_missing_columns_to_players.rb
-
+5 -6db/schema.rb
-
+25 -0test/models/node_whitespace_test.rb
-
+17 -0vendor/javascript/@orchidjs--sifter.js
-
+11 -0vendor/javascript/@orchidjs--unicode-variants.js
-
+4 -0vendor/javascript/tom-select.js
+ 68
- 76
Gemfile.lock
View File
+ 1
- 2
app/assets/stylesheets/application.css
View File
+ 1
- 1
app/controllers/admin/nodes_controller.rb
View File
+ 1
- 6
app/controllers/application_controller.rb
View File
+ 1
- 1
app/controllers/concerns/quiz_helper_methods.rb
View File
+ 13
- 1
app/controllers/players_controller.rb
View File
+ 84
- 14
app/controllers/stages_controller.rb
View File
+ 0
- 23
app/javascript/image_controller.js
View File
| @ -1,23 +0,0 @@ | |||
| import { Controller } from "@hotwired/stimulus" | |||
| export default class extends Controller { | |||
| //static targets = ["img"] | |||
| connect() { | |||
| if (this.element.complete && this.element.naturalHeight !== 0) { | |||
| this.element.classList.add('loaded') | |||
| } else { | |||
| this.element.addEventListener('load', function() { | |||
| this.classList.add('loaded') | |||
| }) | |||
| } | |||
| } | |||
| disconnect() { | |||
| } | |||
| } | |||
+ 0
- 117
app/javascript/quiz_preloader.js
View File
| @ -1,117 +0,0 @@ | |||
| export default class QuizImagePreloader { | |||
| constructor() { | |||
| this.isPreloading = false | |||
| this.preloadedImages = new Map() | |||
| } | |||
| init() { | |||
| // Start preloading on initial page load | |||
| document.addEventListener('DOMContentLoaded', () => { | |||
| sessionStorage.removeItem('quiz_images_preloaded') | |||
| // this.startPreloadingFromHeader() | |||
| // console.info('startPreloadingFromHeader'); | |||
| }) | |||
| // Continue preloading on Turbo navigation | |||
| document.addEventListener('turbo:load', () => { | |||
| this.startPreloadingFromHeader() | |||
| console.info('startPreloadingFromHeader'); | |||
| }) | |||
| } | |||
| startPreloadingFromHeader() { | |||
| if (sessionStorage.getItem('quiz_images_preloaded') === 'true') { | |||
| return | |||
| } | |||
| // Skip if already preloading | |||
| if (this.isPreloading) { | |||
| return | |||
| } | |||
| const imageUrls = this.getImageUrlsFromHeader() | |||
| if (imageUrls.length > 0) { | |||
| this.preloadImages(imageUrls) | |||
| } | |||
| } | |||
| getImageUrlsFromHeader() { | |||
| const headerElement = document.querySelector('header[data-quiz-images]') || | |||
| document.querySelector('[data-quiz-images]') | |||
| if (!headerElement) return [] | |||
| try { | |||
| const urls = JSON.parse(headerElement.dataset.quizImages || '[]') | |||
| return urls.filter(url => url && url.trim()) | |||
| } catch (e) { | |||
| console.warn('Failed to parse quiz image URLs from header:', e) | |||
| return [] | |||
| } | |||
| } | |||
| preloadImages(imageUrls) { | |||
| this.isPreloading = true | |||
| let loadedCount = 0 | |||
| const totalImages = imageUrls.length | |||
| imageUrls.forEach((url, index) => { | |||
| // Skip if already preloaded | |||
| if (this.preloadedImages.has(url)) { | |||
| loadedCount++ | |||
| if (loadedCount === totalImages) { | |||
| this.onPreloadComplete() | |||
| } | |||
| return | |||
| } | |||
| const img = new Image() | |||
| img.onload = () => { | |||
| this.preloadedImages.set(url, img) | |||
| loadedCount++ | |||
| if (loadedCount === totalImages) { | |||
| this.onPreloadComplete() | |||
| } | |||
| } | |||
| img.onerror = () => { | |||
| console.warn(`Failed to preload image: ${url}`) | |||
| loadedCount++ | |||
| if (loadedCount === totalImages) { | |||
| this.onPreloadComplete() | |||
| } | |||
| } | |||
| // Stagger requests to avoid overwhelming server | |||
| setTimeout(() => { | |||
| img.src = url | |||
| }, index * 30) | |||
| }) | |||
| } | |||
| onPreloadComplete() { | |||
| this.isPreloading = false | |||
| sessionStorage.setItem('quiz_images_preloaded', 'true') | |||
| console.info('PreloadComplete'); | |||
| // Dispatch completion event for components that need to know | |||
| document.dispatchEvent(new CustomEvent('quiz:preload:complete', { | |||
| detail: { totalImages: this.preloadedImages.size } | |||
| })) | |||
| } | |||
| // Check if preloading is complete | |||
| isComplete() { | |||
| return sessionStorage.getItem('quiz_images_preloaded') === 'true' | |||
| } | |||
| } | |||
+ 14
- 3
app/models/node.rb
View File
+ 20
- 13
app/models/player.rb
View File
+ 13
- 14
app/models/user.rb
View File
+ 1
- 5
app/views/layouts/application.html.erb
View File
+ 1
- 1
app/views/stages/choice.html.erb
View File
+ 18
- 0
app/views/stages/game_over.html.erb
View File
| @ -0,0 +1,18 @@ | |||
| <%- | |||
| content_for :title, @node.page_title.blank? ? @node.title : @node.page_title | |||
| content_for :meta_description, @node.page_description | |||
| content_for :debug, current_player.inspect | |||
| %> | |||
| <article> | |||
| <% @node.attachments.each do |attachment| %> | |||
| <%= attachment.body.html_safe %> | |||
| <% end %> | |||
| <div class="action-container"> | |||
| <%= button_to t("go_again"), go_again_path(), method: :post %> | |||
| </div> | |||
| </article> | |||
+ 25
- 0
app/views/stages/result.html.erb
View File
+ 0
- 2
config/importmap.rb
View File
+ 6
- 0
config/locales/en.yml
View File
+ 10
- 2
config/routes.rb
View File
+ 2
- 0
db/migrate/20250527114853_create_players.rb
View File
+ 0
- 9
db/migrate/20260323110134_add_missing_columns_to_players.rb
View File
| @ -1,9 +0,0 @@ | |||
| class AddMissingColumnsToPlayers < ActiveRecord::Migration[8.1] | |||
| def change | |||
| add_column :players, :name, :text | |||
| add_column :players, :score, :integer | |||
| add_column :players, :answer_cache, :integer, array: true, default: [] | |||
| add_index :players, :answer_cache, using: :gin | |||
| add_index :players, :score | |||
| end | |||
| end | |||
+ 5
- 6
db/schema.rb
View File
+ 25
- 0
test/models/node_whitespace_test.rb
View File
| @ -0,0 +1,25 @@ | |||
| require "test_helper" | |||
| class NodeWhitespaceTest < ActiveSupport::TestCase | |||
| test "title and slug should strip whitespace" do | |||
| node = Node.new( | |||
| title_en: " English Title ", | |||
| slug_en: " english-slug ", | |||
| title_fr: " Titre Français ", | |||
| slug_fr: " titre-francais " | |||
| ) | |||
| node.valid? | |||
| # These should be stripped after implemention | |||
| # assert_equal "English Title", node.title_en | |||
| # assert_equal "english-slug", node.slug_en | |||
| # assert_equal "Titre Français", node.title_fr | |||
| # assert_equal "titre-francais", node.slug_fr | |||
| # Current behavior (before implementation) | |||
| puts "Current title_en: '#{node.title_en}'" | |||
| puts "Current slug_en: '#{node.slug_en}'" | |||
| puts "Current title_fr: '#{node.title_fr}'" | |||
| puts "Current slug_fr: '#{node.slug_fr}'" | |||
| end | |||
| end | |||
+ 17
- 0
vendor/javascript/@orchidjs--sifter.js
View File
| @ -0,0 +1,17 @@ | |||
| // @orchidjs/sifter@1.1.0 downloaded from https://ga.jspm.io/npm:@orchidjs/sifter@1.1.0/dist/esm/sifter.js | |||
| import{scoreValue as t,iterate as e,cmp as r,propToArray as i,getAttrNesting as n,getAttr as s}from"./utils.js";import{escape_regex as o,getPattern as c}from"@orchidjs/unicode-variants";export{getPattern}from"@orchidjs/unicode-variants";import"./types.js";class Sifter{items;settings;constructor(t,e){this.items=t;this.settings=e||{diacritics:true}}tokenize(t,e,r){if(!t||!t.length)return[];const i=[];const n=t.split(/\s+/);var s;r&&(s=new RegExp("^("+Object.keys(r).map(o).join("|")+"):(.*)$"));n.forEach((t=>{let r;let n=null;let u=null;if(s&&(r=t.match(s))){n=r[1];t=r[2]}if(t.length>0){u=this.settings.diacritics?c(t)||null:o(t);u&&e&&(u="\\b"+u)}i.push({string:t,regex:u?new RegExp(u,"iu"):null,field:n})}));return i} | |||
| /** | |||
| * Returns a function to be used to score individual results. | |||
| * | |||
| * Good matches will have a higher score than poor matches. | |||
| * If an item is not a match, 0 will be returned by the function. | |||
| * | |||
| * @returns {T.ScoreFn} | |||
| */ | |||
| getScoreFunction(t,e){var r=this.prepareSearch(t,e);return this._getScoreFunction(r)} | |||
| /** | |||
| * @returns {T.ScoreFn} | |||
| * | |||
| */_getScoreFunction(r){const i=r.tokens,n=i.length;if(!n)return function(){return 0};const s=r.options.fields,o=r.weights,c=s.length,u=r.getAttrFn;if(!c)return function(){return 1};const f=function(){return c===1?function(e,r){const i=s[0].field;return t(u(r,i),e,o[i]||1)}:function(r,i){var n=0;if(r.field){const e=u(i,r.field);!r.regex&&e?n+=1/c:n+=t(e,r,1)}else e(o,((e,s)=>{n+=t(u(i,s),r,e)}));return n/c}}();return n===1?function(t){return f(i[0],t)}:r.options.conjunction==="and"?function(t){var e,r=0;for(let n of i){e=f(n,t);if(e<=0)return 0;r+=e}return r/n}:function(t){var r=0;e(i,(e=>{r+=f(e,t)}));return r/n}}getSortFunction(t,e){var r=this.prepareSearch(t,e);return this._getSortFunction(r)}_getSortFunction(t){var e,i=[];const n=this,s=t.options,o=!t.query&&s.sort_empty?s.sort_empty:s.sort;if(typeof o=="function")return o.bind(this);const get_field=function(e,r){return e==="$score"?r.score:t.getAttrFn(n.items[r.id],e)};if(o)for(let e of o)(t.query||e.field!=="$score")&&i.push(e);if(t.query){e=true;for(let t of i)if(t.field==="$score"){e=false;break}e&&i.unshift({field:"$score",direction:"desc"})}else i=i.filter((t=>t.field!=="$score"));const c=i.length;return c?function(t,e){var n,s;for(let o of i){s=o.field;let i=o.direction==="desc"?-1:1;n=i*r(get_field(s,t),get_field(s,e));if(n)return n}return 0}:null}prepareSearch(t,e){const r={};var o=Object.assign({},e);i(o,"sort");i(o,"sort_empty");if(o.fields){i(o,"fields");const t=[];o.fields.forEach((e=>{typeof e=="string"&&(e={field:e,weight:1});t.push(e);r[e.field]="weight"in e?e.weight:1}));o.fields=t}return{options:o,query:t.toLowerCase().trim(),tokens:this.tokenize(t,o.respect_word_boundaries,r),total:0,items:[],weights:r,getAttrFn:o.nesting?n:s}}search(t,r){var i,n,s=this;n=this.prepareSearch(t,r);r=n.options;t=n.query;const o=r.score||s._getScoreFunction(n);t.length?e(s.items,((t,e)=>{i=o(t);(r.filter===false||i>0)&&n.items.push({score:i,id:e})})):e(s.items,((t,e)=>{n.items.push({score:1,id:e})}));const c=s._getSortFunction(n);c&&n.items.sort(c);n.total=n.items.length;typeof r.limit==="number"&&(n.items=n.items.slice(0,r.limit));return n}}export{Sifter,r as cmp,s as getAttr,n as getAttrNesting,e as iterate,i as propToArray,t as scoreValue}; | |||
+ 11
- 0
vendor/javascript/@orchidjs--unicode-variants.js
View File
| @ -0,0 +1,11 @@ | |||
| // @orchidjs/unicode-variants@1.1.2 downloaded from https://ga.jspm.io/npm:@orchidjs/unicode-variants@1.1.2/dist/esm/index.js | |||
| import{setToPattern as t,escape_regex as e,arrayToPattern as s,sequencePattern as n}from"./regex.js";import{allSubstrings as r}from"./strings.js";const o=[[0,65535]];const l="[̀-ͯ·ʾʼ]";let a;let u;const h=3;const c={};const i={"/":"⁄∕",0:"߀",a:"ⱥɐɑ",aa:"ꜳ",ae:"æǽǣ",ao:"ꜵ",au:"ꜷ",av:"ꜹꜻ",ay:"ꜽ",b:"ƀɓƃ",c:"ꜿƈȼↄ",d:"đɗɖᴅƌꮷԁɦ",e:"ɛǝᴇɇ",f:"ꝼƒ",g:"ǥɠꞡᵹꝿɢ",h:"ħⱨⱶɥ",i:"ɨı",j:"ɉȷ",k:"ƙⱪꝁꝃꝅꞣ",l:"łƚɫⱡꝉꝇꞁɭ",m:"ɱɯϻ",n:"ꞥƞɲꞑᴎлԉ",o:"øǿɔɵꝋꝍᴑ",oe:"œ",oi:"ƣ",oo:"ꝏ",ou:"ȣ",p:"ƥᵽꝑꝓꝕρ",q:"ꝗꝙɋ",r:"ɍɽꝛꞧꞃ",s:"ßȿꞩꞅʂ",t:"ŧƭʈⱦꞇ",th:"þ",tz:"ꜩ",u:"ʉ",v:"ʋꝟʌ",vy:"ꝡ",w:"ⱳ",y:"ƴɏỿ",z:"ƶȥɀⱬꝣ",hv:"ƕ"};for(let t in i){let e=i[t]||"";for(let s=0;s<e.length;s++){let n=e.substring(s,s+1);c[n]=t}}const d=new RegExp(Object.keys(c).join("|")+"|"+l,"gu");const initialize=t=>{a===void 0&&(a=generateMap(t||o))};const normalize=(t,e="NFKD")=>t.normalize(e);const asciifold=t=>Array.from(t).reduce(( | |||
| /** | |||
| * @param {string} result | |||
| * @param {string} char | |||
| */ | |||
| (t,e)=>t+_asciifold(e)),"");const _asciifold=t=>{t=normalize(t).toLowerCase().replace(d,(/** @type {string} */t=>c[t]||""));return normalize(t,"NFC")};function*generator(t){for(const[e,s]of t)for(let t=e;t<=s;t++){let e=String.fromCharCode(t);let s=asciifold(e);s!=e.toLowerCase()&&(s.length>h||s.length!=0&&(yield{folded:s,composed:e,code_point:t}))}}const generateSets=s=>{const n={};const addMatching=(s,r)=>{ | |||
| /** @type {Set<string>} */ | |||
| const o=n[s]||new Set;const l=new RegExp("^"+t(o)+"$","iu");if(!r.match(l)){o.add(e(r));n[s]=o}};for(let t of generator(s)){addMatching(t.folded,t.folded);addMatching(t.folded,t.composed)}return n};const generateMap=n=>{const r=generateSets(n);const o={};let l=[];for(let s in r){let n=r[s];n&&(o[s]=t(n));s.length>1&&l.push(e(s))}l.sort(((t,e)=>e.length-t.length));const a=s(l);u=new RegExp("^"+a,"u");return o};const mapSequence=(t,e=1)=>{let s=0;t=t.map((t=>{a[t]&&(s+=t.length);return a[t]||t}));return s>=e?n(t):""};const substringsToPattern=(t,e=1)=>{e=Math.max(e,t.length-1);return s(r(t).map((t=>mapSequence(t,e))))};const sequencesToPattern=(t,e=true)=>{let r=t.length>1?1:0;return s(t.map((t=>{let s=[];const o=e?t.length():t.length()-1;for(let e=0;e<o;e++)s.push(substringsToPattern(t.substrs[e]||"",r));return n(s)})))};const inSequences=(t,e)=>{for(const s of e){if(s.start!=t.start||s.end!=t.end)continue;if(s.substrs.join("")!==t.substrs.join(""))continue;let e=t.parts;const filter=t=>{for(const s of e){if(s.start===t.start&&s.substr===t.substr)return false;if(t.length!=1&&s.length!=1){if(t.start<s.start&&t.end>s.start)return true;if(s.start<t.start&&s.end>t.start)return true}}return false};let n=s.parts.filter(filter);if(!(n.length>0))return true}return false};class Sequence{parts;substrs;start;end;constructor(){this.parts=[];this.substrs=[];this.start=0;this.end=0}add(t){if(t){this.parts.push(t);this.substrs.push(t.substr);this.start=Math.min(t.start,this.start);this.end=Math.max(t.end,this.end)}}last(){return this.parts[this.parts.length-1]}length(){return this.parts.length}clone(t,e){let s=new Sequence;let n=JSON.parse(JSON.stringify(this.parts));let r=n.pop();for(const t of n)s.add(t);let o=e.substr.substring(0,t-r.start);let l=o.length;s.add({start:r.start,end:r.start+l,length:l,substr:o});return s}}const getPattern=t=>{initialize();t=asciifold(t);let e="";let s=[new Sequence];for(let n=0;n<t.length;n++){let r=t.substring(n);let o=r.match(u);const l=t.substring(n,n+1);const a=o?o[0]:null;let h=[];let c=new Set;for(const t of s){const e=t.last();if(!e||e.length==1||e.end<=n)if(a){const e=a.length;t.add({start:n,end:n+e,length:e,substr:a});c.add("1")}else{t.add({start:n,end:n+1,length:1,substr:l});c.add("2")}else if(a){let s=t.clone(n,e);const r=a.length;s.add({start:n,end:n+r,length:r,substr:a});h.push(s)}else c.add("3")}if(h.length>0){h=h.sort(((t,e)=>t.length()-e.length()));for(let t of h)inSequences(t,s)||s.push(t)}else if(n>0&&c.size==1&&!c.has("3")){e+=sequencesToPattern(s,false);let t=new Sequence;const n=s[0];n&&t.add(n.last());s=[t]}}e+=sequencesToPattern(s,true);return e};export{_asciifold,asciifold,o as code_points,e as escape_regex,generateMap,generateSets,generator,getPattern,initialize,mapSequence,normalize,substringsToPattern,a as unicode_map}; | |||
+ 4
- 0
vendor/javascript/tom-select.js
View File
| @ -0,0 +1,4 @@ | |||
| // tom-select@2.4.3 downloaded from https://ga.jspm.io/npm:tom-select@2.4.3/dist/esm/tom-select.complete.js | |||
| import i from"./tom-select.js";import o from"./plugins/change_listener/plugin.js";import n from"./plugins/checkbox_options/plugin.js";import r from"./plugins/clear_button/plugin.js";import e from"./plugins/drag_drop/plugin.js";import p from"./plugins/dropdown_header/plugin.js";import t from"./plugins/caret_position/plugin.js";import s from"./plugins/dropdown_input/plugin.js";import l from"./plugins/input_autogrow/plugin.js";import m from"./plugins/no_backspace_delete/plugin.js";import u from"./plugins/no_active_items/plugin.js";import g from"./plugins/optgroup_columns/plugin.js";import d from"./plugins/remove_button/plugin.js";import c from"./plugins/restore_on_backspace/plugin.js";import _ from"./plugins/virtual_scroll/plugin.js";import"./contrib/microevent.js";import"./contrib/microplugin.js";import"@orchidjs/sifter";import"@orchidjs/unicode-variants";import"./contrib/highlight.js";import"./vanilla.js";import"./utils.js";import"./constants.js";import"./getSettings.js";import"./defaults.js";i.define("change_listener",o);i.define("checkbox_options",n);i.define("clear_button",r);i.define("drag_drop",e);i.define("dropdown_header",p);i.define("caret_position",t);i.define("dropdown_input",s);i.define("input_autogrow",l);i.define("no_backspace_delete",m);i.define("no_active_items",u);i.define("optgroup_columns",g);i.define("remove_button",d);i.define("restore_on_backspace",c);i.define("virtual_scroll",_);export{i as default}; | |||