gwchq-textjam 0.1.3 → 0.1.4

package/README.md

@@ -1,255 +1,256 @@
-# Getting Started
-
-This project provides a React component containing the Raspberry Pi Code Editor for embedding inside other applications. Although originally bootstrapped with [Create React App](https://github.com/facebook/create-react-app), the application has been ejected so all the build scripts etc. are now in the repo. Legacy web-component assets are still published for backwards compatibility, but the primary integration surface is the `TextJamEditor` React component.
-
-# Local development
-
-The app test page at `http://localhost:3011` can be used to develop the React component in isolation if needed.
-
-## Install dependencies
-
-This repository uses Yarn 3 (see `package.json` → `packageManager`). Please install dependencies with Yarn:
-
-```
-yarn install
-```
-
-Using `npm install` can fail due to strict peer-dependency resolution in npm for some legacy packages in this project.
-
-## Available Scripts
-
-In the project directory, you can run:
-
-### `yarn start`
-
-Runs the app in the development mode.\
-Open [http://localhost:3011](http://localhost:3011) to view the web component test page in the browser.
-
-The page will reload if you make edits.\
-You will also see any lint errors in the console.
-
-### `yarn test`
-
-Launches the test runner in interactive watch mode.\
-See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
-
-### `yarn build:lib`
-
-Builds the lib for production to the `dist` folder.\
-It bundles React in production mode and optimizes the build for the best performance.
-
-The build is minified and the filenames include the hashes.\
-Your app is ready to be deployed!
-
-See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
-
-## Styling
-
-The dev playground (`webpack.config.js`) keeps styles in JavaScript via `style-loader` for the fastest live reload experience. The library build (`webpack.lib.config.js`) extracts all CSS/SCSS into `dist/style.css` using `MiniCssExtractPlugin` so consumers can import a single stylesheet while still benefitting from CSS Modules (`*.module.(css|scss)`) for scoped styles.
-
-### Styling Best Practices for Developers
-
-**Focus on CSS Modules**: When adding or modifying styles, prioritize CSS Modules over global styles. Use the `.module.css` or `.module.scss` naming convention to ensure styles are scoped to components and avoid style conflicts.
-
-**Refactor Global Styles**: When working on existing code, identify global styles and refactor them into CSS Modules when possible. This improves maintainability, reduces style conflicts, and makes components more self-contained.
-
-**CSS Modules Structure**:
-- Component-specific styles should live in `ComponentName/styles.module.scss` alongside the component
-- Import styles as: `import classes from './styles.module.scss'`
-- Use class names from the imported styles object: `className={classes.container}`
-- Webpack automatically generates scoped class names like `ComponentName__container--abc123`
-
-**When Global Styles Are Acceptable**:
-- Design system tokens and variables (e.g., color palettes, spacing scales)
-- Third-party library overrides that cannot be modularized
-- Base resets or typography that must apply globally
-
-**Example - Preferred CSS Modules Approach**:
-```jsx
-// ComponentName/ComponentName.jsx
-import classes from './styles.module.scss';
-
-export function ComponentName() {
-  return <div className={classes.container}>Content</div>;
-}
-```
-
-```scss
-// ComponentName/styles.module.scss
-.container {
-  padding: 1rem;
-  background: var(--color-background);
-}
-```
-
-## Testing
-
-Automated unit tests can be run via the `yarn test` command. These unit tests are written using the JavaScript testing framework `Jest` and make use of the tools provided by the [React Testing Library](https://testing-library.com/docs/). Automated accessibility testing for components is available via the `jest-axe` library. This can be achieved using the `haveNoViolations` matcher provided by `jest-axe`, although this does not guarantee that the tested components have no accessibility issues.
-
-## Publishing to npm
-
-### Prerequisites
-
-1. Ensure you're logged into npm:
-   ```bash
-   npm login
-   ```
-
-2. Verify you have publish access to the `gwchq-textjam` package.
-
-3. Make sure all changes are committed and the working directory is clean.
-
-### Publishing Steps
-
-1. **Update the version** in `package.json` following [semantic versioning](https://semver.org/):
-   - Patch: `0.1.2` → `0.1.3` (bug fixes)
-   - Minor: `0.1.2` → `0.2.0` (new features, backwards compatible)
-   - Major: `0.1.2` → `1.0.0` (breaking changes)
-   
-2. **Build the library** (automatically runs via `prepublishOnly` hook):
-   ```bash
-   yarn build:lib
-   ```
-   This creates the `dist` folder with:
-   - `index.js` - The main ESM module
-   - `style.css` - Extracted stylesheet
-   - `assets/` - Static assets (icons, fonts, etc.)
-
-3. **Verify the build output**:
-   - Check that `dist/index.js` exists and is properly built
-   - Verify `dist/style.css` contains all styles
-   - Ensure all required assets are in `dist/assets/`
-
-4. **Publish to npm**:
-   ```bash
-   npm publish
-   ```
-   The `prepublishOnly` script will automatically run `yarn build:lib` before publishing.
-
-5. **Verify publication**:
-   ```bash
-   npm view gwchq-textjam version
-   ```
-
-### What Gets Published
-
-The following files are included in the npm package (as defined in `package.json` → `files`):
-- `dist/` - Built library files
-- `README.md` - This file
-- `LICENSE` - License file
-
-### Package Exports
-
-Consumers can import:
-- Main component: `import { TextJamEditor } from "gwchq-textjam"`
-- Stylesheet: `import "gwchq-textjam/style.css"`
-
-# Using the editor as a React component
-
-The editor can be imported and rendered directly inside another React application. The package exports the `TextJamEditor` component and `styles.css`:
-
-```tsx
-import { TextJamEditor } from "gwchq-textjam";
-import "gwchq-textjam/style.css"
-
-export function EditorWrapper() {
-  return (
-    <TextJamEditor />
-  );
-}
-```
-
-The consumer's webpack config should include the following setups
-```
-{
-  ...,
-  modules: {
-    rules: [
-      ...,
-      {
-        test: /\.map$/,
-        type: "asset/resource",
-      },
-      {
-        test: /\.whl$/,
-        type: "asset/resource",
-      },
-      {
-        test: /\.glb$/,
-        type: "asset/resource",
-      },
-    ]
-  },
-  plugins: [
-    new CopyWebpackPlugin({
-      patterns: [
-        ...,
-        {
-          from: "node_modules/gwchq-textjam/dist/assets",
-          to: "assets",
-        },
-      ],
-    }),
-  ],
-  resolve: {
-    extensions: ['.js', '.jsx'],
-    alias: {
-      'react': path.resolve(__dirname, 'node_modules/react'),
-      'react-dom': path.resolve(__dirname, 'node_modules/react-dom'),
-      'react-redux': path.resolve(__dirname, 'node_modules/react-redux'),
-    },
-    fallback: {
-      stream: require.resolve('stream-browserify'),
-      path: require.resolve('path-browserify'),
-      util: require.resolve('util/'),
-      assert: require.resolve("assert"),
-    },
-  },
-}
-```
-
-### Component props
-
-`TextJamEditor` accepts the following props (previously exposed as web-component attributes):
-
-- `assetsIdentifier`: Load assets (not code) from this project identifier
-- `code`: A preset blob of code to show in the editor pane (overrides content of `main.py`/`index.html`)
-- `editableInstructions`: Boolean; show edit panel for instructions when `true`
-- `embedded`: Enable embedded mode which hides some functionality (defaults to `false`)
-- `identifier`: Load the project with this identifier from the database
-- `instructions`: JSON object containing steps to be displayed in the instructions panel in the sidebar
-- `loadCache`: Load latest version of project code from local storage (defaults to `true`)
-- `locale`: Locale for UI elements and to determine the language of projects loaded from the API (defaults to `en`)
-- `outputOnly`: Only display the output panel (defaults to `false`)
-- `outputPanels`: Array of output panel names to display (defaults to `['text', 'visual']`)
-- `outputSplitView`: Start with split view in output panel (defaults to `false`, i.e. tabbed view)
-- `projectNameEditable`: Allow the user to edit the project name in the project bar (defaults to `false`)
-- `reactAppApiEndpoint`: API endpoint to send project-related requests to
-- `readOnly`: Display the editor in read-only mode (defaults to `false`)
-- `showSavePrompt`: Prompt the user to save their work (defaults to `false`)
-- `sidebarOptions`: Array of strings specifying the panels to be displayed in the sidebar. Options include `"projects"`, `"instructions"`, `"file"`, `"images"`, `"download"`, `"settings"`, and `"info"`.
-- `sidebarPlugins`: Array of plugin definitions to render inside the sidebar (defaults to `[]`)
-- `theme`: Force editor into `"dark"` or `"light"` mode; browser/system preferences are used when omitted
-- `withProjectbar`: Show the project bar containing project name and save status (defaults to `false`)
-- `withSidebar`: Show the sidebar (defaults to `false`)
-
-When no props are supplied the component falls back to parsing the current page’s query string so the local development experience (`yarn start`) continues to work unchanged. You can override this by explicitly passing `queryString` or the equivalent props.
-
-### Events and callbacks
-
-For backwards compatibility the editor continues to dispatch the following `document` events. You can listen for them from your host application if you rely on the legacy integration layer:
-
-- `editor-codeChanged`
-- `editor-navigateToProjectsPage`
-- `editor-projectIdentifierChanged`
-- `editor-projectOwnerLoaded`
-- `editor-runCompleted`
-- `editor-runStarted`
-- `editor-stepChanged`
-- `editor-logIn`
-- `editor-signUp`
-- `editor-quizReady`
-- `editor-themeUpdated`
-
-These events make it possible for the host page to react to code execution, project changes, authentication requests, and theme updates.
-
+# Getting Started
+
+This project provides a React component containing the Raspberry Pi Code Editor for embedding inside other applications. Although originally bootstrapped with [Create React App](https://github.com/facebook/create-react-app), the application has been ejected so all the build scripts etc. are now in the repo. Legacy web-component assets are still published for backwards compatibility, but the primary integration surface is the `TextJamEditor` React component.
+
+# Local development
+
+The app test page at `http://localhost:3011` can be used to develop the React component in isolation if needed.
+
+## Install dependencies
+
+This repository uses Yarn 3 (see `package.json` → `packageManager`). Please install dependencies with Yarn:
+
+```
+yarn install
+```
+
+Using `npm install` can fail due to strict peer-dependency resolution in npm for some legacy packages in this project.
+
+## Available Scripts
+
+In the project directory, you can run:
+
+### `yarn start`
+
+Runs the app in the development mode.\
+Open [http://localhost:3011](http://localhost:3011) to view the web component test page in the browser.
+
+The page will reload if you make edits.\
+You will also see any lint errors in the console.
+
+### `yarn test`
+
+Launches the test runner in interactive watch mode.\
+See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
+
+### `yarn build:lib`
+
+Builds the lib for production to the `dist` folder.\
+It bundles React in production mode and optimizes the build for the best performance.
+
+The build is minified and the filenames include the hashes.\
+Your app is ready to be deployed!
+
+See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
+
+## Styling
+
+The dev playground (`webpack.config.js`) keeps styles in JavaScript via `style-loader` for the fastest live reload experience. The library build (`webpack.lib.config.js`) extracts all CSS/SCSS into `dist/style.css` using `MiniCssExtractPlugin` so consumers can import a single stylesheet while still benefitting from CSS Modules (`*.module.(css|scss)`) for scoped styles.
+
+### Styling Best Practices for Developers
+
+**Focus on CSS Modules**: When adding or modifying styles, prioritize CSS Modules over global styles. Use the `.module.css` or `.module.scss` naming convention to ensure styles are scoped to components and avoid style conflicts.
+
+**Refactor Global Styles**: When working on existing code, identify global styles and refactor them into CSS Modules when possible. This improves maintainability, reduces style conflicts, and makes components more self-contained.
+
+**CSS Modules Structure**:
+- Component-specific styles should live in `ComponentName/styles.module.scss` alongside the component
+- Import styles as: `import classes from './styles.module.scss'`
+- Use class names from the imported styles object: `className={classes.container}`
+- Webpack automatically generates scoped class names like `ComponentName__container--abc123`
+
+**When Global Styles Are Acceptable**:
+- Design system tokens and variables (e.g., color palettes, spacing scales)
+- Third-party library overrides that cannot be modularized
+- Base resets or typography that must apply globally
+
+**Example - Preferred CSS Modules Approach**:
+```jsx
+// ComponentName/ComponentName.jsx
+import classes from './styles.module.scss';
+
+export function ComponentName() {
+  return <div className={classes.container}>Content</div>;
+}
+```
+
+```scss
+// ComponentName/styles.module.scss
+.container {
+  padding: 1rem;
+  background: var(--color-background);
+}
+```
+
+## Testing
+
+Automated unit tests can be run via the `yarn test` command. These unit tests are written using the JavaScript testing framework `Jest` and make use of the tools provided by the [React Testing Library](https://testing-library.com/docs/). Automated accessibility testing for components is available via the `jest-axe` library. This can be achieved using the `haveNoViolations` matcher provided by `jest-axe`, although this does not guarantee that the tested components have no accessibility issues.
+
+## Publishing to npm
+
+### Prerequisites
+
+1. Ensure you're logged into npm:
+   ```bash
+   npm login
+   ```
+
+2. Verify you have publish access to the `gwchq-textjam` package.
+
+3. Make sure all changes are committed and the working directory is clean.
+
+### Publishing Steps
+
+1. **Update the version** in `package.json` following [semantic versioning](https://semver.org/):
+   - Patch: `0.1.2` → `0.1.3` (bug fixes)
+   - Minor: `0.1.2` → `0.2.0` (new features, backwards compatible)
+   - Major: `0.1.2` → `1.0.0` (breaking changes)
+   
+2. **Build the library** (automatically runs via `prepublishOnly` hook):
+   ```bash
+   yarn build:lib
+   ```
+   This creates the `dist` folder with:
+   - `index.js` - The main ESM module
+   - `style.css` - Extracted stylesheet
+   - `assets/` - Static assets (icons, fonts, etc.)
+
+3. **Verify the build output**:
+   - Check that `dist/index.js` exists and is properly built
+   - Verify `dist/style.css` contains all styles
+   - Ensure all required assets are in `dist/assets/`
+
+4. **Publish to npm**:
+   ```bash
+   npm publish
+   ```
+   The `prepublishOnly` script will automatically run `yarn build:lib` before publishing.
+
+5. **Verify publication**:
+   ```bash
+   npm view gwchq-textjam version
+   ```
+
+### What Gets Published
+
+The following files are included in the npm package (as defined in `package.json` → `files`):
+- `dist/` - Built library files
+- `README.md` - This file
+- `LICENSE` - License file
+
+### Package Exports
+
+Consumers can import:
+- Main component: `import { TextJamEditor } from "gwchq-textjam"`
+- Stylesheet: `import "gwchq-textjam/style.css"`
+
+# Using the editor as a React component
+
+The editor can be imported and rendered directly inside another React application. The package exports the `TextJamEditor` component and `styles.css`:
+
+```tsx
+import { TextJamEditor } from "gwchq-textjam";
+import "gwchq-textjam/style.css"
+
+export function EditorWrapper() {
+  return (
+    <TextJamEditor
+      project={{ project_type: "python", identifier: "my-py-app" }}
+    />
+  );
+}
+```
+
+The consumer's webpack config should include the following setups
+```
+{
+  ...,
+  modules: {
+    rules: [
+      ...,
+      {
+        test: /\.map$/,
+        type: "asset/resource",
+      },
+      {
+        test: /\.whl$/,
+        type: "asset/resource",
+      },
+      {
+        test: /\.glb$/,
+        type: "asset/resource",
+      },
+    ]
+  },
+  plugins: [
+    new CopyWebpackPlugin({
+      patterns: [
+        ...,
+        {
+          from: "node_modules/gwchq-textjam/dist/assets",
+          to: "assets",
+        },
+      ],
+    }),
+  ],
+  resolve: {
+    extensions: ['.js', '.jsx'],
+    alias: {
+      'react': path.resolve(__dirname, 'node_modules/react'),
+      'react-dom': path.resolve(__dirname, 'node_modules/react-dom'),
+      'react-redux': path.resolve(__dirname, 'node_modules/react-redux'),
+    },
+    fallback: {
+      stream: require.resolve('stream-browserify'),
+      path: require.resolve('path-browserify'),
+      util: require.resolve('util/'),
+      assert: require.resolve("assert"),
+    },
+  },
+}
+```
+
+### Component props
+
+`TextJamEditor` accepts the following props (previously exposed as web-component attributes):
+
+- `project`: an object with the project data. Contains the following props:
+  - `project_type`: Possible values `web` | `python`. Default project files will be created according to this value
+  - `identifier`: A string that represents the project id. If provided, cached project with same id will be loaded
+
+// TODO: review old options below
+- `code`: A preset blob of code to show in the editor pane (overrides content of `main.py`/`index.html`)
+- `embedded`: Enable embedded mode which hides some functionality (defaults to `false`)
+- `loadCache`: Load latest version of project code from local storage (defaults to `true`)
+- `locale`: Locale for UI elements and to determine the language of projects loaded from the API (defaults to `en`)
+- `outputOnly`: Only display the output panel (defaults to `false`)
+- `outputPanels`: Array of output panel names to display (defaults to `['text', 'visual']`)
+- `outputSplitView`: Start with split view in output panel (defaults to `false`, i.e. tabbed view)
+- `projectNameEditable`: Allow the user to edit the project name in the project bar (defaults to `false`)
+- `readOnly`: Display the editor in read-only mode (defaults to `false`)
+- `showSavePrompt`: Prompt the user to save their work (defaults to `false`)
+- `sidebarOptions`: Array of strings specifying the panels to be displayed in the sidebar. Options include `"projects"`, `"file"`, `"download"`, `"settings"`.
+- `sidebarPlugins`: Array of plugin definitions to render inside the sidebar (defaults to `[]`)
+- `theme`: Force editor into `"dark"` or `"light"` mode; browser/system preferences are used when omitted
+- `withProjectbar`: Show the project bar containing project name and save status (defaults to `false`)
+- `withSidebar`: Show the sidebar (defaults to `false`)
+
+When no props are supplied the component falls back to parsing the current page’s query string so the local development experience (`yarn start`) continues to work unchanged. You can override this by explicitly passing `queryString` or the equivalent props.
+
+### Events and callbacks
+
+For backwards compatibility the editor continues to dispatch the following `document` events. You can listen for them from your host application if you rely on the legacy integration layer:
+
+- `editor-codeChanged`
+- `editor-navigateToProjectsPage`
+- `editor-projectOwnerLoaded`
+- `editor-runCompleted`
+- `editor-runStarted`
+- `editor-stepChanged`
+- `editor-logIn`
+- `editor-signUp`
+- `editor-quizReady`
+- `editor-themeUpdated`
+
+These events make it possible for the host page to react to code execution, project changes, authentication requests, and theme updates.
+

package/dist/360.index.js

@@ -5,7 +5,7 @@ export const modules = {
 /***/ 22796:
 /***/ ((module) => {
 
-module.exports = /*#__PURE__*/JSON.parse('{"modal":{"close":"Close","error":{"error":"Error","heading":"An error has occurred","externalLink":{"message":"Unfortunately links to external sites are not available in the Editor."}}},"editorPanel":{"ariaLabel":"editor text input","characterLimitError":"Error: Character limit reached","characterLimitExplanation_one":"Files in the editor are limited to {{count}} character","characterLimitExplanation_other":"Files in the editor are limited to {{count}} characters","viewOnly":"View only","close":"close"},"filePanel":{"errors":{"reservedFileName":"{{fileName}} is a reserved file name. Please choose a different name.","containsSpaces":"File names must not contain spaces.","generalError":"Error","notUnique":"File names must be unique.","or":"or","unsupportedExtension":"File names must end in {{allowedExtensions}}."},"files":"Project files","images":"Image gallery","newFileButton":"Add file","newFileModal":{"cancel":"Cancel","heading":"Add a new file to your project","helpText":"Remember to add the file extension at the end of your file name, for example, {{examples}}","helpTextExample":{"html":"\'file.html\', \'file.css\' or \'file.js\'","python":"\'file.py\'"},"inputLabel":"Name your file","addFile":"Add file"},"renameFileModal":{"cancel":"Cancel","heading":"Rename file","inputLabel":"Name your file","save":"Save"},"fileMenu":{"label":"Open file menu","renameItem":"Rename file"}},"downloadPanel":{"heading":"Save & download","logInTitle":"Log in to save your progress","logInHint":"With a Raspberry Pi Account you can save your code and project steps progress.","logInButton":"Log in to save","signUpButton":"Sign up","downloadHint":"Download your project files so you can use them offline and in a different code editor.","downloadButton":"Download project"},"footer":{"accessibility":"Accessibility","charityNameAndNumber":"Raspberry Pi Foundation UK registered charity 1129409","cookies":"Cookies","privacy":"Privacy","safeguarding":"Safeguarding"},"projectName":{"label":"Project name","newProject":"New Project"},"header":{"download":"Download","downloadFileNameDefault":"my {{project_type}} project","editorLogoAltText":"Editor logo","projects":"Your projects","renameProject":"Edit project name","renameSave":"Save project name","save":"Save","loginToSave":"Log in to save","settings":"Settings"},"imagePanel":{"gallery":"Image Gallery"},"infoPanel":{"info":"Information"},"instructionsPanel":{"demoInstructions":{"title":"How instructions work","enablingInstructions":"Enabling instructions","visible":"Any text written here will be visible to students in the sidebar.","writingInstructions":"Writing instructions","markdown":"Write your instructions using [Markdown](https://www.markdownguide.org/).","whatYouCanDo":"What you can do","lists":"Lists","bulletPoints":"Bullet points","numberedSteps":"Numbered steps"},"emptyState":{"addInstructions":"Add instructions","edits":"Like project code, students will not see any edits you make to the instructions after they have saved their version of the project.","location":"These instructions will be shown to students in their project sidebar and will be view-only.","markdown":"Instructions are written in <0>markdown</0>.","purpose":"Instructions can be added to your project to guide students."},"removeInstructions":"Remove instructions","nextStep":"Next step","previousStep":"Previous step","projectSteps":"Project instructions","edit":"Edit","view":"View","removeInstructionsModal":{"removeInstructions":"Remove instructions","close":"Close","heading":"Remove project instructions?","removeInstuctionsWarning":"You are about to remove the instructions from the project.","resultRemovingInstructions":"As a result of removing these instructions:","instructionsWillBeDeleted":"Instructions content will be deleted.","studentsWorkingProjectNotRecievedInstructions":"Students who start working on this project will not receive instructions.","studentsStartedWillSeeInstructions":"Students who have already started working on this project will still be able to see the instructions as they were when they started."}},"projectsPanel":{"projects":"Projects","yourProjectsButton":"Go to your projects","projectTypeLabel":"Project type"},"settingsPanel":{"info":"Settings"},"input":{"comment":{"py5":"Py5: imported mode"}},"mobile":{"code":"Code","menu":"Menu","output":"Output","preview":"Preview","steps":"Steps"},"modals":{"close":"Close"},"notifications":{"close":"close","loginPrompt":"To save this project and access it later, don\'t forget to log in or sign up!","projectRenamed":"You have renamed your project.","projectSaved":"Your project has been saved","savePrompt":"Save this project to access it later under \\"Your projects\\"."},"output":{"errors":{"interrupted":"Execution interrupted"},"newTab":"Preview in new tab","preview":"preview","textOutput":"Text output","visualOutput":"Visual output"},"outputViewToggle":{"buttonTabLabel":"Tabbed view","buttonTabTitle":"Tabbed view","buttonSplitLabel":"Split view","buttonSplitTitle":"Split view"},"project":{"accessDeniedWithAuthModal":{"embedded":{"text":"Visit the Projects site for cool project ideas"},"heading":"You can\'t access this project","newProject":"Create a new code project","projectsSiteLinkText":"Explore Projects site","text":"Visit the Projects site for cool project ideas or start coding in a new project."},"loading":"Loading","notFoundModal":{"embedded":{"text":"Visit the Projects site for cool project ideas"},"heading":"This project does not exist","newProject":"Start new code project","projectsSiteLinkText":"Explore Projects site","text":"You can start coding in a new project, or visit the Projects site for cool project ideas."},"untitled":"Untitled project"},"projectHeader":{"subTitle":"Code Editor","title":"Your projects","text":"Select a project to continue coding, view, or edit it."},"projectList":{"delete":"Delete","deleteLabel":"Delete project","empty":"No projects created yet","label":"Open project menu","loading":"Loading","loadingFailed":"Failed to load projects","newProject":"Create a new project","pagination":{"first":"First page","last":"Last page","next":"Next page","previous":"Previous page","more":"Load more projects"},"rename":"Rename","renameLabel":"Rename project","renameProjectModal":{"cancel":"Do not save","heading":"Rename project","inputLabel":"Change the name of your project","save":"Save"},"updated":"Edited","python_type":"Python","html_type":"HTML"},"projectTypes":{"html":"HTML/CSS","python":"Python"},"runButton":{"run":"Run","stop":"Stop","stopping":"Stopping..."},"saveStatus":{"saving":"Saving","saved":"Saved"},"runners":{"HtmlOutput":"HTML Output Preview"},"sidebar":{"collapse":"Collapse sidebar","download":"Download project","expand":"Expand sidebar","file":"Project files","images":"Image gallery","settings":"Settings","projects":"Projects","information":"Information","information_text":"Our Code Editor is a tool to help young people learn to code. We have only included functions that are simple and safe to use. That\'s why, for example, links to other websites are not allowed.","instructions":"Project instructions","feedback":"Feedback","help":"Help","privacy":"Privacy","cookies":"Cookies","accessibility":"Accessibility","safeguarding":"Safeguarding","charity":"Raspberry Pi Foundation - UK registered charity 1129409","settingsMenu":{"heading":"Settings","textSize":"Text size","theme":"Theme","textSizeOptions":{"large":"Large","medium":"Medium","small":"Small"},"themeOptions":{"dark":"Dark","light":"Light"}}},"webComponent":{"loading":"Loading","failed":"Load failed"},"newInputPanelButton":{"buttonText":"Add another panel"},"button":{"yes":"Yes","no":"No"},"common":{"or":"or"}}');
+module.exports = /*#__PURE__*/JSON.parse('{"modal":{"close":"Close","error":{"error":"Error","heading":"An error has occurred","externalLink":{"message":"Unfortunately links to external sites are not available in the Editor."}}},"editorPanel":{"ariaLabel":"editor text input","characterLimitError":"Error: Character limit reached","characterLimitExplanation_one":"Files in the editor are limited to {{count}} character","characterLimitExplanation_other":"Files in the editor are limited to {{count}} characters","viewOnly":"View only","close":"close"},"filePanel":{"errors":{"reservedFileName":"{{fileName}} is a reserved file name. Please choose a different name.","containsSpaces":"File names must not contain spaces.","generalError":"Error","notUnique":"File names must be unique.","or":"or","unsupportedExtension":"File names must end in {{allowedExtensions}}."},"files":"Project files","images":"Image gallery","newFileButton":"Add file","newFileModal":{"cancel":"Cancel","heading":"Add a new file to your project","helpText":"Remember to add the file extension at the end of your file name, for example, {{examples}}","helpTextExample":{"html":"\'file.html\', \'file.css\' or \'file.js\'","python":"\'file.py\'"},"inputLabel":"Name your file","addFile":"Add file"},"renameFileModal":{"cancel":"Cancel","heading":"Rename file","inputLabel":"Name your file","save":"Save"},"fileMenu":{"label":"Open file menu","renameItem":"Rename file"}},"downloadPanel":{"heading":"Save & download","logInTitle":"Log in to save your progress","logInHint":"With a Raspberry Pi Account you can save your code and project steps progress.","logInButton":"Log in to save","signUpButton":"Sign up","downloadHint":"Download your project files so you can use them offline and in a different code editor.","downloadButton":"Download project"},"footer":{"accessibility":"Accessibility","charityNameAndNumber":"Raspberry Pi Foundation UK registered charity 1129409","cookies":"Cookies","privacy":"Privacy","safeguarding":"Safeguarding"},"projectName":{"label":"Project name","newProject":"New Project"},"header":{"download":"Download","downloadFileNameDefault":"my {{project_type}} project","editorLogoAltText":"Editor logo","projects":"Your projects","renameProject":"Edit project name","renameSave":"Save project name","save":"Save","loginToSave":"Log in to save","settings":"Settings"},"imagePanel":{"gallery":"Image Gallery"},"projectsPanel":{"projects":"Projects","yourProjectsButton":"Go to your projects","projectTypeLabel":"Project type"},"settingsPanel":{"info":"Settings"},"input":{"comment":{"py5":"Py5: imported mode"}},"mobile":{"code":"Code","menu":"Menu","output":"Output","preview":"Preview","steps":"Steps"},"modals":{"close":"Close"},"notifications":{"close":"close","loginPrompt":"To save this project and access it later, don\'t forget to log in or sign up!","projectRenamed":"You have renamed your project.","projectSaved":"Your project has been saved","savePrompt":"Save this project to access it later under \\"Your projects\\"."},"output":{"errors":{"interrupted":"Execution interrupted"},"newTab":"Preview in new tab","preview":"preview","textOutput":"Text output","visualOutput":"Visual output"},"outputViewToggle":{"buttonTabLabel":"Tabbed view","buttonTabTitle":"Tabbed view","buttonSplitLabel":"Split view","buttonSplitTitle":"Split view"},"project":{"accessDeniedWithAuthModal":{"embedded":{"text":"Visit the Projects site for cool project ideas"},"heading":"You can\'t access this project","newProject":"Create a new code project","projectsSiteLinkText":"Explore Projects site","text":"Visit the Projects site for cool project ideas or start coding in a new project."},"loading":"Loading","notFoundModal":{"embedded":{"text":"Visit the Projects site for cool project ideas"},"heading":"This project does not exist","newProject":"Start new code project","projectsSiteLinkText":"Explore Projects site","text":"You can start coding in a new project, or visit the Projects site for cool project ideas."},"untitled":"Untitled project"},"projectHeader":{"subTitle":"Code Editor","title":"Your projects","text":"Select a project to continue coding, view, or edit it."},"projectList":{"delete":"Delete","deleteLabel":"Delete project","empty":"No projects created yet","label":"Open project menu","loading":"Loading","loadingFailed":"Failed to load projects","newProject":"Create a new project","pagination":{"first":"First page","last":"Last page","next":"Next page","previous":"Previous page","more":"Load more projects"},"rename":"Rename","renameLabel":"Rename project","renameProjectModal":{"cancel":"Do not save","heading":"Rename project","inputLabel":"Change the name of your project","save":"Save"},"updated":"Edited","python_type":"Python","html_type":"HTML"},"projectTypes":{"html":"HTML/CSS","python":"Python"},"runButton":{"run":"Run","stop":"Stop","stopping":"Stopping..."},"saveStatus":{"saving":"Saving","saved":"Saved"},"runners":{"HtmlOutput":"HTML Output Preview"},"sidebar":{"collapse":"Collapse sidebar","download":"Download project","expand":"Expand sidebar","file":"Project files","images":"Image gallery","settings":"Settings","projects":"Projects","information":"Information","information_text":"Our Code Editor is a tool to help young people learn to code. We have only included functions that are simple and safe to use. That\'s why, for example, links to other websites are not allowed.","feedback":"Feedback","help":"Help","privacy":"Privacy","cookies":"Cookies","accessibility":"Accessibility","safeguarding":"Safeguarding","charity":"Raspberry Pi Foundation - UK registered charity 1129409","settingsMenu":{"heading":"Settings","textSize":"Text size","theme":"Theme","textSizeOptions":{"large":"Large","medium":"Medium","small":"Small"},"themeOptions":{"dark":"Dark","light":"Light"}}},"webComponent":{"loading":"Loading","failed":"Load failed"},"newInputPanelButton":{"buttonText":"Add another panel"},"button":{"yes":"Yes","no":"No"},"common":{"or":"or"}}');
 
 /***/ })