Fixed issue with long lines in Code Editor Example (#3130)

* broadcasting

* Simplified broadcasting

* Updated for broadcasting

* Changed to camel case

* Camel case and auto formating

* Added comments

* Skip if matrices have the same size

* Fixed issue with undefined variable

missing dot  in `A._size`

* Implemented broadcasting in all functions

* Added helper functions

* Added function to check for broadcasting rules

* Tests for broadcasted arithmetic

* Fixed issue with matrix the size of a vector

* Documented and updated broadcasting

* Included broadcast.test

* Included math to syntax when missing

* Add code editor example

* Vite mini project

* Initial example

* added alpine debounce

* Fixed display

* Added parser.clear

* Added mathjs-language

* Made module to get expressions

* Added custom events

* Issue with help formatting

* Simplified help format

* Restored package.json

* removed unneded icons

* Added readme file

* Fixed versions

* Commented getExpressions

* Documented main.js

* Fixed title

* Fixed alpine version

* Removed AlpineJS

* Added documentation and renamed variables for clarity

* Fixed naming errors

* Fixed issue with long lines

* Edge case where multiple expressions are on the same line not ending in ";"

---------

Co-authored-by: David Contreras <[email protected]>
Co-authored-by: Jos de Jong <[email protected]>

AUTHORS

@@ -217,9 +217,9 @@ Evan Miller <[email protected]>
 Timur <[email protected]>
 Ari Markowitz <[email protected]>
 Jay Wang <[email protected]>
+David Contreras <[email protected]>
 Jaeu Jeong <[email protected]>
 cyavictor88 <[email protected]>
-David Contreras <[email protected]>
 Jakub Riegel <[email protected]>
 Angus Comrie <[email protected]>
 TMTron <[email protected]>

examples/code editor/main.js

@@ -41,6 +41,7 @@ let startState = EditorState.create({
   extensions: [
     basicSetup,
     StreamLanguage.define(mathjsLang(math)),
+    EditorView.lineWrapping,
     EditorView.updateListener.of((update) => {
       if (update.docChanged) {
         // if doc changed debounce and update results after a timeout
@@ -110,9 +111,9 @@ function processExpressions(expressions) {
     const outputs = formatResult(result)
     // Determine visibility based on the result type:
     // - Undefined results are hidden.
-    // - Results with an `isResultSet` property are hidden.
+    // - Results with an `isResultSet` property are hidden when empty.
     // - All other results are visible.
-    const visible = result === undefined ? false : result.isResultSet ? false : true
+    const visible = result === undefined ? false : (result.isResultSet && result.entries.length === 0) ? false : true
     return ({
       ...expression,
       outputs,

examples/code editor/style.css

@@ -22,10 +22,12 @@ body {
   flex: 1;
   height: auto;
   display: flex;
+  overflow: auto;
 }
 
 #editor>.cm-editor {
-  flex: 1
+  flex: 1;
+  overflow: scroll;
 }
 
 #app>article {