Add read only option (#6)

* Add read-only option

* Update test

* Add release note

* Add to cell demo

Author: coatless

_extensions/pyodide/qpyodide-cell-classes.js

@@ -247,7 +247,8 @@ class InteractiveCell extends BaseCell {
                     },
                     fontSize: '17.5pt',              // Bootstrap is 1 rem
                     renderLineHighlight: "none",     // Disable current line highlighting
-                    hideCursorInOverviewRuler: true  // Remove cursor indictor in right hand side scroll bar
+                    hideCursorInOverviewRuler: true,  // Remove cursor indictor in right hand side scroll bar
+                    readOnly: thiz.options['read-only'] ?? false
                 }
             );
 

_extensions/pyodide/qpyodide.lua

@@ -45,6 +45,7 @@ local qPyodideDefaultCellOptions = {
   ["warning"] = "true",
   ["message"] = "true",
   ["results"] = "markup",
+  ["read-only"] = "false",
   ["output"] = "true",
   ["comment"] = "",
   ["label"] = "",

docs/qpyodide-code-cell-demo.qmd

@@ -82,6 +82,28 @@ print("Hello quarto-pyodide World!")
 
 By using these shortcuts, you can run code conveniently and efficiently. This practice can also help you become familiar with keyboard shortcuts when transitioning to integrated development environments (IDEs) like [RStudio](https://posit.co/products/open-source/rstudio/) or [Visual Studio Code with Python](https://code.visualstudio.com/docs/languages/python).
 
+
+## Preventing Modifications to Code
+
+Code cells can be locked to their initial state by specifying `#| read-only: true`. 
+
+::: {.panel-tabset}
+## `{quarto-pyodide}` Output
+
+```{pyodide-python}
+#| read-only: true
+1 + 1
+```
+
+## Cell code
+
+```{{pyodide-python}}
+#| read-only: true
+1 + 1
+```
+:::
+
+
 ## Define and Call Functions
 
 Functions can be defined in one cell and called. 
@@ -100,6 +122,7 @@ num_list = [1, 2, 3]
 [square(num)for num in num_list]
 ```
 
+
 ## Load a package
 
 We've enabled _dynamic_ package detection to handle importing packages into the environment. The _dynamic_ part comes from detecting whether a non-core Python package is used, installing, and, then, importing it.

docs/qpyodide-release-notes.qmd

@@ -12,6 +12,14 @@ format:
 [python]: https://www.python.org/
 [quarto]: https://quarto.org/
 
+
+# 0.0.1.dev-1: What does the Python Say? (??-??-????)
+
+## Features
+
+- New code cell option that set the interactive cell to be read-only. ([#4](https://github.com/coatless-quarto/pyodide/issues/4))
+
+
 # 0.0.1: What does the Python Say? (02-19-2024)
 
 ## Features

tests/qpyodide-test-internal-cell.qmd

@@ -9,11 +9,19 @@ Test page for verifying cell context options set explicitly with `context`.
 
 ## Interactive
 
+### Editable
 ```{pyodide-python}
 #| context: interactive
 1 + 1
 ```
 
+### Read-only
+```{pyodide-python}
+#| context: interactive
+#| read-only: true
+1 + 1
+```
+
 ## Setup
 
 Hidden cell that sets `x` and `y` vector values.