@bhbr/minter 1.0.1 → 1.0.3

package/dist/{paper → apis}/APILoader.d.ts

@@ -4,7 +4,6 @@ export declare class APILoader extends BetterObject {
     status: APILoadStatus;
     defaults(): object;
     load(): void;
-    onload(): void;
 }
 export {};
 //# sourceMappingURL=APILoader.d.ts.map

package/dist/apis/APILoader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"APILoader.d.ts","sourceRoot":"","sources":["../../src/apis/APILoader.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAGlD,KAAK,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;AAErD,qBAAa,SAAU,SAAQ,YAAY;IAE1C,MAAM,EAAE,aAAa,CAAA;IAErB,QAAQ,IAAI,MAAM;IAMlB,IAAI;CAOJ"}

package/dist/{paper → apis}/APILoader.js

@@ -12,7 +12,5 @@ export class APILoader extends BetterObject {
         });
         getPaper().loadedAPI(this);
     }
-    onload() {
-    }
 }
 //# sourceMappingURL=APILoader.js.map

package/dist/apis/APILoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"APILoader.js","sourceRoot":"","sources":["../../src/apis/APILoader.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAI/C,MAAM,OAAO,SAAU,SAAQ,YAAY;IAI1C,QAAQ;QACP,OAAO;YACN,MAAM,EAAE,SAAS;SACjB,CAAA;IACF,CAAC;IAED,IAAI;QACH,IAAI,CAAC,MAAM,CAAC;YACX,MAAM,EAAE,QAAQ;SAChB,CAAC,CAAA;QACF,QAAQ,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA;IAC3B,CAAC;CAED"}

package/dist/apis/cindyjs/CindyCanvas.d.ts

@@ -0,0 +1,33 @@
+import { Mobject } from '../../mobjects/Mobject.js';
+import { Linkable } from '../../linkables/Linkable.js';
+import { Playable } from '../../ui/Playable.js';
+import { PlayButton } from '../../ui/PlayButton.js';
+import { Rectangle } from '../../shapes/Rectangle.js';
+export declare class CindyCanvas extends Linkable implements Playable {
+    port: object;
+    id: string;
+    core: any;
+    outerFrame: Rectangle;
+    innerCanvas: Mobject;
+    playButton: PlayButton;
+    playState: 'play' | 'pause' | 'stop';
+    defaults(): object;
+    mutabilities(): object;
+    setup(): void;
+    createScripts(): void;
+    createInitScript(): void;
+    createDrawScript(): void;
+    createMouseMoveScript(): void;
+    initCode(): string;
+    drawCode(): string;
+    mouseMoveCode(): string;
+    play(): void;
+    pause(): void;
+    togglePlayState(): void;
+    stop(): void;
+    geometry(): Array<any>;
+    setDragging(flag: boolean): void;
+    startCore(): void;
+    reload(args?: object): void;
+}
+//# sourceMappingURL=CindyCanvas.d.ts.map

package/dist/apis/cindyjs/CindyCanvas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CindyCanvas.d.ts","sourceRoot":"","sources":["../../../src/apis/cindyjs/CindyCanvas.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAMrD,qBAAa,WAAY,SAAQ,QAAS,YAAW,QAAQ;IAE5D,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,GAAG,CAAA;IACT,UAAU,EAAE,SAAS,CAAA;IACrB,WAAW,EAAE,OAAO,CAAA;IACpB,UAAU,EAAE,UAAU,CAAA;IACtB,SAAS,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAA;IAEpC,QAAQ,IAAI,MAAM;IA6BlB,YAAY,IAAI,MAAM;IAUtB,KAAK;IAsCL,aAAa;IAMb,gBAAgB;IAQhB,gBAAgB;IAQhB,qBAAqB;IAQrB,QAAQ;IAIR,QAAQ;IAIR,aAAa,IAAI,MAAM;IAKvB,IAAI;IAYJ,KAAK;IAQL,eAAe;IAQf,IAAI;IAQJ,QAAQ,IAAI,KAAK,CAAC,GAAG,CAAC;IAEtB,WAAW,CAAC,IAAI,EAAE,OAAO;IAazB,SAAS;IAST,MAAM,CAAC,IAAI,GAAE,MAAW;CAUxB"}

package/dist/apis/cindyjs/CindyCanvas.js

