gwchq-textjam 0.2.6 → 0.2.8

package/dist/index.js

@@ -68344,8 +68344,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var D_gwc2_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(89379);
-/* harmony import */ var D_gwc2_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(53986);
+/* harmony import */ var D_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(89379);
+/* harmony import */ var D_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(53986);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(51649);
 /* harmony import */ var _hello_pangea_dnd__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(98850);
 /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(14062);
@@ -68369,7 +68369,7 @@ var DraggableTab = _ref => {
       panelIndex,
       fileIndex
     } = _ref,
-    otherProps = (0,D_gwc2_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A)(_ref, _excluded);
+    otherProps = (0,D_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A)(_ref, _excluded);
   var openFiles = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useSelector)(state => state.editor.openedFiles);
   var openFilesCount = openFiles[panelIndex].length;
   var dispatch = (0,react_redux__WEBPACK_IMPORTED_MODULE_1__.useDispatch)();
@@ -68386,7 +68386,7 @@ var DraggableTab = _ref => {
       switchToFileTab(panelIndex, (fileIndex + openFilesCount - 1) % openFilesCount);
     }
   };
-  var InnerTab = () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(react_tabs__WEBPACK_IMPORTED_MODULE_2__.Tab, (0,D_gwc2_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .A)((0,D_gwc2_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .A)({
+  var InnerTab = () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(react_tabs__WEBPACK_IMPORTED_MODULE_2__.Tab, (0,D_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .A)((0,D_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .A)({
     onClick: e => {
       e.stopPropagation();
       switchToFileTab(panelIndex, fileIndex);
@@ -68404,7 +68404,7 @@ var DraggableTab = _ref => {
         draggableProps,
         dragHandleProps
       } = _ref2;
-      return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", (0,D_gwc2_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .A)((0,D_gwc2_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .A)((0,D_gwc2_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .A)({
+      return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", (0,D_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .A)((0,D_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .A)((0,D_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .A)({
         className: "draggable-tab",
         ref: innerRef
       }, draggableProps), dragHandleProps), {}, {
@@ -68426,8 +68426,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var D_gwc2_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(89379);
-/* harmony import */ var D_gwc2_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(53986);
+/* harmony import */ var D_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(89379);
+/* harmony import */ var D_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(53986);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(51649);
 /* harmony import */ var _hello_pangea_dnd__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(98850);
 /* harmony import */ var react_tabs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(39243);
@@ -68446,8 +68446,8 @@ var DroppableTabList = _ref => {
       children: _children,
       index
     } = _ref,
-    otherProps = (0,D_gwc2_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .A)(_ref, _excluded);
-  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_tabs__WEBPACK_IMPORTED_MODULE_1__.TabList, (0,D_gwc2_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A)((0,D_gwc2_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A)({}, otherProps), {}, {
+    otherProps = (0,D_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .A)(_ref, _excluded);
+  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_tabs__WEBPACK_IMPORTED_MODULE_1__.TabList, (0,D_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A)((0,D_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A)({}, otherProps), {}, {
     children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_hello_pangea_dnd__WEBPACK_IMPORTED_MODULE_6__.Droppable, {
       direction: "horizontal",
       droppableId: index.toString(),
@@ -68457,7 +68457,7 @@ var DroppableTabList = _ref => {
           droppableProps,
           placeholder
         } = _ref2;
-        return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", (0,D_gwc2_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A)((0,D_gwc2_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A)({
+        return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", (0,D_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A)((0,D_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A)({
           className: "droppable-tab-list"
         }, droppableProps), {}, {
           ref: innerRef,
@@ -103011,7 +103011,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var D_gwc2_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(89379);
+/* harmony import */ var D_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(89379);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(51649);
 /* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(14062);
 /* harmony import */ var _redux_EditorSlice__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(68512);
@@ -103091,7 +103091,7 @@ var ProjectName = _ref => {
       id: "project_name_label",
       className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_3__["default"].projectLabel,
       children: "Project Name"
-    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", (0,D_gwc2_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .A)((0,D_gwc2_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .A)({
+    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", (0,D_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .A)((0,D_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .A)({
       className: classnames__WEBPACK_IMPORTED_MODULE_2___default()(_styles_module_scss__WEBPACK_IMPORTED_MODULE_3__["default"].projectName, className)
     }, hoverProps), {}, {
       children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)((components_Tooltip_Tooltip__WEBPACK_IMPORTED_MODULE_8___default()), {
@@ -142804,7 +142804,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 // extracted by mini-css-extract-plugin
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"grey-rpi-grey-15":"#d5d7dc","grey-rpi-grey-40":"#9497a4","grey-rpi-grey-5":"#f1f2f3","grey-rpi-grey-70":"#4a4d59","grey-rpf-white":"#fff","pythonrunnerContainer":"styles-module__pythonrunnerContainer---nPGz","htmlrunnerContainer":"styles-module__htmlrunnerContainer--KPi8D","resizeHandleContainer":"styles-module__resizeHandleContainer--FID6p","console":"styles-module__console--B8x1A","pythonGraphic":"styles-module__pythonGraphic--V+du6","pyodiderunner":"styles-module__pyodiderunner--DKTtB","active":"styles-module__active--bKVnT","visualOutput":"styles-module__visualOutput--WLaca","outputPanel":"styles-module__outputPanel--W1TnW","pythonConsoleLine":"styles-module__pythonConsoleLine--bwFQC","stderr":"styles-module__stderr--PIyhL","pythonrunnerInput":"styles-module__pythonrunnerInput--dOXEa","webConsole":"styles-module__webConsole--MTdnk","webConsoleLine":"styles-module__webConsoleLine--j31U1","string":"styles-module__string--YDxWc","stringInsideStructure":"styles-module__stringInsideStructure--KJtZp","number":"styles-module__number--7h5TG","boolean":"styles-module__boolean--WYb4I","null":"styles-module__null--BZCmR","undefined":"styles-module__undefined--nQkol","key":"styles-module__key--ZZTlD","error":"styles-module__error--RL5Lt","errorIcon":"styles-module__errorIcon--Gnn4-","warn":"styles-module__warn--B+MPR","warnIcon":"styles-module__warnIcon--Q82Y5","timestamp":"styles-module__timestamp--HDZxD","details":"styles-module__details--W1bGT","summary":"styles-module__summary--vms5d","nestedEntry":"styles-module__nestedEntry--OU25X","previewLink":"styles-module__previewLink--rWLII","previewHtml":"styles-module__previewHtml--oWG28","iframe":"styles-module__iframe--YfQ0V","codeHasBeenRun":"styles-module__codeHasBeenRun--fqiYL"});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"grey-rpi-grey-15":"#d5d7dc","grey-rpi-grey-40":"#9497a4","grey-rpi-grey-5":"#f1f2f3","grey-rpi-grey-70":"#4a4d59","grey-rpf-white":"#fff","pythonrunnerContainer":"styles-module__pythonrunnerContainer---nPGz","htmlrunnerContainer":"styles-module__htmlrunnerContainer--KPi8D","resizeHandleContainer":"styles-module__resizeHandleContainer--FID6p","console":"styles-module__console--B8x1A","pythonGraphic":"styles-module__pythonGraphic--V+du6","pyodiderunner":"styles-module__pyodiderunner--DKTtB","active":"styles-module__active--bKVnT","visualOutput":"styles-module__visualOutput--WLaca","outputPanel":"styles-module__outputPanel--W1TnW","pythonConsoleLine":"styles-module__pythonConsoleLine--bwFQC","stderr":"styles-module__stderr--PIyhL","pythonrunnerInput":"styles-module__pythonrunnerInput--dOXEa","webConsole":"styles-module__webConsole--MTdnk","webConsoleLine":"styles-module__webConsoleLine--j31U1","consoleMessageContent":"styles-module__consoleMessageContent--vXp1a","consoleMessageInline":"styles-module__consoleMessageInline--5pNbC","consoleCount":"styles-module__consoleCount--JLMn5","string":"styles-module__string--YDxWc","stringInsideStructure":"styles-module__stringInsideStructure--KJtZp","number":"styles-module__number--7h5TG","boolean":"styles-module__boolean--WYb4I","null":"styles-module__null--BZCmR","undefined":"styles-module__undefined--nQkol","key":"styles-module__key--ZZTlD","error":"styles-module__error--RL5Lt","errorIcon":"styles-module__errorIcon--Gnn4-","warn":"styles-module__warn--B+MPR","warnIcon":"styles-module__warnIcon--Q82Y5","timestamp":"styles-module__timestamp--HDZxD","details":"styles-module__details--W1bGT","summary":"styles-module__summary--vms5d","nestedEntry":"styles-module__nestedEntry--OU25X","previewLink":"styles-module__previewLink--rWLII","previewHtml":"styles-module__previewHtml--oWG28","iframe":"styles-module__iframe--YfQ0V","codeHasBeenRun":"styles-module__codeHasBeenRun--fqiYL"});
 
 /***/ }),
 
@@ -369241,6 +369241,10 @@ var BroadcastMessageType;
 (function (BroadcastMessageType) {
     BroadcastMessageType["RELOAD_PROJECT"] = "RELOAD_PROJECT";
 })(BroadcastMessageType || (BroadcastMessageType = {}));
+const getConsoleKey = (message) => JSON.stringify({
+    method: message.method,
+    data: message.data,
+});
 function HtmlRunner() {
     const [consoleLogs, setConsoleLogs] = (0, react_1.useState)([]);
     const project = (0, stores_1.useAppSelector)((state) => state.editor.project);
@@ -369411,8 +369415,24 @@ function HtmlRunner() {
         const handler = (event) => {
             if (event.data?.type !== "console")
                 return;
-            const data = event.data;
-            setConsoleLogs((prev) => [...prev, data]);
+            const data = {
+                ...event.data,
+                count: 1,
+            };
+            setConsoleLogs((prev) => {
+                const last = prev[prev.length - 1];
+                if (last && getConsoleKey(last) === getConsoleKey(data)) {
+                    return [
+                        ...prev.slice(0, -1),
+                        {
+                            ...last,
+                            count: (last.count ?? 1) + 1,
+                            timestamp: data.timestamp,
+                        },
+                    ];
+                }
+                return [...prev, data];
+            });
         };
         window.addEventListener("message", handler);
         return () => window.removeEventListener("message", handler);
@@ -371979,11 +371999,15 @@ const Text_1 = __webpack_require__(82803);
 const LeaveFlowSlice_1 = __webpack_require__(52990);
 const SpinnerDotted_1 = __webpack_require__(79458);
 const styles_module_scss_1 = __importDefault(__webpack_require__(79730));
+const useProjectCache_1 = __webpack_require__(69557);
+const projectTabSync_1 = __webpack_require__(48235);
 const SaveBeforeLeaveModal = () => {
     const dispatch = (0, react_redux_1.useDispatch)();
     const isSaving = (0, stores_1.useAppSelector)((state) => state.editor.saving === types_1.SavingState.PROCESS);
     const leaveFlowStatus = (0, stores_1.useAppSelector)((state) => state.leaveFlow?.status);
     const leaveFlowId = (0, stores_1.useAppSelector)((state) => state.leaveFlow?.requestId);
+    const project = (0, stores_1.useAppSelector)((state) => state.editor.project);
+    const { upsertCacheValue } = (0, useProjectCache_1.useProjectCache)();
     const isModalOpen = [
         LeaveFlowSlice_1.LeaveFlowStatus.CONFIRMING,
         LeaveFlowSlice_1.LeaveFlowStatus.SAVING,
@@ -371991,7 +372015,14 @@ const SaveBeforeLeaveModal = () => {
     const handleClose = () => {
         dispatch((0, LeaveFlowSlice_1.leaveCancelled)({ requestId: leaveFlowId }));
     };
-    const handleLeaveConfirmed = () => {
+    const handleLeaveConfirmed = async () => {
+        if (project?.identifier) {
+            upsertCacheValue(project.identifier, project)
+                .then(() => {
+                (0, projectTabSync_1.notifyProjectUpdated)(project.identifier);
+            })
+                .catch(console.error);
+        }
         dispatch((0, LeaveFlowSlice_1.leaveConfirmed)({ requestId: leaveFlowId }));
     };
     const handleSaveConfirmed = () => {
@@ -372440,7 +372471,7 @@ const WebComponentProject = ({ nameEditable = false, sidebarOptions = [], packag
         return () => clearTimeout(timeout);
     }, [project]);
     renderer.link = function (data) {
-        return `<a href="${data.href}" target="_blank" rel="noreferrer"
+        return `<a href="${data.href}" target="_blank" rel="noreferrer"
     }">${data.text}</a>`;
     };
     marked_1.marked.setOptions({

package/dist/style.css

@@ -671,7 +671,7 @@
 }
 
 /*# sourceMappingURL=ReactToastify.css.map */
-:root{--rpf-white: #ffffff}.styles-module__pythonrunnerContainer---nPGz,.styles-module__htmlrunnerContainer--KPi8D{display:flex;flex-direction:column;flex:1;gap:calc(.875rem*var(--scale-factor, 1));block-size:100%;inline-size:100%}.styles-module__resizeHandleContainer--FID6p{width:100%;margin-top:calc(-1*calc(1.5rem * var(--scale-factor, 1)))}.styles-module__console--B8x1A{padding:calc(.75rem*var(--scale-factor, 1)) calc(1rem*var(--scale-factor, 1));margin:0;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;width:100%;word-wrap:break-word;overflow-y:auto;color:#242424;font-size:13px;line-height:18px;font-family:"Roboto Mono",source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace;scrollbar-width:thin}.styles-module__pythonGraphic--V\+du6{overflow:auto;position:relative}.styles-module__pyodiderunner--DKTtB{display:none}.styles-module__pyodiderunner--DKTtB.styles-module__active--bKVnT{display:flex}.styles-module__visualOutput--WLaca{flex:1;display:flex;min-block-size:100%;inline-size:100%}.styles-module__outputPanel--W1TnW{height:100%;display:flex;overflow:hidden;background-color:#fff;border-radius:calc(.5rem*var(--scale-factor, 1)) calc(.5rem*var(--scale-factor, 1)) calc(.25rem*var(--scale-factor, 1)) calc(.25rem*var(--scale-factor, 1));flex:5}.styles-module__pythonConsoleLine--bwFQC{padding-inline-end:5px}.styles-module__pythonConsoleLine--bwFQC.styles-module__stderr--PIyhL{color:red}.styles-module__pythonrunnerInput--dOXEa{caret-color:inherit;color:#2467ec;display:block;line-height:20px;padding:2px 1px 2px 0}.styles-module__pythonrunnerInput--dOXEa:focus{outline:0}.styles-module__webConsole--MTdnk{padding:calc(.25rem*var(--scale-factor, 1));scrollbar-width:thin}.styles-module__webConsoleLine--j31U1{display:flex;align-items:flex-start;flex-wrap:wrap;padding:0 calc(.25rem*var(--scale-factor, 1)) 0 calc(1.5rem*var(--scale-factor, 1));margin-bottom:calc(.25rem*var(--scale-factor, 1))}.styles-module__webConsoleLine--j31U1>span:first-child{display:flex;align-items:center;flex-shrink:0;white-space:nowrap}.styles-module__webConsoleLine--j31U1>span:last-child{flex:1;word-break:break-word}.styles-module__webConsoleLine--j31U1>span:last-child:has(>details){flex:1 1 100%}.styles-module__string--YDxWc{color:#242424}.styles-module__stringInsideStructure--KJtZp{color:#a31515}.styles-module__number--7h5TG,.styles-module__boolean--WYb4I{color:#0d47a1}.styles-module__null--BZCmR,.styles-module__undefined--nQkol{color:#888}.styles-module__key--ZZTlD{color:#aa0d91}.styles-module__error--RL5Lt{border-radius:calc(.25rem*var(--scale-factor, 1));padding-left:calc(.5rem*var(--scale-factor, 1));background:#ffd5ce}.styles-module__errorIcon--Gnn4-{margin-right:calc(.25rem*var(--scale-factor, 1));color:#e0201c}.styles-module__warn--B\+MPR{border-radius:calc(.25rem*var(--scale-factor, 1));padding-left:calc(.5rem*var(--scale-factor, 1));background:#fffbe3}.styles-module__warnIcon--Q82Y5{margin-right:calc(.25rem*var(--scale-factor, 1));color:#a88f00}.styles-module__timestamp--HDZxD{color:#69746d;margin-right:calc(.5rem*var(--scale-factor, 1))}.styles-module__details--W1bGT{display:inline-block}.styles-module__summary--vms5d{cursor:pointer;user-select:none}.styles-module__nestedEntry--OU25X{display:flex;gap:calc(.3125rem*var(--scale-factor, 1))}.styles-module__previewLink--rWLII{margin-inline-start:auto;padding-top:calc(.25rem*var(--scale-factor, 1))}.styles-module__previewHtml--oWG28{padding:calc(.25rem*var(--scale-factor, 1))}.styles-module__iframe--YfQ0V{border:none;border-radius:calc(.25rem*var(--scale-factor, 1));background-color:#fff;block-size:100%;inline-size:100%}.styles-module__iframe--YfQ0V.styles-module__codeHasBeenRun--fqiYL{border:1px solid #e5e5e5}#p5Sketch{display:flex;flex:1;position:absolute}.pythonrunner-graphic{overflow:auto;position:relative}
+:root{--rpf-white: #ffffff}.styles-module__pythonrunnerContainer---nPGz,.styles-module__htmlrunnerContainer--KPi8D{display:flex;flex-direction:column;flex:1;gap:calc(.875rem*var(--scale-factor, 1));block-size:100%;inline-size:100%}.styles-module__resizeHandleContainer--FID6p{inline-size:100%;margin-block-start:calc(-1*calc(1.5rem * var(--scale-factor, 1)))}.styles-module__console--B8x1A{padding:calc(.75rem*var(--scale-factor, 1)) calc(1rem*var(--scale-factor, 1));margin:0;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;inline-size:100%;word-wrap:break-word;overflow-y:auto;color:#242424;font-size:13px;line-height:18px;font-family:"Roboto Mono",source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace;scrollbar-width:thin}.styles-module__pythonGraphic--V\+du6{overflow:auto;position:relative}.styles-module__pyodiderunner--DKTtB{display:none}.styles-module__pyodiderunner--DKTtB.styles-module__active--bKVnT{display:flex}.styles-module__visualOutput--WLaca{flex:1;display:flex;min-block-size:100%;inline-size:100%}.styles-module__outputPanel--W1TnW{block-size:100%;display:flex;overflow:hidden;background-color:#fff;border-radius:calc(.5rem*var(--scale-factor, 1)) calc(.5rem*var(--scale-factor, 1)) calc(.25rem*var(--scale-factor, 1)) calc(.25rem*var(--scale-factor, 1));flex:5}.styles-module__pythonConsoleLine--bwFQC{padding-inline-end:5px}.styles-module__pythonConsoleLine--bwFQC.styles-module__stderr--PIyhL{color:red}.styles-module__pythonrunnerInput--dOXEa{caret-color:inherit;color:#2467ec;display:block;line-height:20px;padding:2px 1px 2px 0}.styles-module__pythonrunnerInput--dOXEa:focus{outline:0}.styles-module__webConsole--MTdnk{padding:calc(.25rem*var(--scale-factor, 1));scrollbar-width:thin}.styles-module__webConsoleLine--j31U1{display:flex;align-items:flex-start;flex-wrap:wrap;padding:0 calc(.25rem*var(--scale-factor, 1)) 0 calc(1.5rem*var(--scale-factor, 1));margin-block-end:calc(.25rem*var(--scale-factor, 1))}.styles-module__webConsoleLine--j31U1>span:first-child{display:flex;align-items:center;flex-shrink:0;white-space:nowrap}.styles-module__webConsoleLine--j31U1>span:last-child{flex:1;word-break:break-word}.styles-module__webConsoleLine--j31U1>span:last-child:has(>details){flex:1 1 100%}.styles-module__consoleMessageContent--vXp1a{flex:1;min-inline-size:0;word-break:break-word}.styles-module__consoleMessageInline--5pNbC{display:inline-flex;align-items:center;gap:calc(.25rem*var(--scale-factor, 1));vertical-align:top}.styles-module__consoleCount--JLMn5{flex:0 0 auto;display:inline-flex;align-items:center;block-size:14px;padding:0 calc(.25rem*var(--scale-factor, 1));border-radius:calc(.5rem*var(--scale-factor, 1));background:#e5e5e5;color:#33353d;line-height:14px;white-space:nowrap;font-size:calc(.75rem*var(--scale-factor, 1));line-height:calc(1rem*var(--scale-factor, 1))}.styles-module__string--YDxWc{color:#242424}.styles-module__stringInsideStructure--KJtZp{color:#a31515}.styles-module__number--7h5TG,.styles-module__boolean--WYb4I{color:#0d47a1}.styles-module__null--BZCmR,.styles-module__undefined--nQkol{color:#888}.styles-module__key--ZZTlD{color:#aa0d91}.styles-module__error--RL5Lt{border-radius:calc(.25rem*var(--scale-factor, 1));padding-inline-start:calc(.5rem*var(--scale-factor, 1));background:#ffd5ce}.styles-module__errorIcon--Gnn4-{margin-inline-end:calc(.25rem*var(--scale-factor, 1));color:#e0201c}.styles-module__warn--B\+MPR{border-radius:calc(.25rem*var(--scale-factor, 1));padding-inline-start:calc(.5rem*var(--scale-factor, 1));background:#fffbe3}.styles-module__warnIcon--Q82Y5{margin-inline-end:calc(.25rem*var(--scale-factor, 1));color:#a88f00}.styles-module__timestamp--HDZxD{color:#69746d;margin-inline-end:calc(.5rem*var(--scale-factor, 1))}.styles-module__details--W1bGT{display:inline-block}.styles-module__summary--vms5d{cursor:pointer;user-select:none}.styles-module__nestedEntry--OU25X{display:flex;gap:calc(.3125rem*var(--scale-factor, 1))}.styles-module__previewLink--rWLII{margin-inline-start:auto;padding-block-start:calc(.25rem*var(--scale-factor, 1))}.styles-module__previewHtml--oWG28{padding:calc(.25rem*var(--scale-factor, 1))}.styles-module__iframe--YfQ0V{border:none;border-radius:calc(.25rem*var(--scale-factor, 1));background-color:#fff;block-size:100%;inline-size:100%}.styles-module__iframe--YfQ0V.styles-module__codeHasBeenRun--fqiYL{border:1px solid #e5e5e5}#p5Sketch{display:flex;flex:1;position:absolute}.pythonrunner-graphic{overflow:auto;position:relative}
 :root{--rpf-white: #ffffff}.styles-module__container--uYbdi{color:#e0201c;padding:calc(.75rem*var(--scale-factor, 1)) calc(1.25rem*var(--scale-factor, 1));overflow-y:auto;display:flex;flex-direction:column;gap:calc(1rem*var(--scale-factor, 1));min-block-size:fit-content}.styles-module__message--hNGZt{padding:0;margin:0;white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:18px;font-family:"Roboto Mono",source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.styles-module__infoBox--Ti35B{inline-size:100%;overflow-wrap:break-word;padding:calc(.5rem*var(--scale-factor, 1));background-color:#ffd5ce;color:#520e0e;display:flex;flex-direction:row;align-items:start;justify-content:flex-start;border:1px solid #e0201c;border-radius:calc(.5rem*var(--scale-factor, 1));gap:calc(.25rem*var(--scale-factor, 1))}.styles-module__infoBox--Ti35B svg{color:#e0201c}.styles-module__infoText--jXz2P{display:flex;flex-direction:column;align-items:flex-start;gap:calc(.3125rem*var(--scale-factor, 1))}.styles-module__notFoundContainer--YfNdr{inline-size:100%;block-size:100%;display:flex;flex-direction:column;align-items:center;gap:calc(2rem*var(--scale-factor, 1));padding:calc(2rem*var(--scale-factor, 1)) calc(1rem*var(--scale-factor, 1));overflow:scroll;justify-content:space-evenly}.styles-module__notFoundText--q6EKC{display:flex;flex-direction:column;align-items:center;gap:calc(1rem*var(--scale-factor, 1))}
 .styles-module__svgIcon--eiAsQ{display:block}.styles-module__svgIcon-8--0J-NH{width:8px;height:8px;min-width:8px}.styles-module__svgIcon-9--4U91M{width:9px;height:9px;min-width:9px}.styles-module__svgIcon-10--b6pWr{width:10px;height:10px;min-width:10px}.styles-module__svgIcon-11--UBu85{width:11px;height:11px;min-width:11px}.styles-module__svgIcon-12--ca5dh{width:12px;height:12px;min-width:12px}.styles-module__svgIcon-13--H5H9q{width:13px;height:13px;min-width:13px}.styles-module__svgIcon-14--02QBx{width:14px;height:14px;min-width:14px}.styles-module__svgIcon-15---h9Pf{width:15px;height:15px;min-width:15px}.styles-module__svgIcon-16--xSxA4{width:16px;height:16px;min-width:16px}.styles-module__svgIcon-17--Puaug{width:17px;height:17px;min-width:17px}.styles-module__svgIcon-18--QewDX{width:18px;height:18px;min-width:18px}.styles-module__svgIcon-19--iC7Jc{width:19px;height:19px;min-width:19px}.styles-module__svgIcon-20--PrJEw{width:20px;height:20px;min-width:20px}.styles-module__svgIcon-21---Hd09{width:21px;height:21px;min-width:21px}.styles-module__svgIcon-22--d8Xg1{width:22px;height:22px;min-width:22px}.styles-module__svgIcon-23--pGQQQ{width:23px;height:23px;min-width:23px}.styles-module__svgIcon-24--IqT3u{width:24px;height:24px;min-width:24px}.styles-module__svgIcon-25--PfjHm{width:25px;height:25px;min-width:25px}.styles-module__svgIcon-26--cFTjX{width:26px;height:26px;min-width:26px}.styles-module__svgIcon-27--MPei3{width:27px;height:27px;min-width:27px}.styles-module__svgIcon-28--W7Xyd{width:28px;height:28px;min-width:28px}.styles-module__svgIcon-29--EUfun{width:29px;height:29px;min-width:29px}.styles-module__svgIcon-30--lQhTn{width:30px;height:30px;min-width:30px}.styles-module__svgIcon-31--Lf753{width:31px;height:31px;min-width:31px}.styles-module__svgIcon-32--\+xBfi{width:32px;height:32px;min-width:32px}
 .styles-module__text--w\+\+5r{font-family:Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI",Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;white-space:pre-wrap}.styles-module__code--E-a9Y{font-family:"Roboto Mono",source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.styles-module__size-10--vObQm{font-size:calc(10/16*1rem*var(--scale-factor, 1));line-height:calc(16/16*1rem*var(--scale-factor, 1))}.styles-module__size-12--hY0wv{font-size:calc(12/16*1rem*var(--scale-factor, 1));line-height:calc(16/16*1rem*var(--scale-factor, 1))}.styles-module__size-14--WSVwD{font-size:calc(14/16*1rem*var(--scale-factor, 1));line-height:calc(20/16*1rem*var(--scale-factor, 1))}.styles-module__size-16--6hjvA{font-size:calc(16/16*1rem*var(--scale-factor, 1));line-height:calc(24/16*1rem*var(--scale-factor, 1))}.styles-module__size-18--P7XJw{font-size:calc(18/16*1rem*var(--scale-factor, 1));line-height:calc(30/16*1rem*var(--scale-factor, 1))}.styles-module__size-20--py7l4{font-size:calc(20/16*1rem*var(--scale-factor, 1));line-height:calc(32/16*1rem*var(--scale-factor, 1))}.styles-module__size-24--tYu3W{font-size:calc(24/16*1rem*var(--scale-factor, 1));line-height:calc(34/16*1rem*var(--scale-factor, 1))}.styles-module__weight-regular--S9vrI{font-weight:400}.styles-module__weight-medium--JN8TI{font-weight:500}.styles-module__weight-bold--JgpDo{font-weight:700}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "gwchq-textjam",
   "description": "Embeddable React editor used in Raspberry Pi text-based projects.",
-  "version": "0.2.6",
+  "version": "0.2.8",
   "license": "Apache-2.0",
   "homepage": "https://github.com/GirlsFirst/gwchq-textjam",
   "author": "Girls Who Code HQ",