gwchq-textjam 0.1.85 → 0.1.87

package/dist/index.js

@@ -65685,6 +65685,34 @@ function SvgPythonFile(props) {
 
 /***/ }),
 
+/***/ 97950:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(51649);
+var _path;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+
+function SvgRemix(props) {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", _extends({
+    viewBox: "0 0 19 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _path || (_path = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
+    d: "M13 1h5m0 0v5m0-5L1 18m17-4v5m0 0h-5m5 0l-6-6M1 2l5 5",
+    stroke: "currentColor",
+    strokeWidth: 2,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  })));
+}
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SvgRemix);
+
+/***/ }),
+
 /***/ 48268:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -68154,8 +68182,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_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 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 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);
@@ -68179,7 +68207,7 @@ var DraggableTab = _ref => {
       panelIndex,
       fileIndex
     } = _ref,
-    otherProps = (0,D_gwc_gwchq_textjam_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .A)(_ref, _excluded);
+    otherProps = (0,D_gwc2_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)();
@@ -68196,7 +68224,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_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)({
+  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)({
     onClick: e => {
       e.stopPropagation();
       switchToFileTab(panelIndex, fileIndex);
@@ -68214,7 +68242,7 @@ var DraggableTab = _ref => {
         draggableProps,
         dragHandleProps
       } = _ref2;
-      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)({
+      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)({
         className: "draggable-tab",
         ref: innerRef
       }, draggableProps), dragHandleProps), {}, {
@@ -68236,8 +68264,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_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 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 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);
@@ -68256,8 +68284,8 @@ var DroppableTabList = _ref => {
       children: _children,
       index
     } = _ref,
-    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), {}, {
+    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), {}, {
     children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_hello_pangea_dnd__WEBPACK_IMPORTED_MODULE_6__.Droppable, {
       direction: "horizontal",
       droppableId: index.toString(),
@@ -68267,7 +68295,7 @@ var DroppableTabList = _ref => {
           droppableProps,
           placeholder
         } = _ref2;
-        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)({
+        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)({
           className: "droppable-tab-list"
         }, droppableProps), {}, {
           ref: innerRef,
@@ -101918,8 +101946,6 @@ function _asyncToGenerator(n) {
   };
 }
 
-// EXTERNAL MODULE: ./src/events/WebComponentCustomEvents.js
-var WebComponentCustomEvents = __webpack_require__(30272);
 ;// ./src/assets/icons/save.svg
 var _path;
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
@@ -101960,13 +101986,11 @@ var SpinnerDotted = __webpack_require__(79458);
 
 
 
-
 var SaveButton = props => {
   var dispatch = (0,external_react_redux_.useDispatch)();
   var loading = (0,external_react_redux_.useSelector)(state => state.editor.loading);
   var saving = (0,external_react_redux_.useSelector)(state => state.editor.saving);
   var onClickSave = (0,external_react_.useCallback)(/*#__PURE__*/_asyncToGenerator(function* () {
-    document.dispatchEvent(WebComponentCustomEvents.logInEvent);
     dispatch((0,EditorSlice.setSaveTriggered)(true));
   }), [dispatch]);
   var isSaving = saving === types.SavingState.PROCESS;
@@ -102607,6 +102631,97 @@ var ProjectHistoryModal = () => {
 
 /***/ }),
 
+/***/ 45829:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (/* binding */ RemixProjectModal_RemixProjectModal)
+});
+
+;// ./src/components/Modals/RemixProjectModal/styles.module.scss
+// extracted by mini-css-extract-plugin
+/* harmony default export */ const styles_module = ({"content":"styles-module__content--5mqMd","body":"styles-module__body--FT2ak","buttonsContainer":"styles-module__buttonsContainer--LsIFl","headerText":"styles-module__headerText--7Ob34","headerIcon":"styles-module__headerIcon--u9yrl","description":"styles-module__description--IvKuo"});
+// EXTERNAL MODULE: ./src/components/Modals/BaseModal/styles.module.scss
+var BaseModal_styles_module = __webpack_require__(41809);
+// EXTERNAL MODULE: ./src/redux/EditorSlice.ts
+var EditorSlice = __webpack_require__(68512);
+// EXTERNAL MODULE: ./src/redux/types.ts
+var types = __webpack_require__(92932);
+// EXTERNAL MODULE: external "react-redux"
+var external_react_redux_ = __webpack_require__(14062);
+// EXTERNAL MODULE: ./src/components/Modals/BaseModal/BaseModal.jsx
+var BaseModal = __webpack_require__(94738);
+// EXTERNAL MODULE: ./src/components/Button/Button.jsx + 1 modules
+var Button = __webpack_require__(60232);
+// EXTERNAL MODULE: ./src/components/shared/SvgIcon/index.tsx
+var SvgIcon = __webpack_require__(82917);
+// EXTERNAL MODULE: ./src/assets/icons/remix.svg
+var remix = __webpack_require__(97950);
+// EXTERNAL MODULE: ./src/redux/stores/index.ts
+var stores = __webpack_require__(32132);
+// EXTERNAL MODULE: ./node_modules/react/jsx-runtime.js
+var jsx_runtime = __webpack_require__(74848);
+;// ./src/components/Modals/RemixProjectModal/RemixProjectModal.jsx
+
+
+
+
+
+
+
+
+
+
+
+var RemixProjectModal = () => {
+  var dispatch = (0,external_react_redux_.useDispatch)();
+  var isModalOpen = (0,stores.useAppSelector)(state => state.editor.modalWindowShowing === types.ModalType.REMIX_PROJECT);
+  if (!isModalOpen) {
+    return null;
+  }
+  var handleClose = () => dispatch((0,EditorSlice.closeModal)());
+  var handleCreateNow = () => {
+    dispatch((0,EditorSlice.setSaveTriggered)(true));
+    handleClose();
+  };
+  return /*#__PURE__*/(0,jsx_runtime.jsxs)(BaseModal["default"], {
+    isOpen: isModalOpen,
+    closeModal: handleClose,
+    externalClasses: styles_module,
+    heading: "",
+    buttons: [/*#__PURE__*/(0,jsx_runtime.jsx)(Button["default"], {
+      variant: "primary",
+      buttonText: "Create Now",
+      onClickHandler: handleCreateNow
+    }, "create"), /*#__PURE__*/(0,jsx_runtime.jsx)(Button["default"], {
+      variant: "tertiaryGray",
+      buttonText: "Cancel",
+      onClickHandler: handleClose
+    }, "cancel")],
+    children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+      className: BaseModal_styles_module["default"].headerContainer,
+      children: [/*#__PURE__*/(0,jsx_runtime.jsx)(SvgIcon.SvgIcon, {
+        size: 32,
+        SvgElement: remix["default"],
+        className: "".concat(BaseModal_styles_module["default"].headerText, " ").concat(styles_module.headerIcon)
+      }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+        className: "".concat(BaseModal_styles_module["default"].headerText, " ").concat(styles_module.headerText),
+        children: "Remix Project"
+      })]
+    }), /*#__PURE__*/(0,jsx_runtime.jsx)("p", {
+      className: styles_module.description,
+      children: "You'll create your own version, starting from this project."
+    })]
+  });
+};
+/* harmony default export */ const RemixProjectModal_RemixProjectModal = (RemixProjectModal);
+
+/***/ }),
+
 /***/ 3985:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -102712,7 +102827,7 @@ var RemoveItemModal = () => {
         })]
       }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
         className: "".concat(BaseModal_styles_module["default"].containerBox, " ").concat(styles_module.containerBox),