@@ -0,0 +1,173 @@
+import { ScreenEventHandler } from '../../mobjects/screen_events.js';
+import { Mobject } from '../../mobjects/Mobject.js';
+import { Linkable } from '../../linkables/Linkable.js';
+import { PlayButton } from '../../ui/PlayButton.js';
+import { Rectangle } from '../../shapes/Rectangle.js';
+export class CindyCanvas extends Linkable {
+    defaults() {
+        return {
+            port: {
+                transform: [{
+                        visibleRect: [0, 1, 1, 0]
+                    }]
+            },
+            innerCanvas: new Mobject(),
+            outerFrame: new Rectangle(),
+            playButton: new PlayButton({
+                anchor: [5, -50]
+            }),
+            id: `Cindy-${Date.now()}`,
+            screenEventHandler: ScreenEventHandler.Self,
+            playedOnce: false,
+            playState: 'stop',
+            drawBorder: true,
+            core: null
+            /*
+            core has no default because it is read-only and
+            will be created in cindySetup as a CindyJS instance
+            with state-dependent arguments
+            */
+        };
+    }
+    mutabilities() {
+        return {
+            port: 'never',
+            innerCanvas: 'never',
+            outerFrame: 'never',
+            playButton: 'never',
+            id: 'on_init'
+        };
+    }
+    setup() {
+        super.setup();
+        this.innerCanvas.view.frame.update({
+            width: this.view.frame.width,
+            height: this.view.frame.height
+        });
+        this.innerCanvas.update({
+            screenEventHandler: ScreenEventHandler.Auto
+        });
+        this.innerCanvas.view.div.style['pointer-events'] = 'auto';
+        this.innerCanvas.view.div.id = this.id;
+        this.add(this.innerCanvas);
+        this.outerFrame.update({
+            width: this.view.frame.width,
+            height: this.view.frame.height,
+            screenEventHandler: ScreenEventHandler.Parent
+        });
+        this.add(this.outerFrame);
+        Object.assign(this.port, {
+            id: this.id,
+            width: this.view.frame.width,
+            height: this.view.frame.height,
+            started: false
+        });
+        this.controls.add(this.playButton);
+        this.playButton.update({
+            mobject: this
+        });
+        this.createScripts();
+        this.startCore();
+    }
+    createScripts() {
+        this.createInitScript();
+        this.createDrawScript();
+        this.createMouseMoveScript();
+    }
+    createInitScript() {
+        let initScript = document.createElement('script');
+        initScript.setAttribute('type', 'text/x-cindyscript');
+        initScript.setAttribute('id', `${this.id}init`);
+        initScript.textContent = this.initCode();
+        document.body.appendChild(initScript);
+    }
+    createDrawScript() {
+        let drawScript = document.createElement('script');
+        drawScript.setAttribute('type', 'text/x-cindyscript');
+        drawScript.setAttribute('id', `${this.id}draw`);
+        drawScript.textContent = this.drawCode();
+        document.body.appendChild(drawScript);
+    }
+    createMouseMoveScript() {
+        let mouseMoveScript = document.createElement('script');
+        mouseMoveScript.setAttribute('type', 'text/x-cindyscript');
+        mouseMoveScript.setAttribute('id', `${this.id}mousemove`);
+        mouseMoveScript.textContent = this.mouseMoveCode();
+        document.body.appendChild(mouseMoveScript);
+    }
+    initCode() {
+        return `resetclock();`;
+    }
+    drawCode() {
+        return `drawcmd();`;
+    }
+    mouseMoveCode() {
+        // do not redraw until I say so
+        return '';
+    }
+    play() {
+        if (!this.core.started) {
+            this.core.startup();
+            this.core.started = true;
+        }
+        this.core.play();
+        this.playState = 'play';
+        this.outerFrame.update({
+            screenEventHandler: ScreenEventHandler.Below
+        });
+    }
+    pause() {
+        this.core.pause();
+        this.playState = 'pause';
+        this.outerFrame.update({
+            screenEventHandler: ScreenEventHandler.Parent
+        });
+    }
+    togglePlayState() {
+        if (this.playState == 'play') {
+            this.pause();
+        }
+        else {
+            this.play();
+        }
+    }
+    stop() {
+        this.core.stop();
+        this.playState = 'stop';
+        this.outerFrame.update({
+            screenEventHandler: ScreenEventHandler.Self
+        });
+    }
+    geometry() { return []; }
+    setDragging(flag) {
+        super.setDragging(flag);
+        if (flag) {
+            this.outerFrame.update({
+                screenEventHandler: ScreenEventHandler.Parent
+            });
+        }
+        else {
+            this.outerFrame.update({
+                screenEventHandler: ScreenEventHandler.Below
+            });
+        }
+    }
+    startCore() {
+        this.core = CindyJS.newInstance({
+            scripts: `${this.id}*`,
+            animation: { autoplay: false },
+            ports: [this.port],
+            geometry: this.geometry()
+        });
+    }
+    reload(args = {}) {
+        let initScript = document.querySelector(`#${this.id}init`);
+        initScript.textContent = this.initCode();
+        let drawScript = document.querySelector(`#${this.id}draw`);
+        drawScript.textContent = this.drawCode();
+        let mouseMoveScript = document.querySelector(`#${this.id}mousemove`);
+        mouseMoveScript.textContent = this.mouseMoveCode();
+        this.startCore();
+    }
+}
+//# sourceMappingURL=CindyCanvas.js.map

