docusaurus-live-brython 3.0.0-beta.9 → 3.0.1

package/lib/theme/CodeEditor/Editor/utils/svgWithoutAnimations.js

@@ -1,28 +1,26 @@
-import { parse } from "svg-parser";
+import { parse } from 'svg-parser';
 const objToAttr = (obj) => {
     return Object.entries(obj || {})
         .map((v) => `${v[0]}="${v[1]}"`)
-        .join(" ");
+        .join(' ');
 };
 const mergeSvgProps = (parsedSvg, svgProps) => {
-    if (parsedSvg.type === "root") {
+    if (parsedSvg.type === 'root') {
         parsedSvg.children.forEach((child) => {
             mergeSvgProps(child, svgProps);
         });
     }
-    else if (parsedSvg.type === "element" &&
-        parsedSvg.tagName === "svg" &&
-        "properties" in parsedSvg) {
+    else if (parsedSvg.type === 'element' && parsedSvg.tagName === 'svg' && 'properties' in parsedSvg) {
         parsedSvg.properties = { ...(parsedSvg.properties || {}), ...svgProps };
     }
 };
 const svgWithoutAnimations = (element) => {
-    if (typeof element === "string") {
+    if (typeof element === 'string') {
         return [element];
     }
     const newSvg = [];
     // const { properties, tagName, type, children } = element;
-    if (element.type === "root") {
+    if (element.type === 'root') {
         element.children.forEach((child) => {
             newSvg.push(...svgWithoutAnimations(child));
         });
@@ -31,7 +29,7 @@ const svgWithoutAnimations = (element) => {
         const { tagName, type, children } = element;
         const properties = element.properties || {};
         switch (element.tagName) {
-            case "svg":
+            case 'svg':
                 if (element.metadata) {
                     newSvg.push(element.metadata);
                 }
@@ -41,18 +39,17 @@ const svgWithoutAnimations = (element) => {
                 });
                 newSvg.push(`</svg>`);
                 break;
-            case "rect":
+            case 'rect':
                 children.forEach((child) => {
-                    if (typeof child === "string" || child.type !== "element") {
+                    if (typeof child === 'string' || child.type !== 'element') {
                         return;
                     }
-                    if (["animate", "set"].includes(child.tagName || '') && !!child.properties) {
+                    if (['animate', 'set'].includes(child.tagName || '') && !!child.properties) {
                         const animProps = child.properties;
-                        if (!("to" in animProps) || !("attributeName" in animProps)) {
+                        if (!('to' in animProps) || !('attributeName' in animProps)) {
                             return;
                         }
-                        if (animProps.attributeName === "display" &&
-                            animProps.attributeType === "CSS") {
+                        if (animProps.attributeName === 'display' && animProps.attributeType === 'CSS') {
                             properties.style = `${properties.style}`.replace(/display:\s*\b\w+\b;/g, `display: ${animProps.to};`);
                         }
                         properties[animProps.attributeName] = animProps.to;
@@ -60,7 +57,7 @@ const svgWithoutAnimations = (element) => {
                 });
                 newSvg.push(`<rect ${objToAttr(properties)}></rect>`);
                 break;
-            case "g":
+            case 'g':
                 if ((children || []).length === 0) {
                     return newSvg;
                 }
@@ -68,16 +65,16 @@ const svgWithoutAnimations = (element) => {
                 children.forEach((child) => {
                     newSvg.push(...svgWithoutAnimations(child));
                 });
-                newSvg.push("</g>");
+                newSvg.push('</g>');
                 break;
-            case "line":
+            case 'line':
                 children.forEach((child) => {
-                    if (typeof child === "string" || child.type !== "element") {
+                    if (typeof child === 'string' || child.type !== 'element') {
                         return;
                     }
-                    if (["animate", "set"].includes(child.tagName || '') && !!child.properties) {
+                    if (['animate', 'set'].includes(child.tagName || '') && !!child.properties) {
                         const animProps = child.properties;
-                        if (!("to" in animProps) || !("attributeName" in animProps)) {
+                        if (!('to' in animProps) || !('attributeName' in animProps)) {
                             return;
                         }
                         properties[animProps.attributeName] = animProps.to;
@@ -85,28 +82,27 @@ const svgWithoutAnimations = (element) => {
                 });
                 newSvg.push(`<line ${objToAttr(properties)}></line>`);
                 break;
-            case "circle":
+            case 'circle':
                 children.forEach((child) => {
-                    if (typeof child === "string" || child.type !== "element") {
+                    if (typeof child === 'string' || child.type !== 'element') {
                         return;
                     }
-                    if (["animate", "set"].includes(child.tagName || '') && !!child.properties) {
+                    if (['animate', 'set'].includes(child.tagName || '') && !!child.properties) {
                         const animProps = child.properties;
-                        if (!("to" in animProps) || !("attributeName" in animProps)) {
+                        if (!('to' in animProps) || !('attributeName' in animProps)) {
                             return;
                         }
-                        if (properties.attributeName === "display" &&
-                            properties.attributeType === "CSS") {
+                        if (properties.attributeName === 'display' && properties.attributeType === 'CSS') {
                             properties.style = `${properties.style}`.replace(/display:\s*\b\w+\b;/g, `display: ${animProps.to}`);
                         }
                     }
                 });
                 if (properties.style && /\s*display:\s*none;\s*/.test(`${properties.style}`)) {
-                    properties.style = `${properties.style}`.replace(/\s*display:\s*none;\s*/g, "");
+                    properties.style = `${properties.style}`.replace(/\s*display:\s*none;\s*/g, '');
                 }
                 newSvg.push(`<circle ${objToAttr(properties)}></circle>`);
                 break;
-            case "text":
+            case 'text':
                 var text;
                 children.forEach((child) => {
                     if (typeof child === 'string') {
@@ -114,19 +110,18 @@ const svgWithoutAnimations = (element) => {
                         return;
                     }
                     switch (child.type) {
-                        case "text":
+                        case 'text':
                             text = child.value;
                             break;
-                        case "element":
+                        case 'element':
                             const textProps = child.properties;
-                            if (!textProps || !["animate", "set"].includes(child.tagName || '')) {
+                            if (!textProps || !['animate', 'set'].includes(child.tagName || '')) {
                                 return;
                             }
-                            if (!("to" in textProps) || !("attributeName" in textProps)) {
+                            if (!('to' in textProps) || !('attributeName' in textProps)) {
                                 return;
                             }
-                            if (textProps.attributeName === "display" &&
-                                textProps.attributeType === "CSS") {
+                            if (textProps.attributeName === 'display' && textProps.attributeType === 'CSS') {
                                 properties.style = `${properties.style}`.replace(/display:\s*\b\w+\b;/g, `display: ${textProps.to};`);
                             }
                             properties[textProps.attributeName] = textProps.to;
@@ -135,33 +130,32 @@ const svgWithoutAnimations = (element) => {
                 });
                 newSvg.push(`<text ${objToAttr(properties)}>${text}</text>`);
                 break;
-            case "polygon":
-                var endRot = "0,0,0";
-                var endPos = "0,0";
+            case 'polygon':
+                var endRot = '0,0,0';
+                var endPos = '0,0';
                 children.forEach((child) => {
-                    if (typeof child === "string" || child.type !== "element" || !child.properties) {
+                    if (typeof child === 'string' || child.type !== 'element' || !child.properties) {
                         return;
                     }
                     const polyProps = child.properties;
                     switch (child.tagName) {
-                        case "set":
-                        case "animate":
-                            if (!("to" in polyProps) || !("attributeName" in polyProps)) {
+                        case 'set':
+                        case 'animate':
+                            if (!('to' in polyProps) || !('attributeName' in polyProps)) {
                                 return;
                             }
-                            if (polyProps.attributeName === "display" &&
-                                polyProps.attributeType === "CSS") {
+                            if (polyProps.attributeName === 'display' && polyProps.attributeType === 'CSS') {
                                 properties.style = `${properties.style}`.replace(/display:\s*\b\w+\b;/g, `display: ${polyProps.to};`);
                             }
                             properties[polyProps.attributeName] = polyProps.to;
                             break;
-                        case "animateTransform":
-                            if (child.properties.type === "rotate") {
+                        case 'animateTransform':
+                            if (child.properties.type === 'rotate') {
                                 endRot = `${child.properties.to}`;
                             }
                             break;
-                        case "animateMotion":
-                            if ("to" in child.properties) {
+                        case 'animateMotion':
+                            if ('to' in child.properties) {
                                 endPos = `${child.properties.to}`;
                             }
                             break;
@@ -178,6 +172,6 @@ const removeAnimations = (svg, svgProps) => {
         mergeSvgProps(parsed, svgProps);
     }
     const elements = svgWithoutAnimations(parsed);
-    return elements.join("\n");
+    return elements.join('\n');
 };
 export { removeAnimations };

package/lib/theme/CodeEditor/Icon/icons.d.ts

@@ -9,4 +9,7 @@ declare const ErrorIcon = "M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6
 declare const EditCode = "M 9.54 13.65 L 11.63 15.74 L 10.35 17 L 7 13.65 L 10.35 10.3 L 11.63 11.56 L 9.54 13.65 M 17 13.65 L 13.65 17 L 12.38 15.74 L 14.47 13.65 L 12.38 11.56 L 13.65 10.3 l 3.35 3.35 Z M 10 20 H 6 V 4 H 13 V 9 H 18 V 12.1 L 20 10.1 V 8 L 14 2 H 6 A 2 2 0 0 0 4 4 V 20 A 2 2 0 0 0 6 22 H 10 V 20 M 20.2 13 C 20.3 13 20.5 13.1 20.6 13.2 L 21.9 14.5 C 22.1 14.7 22.1 15.1 21.9 15.3 L 20.9 16.3 L 18.8 14.2 L 19.8 13.2 C 19.9 13.1 20 13 20.2 13 M 20.2 16.9 L 14.1 23 H 12 V 20.9 L 18.1 14.8 L 20.2 16.9 Z";
 declare const Code = "M14 2H6C4.89 2 4 2.9 4 4V20C4 21.11 4.89 22 6 22H18C19.11 22 20 21.11 20 20V8L14 2M18 20H6V4H13V9H18V20M9.54 15.65L11.63 17.74L10.35 19L7 15.65L10.35 12.3L11.63 13.56L9.54 15.65M17 15.65L13.65 19L12.38 17.74L14.47 15.65L12.38 13.56L13.65 12.3L17 15.65Z";
 declare const Reset = "M13,3A9,9 0 0,0 4,12H1L4.89,15.89L4.96,16.03L9,12H6A7,7 0 0,1 13,5A7,7 0 0,1 20,12A7,7 0 0,1 13,19C11.07,19 9.32,18.21 8.06,16.94L6.64,18.36C8.27,20 10.5,21 13,21A9,9 0 0,0 22,12A9,9 0 0,0 13,3Z";
-export { Download, Python, Play, Close, AnimationPlay, Sync, Check, ErrorIcon, EditCode, Code, Reset };
+declare const TrayPlus = "M2 12H4V17H20V12H22V17A2 2 0 0 1 20 19H4A2 2 0 0 1 2 17M11 5H13V8H16V10H13V13H11V10H8V8H11Z";
+declare const TrayMinus = "M16 10H8V8H16M2 17A2 2 0 0 0 4 19H20A2 2 0 0 0 22 17V12H20V17H4V12H2Z";
+export { Download, Python, Play, Close, AnimationPlay, Sync, Check, ErrorIcon, EditCode, Code, Reset, TrayPlus, TrayMinus };
+//# sourceMappingURL=icons.d.ts.map

package/lib/theme/CodeEditor/Icon/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../../src/theme/CodeEditor/Icon/icons.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,QAAQ,8CAA8C,CAAC;AAC7D,QAAA,MAAM,MAAM,ixBACswB,CAAC;AACnxB,QAAA,MAAM,IAAI,2RACkR,CAAC;AAC7R,QAAA,MAAM,KAAK,mHACyG,CAAC;AACrH,QAAA,MAAM,aAAa,qNACmM,CAAC;AACvN,QAAA,MAAM,IAAI,uOAC8N,CAAC;AACzO,QAAA,MAAM,KAAK,wHAC8G,CAAC;AAC1H,QAAA,MAAM,SAAS,6MAC+L,CAAC;AAC/M,QAAA,MAAM,QAAQ,mfACse,CAAC;AACrf,QAAA,MAAM,IAAI,iQACwP,CAAC;AACnQ,QAAA,MAAM,KAAK,uMAC6L,CAAC;AACzM,QAAA,MAAM,QAAQ,gGACmF,CAAC;AAClG,QAAA,MAAM,SAAS,0EAA0E,CAAC;AAE1F,OAAO,EACH,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,KAAK,EACL,aAAa,EACb,IAAI,EACJ,KAAK,EACL,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,SAAS,EACZ,CAAC"}

package/lib/theme/CodeEditor/Icon/icons.js

@@ -9,4 +9,6 @@ const ErrorIcon = 'M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2
 const EditCode = 'M 9.54 13.65 L 11.63 15.74 L 10.35 17 L 7 13.65 L 10.35 10.3 L 11.63 11.56 L 9.54 13.65 M 17 13.65 L 13.65 17 L 12.38 15.74 L 14.47 13.65 L 12.38 11.56 L 13.65 10.3 l 3.35 3.35 Z M 10 20 H 6 V 4 H 13 V 9 H 18 V 12.1 L 20 10.1 V 8 L 14 2 H 6 A 2 2 0 0 0 4 4 V 20 A 2 2 0 0 0 6 22 H 10 V 20 M 20.2 13 C 20.3 13 20.5 13.1 20.6 13.2 L 21.9 14.5 C 22.1 14.7 22.1 15.1 21.9 15.3 L 20.9 16.3 L 18.8 14.2 L 19.8 13.2 C 19.9 13.1 20 13 20.2 13 M 20.2 16.9 L 14.1 23 H 12 V 20.9 L 18.1 14.8 L 20.2 16.9 Z';
 const Code = 'M14 2H6C4.89 2 4 2.9 4 4V20C4 21.11 4.89 22 6 22H18C19.11 22 20 21.11 20 20V8L14 2M18 20H6V4H13V9H18V20M9.54 15.65L11.63 17.74L10.35 19L7 15.65L10.35 12.3L11.63 13.56L9.54 15.65M17 15.65L13.65 19L12.38 17.74L14.47 15.65L12.38 13.56L13.65 12.3L17 15.65Z';
 const Reset = 'M13,3A9,9 0 0,0 4,12H1L4.89,15.89L4.96,16.03L9,12H6A7,7 0 0,1 13,5A7,7 0 0,1 20,12A7,7 0 0,1 13,19C11.07,19 9.32,18.21 8.06,16.94L6.64,18.36C8.27,20 10.5,21 13,21A9,9 0 0,0 22,12A9,9 0 0,0 13,3Z';
-export { Download, Python, Play, Close, AnimationPlay, Sync, Check, ErrorIcon, EditCode, Code, Reset };
+const TrayPlus = 'M2 12H4V17H20V12H22V17A2 2 0 0 1 20 19H4A2 2 0 0 1 2 17M11 5H13V8H16V10H13V13H11V10H8V8H11Z';
+const TrayMinus = 'M16 10H8V8H16M2 17A2 2 0 0 0 4 19H20A2 2 0 0 0 22 17V12H20V17H4V12H2Z';
+export { Download, Python, Play, Close, AnimationPlay, Sync, Check, ErrorIcon, EditCode, Code, Reset, TrayPlus, TrayMinus };

package/lib/theme/CodeEditor/Icon/index.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import * as Icons from 'docusaurus-live-brython/theme/CodeEditor/Icon/icons';
+import * as Icons from '@theme/CodeEditor/Icon/icons';
 export declare enum Color {
     Primary = "var(--ifm-color-primary)",
     Secondary = "var(--ifm-color-secondary)",
@@ -9,12 +9,14 @@ export declare enum Color {
     Danger = "var(--ifm-color-danger)",
     Link = "var(--ifm-color-link)"
 }
-interface Props {
+export interface Props {
     icon: keyof typeof Icons;
     size?: number | string;
     spin?: boolean;
+    rotate?: number;
     color?: string;
     className?: string;
 }
 declare const Icon: (props: Props) => React.JSX.Element;
 export default Icon;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/theme/CodeEditor/Icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,KAAK,MAAM,8BAA8B,CAAC;AAItD,oBAAY,KAAK;IACb,OAAO,6BAA6B;IACpC,SAAS,+BAA+B;IACxC,OAAO,6BAA6B;IACpC,IAAI,0BAA0B;IAC9B,OAAO,6BAA6B;IACpC,MAAM,4BAA4B;IAClC,IAAI,0BAA0B;CACjC;AAED,MAAM,WAAW,KAAK;IAClB,IAAI,EAAE,MAAM,OAAO,KAAK,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,IAAI,GAAI,OAAO,KAAK,sBAsCzB,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import * as Icons from 'docusaurus-live-brython/theme/CodeEditor/Icon/icons';
+import * as Icons from '@theme/CodeEditor/Icon/icons';
 import styles from './styles.module.css';
 import clsx from 'clsx';
 export var Color;
@@ -17,12 +17,19 @@ const Icon = (props) => {
     if (props.spin) {
         return (<svg viewBox="0 0 24 24" role="presentation" style={{ width: size, height: size }} className={clsx(props.className, styles.icon, styles.spin)}>
                 <style>{`@keyframes spin-inverse { to { transform: rotate(-360deg) } }`}</style>
-                <g style={{ animation: '2s linear 0s infinite normal none running spin-inverse', transformOrigin: 'center center' }}>
+                <g style={{
+                animation: '2s linear 0s infinite normal none running spin-inverse',
+                transformOrigin: 'center center'
+            }}>
                     <path d={Icons[props.icon]} style={{ fill: props.color || 'currentcolor' }}></path>
                 </g>
             </svg>);
     }
-    return (<svg viewBox="0 0 24 24" role="presentation" style={{ width: size, height: size }} className={clsx(props.className, styles.icon)}>
+    return (<svg viewBox="0 0 24 24" role="presentation" style={{
+            width: size,
+            height: size,
+            transform: `translateY(15%) rotate(${props.rotate || 0}deg)`
+        }} className={clsx(props.className, styles.icon)}>
             <path d={Icons[props.icon]} style={{ fill: props.color || 'currentcolor' }}></path>
         </svg>);
 };

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

@@ -1,3 +1,3 @@
 .icon {
     transform: translateY(15%);
-}
+}

package/lib/theme/CodeEditor/WithScript/ScriptContext.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { type InitState, type Document } from '@theme/CodeEditor/WithScript/Types';
+export declare const Context: React.Context<Document<import("@theme/CodeEditor/WithScript/Types").Script>>;
+declare const ScriptContext: (props: InitState & {
+    children: React.ReactNode;
+}) => React.JSX.Element;
+export default ScriptContext;
+//# sourceMappingURL=ScriptContext.d.ts.map

package/lib/theme/CodeEditor/WithScript/ScriptContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScriptContext.d.ts","sourceRoot":"","sources":["../../../../src/theme/CodeEditor/WithScript/ScriptContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAKnF,eAAO,MAAM,OAAO,8EAAuD,CAAC;AAE5E,QAAA,MAAM,aAAa,GAAI,OAAO,SAAS,GAAG;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,sBAwBtE,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/theme/CodeEditor/WithScript/ScriptContext.jsx

@@ -0,0 +1,27 @@
+import React from 'react';
+import { usePluginData } from '@docusaurus/useGlobalData';
+import { createStore } from '@theme/CodeEditor/WithScript/createStore';
+import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
+import BrowserOnly from '@docusaurus/BrowserOnly';
+import CodeBlock from '@theme/CodeBlock';
+export const Context = React.createContext(undefined);
+const ScriptContext = (props) => {
+    const { libDir, syncMaxOnceEvery } = usePluginData('docusaurus-live-brython');
+    const [store, setStore] = React.useState(null);
+    const { siteConfig } = useDocusaurusContext();
+    React.useEffect(() => {
+        const router = siteConfig.future.experimental_router;
+        const store = createStore(props, libDir, syncMaxOnceEvery, router);
+        setStore(store);
+        store.load();
+    }, [props.id, libDir, siteConfig]);
+    return (<BrowserOnly fallback={<CodeBlock language={props.lang}>{props.code}</CodeBlock>}>
+            {() => {
+            if (!store) {
+                return <CodeBlock language={props.lang}>{props.code}</CodeBlock>;
+            }
+            return <Context.Provider value={store}>{props.children}</Context.Provider>;
+        }}
+        </BrowserOnly>);
+};
+export default ScriptContext;

package/lib/theme/CodeEditor/WithScript/Storage.d.ts

@@ -1,3 +1,4 @@
-import type { StorageSlot, StoredScript } from "docusaurus-live-brython/theme/CodeEditor/WithScript/Types";
+import type { StorageSlot, StoredScript } from '@theme/CodeEditor/WithScript/Types';
 export declare const getStorageScript: (storage: StorageSlot) => StoredScript | undefined;
 export declare const syncStorageScript: (script: StoredScript, storage: StorageSlot) => boolean;
+//# sourceMappingURL=Storage.d.ts.map

package/lib/theme/CodeEditor/WithScript/Storage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Storage.d.ts","sourceRoot":"","sources":["../../../../src/theme/CodeEditor/WithScript/Storage.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAEpF,eAAO,MAAM,gBAAgB,GAAI,SAAS,WAAW,KAAG,YAAY,GAAG,SActE,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,QAAQ,YAAY,EAAE,SAAS,WAAW,KAAG,OAQ9E,CAAC"}

package/lib/theme/CodeEditor/WithScript/Types.d.ts

@@ -10,6 +10,7 @@ export interface StoredScript {
     updatedAt: Date;
     versions: Version[];
 }
+export type Selector<T, R> = (state: T) => R;
 export interface Script extends StoredScript {
     /**
      * this is normally a uuid
@@ -27,16 +28,17 @@ export interface Script extends StoredScript {
     showRaw: boolean;
     isExecuting?: boolean;
     preCode: string;
+    postCode: string;
     lang: 'py' | string;
     logs: LogMessage[];
-    isGraphicsmodalOpen: boolean;
+    graphicsModalExecutionNr: number;
     hasGraphicsOutput: boolean;
     hasTurtleOutput: boolean;
     hasCanvasOutput: boolean;
     hasEdits: boolean;
     /**
      * Storage props
-    */
+     */
     isLoaded: boolean;
     status: Status;
     versionsLoaded: boolean;
@@ -63,11 +65,13 @@ export interface InitState {
     id: string | undefined;
     lang: 'py' | string;
     title: string;
-    raw: string;
+    code: string;
+    preCode: string;
+    postCode: string;
     readonly: boolean;
     versioned: boolean;
 }
-export interface Store<T = Script> {
+export interface Document<T = Script> {
     getState: () => T;
     setState: (fn: (state: Script) => Script) => void;
     subscribe: (listener: () => void) => () => void;
@@ -81,4 +85,8 @@ export interface Store<T = Script> {
     clearLogMessages: () => void;
     load: () => Promise<Status>;
     loadVersions: () => Promise<void>;
+    setIsPasted: (isPasted: boolean) => void;
+    setShowRaw: (showRaw: boolean) => void;
+    setStatus: (status: Status) => void;
 }
+//# sourceMappingURL=Types.d.ts.map

package/lib/theme/CodeEditor/WithScript/Types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Types.d.ts","sourceRoot":"","sources":["../../../../src/theme/CodeEditor/WithScript/Types.ts"],"names":[],"mappings":"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"}

package/lib/theme/CodeEditor/WithScript/bryRunner.d.ts

@@ -0,0 +1,3 @@
+import { RouterType } from '@docusaurus/types';
+export declare const runCode: (code: string, preCode: string, postCode: string, codeId: string, libDir: string, router: RouterType, cache?: boolean) => string;
+//# sourceMappingURL=bryRunner.d.ts.map

package/lib/theme/CodeEditor/WithScript/bryRunner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bryRunner.d.ts","sourceRoot":"","sources":["../../../../src/theme/CodeEditor/WithScript/bryRunner.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAI/C,eAAO,MAAM,OAAO,GAChB,MAAM,MAAM,EACZ,SAAS,MAAM,EACf,UAAU,MAAM,EAChB,QAAQ,MAAM,EACd,QAAQ,MAAM,EACd,QAAQ,UAAU,EAClB,QAAO,OAAc,WA2BxB,CAAC"}

package/lib/theme/CodeEditor/WithScript/bryRunner.js

@@ -0,0 +1,29 @@
+import { DOM_ELEMENT_IDS } from '../constants';
+import { sanitizePyScript } from './helpers';
+export const runCode = (code, preCode, postCode, codeId, libDir, router, cache = true) => {
+    const lineShift = preCode
+        .trim()
+        .split(/\n/)
+        .filter((l) => l.length > 0).length;
+    const pre = lineShift > 0 ? `${preCode.trim()}\n` : '';
+    const post = postCode.trim().length > 0 ? `\n${postCode.trim()}` : '';
+    const toExec = `${pre}${code}${post}`;
+    const src = `from brython_runner import run\nrun("""${sanitizePyScript(toExec || '')}""", '${codeId}', ${lineShift})\n`;
+    if (!window.__BRYTHON__) {
+        alert('Brython not loaded');
+        return;
+    }
+    const active = document.getElementById(DOM_ELEMENT_IDS.communicator(codeId));
+    active.setAttribute('data--start-time', `${Date.now()}`);
+    /**
+     * ensure that the script is executed after the current event loop.
+     * Otherwise, the brython script will not be able to access the graphics output.
+     */
+    setTimeout(() => {
+        window.__BRYTHON__.runPythonSource(src, {
+            pythonpath: router === 'hash' ? [] : [libDir],
+            cache: cache
+        });
+    }, 0);
+    return src;
+};

package/lib/theme/CodeEditor/WithScript/createStore.d.ts

@@ -0,0 +1,4 @@
+import { type InitState, type Document } from '@theme/CodeEditor/WithScript/Types';
+import { RouterType } from '@docusaurus/types';
+export declare const createStore: (props: InitState, libDir: string, syncMaxOnceEvery: number, router: RouterType) => Document;
+//# sourceMappingURL=createStore.d.ts.map

package/lib/theme/CodeEditor/WithScript/createStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createStore.d.ts","sourceRoot":"","sources":["../../../../src/theme/CodeEditor/WithScript/createStore.ts"],"names":[],"mappings":"AAQA,OAAO,EACH,KAAK,SAAS,EAId,KAAK,QAAQ,EAGhB,MAAM,oCAAoC,CAAC;AAG5C,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAG/C,eAAO,MAAM,WAAW,GACpB,OAAO,SAAS,EAChB,QAAQ,MAAM,EACd,kBAAkB,MAAM,EACxB,QAAQ,UAAU,KACnB,QAwPF,CAAC"}