tetrons 2.3.78 → 2.3.79

package/dist/index.cjs

@@ -102,7 +102,12 @@ var init_CodeEditorModal = __esm({
     "use client";
     import_react20 = __toESM(require("react"));
     import_react21 = __toESM(require("@monaco-editor/react"));
-    CodeEditorModal = ({ isOpen, onClose }) => {
+    CodeEditorModal = ({
+      isOpen,
+      onClose,
+      onSubmitCode,
+      onSubmitCodeWithOutput
+    }) => {
       const [language, setLanguage] = (0, import_react20.useState)("javascript");
       const [code, setCode] = (0, import_react20.useState)("// Write your code here");
       const [output, setOutput] = (0, import_react20.useState)("");
@@ -129,6 +134,18 @@ ${data.stderr}
         }
         setLoading(false);
       };
+      const handleSubmitCode = () => {
+        if (onSubmitCode) {
+          onSubmitCode(code);
+        }
+        onClose();
+      };
+      const handleSubmitCodeWithOutput = () => {
+        if (onSubmitCodeWithOutput) {
+          onSubmitCodeWithOutput({ code, output });
+        }
+        onClose();
+      };
       if (!isOpen) return null;
       return /* @__PURE__ */ import_react20.default.createElement("div", { className: "code-modal-overlay" }, /* @__PURE__ */ import_react20.default.createElement("div", { className: "code-modal-content" }, /* @__PURE__ */ import_react20.default.createElement("div", { className: "code-modal-header" }, /* @__PURE__ */ import_react20.default.createElement("h2", null, "Run Code"), /* @__PURE__ */ import_react20.default.createElement("button", { onClick: onClose, className: "code-close-btn" }, "\xD7")), /* @__PURE__ */ import_react20.default.createElement("div", { className: "code-modal-controls" }, /* @__PURE__ */ import_react20.default.createElement("label", { htmlFor: "language" }, "Language:"), /* @__PURE__ */ import_react20.default.createElement(
         "select",
@@ -151,7 +168,23 @@ ${data.stderr}
           value: code,
           onChange: (v) => setCode(v ?? "")
         }
-      ), /* @__PURE__ */ import_react20.default.createElement("div", { className: "code-output" }, /* @__PURE__ */ import_react20.default.createElement("strong", null, "Output:"), /* @__PURE__ */ import_react20.default.createElement("pre", null, output.trim() === "" ? "\u2190 Click Run to see output here" : output))));
+      ), /* @__PURE__ */ import_react20.default.createElement("div", { className: "code-output" }, /* @__PURE__ */ import_react20.default.createElement("strong", null, "Output:"), /* @__PURE__ */ import_react20.default.createElement("pre", null, output.trim() === "" ? "\u2190 Click Run to see output here" : output)), /* @__PURE__ */ import_react20.default.createElement("div", { className: "code-submit-buttons-container" }, /* @__PURE__ */ import_react20.default.createElement(
+        "button",
+        {
+          className: "code-submit-buttons",
+          onClick: handleSubmitCode,
+          disabled: loading || !code
+        },
+        "Submit Code Snippet Only"
+      ), /* @__PURE__ */ import_react20.default.createElement(
+        "button",
+        {
+          className: "code-submit-buttons",
+          onClick: handleSubmitCodeWithOutput,
+          disabled: loading || !code
+        },
+        "Submit Code Snippet With Output"
+      ))));
     };
     CodeEditorModal_default = CodeEditorModal;
   }
@@ -16988,6 +17021,29 @@ var AddOnGroup = ({ editor }) => {
     setModalOpen(false);
     setLatexValue("");
   };