package/dist/apis/cindyjs/CindyCanvas.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CindyCanvas.js","sourceRoot":"","sources":["../../../src/apis/cindyjs/CindyCanvas.ts"],"names":[],"mappings":"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"}

package/dist/apis/cindyjs/CindyLoader.d.ts

@@ -0,0 +1,6 @@
+import { APILoader } from '../APILoader.js';
+export declare class CindyLoader extends APILoader {
+    load(): void;
+    onload(): void;
+}
+//# sourceMappingURL=CindyLoader.d.ts.map

package/dist/apis/cindyjs/CindyLoader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CindyLoader.d.ts","sourceRoot":"","sources":["../../../src/apis/cindyjs/CindyLoader.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAI3C,qBAAa,WAAY,SAAQ,SAAS;IAEzC,IAAI;IAuBJ,MAAM;CAIN"}

package/dist/apis/cindyjs/CindyLoader.js

@@ -0,0 +1,26 @@
+import { APILoader } from '../APILoader.js';
+import { getPaper } from '../../paper/getPaper.js';
+export class CindyLoader extends APILoader {
+    load() {
+        this.update({
+            status: 'loading'
+        });
+        let scriptTag1 = document.createElement('script');
+        scriptTag1.type = 'text/javascript';
+        scriptTag1.src = '../node_modules/cindyjs/build/js/Cindy.js';
+        let scriptTag2 = document.createElement('script');
+        scriptTag2.type = 'text/javascript';
+        scriptTag2.src = '../node_modules/cindyjs/build/js/CindyGL.js';
+        scriptTag2.onload = function () {
+            this.onload();
+            getPaper().loadedAPI(this);
+        }.bind(this);
+        scriptTag1.onload = function () {
+            document.head.append(scriptTag2);
+        }.bind(this);
+        document.head.append(scriptTag1);
+    }
+    onload() {
+    }
+}
+//# sourceMappingURL=CindyLoader.js.map

package/dist/apis/cindyjs/CindyLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CindyLoader.js","sourceRoot":"","sources":["../../../src/apis/cindyjs/CindyLoader.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAE3C,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAElD,MAAM,OAAO,WAAY,SAAQ,SAAS;IAEzC,IAAI;QACH,IAAI,CAAC,MAAM,CAAC;YACX,MAAM,EAAE,SAAS;SACjB,CAAC,CAAA;QAEF,IAAI,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA;QACjD,UAAU,CAAC,IAAI,GAAG,iBAAiB,CAAA;QACnC,UAAU,CAAC,GAAG,GAAG,2CAA2C,CAAA;QAC5D,IAAI,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA;QACjD,UAAU,CAAC,IAAI,GAAG,iBAAiB,CAAA;QACnC,UAAU,CAAC,GAAG,GAAG,6CAA6C,CAAA;QAC9D,UAAU,CAAC,MAAM,GAAG;YACnB,IAAI,CAAC,MAAM,EAAE,CAAA;YACb,QAAQ,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA;QAC3B,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAEZ,UAAU,CAAC,MAAM,GAAG;YACnB,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAA;QACjC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAEZ,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAA;IACjC,CAAC;IAED,MAAM;IAEN,CAAC;CAED"}

