gwchq-textjam 0.3.1 → 0.4.0

package/dist/index.js

@@ -368644,7 +368644,7 @@ const editorListener_1 = __webpack_require__(41824);
 const Loading_1 = __importDefault(__webpack_require__(34466));
 const LeaveGuardController_1 = __webpack_require__(65240);
 (0, editorListener_1.registerEditorListeners)();
-const TextJamEditor = ({ onLogoutClick = () => { }, onViewProfileClick = () => { }, onHomeClick = () => { }, saveProject, isSaving, projectContent = null, template, shareLinks = null, navigationGuardCoordinator, ...componentProps }) => {
+const TextJamEditor = ({ onLogoutClick = () => { }, onViewProfileClick = () => { }, onHomeClick = () => { }, saveProject, isSaving, projectContent = null, starterCodeContent = null, template, shareLinks = null, navigationGuardCoordinator, ...componentProps }) => {
     // Default props that match the previous web-component defaults
     const defaultProps = {
         sidebarOptions: [
@@ -368665,6 +368665,7 @@ const TextJamEditor = ({ onLogoutClick = () => { }, onViewProfileClick = () => {
         saveProject,
         isSaving,
         projectContent,
+        starterCodeContent,
         template,
         shareLinks,
     };
@@ -369196,6 +369197,7 @@ const node_html_parser_1 = __webpack_require__(36192);
 const classnames_1 = __importDefault(__webpack_require__(46942));
 const react_router_dom_1 = __webpack_require__(92648);
 const EditorSlice_1 = __webpack_require__(68512);
+const externalLinkHelper_1 = __webpack_require__(31615);
 const open_in_new_tab_svg_1 = __importDefault(__webpack_require__(86936));
 const stores_1 = __webpack_require__(32132);
 const ProjectTypes_1 = __webpack_require__(27130);
@@ -369206,7 +369208,6 @@ const preview_svg_1 = __importDefault(__webpack_require__(80417));
 const OutputTabPanel_1 = __webpack_require__(25931);
 const styles_module_scss_1 = __importDefault(__webpack_require__(12914));
 const helpers_1 = __webpack_require__(1108);
-const projectPath_1 = __webpack_require__(95506);
 const fileParsers_1 = __webpack_require__(26683);
 const scripts_1 = __webpack_require__(57621);
 const Errors_1 = __webpack_require__(20339);
@@ -369222,8 +369223,6 @@ const getConsoleKey = (message) => JSON.stringify({
     method: message.method,
     data: message.data,
 });
-// A standalone preview view is flagged by `?preview=1` in the URL.
-const isPreviewSearch = (params) => params.get("preview") === "1";
 function HtmlRunner() {
     const [consoleLogs, setConsoleLogs] = (0, react_1.useState)([]);
     const project = (0, stores_1.useAppSelector)((state) => state.editor.project);
@@ -369236,18 +369235,9 @@ function HtmlRunner() {
     const isPreviewMode = (0, stores_1.useAppSelector)((state) => state.editor.isOutputOnly);
     const dispatch = (0, react_redux_1.useDispatch)();
     const output = (0, react_1.useRef)(null);
-    const [searchParams] = (0, react_router_dom_1.useSearchParams)();
+    const [searchParams, setSearchParams] = (0, react_router_dom_1.useSearchParams)();
     // Using BroadcastChannel to communicate between the main app and the preview tab
     const broadcastChannel = (0, react_1.useRef)(null);
-    const shouldUseBrowserHistoryRef = (0, react_1.useRef)(false);
-    const currentPageParam = searchParams.get("page");
-    const isPreviewUrl = isPreviewSearch(searchParams);
-    // In the standalone preview tab (and any ?preview=1 URL) the browser's
-    // back/forward/refresh buttons must drive page navigation.
-    const shouldUseBrowserHistory = isPreviewMode || isPreviewUrl;
-    (0, react_1.useEffect)(() => {
-        shouldUseBrowserHistoryRef.current = shouldUseBrowserHistory;
-    }, [shouldUseBrowserHistory]);
     (0, react_1.useEffect)(() => {
         broadcastChannel.current = new BroadcastChannel(BROADCAST_CHANNEL);
         return () => {
@@ -369267,58 +369257,18 @@ function HtmlRunner() {
         defaultPreviewFilePath = page;
     }
     const [runningFilePath, setRunningFilePath] = (0, react_1.useState)(defaultPreviewFilePath);
-    const writePreviewUrlToHistory = (path, replace = false) => {
-        const normalizedPath = (0, projectPath_1.normalizePath)(path);
-        const url = new URL(window.location.href);
-        if (url.searchParams.get("page") === normalizedPath) {
-            return false;
-        }
-        url.searchParams.set("preview", "1");
-        url.searchParams.set("page", normalizedPath);
-        if (replace) {
-            window.history.replaceState({ __textJamPreview: true, page: normalizedPath }, "", url.toString());
-        }
-        else {
-            window.history.pushState({ __textJamPreview: true, page: normalizedPath }, "", url.toString());
-        }
-        return true;
-    };
-    // Sync the initial preview page into the URL and kick off the first run.
     (0, react_1.useEffect)(() => {
-        if (!shouldUseBrowserHistory)
-            return;
-        const url = new URL(window.location.href);
-        const pageFromUrl = url.searchParams.get("page");
-        const initialPage = (0, projectPath_1.normalizePath)(pageFromUrl ?? page ?? helpers_1.DEFAULT_ENTRY_FILE_PATH);
-        if (!pageFromUrl) {
-            writePreviewUrlToHistory(initialPage, true);
-        }
-        else {
-            const normalizedUrl = new URL(window.location.href);
-            normalizedUrl.searchParams.set("page", initialPage);
-            window.history.replaceState({ __textJamPreview: true, page: initialPage }, "", normalizedUrl.toString());
-        }
-        dispatch((0, EditorSlice_1.setPage)(initialPage));
-        dispatch((0, EditorSlice_1.triggerCodeRun)());
-    }, [shouldUseBrowserHistory]);
-    // Browser back/forward: re-run the page encoded in the URL.
-    (0, react_1.useEffect)(() => {
-        if (!shouldUseBrowserHistory)
-            return;
-        const handlePopState = () => {
-            const url = new URL(window.location.href);
-            const pageFromUrl = url.searchParams.get("page");
-            if (!pageFromUrl)
-                return;
-            const normalizedPage = (0, projectPath_1.normalizePath)(pageFromUrl);
-            dispatch((0, EditorSlice_1.setPage)(normalizedPage));
+        if (isPreviewMode) {
             dispatch((0, EditorSlice_1.triggerCodeRun)());
-        };
-        window.addEventListener("popstate", handlePopState);
-        return () => {
-            window.removeEventListener("popstate", handlePopState);
-        };
-    }, [shouldUseBrowserHistory]);
+            if (page) {
+                setSearchParams((prevParams) => {
+                    const updatedParams = new URLSearchParams(prevParams);
+                    updatedParams.set("page", page);
+                    return updatedParams;
+                }, { replace: true });
+            }
+        }
+    }, [isPreviewMode, page, setSearchParams]);
     (0, react_1.useEffect)(() => {
         if (isPreviewMode) {
             const handleMessage = (event) => {
@@ -369333,29 +369283,29 @@ function HtmlRunner() {
             };
         }
     }, [isPreviewMode]);
-    (0, react_1.useEffect)(() => {
-        const handleReloadMessage = (event) => {
-            if (event.data?.msg !== "RELOAD")
-                return;
-            const nextPage = event.data?.payload?.linkTo;
-            if (typeof nextPage !== "string")
-                return;
-            const normalizedPage = (0, projectPath_1.normalizePath)(nextPage);
-            // Push the navigation onto the browser history stack so the native
-            // back/forward buttons (and refresh) navigate preview pages.
-            if (shouldUseBrowserHistoryRef.current ||
-                isPreviewSearch(new URL(window.location.href).searchParams)) {
-                writePreviewUrlToHistory(normalizedPage);
-            }
-            dispatch((0, EditorSlice_1.setPage)(normalizedPage));
-            dispatch((0, EditorSlice_1.triggerCodeRun)());
-        };
-        window.addEventListener("message", handleReloadMessage);
-        return () => window.removeEventListener("message", handleReloadMessage);
-    }, [dispatch]);
+    const showModal = () => {
+        dispatch((0, EditorSlice_1.showErrorModal)());
+        eventListener();
+    };
+    const { externalLink, setExternalLink, handleAllowedExternalLink, handleRegularExternalLink, handleExternalLinkError, } = (0, externalLinkHelper_1.useExternalLinkState)(showModal);
+    const eventListener = () => {
+        window.addEventListener("message", (event) => {
+            if (typeof event.data?.msg === "string") {
+                if (event.data?.msg === "ERROR: External link") {
+                    handleExternalLinkError();
+                }
+                else if (event.data?.msg === "Allowed external link") {
+                    handleAllowedExternalLink(event.data.payload.linkTo);
+                }
+                else {
+                    handleRegularExternalLink(event.data.payload.linkTo);
+                }
+            }
+        });
+    };
     const iframeReload = () => {
         const iframe = output.current?.contentDocument;
-        const filePath = (0, helpers_1.getFilenameFromIFrame)(iframe);
+        const filePath = (0, helpers_1.getFilenameFromIFrame)(iframe) ?? externalLink;
         if (runningFilePath !== filePath) {
             setRunningFilePath(filePath);
         }
@@ -369365,11 +369315,9 @@ function HtmlRunner() {
                 linkElement.addEventListener("click", (e) => {
                     const href = linkElement.getAttribute("href");
                     const target = linkElement.getAttribute("target");
-                    if (!href || target !== "_blank" || (0, helpers_1.isExternalUrl)(href))
-                        return;
-                    // block in-iframe navigation for internal html links with target="_blank"
+                    // block in-iframe navigation for links with target="_blank" and .html href
                     // and open them in a preview tab
-                    if (href?.includes(".html")) {
+                    if (target === "_blank" && href?.includes(".html")) {
                         e.preventDefault();
                         e.stopImmediatePropagation();
                         openPreview(`/${href}`);
@@ -369377,8 +369325,10 @@ function HtmlRunner() {
                 }, true);
             });
         }
+        setExternalLink(null);
     };
     (0, react_1.useEffect)(() => {
+        eventListener();
         dispatch((0, EditorSlice_1.loadingRunner)(EditorTypes_1.RunnerType.HTML));
         dispatch((0, EditorSlice_1.setLoadedRunner)(EditorTypes_1.RunnerType.HTML));
     }, []);
@@ -369392,45 +369342,50 @@ function HtmlRunner() {
             }
         }
     }, [codeRunTriggered, page, isPreviewMode]);
+    const currentPageParam = searchParams.get("page");
     (0, react_1.useEffect)(() => {
-        if (!currentPageParam)
-            return;
-        // In preview mode page changes are driven by the browser history flow
-        // (popstate); in regular editor mode keep Redux page in sync with the URL.
-        if (shouldUseBrowserHistory)
-            return;
-        dispatch((0, EditorSlice_1.setPage)(currentPageParam));
-    }, [currentPageParam, shouldUseBrowserHistory, dispatch]);
+        if (currentPageParam) {
+            dispatch((0, EditorSlice_1.setPage)(currentPageParam));
+        }
+    }, [currentPageParam, dispatch]);
     const runCode = async () => {
         setConsoleLogs([]);
         const fileToRun = page ?? defaultPreviewFilePath;
         setRunningFilePath(fileToRun);
         dispatch((0, EditorSlice_1.setError)(null));
-        const entryPoint = (0, helpers_1.getEntryPoint)(projectComponents, fileToRun);
-        if (!entryPoint) {
-            dispatch((0, EditorSlice_1.setError)(fileToRun === helpers_1.DEFAULT_ENTRY_FILE_PATH && !isPreviewMode
-                ? {
-                    type: Errors_1.ErrorType.ENTRY_FILE_NOT_FOUND,
-                    details: {
-                        fileName: helpers_1.DEFAULT_ENTRY_FILE_NAME,
-                    },
-                }
-                : {
-                    type: Errors_1.ErrorType.PAGE_NOT_FOUND,
-                }));
-            dispatch((0, EditorSlice_1.codeRunHandled)());
-            return;
-        }
-        const indexPage = (0, node_html_parser_1.parse)(entryPoint.content);
-        const body = indexPage.querySelector("body") || indexPage;
-        const htmlRoot = indexPage.querySelector("html") ?? indexPage;
-        body.insertAdjacentHTML("afterbegin", scripts_1.disableLocalStorageScript);
-        htmlRoot.insertAdjacentHTML("afterbegin", scripts_1.consoleOverrideScript);
-        const { content } = await (0, fileParsers_1.resolveAndRewriteHtmlImports)(indexPage.toString(), projectComponents, entryPoint.path, page ?? entryPoint.path);
-        if (output.current) {
-            output.current.srcdoc = content;
+        if (!externalLink) {
+            const entryPoint = (0, helpers_1.getEntryPoint)(projectComponents, fileToRun);
+            if (!entryPoint) {
+                dispatch((0, EditorSlice_1.setError)(fileToRun === helpers_1.DEFAULT_ENTRY_FILE_PATH && !isPreviewMode
+                    ? {
+                        type: Errors_1.ErrorType.ENTRY_FILE_NOT_FOUND,
+                        details: {
+                            fileName: helpers_1.DEFAULT_ENTRY_FILE_NAME,
+                        },
+                    }
+                    : {
+                        type: Errors_1.ErrorType.PAGE_NOT_FOUND,
+                    }));
+                dispatch((0, EditorSlice_1.codeRunHandled)());
+                return;
+            }
+            const indexPage = (0, node_html_parser_1.parse)(entryPoint.content);
+            const body = indexPage.querySelector("body") || indexPage;
+            const htmlRoot = indexPage.querySelector("html") ?? indexPage;
+            body.insertAdjacentHTML("afterbegin", scripts_1.disableLocalStorageScript);
+            htmlRoot.insertAdjacentHTML("afterbegin", scripts_1.consoleOverrideScript);
+            const { content } = await (0, fileParsers_1.resolveAndRewriteHtmlImports)(indexPage.toString(), projectComponents, entryPoint.path, page ?? entryPoint.path);
+            if (output.current) {
+                output.current.srcdoc = content;
+            }
+            if (codeRunTriggered) {
+                dispatch((0, EditorSlice_1.codeRunHandled)());
+            }
         }
-        if (codeRunTriggered) {
+        else {
+            if (output.current) {
+                output.current.src = externalLink;
+            }
             dispatch((0, EditorSlice_1.codeRunHandled)());
         }
     };
@@ -369470,7 +369425,7 @@ function HtmlRunner() {
     const iframeClasses = (0, classnames_1.default)(styles_module_scss_1.default.iframe, {
         [styles_module_scss_1.default.codeHasBeenRun]: codeHasBeenRun,
     });
-    return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.htmlrunnerContainer, children: [(0, jsx_runtime_1.jsx)(OutputTabPanel_1.OutputTabPanel, { title: "Preview", icon: preview_svg_1.default, readOnly: readOnly, extraTabContent: codeHasBeenRun && openInNewTabLink, tabPanelClassName: styles_module_scss_1.default.previewHtml, children: error ? ((0, jsx_runtime_1.jsx)("div", { className: iframeClasses, children: (0, jsx_runtime_1.jsx)(NotFoundPage_1.NotFoundPage, {}) })) : ((0, jsx_runtime_1.jsx)("iframe", { className: iframeClasses, sandbox: "allow-scripts allow-same-origin allow-modals allow-popups allow-popups-to-escape-sandbox", referrerPolicy: "strict-origin-when-cross-origin", allow: "\r\n            accelerometer 'none';\r\n            camera 'none';\r\n            encrypted-media;\r\n            fullscreen;\r\n            picture-in-picture;\r\n            geolocation 'none';\r\n            gyroscope 'none';\r\n            magnetometer 'none';\r\n            microphone 'none';\r\n            midi 'none';\r\n            payment 'none';\r\n            usb 'none';\r\n          ", id: "output-frame", title: "HTML Output Preview", ref: output, onLoad: iframeReload })) }), !isPreviewMode && ((0, jsx_runtime_1.jsx)(ResizableWithHandle_1.default, { "data-testid": "proj-console-container", handleDirection: "top", defaultHeight: "50%", className: styles_module_scss_1.default.resizeContainer, handleClassName: styles_module_scss_1.default.resizeHandleContainer, children: (0, jsx_runtime_1.jsx)(OutputTabPanel_1.OutputTabPanel, { title: "Console", icon: console_svg_1.default, readOnly: readOnly, children: (0, jsx_runtime_1.jsx)(HtmlConsole_1.default, { consoleLogs: consoleLogs }) }) }))] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.htmlrunnerContainer, children: [(0, jsx_runtime_1.jsx)(OutputTabPanel_1.OutputTabPanel, { title: "Preview", icon: preview_svg_1.default, readOnly: readOnly, extraTabContent: codeHasBeenRun && openInNewTabLink, tabPanelClassName: styles_module_scss_1.default.previewHtml, children: error ? ((0, jsx_runtime_1.jsx)("div", { className: iframeClasses, children: (0, jsx_runtime_1.jsx)(NotFoundPage_1.NotFoundPage, {}) })) : ((0, jsx_runtime_1.jsx)("iframe", { className: iframeClasses, sandbox: "allow-scripts allow-same-origin allow-modals allow-popups", referrerPolicy: "strict-origin-when-cross-origin", allow: "\r\n            accelerometer 'none';\r\n            camera 'none';\r\n            encrypted-media;\r\n            fullscreen;\r\n            picture-in-picture;\r\n            geolocation 'none';\r\n            gyroscope 'none';\r\n            magnetometer 'none';\r\n            microphone 'none';\r\n            midi 'none';\r\n            payment 'none';\r\n            usb 'none';\r\n          ", id: "output-frame", title: "HTML Output Preview", ref: output, onLoad: iframeReload })) }), !isPreviewMode && ((0, jsx_runtime_1.jsx)(ResizableWithHandle_1.default, { "data-testid": "proj-console-container", handleDirection: "top", defaultHeight: "50%", className: styles_module_scss_1.default.resizeContainer, handleClassName: styles_module_scss_1.default.resizeHandleContainer, children: (0, jsx_runtime_1.jsx)(OutputTabPanel_1.OutputTabPanel, { title: "Console", icon: console_svg_1.default, readOnly: readOnly, children: (0, jsx_runtime_1.jsx)(HtmlConsole_1.default, { consoleLogs: consoleLogs }) }) }))] }));
 }
 exports["default"] = HtmlRunner;
 
@@ -369549,7 +369504,6 @@ const node_html_parser_1 = __webpack_require__(36192);
 const ProjectTypes_1 = __webpack_require__(27130);
 const binaryStore_1 = __webpack_require__(5060);
 const projectHelpers_1 = __webpack_require__(2610);
-const helpers_1 = __webpack_require__(1108);
 /** Normalizes CSS paths
  * Treats paths without leading / or ./ or ../ as relative to current file
  * E.g. 'image.png' will be treated as './image.png'
@@ -369603,7 +369557,9 @@ const getMimeType = (filePath, fallback = "application/octet-stream") => {
 };
 /** Check if a URL is external, blob, or data */
 const isExternalOrDataUrl = (url) => {
-    return (url.startsWith("blob:") || (0, helpers_1.isExternalUrl)(url) || url.startsWith("data:"));
+    return (url.startsWith("blob:") ||
+        /^(https?:)?\/\//.test(url) ||
+        url.startsWith("data:"));
 };
 async function replaceAsync(input, regex, replacer) {
     let result = "";
@@ -369780,12 +369736,7 @@ async function rewriteSources(indexPage, components, baseFilePath, propName, blo
     const nodes = indexPage.querySelectorAll(`[${propName}]`);
     for (const node of nodes) {
         const raw = node.getAttribute(propName);
-        if (!raw)
-            continue;
-        // For external links with target="_blank", add noopener and noreferrer for security
-        if ((0, helpers_1.isExternalUrl)(raw) && node.getAttribute("target") === "_blank")
-            node.setAttribute("rel", "noopener noreferrer");
-        if (isExternalOrDataUrl(raw))
+        if (!raw || isExternalOrDataUrl(raw))
             continue;
         if ((0, projectHelpers_1.parseFileName)(raw).extension === ProjectTypes_1.ProjectFileExtension.HTML &&
             propName === "href") {
@@ -369838,7 +369789,7 @@ async function resolveAndRewriteHtmlImports(html, projectComponents, baseFilePat
 
 
 Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.isExternalUrl = exports.getFilenameFromIFrame = exports.getEntryPoint = exports.DEFAULT_ENTRY_FILE_PATH = exports.DEFAULT_ENTRY_FILE_NAME = void 0;
+exports.getFilenameFromIFrame = exports.getEntryPoint = exports.DEFAULT_ENTRY_FILE_PATH = exports.DEFAULT_ENTRY_FILE_NAME = void 0;
 const ProjectTypes_1 = __webpack_require__(27130);
 exports.DEFAULT_ENTRY_FILE_NAME = "index.html";
 exports.DEFAULT_ENTRY_FILE_PATH = `/${exports.DEFAULT_ENTRY_FILE_NAME}`;
@@ -369849,10 +369800,6 @@ const getEntryPoint = (components, filePath) => {
 exports.getEntryPoint = getEntryPoint;
 const getFilenameFromIFrame = (iframe) => iframe?.querySelector("meta[filename]")?.getAttribute("filename") ?? null;
 exports.getFilenameFromIFrame = getFilenameFromIFrame;
-const isExternalUrl = (url) => {
-    return /^(https?:)?\/\//.test(url);
-};
-exports.isExternalUrl = isExternalUrl;
 
 
 /***/ }),
@@ -373451,6 +373398,7 @@ const UserSlice_1 = __webpack_require__(86910);
 const WebComponentProject_1 = __importDefault(__webpack_require__(42086));
 const react_i18next_1 = __webpack_require__(56576);
 const useProject_1 = __webpack_require__(54095);
+const useProjectStarterCode_1 = __webpack_require__(65529);
 const useProjectPersistence_1 = __webpack_require__(72300);
 const useProjectRemix_1 = __webpack_require__(35602);
 const useProjectTabSync_1 = __webpack_require__(17299);
@@ -373467,7 +373415,7 @@ const stores_1 = __webpack_require__(32132);
 const SaveBeforeLeave_1 = __webpack_require__(47318);
 const selectors_1 = __webpack_require__(43551);
 const WebComponentLoader = (props) => {
-    const { locale = "en", projectNameEditable = true, readOnly = false, sidebarOptions = [], project: projectData, saveProject, isSaving, loadProjectContent, projectContent = null, isLoading = false, packageApiUrl, user, isCodeVisible = true, isSharedProject = false, shareLinks, isContentLoaded = null, isSaveSuccess = null, loadTemplateProjectData, isTemplateDataLoaded = false, } = props;
+    const { locale = "en", projectNameEditable = true, readOnly = false, sidebarOptions = [], project: projectData, saveProject, isSaving, loadProjectContent, projectContent = null, starterCodeContent = null, isLoading = false, packageApiUrl, user, isCodeVisible = true, isSharedProject = false, shareLinks, isContentLoaded = null, isSaveSuccess = null, loadTemplateProjectData, isTemplateDataLoaded = false, } = props;
     const dispatch = (0, react_redux_1.useDispatch)();
     const { t } = (0, react_i18next_1.useTranslation)();
     const [searchParams] = (0, react_router_dom_1.useSearchParams)();
@@ -373528,10 +373476,16 @@ const WebComponentLoader = (props) => {
         isLoading,
         isContentLoaded,
         projectContent,
+        starterCodeContent,
         loadProjectContent,
         loadTemplateProjectData,
         isTemplateDataLoaded,
     });
+    (0, useProjectStarterCode_1.useProjectStarterCode)({
+        projectData,
+        starterCodeContent,
+        isLoading,
+    });
     (0, useProjectRemix_1.useProjectRemix)({
         projectData,
         saveProject,
@@ -374225,10 +374179,10 @@ const getUniqueNameFromItem = (childrenNames, baseName, extension = "") => {
     // if there is a conflict, use canonical lowercase for the duplicate
     const normalizedBaseName = baseName.toLowerCase();
     let counter = 1;
-    let candidate = `${normalizedBaseName} (${counter})`;
+    let candidate = `${normalizedBaseName}(${counter})`;
     while (existingNamesLower.has(fullName(candidate).toLowerCase())) {
         counter++;
-        candidate = `${normalizedBaseName} (${counter})`;
+        candidate = `${normalizedBaseName}(${counter})`;
     }
     return candidate;
 };
@@ -374382,7 +374336,7 @@ const sendToast_1 = __webpack_require__(50068);
 const useUnsavedDraftResolution_1 = __webpack_require__(61171);
 const projectSnapshotHelpers_1 = __webpack_require__(22390);
 const isFinalLoadingState = (state) => state === types_1.LoadingState.SUCCESS || state === types_1.LoadingState.FAILED;
-const useProject = ({ projectData, projectContent = null, isContentLoaded = null, isLoading = false, loadProjectContent, loadTemplateProjectData, isTemplateDataLoaded, }) => {
+const useProject = ({ projectData, projectContent = null, starterCodeContent = null, isContentLoaded = null, isLoading = false, loadProjectContent, loadTemplateProjectData, isTemplateDataLoaded, }) => {
     const project = (0, stores_1.useAppSelector)((state) => state.editor.project);
     const loadingState = (0, stores_1.useAppSelector)((state) => state.editor.loading);
     const savingState = (0, stores_1.useAppSelector)((state) => state.editor.saving);
@@ -374504,6 +374458,10 @@ const useProject = ({ projectData, projectContent = null, isContentLoaded = null
         }
         // if no specific commitId provided and not preview, set default data
         if (!projectData?.commitId) {
+            // prefer the starter-code archive when one is provided
+            if (starterCodeContent) {
+                return;
+            }
             if (!loadTemplateProjectData || isTemplateDataLoaded) {
                 setProjectDataFromTemplate(projectData);
             }
@@ -374537,6 +374495,7 @@ const useProject = ({ projectData, projectContent = null, isContentLoaded = null
         project.commitId,
         saveTriggered,
         savingState,
+        starterCodeContent,
     ]);
     // Load commit data when commitIdLoadTriggered is set
     (0, react_1.useEffect)(() => {
@@ -374999,6 +374958,119 @@ const useProjectRemix = ({ projectData, saveProject, }) => {
 exports.useProjectRemix = useProjectRemix;
 
 
+/***/ }),
+
+/***/ 65529:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.useProjectStarterCode = void 0;
+const react_1 = __webpack_require__(51649);
+const react_redux_1 = __webpack_require__(14062);
+const EditorSlice_1 = __webpack_require__(68512);
+const stores_1 = __webpack_require__(32132);
+const loadProjectFromZip_1 = __webpack_require__(65404);
+const types_1 = __webpack_require__(92932);
+const useIsMounted_1 = __webpack_require__(76314);
+const useProjectCache_1 = __webpack_require__(69557);
+const useUnsavedDraftResolution_1 = __webpack_require__(61171);
+const projectSnapshotHelpers_1 = __webpack_require__(22390);
+const isFinalLoadingState = (state) => state === types_1.LoadingState.SUCCESS || state === types_1.LoadingState.FAILED;
+// unpacks a starter-code zip archive and applies it as the initial project
+const useProjectStarterCode = ({ projectData, starterCodeContent = null, isLoading = false, }) => {
+    const dispatch = (0, react_redux_1.useDispatch)();
+    const isMounted = (0, useIsMounted_1.useIsMounted)();
+    const callIdRef = (0, react_1.useRef)(null);
+    const loadingState = (0, stores_1.useAppSelector)((state) => state.editor.loading);
+    const savingState = (0, stores_1.useAppSelector)((state) => state.editor.saving);
+    const isPreview = (0, stores_1.useAppSelector)((state) => state.editor.isOutputOnly);
+    const commitIdLoadTriggered = (0, stores_1.useAppSelector)((state) => state.editor.commitIdLoadTriggered);
+    const saveTriggered = (0, stores_1.useAppSelector)((state) => state.editor.saveTriggered);
+    const projectFromStore = (0, stores_1.useAppSelector)((state) => state.editor.project);
+    const cacheKey = projectFromStore.identifier ?? projectData?.identifier;
+    const { value: cachedProject, isLoading: isLoadingCache, isLoaded: isCacheLoaded, } = (0, useProjectCache_1.useProjectCache)(cacheKey);
+    // eslint-disable-next-line eqeqeq
+    const isCurrentOutdated = cachedProject?.commitId != projectData?.commitId;
+    const { shouldBypassCachedDraft } = (0, useUnsavedDraftResolution_1.useUnsavedDraftResolution)({
+        projectData,
+        cachedProject,
+        isCurrentOutdated,
+    });
+    (0, react_1.useEffect)(() => {
+        if (!starterCodeContent || !projectData)
+            return;
+        if (isLoading || isLoadingCache)
+            return;
+        if (!isCacheLoaded && cacheKey)
+            return;
+        if (commitIdLoadTriggered)
+            return;
+        if (projectData.commitId)
+            return;
+        if (cachedProject)
+            return;
+        if (isPreview)
+            return;
+        if (saveTriggered || savingState === types_1.SavingState.PROCESS)
+            return;
+        if (isFinalLoadingState(loadingState) && !shouldBypassCachedDraft)
+            return;
+        const callId = Symbol("loadStarterCodeFromZip");
+        callIdRef.current = callId;
+        (0, loadProjectFromZip_1.loadProjectFromZip)({
+            zipBlob: starterCodeContent,
+            identifier: projectData.identifier,
+        })
+            .then((loadedProject) => {
+            if (!isMounted.current)
+                return;
+            if (callIdRef.current !== callId)
+                return;
+            const { commits, ...rest } = projectData;
+            const projectToSet = {
+                ...rest,
+                commitId: null,
+                components: loadedProject.components,
+                rootDirId: loadedProject.rootDirId,
+            };
+            dispatch((0, EditorSlice_1.setProject)({
+                ...projectToSet,
+                lastSavedSnapshot: (0, projectSnapshotHelpers_1.buildProjectSnapshot)(projectToSet),
+            }));
+            dispatch((0, EditorSlice_1.setCommits)({ commits: commits ?? [] }));
+        })
+            .catch((error) => {
+            if (!isMounted.current)
+                return;
+            if (callIdRef.current !== callId)
+                return;
+            console.error("Error loading starter code from zip:", error);
+            dispatch((0, EditorSlice_1.setLoading)(types_1.LoadingState.FAILED));
+        });
+        // trigger only on data/state changes that affect eligibility
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        starterCodeContent,
+        projectData,
+        isLoading,
+        isLoadingCache,
+        isCacheLoaded,
+        cacheKey,
+        cachedProject,
+        commitIdLoadTriggered,
+        isPreview,
+        loadingState,
+        savingState,
+        saveTriggered,
+        shouldBypassCachedDraft,
+        dispatch,
+        isMounted,
+    ]);
+};
+exports.useProjectStarterCode = useProjectStarterCode;
+
+
 /***/ }),
 
 /***/ 17299:
@@ -375091,6 +375163,7 @@ exports.useUnsavedDraftResolution = void 0;
 const react_1 = __webpack_require__(51649);
 const react_redux_1 = __webpack_require__(14062);
 const EditorSlice_1 = __webpack_require__(68512);
+const stores_1 = __webpack_require__(32132);
 const types_1 = __webpack_require__(92932);
 const projectSnapshotHelpers_1 = __webpack_require__(22390);
 // check if incoming and cached projects are the same draft
@@ -375127,14 +375200,14 @@ const hasCachedDraftChanges = (cachedProject, incomingProject) => {
 const useUnsavedDraftResolution = ({ projectData, cachedProject, isCurrentOutdated, }) => {
     const dispatch = (0, react_redux_1.useDispatch)();
     // flag to ignore cached draft after Start New
-    const [shouldBypassCachedDraft, setShouldBypassCachedDraft] = (0, react_1.useState)(false);
+    const shouldBypassCachedDraft = (0, stores_1.useAppSelector)((state) => state.editor.shouldBypassCachedDraft);
     const isSameDraftType = (0, react_1.useMemo)(() => isSameDraftProjectType(projectData, cachedProject), [projectData, cachedProject]);
     const hasDraftChanges = (0, react_1.useMemo)(() => hasCachedDraftChanges(cachedProject, projectData), [cachedProject, projectData]);
     (0, react_1.useEffect)(() => {
         if (projectData?.commitId && shouldBypassCachedDraft) {
-            setShouldBypassCachedDraft(false);
+            dispatch((0, EditorSlice_1.setShouldBypassCachedDraft)(false));
         }
-    }, [projectData?.commitId, shouldBypassCachedDraft]);
+    }, [projectData?.commitId, shouldBypassCachedDraft, dispatch]);
     // show modal only for matching draft when cache is valid and not bypassed
     const shouldShowUnsavedDraftModal = !!cachedProject &&
         !isCurrentOutdated &&
@@ -375146,8 +375219,8 @@ const useUnsavedDraftResolution = ({ projectData, cachedProject, isCurrentOutdat
             modal: types_1.ModalType.DRAFT_UNSAVED_CHANGES,
             args: {
                 type: types_1.ModalType.DRAFT_UNSAVED_CHANGES,
-                onContinue: () => setShouldBypassCachedDraft(false),
-                onStartNew: () => setShouldBypassCachedDraft(true),
+                onContinue: () => dispatch((0, EditorSlice_1.setShouldBypassCachedDraft)(false)),
+                onStartNew: () => dispatch((0, EditorSlice_1.setShouldBypassCachedDraft)(true)),
             },
         }));
     }, [dispatch]);
@@ -375169,7 +375242,7 @@ exports.useUnsavedDraftResolution = useUnsavedDraftResolution;
 var _a;
 Object.defineProperty(exports, "__esModule", ({ value: true }));
 exports.setRemixTriggered = exports.setIsLoadingCommit = exports.setCommitIdLoadTriggered = exports.setShareLinks = exports.setCommits = exports.setSharedStatus = exports.setCodeVisibility = exports.applyComponentsPatch = exports.setSaving = exports.disableTheming = exports.hideSidebar = exports.showSidebar = exports.closeModal = exports.showModal = exports.closeErrorModal = exports.showErrorModal = exports.updateProjectName = exports.setProjectNameDraft = exports.setSaveTriggered = exports.triggerDraw = exports.triggerCodeRun = exports.stopDraw = exports.stopCodeRun = exports.setLoading = exports.setReadOnly = exports.updateProjectIdentifier = exports.updateProjectCommits = exports.updateProjectSnapshot = exports.setProject = exports.setHasShownSavePrompt = exports.setError = exports.setCascadeUpdate = exports.setIsOutputOnly = exports.setAutorunEnabled = exports.setPage = exports.setFocussedFileIndex = exports.addFilePanel = exports.setOpenedFiles = exports.openFile = exports.closeFile = exports.expireJustLoaded = exports.codeRunHandled = exports.resetRunner = exports.setLoadedRunner = exports.loadingRunner = exports.updateProjectComponent = exports.addProjectComponent = exports.resetState = exports.EditorSlice = exports.editorInitialState = void 0;
-exports.queueBinaryWrites = exports.revertProject = void 0;
+exports.queueBinaryWrites = exports.revertProject = exports.setShouldBypassCachedDraft = void 0;
 const toolkit_1 = __webpack_require__(12069);
 const ProjectTypes_1 = __webpack_require__(27130);
 const types_1 = __webpack_require__(92932);
@@ -375218,6 +375291,7 @@ exports.editorInitialState = {
     shareLinks: null,
     remixTriggered: false,
     projectNameDraft: null,
+    shouldBypassCachedDraft: false,
 };
 exports.EditorSlice = (0, toolkit_1.createSlice)({
     name: "editor",
@@ -375500,10 +375574,13 @@ exports.EditorSlice = (0, toolkit_1.createSlice)({
         setRemixTriggered: (state, action) => {
             state.remixTriggered = action.payload;
         },
+        setShouldBypassCachedDraft: (state, action) => {
+            state.shouldBypassCachedDraft = action.payload;
+        },
     },
 });
 // Action creators are generated for each case reducer function
-_a = exports.EditorSlice.actions, exports.resetState = _a.resetState, exports.addProjectComponent = _a.addProjectComponent, exports.updateProjectComponent = _a.updateProjectComponent, exports.loadingRunner = _a.loadingRunner, exports.setLoadedRunner = _a.setLoadedRunner, exports.resetRunner = _a.resetRunner, exports.codeRunHandled = _a.codeRunHandled, exports.expireJustLoaded = _a.expireJustLoaded, exports.closeFile = _a.closeFile, exports.openFile = _a.openFile, exports.setOpenedFiles = _a.setOpenedFiles, exports.addFilePanel = _a.addFilePanel, exports.setFocussedFileIndex = _a.setFocussedFileIndex, exports.setPage = _a.setPage, exports.setAutorunEnabled = _a.setAutorunEnabled, exports.setIsOutputOnly = _a.setIsOutputOnly, exports.setCascadeUpdate = _a.setCascadeUpdate, exports.setError = _a.setError, exports.setHasShownSavePrompt = _a.setHasShownSavePrompt, exports.setProject = _a.setProject, exports.updateProjectSnapshot = _a.updateProjectSnapshot, exports.updateProjectCommits = _a.updateProjectCommits, exports.updateProjectIdentifier = _a.updateProjectIdentifier, exports.setReadOnly = _a.setReadOnly, exports.setLoading = _a.setLoading, exports.stopCodeRun = _a.stopCodeRun, exports.stopDraw = _a.stopDraw, exports.triggerCodeRun = _a.triggerCodeRun, exports.triggerDraw = _a.triggerDraw, exports.setSaveTriggered = _a.setSaveTriggered, exports.setProjectNameDraft = _a.setProjectNameDraft, exports.updateProjectName = _a.updateProjectName, exports.showErrorModal = _a.showErrorModal, exports.closeErrorModal = _a.closeErrorModal, exports.showModal = _a.showModal, exports.closeModal = _a.closeModal, exports.showSidebar = _a.showSidebar, exports.hideSidebar = _a.hideSidebar, exports.disableTheming = _a.disableTheming, exports.setSaving = _a.setSaving, exports.applyComponentsPatch = _a.applyComponentsPatch, exports.setCodeVisibility = _a.setCodeVisibility, exports.setSharedStatus = _a.setSharedStatus, exports.setCommits = _a.setCommits, exports.setShareLinks = _a.setShareLinks, exports.setCommitIdLoadTriggered = _a.setCommitIdLoadTriggered, exports.setIsLoadingCommit = _a.setIsLoadingCommit, exports.setRemixTriggered = _a.setRemixTriggered, exports.revertProject = _a.revertProject;
+_a = exports.EditorSlice.actions, exports.resetState = _a.resetState, exports.addProjectComponent = _a.addProjectComponent, exports.updateProjectComponent = _a.updateProjectComponent, exports.loadingRunner = _a.loadingRunner, exports.setLoadedRunner = _a.setLoadedRunner, exports.resetRunner = _a.resetRunner, exports.codeRunHandled = _a.codeRunHandled, exports.expireJustLoaded = _a.expireJustLoaded, exports.closeFile = _a.closeFile, exports.openFile = _a.openFile, exports.setOpenedFiles = _a.setOpenedFiles, exports.addFilePanel = _a.addFilePanel, exports.setFocussedFileIndex = _a.setFocussedFileIndex, exports.setPage = _a.setPage, exports.setAutorunEnabled = _a.setAutorunEnabled, exports.setIsOutputOnly = _a.setIsOutputOnly, exports.setCascadeUpdate = _a.setCascadeUpdate, exports.setError = _a.setError, exports.setHasShownSavePrompt = _a.setHasShownSavePrompt, exports.setProject = _a.setProject, exports.updateProjectSnapshot = _a.updateProjectSnapshot, exports.updateProjectCommits = _a.updateProjectCommits, exports.updateProjectIdentifier = _a.updateProjectIdentifier, exports.setReadOnly = _a.setReadOnly, exports.setLoading = _a.setLoading, exports.stopCodeRun = _a.stopCodeRun, exports.stopDraw = _a.stopDraw, exports.triggerCodeRun = _a.triggerCodeRun, exports.triggerDraw = _a.triggerDraw, exports.setSaveTriggered = _a.setSaveTriggered, exports.setProjectNameDraft = _a.setProjectNameDraft, exports.updateProjectName = _a.updateProjectName, exports.showErrorModal = _a.showErrorModal, exports.closeErrorModal = _a.closeErrorModal, exports.showModal = _a.showModal, exports.closeModal = _a.closeModal, exports.showSidebar = _a.showSidebar, exports.hideSidebar = _a.hideSidebar, exports.disableTheming = _a.disableTheming, exports.setSaving = _a.setSaving, exports.applyComponentsPatch = _a.applyComponentsPatch, exports.setCodeVisibility = _a.setCodeVisibility, exports.setSharedStatus = _a.setSharedStatus, exports.setCommits = _a.setCommits, exports.setShareLinks = _a.setShareLinks, exports.setCommitIdLoadTriggered = _a.setCommitIdLoadTriggered, exports.setIsLoadingCommit = _a.setIsLoadingCommit, exports.setRemixTriggered = _a.setRemixTriggered, exports.setShouldBypassCachedDraft = _a.setShouldBypassCachedDraft, exports.revertProject = _a.revertProject;
 exports.queueBinaryWrites = (0, toolkit_1.createAction)("editor/queueBinaryWrites");
 exports["default"] = exports.EditorSlice.reducer;
 
@@ -375643,7 +375720,6 @@ const utils_1 = __webpack_require__(33321);
 const sendToast_1 = __webpack_require__(50068);
 const constants_1 = __webpack_require__(16287);
 const fileValidation_1 = __webpack_require__(59615);
-const macSystemFiles_1 = __webpack_require__(18213);
 const selectComponents = (state) => {
     return state.editor.project.components ?? [];
 };
@@ -375715,27 +375791,23 @@ exports.fsRemove = fsRemove;
 const fsImportFiles = ({ files, parentId }) => async (dispatch, getState) => {
     const state = getState();
     const components = selectComponents(state);
-    // Ignore macOS system files (__MACOSX/, .DS_Store)
-    const importableFiles = (0, macSystemFiles_1.filterOutMacSystemFiles)(files);
-    if (importableFiles.length === 0)
-        return;
-    if (!(0, utils_1.validateProjectFilesCount)(components, importableFiles.length)) {
+    if (!(0, utils_1.validateProjectFilesCount)(components, files.length)) {
         (0, sendToast_1.showError)(filesCountErrorMessage);
         return;
     }
-    const { validFiles, importErrors } = (0, fileValidation_1.validateFiles)(importableFiles);
+    const { validFiles, importErrors } = (0, fileValidation_1.validateFiles)(files);
     const hasDuplicates = hasCaseInsensitiveDuplicateNames(validFiles);
     for (const error of importErrors) {
         (0, sendToast_1.showError)(error.reason);
     }
     if (validFiles.length > 0) {
-        (0, sendToast_1.showSuccess)(`Selected files uploaded successfully. ${validFiles.length} of ${importableFiles.length} file(s) uploaded.`);
+        (0, sendToast_1.showSuccess)(`Selected files uploaded successfully. ${validFiles.length} of ${files.length} file(s) uploaded.`);
         if (hasDuplicates) {
             (0, sendToast_1.showInfo)(DUPLICATE_UPLOAD_TOAST);
         }
     }
     else {
-        (0, sendToast_1.showError)(`Selected files couldn’t be uploaded. ${importableFiles.length} file(s) failed to upload.`);
+        (0, sendToast_1.showError)(`Selected files couldn’t be uploaded. ${files.length} file(s) failed to upload.`);
         return;
     }
     const componentsMap = (0, utils_1.buildComponentsById)(components);
@@ -375752,28 +375824,24 @@ const fsImportFolder = ({ files, parentId }) => async (dispatch, getState) => {
         return;
     const state = getState();
     const components = selectComponents(state);
-    // Ignore macOS system files (__MACOSX/, .DS_Store)
-    const importableFiles = (0, macSystemFiles_1.filterOutMacSystemFiles)(files);
-    if (importableFiles.length === 0)
-        return;
-    if (!(0, utils_1.validateProjectFilesCount)(components, importableFiles.length)) {
+    if (!(0, utils_1.validateProjectFilesCount)(components, files.length)) {
         (0, sendToast_1.showError)(filesCountErrorMessage);
         return;
     }
-    const folderName = importableFiles[0]?.webkitRelativePath?.split("/")[0];
-    const { validFiles, importErrors } = (0, fileValidation_1.validateFiles)(importableFiles);
+    const folderName = files[0]?.webkitRelativePath?.split("/")[0];
+    const { validFiles, importErrors } = (0, fileValidation_1.validateFiles)(files);
     const hasDuplicates = hasCaseInsensitiveDuplicateNames(validFiles);
     for (const error of importErrors) {
         (0, sendToast_1.showError)(error.reason);
     }
     if (validFiles.length > 0) {
-        (0, sendToast_1.showSuccess)(`Folder '${folderName}' upload complete. ${validFiles.length} of ${importableFiles.length} file(s) uploaded successfully.`);
+        (0, sendToast_1.showSuccess)(`Folder '${folderName}' upload complete. ${validFiles.length} of ${files.length} file(s) uploaded successfully.`);
         if (hasDuplicates) {
             (0, sendToast_1.showInfo)(DUPLICATE_UPLOAD_TOAST);
         }
     }
     else {
-        (0, sendToast_1.showError)(`'${folderName}' folder couldn't be uploaded. ${importableFiles.length} file(s) failed to upload.`);
+        (0, sendToast_1.showError)(`'${folderName}' folder couldn't be uploaded. ${files.length} file(s) failed to upload.`);
         return;
     }
     const componentsMap = (0, utils_1.buildComponentsById)(components);
@@ -376642,6 +376710,57 @@ const downloadProjectFile = async (file, fileName) => {
 exports.downloadProjectFile = downloadProjectFile;
 
 
+/***/ }),
+
+/***/ 31615:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+
+Object.defineProperty(exports, "__esModule", ({ value: true }));
+exports.matchingRegexes = exports.allowedInternalLinks = exports.allowedExternalLinks = exports.useExternalLinkState = void 0;
+const react_1 = __webpack_require__(51649);
+const react_redux_1 = __webpack_require__(14062);
+const EditorSlice_1 = __webpack_require__(68512);
+const Errors_1 = __webpack_require__(20339);
+const domain = "https://rpf.io/";
+const host = window?.location?.origin || "http://localhost:3011";
+const rpfDomain = new RegExp(`^${domain}`);
+const hostDomain = new RegExp(`^${host}`);
+const allowedInternalLinks = [new RegExp(`^#[a-zA-Z0-9]+`)];
+exports.allowedInternalLinks = allowedInternalLinks;
+const allowedExternalLinks = [rpfDomain, hostDomain];
+exports.allowedExternalLinks = allowedExternalLinks;
+const useExternalLinkState = (showModal) => {
+    const dispatch = (0, react_redux_1.useDispatch)();
+    const [externalLink, setExternalLink] = (0, react_1.useState)(null);
+    const handleAllowedExternalLink = (linkTo) => {
+        setExternalLink(linkTo);
+        dispatch((0, EditorSlice_1.triggerCodeRun)());
+    };
+    const handleRegularExternalLink = (linkTo) => {
+        setExternalLink(null);
+        dispatch((0, EditorSlice_1.setPage)(linkTo));
+        dispatch((0, EditorSlice_1.triggerCodeRun)());
+    };
+    const handleExternalLinkError = () => {
+        dispatch((0, EditorSlice_1.setError)({ type: Errors_1.ErrorType.EXTERNAL_LINK }));
+        showModal();
+    };
+    return {
+        externalLink,
+        setExternalLink,
+        handleAllowedExternalLink,
+        handleRegularExternalLink,
+        handleExternalLinkError,
+    };
+};
+exports.useExternalLinkState = useExternalLinkState;
+const matchingRegexes = (regexArray, testString) => {
+    return regexArray.some((reg) => reg.test(testString));
+};
+exports.matchingRegexes = matchingRegexes;
+
+
 /***/ }),
 
 /***/ 65404:
@@ -376659,7 +376778,6 @@ const ProjectTypes_1 = __webpack_require__(27130);
 const projectHelpers_1 = __webpack_require__(2610);
 const binaryStore_1 = __webpack_require__(5060);
 const projectBinaryIndex_1 = __webpack_require__(3044);
-const macSystemFiles_1 = __webpack_require__(18213);
 function normPath(p) {
     let s = (p || "").replace(/\\/g, "/").replace(/^\/+/, "");
     // remove extra folder in zipball zip
@@ -376686,7 +376804,7 @@ function pushChild(parent, childId) {
         parent.children.push(childId);
 }
 function getCommonRootFolder(entries) {
-    const fileEntries = entries.filter((entry) => !entry.dir && !(0, macSystemFiles_1.isMacSystemFilePath)(entry.name));
+    const fileEntries = entries.filter((entry) => !entry.dir);
     const [firstFileEntry] = fileEntries;
     if (!firstFileEntry)
         return "";
@@ -376721,13 +376839,10 @@ async function loadProjectFromZip(opts) {
     for (const entry of entries) {
         if (entry.dir)
             continue;
-        // skip mac system files (__MACOSX/, .DS_Store)
-        if ((0, macSystemFiles_1.isMacSystemFilePath)(entry.name))
-            continue;
-        const normalized = normPath(entry.name);
-        const raw = rootPath && normalized.startsWith(rootPath)
-            ? normalized.slice(rootPath.length)
-            : normalized;
+        const normalizedEntryName = normPath(entry.name);
+        const raw = rootPath
+            ? normPath(normalizedEntryName.slice(rootPath.length))
+            : normalizedEntryName;
         if (!raw)
             continue;
         const parts = raw.split("/").filter(Boolean);
@@ -376787,34 +376902,6 @@ async function loadProjectFromZip(opts) {
 }
 
 
-/***/ }),
-
-/***/ 18213:
-/***/ ((__unused_webpack_module, exports) => {
-
-
-Object.defineProperty(exports, "__esModule", ({ value: true }));
-exports.filterOutMacSystemFiles = exports.isMacSystemFilePath = void 0;
-const normalizeSlashes = (p) => (p || "").replace(/\\/g, "/").trim();
-const isMacSystemFilePath = (rawEntryPath) => {
-    const path = normalizeSlashes(rawEntryPath);
-    if (!path)
-        return false;
-    const fileName = path.split("/").filter(Boolean).pop() || "";
-    // skip mac system files
-    if (path.startsWith("__MACOSX/") || path.includes("/__MACOSX/"))
-        return true;
-    if (fileName === ".DS_Store")
-        return true;
-    if (fileName.startsWith("._"))
-        return true;
-    return false;
-};
-exports.isMacSystemFilePath = isMacSystemFilePath;
-const filterOutMacSystemFiles = (files) => Array.from(files).filter((file) => !(0, exports.isMacSystemFilePath)(file.webkitRelativePath?.trim() || file.name));
-exports.filterOutMacSystemFiles = filterOutMacSystemFiles;
-
-
 /***/ }),
 
 /***/ 3044:

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "gwchq-textjam",
   "description": "Embeddable React editor used in Raspberry Pi text-based projects.",
-  "version": "0.3.1",
+  "version": "0.4.0",
   "license": "Apache-2.0",
   "homepage": "https://github.com/GirlsFirst/gwchq-textjam",
   "author": "Girls Who Code HQ",
@@ -21,7 +21,6 @@
     "lint:fix": "eslint --fix \"src/**/*.{js,jsx,json}\"",
     "stylelint": "stylelint src/**/*.scss",
     "test": "jest",
-    "test:coverage": "jest --coverage --json --outputFile=report.json",
     "prepare": "husky"
   },
   "module": "./dist/index.js",
@@ -98,7 +97,7 @@
     "react-refresh": "^0.8.3",
     "react-responsive": "^9.0.2",
     "react-router-dom": "^6.7.0",
-    "react-tabs": "^4.2.1",
+    "react-tabs": "^3.2.3",
     "react-timer-hook": "^3.0.5",
     "react-toastify": "^8.1.0",
     "react-toggle": "^4.1.3",
@@ -123,6 +122,7 @@
     "@babel/preset-env": "^7.17.10",
     "@babel/preset-typescript": "^7.28.5",
     "@pmmmwh/react-refresh-webpack-plugin": "0.4.3",
+    "@react-three/test-renderer": "8.2.1",
     "@svgr/webpack": "5.5.0",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "14.3.1",
@@ -165,7 +165,6 @@
     "file-loader": "6.1.1",
     "html-webpack-plugin": "5.6.0",
     "husky": "^9.1.7",
-    "identity-obj-proxy": "^3.0.0",
     "jest": "^29.1.2",
     "jest-circus": "^29.1.2",
     "jest-css-modules-transform": "^4.4.2",
@@ -274,9 +273,7 @@
       "^utils/(.*)$": "<rootDir>/src/utils/$1",
       "^components/(.*)$": "<rootDir>/src/components/$1",
       "^assets/(.*)$": "<rootDir>/src/assets/$1",
-      "^store/(.*)$": "<rootDir>/src/redux/$1",
-      "^domain/(.*)$": "<rootDir>/src/domain/$1",
-      "^.+\\?url$": "<rootDir>/node_modules/jest-transform-stub"
+      "^store/(.*)$": "<rootDir>/src/redux/$1"
     },
     "moduleFileExtensions": [
       "web.js",
@@ -294,8 +291,7 @@
       "jest-watch-typeahead/filename",
       "jest-watch-typeahead/testname"
     ],
-    "resetMocks": true,
-    "coverageDirectory": "./coverage"
+    "resetMocks": true
   },
   "packageManager": "yarn@3.4.1"
 }