docusaurus-live-brython 3.0.0-beta.21 → 3.0.0-beta.23

package/.prettierignore

@@ -0,0 +1,17 @@
+dist
+node_modules
+.yarn
+build
+coverage
+.docusaurus
+.github
+.drone.yml
+
+docs
+static
+
+*.md
+*.json
+*.js
+*.compose.yml
+i18n

package/.prettierrc

@@ -1,9 +1,10 @@
 {
-  "arrowParens": "always",
-  "bracketSpacing": false,
-  "bracketSameLine": true,
-  "printWidth": 80,
-  "proseWrap": "never",
-  "singleQuote": true,
-  "trailingComma": "all"
-}
+    "arrowParens": "always",
+    "bracketSpacing": true,
+    "bracketSameLine": false,
+    "printWidth": 110,
+    "proseWrap": "never",
+    "singleQuote": true,
+    "trailingComma": "none",
+    "tabWidth": 4
+}

package/README.md

@@ -41,8 +41,8 @@ module.exports = {
 + themes: [
 +   ['docusaurus-live-brython'],
 +   {
-+     brython_src: 'https://cdn.jsdelivr.net/npm/brython@3.12.4/brython.min.js', // default
-+     brython_stdlib_src: 'https://cdn.jsdelivr.net/npm/brython@3.12.4/brython_stdlib.js' // default
++     brythonSrc: 'https://cdn.jsdelivr.net/npm/brython@3.12.4/brython.min.js', // default
++     brythonStdlibSrc: 'https://cdn.jsdelivr.net/npm/brython@3.12.4/brython_stdlib.js' // default
 +   }
   presets: ['@docusaurus/preset-classic']
   ...

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAYH,OAAO,KAAK,EAAE,QAAQ,EAAe,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAMvE,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,OAAO,EAAmB,MAAM,WAAW,CAAC;AAG7E,eAAO,MAAM,IAAI,2BAAqC,CAAC;AACvD,eAAO,MAAM,eAAe,YAAsB,CAAC;AAiBnD,QAAA,MAAM,KAAK,EAAE,MAAM,CAAC;IAAE,cAAc,EAAE,QAAQ,EAAE,CAAA;CAAE,CA+HjD,CAAA;AAED,eAAe,KAAK,CAAC;AACrB,OAAO,EAAC,mBAAmB,EAAC,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAC,YAAY,EAAE,OAAO,EAAC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAWH,OAAO,KAAK,EAAE,QAAQ,EAAe,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAMvE,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,OAAO,EAAmB,MAAM,WAAW,CAAC;AAG7E,eAAO,MAAM,IAAI,2BAAqC,CAAC;AACvD,eAAO,MAAM,eAAe,YAAsB,CAAC;AAiBnD,QAAA,MAAM,KAAK,EAAE,MAAM,CAAC;IAAE,cAAc,EAAE,QAAQ,EAAE,CAAA;CAAE,CAkIjD,CAAC;AAEF,eAAe,KAAK,CAAC;AACrB,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC"}

package/lib/index.js

@@ -36,7 +36,7 @@ const extractImports = (script) => {
     return imports;
 };
 const theme = (context, options) => {
-    const { i18n: { currentLocale }, } = context;
+    const { i18n: { currentLocale } } = context;
     const libDir = options.libDir || DEFAULT_LIB_DIR;
     const isRemote = /https?:\/\//.test(libDir);
     const isHashRouter = context.siteConfig.future?.experimental_router === 'hash';
@@ -72,12 +72,15 @@ const theme = (context, options) => {
                 for (const libName of libNames) {
                     const libContent = libraries[libName];
                     const imports = extractImports(libContent);
-                    const injectAt = Math.max(...bryModules.map((lib, idx) => imports.includes(lib.name) ? idx : -1), -1);
+                    const injectAt = Math.max(...bryModules.map((lib, idx) => (imports.includes(lib.name) ? idx : -1)), -1);
                     if (injectAt < 0) {
                         bryModules.splice(0, 0, { name: libName, content: libContent });
                     }
                     else if (injectAt + 1 < bryModules.length) {
-                        bryModules.splice(injectAt + 1, 0, { name: libName, content: libContent });
+                        bryModules.splice(injectAt + 1, 0, {
+                            name: libName,
+                            content: libContent
+                        });
                     }
                     else {
                         bryModules.push({ name: libName, content: libContent });
@@ -92,7 +95,7 @@ const theme = (context, options) => {
         getDefaultCodeTranslationMessages() {
             return readDefaultCodeTranslationMessages({
                 locale: currentLocale,
-                name: NAME,
+                name: NAME
             });
         },
         async contentLoaded({ content, actions }) {
@@ -110,9 +113,9 @@ const theme = (context, options) => {
                         {
                             test: /\.raw\.*/,
                             type: 'asset/source'
-                        },
-                    ],
-                },
+                        }
+                    ]
+                }
             };
         },
         getThemePath() {
@@ -128,20 +131,20 @@ const theme = (context, options) => {
                         tagName: 'script',
                         attributes: {
                             src: options.brythonSrc || DEFAULT_OPTIONS.brythonSrc,
-                            crossorigin: "anonymous",
-                            referrerpolicy: "no-referrer",
+                            crossorigin: 'anonymous',
+                            referrerpolicy: 'no-referrer',
                             defer: 'defer'
-                        },
+                        }
                     },
                     {
                         tagName: 'script',
                         attributes: {
                             src: options.brythonStdlibSrc || DEFAULT_OPTIONS.brythonStdlibSrc,
-                            crossorigin: "anonymous",
-                            referrerpolicy: "no-referrer",
+                            crossorigin: 'anonymous',
+                            referrerpolicy: 'no-referrer',
                             defer: 'defer'
-                        },
-                    },
+                        }
+                    }
                 ],
                 postBodyTags: content.bryModules.map((module) => {
                     return {

package/lib/options.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"options.d.ts","sourceRoot":"","sources":["../src/options.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,KAAK,EAAC,4BAA4B,EAAC,MAAM,mBAAmB,CAAC;AAEpE,MAAM,MAAM,YAAY,GAAG;IACvB;;;OAGG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,gBAAgB,EAAE,MAAM,CAAC;IACzB;;;;;;;OAOG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;;;;OAKG;IACH,sBAAsB,EAAE,OAAO,CAAC;IAChC;;;;OAIG;IACH,gBAAgB,EAAE,MAAM,CAAC;CAC5B,CAAA;AAGD,MAAM,MAAM,OAAO,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;AAE5C,eAAO,MAAM,eAAe,EAAE,YAM7B,CAAC;AAUF,wBAAgB,mBAAmB,CAC/B,EAAC,WAAW,EAAE,QAAQ,EAAC,EAAE,4BAA4B,CAAC,OAAO,EAAE,YAAY,CAAC,GAC7E,YAAY,CAGd"}
+{"version":3,"file":"options.d.ts","sourceRoot":"","sources":["../src/options.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,mBAAmB,CAAC;AAEtE,MAAM,MAAM,YAAY,GAAG;IACvB;;;OAGG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,gBAAgB,EAAE,MAAM,CAAC;IACzB;;;;;;;OAOG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;;;;OAKG;IACH,sBAAsB,EAAE,OAAO,CAAC;IAChC;;;;OAIG;IACH,gBAAgB,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,OAAO,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;AAE5C,eAAO,MAAM,eAAe,EAAE,YAM7B,CAAC;AAUF,wBAAgB,mBAAmB,CAAC,EAChC,WAAW,EACX,QAAQ,EACX,EAAE,4BAA4B,CAAC,OAAO,EAAE,YAAY,CAAC,GAAG,YAAY,CAGpE"}

package/lib/options.js

@@ -6,8 +6,8 @@
  */
 import { Joi } from '@docusaurus/utils-validation';
 export const DEFAULT_OPTIONS = {
-    brythonSrc: 'https://raw.githack.com/brython-dev/brython/master/www/src/brython.js',
-    brythonStdlibSrc: 'https://raw.githack.com/brython-dev/brython/master/www/src/brython_stdlib.js',
+    brythonSrc: 'https://cdn.jsdelivr.net/npm/brython@3.12.4/brython.min.js',
+    brythonStdlibSrc: 'https://cdn.jsdelivr.net/npm/brython@3.12.4/brython_stdlib.js',
     libDir: '/bry-libs/',
     skipCopyAssetsToLibDir: false,
     syncMaxOnceEvery: 1000

package/lib/theme/CodeBlock/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 /// <reference types="@docusaurus/module-type-aliases" />
+/// <reference types="react" />
 import { type Props as CodeBlockType } from '@theme-init/CodeBlock';
 import type { WrapperProps } from '@docusaurus/types';
 type Props = WrapperProps<typeof CodeBlockType>;

package/lib/theme/CodeBlock/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/theme/CodeBlock/index.tsx"],"names":[],"mappings":";;AACA,OAAkB,EAAC,KAAK,KAAK,IAAI,aAAa,EAAC,MAAM,uBAAuB,CAAC;AAC7E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAQtD,KAAK,KAAK,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AA2BhD,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CA4BlE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/theme/CodeBlock/index.tsx"],"names":[],"mappings":";;AACA,OAAkB,EAAE,KAAK,KAAK,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC/E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAOtD,KAAK,KAAK,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AAsChD,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAsBlE"}

package/lib/theme/CodeBlock/index.jsx

@@ -6,7 +6,12 @@ const sanitizedTitle = (id) => {
     if (!id) {
         return;
     }
-    return id.replace(/--/g, '<<HYPHEN>>').replace(/__/g, '<<UNDERSCORE>>').replace(/[-_]/g, ' ').replace(/<<UNDERSCORE>>/g, '_').replace(/<<HYPHEN>>/g, '-');
+    return id
+        .replace(/--/g, '<<HYPHEN>>')
+        .replace(/__/g, '<<UNDERSCORE>>')
+        .replace(/[-_]/g, ' ')
+        .replace(/<<UNDERSCORE>>/g, '_')
+        .replace(/<<HYPHEN>>/g, '-');
 };
 const extractMetaProps = (props) => {
     const metaString = (props?.metastring || '').replace(/\s*=\s*/g, '='); // remove spaces around =
@@ -16,9 +21,12 @@ const extractMetaProps = (props) => {
             return acc;
         }
         /** casts to booleans and numbers. When no value was provided, true is used */
-        const val = value === 'true' ? true
-            : value === 'false' ? false
-                : !Number.isNaN(Number(value)) ? Number(value)
+        const val = value === 'true'
+            ? true
+            : value === 'false'
+                ? false
+                : !Number.isNaN(Number(value))
+                    ? Number(value)
                     : value || true;
         acc[key] = val;
         return acc;
@@ -42,5 +50,5 @@ export default function CodeBlockWrapper(props) {
                 {props.children}
             </ContextEditor>);
     }
-    return (<CodeBlock {...props}/>);
+    return <CodeBlock {...props}/>;
 }

package/lib/theme/CodeEditor/Actions/DownloadCode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DownloadCode.d.ts","sourceRoot":"","sources":["../../../../src/theme/CodeEditor/Actions/DownloadCode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,QAAA,MAAM,YAAY,UAAW;IAAC,KAAK,EAAE,MAAM,CAAA;CAAC,sBA6B3C,CAAA;AAED,eAAe,YAAY,CAAC"}
+{"version":3,"file":"DownloadCode.d.ts","sourceRoot":"","sources":["../../../../src/theme/CodeEditor/Actions/DownloadCode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,QAAA,MAAM,YAAY,UAAW;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,sBA+B7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/theme/CodeEditor/Actions/DownloadCode.jsx

@@ -7,8 +7,8 @@ const DownloadCode = (props) => {
     const code = useScript(store, 'code');
     const lang = useScript(store, 'lang');
     const id = useScript(store, 'id');
-    return (<Button icon='Download' onClick={() => {
-            const downloadLink = document.createElement("a");
+    return (<Button icon="Download" onClick={() => {
+            const downloadLink = document.createElement('a');
             const file = new Blob([code], { type: 'text/plain;charset=utf-8' });
             downloadLink.href = URL.createObjectURL(file);
             const fExt = lang === 'python' ? '.py' : `.${lang}`;

package/lib/theme/CodeEditor/Actions/Reset.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Reset.d.ts","sourceRoot":"","sources":["../../../../src/theme/CodeEditor/Actions/Reset.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,QAAA,MAAM,KAAK,yBAuBV,CAAA;AAED,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Reset.d.ts","sourceRoot":"","sources":["../../../../src/theme/CodeEditor/Actions/Reset.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,QAAA,MAAM,KAAK,yBAyBV,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/lib/theme/CodeEditor/Actions/Reset.jsx

@@ -16,7 +16,7 @@ const Reset = () => {
     return (<Button onClick={onReset} title={translate({
             message: 'Discard Changes',
             description: 'Reset the code to its original state',
-            id: 'theme.CodeEditor.Header.reset',
+            id: 'theme.CodeEditor.Header.reset'
         })} icon="Reset"/>);
 };
 export default Reset;

package/lib/theme/CodeEditor/Actions/RunCode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RunCode.d.ts","sourceRoot":"","sources":["../../../../src/theme/CodeEditor/Actions/RunCode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,KAAK;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;CACjB;AAED,QAAA,MAAM,OAAO,UAAW,KAAK,sBAmB5B,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"RunCode.d.ts","sourceRoot":"","sources":["../../../../src/theme/CodeEditor/Actions/RunCode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,KAAK;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;CACjB;AAED,QAAA,MAAM,OAAO,UAAW,KAAK,sBAsB5B,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/lib/theme/CodeEditor/Actions/ShowRaw.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ShowRaw.d.ts","sourceRoot":"","sources":["../../../../src/theme/CodeEditor/Actions/ShowRaw.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,QAAA,MAAM,OAAO,yBAgBZ,CAAA;AAED,eAAe,OAAO,CAAC"}
+{"version":3,"file":"ShowRaw.d.ts","sourceRoot":"","sources":["../../../../src/theme/CodeEditor/Actions/ShowRaw.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,QAAA,MAAM,OAAO,yBAsBZ,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/lib/theme/CodeEditor/Actions/ShowRaw.jsx

@@ -6,7 +6,13 @@ const ShowRaw = () => {
     const store = useStore();
     const showRaw = useScript(store, 'showRaw');
     return (<Button icon={showRaw ? 'EditCode' : 'Code'} onClick={() => store.setShowRaw(!showRaw)} color={showRaw ? Color.Primary : Color.Secondary} title={showRaw
-            ? translate({ message: 'Show edited Code', id: 'theme.CodeEditor.Actions.ShowCode.showEdited' })
-            : translate({ message: 'Show initial code', id: 'theme.CodeEditor.Actions.ShowCode.showRaw' })}/>);
+            ? translate({
+                message: 'Show edited Code',
+                id: 'theme.CodeEditor.Actions.ShowCode.showEdited'
+            })
+            : translate({
+                message: 'Show initial code',
+                id: 'theme.CodeEditor.Actions.ShowCode.showRaw'
+            })}/>);
 };
 export default ShowRaw;

package/lib/theme/CodeEditor/Actions/ShowSyncStatus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ShowSyncStatus.d.ts","sourceRoot":"","sources":["../../../../src/theme/CodeEditor/Actions/ShowSyncStatus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,QAAA,MAAM,cAAc,yBAiCnB,CAAA;AAED,eAAe,cAAc,CAAC"}
+{"version":3,"file":"ShowSyncStatus.d.ts","sourceRoot":"","sources":["../../../../src/theme/CodeEditor/Actions/ShowSyncStatus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,QAAA,MAAM,cAAc,yBAyBnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/theme/CodeEditor/Actions/ShowSyncStatus.jsx

@@ -15,12 +15,12 @@ const ShowSyncStatus = () => {
         }
     }, [status, store]);
     return (<>
-            {!isLoaded && (<Icon icon='Sync' spin size={'1.2em'} color={Color.Primary}/>)}
+            {!isLoaded && <Icon icon="Sync" spin size={'1.2em'} color={Color.Primary}/>}
             <div style={{ flexGrow: 1, flexShrink: 1, flexBasis: 0 }}></div>
             <span style={{ minWidth: '1em' }}>
-                {status === Status.SYNCING && (<Icon icon='Sync' spin size={'1.2em'} color={Color.Primary}/>)}
-                {status === Status.SUCCESS && (<Icon icon='Check' size={'1.2em'} color={Color.Success}/>)}
-                {status === Status.ERROR && (<Icon icon='Close' size={'1.2em'} color={Color.Danger}/>)}
+                {status === Status.SYNCING && <Icon icon="Sync" spin size={'1.2em'} color={Color.Primary}/>}
+                {status === Status.SUCCESS && <Icon icon="Check" size={'1.2em'} color={Color.Success}/>}
+                {status === Status.ERROR && <Icon icon="Close" size={'1.2em'} color={Color.Danger}/>}
             </span>
         </>);
 };

package/lib/theme/CodeEditor/Actions/styles.module.css

@@ -9,6 +9,5 @@
 }
 
 html[data-theme='dark'] .runCode {
-        color: white
-} 
-  
+    color: white;
+}

package/lib/theme/CodeEditor/BrythonCommunicator.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+import * as React from 'react';
 declare const BrythonCommunicator: () => React.JSX.Element;
 export default BrythonCommunicator;
 //# sourceMappingURL=BrythonCommunicator.d.ts.map

package/lib/theme/CodeEditor/BrythonCommunicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BrythonCommunicator.d.ts","sourceRoot":"","sources":["../../../src/theme/CodeEditor/BrythonCommunicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,QAAA,MAAM,mBAAmB,yBAyCxB,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"BrythonCommunicator.d.ts","sourceRoot":"","sources":["../../../src/theme/CodeEditor/BrythonCommunicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,QAAA,MAAM,mBAAmB,yBAsCxB,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/lib/theme/CodeEditor/BrythonCommunicator.jsx

@@ -1,5 +1,5 @@
-import * as React from "react";
-import { BRYTHON_NOTIFICATION_EVENT, DOM_ELEMENT_IDS } from "@theme/CodeEditor/constants";
+import * as React from 'react';
+import { BRYTHON_NOTIFICATION_EVENT, DOM_ELEMENT_IDS } from '@theme/CodeEditor/constants';
 import { useStore, useScript } from '@theme/CodeEditor/hooks';
 const BrythonCommunicator = () => {
     const store = useStore();
@@ -14,15 +14,19 @@ const BrythonCommunicator = () => {
             if (event.detail) {
                 const data = event.detail;
                 switch (data.type) {
-                    case "start":
+                    case 'start':
                         store.clearLogMessages();
                         store.setExecuting(true);
                         break;
-                    case "done":
+                    case 'done':
                         store.setExecuting(false);
                         break;
                     default:
-                        store.addLogMessage({ type: data.type, output: data.output, timeStamp: data.timeStamp });
+                        store.addLogMessage({
+                            type: data.type,
+                            output: data.output,
+                            timeStamp: data.timeStamp
+                        });
                         break;
                 }
             }
@@ -32,6 +36,6 @@ const BrythonCommunicator = () => {
             current.removeEventListener(BRYTHON_NOTIFICATION_EVENT, onBryNotify);
         };
     }, [ref, store]);
-    return (<div id={DOM_ELEMENT_IDS.communicator(codeId)} ref={ref}></div>);
+    return <div id={DOM_ELEMENT_IDS.communicator(codeId)} ref={ref}></div>;
 };
 export default BrythonCommunicator;

package/lib/theme/CodeEditor/Button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/theme/CodeEditor/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,KAAK,MAAM,8BAA8B,CAAC;AAKtD,oBAAY,KAAK;IACb,OAAO,oBAAoB;IAC3B,SAAS,sBAAsB;IAC/B,OAAO,oBAAoB;IAC3B,IAAI,iBAAiB;IACrB,OAAO,oBAAoB;IAC3B,MAAM,mBAAmB;IACzB,IAAI,iBAAiB;CACxB;AACD,oBAAY,IAAI;IACZ,KAAK,eAAe;IACpB,KAAK,eAAe;CACvB;AAED,MAAM,WAAW,KAAK;IAClB,IAAI,EAAE,MAAM,OAAO,KAAK,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAGD,QAAA,MAAM,MAAM,UAAW,KAAK,sBAgB3B,CAAA;AAED,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/theme/CodeEditor/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,KAAK,MAAM,8BAA8B,CAAC;AAKtD,oBAAY,KAAK;IACb,OAAO,oBAAoB;IAC3B,SAAS,sBAAsB;IAC/B,OAAO,oBAAoB;IAC3B,IAAI,iBAAiB;IACrB,OAAO,oBAAoB;IAC3B,MAAM,mBAAmB;IACzB,IAAI,iBAAiB;CACxB;AACD,oBAAY,IAAI;IACZ,KAAK,eAAe;IACpB,KAAK,eAAe;CACvB;AAED,MAAM,WAAW,KAAK;IAClB,IAAI,EAAE,MAAM,OAAO,KAAK,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,MAAM,UAAW,KAAK,sBAqB3B,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/lib/theme/CodeEditor/Button/styles.module.css

@@ -6,4 +6,4 @@
     cursor: pointer;
     margin: 0px 2px;
     padding: 4px 10px;
-}
+}

package/lib/theme/CodeEditor/CodeHistory/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/theme/CodeEditor/CodeHistory/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,4BAA4B,CAAC;AAoBpC,QAAA,MAAM,WAAW,yBA+FhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/theme/CodeEditor/CodeHistory/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,4BAA4B,CAAC;AAoBpC,QAAA,MAAM,WAAW,yBA2GhB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/theme/CodeEditor/CodeHistory/index.jsx

@@ -14,7 +14,7 @@ const highlightSyntax = (str) => {
         return;
     }
     return (<span dangerouslySetInnerHTML={{
-            __html: Prism.highlight(str, Prism.languages.python, 'python'),
+            __html: Prism.highlight(str, Prism.languages.python, 'python')
         }}/>);
 };
 const CodeHistory = () => {
@@ -30,11 +30,20 @@ const CodeHistory = () => {
                         <div className={clsx(styles.summary)}>
                             <span className="badge badge--secondary">
                                 {versionsLoaded
-                ? translate({ message: '{n} Versions', id: 'CodeHistory.nVersions.text' }, { n: versions.length })
-                : translate({ message: 'Load Versions', id: 'CodeHistory.LoadVersions.text' })}
+                ? translate({
+                    message: '{n} Versions',
+                    id: 'CodeHistory.nVersions.text'
+                }, { n: versions.length })
+                : translate({
+                    message: 'Load Versions',
+                    id: 'CodeHistory.LoadVersions.text'
+                })}
                             </span>
                             <span className={clsx(styles.spacer)}></span>
-                            <Button icon='Sync' title={translate({ message: 'Sync Versions', id: 'CodeHistory.LoadVersions.text' })} onClick={(e) => {
+                            <Button icon="Sync" title={translate({
+                message: 'Sync Versions',
+                id: 'CodeHistory.LoadVersions.text'
+            })} onClick={(e) => {
                 e.preventDefault();
                 e.stopPropagation();
                 store.loadVersions();
@@ -52,20 +61,22 @@ const CodeHistory = () => {
             }
             setVersion(c);
         }} min={1} max={versions.length - 1} dots={versions.length < 50}/>
-                        <span className="badge badge--primary">
-                            V{version}
-                        </span>
+                        <span className="badge badge--primary">V{version}</span>
                     </div>
                     <div className={clsx(styles.diffViewer)}>
                         {versions.length > 1 && (<DiffViewer splitView oldValue={versions[version - 1].code} newValue={versions[version].code} leftTitle={<div className={clsx(styles.diffHeader)}>
                                         {`V${version}`}
                                         {versions[version].pasted && (<span className={clsx('badge', 'badge--danger')}>
-                                                <Translate id="CodeHistory.PastedBadge.Text">Pasted</Translate>
+                                                <Translate id="CodeHistory.PastedBadge.Text">
+                                                    Pasted
+                                                </Translate>
                                             </span>)}
                                     </div>} rightTitle={<div className={clsx(styles.diffHeader)}>
                                         {`V${version}`}
                                         {versions[version].pasted && (<span className={clsx('badge', 'badge--danger')}>
-                                                <Translate id="CodeHistory.PastedBadge.Text">Pasted</Translate>
+                                                <Translate id="CodeHistory.PastedBadge.Text">
+                                                    Pasted
+                                                </Translate>
                                             </span>)}
                                     </div>} renderContent={highlightSyntax}/>)}
                     </div>

package/lib/theme/CodeEditor/CodeHistory/styles.module.css

@@ -1,54 +1,54 @@
-.codeHistory>.historyDetails {
-	cursor: pointer;
-	margin-bottom: 0;
-	border-top-left-radius: 0;
-	border-top-right-radius: 0;
+.codeHistory > .historyDetails {
+    cursor: pointer;
+    margin-bottom: 0;
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
 }
 .summary {
-	display: flex;
-	align-items: center;
+    display: flex;
+    align-items: center;
 }
 .spacer {
-	flex-grow: 1;
-	flex-shrink: 1;
-	flex-basis: 0;
-} 
+    flex-grow: 1;
+    flex-shrink: 1;
+    flex-basis: 0;
+}
 
 .versionControl {
-	padding: 1em 2em;
-	box-shadow: var(--ifm-global-shadow-lw);
-	border-radius: var(--ifm-global-radius);
+    padding: 1em 2em;
+    box-shadow: var(--ifm-global-shadow-lw);
+    border-radius: var(--ifm-global-radius);
 }
 
 .faButton {
-	margin-left: 1em;
+    margin-left: 1em;
 }
 
 .faButton:hover {
-	transform: scale(1.2);
+    transform: scale(1.2);
 }
 
 .diffViewer {
-	--ifm-pre-background: rgba(255, 255, 255, 0);
-	--ifm-alert-background-color: rgba(255, 255, 255, 0);
-	--ifm-alert-background-color-highlight: rgba(255, 255, 255, 0);
-	--ifm-table-stripe-background: rgba(255, 255, 255, 0);
-	font-family: monospace;
-	overflow: auto;
+    --ifm-pre-background: rgba(255, 255, 255, 0);
+    --ifm-alert-background-color: rgba(255, 255, 255, 0);
+    --ifm-alert-background-color-highlight: rgba(255, 255, 255, 0);
+    --ifm-table-stripe-background: rgba(255, 255, 255, 0);
+    font-family: monospace;
+    overflow: auto;
 }
 
 .diffViewer table tbody tr td {
-	padding-top: 0;
-	padding-bottom: 0;
+    padding-top: 0;
+    padding-bottom: 0;
 }
 
 .diffViewer table tbody tr td pre {
-	white-space: nowrap;
-	padding-top: 0;
-	padding-bottom: 0;
-	line-height: 18px;
+    white-space: nowrap;
+    padding-top: 0;
+    padding-bottom: 0;
+    line-height: 18px;
 }
 .diffHeader {
-	display: flex;
-	justify-content: space-between;
-}
+    display: flex;
+    justify-content: space-between;
+}

package/lib/theme/CodeEditor/ContextEditor/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/theme/CodeEditor/ContextEditor/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAmB,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAI/D,UAAU,KAAM,SAAQ,SAAS;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;CACtC;AAYD;;;;;GAKG;AACH,QAAA,MAAM,aAAa,UAAW,KAAK,sBA2ClC,CAAA;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/theme/CodeEditor/ContextEditor/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAmB,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAI/D,UAAU,KAAM,SAAQ,SAAS;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;CACtC;AAYD;;;;;GAKG;AACH,QAAA,MAAM,aAAa,UAAW,KAAK,sBAyClC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/theme/CodeEditor/ContextEditor/index.jsx

@@ -31,6 +31,6 @@ const ContextEditor = (props) => {
                 <CodeEditor code={code} lang={lang} preCode={pre} postCode={post} maxLines={props.maxLines && Number.parseInt(props.maxLines, 10)} readonly={!!props.readonly} resettable={!props.noReset} download={!props.versioned && !props.noDownload} slim={!!props.slim} showLineNumbers={!(!!props.slim && !/\n/.test(code))} versioned={!!props.versioned} noHistory={!!props.noHistory} noCompare={!!props.noCompare} title={title} className={props.className}/>
             </ScriptContext>);
     }
-    return (<CodeBlock {...props}/>);
+    return <CodeBlock {...props}/>;
 };
 export default ContextEditor;

package/lib/theme/CodeEditor/Editor/EditorAce.jsx

@@ -12,7 +12,7 @@ import 'ace-builds/src-noconflict/ext-language_tools';
 import 'ace-builds/webpack-resolver';
 import { useStore, useScript } from '@theme/CodeEditor/hooks';
 const ALIAS_LANG_MAP_ACE = {
-    mpy: 'python',
+    mpy: 'python'
 };
 const EditorAce = (props) => {
     const eRef = React.useRef(null);
@@ -30,7 +30,7 @@ const EditorAce = (props) => {
                     // commands is array of key bindings.
                     name: 'execute',
                     bindKey: { win: 'Ctrl-Enter', mac: 'Command-Enter' },
-                    exec: () => store.execScript(),
+                    exec: () => store.execScript()
                 });
             }
             node.editor.commands.addCommand({
@@ -39,7 +39,7 @@ const EditorAce = (props) => {
                 bindKey: { win: 'Ctrl-s', mac: 'Command-s' },
                 exec: () => {
                     store.saveNow();
-                },
+                }
             });
             return () => {
                 if (node && node.editor) {
@@ -73,7 +73,7 @@ const EditorAce = (props) => {
         }} readOnly={showRaw} value={showRaw ? pristineCode : code} defaultValue={code || '\n'} name={DOM_ELEMENT_IDS.aceEditor(codeId)} editorProps={{ $blockScrolling: true }} setOptions={{
             displayIndentGuides: true,
             vScrollBarAlwaysVisible: false,
-            highlightGutterLine: false,
+            highlightGutterLine: false
         }} showPrintMargin={false} highlightActiveLine={false} enableBasicAutocompletion enableLiveAutocompletion={false} enableSnippets={false} showGutter={props.showLineNumbers}/>
         </div>);
 };

package/lib/theme/CodeEditor/Editor/Header/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/theme/CodeEditor/Editor/Header/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,MAAM,WAAW,KAAK;IAClB,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;CACtB;AAED,QAAA,MAAM,MAAM,UAAW,KAAK,sBAyB3B,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/theme/CodeEditor/Editor/Header/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,MAAM,WAAW,KAAK;IAClB,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;CACtB;AAED,QAAA,MAAM,MAAM,UAAW,KAAK,sBAmB3B,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/lib/theme/CodeEditor/Editor/Header/index.jsx

@@ -15,9 +15,9 @@ const Header = (props) => {
             {!props.slim && (<React.Fragment>
                     <div className={styles.title}>{props.title}</div>
                     <ShowSyncStatus />
-                    {hasEdits && props.resettable && (<Reset />)}
-                    {props.download && (<DownloadCode title={props.title}/>)}
-                    {hasEdits && !props.noCompare && (<ShowRaw />)}
+                    {hasEdits && props.resettable && <Reset />}
+                    {props.download && <DownloadCode title={props.title}/>}
+                    {hasEdits && !props.noCompare && <ShowRaw />}
                 </React.Fragment>)}
             {lang === 'python' && <RunCode title={props.title} slim={props.slim}/>}
         </div>);

package/lib/theme/CodeEditor/Editor/Header/styles.module.css

@@ -3,7 +3,7 @@
     display: flex;
     align-items: center;
     letter-spacing: 0.08em;
-    
+
     z-index: calc(var(--ifm-z-index-fixed) - 2);
     padding: 0.2em;
     padding-left: 0.5em;
@@ -15,13 +15,13 @@
 }
 
 .controls > .title {
-	flex-shrink: 1;
-	flex-grow: 1;
-	overflow-x: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
+    flex-shrink: 1;
+    flex-grow: 1;
+    overflow-x: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
 }
 
 .controls.slim {
     padding: 0;
-}
+}

package/lib/theme/CodeEditor/Editor/HiddenCode/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/theme/CodeEditor/Editor/HiddenCode/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,UAAU,KAAK;IACX,IAAI,EAAE,KAAK,GAAG,MAAM,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,UAAU,UAAW,KAAK,sBAwB/B,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/theme/CodeEditor/Editor/HiddenCode/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,UAAU,KAAK;IACX,IAAI,EAAE,KAAK,GAAG,MAAM,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,UAAU,UAAW,KAAK,sBAkC/B,CAAC;AAEF,eAAe,UAAU,CAAC"}