package/dist/apis/desmos/DesmosCalculator.d.ts

@@ -0,0 +1,32 @@
+import { Linkable } from '../../linkables/Linkable.js';
+import { Mobject } from '../../mobjects/Mobject.js';
+import { Rectangle } from '../../shapes/Rectangle.js';
+export declare class DesmosCalculator extends Linkable {
+    calculator: any;
+    clippingCanvas: Mobject;
+    innerCanvas: Mobject;
+    outerFrame: Rectangle;
+    options: object;
+    expressions: object;
+    secretInputExpressions: object;
+    outputHelperExpressions: object;
+    updating: boolean;
+    minWidth: number;
+    minHeight: number;
+    defaults(): object;
+    setup(): void;
+    setupCanvases(): void;
+    setupOuterFrame(): void;
+    ensureMinimumFrameSize(): void;
+    layoutFrames(): void;
+    layoutContent(): void;
+    createCalculator(options?: object): void;
+    focus(): void;
+    boundFocus(): void;
+    blur(): void;
+    setDragging(flag: boolean): void;
+    onChange(eventName: string, event: object): void;
+    showKeypad(): void;
+    hideKeypad(): void;
+}
+//# sourceMappingURL=DesmosCalculator.d.ts.map

package/dist/apis/desmos/DesmosCalculator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesmosCalculator.d.ts","sourceRoot":"","sources":["../../../src/apis/desmos/DesmosCalculator.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AAGtD,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAA;AAEnD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAOrD,qBAAa,gBAAiB,SAAQ,QAAQ;IAE7C,UAAU,EAAE,GAAG,CAAA;IACf,cAAc,EAAE,OAAO,CAAA;IACvB,WAAW,EAAE,OAAO,CAAA;IACpB,UAAU,EAAE,SAAS,CAAA;IACrB,OAAO,EAAE,MAAM,CAAA;IACf,WAAW,EAAE,MAAM,CAAA;IACnB,sBAAsB,EAAE,MAAM,CAAA;IAC9B,uBAAuB,EAAE,MAAM,CAAA;IAC/B,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IAEjB,QAAQ,IAAI,MAAM;IAsBlB,KAAK;IAUL,aAAa;IAcb,eAAe;IAQf,sBAAsB;IAetB,YAAY;IAiBZ,aAAa;IAEb,gBAAgB,CAAC,OAAO,GAAE,MAAW;IAMrC,KAAK;IAYL,UAAU;IAEV,IAAI;IAOJ,WAAW,CAAC,IAAI,EAAE,OAAO;IAazB,QAAQ,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM;IAEzC,UAAU;IAIV,UAAU;CAUV"}

package/dist/apis/desmos/DesmosCalculator.js

