chore(general): allow empty model initialization

packages/calculator/README.md

@@ -0,0 +1 @@
+# @pie-element/calculator

packages/calculator/configure/src/defaults.js

@@ -0,0 +1,3 @@
+export default {
+  mode: 'basic',
+};

packages/calculator/configure/src/index.js

@@ -3,14 +3,21 @@ import ReactDOM from 'react-dom';
 import Main from './main';
 import { ModelUpdatedEvent } from '@pie-framework/pie-configure-events';
 
-export default class extends HTMLElement {
+import defaults from './defaults';
+
+export default class Calculator extends HTMLElement {
+  static prepareModelObject = (model = {}) => ({
+    ...defaults,
+    ...model,
+  });
+
   constructor() {
     super();
     this.onModelChanged = this.onModelChanged.bind(this);
   }
 
   set model(s) {
-    this._model = s;
+    this._model = Calculator.prepareModelObject(s);
     this._render();
   }
 

packages/categorize/configure/src/defaults.js

@@ -0,0 +1,53 @@
+export default {
+  choices: [
+    {
+      id: '0',
+      content: '<span mathjax="" data-latex="">420\\text{ cm}=4.2\\text{ meters}</span>'
+    },
+    {
+      id: '1',
+      content: '<span mathjax="" data-latex="" data-raw="3.4\\text{ kg}=350\\text{ g}">3.4\\text{ kg}=340\\text{ g}</span>'
+    },
+  ],
+  categories: [
+    {
+      id: '0',
+      label: 'Equivalent',
+      choices: [
+        {
+          id: '0',
+          content: '<span mathjax="" data-latex="">420\\text{ cm}=4.2\\text{ meters}</span>'
+        },
+      ]
+    },
+    {
+      id: '1',
+      label: '<b>NOT </b>equivalent',
+      choices: [
+        {
+          id: '1',
+          content: '<span mathjax="" data-latex="">3.4\\text{ kg}=340\\text{ g}</span>'
+        },
+      ]
+    }
+  ],
+  correctResponse: [
+    {
+      category: '0',
+      choices: ['0']
+    },
+    {
+      category: '1',
+      choices: ['1']
+    }
+  ],
+  config: {
+    choices: {
+      columns: 2,
+      position: 'below',
+    },
+    categories: {
+      columns: 2
+    }
+  }
+};

packages/categorize/configure/src/index.js

@@ -7,9 +7,16 @@ import {
   InsertImageEvent
 } from '@pie-framework/pie-configure-events';
 
+import defaults from './defaults';
+
 export default class CategorizeConfigure extends HTMLElement {
+  static prepareModelObject = (model = {}) => ({
+    ...defaults,
+    ...model,
+  });
+
   set model(m) {
-    this._model = m;
+    this._model = CategorizeConfigure.prepareModelObject(m);
     this.render();
   }
 

packages/categorize/controller/src/defaults.js

@@ -0,0 +1,31 @@
+export default {
+  choices: [
+    {
+      id: '0',
+      content: '420 cm = 4.2 meters'
+    },
+    {
+      id: '1',
+      content: '3.4 kg = 340 g'
+    },
+  ],
+  categories: [
+    {
+      id: '0',
+      label: 'Equivalent',
+    },
+    {
+      id: '1',
+      label: '<b>NOT </b>equivalent',
+    }
+  ],
+  config: {
+    choices: {
+      columns: 2,
+      position: 'below',
+    },
+    categories: {
+      columns: 2
+    }
+  }
+};

packages/categorize/controller/src/index.js

@@ -1,5 +1,6 @@
 import { buildState, score } from '@pie-lib/categorize';
 import { getFeedbackForCorrectness } from '@pie-lib/feedback';
+import defaults from './defaults';
 import debug from 'debug';
 const log = debug('@pie-element:categorize:controller');
 
@@ -33,6 +34,14 @@ export const getCorrectness = (question, session, env) => {
   });
 };
 
+export const createConfigModel = (model = {}) =>
+  new Promise(resolve => {
+    resolve({
+      ...defaults,
+      ...model,
+    })
+  });
+
 export const model = (question, session, env) =>
   new Promise(resolve => {
     const correctPromise = getCorrectness(question, session, env);

packages/extended-text-entry/configure/src/defaults.js

@@ -0,0 +1,5 @@
+export default {
+  feedback: {type: 'default', default: 'this is default feedback'},
+  prompt: 'This is the question prompt',
+  width: '500px',
+};

packages/extended-text-entry/configure/src/index.js

@@ -3,16 +3,23 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import Root from './root';
 
+import defaults from './defaults';
+
 const csToUi = cs => {};
 /**
  *
  * @param
  * {"{"width":"200px","height":"100px","disabled":true,"mode":"evaluate","feedback":{"type":"default","default":"Your answer has been submitted","customFeedback":"<div>Thank you very much</div>"},"id":"1","element":"extended-text-entry","value":"<div>asrt</div>","mathEnabled":false}"} ui
  */
 const uiToCs = ui => {};
-export default class extends HTMLElement {
+export default class ExtendedTextEntry extends HTMLElement {
+  static prepareModelObject = (model = {}) => ({
+    ...defaults,
+    ...model,
+  });
+
   set model(m) {
-    this._model = m;
+    this._model = ExtendedTextEntry.prepareModelObject(m);
     this.render();
   }
 

packages/extended-text-entry/controller/src/defaults.js

@@ -0,0 +1,4 @@
+export default {
+  prompt: '<div>This is the question prompt</div>',
+  width: '500px',
+};

packages/extended-text-entry/controller/src/index.js

@@ -2,6 +2,17 @@ import debug from 'debug';
 const log = debug('@pie-element:extended-text-entry:controller');
 import { getFeedback } from '@pie-lib/feedback';
 
+import defaults from './defaults';
+
+export async function createConfigModel(model = {}) {
+  log('[createConfigModel]', model);
+
+  return {
+    ...defaults,
+    ...model,
+  };
+}
+
 export async function model(model, session, env) {
   log('[model]', model);
 

packages/function-entry/configure/src/defaults.js

@@ -0,0 +1,4 @@
+export default {
+  equation: '3x+2',
+  showFormattingHelp: true,
+};

packages/function-entry/configure/src/index.js

@@ -4,16 +4,22 @@ import Configure from './configure';
 import { ModelUpdatedEvent } from '@pie-framework/pie-configure-events';
 import debug from 'debug';
 
+import defaults from './defaults';
+
 const log = debug('pie-elements:function-entry:configure');
 
 export default class FunctionEntryConfigure extends HTMLElement {
+  static prepareModelObject = (model = {}) => ({
+    ...defaults,
+    ...model,
+  });
 
   constructor() {
     super();
   }
 
   set model(m) {
-    this._model = m;
+    this._model = FunctionEntryConfigure.prepareModelObject(m);
     this._render();
   }
 

packages/function-entry/controller/src/defaults.js

@@ -0,0 +1,4 @@
+export default {
+  equation: '3x+2',
+  showFormattingHelp: true,
+};

packages/function-entry/controller/src/index.js

@@ -2,6 +2,8 @@ import debug from 'debug';
 import mathjs from 'mathjs';
 import { getFeedbackForCorrectness } from '@pie-lib/feedback';
 
+import defaults from './defaults';
+
 const log = debug('@pie-element:function-entry:controller');
 
 const process = v => mathjs.simplify(v ? v.trim() : '');
@@ -14,6 +16,15 @@ const isResponseCorrect = (correctResponse, value) => {
   return processedValue.equals(cr);
 };
 
+export function createConfigModel(model = {}) {
+  return new Promise(resolve => {
+    resolve({
+      ...defaults,
+      ...model,
+    });
+  });
+}
+
 export function model(question, session, env) {
   return new Promise(resolve => {
     const { showFormattingHelp, equation, feedback } = question;

packages/inline-choice/configure/src/defaults.js

@@ -0,0 +1,24 @@
+export default {
+  choices: [
+    {
+      correct: true,
+      value: 'sweden',
+      label: 'Sweden'
+    },
+    {
+      value: 'iceland',
+      label: 'Iceland',
+      feedback: {
+        type: 'default'
+      }
+    },
+    {
+      value: 'finland',
+      label: 'Finland',
+      feedback: {
+        type: 'custom',
+        value: 'Nokia was founded in Finland.'
+      }
+    }
+  ]
+};

packages/inline-choice/configure/src/index.js

@@ -5,14 +5,23 @@ import ReactDOM from 'react-dom';
 import Root from './root';
 import { choiceUtils as utils } from '@pie-lib/config-ui';
 
-export default class extends HTMLElement {
+import defaults from './defaults';
+
+export default class InlineChoice extends HTMLElement {
+  static prepareModelObject = (model = {}) => ({
+    ...defaults,
+    ...model,
+  });
+
   constructor() {
     super();
     this.onModelChanged = this.onModelChanged.bind(this);
   }
 
   set model(s) {
-    this._model = utils.normalizeChoices(s);
+    const modelParsed = InlineChoice.prepareModelObject(s);
+
+    this._model = utils.normalizeChoices(modelParsed);
     this._render();
   }
 

packages/inline-choice/controller/src/defaults.js

@@ -0,0 +1,16 @@
+export default {
+  choices: [
+    {
+      value: 'sweden',
+      label: 'Sweden'
+    },
+    {
+      value: 'iceland',
+      label: 'Iceland',
+    },
+    {
+      value: 'finland',
+      label: 'Finland',
+    }
+  ]
+};

packages/inline-choice/controller/src/index.js

@@ -1,9 +1,20 @@
 import debug from 'debug';
 
+import defaults from './defaults';
+
 const log = debug('pie-element:inline-choice:controller');
 
 /** build a ui model to work with @pie-ui/inline-choice */
 
+export function createConfigModel(model = {}) {
+  return new Promise(resolve => {
+    resolve({
+      ...defaults,
+      ...model
+    });
+  });
+}
+
 export function model(question, session, env) {
   return new Promise(resolve => {
     const getResult = () => {

packages/match/configure/src/defaults.js

@@ -0,0 +1,17 @@
+export default {
+  rows: [
+    {
+      id: 1,
+      title: 'Question Text 1',
+      values: [false, false]
+    },
+    {
+      id: 2,
+      title: 'Question Text 2',
+      values: [false, false]
+    },
+  ],
+  layout: 3,
+  headers: ['Column 1', 'Column 2', 'Column 3'],
+  responseType: 'radio',
+};