+  const handleSubmitCode = (code) => {
+    editor.chain().focus().insertContent({
+      type: "codeBlock",
+      content: [{ type: "text", text: code }]
+    }).run();
+    setCodeModalOpen(false);
+  };
+  const handleSubmitCodeWithOutput = ({
+    code,
+    output
+  }) => {
+    editor.chain().focus().insertContent({
+      type: "codeBlock",
+      content: [{ type: "text", text: code }]
+    }).insertContent({
+      type: "paragraph",
+      content: [{ type: "text", text: "Output:" }]
+    }).insertContent({
+      type: "codeBlock",
+      content: [{ type: "text", text: output }]
+    }).run();
+    setCodeModalOpen(false);
+  };
   return /* @__PURE__ */ import_react22.default.createElement(import_react22.default.Fragment, null, /* @__PURE__ */ import_react22.default.createElement("div", { className: "group flex gap-2 items-center" }, /* @__PURE__ */ import_react22.default.createElement(
     "button",
     {
@@ -17019,7 +17075,9 @@ var AddOnGroup = ({ editor }) => {
     CodeEditorModal2,
     {
       isOpen: isCodeModalOpen,
-      onClose: () => setCodeModalOpen(false)
+      onClose: () => setCodeModalOpen(false),
+      onSubmitCode: handleSubmitCode,
+      onSubmitCodeWithOutput: handleSubmitCodeWithOutput
     }
   ));
 };

package/dist/index.mjs

@@ -79,7 +79,12 @@ var init_CodeEditorModal = __esm({
   "src/components/tetrons/toolbar/CodeEditorModal.js"() {
     "use strict";
     "use client";
-    CodeEditorModal = ({ isOpen, onClose }) => {
+    CodeEditorModal = ({
+      isOpen,
+      onClose,
+      onSubmitCode,
+      onSubmitCodeWithOutput
+    }) => {
       const [language, setLanguage] = useState8("javascript");
       const [code, setCode] = useState8("// Write your code here");
       const [output, setOutput] = useState8("");
@@ -106,6 +111,18 @@ ${data.stderr}
         }
         setLoading(false);
       };
+      const handleSubmitCode = () => {
+        if (onSubmitCode) {
+          onSubmitCode(code);
+        }
+        onClose();
+      };
+      const handleSubmitCodeWithOutput = () => {
+        if (onSubmitCodeWithOutput) {
+          onSubmitCodeWithOutput({ code, output });
+        }
+        onClose();
+      };
       if (!isOpen) return null;
       return /* @__PURE__ */ React14.createElement("div", { className: "code-modal-overlay" }, /* @__PURE__ */ React14.createElement("div", { className: "code-modal-content" }, /* @__PURE__ */ React14.createElement("div", { className: "code-modal-header" }, /* @__PURE__ */ React14.createElement("h2", null, "Run Code"), /* @__PURE__ */ React14.createElement("button", { onClick: onClose, className: "code-close-btn" }, "\xD7")), /* @__PURE__ */ React14.createElement("div", { className: "code-modal-controls" }, /* @__PURE__ */ React14.createElement("label", { htmlFor: "language" }, "Language:"), /* @__PURE__ */ React14.createElement(
         "select",
@@ -128,7 +145,23 @@ ${data.stderr}
           value: code,
           onChange: (v) => setCode(v ?? "")
         }
-      ), /* @__PURE__ */ React14.createElement("div", { className: "code-output" }, /* @__PURE__ */ React14.createElement("strong", null, "Output:"), /* @__PURE__ */ React14.createElement("pre", null, output.trim() === "" ? "\u2190 Click Run to see output here" : output))));
+      ), /* @__PURE__ */ React14.createElement("div", { className: "code-output" }, /* @__PURE__ */ React14.createElement("strong", null, "Output:"), /* @__PURE__ */ React14.createElement("pre", null, output.trim() === "" ? "\u2190 Click Run to see output here" : output)), /* @__PURE__ */ React14.createElement("div", { className: "code-submit-buttons-container" }, /* @__PURE__ */ React14.createElement(
+        "button",
+        {
+          className: "code-submit-buttons",
+          onClick: handleSubmitCode,
+          disabled: loading || !code
+        },
+        "Submit Code Snippet Only"
+      ), /* @__PURE__ */ React14.createElement(
+        "button",
+        {
+          className: "code-submit-buttons",
+          onClick: handleSubmitCodeWithOutput,
+          disabled: loading || !code
+        },
+        "Submit Code Snippet With Output"
+      ))));
     };
     CodeEditorModal_default = CodeEditorModal;
   }
@@ -16998,6 +17031,29 @@ var AddOnGroup = ({ editor }) => {
     setModalOpen(false);
     setLatexValue("");
   };
+  const handleSubmitCode = (code) => {
+    editor.chain().focus().insertContent({
+      type: "codeBlock",
+      content: [{ type: "text", text: code }]
+    }).run();
+    setCodeModalOpen(false);
+  };
+  const handleSubmitCodeWithOutput = ({
+    code,
+    output
+  }) => {
+    editor.chain().focus().insertContent({
+      type: "codeBlock",
+      content: [{ type: "text", text: code }]
+    }).insertContent({
+      type: "paragraph",
+      content: [{ type: "text", text: "Output:" }]
+    }).insertContent({
+      type: "codeBlock",
+      content: [{ type: "text", text: output }]
+    }).run();
+    setCodeModalOpen(false);
+  };
   return /* @__PURE__ */ React15.createElement(React15.Fragment, null, /* @__PURE__ */ React15.createElement("div", { className: "group flex gap-2 items-center" }, /* @__PURE__ */ React15.createElement(
     "button",
     {
@@ -17029,7 +17085,9 @@ var AddOnGroup = ({ editor }) => {
     CodeEditorModal2,
     {
       isOpen: isCodeModalOpen,
-      onClose: () => setCodeModalOpen(false)
+      onClose: () => setCodeModalOpen(false),
+      onSubmitCode: handleSubmitCode,
+      onSubmitCodeWithOutput: handleSubmitCodeWithOutput
     }
   ));
 };

package/dist/styles/tetrons.css

@@ -668,3 +668,24 @@
   opacity: 0.6;
   cursor: not-allowed;
 }
+
+.code-submit-buttons-container{
+  display: flex;
+  justify-content: space-between;
+  gap: 10px;
+}
+
+.code-submit-buttons{
+  background-color: black;
+  color: white;
+  padding: 16px;
+  border: none;
+  border-radius: 4px;
+  cursor: pointer;
+  font-size: 14px;
+}
+
+.code-submit-buttons:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tetrons",
-  "version": "2.3.78",
+  "version": "2.3.79",
   "description": "A Next.js project written in TypeScript",
   "main": "dist/index.js",
   "module": "dist/index.mjs",