@@ -0,0 +1,130 @@
+import { Linkable } from '../../linkables/Linkable.js';
+import { View } from '../../views/View.js';
+import { Mobject } from '../../mobjects/Mobject.js';
+import { ScreenEventHandler } from '../../mobjects/screen_events.js';
+import { Rectangle } from '../../shapes/Rectangle.js';
+import { Color } from '../../views/Color.js';
+export class DesmosCalculator extends Linkable {
+    defaults() {
+        return {
+            view: new View({
+                div: document.createElement('div'),
+                frameWidth: 800,
+                frameHeight: 500
+            }),
+            screenEventHandler: ScreenEventHandler.Self,
+            calculator: null,
+            options: {},
+            clippingCanvas: new Mobject(),
+            innerCanvas: new Mobject(),
+            outerFrame: new Rectangle({ strokeWidth: 0 }),
+            expressions: {},
+            secretInputExpressions: {},
+            outputHelperExpressions: {},
+            updating: false,
+            minWidth: 100,
+            minHeight: 100
+        };
+    }
+    setup() {
+        super.setup();
+        this.setupCanvases();
+        this.setupOuterFrame();
+        this.boundFocus = this.focus.bind(this);
+        this.ensureMinimumFrameSize();
+        this.layoutFrames();
+        this.createCalculator();
+    }
+    setupCanvases() {
+        this.innerCanvas.update({
+            screenEventHandler: ScreenEventHandler.Auto
+        });
+        this.clippingCanvas.add(this.innerCanvas);
+        this.add(this.clippingCanvas);
+        this.clippingCanvas.view.div.style.overflow = 'hidden';
+        this.innerCanvas.view.div.style['pointer-events'] = 'auto';
+        window.setTimeout(function () {
+            this.innerCanvas.view.div.addEventListener('click', this.boundFocus);
+        }.bind(this), 100);
+    }
+    setupOuterFrame() {
+        this.add(this.outerFrame);
+        this.outerFrame.update({
+            screenEventHandler: ScreenEventHandler.Below
+        });
+        this.outerFrame.view.div.id = 'outerFrame';
+    }
+    ensureMinimumFrameSize() {
+        var changedFrame = false;
+        if (this.frameWidth < this.minWidth) {
+            this.update({ frameWidth: this.minWidth });
+            changedFrame = true;
+        }
+        if (this.frameHeight < this.minHeight) {
+            this.update({ frameHeight: this.minHeight });
+            changedFrame = true;
+        }
+        if (changedFrame) {
+            this.layoutFrames();
+        }
+    }
+    layoutFrames() {
+        this.clippingCanvas.update({
+            frameWidth: this.frameWidth,
+            frameHeight: this.frameHeight
+        });
+        this.innerCanvas.update({
+            frameWidth: this.frameWidth,
+            frameHeight: this.frameHeight
+        });
+        this.outerFrame.update({
+            width: this.frameWidth,
+            height: this.frameHeight,
+            strokeColor: Color.gray(0.5),
+            strokeWidth: 1
+        });
+    }
+    layoutContent() { }
+    createCalculator(options = {}) {
+        this.calculator = Desmos.GraphingCalculator(this.innerCanvas.view.div, this.options);
+        this.calculator.observeEvent('change', this.onChange.bind(this));
+        window.setTimeout(this.layoutContent.bind(this), 50);
+    }
+    focus() {
+        super.focus();
+        this.calculator.openKeypad();
+        this.innerCanvas.view.div.removeEventListener('click', this.boundFocus);
+        this.board.onTap = ((e) => {
+            this.blur();
+        }).bind(this);
+        this.board.onMouseClick = ((e) => {
+            this.blur();
+        }).bind(this);
+    }
+    boundFocus() { }
+    blur() {
+        super.blur();
+        let area = this.view.div.querySelector('.dcg-mq-textarea').querySelector('textarea');
+        area.blur();
+        this.innerCanvas.view.div.querySelector('.dcg-dom-change-wrapper').addEventListener('click', this.boundFocus);
+    }
+    setDragging(flag) {
+        super.setDragging(flag);
+        if (flag) {
+            this.outerFrame.update({
+                screenEventHandler: ScreenEventHandler.Parent
+            });
+        }
+        else {
+            this.outerFrame.update({
+                screenEventHandler: ScreenEventHandler.Below
+            });
+        }
+    }
+    onChange(eventName, event) { }
+    showKeypad() {
+        this.calculator.openKeypad();
+    }
+    hideKeypad() { }
+}
+//# sourceMappingURL=DesmosCalculator.js.map

package/dist/apis/desmos/DesmosCalculator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesmosCalculator.js","sourceRoot":"","sources":["../../../src/apis/desmos/DesmosCalculator.ts"],"names":[],"mappings":"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"}

package/dist/apis/desmos/DesmosLoader.d.ts

@@ -0,0 +1,5 @@
+import { APILoader } from '../APILoader.js';
+export declare class DesmosLoader extends APILoader {
+    load(): void;
+}
+//# sourceMappingURL=DesmosLoader.d.ts.map

package/dist/apis/desmos/DesmosLoader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesmosLoader.d.ts","sourceRoot":"","sources":["../../../src/apis/desmos/DesmosLoader.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAI3C,qBAAa,YAAa,SAAQ,SAAS;IAE1C,IAAI;CAaJ"}

package/dist/apis/desmos/DesmosLoader.js

@@ -0,0 +1,17 @@
+import { APILoader } from '../APILoader.js';
+import { getPaper } from '../../paper/getPaper.js';
+export class DesmosLoader extends APILoader {
+    load() {
+        this.update({
+            status: 'loading'
+        });
+        let scriptTag = document.createElement('script');
+        scriptTag.type = 'text/javascript';
+        scriptTag.src = 'https://www.desmos.com/api/v1.10/calculator.js?apiKey=dcb31709b452b1cf9dc26972add0fda6';
+        scriptTag.onload = function () {
+            getPaper().loadedAPI(this);
+        }.bind(this);
+        document.head.append(scriptTag);
+    }
+}
+//# sourceMappingURL=DesmosLoader.js.map