-        children: "Deleting this folder will delete everything in it"
+        children: data !== null && data !== void 0 && data.isFolder ? "Deleting this folder will delete everything in it" : "Are you sure you want to delete \"".concat(data === null || data === void 0 ? void 0 : data.itemName, "\"?")
       })]
     })
   });
@@ -369358,6 +369473,23 @@ async function rewriteInlineStyles(indexPage, components, baseFilePath) {
         n.set_content(content);
     }
 }
+const JS_IMPORT_EXPORT_RE = /(import|export)\s+(?:[^'";]+?\s+from\s+)?["']([^"']+)["']/g;
+const P5_ASSET_FN_RE = /\b(loadImage|loadSound|loadFont|loadJSON|loadStrings|loadTable|loadXML|loadShader)\(\s*(['"])([^'"]+)\2/g;
+// Rewrites p5 asset loaders - loadImage("assets/image.jpg") to Blob URLs
+const jsRewriteP5AssetCalls = async (jsFile, components, stack) => {
+    return replaceAsync(jsFile.content, P5_ASSET_FN_RE, async ([full, fnName, quote, assetPath]) => {
+        if (!assetPath || isExternalOrDataUrl(assetPath))
+            return full;
+        const dep = findProjectFile(components, normalizeRelativePath(assetPath), jsFile.path);
+        if (!dep)
+            return full;
+        const { blobUrl } = await resolveFile(dep, components, [
+            ...stack,
+            jsFile.path,
+        ]);
+        return `${fnName}(${quote}${blobUrl}${quote}`;
+    });
+};
 // Rewrites all import/export ... from '...' in JS to Blob URLs for local project files
 const jsRewriteImports = async (jsFile, components, stack) => {
     if (stack.includes(jsFile.path)) {
@@ -369368,8 +369500,7 @@ const jsRewriteImports = async (jsFile, components, stack) => {
             content: jsFile.content,
         };
     }
-    const importExportRegex = /(import|export)\s+(?:[^'";]+?\s+from\s+)?["']([^"']+)["']/g;
-    const rewritten = await replaceAsync(jsFile.content, importExportRegex, async ([full, , importPath]) => {
+    const importsRewritten = await replaceAsync(jsFile.content, JS_IMPORT_EXPORT_RE, async ([full, , importPath]) => {
         if (!importPath || isExternalOrDataUrl(importPath))
             return full;
         const dep = findProjectFile(components, importPath, jsFile.path);
@@ -369381,9 +369512,10 @@ const jsRewriteImports = async (jsFile, components, stack) => {
         ]);
         return full.replace(importPath, blobUrl);
     });
+    const p5Rewritten = await jsRewriteP5AssetCalls({ ...jsFile, content: importsRewritten }, components, stack);
     return {
-        blobUrl: (0, exports.getBlobURL)(rewritten, getMimeType(jsFile.path)),
-        content: rewritten,
+        blobUrl: (0, exports.getBlobURL)(p5Rewritten, getMimeType(jsFile.path)),
+        content: p5Rewritten,
     };
 };
 const CSS_ASSET_RE = /@import\s+(?:url\(\s*)?(["'])([^"']+)\1\s*\)?([^;]*);|url\(\s*(["']?)([^"')]+)\4\s*\)/g;
@@ -371630,6 +371762,7 @@ const RemoveItemModal_1 = __importDefault(__webpack_require__(3985));
 const SaveProjectReminderModal_1 = __importDefault(__webpack_require__(66536));
 const UploadSizeLimitModal_1 = __importDefault(__webpack_require__(16893));
 const UploadFilesModal_1 = __importDefault(__webpack_require__(9825));
+const RemixProjectModal_1 = __importDefault(__webpack_require__(45829));
 exports.ModalTypeToComponentMap = {
     [types_1.ModalType.SHARE_PROJECT]: (0, jsx_runtime_1.jsx)(ShareProjectModal_1.default, {}),
     [types_1.ModalType.REMOVE_ITEM]: (0, jsx_runtime_1.jsx)(RemoveItemModal_1.default, {}),
@@ -371637,6 +371770,7 @@ exports.ModalTypeToComponentMap = {
     [types_1.ModalType.SAVE_PROJECT_REMINDER]: (0, jsx_runtime_1.jsx)(SaveProjectReminderModal_1.default, {}),
     [types_1.ModalType.UPLOAD_SIZE_LIMIT]: (0, jsx_runtime_1.jsx)(UploadSizeLimitModal_1.default, {}),
     [types_1.ModalType.UPLOAD_FILES]: (0, jsx_runtime_1.jsx)(UploadFilesModal_1.default, {}),
+    [types_1.ModalType.REMIX_PROJECT]: (0, jsx_runtime_1.jsx)(RemixProjectModal_1.default, {}),
 };
 
 
@@ -371664,8 +371798,23 @@ const styles_module_scss_1 = __importDefault(__webpack_require__(19436));
 const react_redux_1 = __webpack_require__(14062);
 const EditorSlice_1 = __webpack_require__(68512);
 const types_1 = __webpack_require__(92932);
+const remix_svg_1 = __importDefault(__webpack_require__(97950));
+const stores_1 = __webpack_require__(32132);
+const types_2 = __webpack_require__(92932);
 const SharedProjectBar = () => {
     const dispatch = (0, react_redux_1.useDispatch)();
+    const isCodeVisible = (0, stores_1.useAppSelector)((state) => state.editor.isCodeVisible);
+    const saving = (0, stores_1.useAppSelector)((state) => state.editor.saving);
+    const userId = (0, stores_1.useAppSelector)((state) => state.user.userId);
+    const isSaving = saving === types_2.SavingState.PROCESS;
+    const handleOpenRemixModal = () => {
+        dispatch((0, EditorSlice_1.showModal)({
+            modal: types_1.ModalType.REMIX_PROJECT,
+            args: {
+                type: types_1.ModalType.REMIX_PROJECT,
+            },
+        }));
+    };
     const handleOpenShareModal = () => {
         dispatch((0, EditorSlice_1.showModal)({
             modal: types_1.ModalType.SHARE_PROJECT,
@@ -371677,7 +371826,7 @@ const SharedProjectBar = () => {
             },
         }));
     };
-    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)(styles_module_scss_1.default.header, styles_module_scss_1.default.sharedProject), children: [(0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.wrapper, children: [(0, jsx_runtime_1.jsx)(gwc_logo_svg_1.default, { className: styles_module_scss_1.default.gwcLogo }), (0, jsx_runtime_1.jsx)(text_jam_logo_svg_1.default, { className: styles_module_scss_1.default.textJamLogo })] }), (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(styles_module_scss_1.default.wrapper, styles_module_scss_1.default.projectName), children: (0, jsx_runtime_1.jsx)(SharedProjectName_1.default, {}) }), (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.wrapper, children: (0, jsx_runtime_1.jsx)(RunBar_1.default, {}) }), (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.wrapper, children: (0, jsx_runtime_1.jsx)(Button_1.default, { className: (0, classnames_1.default)(styles_module_scss_1.default.linkButton, styles_module_scss_1.default.btnSvg), variant: "tertiary", ButtonIcon: () => (0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { SvgElement: link_svg_1.default, size: 24 }), onClickHandler: handleOpenShareModal }) })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)(styles_module_scss_1.default.header, styles_module_scss_1.default.sharedProject), children: [(0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.wrapper, children: [(0, jsx_runtime_1.jsx)(gwc_logo_svg_1.default, { className: styles_module_scss_1.default.gwcLogo }), (0, jsx_runtime_1.jsx)(text_jam_logo_svg_1.default, { className: styles_module_scss_1.default.textJamLogo })] }), (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(styles_module_scss_1.default.wrapper, styles_module_scss_1.default.projectName), children: (0, jsx_runtime_1.jsx)(SharedProjectName_1.default, {}) }), (0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.wrapper, children: [isCodeVisible && userId && ((0, jsx_runtime_1.jsx)(Button_1.default, { ButtonIcon: () => (0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { SvgElement: remix_svg_1.default, size: 18 }), buttonText: "Remix", className: styles_module_scss_1.default.headerBtn, variant: "secondary", onClickHandler: handleOpenRemixModal, disabled: isSaving })), (0, jsx_runtime_1.jsx)(RunBar_1.default, {})] }), (0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.wrapper, children: (0, jsx_runtime_1.jsx)(Button_1.default, { className: (0, classnames_1.default)(styles_module_scss_1.default.linkButton, styles_module_scss_1.default.btnSvg), variant: "tertiary", ButtonIcon: () => (0, jsx_runtime_1.jsx)(SvgIcon_1.SvgIcon, { SvgElement: link_svg_1.default, size: 24 }), onClickHandler: handleOpenShareModal }) })] }));
 };
 exports.SharedProjectBar = SharedProjectBar;
 
@@ -373554,6 +373703,7 @@ var ModalType;
     ModalType["SAVE_PROJECT_REMINDER"] = "saveProjectReminder";
     ModalType["UPLOAD_SIZE_LIMIT"] = "uploadSizeLimit";
     ModalType["UPLOAD_FILES"] = "uploadFiles";
+    ModalType["REMIX_PROJECT"] = "remixProject";
 })(ModalType || (exports.ModalType = ModalType = {}));
 var SavingState;
 (function (SavingState) {

package/dist/style.css

@@ -709,4 +709,5 @@
 :root{--rpf-white: #ffffff}.styles-module__content--UhJMG{width:454px;gap:0px}.styles-module__modalContentHeader--YPWsb{height:16px}.styles-module__headerText--89Clx{font-weight:400;font-size:calc(1.5rem*var(--scale-factor, 1));leading-trim:NONE;line-height:34px;text-align:center;color:#003046}.styles-module__containerBox--WUoyb{margin-top:calc(.25rem*var(--scale-factor, 1));font-weight:400;font-size:calc(.75rem*var(--scale-factor, 1));leading-trim:NONE;line-height:calc(1rem*var(--scale-factor, 1));color:#003046;text-align:center}.styles-module__containerBox--WUoyb .styles-module__messageContainer--WzXV7{background-color:#b9e6ee;border-radius:calc(.5rem*var(--scale-factor, 1));padding:calc(1rem*var(--scale-factor, 1));gap:calc(.5rem*var(--scale-factor, 1));opacity:1;display:flex;text-align:left}.styles-module__containerBox--WUoyb .styles-module__messageContainer--WzXV7 .styles-module__messageIcon--a6yn-{display:flex;align-items:center;color:#0d47a1}.styles-module__containerBox--WUoyb .styles-module__messageContainer--WzXV7 .styles-module__messageContent--CYn9o{display:flex;align-items:center;color:#003046}.styles-module__buttonsContainer--1toXb{margin-top:calc(.5rem*var(--scale-factor, 1));padding-bottom:0px}
 :root{--rpf-white: #ffffff}.styles-module__content--pEmxZ{width:330px}.styles-module__headerIcon--mzjrS{text-align:center;fill:rgba(0,0,0,0);color:#edce22}.styles-module__headerText--pt2r0{color:#003046;line-height:34px}.styles-module__containerBox--r5zsA{margin-top:calc(.75rem*var(--scale-factor, 1));color:#242424;font-size:calc(.75rem*var(--scale-factor, 1));line-height:calc(1rem*var(--scale-factor, 1));display:flex;justify-content:center}.styles-module__buttonsContainer--I3Coy{margin-top:calc(.5rem*var(--scale-factor, 1))}
 :root{--rpf-white: #ffffff}.styles-module__content--j863h{display:flex;flex-direction:column;align-items:center;gap:calc(.5rem*var(--scale-factor, 1));color:#003046}.styles-module__infoBox--MyOkq{width:100%;background-color:#b9e6ee;border-radius:calc(.5rem*var(--scale-factor, 1));padding:calc(1rem*var(--scale-factor, 1));display:flex;align-items:start;gap:calc(.5rem*var(--scale-factor, 1));margin-bottom:calc(.5rem*var(--scale-factor, 1));overflow-wrap:anywhere}.styles-module__infoBox--MyOkq svg{margin:calc(.125rem*var(--scale-factor, 1));color:#0d47a1}
+.styles-module__content--5mqMd{inline-size:475px}.styles-module__body--FT2ak{align-items:center;text-align:center;gap:calc(.75rem*var(--scale-factor, 1))}.styles-module__buttonsContainer--LsIFl{justify-content:right;gap:calc(.75rem*var(--scale-factor, 1));margin-block-start:calc(1rem*var(--scale-factor, 1))}@media(max-width: 720px){.styles-module__buttonsContainer--LsIFl{flex-direction:row}}.styles-module__headerText--7Ob34{font-size:calc(2rem*var(--scale-factor, 1));line-height:calc(2.5rem*var(--scale-factor, 1))}.styles-module__headerIcon--u9yrl{margin-block-end:calc(.5rem*var(--scale-factor, 1))}.styles-module__description--IvKuo{font-size:calc(1.25rem*var(--scale-factor, 1));line-height:calc(1.5rem*var(--scale-factor, 1));line-height:1.4;margin:0;max-inline-size:320px}
 :root{--rpf-white: #ffffff}.styles-module__loadingPage--r5PoP{margin:0px;padding:0px;background-color:#e5f6f1;min-height:100vh;display:flex;align-items:center;justify-content:center;font-family:"Roboto Flex";font-weight:600;text-align:center;color:#33625e;font-size:calc(1.25rem*var(--scale-factor, 1));line-height:calc(1.5rem*var(--scale-factor, 1))}.styles-module__loadingContainerAnimation--FNE3T{height:calc(4rem*var(--scale-factor, 1));margin-bottom:calc(1.875rem*var(--scale-factor, 1))}.styles-module__loadingContainerSubtext--1xp7T{margin-top:calc(.5rem*var(--scale-factor, 1));font-weight:400;font-size:calc(.875rem*var(--scale-factor, 1));line-height:calc(1.25rem*var(--scale-factor, 1))}.styles-module__dots--wWdo2{display:inline-block;margin-left:.1em}.styles-module__dot--RwqoT{opacity:0;display:inline-block;animation:styles-module__dot1--hGBky 6s infinite linear}.styles-module__dot2--hoNk-{animation-name:styles-module__dot2--hoNk-}.styles-module__dot3---5q-W{animation-name:styles-module__dot3---5q-W}@keyframes styles-module__dot1--hGBky{0%{opacity:0}5%{opacity:1}80%{opacity:1}83.333%{opacity:0}100%{opacity:0}}@keyframes styles-module__dot2--hoNk-{0%{opacity:0}16.666%{opacity:0}21%{opacity:1}62%{opacity:1}66.666%{opacity:0}100%{opacity:0}}@keyframes styles-module__dot3---5q-W{0%{opacity:0}33.333%{opacity:0}37%{opacity:1}46%{opacity:1}50%{opacity:0}100%{opacity:0}}@media(prefers-reduced-motion: reduce){.styles-module__dot--RwqoT{animation:none;opacity:1}}

package/package.json

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