@pie-element/boilerplate-item-type 2.1.1-next.15 → 2.1.1

package/module/demo.js

@@ -1,30 +0,0 @@
-import Configure from './configure.js';
-import Element from './element.js';
-import * as controller from './controller.js';
-
-var generate = {};
-
-generate.model = (id, element) => ({
-  id,
-  element,
-  prompt: 'Custom Prompt'
-});
-
-const { model } = generate;
-
-var config = {
-  elements: {
-    'boilerplate-item-type': '../..',
-  },
-  models: [model('1', 'boilerplate-item-type')],
-};
-
-//Note: demo-el is a custom element loaded in the markup.
-  customElements.whenDefined("demo-el").then(() => {
-    config.models.forEach((m) => {
-      const de = document.createElement("demo-el");
-      document.body.appendChild(de);
-      de.def = { tagName: m.element, Element, Configure, controller };
-      de.model = m;
-    });
-  });

package/module/element.js

@@ -1,128 +0,0 @@
-import {_dll_react, _dll_prop_types, _dll_pie_lib__pie_toolbox_render_ui, _dll_react_dom, _dll_pie_lib__pie_toolbox_math_rendering} from "../../../@pie-lib/pie-toolbox-module@2.0.0/module/index.js";
-var lib = {};
-Object.defineProperty(lib, "__esModule", {
-  value: true
-});
-class ModelSetEvent extends CustomEvent {
-  constructor(component, complete, hasModel) {
-    super(ModelSetEvent.TYPE, {
-      bubbles: true,
-      composed: true,
-      detail: {
-        complete,
-        component,
-        hasModel
-      }
-    });
-    this.component = component;
-    this.complete = complete;
-  }
-}
-ModelSetEvent.TYPE = 'model-set';
-var ModelSetEvent_1 = lib.ModelSetEvent = ModelSetEvent;
-class SessionChangedEvent extends CustomEvent {
-  constructor(component, complete) {
-    super(SessionChangedEvent.TYPE, {
-      bubbles: true,
-      composed: true,
-      detail: {
-        complete,
-        component
-      }
-    });
-    this.component = component;
-    this.complete = complete;
-  }
-}
-SessionChangedEvent.TYPE = 'session-changed';
-var SessionChangedEvent_1 = lib.SessionChangedEvent = SessionChangedEvent;
-const React$1 = _dll_react;
-const PropTypes = _dll_prop_types;
-const {PreviewPrompt: PreviewPrompt} = _dll_pie_lib__pie_toolbox_render_ui;
-const _jsxFileName = "/home/circleci/repo/packages/boilerplate-item-type/src/main.jsx";
-class Main extends React$1.Component {
-  static __initStatic() {
-    this.propTypes = {
-      model: PropTypes.object,
-      session: PropTypes.object,
-      onSessionChange: PropTypes.func.isRequired
-    };
-  }
-  static __initStatic2() {
-    this.defaultProps = {};
-  }
-  render() {
-    const {model} = this.props;
-    return React$1.createElement('div', {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 18
-      }
-    }, model.prompt && React$1.createElement('div', {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 20
-      }
-    }, React$1.createElement('p', {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 21
-      }
-    }, "Boilerplate Item"), React$1.createElement(PreviewPrompt, {
-      prompt: model.prompt,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 22
-      }
-    })));
-  }
-}
-Main.__initStatic();
-Main.__initStatic2();
-const React = _dll_react;
-const ReactDOM = _dll_react_dom;
-const {renderMath: renderMath} = _dll_pie_lib__pie_toolbox_math_rendering;
-class BoilerplateItemType extends HTMLElement {
-  set model(m) {
-    this._model = m;
-    this.render();
-    this.dispatchEvent(new ModelSetEvent_1(this.tagName.toLowerCase(), this.isSessionComplete(), this._model !== undefined));
-  }
-  get model() {
-    return this._model;
-  }
-  set session(s) {
-    this._session = s;
-    this.render();
-  }
-  get session() {
-    return this._session;
-  }
-  isSessionComplete() {
-    return true;
-  }
-  onSessionChange(session) {
-    this._session = session;
-    this.dispatchEvent(new SessionChangedEvent_1(this.tagName.toLowerCase(), this.isSessionComplete()));
-  }
-  connectedCallback() {
-    this.render();
-  }
-  render() {
-    if (this._model && this._session) {
-      const el = React.createElement(Main, {
-        model: this._model,
-        session: this._session,
-        onSessionChange: this.onSessionChange.bind(this)
-      });
-      ReactDOM.render(el, this, () => {
-        renderMath(this);
-      });
-    }
-  }
-}
-export {BoilerplateItemType as default};

package/module/index.html

@@ -1,21 +0,0 @@
-
-  <!doctype html>
-  <html>
-    <head>
-      <title>@pie-element/boilerplate-item-type@2.1.0</title>
-      <script
-        type="module"
-        src="https://cdn.jsdelivr.net/npm/@pslb/demo-el@^1.0.0/dist/demo-el/demo-el.esm.js"></script>
-     
-      <link
-        href="https://fonts.googleapis.com/css?family=Roboto&display=swap"
-        rel="stylesheet"
-      />
-      <style>
-        html, body {
-          font-family: 'Roboto', sans-serif;
-        }
-      </style>
-      <script type="module" src="./demo.js"></script> 
-    </head>
-  </html>

