some tests

outputframe-app/boot.ts

@@ -7,14 +7,26 @@ import { messageListener } from '../shared/message-listener';
 import { postMessage, postResponseMessage } from '../shared/post-message';
 import { RenderCanvas } from './elements/render-canvas/render-canvas';
 import { getCenter, getHeight, getRandom, getWidth, rect, box, getRandomColor } from './injects/dom-helpers';
+import { setWindowStop } from './injects/window-stop';
+import { LoadingSpinner } from './elements/loading-spinner/loading-spinner';
 
 
+window.customElements.define('loading-spinner', LoadingSpinner);
 window.customElements.define('render-canvas', RenderCanvas);
 
-document.body.innerHTML += bootHtml;
+console.log("BOOTING");
 
+document.body.innerHTML += bootHtml;
+let consoleLimit = 10;
 watchConsole((type, value) => {
-    postMessage(parent, type, value);
+    if (consoleLimit > 0) {
+        --consoleLimit;
+        postMessage(parent, type, value.toString());
+    }
+    else if (consoleLimit === 0) {
+        --consoleLimit;
+        postMessage(parent, type, "+ more");
+    }
 });
 messageListener((type, value, id) => {
     if (type == "javascript") {
@@ -45,4 +57,6 @@ window.center = getCenter;
 //@ts-ignore
 window.rand = getRandom;
 //@ts-ignore
-window.randomColor = getRandomColor;
+window.randomColor = getRandomColor;
+
+setWindowStop();