@vue-skuilder/platform-ui 0.2.21 → 0.2.22

package/dist/assets/common-ui.es-TM4oEU1b.js

@@ -1 +0,0 @@
-import"./vue.runtime.esm-bundler-C3q8JS9f.js";import"./common-ui.es-ChjTd0d0.js";import"./dist-leWgtXBf.js";import{T as e,m as t}from"./MarkdownRenderer-kStoDRNE-CwICngq1.js";import"./dist-C_sASyZw.js";export{e as MarkdownRenderer,t as piniaPlugin};

package/dist/assets/dist-BphpLV0p.js

@@ -1,18 +0,0 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/chess-Lfm7Fsvs-CWz202O1.js","assets/dist-leWgtXBf.js","assets/chunk-D6hFPZc3.js","assets/common-ui.es-ChjTd0d0.js","assets/dist-C_sASyZw.js","assets/vue.runtime.esm-bundler-C3q8JS9f.js","assets/MarkdownRenderer-kStoDRNE-CwICngq1.js","assets/common-ui-BY2Ut5jf.css","assets/CourseWare-BTFRjgBR-BZ8obQWc.js","assets/CourseWare-BTFRjgBR-D750E7i0.css","assets/chess-E2uOAyQS-BQ0OF-jj.js","assets/chess-E2uOAyQS-DB7z_kWx.css","assets/french-evUMlbbq-Dw4_mkFh.js","assets/french-Dk7YG8Td-Bx6fB9mf.js","assets/math-DYni7rRl-DfMt7wCc.js","assets/math-B4HbgYf6-DLPeYhSf.js","assets/math-B4HbgYf6-CZyvKZtp.css","assets/piano-BN5Btq91-BdgWiNs_.js","assets/piano-DF1g6yaX-SjAf5oVr.js","assets/piano-DF1g6yaX-BLvDAgl1.css","assets/pitch-Dn0iNqiS-D0VDPciM.js","assets/pitch-CgGJFkZ1-DdLlbgje.js","assets/sightsing-CJX3k0Fd-DRgeFLpp.js","assets/sightsing-BFQ7HRig-D6-76KaZ.js","assets/sightsing-BFQ7HRig-DkUGf5Yf.css","assets/typing-k-ojjO7G-D-WEC99L.js","assets/typing-BevtfWlp-CUr9pIwh.js","assets/typing-BevtfWlp-B7ZMUAQJ.css","assets/word-work-Dd6tIKrt-vD65KuAh.js","assets/word-work-BOnRlZgd-B7QQfrf_.js"])))=>i.map(i=>d[i]);
-import"./chunk-D6hFPZc3.js";import{$ as e,C as t,H as n,K as r,S as i,T as a,Vt as o,W as s,Z as c,_ as l,at as u,b as d,f,g as p,lt as m,v as h,y as g,z as _}from"./vue.runtime.esm-bundler-C3q8JS9f.js";import{U as v,y}from"./common-ui.es-ChjTd0d0.js";import{C as b,T as x,y as S}from"./dist-leWgtXBf.js";import{B as C}from"./dist-C_sASyZw.js";import{n as w,r as T,t as E,u as D}from"./CourseWare-BTFRjgBR-BZ8obQWc.js";import{r as O}from"./piano-DF1g6yaX-SjAf5oVr.js";var k=new w(`default`,[T]),A=a({name:`PianoRangeVisualizer`,props:{lowestNote:{type:Number,required:!0},highestNote:{type:Number,required:!0},maxWidth:{type:Number,default:1e3}},setup(e){let t=m(null),n=m(800),r=p(()=>{let e=0;for(let t=21;t<=108;t++)isWhiteKey(t)&&e++;return e}),i=p(()=>Math.min(22,n.value/Math.max(25,r.value))),a=p(()=>i.value*.6),o=p(()=>Math.min(e.maxWidth,i.value*r.value+10)),isWhiteKey=e=>{let t=e%12;return[0,2,4,5,7,9,11].includes(t)},getKeyPosition=e=>{let t=0;for(let n=21;n<e;n++)isWhiteKey(n)&&t++;return isWhiteKey(e)?t*i.value:t*i.value-a.value/2},getNoteLabel=e=>{let t=[`C`,`C#`,`D`,`D#`,`E`,`F`,`F#`,`G`,`G#`,`A`,`A#`,`B`],n=e%12,r=Math.floor(e/12)-1;return`${t[n]}${r}`};return _(()=>{t.value&&(n.value=t.value.clientWidth,new ResizeObserver(e=>{for(let t of e)n.value=t.contentRect.width}).observe(t.value))}),{pianoWrapper:t,keyHeight:100,blackKeyHeight:60,whiteKeyWidth:i,blackKeyWidth:a,svgWidth:o,isWhiteKey,getKeyPosition,getNoteLabel}}}),j={class:`piano-range-container`},M={class:`piano-wrapper`,ref:`pianoWrapper`},N=[`width`,`height`],P={class:`background-keys`,opacity:`0.15`},F=[`x`,`width`,`height`],I=[`x`,`width`,`height`],L={class:`selected-range`},R=[`x`,`width`,`height`],z=[`x`,`width`,`height`],B={class:`range-markers`},V=[`x`,`height`],H=[`x`,`height`],U=[`x`,`y`],W=[`x`,`y`];function _sfc_render$1(e,t,r,i,a,c){return n(),d(`div`,j,[l(`div`,M,[(n(),d(`svg`,{width:e.svgWidth,height:e.keyHeight+20,class:`piano-svg`},[l(`g`,P,[(n(),d(f,null,s(88,t=>(n(),d(f,{key:`bg-${t}`},[e.isWhiteKey(t+20)?(n(),d(`rect`,{key:0,x:e.getKeyPosition(t+20),y:`0`,width:e.whiteKeyWidth,height:e.keyHeight,class:`white-key`,stroke:`#999`,"stroke-width":`1`},null,8,F)):g(``,!0)],64))),64)),(n(),d(f,null,s(88,t=>(n(),d(f,{key:`bg-black-${t}`},[e.isWhiteKey(t+20)?g(``,!0):(n(),d(`rect`,{key:0,x:e.getKeyPosition(t+20),y:`0`,width:e.blackKeyWidth,height:e.blackKeyHeight,class:`black-key`},null,8,I))],64))),64))]),l(`g`,L,[(n(),d(f,null,s(128,t=>(n(),d(f,{key:`white-${t}`},[e.isWhiteKey(t)&&t>=e.lowestNote&&t<=e.highestNote?(n(),d(`rect`,{key:0,x:e.getKeyPosition(t),y:`0`,width:e.whiteKeyWidth,height:e.keyHeight,class:`white-key active`,stroke:`#666`,"stroke-width":`1`},null,8,R)):g(``,!0)],64))),64)),(n(),d(f,null,s(128,t=>(n(),d(f,{key:`black-${t}`},[!e.isWhiteKey(t)&&t>=e.lowestNote&&t<=e.highestNote?(n(),d(`rect`,{key:0,x:e.getKeyPosition(t),y:`0`,width:e.blackKeyWidth,height:e.blackKeyHeight,class:`black-key active`},null,8,z)):g(``,!0)],64))),64))]),l(`g`,B,[l(`rect`,{x:e.getKeyPosition(e.lowestNote)-2,y:`0`,width:4,height:e.keyHeight+5,class:`range-marker start`},null,8,V),l(`rect`,{x:e.getKeyPosition(e.highestNote)+e.whiteKeyWidth-2,y:`0`,width:4,height:e.keyHeight+5,class:`range-marker end`},null,8,H)]),l(`text`,{x:e.getKeyPosition(e.lowestNote)+3,y:e.keyHeight+12,class:`note-label`},o(e.getNoteLabel(e.lowestNote)),9,U),l(`text`,{x:e.getKeyPosition(e.highestNote)+e.whiteKeyWidth-3,y:e.keyHeight+12,"text-anchor":`end`,class:`note-label`},o(e.getNoteLabel(e.highestNote)),9,W)],8,N))],512)])}D(_sfc_render$1,`_sfc_render`);var G=a({name:`MidiConfig`,components:{PianoRangeVisualizer:E(A,[[`render`,_sfc_render$1],[`__scopeId`,`data-v-4b232a8b`]])},props:{_id:{type:String,required:!0},user:{type:Object,required:!0}},setup(e){let t=m(),n=m(!0),r=m([]),i=m([]),a=m(``),o=m(``),s=m(!1),l=m(``),u=m(``),d=m(!1),f=m(`full-88`),p=m(21),h=m(108),g=m(``),v=m(0),b=m(0),S=m([]),initNoteOptions=()=>{let e=[`C`,`C#`,`D`,`D#`,`E`,`F`,`F#`,`G`,`G#`,`A`,`A#`,`B`],t=[];for(let n=0;n<=127;n++){let r=Math.floor(n/12)-1,i=e[n%12];t.push({title:`${i}${r} (${n})`,value:n})}S.value=t},w=m([{title:`Full 88-key Piano (A0-C8)`,value:`full-88`},{title:`76-key Keyboard (E1-G7)`,value:`76-key`},{title:`61-key Keyboard (C2-C7)`,value:`61-key`},{title:`49-key Keyboard (C3-C7)`,value:`49-key`},{title:`37-key Keyboard (C3-C6)`,value:`37-key`},{title:`25-key Keyboard (C4-C6)`,value:`25-key`},{title:`Custom Range`,value:`custom`}]),checkConfigChanged=()=>{d.value=a.value!==l.value||o.value!==u.value||f.value!==g.value||f.value===`custom`&&(p.value!==v.value||h.value!==b.value)},updateCustomRangeFromPreset=()=>{switch(f.value){case`full-88`:p.value=21,h.value=108;break;case`76-key`:p.value=28,h.value=103;break;case`61-key`:p.value=36,h.value=96;break;case`49-key`:p.value=48,h.value=96;break;case`37-key`:p.value=48,h.value=84;break;case`25-key`:p.value=60,h.value=84;break}checkConfigChanged()},updateRangeAndCheckChanges=()=>{p.value>=h.value&&(h.value=p.value+12),checkConfigChanged()},playSound=()=>{t.value?.play([{note:{number:64,name:`E`,octave:4},type:`noteon`,velocity:.4251968503937008,timestamp:0},{note:{number:64,name:`E`,octave:4},velocity:.3779527559055118,type:`noteoff`,timestamp:511.90500000002794},{note:{number:60,name:`C`,octave:4},type:`noteon`,velocity:.5275590551181102,timestamp:535.8800000001211},{note:{number:60,name:`C`,octave:4},velocity:.33858267716535434,type:`noteoff`,timestamp:674.9899999999907},{note:{number:60,name:`C`,octave:4},type:`noteon`,velocity:.5590551181102362,timestamp:1070.8800000000047},{note:{number:60,name:`C`,octave:4},velocity:.3464566929133858,type:`noteoff`,timestamp:1214.8999999999069},{note:{number:64,name:`E`,octave:4},type:`noteon`,velocity:.5118110236220472,timestamp:1424.9400000000605},{note:{number:64,name:`E`,octave:4},velocity:.2755905511811024,type:`noteoff`,timestamp:1576.9150000000373},{note:{number:62,name:`D`,octave:4},type:`noteon`,velocity:.3937007874015748,timestamp:1756.9149999999208},{note:{number:62,name:`D`,octave:4},velocity:.36220472440944884,type:`noteoff`,timestamp:1926.9899999998743},{note:{number:60,name:`C`,octave:4},type:`noteon`,velocity:.5196850393700787,timestamp:1970.9600000000792},{note:{number:60,name:`C`,octave:4},velocity:.36220472440944884,type:`noteoff`,timestamp:2126.009999999893},{note:{number:60,name:`C`,octave:4},type:`noteon`,velocity:.5984251968503937,timestamp:2502.0050000000047},{note:{number:60,name:`C`,octave:4},velocity:.3858267716535433,type:`noteoff`,timestamp:2853.920000000042},{note:{number:67,name:`G`,octave:4},type:`noteon`,velocity:.6850393700787402,timestamp:2875.8649999999907},{note:{number:67,name:`G`,octave:4},velocity:.6377952755905512,type:`noteoff`,timestamp:4497.004999999888}])},indicateHeardNotes=e=>{y({text:`I hear a ${e.note.name}!`,status:x.ok})};c(a,()=>{t.value?.selectInput(a.value),checkConfigChanged()}),c(o,()=>{t.value?.selectOutput(o.value),checkConfigChanged()});let retrieveSettings=async()=>{let t=await(await e.user.getCourseInterface(e._id)).getCourseSettings();if(t?.midiinput){let e=t.midiinput.toString();r.value.some(t=>t.value===e)&&(a.value=e,l.value=e)}if(t?.midioutput){let e=t.midioutput.toString();i.value.some(t=>t.value===e)&&(o.value=e,u.value=e)}t?.keyboardRange&&(g.value=t.keyboardRange.toString(),f.value=g.value),t?.lowestNote&&(v.value=parseInt(t.lowestNote.toString()),p.value=v.value),t?.highestNote&&(b.value=parseInt(t.highestNote.toString()),h.value=b.value),t?.lowestNote&&t?.highestNote&&!t?.keyboardRange&&(f.value=`custom`),d.value=!1},saveSettings=async()=>{s.value=!0,(await C().getUserDB().getCourseInterface(e._id)).updateCourseSettings([{key:`midiinput`,value:a.value},{key:`midioutput`,value:o.value},{key:`keyboardRange`,value:f.value},{key:`lowestNote`,value:p.value},{key:`highestNote`,value:h.value}]),l.value=a.value,u.value=o.value,g.value=f.value,v.value=p.value,b.value=h.value,d.value=!1,s.value=!1,y({text:`Settings updated.`,status:x.ok})};return _(async()=>{initNoteOptions();try{t.value=await O.instance(),n.value=t.value.state===`ready`||t.value.state===`nodevice`}catch(e){console.log(`Error on midi Init: ${e}`),n.value=!1}n.value&&(t.value?.addNoteonListenter(indicateHeardNotes),t.value?(r.value=t.value.inputs.filter(e=>e.state===`connected`).map(e=>({title:`${e.manufacturer}: ${e.name}`,value:e.id})),i.value=t.value?.outputs.filter(e=>e.state===`connected`).map(e=>({title:`${e.manufacturer}: ${e.name}`,value:e.id}))):(r.value=[{title:`No inputs available`,value:``}],i.value=[{title:`No outputs available`,value:``}]),await retrieveSettings(),!a.value&&r.value.length>0&&(a.value=r.value[0].value),!o.value&&i.value.length>0&&(o.value=i.value[0].value))}),{midiSupported:n,inputs:r,outputs:i,selectedInput:a,selectedOutput:o,updatePending:s,playSound,saveSettings,configChanged:d,lowestNote:p,highestNote:h,keyboardRangeOptions:w,selectedKeyboardRange:f,noteOptions:S,updateCustomRangeFromPreset,updateRangeAndCheckChanges}}}),K={key:0,class:`custom-range-inputs d-flex gap-4`},q={class:`d-flex justify-space-between mt-3`},J={key:1};function _sfc_render(a,o,s,c,u,f){let p=r(`v-toolbar-title`),m=r(`v-toolbar`),_=r(`v-select`),v=r(`v-divider`),y=r(`piano-range-visualizer`),b=r(`v-btn`),x=r(`v-form`),S=r(`v-card-text`),C=r(`v-card`);return n(),h(C,null,{default:e(()=>[t(m,{dense:``},{default:e(()=>[t(p,null,{default:e(()=>o[5]||(o[5]=[i(`Configure Midi Device`)])),_:1})]),_:1}),t(S,null,{default:e(()=>[a.midiSupported?(n(),h(x,{key:0,onsubmit:`return false;`},{default:e(()=>[t(_,{modelValue:a.selectedInput,"onUpdate:modelValue":o[0]||(o[0]=e=>a.selectedInput=e),items:a.inputs,label:`Select Input`,hint:`Play some notes on your input device to test the connection`},null,8,[`modelValue`,`items`]),t(_,{modelValue:a.selectedOutput,"onUpdate:modelValue":o[1]||(o[1]=e=>a.selectedOutput=e),items:a.outputs,label:`Select Output`},null,8,[`modelValue`,`items`]),t(v,{class:`my-4`}),o[8]||(o[8]=l(`h3`,{class:`text-subtitle-1 mb-2`},`Keyboard Range`,-1)),t(_,{modelValue:a.selectedKeyboardRange,"onUpdate:modelValue":[o[2]||(o[2]=e=>a.selectedKeyboardRange=e),a.updateCustomRangeFromPreset],items:a.keyboardRangeOptions,label:`Select Keyboard Range`},null,8,[`modelValue`,`items`,`onUpdate:modelValue`]),a.selectedKeyboardRange===`custom`?(n(),d(`div`,K,[t(_,{modelValue:a.lowestNote,"onUpdate:modelValue":[o[3]||(o[3]=e=>a.lowestNote=e),a.updateRangeAndCheckChanges],items:a.noteOptions,label:`Lowest Note`},null,8,[`modelValue`,`items`,`onUpdate:modelValue`]),t(_,{modelValue:a.highestNote,"onUpdate:modelValue":[o[4]||(o[4]=e=>a.highestNote=e),a.updateRangeAndCheckChanges],items:a.noteOptions,label:`Highest Note`},null,8,[`modelValue`,`items`,`onUpdate:modelValue`])])):g(``,!0),t(y,{"lowest-note":a.lowestNote,"highest-note":a.highestNote},null,8,[`lowest-note`,`highest-note`]),l(`div`,q,[t(b,{color:`primary`,onClick:a.playSound},{default:e(()=>o[6]||(o[6]=[i(`Test midi output`)])),_:1},8,[`onClick`]),t(b,{loading:a.updatePending,disabled:!a.configChanged&&!a.updatePending,color:`info`,class:`save-button`,onClick:a.saveSettings},{default:e(()=>o[7]||(o[7]=[i(` Save these settings `)])),_:1},8,[`loading`,`disabled`,`onClick`])])]),_:1})):(n(),d(`div`,J,o[9]||(o[9]=[l(`p`,null,`This quilt requires a midi input device, which is not supported by this browser.`,-1),l(`div`,null,[l(`p`,null,`Try one of the following browsers:`),l(`ul`,null,[l(`li`,null,[l(`a`,{href:`https://www.google.com/chrome/`},`Google Chrome`)]),l(`li`,null,[l(`a`,{href:`https://www.microsoft.com/edge`},`Microsoft Edge`)]),l(`li`,null,[l(`a`,{href:`https://brave.com/`},`Brave`)])])],-1)])))]),_:1})]),_:1})}var Y=E(G,[[`render`,_sfc_render],[`__scopeId`,`data-v-6ee9020f`]]);async function loadSubcourse(e){let t;switch(e){case`chess`:t=await v(()=>import(`./chess-Lfm7Fsvs-CWz202O1.js`),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11]));break;case`french`:t=await v(()=>import(`./french-evUMlbbq-Dw4_mkFh.js`),__vite__mapDeps([12,1,2,3,4,5,6,7,8,9,13]));break;case`math`:t=await v(()=>import(`./math-DYni7rRl-DfMt7wCc.js`),__vite__mapDeps([14,1,2,3,4,5,6,7,8,9,15,16]));break;case`piano`:t=await v(()=>import(`./piano-BN5Btq91-BdgWiNs_.js`),__vite__mapDeps([17,1,2,3,4,5,6,7,8,9,18,19]));break;case`pitch`:t=await v(()=>import(`./pitch-Dn0iNqiS-D0VDPciM.js`),__vite__mapDeps([20,1,2,3,4,5,6,7,8,9,21]));break;case`sightSing`:t=await v(()=>import(`./sightsing-CJX3k0Fd-DRgeFLpp.js`),__vite__mapDeps([22,1,2,3,4,5,6,7,8,9,23,24]));break;case`typing`:t=await v(()=>import(`./typing-k-ojjO7G-D-WEC99L.js`),__vite__mapDeps([25,1,2,3,4,5,6,7,8,9,26,27]));break;case`wordWork`:t=await v(()=>import(`./word-work-Dd6tIKrt-vD65KuAh.js`),__vite__mapDeps([28,1,2,3,4,5,6,7,8,9,29]));break}let n=t.default;return X.courses.find(e=>e.name===n.name)||X.courses.push(n),n}async function loadAllSubcourses(){await Promise.all([`chess`,`french`,`math`,`piano`,`pitch`,`sightSing`,`typing`,`wordWork`].map(e=>loadSubcourse(e)))}var AllCourseWare=class{get courses(){return this.courseWareList}constructor(e){S(this,`courseWareList`,void 0),S(this,`cachedRawViews`,null),this.courseWareList=e}getCourseWare(e){return this.courseWareList.find(t=>t.name===e)}allViewsRaw(){if(!this.cachedRawViews){let e=this.allViews();this.cachedRawViews=Object.fromEntries(Object.entries(e).map(([e,t])=>[e,u(t)]))}return this.cachedRawViews}allViews(){let e={};return this.courseWareList.forEach(t=>{Object.assign(e,t.allViewsMap)}),e}getView(e){let t;t=typeof e==`string`?b.getViewDescriptor(e):e;let n=this.getCourseWare(t.course);if(n){let e=n.getQuestion(t.questionType);if(e){let r=e.views.find(e=>e.name===t.view);if(r)return r;throw console.error(`QuestionView ${t.view} not found in course ${t.course}
-
-            descriptor: ${JSON.stringify(t)}
-
-            course: ${n.name}
-            question: ${e.name}
-            views: ${e.views.map(e=>e.name).join(`, `)}
-            `),Error(`view ${t.view} does not exist.`)}else throw console.error(`Question ${t.questionType} not found in course ${t.course}
-
-          descriptor: ${JSON.stringify(t)}
-
-          course: ${n.name}
-          questions: ${n.questions.map(e=>e.name).join(`, `)}
-          `),Error(`question ${t.questionType} does not exist.`)}else throw console.error(`Course ${t.course} not found.
-
-        descriptor: ${JSON.stringify(t)}`),Error(`course ${t.course} does not exist.`)}toString(){let e=``;return this.courses.forEach(t=>{e+=`Course: ${t.name}\n`,t.questions.forEach(t=>{e+=`  Question: ${t.name}\n`,t.views.forEach(t=>{e+=`    View: ${t.name}\n`})})}),e}allDataShapesRaw(){let e=[];return this.courseWareList.forEach(t=>{t.questions.forEach(t=>{t.dataShapes.forEach(t=>{e.includes(t)||e.push(t)})})}),e}allDataShapes(){let e=[];return this.courseWareList.forEach(t=>{t.questions.forEach(n=>{n.dataShapes.forEach(r=>{e.findIndex(e=>e.course===t.name&&e.dataShape===r.name)===-1&&e.push({course:t.name,dataShape:r.name,displayable:n})})})}),e}getDataShape(e){let t;if(this.getCourseWare(e.course).questions.forEach(n=>{n.dataShapes.forEach(n=>{n.name===e.dataShape&&(t=n)})}),t)return t;throw Error(`DataShape ${b.getDataShapeString(e)} not found`)}},X=new AllCourseWare([]);export{loadAllSubcourses as a,Y as i,AllCourseWare as n,loadSubcourse as o,k as r,X as t};
-//# sourceMappingURL=dist-BphpLV0p.js.map