package/module/manifest.json

@@ -1,10 +0,0 @@
-{
-  "name": "@pie-element/boilerplate-item-type",
-  "version": "2.1.0",
-  "modules": [
-    {
-      "name": "@pie-lib/pie-toolbox-module",
-      "version": "2.0.0"
-    }
-  ]
-}

package/module/print-demo.js

@@ -1,68 +0,0 @@
-import PrintElement from './print.js';
-
-var generate = {};
-
-generate.model = (id, element) => ({
-  id,
-  element,
-  prompt: 'Custom Prompt'
-});
-
-const { model } = generate;
-
-var config = {
-  elements: {
-    'boilerplate-item-type': '../..',
-  },
-  models: [model('1', 'boilerplate-item-type')],
-};
-
-// new init - just shows off print!
-
-const init = async () => {
-  console.log('define the element...');
-  await Promise.all(
-    config.models.map(async (m) => {
-      try {
-        const printTag = `${m.element}-print`;
-        if (customElements.get(printTag)) {
-          return true;
-        } else {
-          customElements.define(printTag, PrintElement);
-          await customElements.whenDefined(printTag);
-          return true;
-        }
-      } catch (e) {
-        return false;
-      }
-    })
-  );
-
-  console.log('now apply the model...');
-  config.models.forEach((m) => {
-    const printTag = `${m.element}-print`;
-    const h3s = document.createElement('h3');
-    h3s.textContent = 'student mode';
-    document.body.appendChild(h3s);
-    const de = document.createElement(printTag);
-    document.body.appendChild(de);
-    de.options = {};
-    de.model = m;
-
-    const h3 = document.createElement('h3');
-    h3.textContent = 'instructor mode';
-    document.body.appendChild(h3);
-    const instr = document.createElement(printTag);
-    document.body.appendChild(instr);
-    instr.options = { mode: 'instructor' };
-    instr.model = JSON.parse(JSON.stringify(m));
-  });
-};
-
-init()
-  .then(() => {
-    console.log('ready');
-  })
-  .catch((e) => {
-    console.error(e);
-  });

package/module/print.html

@@ -1,18 +0,0 @@
-
-  <!doctype html>
-  <html>
-    <head>
-      <title>@pie-element/boilerplate-item-type@2.1.0</title>
-      <link
-        href="https://fonts.googleapis.com/css?family=Roboto&display=swap"
-        rel="stylesheet"
-      />
-      <style>
-        html, body {
-          font-family: 'Roboto', sans-serif;
-        }
-      </style>
-      <script type="module" src="./print-demo.js"></script> 
-    </head>
-    <body></body>
-  </html>

package/module/print.js

@@ -1,92 +0,0 @@
-import {_dll_react, _dll_prop_types, _dll_pie_lib__pie_toolbox_render_ui, _dll_react_dom, _dll_lodash, _dll_pie_lib__pie_toolbox_math_rendering, _dll_debug} from "../../../@pie-lib/pie-toolbox-module@2.0.0/module/index.js";
-const React$1 = _dll_react;
-const PropTypes = _dll_prop_types;
-const {PreviewPrompt: PreviewPrompt} = _dll_pie_lib__pie_toolbox_render_ui;
-const _jsxFileName = "/home/circleci/repo/packages/boilerplate-item-type/src/main.jsx";
-class Main extends React$1.Component {
-  static __initStatic() {
-    this.propTypes = {
-      model: PropTypes.object,
-      session: PropTypes.object,
-      onSessionChange: PropTypes.func.isRequired
-    };
-  }
-  static __initStatic2() {
-    this.defaultProps = {};
-  }
-  render() {
-    const {model} = this.props;
-    return React$1.createElement('div', {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 18
-      }
-    }, model.prompt && React$1.createElement('div', {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 20
-      }
-    }, React$1.createElement('p', {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 21
-      }
-    }, "Boilerplate Item"), React$1.createElement(PreviewPrompt, {
-      prompt: model.prompt,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 22
-      }
-    })));
-  }
-}
-Main.__initStatic();
-Main.__initStatic2();
-const React = _dll_react;
-const ReactDOM = _dll_react_dom;
-const {debounce: debounce} = _dll_lodash;
-const {renderMath: renderMath} = _dll_pie_lib__pie_toolbox_math_rendering;
-const debug = _dll_debug;
-const log = debug('pie-element:multiple-choice:print');
-const preparePrintModel = (model, opts) => {
-  return model;
-};
-class BoilerPlateItemTypePrint extends HTMLElement {
-  constructor() {
-    super();
-    this._options = null;
-    this._model = null;
-    this._session = [];
-    this._rerender = debounce(() => {
-      if (this._model && this._session) {
-        const printModel = preparePrintModel(this._model, this._options);
-        const element = this._options && React.createElement(Main, {
-          model: printModel,
-          session: {}
-        });
-        ReactDOM.render(element, this, () => {
-          log('render complete - render math');
-          renderMath(this);
-        });
-      } else {
-        log('skip');
-      }
-    }, 50, {
-      leading: false,
-      trailing: true
-    });
-  }
-  set options(o) {
-    this._options = o;
-  }
-  set model(s) {
-    this._model = s;
-    this._rerender();
-  }
-  connectedCallback() {}
-}
-export {BoilerPlateItemTypePrint as default};