package/dist/apis/desmos/DesmosLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesmosLoader.js","sourceRoot":"","sources":["../../../src/apis/desmos/DesmosLoader.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAE3C,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAElD,MAAM,OAAO,YAAa,SAAQ,SAAS;IAE1C,IAAI;QACH,IAAI,CAAC,MAAM,CAAC;YACX,MAAM,EAAE,SAAS;SACjB,CAAC,CAAA;QACF,IAAI,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA;QAChD,SAAS,CAAC,IAAI,GAAG,iBAAiB,CAAA;QAClC,SAAS,CAAC,GAAG,GAAG,wFAAwF,CAAA;QACxG,SAAS,CAAC,MAAM,GAAG;YAClB,QAAQ,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA;QAC3B,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QACZ,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAA;IAChC,CAAC;CAED"}

package/dist/apis/mathquill/MathQuillInputField.d.ts

@@ -0,0 +1,29 @@
+import { ScreenEvent } from '../../mobjects/screen_events.js';
+import { Mobject } from '../../mobjects/Mobject.js';
+export declare class MathQuillInputField extends Mobject {
+    MQ: any;
+    mathField: any;
+    mathFieldLoadingID: number | null;
+    span: HTMLSpanElement | null;
+    initialTeX: string;
+    defaults(): object;
+    get tex(): string;
+    set tex(newValue: string);
+    setup(): void;
+    mathFieldWidth(): number;
+    createMathField(): void;
+    checkIfMathFieldLoaded(): void;
+    mathFieldIsLoaded(): boolean;
+    onMathFieldLoaded(): void;
+    onPointerDown(e: ScreenEvent): void;
+    activateKeyboard(): void;
+    boundActivateKeyboard(): void;
+    deactivateKeyboard(): void;
+    boundDeactivateKeyboard(): void;
+    boundKeyPressed(e: ScreenEvent): void;
+    keyPressed(e: KeyboardEvent): void;
+    focus(): void;
+    blur(): void;
+    updateLayout(): void;
+}
+//# sourceMappingURL=MathQuillInputField.d.ts.map

package/dist/apis/mathquill/MathQuillInputField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MathQuillInputField.d.ts","sourceRoot":"","sources":["../../../src/apis/mathquill/MathQuillInputField.ts"],"names":[],"mappings":"AAEA,OAAO,EAAsB,WAAW,EAAiB,MAAM,iCAAiC,CAAA;AAKhG,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAA;AAKnD,qBAAa,mBAAoB,SAAQ,OAAO;IAE/C,EAAE,EAAE,GAAG,CAAA;IACP,SAAS,EAAE,GAAG,CAAA;IACd,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAA;IACjC,IAAI,EAAE,eAAe,GAAG,IAAI,CAAA;IAC5B,UAAU,EAAE,MAAM,CAAA;IAElB,QAAQ,IAAI,MAAM;IAalB,IAAI,GAAG,IAAI,MAAM,CAEhB;IACD,IAAI,GAAG,CAAC,QAAQ,EAAE,MAAM,EAMvB;IAED,KAAK;IASL,cAAc,IAAI,MAAM;IAKxB,eAAe;IA4Bf,sBAAsB;IAQtB,iBAAiB,IAAI,OAAO;IAI5B,iBAAiB;IAKjB,aAAa,CAAC,CAAC,EAAE,WAAW;IAI5B,gBAAgB;IAOhB,qBAAqB;IAErB,kBAAkB;IAMlB,uBAAuB;IAEvB,eAAe,CAAC,CAAC,EAAE,WAAW;IAE9B,UAAU,CAAC,CAAC,EAAE,aAAa;IAO3B,KAAK;IAQL,IAAI;IAQJ,YAAY;CASZ"}

package/dist/apis/mathquill/MathQuillInputField.js

@@ -0,0 +1,129 @@
+import { ScreenEventHandler } from '../../mobjects/screen_events.js';
+import { getPaper } from '../../paper/getPaper.js';
+import { getSidebar } from '../../sidebar/getSidebar.js';
+import { Mobject } from '../../mobjects/Mobject.js';
+import { Color } from '../../views/Color.js';
+export class MathQuillInputField extends Mobject {
+    defaults() {
+        return {
+            frameWidth: 100,
+            frameHeight: 50,
+            screenEventHandler: ScreenEventHandler.Self,
+            MQ: null,
+            mathField: null,
+            mathFieldLoadingID: null,
+            span: null,
+            initialTeX: ' '
+        };
+    }
+    get tex() {
+        return this.mathFieldIsLoaded() ? this.mathField.latex() : this.initialTeX;
+    }
+    set tex(newValue) {
+        if (this.mathFieldIsLoaded()) {
+            this.mathField.write(newValue);
+        }
+        else {
+            this.initialTeX = newValue;
+        }
+    }
+    setup() {
+        super.setup();
+        this.createMathField();
+        this.boundKeyPressed = this.keyPressed.bind(this);
+        this.view.div.addEventListener('keydown', this.boundKeyPressed.bind(this));
+    }
+    mathFieldWidth() {
+        if (!this.span) {
+            return 0;
+        }
+        return this.span.clientWidth;
+    }
+    createMathField() {
+        this.MQ = MathQuill.getInterface(2);
+        let mob = new Mobject();
+        this.addDependency('frameWidth', mob, 'frameWidth');
+        this.addDependency('frameHeight', mob, 'frameHeight');
+        let p = document.createElement('p');
+        this.span = document.createElement('span');
+        this.span.style.color = 'white';
+        this.span.style.fontSize = '28px';
+        this.span.style.backgroundColor = Color.black().toCSS();
+        this.span.style.border = '2px solid white';
+        this.span.style.width = '200px';
+        p.append(this.span);
+        mob.view.div.append(p);
+        this.add(mob);
+        this.mathField = this.MQ.MathField(this.span, {
+            handlers: {
+                edit: this.updateLayout.bind(this)
+            }
+        });
+        this.mathFieldLoadingID = window.setInterval(this.checkIfMathFieldLoaded.bind(this), 100);
+        this.update({
+            frameWidth: this.span.clientWidth,
+            frameHeight: this.span.clientHeight
+        });
+    }
+    checkIfMathFieldLoaded() {
+        if (this.mathField) {
+            window.clearInterval(this.mathFieldLoadingID);
+            this.mathFieldLoadingID = null;
+            this.onMathFieldLoaded();
+        }
+    }
+    mathFieldIsLoaded() {
+        return this.mathField && this.mathFieldLoadingID === null;
+    }
+    onMathFieldLoaded() {
+        this.mathField.write(this.initialTeX);
+        this.initialTeX = '';
+    }
+    onPointerDown(e) {
+        this.focus();
+    }
+    activateKeyboard() {
+        getPaper().activeKeyboard = false;
+        for (let button of getSidebar().buttons) {
+            button.activeKeyboard = false;
+        }
+    }
+    boundActivateKeyboard() { }
+    deactivateKeyboard() {
+        getPaper().activeKeyboard = true;
+        for (let button of getSidebar().buttons) {
+            button.activeKeyboard = true;
+        }
+    }
+    boundDeactivateKeyboard() { }
+    boundKeyPressed(e) { }
+    keyPressed(e) {
+        this.updateLayout();
+        if (e.key == '13' || e.key == 'Enter' || e.key == 'Return') {
+            this.blur();
+        }
+    }
+    focus() {
+        super.focus();
+        this.mathField.focus();
+        this.activateKeyboard();
+        getPaper().sensor.savedOnPointerUp = getPaper().sensor.onPointerUp;
+        getPaper().sensor.onPointerUp = this.blur.bind(this);
+    }
+    blur() {
+        super.blur();
+        this.mathField.blur();
+        this.deactivateKeyboard();
+        getPaper().sensor.onPointerUp = getPaper().sensor.savedOnPointerUp;
+        getPaper().sensor.savedOnPointerUp = function (e) { };
+    }
+    updateLayout() {
+        if (this.span) {
+            this.update({
+                frameWidth: this.span.clientWidth,
+                frameHeight: this.span.clientHeight + 30
+            });
+        }
+    }
+}
+//# sourceMappingURL=MathQuillInputField.js.map