about summary refs log tree commit diff stats
path: root/html/edit/004-programming-environment.mu.html
diff options
context:
space:
mode:
authorKartik K. Agaram <vc@akkartik.com>2016-12-26 01:17:01 -0800
committerKartik K. Agaram <vc@akkartik.com>2016-12-26 01:26:16 -0800
commite5c11a5137d538b7713dd8708ca767c208824c06 (patch)
tree82976fd80e5d8048840701c351827730b29f89f6 /html/edit/004-programming-environment.mu.html
parent63e1c465e46502bd7c391e31db73e7e5ae19adfd (diff)
downloadmu-e5c11a5137d538b7713dd8708ca767c208824c06.tar.gz
3709 - line numbers in html
Each line number also gets an anchor name, but I'm not hyperlinking them for now
because I don't want to encourage bookmarking these links just yet. They aren't
permalinks because every revision may change what's at any given line number.
Diffstat (limited to 'html/edit/004-programming-environment.mu.html')
-rw-r--r--html/edit/004-programming-environment.mu.html1316
1 files changed, 670 insertions, 646 deletions
diff --git a/html/edit/004-programming-environment.mu.html b/html/edit/004-programming-environment.mu.html
index 9cbe6f6f..e4048c9e 100644
--- a/html/edit/004-programming-environment.mu.html
+++ b/html/edit/004-programming-environment.mu.html
@@ -6,7 +6,7 @@
 <meta name="Generator" content="Vim/7.4">
 <meta name="plugin-version" content="vim7.4_v2">
 <meta name="syntax" content="none">
-<meta name="settings" content="use_css,pre_wrap,no_foldcolumn,expand_tabs,prevent_copy=">
+<meta name="settings" content="number_lines,use_css,pre_wrap,no_foldcolumn,expand_tabs,line_ids,prevent_copy=">
 <meta name="colorscheme" content="minimal">
 <style type="text/css">
 <!--
@@ -17,9 +17,10 @@ body { font-size: 12pt; font-family: monospace; color: #eeeeee; background-color
 .muControl { color: #c0a020; }
 .Special { color: #c00000; }
 .Delimiter { color: #800080; }
-.Comment { color: #9090ff; }
-.Constant { color: #00a0a0; }
 .SalientComment { color: #00ffff; }
+.Constant { color: #00a0a0; }
+.LineNr { color: #444444; }
+.Comment { color: #9090ff; }
 .muRecipe { color: #ff8700; }
 .muScenario { color: #00af00; }
 -->
@@ -28,653 +29,676 @@ body { font-size: 12pt; font-family: monospace; color: #eeeeee; background-color
 <script type='text/javascript'>
 <!--
 
+/* function to open any folds containing a jumped-to line before jumping to it */
+function JumpToLine()
+{
+  var lineNum;
+  lineNum = window.location.hash;
+  lineNum = lineNum.substr(1); /* strip off '#' */
+
+  if (lineNum.indexOf('L') == -1) {
+    lineNum = 'L'+lineNum;
+  }
+  lineElem = document.getElementById(lineNum);
+  /* Always jump to new location even if the line was hidden inside a fold, or
+   * we corrected the raw number to a line ID.
+   */
+  if (lineElem) {
+    lineElem.scrollIntoView(true);
+  }
+  return true;
+}
+if ('onhashchange' in window) {
+  window.onhashchange = JumpToLine;
+}
+
 -->
 </script>
 </head>
-<body>
+<body onload='JumpToLine();'>
 <pre id='vimCodeElement'>
-<span class="SalientComment">## putting the environment together out of editors</span>
-<span class="Comment">#</span>
-<span class="Comment"># Consists of one editor on the left for recipes and one on the right for the</span>
-<span class="Comment"># sandbox.</span>
-
-<span class="muRecipe">def!</span> main [
-  <span class="Constant">local-scope</span>
-  open-console
-  env:&amp;:environment <span class="Special">&lt;-</span> new-programming-environment <span class="Constant">0/filesystem</span>, <span class="Constant">0/screen</span>
-  render-all <span class="Constant">0/screen</span>, env, render
-  event-loop <span class="Constant">0/screen</span>, <span class="Constant">0/console</span>, env, <span class="Constant">0/filesystem</span>
-  <span class="Comment"># never gets here</span>
-]
-
-<span class="muData">container</span> environment [
-  recipes:&amp;:editor
-  current-sandbox:&amp;:editor
-  sandbox-in-focus?:bool  <span class="Comment"># false =&gt; cursor in recipes; true =&gt; cursor in current-sandbox</span>
-]
-
-<span class="muRecipe">def</span> new-programming-environment resources:&amp;:resources, screen:&amp;:screen, test-sandbox-editor-contents:text<span class="muRecipe"> -&gt; </span>result:&amp;:environment [
-  <span class="Constant">local-scope</span>
-  <span class="Constant">load-ingredients</span>
-  width:num <span class="Special">&lt;-</span> screen-width screen
-  result <span class="Special">&lt;-</span> new <span class="Constant">environment:type</span>
-  <span class="Comment"># recipe editor on the left</span>
-  initial-recipe-contents:text <span class="Special">&lt;-</span> slurp resources, <span class="Constant">[lesson/recipes.mu]</span>  <span class="Comment"># ignore errors</span>
-  divider:num, _ <span class="Special">&lt;-</span> divide-with-remainder width,<span class="Constant"> 2</span>
-  recipes:&amp;:editor <span class="Special">&lt;-</span> new-editor initial-recipe-contents, <span class="Constant">0/left</span>, divider/right
-  <span class="Comment"># sandbox editor on the right</span>
-  sandbox-left:num <span class="Special">&lt;-</span> add divider,<span class="Constant"> 1</span>
-  current-sandbox:&amp;:editor <span class="Special">&lt;-</span> new-editor test-sandbox-editor-contents, sandbox-left, width/right
-  *result <span class="Special">&lt;-</span> put *result, <span class="Constant">recipes:offset</span>, recipes
-  *result <span class="Special">&lt;-</span> put *result, <span class="Constant">current-sandbox:offset</span>, current-sandbox
-  *result <span class="Special">&lt;-</span> put *result, <span class="Constant">sandbox-in-focus?:offset</span>, <span class="Constant">0/false</span>
-<span class="Constant">  &lt;programming-environment-initialization&gt;</span>
-]
-
-<span class="muRecipe">def</span> event-loop screen:&amp;:screen, console:&amp;:console, env:&amp;:environment, resources:&amp;:resources<span class="muRecipe"> -&gt; </span>screen:&amp;:screen, console:&amp;:console, env:&amp;:environment, resources:&amp;:resources [
-  <span class="Constant">local-scope</span>
-  <span class="Constant">load-ingredients</span>
-  recipes:&amp;:editor <span class="Special">&lt;-</span> get *env, <span class="Constant">recipes:offset</span>
-  current-sandbox:&amp;:editor <span class="Special">&lt;-</span> get *env, <span class="Constant">current-sandbox:offset</span>
-  sandbox-in-focus?:bool <span class="Special">&lt;-</span> get *env, <span class="Constant">sandbox-in-focus?:offset</span>
-  <span class="Comment"># if we fall behind we'll stop updating the screen, but then we have to</span>
-  <span class="Comment"># render the entire screen when we catch up.</span>
-  <span class="Comment"># todo: test this</span>
-  render-all-on-no-more-events?:bool <span class="Special">&lt;-</span> copy <span class="Constant">0/false</span>
-  <span class="Delimiter">{</span>
-    <span class="Comment"># looping over each (keyboard or touch) event as it occurs</span>
-<span class="Constant">    +next-event</span>
-    e:event, found?:bool, quit?:bool, console <span class="Special">&lt;-</span> read-event console
-    <span class="muControl">loop-unless</span> found?
-    <span class="muControl">break-if</span> quit?  <span class="Comment"># only in tests</span>
-    trace<span class="Constant"> 10</span>, <span class="Constant">[app]</span>, <span class="Constant">[next-event]</span>
-<span class="Constant">    &lt;handle-event&gt;</span>
-    <span class="Comment"># check for global events that will trigger regardless of which editor has focus</span>
-    <span class="Delimiter">{</span>
-      k:num, is-keycode?:bool <span class="Special">&lt;-</span> maybe-convert e:event, <span class="Constant">keycode:variant</span>
-      <span class="muControl">break-unless</span> is-keycode?
-<span class="Constant">      &lt;global-keypress&gt;</span>
-    <span class="Delimiter">}</span>
-    <span class="Delimiter">{</span>
-      c:char, is-unicode?:bool <span class="Special">&lt;-</span> maybe-convert e:event, <span class="Constant">text:variant</span>
-      <span class="muControl">break-unless</span> is-unicode?
-<span class="Constant">      &lt;global-type&gt;</span>
-    <span class="Delimiter">}</span>
-    <span class="Comment"># 'touch' event - send to both sides, see what picks it up</span>
-    <span class="Delimiter">{</span>
-      t:touch-event, is-touch?:bool <span class="Special">&lt;-</span> maybe-convert e:event, <span class="Constant">touch:variant</span>
-      <span class="muControl">break-unless</span> is-touch?
-      <span class="Comment"># ignore all but 'left-click' events for now</span>
-      <span class="Comment"># todo: test this</span>
-      touch-type:num <span class="Special">&lt;-</span> get t, <span class="Constant">type:offset</span>
-      is-left-click?:bool <span class="Special">&lt;-</span> equal touch-type, <span class="Constant">65513/mouse-left</span>
-      <span class="muControl">loop-unless</span> is-left-click?, <span class="Constant">+next-event</span>
-      click-row:num <span class="Special">&lt;-</span> get t, <span class="Constant">row:offset</span>
-      click-column:num <span class="Special">&lt;-</span> get t, <span class="Constant">column:offset</span>
-      <span class="Comment"># later exceptions for non-editor touches will go here</span>
-<span class="Constant">      &lt;global-touch&gt;</span>
-      <span class="Comment"># send to both editors</span>
-      _ <span class="Special">&lt;-</span> move-cursor-in-editor screen, recipes, t
-      sandbox-in-focus?:bool <span class="Special">&lt;-</span> move-cursor-in-editor screen, current-sandbox, t
-      *env <span class="Special">&lt;-</span> put *env, <span class="Constant">sandbox-in-focus?:offset</span>, sandbox-in-focus?
-      screen <span class="Special">&lt;-</span> update-cursor screen, recipes, current-sandbox, sandbox-in-focus?, env
-      <span class="muControl">loop</span> <span class="Constant">+next-event</span>
-    <span class="Delimiter">}</span>
-    <span class="Comment"># 'resize' event - redraw editor</span>
-    <span class="Comment"># todo: test this after supporting resize in assume-console</span>
-    <span class="Delimiter">{</span>
-      r:resize-event, is-resize?:bool <span class="Special">&lt;-</span> maybe-convert e:event, <span class="Constant">resize:variant</span>
-      <span class="muControl">break-unless</span> is-resize?
-      <span class="Comment"># if more events, we're still resizing; wait until we stop</span>
-      more-events?:bool <span class="Special">&lt;-</span> has-more-events? console
-      <span class="Delimiter">{</span>
-        <span class="muControl">break-unless</span> more-events?
-        render-all-on-no-more-events? <span class="Special">&lt;-</span> copy <span class="Constant">1/true</span>  <span class="Comment"># no rendering now, full rendering on some future event</span>
-      <span class="Delimiter">}</span>
-      <span class="Delimiter">{</span>
-        <span class="muControl">break-if</span> more-events?
-        env, screen <span class="Special">&lt;-</span> resize screen, env
-        screen <span class="Special">&lt;-</span> render-all screen, env, render-without-moving-cursor
-        render-all-on-no-more-events? <span class="Special">&lt;-</span> copy <span class="Constant">0/false</span>  <span class="Comment"># full render done</span>
-      <span class="Delimiter">}</span>
-      <span class="muControl">loop</span> <span class="Constant">+next-event</span>
-    <span class="Delimiter">}</span>
-    <span class="Comment"># if it's not global and not a touch event, send to appropriate editor</span>
-    <span class="Delimiter">{</span>
-      hide-screen screen
-      sandbox-in-focus?:bool <span class="Special">&lt;-</span> get *env, <span class="Constant">sandbox-in-focus?:offset</span>
-      <span class="Delimiter">{</span>
-        <span class="muControl">break-if</span> sandbox-in-focus?
-        render?:bool <span class="Special">&lt;-</span> handle-keyboard-event screen, recipes, e:event
-        <span class="Comment"># refresh screen only if no more events</span>
-        <span class="Comment"># if there are more events to process, wait for them to clear up, then make sure you render-all afterward.</span>
-        more-events?:bool <span class="Special">&lt;-</span> has-more-events? console
-        <span class="Delimiter">{</span>
-          <span class="muControl">break-unless</span> more-events?
-          render-all-on-no-more-events? <span class="Special">&lt;-</span> copy <span class="Constant">1/true</span>  <span class="Comment"># no rendering now, full rendering on some future event</span>
-          <span class="muControl">jump</span> <span class="Constant">+finish-event</span>
-        <span class="Delimiter">}</span>
-        <span class="Delimiter">{</span>
-          <span class="muControl">break-if</span> more-events?
-          <span class="Delimiter">{</span>
-            <span class="muControl">break-unless</span> render-all-on-no-more-events?
-            <span class="Comment"># no more events, and we have to force render</span>
-            screen <span class="Special">&lt;-</span> render-all screen, env, render
-            render-all-on-no-more-events? <span class="Special">&lt;-</span> copy <span class="Constant">0/false</span>
-            <span class="muControl">jump</span> <span class="Constant">+finish-event</span>
-          <span class="Delimiter">}</span>
-          <span class="Comment"># no more events, no force render</span>
-          <span class="Delimiter">{</span>
-            <span class="muControl">break-unless</span> render?
-            screen <span class="Special">&lt;-</span> render-recipes screen, env, render
-            <span class="muControl">jump</span> <span class="Constant">+finish-event</span>
-          <span class="Delimiter">}</span>
-        <span class="Delimiter">}</span>
-      <span class="Delimiter">}</span>
-      <span class="Delimiter">{</span>
-        <span class="muControl">break-unless</span> sandbox-in-focus?
-        render?:bool <span class="Special">&lt;-</span> handle-keyboard-event screen, current-sandbox, e:event
-        <span class="Comment"># refresh screen only if no more events</span>
-        <span class="Comment"># if there are more events to process, wait for them to clear up, then make sure you render-all afterward.</span>
-        more-events?:bool <span class="Special">&lt;-</span> has-more-events? console
-        <span class="Delimiter">{</span>
-          <span class="muControl">break-unless</span> more-events?
-          render-all-on-no-more-events? <span class="Special">&lt;-</span> copy <span class="Constant">1/true</span>  <span class="Comment"># no rendering now, full rendering on some future event</span>
-          <span class="muControl">jump</span> <span class="Constant">+finish-event</span>
-        <span class="Delimiter">}</span>
-        <span class="Delimiter">{</span>
-          <span class="muControl">break-if</span> more-events?
-          <span class="Delimiter">{</span>
-            <span class="muControl">break-unless</span> render-all-on-no-more-events?
-            <span class="Comment"># no more events, and we have to force render</span>
-            screen <span class="Special">&lt;-</span> render-all screen, env, render
-            render-all-on-no-more-events? <span class="Special">&lt;-</span> copy <span class="Constant">0/false</span>
-            <span class="muControl">jump</span> <span class="Constant">+finish-event</span>
-          <span class="Delimiter">}</span>
-          <span class="Comment"># no more events, no force render</span>
-          <span class="Delimiter">{</span>
-            <span class="muControl">break-unless</span> render?
-            screen <span class="Special">&lt;-</span> render-sandbox-side screen, env, render
-            <span class="muControl">jump</span> <span class="Constant">+finish-event</span>
-          <span class="Delimiter">}</span>
-        <span class="Delimiter">}</span>
-      <span class="Delimiter">}</span>
-<span class="Constant">      +finish-event</span>
-      screen <span class="Special">&lt;-</span> update-cursor screen, recipes, current-sandbox, sandbox-in-focus?, env
-      show-screen screen
-    <span class="Delimiter">}</span>
-    <span class="muControl">loop</span>
-  <span class="Delimiter">}</span>
-]
-
-<span class="muRecipe">def</span> resize screen:&amp;:screen, env:&amp;:environment<span class="muRecipe"> -&gt; </span>env:&amp;:environment, screen:&amp;:screen [
-  <span class="Constant">local-scope</span>
-  <span class="Constant">load-ingredients</span>
-  clear-screen screen  <span class="Comment"># update screen dimensions</span>
-  width:num <span class="Special">&lt;-</span> screen-width screen
-  divider:num, _ <span class="Special">&lt;-</span> divide-with-remainder width,<span class="Constant"> 2</span>
-  <span class="Comment"># update recipe editor</span>
-  recipes:&amp;:editor <span class="Special">&lt;-</span> get *env, <span class="Constant">recipes:offset</span>
-  right:num <span class="Special">&lt;-</span> subtract divider,<span class="Constant"> 1</span>
-  *recipes <span class="Special">&lt;-</span> put *recipes, <span class="Constant">right:offset</span>, right
-  <span class="Comment"># reset cursor (later we'll try to preserve its position)</span>
-  *recipes <span class="Special">&lt;-</span> put *recipes, <span class="Constant">cursor-row:offset</span>,<span class="Constant"> 1</span>
-  *recipes <span class="Special">&lt;-</span> put *recipes, <span class="Constant">cursor-column:offset</span>,<span class="Constant"> 0</span>
-  <span class="Comment"># update sandbox editor</span>
-  current-sandbox:&amp;:editor <span class="Special">&lt;-</span> get *env, <span class="Constant">current-sandbox:offset</span>
-  left:num <span class="Special">&lt;-</span> add divider,<span class="Constant"> 1</span>
-  *current-sandbox <span class="Special">&lt;-</span> put *current-sandbox, <span class="Constant">left:offset</span>, left
-  right:num <span class="Special">&lt;-</span> subtract width,<span class="Constant"> 1</span>
-  *current-sandbox <span class="Special">&lt;-</span> put *current-sandbox, <span class="Constant">right:offset</span>, right
-  <span class="Comment"># reset cursor (later we'll try to preserve its position)</span>
-  *current-sandbox <span class="Special">&lt;-</span> put *current-sandbox, <span class="Constant">cursor-row:offset</span>,<span class="Constant"> 1</span>
-  *current-sandbox <span class="Special">&lt;-</span> put *current-sandbox, <span class="Constant">cursor-column:offset</span>, left
-]
-
-<span class="Comment"># Variant of 'render' that updates cursor-row and cursor-column based on</span>
-<span class="Comment"># before-cursor (rather than the other way around). If before-cursor moves</span>
-<span class="Comment"># off-screen, it resets cursor-row and cursor-column.</span>
-<span class="muRecipe">def</span> render-without-moving-cursor screen:&amp;:screen, editor:&amp;:editor<span class="muRecipe"> -&gt; </span>last-row:num, last-column:num, screen:&amp;:screen, editor:&amp;:editor [
-  <span class="Constant">local-scope</span>
-  <span class="Constant">load-ingredients</span>
-  <span class="muControl">return-unless</span> editor, <span class="Constant">1/top</span>, <span class="Constant">0/left</span>
-  left:num <span class="Special">&lt;-</span> get *editor, <span class="Constant">left:offset</span>
-  screen-height:num <span class="Special">&lt;-</span> screen-height screen
-  right:num <span class="Special">&lt;-</span> get *editor, <span class="Constant">right:offset</span>
-  curr:&amp;:duplex-list:char <span class="Special">&lt;-</span> get *editor, <span class="Constant">top-of-screen:offset</span>
-  prev:&amp;:duplex-list:char <span class="Special">&lt;-</span> copy curr  <span class="Comment"># just in case curr becomes null and we can't compute prev</span>
-  curr <span class="Special">&lt;-</span> next curr
-<span class="Constant">  +render-loop-initialization</span>
-  color:num <span class="Special">&lt;-</span> copy <span class="Constant">7/white</span>
-  row:num <span class="Special">&lt;-</span> copy <span class="Constant">1/top</span>
-  column:num <span class="Special">&lt;-</span> copy left
-  <span class="Comment"># save before-cursor</span>
-  old-before-cursor:&amp;:duplex-list:char <span class="Special">&lt;-</span> get *editor, <span class="Constant">before-cursor:offset</span>
-  <span class="Comment"># initialze cursor-row/cursor-column/before-cursor to the top of the screen</span>
-  <span class="Comment"># by default</span>
-  *editor <span class="Special">&lt;-</span> put *editor, <span class="Constant">cursor-row:offset</span>, row
-  *editor <span class="Special">&lt;-</span> put *editor, <span class="Constant">cursor-column:offset</span>, column
-  top-of-screen:&amp;:duplex-list:char <span class="Special">&lt;-</span> get *editor, <span class="Constant">top-of-screen:offset</span>
-  *editor <span class="Special">&lt;-</span> put *editor, <span class="Constant">before-cursor:offset</span>, top-of-screen
-  screen <span class="Special">&lt;-</span> move-cursor screen, row, column
-  <span class="Delimiter">{</span>
-<span class="Constant">    +next-character</span>
-    <span class="muControl">break-unless</span> curr
-    off-screen?:bool <span class="Special">&lt;-</span> greater-or-equal row, screen-height
-    <span class="muControl">break-if</span> off-screen?
-    <span class="Comment"># if we find old-before-cursor still on the new resized screen, update</span>
-    <span class="Comment"># editor.cursor-row and editor.cursor-column based on</span>
-    <span class="Comment"># old-before-cursor</span>
-    <span class="Delimiter">{</span>
-      at-cursor?:bool <span class="Special">&lt;-</span> equal old-before-cursor, prev
-      <span class="muControl">break-unless</span> at-cursor?
-      *editor <span class="Special">&lt;-</span> put *editor, <span class="Constant">cursor-row:offset</span>, row
-      *editor <span class="Special">&lt;-</span> put *editor, <span class="Constant">cursor-column:offset</span>, column
-      *editor <span class="Special">&lt;-</span> put *editor, <span class="Constant">before-cursor:offset</span>, old-before-cursor
-    <span class="Delimiter">}</span>
-    c:char <span class="Special">&lt;-</span> get *curr, <span class="Constant">value:offset</span>
-<span class="Constant">    &lt;character-c-received&gt;</span>
-    <span class="Delimiter">{</span>
-      <span class="Comment"># newline? move to left rather than 0</span>
-      newline?:bool <span class="Special">&lt;-</span> equal c, <span class="Constant">10/newline</span>
-      <span class="muControl">break-unless</span> newline?
-      <span class="Comment"># clear rest of line in this window</span>
-      clear-line-until screen, right
-      <span class="Comment"># skip to next line</span>
-      row <span class="Special">&lt;-</span> add row,<span class="Constant"> 1</span>
-      column <span class="Special">&lt;-</span> copy left
-      screen <span class="Special">&lt;-</span> move-cursor screen, row, column
-      curr <span class="Special">&lt;-</span> next curr
-      prev <span class="Special">&lt;-</span> next prev
-      <span class="muControl">loop</span> <span class="Constant">+next-character</span>
-    <span class="Delimiter">}</span>
-    <span class="Delimiter">{</span>
-      <span class="Comment"># at right? wrap. even if there's only one more letter left; we need</span>
-      <span class="Comment"># room for clicking on the cursor after it.</span>
-      at-right?:bool <span class="Special">&lt;-</span> equal column, right
-      <span class="muControl">break-unless</span> at-right?
-      <span class="Comment"># print wrap icon</span>
-      wrap-icon:char <span class="Special">&lt;-</span> copy <span class="Constant">8617/loop-back-to-left</span>
-      print screen, wrap-icon, <span class="Constant">245/grey</span>
-      column <span class="Special">&lt;-</span> copy left
-      row <span class="Special">&lt;-</span> add row,<span class="Constant"> 1</span>
-      screen <span class="Special">&lt;-</span> move-cursor screen, row, column
-      <span class="Comment"># don't increment curr</span>
-      <span class="muControl">loop</span> <span class="Constant">+next-character</span>
-    <span class="Delimiter">}</span>
-    print screen, c, color
-    curr <span class="Special">&lt;-</span> next curr
-    prev <span class="Special">&lt;-</span> next prev
-    column <span class="Special">&lt;-</span> add column,<span class="Constant"> 1</span>
-    <span class="muControl">loop</span>
-  <span class="Delimiter">}</span>
-  <span class="Comment"># save first character off-screen</span>
-  *editor <span class="Special">&lt;-</span> put *editor, <span class="Constant">bottom-of-screen:offset</span>, curr
-  *editor <span class="Special">&lt;-</span> put *editor, <span class="Constant">bottom:offset</span>, row
-  <span class="muControl">return</span> row, column
-]
-
-<span class="muScenario">scenario</span> point-at-multiple-editors [
-  <span class="Constant">local-scope</span>
-  trace-until <span class="Constant">100/app</span>  <span class="Comment"># trace too long</span>
-  assume-screen <span class="Constant">30/width</span>, <span class="Constant">5/height</span>
-  <span class="Comment"># initialize both halves of screen</span>
-  assume-resources [
-    <span class="Constant">[lesson/recipes.mu]</span> <span class="Special">&lt;-</span> [
-<span class="Constant">      |abc|</span>
-    ]
-  ]
-  env:&amp;:environment <span class="Special">&lt;-</span> new-programming-environment resources, screen, <span class="Constant">[def]</span>  <span class="Comment"># contents of sandbox editor</span>
-  <span class="Comment"># focus on both sides</span>
-  assume-console [
-    left-click<span class="Constant"> 1</span>,<span class="Constant"> 1</span>
-    left-click<span class="Constant"> 1</span>,<span class="Constant"> 17</span>
-  ]
-  <span class="Comment"># check cursor column in each</span>
-  run [
-    event-loop screen, console, env, resources
-    recipes:&amp;:editor <span class="Special">&lt;-</span> get *env, <span class="Constant">recipes:offset</span>
-    5:num/<span class="Special">raw</span> <span class="Special">&lt;-</span> get *recipes, <span class="Constant">cursor-column:offset</span>
-    sandbox:&amp;:editor <span class="Special">&lt;-</span> get *env, <span class="Constant">current-sandbox:offset</span>
-    7:num/<span class="Special">raw</span> <span class="Special">&lt;-</span> get *sandbox, <span class="Constant">cursor-column:offset</span>
-  ]
-  memory-should-contain [
-   <span class="Constant"> 5</span> <span class="Special">&lt;-</span><span class="Constant"> 1</span>
-   <span class="Constant"> 7</span> <span class="Special">&lt;-</span><span class="Constant"> 17</span>
-  ]
-]
-
-<span class="muScenario">scenario</span> edit-multiple-editors [
-  <span class="Constant">local-scope</span>
-  trace-until <span class="Constant">100/app</span>  <span class="Comment"># trace too long</span>
-  assume-screen <span class="Constant">30/width</span>, <span class="Constant">5/height</span>
-  <span class="Comment"># initialize both halves of screen</span>
-  assume-resources [
-    <span class="Constant">[lesson/recipes.mu]</span> <span class="Special">&lt;-</span> [
-<span class="Constant">      |abc|</span>
-    ]
-  ]
-  env:&amp;:environment <span class="Special">&lt;-</span> new-programming-environment resources, screen, <span class="Constant">[def]</span>  <span class="Comment"># contents of sandbox</span>
-  render-all screen, env, render
-  <span class="Comment"># type one letter in each of them</span>
-  assume-console [
-    left-click<span class="Constant"> 1</span>,<span class="Constant"> 1</span>
-    type <span class="Constant">[0]</span>
-    left-click<span class="Constant"> 1</span>,<span class="Constant"> 17</span>
-    type <span class="Constant">[1]</span>
-  ]
-  run [
-    event-loop screen, console, env, resources
-    recipes:&amp;:editor <span class="Special">&lt;-</span> get *env, <span class="Constant">recipes:offset</span>
-    5:num/<span class="Special">raw</span> <span class="Special">&lt;-</span> get *recipes, <span class="Constant">cursor-column:offset</span>
-    sandbox:&amp;:editor <span class="Special">&lt;-</span> get *env, <span class="Constant">current-sandbox:offset</span>
-    7:num/<span class="Special">raw</span> <span class="Special">&lt;-</span> get *sandbox, <span class="Constant">cursor-column:offset</span>
-  ]
-  screen-should-contain [
-   <span class="Constant"> .           run (F4)           .  # this line has a different background, but we don't test that yet</span>
-   <span class="Constant"> .a0bc           ╎d1ef          .</span>
-   <span class="Constant"> .               ╎──────────────.</span>
-   <span class="Constant"> .╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╎              .</span>
-   <span class="Constant"> .               ╎              .</span>
-  ]
-  memory-should-contain [
-   <span class="Constant"> 5</span> <span class="Special">&lt;-</span><span class="Constant"> 2</span>  <span class="Comment"># cursor column of recipe editor</span>
-   <span class="Constant"> 7</span> <span class="Special">&lt;-</span><span class="Constant"> 18</span>  <span class="Comment"># cursor column of sandbox editor</span>
-  ]
-  <span class="Comment"># show the cursor at the right window</span>
-  run [
-    cursor:char <span class="Special">&lt;-</span> copy <span class="Constant">9251/␣</span>
-    print screen, cursor
-  ]
-  screen-should-contain [
-   <span class="Constant"> .           run (F4)           .</span>
-   <span class="Constant"> .a0bc           ╎d1␣f          .</span>
-   <span class="Constant"> .               ╎──────────────.</span>
-   <span class="Constant"> .╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╎              .</span>
-   <span class="Constant"> .               ╎              .</span>
-  ]
-]
-
-<span class="muScenario">scenario</span> editor-in-focus-keeps-cursor [
-  <span class="Constant">local-scope</span>
-  trace-until <span class="Constant">100/app</span>  <span class="Comment"># trace too long</span>
-  assume-screen <span class="Constant">30/width</span>, <span class="Constant">5/height</span>
-  assume-resources [
-    <span class="Constant">[lesson/recipes.mu]</span> <span class="Special">&lt;-</span> [
-<span class="Constant">      |abc|</span>
-    ]
-  ]
-  env:&amp;:environment <span class="Special">&lt;-</span> new-programming-environment resources, screen, <span class="Constant">[def]</span>
-  render-all screen, env, render
-  <span class="Comment"># initialize programming environment and highlight cursor</span>
-  assume-console <span class="Constant">[]</span>
-  run [
-    event-loop screen, console, env, resources
-    cursor:char <span class="Special">&lt;-</span> copy <span class="Constant">9251/␣</span>
-    print screen, cursor
-  ]
-  <span class="Comment"># is cursor at the right place?</span>
-  screen-should-contain [
-   <span class="Constant"> .           run (F4)           .</span>
-   <span class="Constant"> .␣bc            ╎def           .</span>
-   <span class="Constant"> .               ╎──────────────.</span>
-   <span class="Constant"> .╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╎              .</span>
-   <span class="Constant"> .               ╎              .</span>
-  ]
-  <span class="Comment"># now try typing a letter</span>
-  assume-console [
-    type <span class="Constant">[z]</span>
-  ]
-  run [
-    event-loop screen, console, env, resources
-    cursor:char <span class="Special">&lt;-</span> copy <span class="Constant">9251/␣</span>
-    print screen, cursor
-  ]
-  <span class="Comment"># cursor should still be right</span>
-  screen-should-contain [
-   <span class="Constant"> .           run (F4)           .</span>
-   <span class="Constant"> .z␣bc           ╎def           .</span>
-   <span class="Constant"> .               ╎──────────────.</span>
-   <span class="Constant"> .╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╎              .</span>
-   <span class="Constant"> .               ╎              .</span>
-  ]
-]
-
-<span class="muScenario">scenario</span> backspace-in-sandbox-editor-joins-lines [
-  <span class="Constant">local-scope</span>
-  trace-until <span class="Constant">100/app</span>  <span class="Comment"># trace too long</span>
-  assume-screen <span class="Constant">30/width</span>, <span class="Constant">5/height</span>
-  assume-resources [
-  ]
-  <span class="Comment"># initialize sandbox side with two lines</span>
-  test-sandbox-editor-contents:text <span class="Special">&lt;-</span> new <span class="Constant">[abc</span>
-<span class="Constant">def]</span>
-  env:&amp;:environment <span class="Special">&lt;-</span> new-programming-environment resources, screen, test-sandbox-editor-contents
-  render-all screen, env, render
-  screen-should-contain [
-   <span class="Constant"> .           run (F4)           .</span>
-   <span class="Constant"> .               ╎abc           .</span>
-   <span class="Constant"> .╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╎def           .</span>
-   <span class="Constant"> .               ╎──────────────.</span>
-   <span class="Constant"> .               ╎              .</span>
-  ]
-  <span class="Comment"># position cursor at start of second line and hit backspace</span>
-  assume-console [
-    left-click<span class="Constant"> 2</span>,<span class="Constant"> 16</span>
-    press backspace
-  ]
-  run [
-    event-loop screen, console, env, resources
-    cursor:char <span class="Special">&lt;-</span> copy <span class="Constant">9251/␣</span>
-    print screen, cursor
-  ]
-  <span class="Comment"># cursor moves to end of old line</span>
-  screen-should-contain [
-   <span class="Constant"> .           run (F4)           .</span>
-   <span class="Constant"> .               ╎abc␣ef        .</span>
-<span class="Constant">    .╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╎──────────────.</span>
-   <span class="Constant"> .               ╎              .</span>
-  ]
-]
-
-<span class="muRecipe">def</span> render-all screen:&amp;:screen, env:&amp;:environment, <span class="Delimiter">{</span>render-editor: (recipe (address screen) (address editor)<span class="muRecipe"> -&gt; </span>number number (address screen) (address editor))<span class="Delimiter">}</span><span class="muRecipe"> -&gt; </span>screen:&amp;:screen, env:&amp;:environment [
-  <span class="Constant">local-scope</span>
-  <span class="Constant">load-ingredients</span>
-  trace<span class="Constant"> 10</span>, <span class="Constant">[app]</span>, <span class="Constant">[render all]</span>
-  hide-screen screen
-  <span class="Comment"># top menu</span>
-  trace<span class="Constant"> 11</span>, <span class="Constant">[app]</span>, <span class="Constant">[render top menu]</span>
-  width:num <span class="Special">&lt;-</span> screen-width screen
-  draw-horizontal screen,<span class="Constant"> 0</span>, <span class="Constant">0/left</span>, width, <span class="Constant">32/space</span>, <span class="Constant">0/black</span>, <span class="Constant">238/grey</span>
-  button-start:num <span class="Special">&lt;-</span> subtract width,<span class="Constant"> 20</span>
-  button-on-screen?:bool <span class="Special">&lt;-</span> greater-or-equal button-start,<span class="Constant"> 0</span>
-  assert button-on-screen?, <span class="Constant">[screen too narrow for menu]</span>
-  screen <span class="Special">&lt;-</span> move-cursor screen, <span class="Constant">0/row</span>, button-start
-  print screen, <span class="Constant">[ run (F4) ]</span>, <span class="Constant">255/white</span>, <span class="Constant">161/reddish</span>
-  <span class="Comment"># dotted line down the middle</span>
-  trace<span class="Constant"> 11</span>, <span class="Constant">[app]</span>, <span class="Constant">[render divider]</span>
-  divider:num, _ <span class="Special">&lt;-</span> divide-with-remainder width,<span class="Constant"> 2</span>
-  height:num <span class="Special">&lt;-</span> screen-height screen
-  draw-vertical screen, divider, <span class="Constant">1/top</span>, height, <span class="Constant">9482/vertical-dotted</span>
-  <span class="Comment">#</span>
-  screen <span class="Special">&lt;-</span> render-recipes screen, env, render-editor
-  screen <span class="Special">&lt;-</span> render-sandbox-side screen, env, render-editor
-<span class="Constant">  &lt;render-components-end&gt;</span>
-  <span class="Comment">#</span>
-  recipes:&amp;:editor <span class="Special">&lt;-</span> get *env, <span class="Constant">recipes:offset</span>
-  current-sandbox:&amp;:editor <span class="Special">&lt;-</span> get *env, <span class="Constant">current-sandbox:offset</span>
-  sandbox-in-focus?:bool <span class="Special">&lt;-</span> get *env, <span class="Constant">sandbox-in-focus?:offset</span>
-  screen <span class="Special">&lt;-</span> update-cursor screen, recipes, current-sandbox, sandbox-in-focus?, env
-  <span class="Comment">#</span>
-  show-screen screen
-]
-
-<span class="muRecipe">def</span> render-recipes screen:&amp;:screen, env:&amp;:environment, <span class="Delimiter">{</span>render-editor: (recipe (address screen) (address editor)<span class="muRecipe"> -&gt; </span>number number (address screen) (address editor))<span class="Delimiter">}</span><span class="muRecipe"> -&gt; </span>screen:&amp;:screen, env:&amp;:environment [
-  <span class="Constant">local-scope</span>
-  <span class="Constant">load-ingredients</span>
-  trace<span class="Constant"> 11</span>, <span class="Constant">[app]</span>, <span class="Constant">[render recipes]</span>
-  recipes:&amp;:editor <span class="Special">&lt;-</span> get *env, <span class="Constant">recipes:offset</span>
-  <span class="Comment"># render recipes</span>
-  left:num <span class="Special">&lt;-</span> get *recipes, <span class="Constant">left:offset</span>
-  right:num <span class="Special">&lt;-</span> get *recipes, <span class="Constant">right:offset</span>
-  row:num, column:num, screen <span class="Special">&lt;-</span> call render-editor, screen, recipes
-  clear-line-until screen, right
-  row <span class="Special">&lt;-</span> add row,<span class="Constant"> 1</span>
-<span class="Constant">  &lt;render-recipe-components-end&gt;</span>
-  <span class="Comment"># draw dotted line after recipes</span>
-  draw-horizontal screen, row, left, right, <span class="Constant">9480/horizontal-dotted</span>
-  row <span class="Special">&lt;-</span> add row,<span class="Constant"> 1</span>
-  clear-screen-from screen, row, left, left, right
-]
-
-<span class="Comment"># replaced in a later layer</span>
-<span class="muRecipe">def</span> render-sandbox-side screen:&amp;:screen, env:&amp;:environment, <span class="Delimiter">{</span>render-editor: (recipe (address screen) (address editor)<span class="muRecipe"> -&gt; </span>number number (address screen) (address editor))<span class="Delimiter">}</span><span class="muRecipe"> -&gt; </span>screen:&amp;:screen, env:&amp;:environment [
-  <span class="Constant">local-scope</span>
-  <span class="Constant">load-ingredients</span>
-  current-sandbox:&amp;:editor <span class="Special">&lt;-</span> get *env, <span class="Constant">current-sandbox:offset</span>
-  left:num <span class="Special">&lt;-</span> get *current-sandbox, <span class="Constant">left:offset</span>
-  right:num <span class="Special">&lt;-</span> get *current-sandbox, <span class="Constant">right:offset</span>
-  row:num, column:num, screen, current-sandbox <span class="Special">&lt;-</span> call render-editor, screen, current-sandbox
-  clear-line-until screen, right
-  row <span class="Special">&lt;-</span> add row,<span class="Constant"> 1</span>
-  <span class="Comment"># draw solid line after code (you'll see why in later layers)</span>
-  draw-horizontal screen, row, left, right
-  row <span class="Special">&lt;-</span> add row,<span class="Constant"> 1</span>
-  clear-screen-from screen, row, left, left, right
-]
-
-<span class="muRecipe">def</span> update-cursor screen:&amp;:screen, recipes:&amp;:editor, current-sandbox:&amp;:editor, sandbox-in-focus?:bool, env:&amp;:environment<span class="muRecipe"> -&gt; </span>screen:&amp;:screen [
-  <span class="Constant">local-scope</span>
-  <span class="Constant">load-ingredients</span>
-<span class="Constant">  &lt;update-cursor-special-cases&gt;</span>
-  <span class="Delimiter">{</span>
-    <span class="muControl">break-if</span> sandbox-in-focus?
-    cursor-row:num <span class="Special">&lt;-</span> get *recipes, <span class="Constant">cursor-row:offset</span>
-    cursor-column:num <span class="Special">&lt;-</span> get *recipes, <span class="Constant">cursor-column:offset</span>
-  <span class="Delimiter">}</span>
-  <span class="Delimiter">{</span>
-    <span class="muControl">break-unless</span> sandbox-in-focus?
-    cursor-row:num <span class="Special">&lt;-</span> get *current-sandbox, <span class="Constant">cursor-row:offset</span>
-    cursor-column:num <span class="Special">&lt;-</span> get *current-sandbox, <span class="Constant">cursor-column:offset</span>
-  <span class="Delimiter">}</span>
-  screen <span class="Special">&lt;-</span> move-cursor screen, cursor-row, cursor-column
-]
-
-<span class="Comment"># like 'render' for texts, but with colorization for comments like in the editor</span>
-<span class="muRecipe">def</span> render-code screen:&amp;:screen, s:text, left:num, right:num, row:num<span class="muRecipe"> -&gt; </span>row:num, screen:&amp;:screen [
-  <span class="Constant">local-scope</span>
-  <span class="Constant">load-ingredients</span>
-  <span class="muControl">return-unless</span> s
-  color:num <span class="Special">&lt;-</span> copy <span class="Constant">7/white</span>
-  column:num <span class="Special">&lt;-</span> copy left
-  screen <span class="Special">&lt;-</span> move-cursor screen, row, column
-  screen-height:num <span class="Special">&lt;-</span> screen-height screen
-  i:num <span class="Special">&lt;-</span> copy<span class="Constant"> 0</span>
-  len:num <span class="Special">&lt;-</span> length *s
-  <span class="Delimiter">{</span>
-<span class="Constant">    +next-character</span>
-    done?:bool <span class="Special">&lt;-</span> greater-or-equal i, len
-    <span class="muControl">break-if</span> done?
-    done? <span class="Special">&lt;-</span> greater-or-equal row, screen-height
-    <span class="muControl">break-if</span> done?
-    c:char <span class="Special">&lt;-</span> index *s, i
-    <span class="Constant">&lt;character-c-received&gt;</span>  <span class="Comment"># only line different from render</span>
-    <span class="Delimiter">{</span>
-      <span class="Comment"># at right? wrap.</span>
-      at-right?:bool <span class="Special">&lt;-</span> equal column, right
-      <span class="muControl">break-unless</span> at-right?
-      <span class="Comment"># print wrap icon</span>
-      wrap-icon:char <span class="Special">&lt;-</span> copy <span class="Constant">8617/loop-back-to-left</span>
-      print screen, wrap-icon, <span class="Constant">245/grey</span>
-      column <span class="Special">&lt;-</span> copy left
-      row <span class="Special">&lt;-</span> add row,<span class="Constant"> 1</span>
-      screen <span class="Special">&lt;-</span> move-cursor screen, row, column
-      <span class="muControl">loop</span> <span class="Constant">+next-character</span>  <span class="Comment"># retry i</span>
-    <span class="Delimiter">}</span>
-    i <span class="Special">&lt;-</span> add i,<span class="Constant"> 1</span>
-    <span class="Delimiter">{</span>
-      <span class="Comment"># newline? move to left rather than 0</span>
-      newline?:bool <span class="Special">&lt;-</span> equal c, <span class="Constant">10/newline</span>
-      <span class="muControl">break-unless</span> newline?
-      <span class="Comment"># clear rest of line in this window</span>
-      <span class="Delimiter">{</span>
-        done?:bool <span class="Special">&lt;-</span> greater-than column, right
-        <span class="muControl">break-if</span> done?
-        space:char <span class="Special">&lt;-</span> copy <span class="Constant">32/space</span>
-        print screen, space
-        column <span class="Special">&lt;-</span> add column,<span class="Constant"> 1</span>
-        <span class="muControl">loop</span>
-      <span class="Delimiter">}</span>
-      row <span class="Special">&lt;-</span> add row,<span class="Constant"> 1</span>
-      column <span class="Special">&lt;-</span> copy left
-      screen <span class="Special">&lt;-</span> move-cursor screen, row, column
-      <span class="muControl">loop</span> <span class="Constant">+next-character</span>
-    <span class="Delimiter">}</span>
-    print screen, c, color
-    column <span class="Special">&lt;-</span> add column,<span class="Constant"> 1</span>
-    <span class="muControl">loop</span>
-  <span class="Delimiter">}</span>
-  was-at-left?:bool <span class="Special">&lt;-</span> equal column, left
-  clear-line-until screen, right
-  <span class="Delimiter">{</span>
-    <span class="muControl">break-if</span> was-at-left?
-    row <span class="Special">&lt;-</span> add row,<span class="Constant"> 1</span>
-  <span class="Delimiter">}</span>
-  move-cursor screen, row, left
-]
-
-<span class="Comment"># ctrl-l - redraw screen (just in case it printed junk somehow)</span>
-
-<span class="muRecipe">after</span> <span class="Constant">&lt;global-type&gt;</span> [
-  <span class="Delimiter">{</span>
-    redraw-screen?:bool <span class="Special">&lt;-</span> equal c, <span class="Constant">12/ctrl-l</span>
-    <span class="muControl">break-unless</span> redraw-screen?
-    screen <span class="Special">&lt;-</span> render-all screen, env:&amp;:environment, render
-    sync-screen screen
-    <span class="muControl">loop</span> <span class="Constant">+next-event</span>
-  <span class="Delimiter">}</span>
-]
-
-<span class="Comment"># ctrl-n - switch focus</span>
-<span class="Comment"># todo: test this</span>
-
-<span class="muRecipe">after</span> <span class="Constant">&lt;global-type&gt;</span> [
-  <span class="Delimiter">{</span>
-    switch-side?:bool <span class="Special">&lt;-</span> equal c, <span class="Constant">14/ctrl-n</span>
-    <span class="muControl">break-unless</span> switch-side?
-    sandbox-in-focus?:bool <span class="Special">&lt;-</span> get *env, <span class="Constant">sandbox-in-focus?:offset</span>
-    sandbox-in-focus? <span class="Special">&lt;-</span> not sandbox-in-focus?
-    *env <span class="Special">&lt;-</span> put *env, <span class="Constant">sandbox-in-focus?:offset</span>, sandbox-in-focus?
-    screen <span class="Special">&lt;-</span> update-cursor screen, recipes, current-sandbox, sandbox-in-focus?, env
-    <span class="muControl">loop</span> <span class="Constant">+next-event</span>
-  <span class="Delimiter">}</span>
-]
-
-<span class="SalientComment">## helpers</span>
-
-<span class="muRecipe">def</span> draw-vertical screen:&amp;:screen, col:num, y:num, bottom:num<span class="muRecipe"> -&gt; </span>screen:&amp;:screen [
-  <span class="Constant">local-scope</span>
-  <span class="Constant">load-ingredients</span>
-  style:char, style-found?:bool <span class="Special">&lt;-</span> <span class="Constant">next-ingredient</span>
-  <span class="Delimiter">{</span>
-    <span class="muControl">break-if</span> style-found?
-    style <span class="Special">&lt;-</span> copy <span class="Constant">9474/vertical</span>
-  <span class="Delimiter">}</span>
-  color:num, color-found?:bool <span class="Special">&lt;-</span> <span class="Constant">next-ingredient</span>
-  <span class="Delimiter">{</span>
-    <span class="Comment"># default color to white</span>
-    <span class="muControl">break-if</span> color-found?
-    color <span class="Special">&lt;-</span> copy <span class="Constant">245/grey</span>
-  <span class="Delimiter">}</span>
-  <span class="Delimiter">{</span>
-    continue?:bool <span class="Special">&lt;-</span> lesser-than y, bottom
-    <span class="muControl">break-unless</span> continue?
-    screen <span class="Special">&lt;-</span> move-cursor screen, y, col
-    print screen, style, color
-    y <span class="Special">&lt;-</span> add y,<span class="Constant"> 1</span>
-    <span class="muControl">loop</span>
-  <span class="Delimiter">}</span>
-]
+<a name="L1"></a><span id="L1" class="LineNr">  1 </span><span class="SalientComment">## putting the environment together out of editors</span>
+<a name="L2"></a><span id="L2" class="LineNr">  2 </span><span class="Comment">#</span>
+<a name="L3"></a><span id="L3" class="LineNr">  3 </span><span class="Comment"># Consists of one editor on the left for recipes and one on the right for the</span>
+<a name="L4"></a><span id="L4" class="LineNr">  4 </span><span class="Comment"># sandbox.</span>
+<a name="L5"></a><span id="L5" class="LineNr">  5 </span>
+<a name="L6"></a><span id="L6" class="LineNr">  6 </span><span class="muRecipe">def!</span> main [
+<a name="L7"></a><span id="L7" class="LineNr">  7 </span>  <span class="Constant">local-scope</span>
+<a name="L8"></a><span id="L8" class="LineNr">  8 </span>  open-console
+<a name="L9"></a><span id="L9" class="LineNr">  9 </span>  env:&amp;:environment <span class="Special">&lt;-</span> new-programming-environment <span class="Constant">0/filesystem</span>, <span class="Constant">0/screen</span>
+<a name="L10"></a><span id="L10" class="LineNr"> 10 </span>  render-all <span class="Constant">0/screen</span>, env, render
+<a name="L11"></a><span id="L11" class="LineNr"> 11 </span>  event-loop <span class="Constant">0/screen</span>, <span class="Constant">0/console</span>, env, <span class="Constant">0/filesystem</span>
+<a name="L12"></a><span id="L12" class="LineNr"> 12 </span>  <span class="Comment"># never gets here</span>
+<a name="L13"></a><span id="L13" class="LineNr"> 13 </span>]
+<a name="L14"></a><span id="L14" class="LineNr"> 14 </span>
+<a name="L15"></a><span id="L15" class="LineNr"> 15 </span><span class="muData">container</span> environment [
+<a name="L16"></a><span id="L16" class="LineNr"> 16 </span>  recipes:&amp;:editor
+<a name="L17"></a><span id="L17" class="LineNr"> 17 </span>  current-sandbox:&amp;:editor
+<a name="L18"></a><span id="L18" class="LineNr"> 18 </span>  sandbox-in-focus?:bool  <span class="Comment"># false =&gt; cursor in recipes; true =&gt; cursor in current-sandbox</span>
+<a name="L19"></a><span id="L19" class="LineNr"> 19 </span>]
+<a name="L20"></a><span id="L20" class="LineNr"> 20 </span>
+<a name="L21"></a><span id="L21" class="LineNr"> 21 </span><span class="muRecipe">def</span> new-programming-environment resources:&amp;:resources, screen:&amp;:screen, test-sandbox-editor-contents:text<span class="muRecipe"> -&gt; </span>result:&amp;:environment [
+<a name="L22"></a><span id="L22" class="LineNr"> 22 </span>  <span class="Constant">local-scope</span>
+<a name="L23"></a><span id="L23" class="LineNr"> 23 </span>  <span class="Constant">load-ingredients</span>
+<a name="L24"></a><span id="L24" class="LineNr"> 24 </span>  width:num <span class="Special">&lt;-</span> screen-width screen
+<a name="L25"></a><span id="L25" class="LineNr"> 25 </span>  result <span class="Special">&lt;-</span> new <span class="Constant">environment:type</span>
+<a name="L26"></a><span id="L26" class="LineNr"> 26 </span>  <span class="Comment"># recipe editor on the left</span>
+<a name="L27"></a><span id="L27" class="LineNr"> 27 </span>  initial-recipe-contents:text <span class="Special">&lt;-</span> slurp resources, <span class="Constant">[lesson/recipes.mu]</span>  <span class="Comment"># ignore errors</span>
+<a name="L28"></a><span id="L28" class="LineNr"> 28 </span>  divider:num, _ <span class="Special">&lt;-</span> divide-with-remainder width,<span class="Constant"> 2</span>
+<a name="L29"></a><span id="L29" class="LineNr"> 29 </span>  recipes:&amp;:editor <span class="Special">&lt;-</span> new-editor initial-recipe-contents, <span class="Constant">0/left</span>, divider/right
+<a name="L30"></a><span id="L30" class="LineNr"> 30 </span>  <span class="Comment"># sandbox editor on the right</span>
+<a name="L31"></a><span id="L31" class="LineNr"> 31 </span>  sandbox-left:num <span class="Special">&lt;-</span> add divider,<span class="Constant"> 1</span>
+<a name="L32"></a><span id="L32" class="LineNr"> 32 </span>  current-sandbox:&amp;:editor <span class="Special">&lt;-</span> new-editor test-sandbox-editor-contents, sandbox-left, width/right
+<a name="L33"></a><span id="L33" class="LineNr"> 33 </span>  *result <span class="Special">&lt;-</span> put *result, <span class="Constant">recipes:offset</span>, recipes
+<a name="L34"></a><span id="L34" class="LineNr"> 34 </span>  *result <span class="Special">&lt;-</span> put *result, <span class="Constant">current-sandbox:offset</span>, current-sandbox
+<a name="L35"></a><span id="L35" class="LineNr"> 35 </span>  *result <span class="Special">&lt;-</span> put *result, <span class="Constant">sandbox-in-focus?:offset</span>, <span class="Constant">0/false</span>
+<a name="L36"></a><span id="L36" class="LineNr"> 36 </span><span class="Constant">  &lt;programming-environment-initialization&gt;</span>
+<a name="L37"></a><span id="L37" class="LineNr"> 37 </span>]
+<a name="L38"></a><span id="L38" class="LineNr"> 38 </span>
+<a name="L39"></a><span id="L39" class="LineNr"> 39 </span><span class="muRecipe">def</span> event-loop screen:&amp;:screen, console:&amp;:console, env:&amp;:environment, resources:&amp;:resources<span class="muRecipe"> -&gt; </span>screen:&amp;:screen, console:&amp;:console, env:&amp;:environment, resources:&amp;:resources [
+<a name="L40"></a><span id="L40" class="LineNr"> 40 </span>  <span class="Constant">local-scope</span>
+<a name="L41"></a><span id="L41" class="LineNr"> 41 </span>  <span class="Constant">load-ingredients</span>
+<a name="L42"></a><span id="L42" class="LineNr"> 42 </span>  recipes:&amp;:editor <span class="Special">&lt;-</span> get *env, <span class="Constant">recipes:offset</span>
+<a name="L43"></a><span id="L43" class="LineNr"> 43 </span>  current-sandbox:&amp;:editor <span class="Special">&lt;-</span> get *env, <span class="Constant">current-sandbox:offset</span>
+<a name="L44"></a><span id="L44" class="LineNr"> 44 </span>  sandbox-in-focus?:bool <span class="Special">&lt;-</span> get *env, <span class="Constant">sandbox-in-focus?:offset</span>
+<a name="L45"></a><span id="L45" class="LineNr"> 45 </span>  <span class="Comment"># if we fall behind we'll stop updating the screen, but then we have to</span>
+<a name="L46"></a><span id="L46" class="LineNr"> 46 </span>  <span class="Comment"># render the entire screen when we catch up.</span>
+<a name="L47"></a><span id="L47" class="LineNr"> 47 </span>  <span class="Comment"># todo: test this</span>
+<a name="L48"></a><span id="L48" class="LineNr"> 48 </span>  render-all-on-no-more-events?:bool <span class="Special">&lt;-</span> copy <span class="Constant">0/false</span>
+<a name="L49"></a><span id="L49" class="LineNr"> 49 </span>  <span class="Delimiter">{</span>
+<a name="L50"></a><span id="L50" class="LineNr"> 50 </span>    <span class="Comment"># looping over each (keyboard or touch) event as it occurs</span>
+<a name="L51"></a><span id="L51" class="LineNr"> 51 </span><span class="Constant">    +next-event</span>
+<a name="L52"></a><span id="L52" class="LineNr"> 52 </span>    e:event, found?:bool, quit?:bool, console <span class="Special">&lt;-</span> read-event console
+<a name="L53"></a><span id="L53" class="LineNr"> 53 </span>    <span class="muControl">loop-unless</span> found?
+<a name="L54"></a><span id="L54" class="LineNr"> 54 </span>    <span class="muControl">break-if</span> quit?  <span class="Comment"># only in tests</span>
+<a name="L55"></a><span id="L55" class="LineNr"> 55 </span>    trace<span class="Constant"> 10</span>, <span class="Constant">[app]</span>, <span class="Constant">[next-event]</span>
+<a name="L56"></a><span id="L56" class="LineNr"> 56 </span><span class="Constant">    &lt;handle-event&gt;</span>
+<a name="L57"></a><span id="L57" class="LineNr"> 57 </span>    <span class="Comment"># check for global events that will trigger regardless of which editor has focus</span>
+<a name="L58"></a><span id="L58" class="LineNr"> 58 </span>    <span class="Delimiter">{</span>
+<a name="L59"></a><span id="L59" class="LineNr"> 59 </span>      k:num, is-keycode?:bool <span class="Special">&lt;-</span> maybe-convert e:event, <span class="Constant">keycode:variant</span>
+<a name="L60"></a><span id="L60" class="LineNr"> 60 </span>      <span class="muControl">break-unless</span> is-keycode?
+<a name="L61"></a><span id="L61" class="LineNr"> 61 </span><span class="Constant">      &lt;global-keypress&gt;</span>
+<a name="L62"></a><span id="L62" class="LineNr"> 62 </span>    <span class="Delimiter">}</span>
+<a name="L63"></a><span id="L63" class="LineNr"> 63 </span>    <span class="Delimiter">{</span>
+<a name="L64"></a><span id="L64" class="LineNr"> 64 </span>      c:char, is-unicode?:bool <span class="Special">&lt;-</span> maybe-convert e:event, <span class="Constant">text:variant</span>
+<a name="L65"></a><span id="L65" class="LineNr"> 65 </span>      <span class="muControl">break-unless</span> is-unicode?
+<a name="L66"></a><span id="L66" class="LineNr"> 66 </span><span class="Constant">      &lt;global-type&gt;</span>
+<a name="L67"></a><span id="L67" class="LineNr"> 67 </span>    <span class="Delimiter">}</span>
+<a name="L68"></a><span id="L68" class="LineNr"> 68 </span>    <span class="Comment"># 'touch' event - send to both sides, see what picks it up</span>
+<a name="L69"></a><span id="L69" class="LineNr"> 69 </span>    <span class="Delimiter">{</span>
+<a name="L70"></a><span id="L70" class="LineNr"> 70 </span>      t:touch-event, is-touch?:bool <span class="Special">&lt;-</span> maybe-convert e:event, <span class="Constant">touch:variant</span>
+<a name="L71"></a><span id="L71" class="LineNr"> 71 </span>      <span class="muControl">break-unless</span> is-touch?
+<a name="L72"></a><span id="L72" class="LineNr"> 72 </span>      <span class="Comment"># ignore all but 'left-click' events for now</span>
+<a name="L73"></a><span id="L73" class="LineNr"> 73 </span>      <span class="Comment"># todo: test this</span>
+<a name="L74"></a><span id="L74" class="LineNr"> 74 </span>      touch-type:num <span class="Special">&lt;-</span> get t, <span class="Constant">type:offset</span>
+<a name="L75"></a><span id="L75" class="LineNr"> 75 </span>      is-left-click?:bool <span class="Special">&lt;-</span> equal touch-type, <span class="Constant">65513/mouse-left</span>
+<a name="L76"></a><span id="L76" class="LineNr"> 76 </span>      <span class="muControl">loop-unless</span> is-left-click?, <span class="Constant">+next-event</span>
+<a name="L77"></a><span id="L77" class="LineNr"> 77 </span>      click-row:num <span class="Special">&lt;-</span> get t, <span class="Constant">row:offset</span>
+<a name="L78"></a><span id="L78" class="LineNr"> 78 </span>      click-column:num <span class="Special">&lt;-</span> get t, <span class="Constant">column:offset</span>
+<a name="L79"></a><span id="L79" class="LineNr"> 79 </span>      <span class="Comment"># later exceptions for non-editor touches will go here</span>
+<a name="L80"></a><span id="L80" class="LineNr"> 80 </span><span class="Constant">      &lt;global-touch&gt;</span>
+<a name="L81"></a><span id="L81" class="LineNr"> 81 </span>      <span class="Comment"># send to both editors</span>
+<a name="L82"></a><span id="L82" class="LineNr"> 82 </span>      _ <span class="Special">&lt;-</span> move-cursor-in-editor screen, recipes, t
+<a name="L83"></a><span id="L83" class="LineNr"> 83 </span>      sandbox-in-focus?:bool <span class="Special">&lt;-</span> move-cursor-in-editor screen, current-sandbox, t
+<a name="L84"></a><span id="L84" class="LineNr"> 84 </span>      *env <span class="Special">&lt;-</span> put *env, <span class="Constant">sandbox-in-focus?:offset</span>, sandbox-in-focus?
+<a name="L85"></a><span id="L85" class="LineNr"> 85 </span>      screen <span class="Special">&lt;-</span> update-cursor screen, recipes, current-sandbox, sandbox-in-focus?, env
+<a name="L86"></a><span id="L86" class="LineNr"> 86 </span>      <span class="muControl">loop</span> <span class="Constant">+next-event</span>
+<a name="L87"></a><span id="L87" class="LineNr"> 87 </span>    <span class="Delimiter">}</span>
+<a name="L88"></a><span id="L88" class="LineNr"> 88 </span>    <span class="Comment"># 'resize' event - redraw editor</span>
+<a name="L89"></a><span id="L89" class="LineNr"> 89 </span>    <span class="Comment"># todo: test this after supporting resize in assume-console</span>
+<a name="L90"></a><span id="L90" class="LineNr"> 90 </span>    <span class="Delimiter">{</span>
+<a name="L91"></a><span id="L91" class="LineNr"> 91 </span>      r:resize-event, is-resize?:bool <span class="Special">&lt;-</span> maybe-convert e:event, <span class="Constant">resize:variant</span>
+<a name="L92"></a><span id="L92" class="LineNr"> 92 </span>      <span class="muControl">break-unless</span> is-resize?
+<a name="L93"></a><span id="L93" class="LineNr"> 93 </span>      <span class="Comment"># if more events, we're still resizing; wait until we stop</span>
+<a name="L94"></a><span id="L94" class="LineNr"> 94 </span>      more-events?:bool <span class="Special">&lt;-</span> has-more-events? console
+<a name="L95"></a><span id="L95" class="LineNr"> 95 </span>      <span class="Delimiter">{</span>
+<a name="L96"></a><span id="L96" class="LineNr"> 96 </span>        <span class="muControl">break-unless</span> more-events?
+<a name="L97"></a><span id="L97" class="LineNr"> 97 </span>        render-all-on-no-more-events? <span class="Special">&lt;-</span> copy <span class="Constant">1/true</span>  <span class="Comment"># no rendering now, full rendering on some future event</span>
+<a name="L98"></a><span id="L98" class="LineNr"> 98 </span>      <span class="Delimiter">}</span>
+<a name="L99"></a><span id="L99" class="LineNr"> 99 </span>      <span class="Delimiter">{</span>
+<a name="L100"></a><span id="L100" class="LineNr">100 </span>        <span class="muControl">break-if</span> more-events?
+<a name="L101"></a><span id="L101" class="LineNr">101 </span>        env, screen <span class="Special">&lt;-</span> resize screen, env
+<a name="L102"></a><span id="L102" class="LineNr">102 </span>        screen <span class="Special">&lt;-</span> render-all screen, env, render-without-moving-cursor
+<a name="L103"></a><span id="L103" class="LineNr">103 </span>        render-all-on-no-more-events? <span class="Special">&lt;-</span> copy <span class="Constant">0/false</span>  <span class="Comment"># full render done</span>
+<a name="L104"></a><span id="L104" class="LineNr">104 </span>      <span class="Delimiter">}</span>
+<a name="L105"></a><span id="L105" class="LineNr">105 </span>      <span class="muControl">loop</span> <span class="Constant">+next-event</span>
+<a name="L106"></a><span id="L106" class="LineNr">106 </span>    <span class="Delimiter">}</span>
+<a name="L107"></a><span id="L107" class="LineNr">107 </span>    <span class="Comment"># if it's not global and not a touch event, send to appropriate editor</span>
+<a name="L108"></a><span id="L108" class="LineNr">108 </span>    <span class="Delimiter">{</span>
+<a name="L109"></a><span id="L109" class="LineNr">109 </span>      hide-screen screen
+<a name="L110"></a><span id="L110" class="LineNr">110 </span>      sandbox-in-focus?:bool <span class="Special">&lt;-</span> get *env, <span class="Constant">sandbox-in-focus?:offset</span>
+<a name="L111"></a><span id="L111" class="LineNr">111 </span>      <span class="Delimiter">{</span>
+<a name="L112"></a><span id="L112" class="LineNr">112 </span>        <span class="muControl">break-if</span> sandbox-in-focus?
+<a name="L113"></a><span id="L113" class="LineNr">113 </span>        render?:bool <span class="Special">&lt;-</span> handle-keyboard-event screen, recipes, e:event
+<a name="L114"></a><span id="L114" class="LineNr">114 </span>        <span class="Comment"># refresh screen only if no more events</span>
+<a name="L115"></a><span id="L115" class="LineNr">115 </span>        <span class="Comment"># if there are more events to process, wait for them to clear up, then make sure you render-all afterward.</span>
+<a name="L116"></a><span id="L116" class="LineNr">116 </span>        more-events?:bool <span class="Special">&lt;-</span> has-more-events? console
+<a name="L117"></a><span id="L117" class="LineNr">117 </span>        <span class="Delimiter">{</span>
+<a name="L118"></a><span id="L118" class="LineNr">118 </span>          <span class="muControl">break-unless</span> more-events?
+<a name="L119"></a><span id="L119" class="LineNr">119 </span>          render-all-on-no-more-events? <span class="Special">&lt;-</span> copy <span class="Constant">1/true</span>  <span class="Comment"># no rendering now, full rendering on some future event</span>
+<a name="L120"></a><span id="L120" class="LineNr">120 </span>          <span class="muControl">jump</span> <span class="Constant">+finish-event</span>
+<a name="L121"></a><span id="L121" class="LineNr">121 </span>        <span class="Delimiter">}</span>
+<a name="L122"></a><span id="L122" class="LineNr">122 </span>        <span class="Delimiter">{</span>
+<a name="L123"></a><span id="L123" class="LineNr">123 </span>          <span class="muControl">break-if</span> more-events?
+<a name="L124"></a><span id="L124" class="LineNr">124 </span>          <span class="Delimiter">{</span>
+<a name="L125"></a><span id="L125" class="LineNr">125 </span>            <span class="muControl">break-unless</span> render-all-on-no-more-events?
+<a name="L126"></a><span id="L126" class="LineNr">126 </span>            <span class="Comment"># no more events, and we have to force render</span>
+<a name="L127"></a><span id="L127" class="LineNr">127 </span>            screen <span class="Special">&lt;-</span> render-all screen, env, render
+<a name="L128"></a><span id="L128" class="LineNr">128 </span>            render-all-on-no-more-events? <span class="Special">&lt;-</span> copy <span class="Constant">0/false</span>
+<a name="L129"></a><span id="L129" class="LineNr">129 </span>            <span class="muControl">jump</span> <span class="Constant">+finish-event</span>
+<a name="L130"></a><span id="L130" class="LineNr">130 </span>          <span class="Delimiter">}</span>
+<a name="L131"></a><span id="L131" class="LineNr">131 </span>          <span class="Comment"># no more events, no force render</span>
+<a name="L132"></a><span id="L132" class="LineNr">132 </span>          <span class="Delimiter">{</span>
+<a name="L133"></a><span id="L133" class="LineNr">133 </span>            <span class="muControl">break-unless</span> render?
+<a name="L134"></a><span id="L134" class="LineNr">134 </span>            screen <span class="Special">&lt;-</span> render-recipes screen, env, render
+<a name="L135"></a><span id="L135" class="LineNr">135 </span>            <span class="muControl">jump</span> <span class="Constant">+finish-event</span>
+<a name="L136"></a><span id="L136" class="LineNr">136 </span>          <span class="Delimiter">}</span>
+<a name="L137"></a><span id="L137" class="LineNr">137 </span>        <span class="Delimiter">}</span>
+<a name="L138"></a><span id="L138" class="LineNr">138 </span>      <span class="Delimiter">}</span>
+<a name="L139"></a><span id="L139" class="LineNr">139 </span>      <span class="Delimiter">{</span>
+<a name="L140"></a><span id="L140" class="LineNr">140 </span>        <span class="muControl">break-unless</span> sandbox-in-focus?
+<a name="L141"></a><span id="L141" class="LineNr">141 </span>        render?:bool <span class="Special">&lt;-</span> handle-keyboard-event screen, current-sandbox, e:event
+<a name="L142"></a><span id="L142" class="LineNr">142 </span>        <span class="Comment"># refresh screen only if no more events</span>
+<a name="L143"></a><span id="L143" class="LineNr">143 </span>        <span class="Comment"># if there are more events to process, wait for them to clear up, then make sure you render-all afterward.</span>
+<a name="L144"></a><span id="L144" class="LineNr">144 </span>        more-events?:bool <span class="Special">&lt;-</span> has-more-events? console
+<a name="L145"></a><span id="L145" class="LineNr">145 </span>        <span class="Delimiter">{</span>
+<a name="L146"></a><span id="L146" class="LineNr">146 </span>          <span class="muControl">break-unless</span> more-events?
+<a name="L147"></a><span id="L147" class="LineNr">147 </span>          render-all-on-no-more-events? <span class="Special">&lt;-</span> copy <span class="Constant">1/true</span>  <span class="Comment"># no rendering now, full rendering on some future event</span>
+<a name="L148"></a><span id="L148" class="LineNr">148 </span>          <span class="muControl">jump</span> <span class="Constant">+finish-event</span>
+<a name="L149"></a><span id="L149" class="LineNr">149 </span>        <span class="Delimiter">}</span>
+<a name="L150"></a><span id="L150" class="LineNr">150 </span>        <span class="Delimiter">{</span>
+<a name="L151"></a><span id="L151" class="LineNr">151 </span>          <span class="muControl">break-if</span> more-events?
+<a name="L152"></a><span id="L152" class="LineNr">152 </span>          <span class="Delimiter">{</span>
+<a name="L153"></a><span id="L153" class="LineNr">153 </span>            <span class="muControl">break-unless</span> render-all-on-no-more-events?
+<a name="L154"></a><span id="L154" class="LineNr">154 </span>            <span class="Comment"># no more events, and we have to force render</span>
+<a name="L155"></a><span id="L155" class="LineNr">155 </span>            screen <span class="Special">&lt;-</span> render-all screen, env, render
+<a name="L156"></a><span id="L156" class="LineNr">156 </span>            render-all-on-no-more-events? <span class="Special">&lt;-</span> copy <span class="Constant">0/false</span>
+<a name="L157"></a><span id="L157" class="LineNr">157 </span>            <span class="muControl">jump</span> <span class="Constant">+finish-event</span>
+<a name="L158"></a><span id="L158" class="LineNr">158 </span>          <span class="Delimiter">}</span>
+<a name="L159"></a><span id="L159" class="LineNr">159 </span>          <span class="Comment"># no more events, no force render</span>
+<a name="L160"></a><span id="L160" class="LineNr">160 </span>          <span class="Delimiter">{</span>
+<a name="L161"></a><span id="L161" class="LineNr">161 </span>            <span class="muControl">break-unless</span> render?
+<a name="L162"></a><span id="L162" class="LineNr">162 </span>            screen <span class="Special">&lt;-</span> render-sandbox-side screen, env, render
+<a name="L163"></a><span id="L163" class="LineNr">163 </span>            <span class="muControl">jump</span> <span class="Constant">+finish-event</span>
+<a name="L164"></a><span id="L164" class="LineNr">164 </span>          <span class="Delimiter">}</span>
+<a name="L165"></a><span id="L165" class="LineNr">165 </span>        <span class="Delimiter">}</span>
+<a name="L166"></a><span id="L166" class="LineNr">166 </span>      <span class="Delimiter">}</span>
+<a name="L167"></a><span id="L167" class="LineNr">167 </span><span class="Constant">      +finish-event</span>
+<a name="L168"></a><span id="L168" class="LineNr">168 </span>      screen <span class="Special">&lt;-</span> update-cursor screen, recipes, current-sandbox, sandbox-in-focus?, env
+<a name="L169"></a><span id="L169" class="LineNr">169 </span>      show-screen screen
+<a name="L170"></a><span id="L170" class="LineNr">170 </span>    <span class="Delimiter">}</span>
+<a name="L171"></a><span id="L171" class="LineNr">171 </span>    <span class="muControl">loop</span>
+<a name="L172"></a><span id="L172" class="LineNr">172 </span>  <span class="Delimiter">}</span>
+<a name="L173"></a><span id="L173" class="LineNr">173 </span>]
+<a name="L174"></a><span id="L174" class="LineNr">174 </span>
+<a name="L175"></a><span id="L175" class="LineNr">175 </span><span class="muRecipe">def</span> resize screen:&amp;:screen, env:&amp;:environment<span class="muRecipe"> -&gt; </span>env:&amp;:environment, screen:&amp;:screen [
+<a name="L176"></a><span id="L176" class="LineNr">176 </span>  <span class="Constant">local-scope</span>
+<a name="L177"></a><span id="L177" class="LineNr">177 </span>  <span class="Constant">load-ingredients</span>
+<a name="L178"></a><span id="L178" class="LineNr">178 </span>  clear-screen screen  <span class="Comment"># update screen dimensions</span>
+<a name="L179"></a><span id="L179" class="LineNr">179 </span>  width:num <span class="Special">&lt;-</span> screen-width screen
+<a name="L180"></a><span id="L180" class="LineNr">180 </span>  divider:num, _ <span class="Special">&lt;-</span> divide-with-remainder width,<span class="Constant"> 2</span>
+<a name="L181"></a><span id="L181" class="LineNr">181 </span>  <span class="Comment"># update recipe editor</span>
+<a name="L182"></a><span id="L182" class="LineNr">182 </span>  recipes:&amp;:editor <span class="Special">&lt;-</span> get *env, <span class="Constant">recipes:offset</span>
+<a name="L183"></a><span id="L183" class="LineNr">183 </span>  right:num <span class="Special">&lt;-</span> subtract divider,<span class="Constant"> 1</span>
+<a name="L184"></a><span id="L184" class="LineNr">184 </span>  *recipes <span class="Special">&lt;-</span> put *recipes, <span class="Constant">right:offset</span>, right
+<a name="L185"></a><span id="L185" class="LineNr">185 </span>  <span class="Comment"># reset cursor (later we'll try to preserve its position)</span>
+<a name="L186"></a><span id="L186" class="LineNr">186 </span>  *recipes <span class="Special">&lt;-</span> put *recipes, <span class="Constant">cursor-row:offset</span>,<span class="Constant"> 1</span>
+<a name="L187"></a><span id="L187" class="LineNr">187 </span>  *recipes <span class="Special">&lt;-</span> put *recipes, <span class="Constant">cursor-column:offset</span>,<span class="Constant"> 0</span>
+<a name="L188"></a><span id="L188" class="LineNr">188 </span>  <span class="Comment"># update sandbox editor</span>
+<a name="L189"></a><span id="L189" class="LineNr">189 </span>  current-sandbox:&amp;:editor <span class="Special">&lt;-</span> get *env, <span class="Constant">current-sandbox:offset</span>
+<a name="L190"></a><span id="L190" class="LineNr">190 </span>  left:num <span class="Special">&lt;-</span> add divider,<span class="Constant"> 1</span>
+<a name="L191"></a><span id="L191" class="LineNr">191 </span>  *current-sandbox <span class="Special">&lt;-</span> put *current-sandbox, <span class="Constant">left:offset</span>, left
+<a name="L192"></a><span id="L192" class="LineNr">192 </span>  right:num <span class="Special">&lt;-</span> subtract width,<span class="Constant"> 1</span>
+<a name="L193"></a><span id="L193" class="LineNr">193 </span>  *current-sandbox <span class="Special">&lt;-</span> put *current-sandbox, <span class="Constant">right:offset</span>, right
+<a name="L194"></a><span id="L194" class="LineNr">194 </span>  <span class="Comment"># reset cursor (later we'll try to preserve its position)</span>
+<a name="L195"></a><span id="L195" class="LineNr">195 </span>  *current-sandbox <span class="Special">&lt;-</span> put *current-sandbox, <span class="Constant">cursor-row:offset</span>,<span class="Constant"> 1</span>
+<a name="L196"></a><span id="L196" class="LineNr">196 </span>  *current-sandbox <span class="Special">&lt;-</span> put *current-sandbox, <span class="Constant">cursor-column:offset</span>, left
+<a name="L197"></a><span id="L197" class="LineNr">197 </span>]
+<a name="L198"></a><span id="L198" class="LineNr">198 </span>
+<a name="L199"></a><span id="L199" class="LineNr">199 </span><span class="Comment"># Variant of 'render' that updates cursor-row and cursor-column based on</span>
+<a name="L200"></a><span id="L200" class="LineNr">200 </span><span class="Comment"># before-cursor (rather than the other way around). If before-cursor moves</span>
+<a name="L201"></a><span id="L201" class="LineNr">201 </span><span class="Comment"># off-screen, it resets cursor-row and cursor-column.</span>
+<a name="L202"></a><span id="L202" class="LineNr">202 </span><span class="muRecipe">def</span> render-without-moving-cursor screen:&amp;:screen, editor:&amp;:editor<span class="muRecipe"> -&gt; </span>last-row:num, last-column:num, screen:&amp;:screen, editor:&amp;:editor [
+<a name="L203"></a><span id="L203" class="LineNr">203 </span>  <span class="Constant">local-scope</span>
+<a name="L204"></a><span id="L204" class="LineNr">204 </span>  <span class="Constant">load-ingredients</span>
+<a name="L205"></a><span id="L205" class="LineNr">205 </span>  <span class="muControl">return-unless</span> editor, <span class="Constant">1/top</span>, <span class="Constant">0/left</span>
+<a name="L206"></a><span id="L206" class="LineNr">206 </span>  left:num <span class="Special">&lt;-</span> get *editor, <span class="Constant">left:offset</span>
+<a name="L207"></a><span id="L207" class="LineNr">207 </span>  screen-height:num <span class="Special">&lt;-</span> screen-height screen
+<a name="L208"></a><span id="L208" class="LineNr">208 </span>  right:num <span class="Special">&lt;-</span> get *editor, <span class="Constant">right:offset</span>
+<a name="L209"></a><span id="L209" class="LineNr">209 </span>  curr:&amp;:duplex-list:char <span class="Special">&lt;-</span> get *editor, <span class="Constant">top-of-screen:offset</span>
+<a name="L210"></a><span id="L210" class="LineNr">210 </span>  prev:&amp;:duplex-list:char <span class="Special">&lt;-</span> copy curr  <span class="Comment"># just in case curr becomes null and we can't compute prev</span>
+<a name="L211"></a><span id="L211" class="LineNr">211 </span>  curr <span class="Special">&lt;-</span> next curr
+<a name="L212"></a><span id="L212" class="LineNr">212 </span><span class="Constant">  +render-loop-initialization</span>
+<a name="L213"></a><span id="L213" class="LineNr">213 </span>  color:num <span class="Special">&lt;-</span> copy <span class="Constant">7/white</span>
+<a name="L214"></a><span id="L214" class="LineNr">214 </span>  row:num <span class="Special">&lt;-</span> copy <span class="Constant">1/top</span>
+<a name="L215"></a><span id="L215" class="LineNr">215 </span>  column:num <span class="Special">&lt;-</span> copy left
+<a name="L216"></a><span id="L216" class="LineNr">216 </span>  <span class="Comment"># save before-cursor</span>
+<a name="L217"></a><span id="L217" class="LineNr">217 </span>  old-before-cursor:&amp;:duplex-list:char <span class="Special">&lt;-</span> get *editor, <span class="Constant">before-cursor:offset</span>
+<a name="L218"></a><span id="L218" class="LineNr">218 </span>  <span class="Comment"># initialze cursor-row/cursor-column/before-cursor to the top of the screen</span>
+<a name="L219"></a><span id="L219" class="LineNr">219 </span>  <span class="Comment"># by default</span>
+<a name="L220"></a><span id="L220" class="LineNr">220 </span>  *editor <span class="Special">&lt;-</span> put *editor, <span class="Constant">cursor-row:offset</span>, row
+<a name="L221"></a><span id="L221" class="LineNr">221 </span>  *editor <span class="Special">&lt;-</span> put *editor, <span class="Constant">cursor-column:offset</span>, column
+<a name="L222"></a><span id="L222" class="LineNr">222 </span>  top-of-screen:&amp;:duplex-list:char <span class="Special">&lt;-</span> get *editor, <span class="Constant">top-of-screen:offset</span>
+<a name="L223"></a><span id="L223" class="LineNr">223 </span>  *editor <span class="Special">&lt;-</span> put *editor, <span class="Constant">before-cursor:offset</span>, top-of-screen
+<a name="L224"></a><span id="L224" class="LineNr">224 </span>  screen <span class="Special">&lt;-</span> move-cursor screen, row, column
+<a name="L225"></a><span id="L225" class="LineNr">225 </span>  <span class="Delimiter">{</span>
+<a name="L226"></a><span id="L226" class="LineNr">226 </span><span class="Constant">    +next-character</span>
+<a name="L227"></a><span id="L227" class="LineNr">227 </span>    <span class="muControl">break-unless</span> curr
+<a name="L228"></a><span id="L228" class="LineNr">228 </span>    off-screen?:bool <span class="Special">&lt;-</span> greater-or-equal row, screen-height
+<a name="L229"></a><span id="L229" class="LineNr">229 </span>    <span class="muControl">break-if</span> off-screen?
+<a name="L230"></a><span id="L230" class="LineNr">230 </span>    <span class="Comment"># if we find old-before-cursor still on the new resized screen, update</span>
+<a name="L231"></a><span id="L231" class="LineNr">231 </span>    <span class="Comment"># editor.cursor-row and editor.cursor-column based on</span>
+<a name="L232"></a><span id="L232" class="LineNr">232 </span>    <span class="Comment"># old-before-cursor</span>
+<a name="L233"></a><span id="L233" class="LineNr">233 </span>    <span class="Delimiter">{</span>
+<a name="L234"></a><span id="L234" class="LineNr">234 </span>      at-cursor?:bool <span class="Special">&lt;-</span> equal old-before-cursor, prev
+<a name="L235"></a><span id="L235" class="LineNr">235 </span>      <span class="muControl">break-unless</span> at-cursor?
+<a name="L236"></a><span id="L236" class="LineNr">236 </span>      *editor <span class="Special">&lt;-</span> put *editor, <span class="Constant">cursor-row:offset</span>, row
+<a name="L237"></a><span id="L237" class="LineNr">237 </span>      *editor <span class="Special">&lt;-</span> put *editor, <span class="Constant">cursor-column:offset</span>, column
+<a name="L238"></a><span id="L238" class="LineNr">238 </span>      *editor <span class="Special">&lt;-</span> put *editor, <span class="Constant">before-cursor:offset</span>, old-before-cursor
+<a name="L239"></a><span id="L239" class="LineNr">239 </span>    <span class="Delimiter">}</span>
+<a name="L240"></a><span id="L240" class="LineNr">240 </span>    c:char <span class="Special">&lt;-</span> get *curr, <span class="Constant">value:offset</span>
+<a name="L241"></a><span id="L241" class="LineNr">241 </span><span class="Constant">    &lt;character-c-received&gt;</span>
+<a name="L242"></a><span id="L242" class="LineNr">242 </span>    <span class="Delimiter">{</span>
+<a name="L243"></a><span id="L243" class="LineNr">243 </span>      <span class="Comment"># newline? move to left rather than 0</span>
+<a name="L244"></a><span id="L244" class="LineNr">244 </span>      newline?:bool <span class="Special">&lt;-</span> equal c, <span class="Constant">10/newline</span>
+<a name="L245"></a><span id="L245" class="LineNr">245 </span>      <span class="muControl">break-unless</span> newline?
+<a name="L246"></a><span id="L246" class="LineNr">246 </span>      <span class="Comment"># clear rest of line in this window</span>
+<a name="L247"></a><span id="L247" class="LineNr">247 </span>      clear-line-until screen, right
+<a name="L248"></a><span id="L248" class="LineNr">248 </span>      <span class="Comment"># skip to next line</span>
+<a name="L249"></a><span id="L249" class="LineNr">249 </span>      row <span class="Special">&lt;-</span> add row,<span class="Constant"> 1</span>
+<a name="L250"></a><span id="L250" class="LineNr">250 </span>      column <span class="Special">&lt;-</span> copy left
+<a name="L251"></a><span id="L251" class="LineNr">251 </span>      screen <span class="Special">&lt;-</span> move-cursor screen, row, column
+<a name="L252"></a><span id="L252" class="LineNr">252 </span>      curr <span class="Special">&lt;-</span> next curr
+<a name="L253"></a><span id="L253" class="LineNr">253 </span>      prev <span class="Special">&lt;-</span> next prev
+<a name="L254"></a><span id="L254" class="LineNr">254 </span>      <span class="muControl">loop</span> <span class="Constant">+next-character</span>
+<a name="L255"></a><span id="L255" class="LineNr">255 </span>    <span class="Delimiter">}</span>
+<a name="L256"></a><span id="L256" class="LineNr">256 </span>    <span class="Delimiter">{</span>
+<a name="L257"></a><span id="L257" class="LineNr">257 </span>      <span class="Comment"># at right? wrap. even if there's only one more letter left; we need</span>
+<a name="L258"></a><span id="L258" class="LineNr">258 </span>      <span class="Comment"># room for clicking on the cursor after it.</span>
+<a name="L259"></a><span id="L259" class="LineNr">259 </span>      at-right?:bool <span class="Special">&lt;-</span> equal column, right
+<a name="L260"></a><span id="L260" class="LineNr">260 </span>      <span class="muControl">break-unless</span> at-right?
+<a name="L261"></a><span id="L261" class="LineNr">261 </span>      <span class="Comment"># print wrap icon</span>
+<a name="L262"></a><span id="L262" class="LineNr">262 </span>      wrap-icon:char <span class="Special">&lt;-</span> copy <span class="Constant">8617/loop-back-to-left</span>
+<a name="L263"></a><span id="L263" class="LineNr">263 </span>      print screen, wrap-icon, <span class="Constant">245/grey</span>
+<a name="L264"></a><span id="L264" class="LineNr">264 </span>      column <span class="Special">&lt;-</span> copy left
+<a name="L265"></a><span id="L265" class="LineNr">265 </span>      row <span class="Special">&lt;-</span> add row,<span class="Constant"> 1</span>
+<a name="L266"></a><span id="L266" class="LineNr">266 </span>      screen <span class="Special">&lt;-</span> move-cursor screen, row, column
+<a name="L267"></a><span id="L267" class="LineNr">267 </span>      <span class="Comment"># don't increment curr</span>
+<a name="L268"></a><span id="L268" class="LineNr">268 </span>      <span class="muControl">loop</span> <span class="Constant">+next-character</span>
+<a name="L269"></a><span id="L269" class="LineNr">269 </span>    <span class="Delimiter">}</span>
+<a name="L270"></a><span id="L270" class="LineNr">270 </span>    print screen, c, color
+<a name="L271"></a><span id="L271" class="LineNr">271 </span>    curr <span class="Special">&lt;-</span> next curr
+<a name="L272"></a><span id="L272" class="LineNr">272 </span>    prev <span class="Special">&lt;-</span> next prev
+<a name="L273"></a><span id="L273" class="LineNr">273 </span>    column <span class="Special">&lt;-</span> add column,<span class="Constant"> 1</span>
+<a name="L274"></a><span id="L274" class="LineNr">274 </span>    <span class="muControl">loop</span>
+<a name="L275"></a><span id="L275" class="LineNr">275 </span>  <span class="Delimiter">}</span>
+<a name="L276"></a><span id="L276" class="LineNr">276 </span>  <span class="Comment"># save first character off-screen</span>
+<a name="L277"></a><span id="L277" class="LineNr">277 </span>  *editor <span class="Special">&lt;-</span> put *editor, <span class="Constant">bottom-of-screen:offset</span>, curr
+<a name="L278"></a><span id="L278" class="LineNr">278 </span>  *editor <span class="Special">&lt;-</span> put *editor, <span class="Constant">bottom:offset</span>, row
+<a name="L279"></a><span id="L279" class="LineNr">279 </span>  <span class="muControl">return</span> row, column
+<a name="L280"></a><span id="L280" class="LineNr">280 </span>]
+<a name="L281"></a><span id="L281" class="LineNr">281 </span>
+<a name="L282"></a><span id="L282" class="LineNr">282 </span><span class="muScenario">scenario</span> point-at-multiple-editors [
+<a name="L283"></a><span id="L283" class="LineNr">283 </span>  <span class="Constant">local-scope</span>
+<a name="L284"></a><span id="L284" class="LineNr">284 </span>  trace-until <span class="Constant">100/app</span>  <span class="Comment"># trace too long</span>
+<a name="L285"></a><span id="L285" class="LineNr">285 </span>  assume-screen <span class="Constant">30/width</span>, <span class="Constant">5/height</span>
+<a name="L286"></a><span id="L286" class="LineNr">286 </span>  <span class="Comment"># initialize both halves of screen</span>
+<a name="L287"></a><span id="L287" class="LineNr">287 </span>  assume-resources [
+<a name="L288"></a><span id="L288" class="LineNr">288 </span>    <span class="Constant">[lesson/recipes.mu]</span> <span class="Special">&lt;-</span> [
+<a name="L289"></a><span id="L289" class="LineNr">289 </span><span class="Constant">      |abc|</span>
+<a name="L290"></a><span id="L290" class="LineNr">290 </span>    ]
+<a name="L291"></a><span id="L291" class="LineNr">291 </span>  ]
+<a name="L292"></a><span id="L292" class="LineNr">292 </span>  env:&amp;:environment <span class="Special">&lt;-</span> new-programming-environment resources, screen, <span class="Constant">[def]</span>  <span class="Comment"># contents of sandbox editor</span>
+<a name="L293"></a><span id="L293" class="LineNr">293 </span>  <span class="Comment"># focus on both sides</span>
+<a name="L294"></a><span id="L294" class="LineNr">294 </span>  assume-console [
+<a name="L295"></a><span id="L295" class="LineNr">295 </span>    left-click<span class="Constant"> 1</span>,<span class="Constant"> 1</span>
+<a name="L296"></a><span id="L296" class="LineNr">296 </span>    left-click<span class="Constant"> 1</span>,<span class="Constant"> 17</span>
+<a name="L297"></a><span id="L297" class="LineNr">297 </span>  ]
+<a name="L298"></a><span id="L298" class="LineNr">298 </span>  <span class="Comment"># check cursor column in each</span>
+<a name="L299"></a><span id="L299" class="LineNr">299 </span>  run [
+<a name="L300"></a><span id="L300" class="LineNr">300 </span>    event-loop screen, console, env, resources
+<a name="L301"></a><span id="L301" class="LineNr">301 </span>    recipes:&amp;:editor <span class="Special">&lt;-</span> get *env, <span class="Constant">recipes:offset</span>
+<a name="L302"></a><span id="L302" class="LineNr">302 </span>    5:num/<span class="Special">raw</span> <span class="Special">&lt;-</span> get *recipes, <span class="Constant">cursor-column:offset</span>
+<a name="L303"></a><span id="L303" class="LineNr">303 </span>    sandbox:&amp;:editor <span class="Special">&lt;-</span> get *env, <span class="Constant">current-sandbox:offset</span>
+<a name="L304"></a><span id="L304" class="LineNr">304 </span>    7:num/<span class="Special">raw</span> <span class="Special">&lt;-</span> get *sandbox, <span class="Constant">cursor-column:offset</span>
+<a name="L305"></a><span id="L305" class="LineNr">305 </span>  ]
+<a name="L306"></a><span id="L306" class="LineNr">306 </span>  memory-should-contain [
+<a name="L307"></a><span id="L307" class="LineNr">307 </span>   <span class="Constant"> 5</span> <span class="Special">&lt;-</span><span class="Constant"> 1</span>
+<a name="L308"></a><span id="L308" class="LineNr">308 </span>   <span class="Constant"> 7</span> <span class="Special">&lt;-</span><span class="Constant"> 17</span>
+<a name="L309"></a><span id="L309" class="LineNr">309 </span>  ]
+<a name="L310"></a><span id="L310" class="LineNr">310 </span>]
+<a name="L311"></a><span id="L311" class="LineNr">311 </span>
+<a name="L312"></a><span id="L312" class="LineNr">312 </span><span class="muScenario">scenario</span> edit-multiple-editors [
+<a name="L313"></a><span id="L313" class="LineNr">313 </span>  <span class="Constant">local-scope</span>
+<a name="L314"></a><span id="L314" class="LineNr">314 </span>  trace-until <span class="Constant">100/app</span>  <span class="Comment"># trace too long</span>
+<a name="L315"></a><span id="L315" class="LineNr">315 </span>  assume-screen <span class="Constant">30/width</span>, <span class="Constant">5/height</span>
+<a name="L316"></a><span id="L316" class="LineNr">316 </span>  <span class="Comment"># initialize both halves of screen</span>
+<a name="L317"></a><span id="L317" class="LineNr">317 </span>  assume-resources [
+<a name="L318"></a><span id="L318" class="LineNr">318 </span>    <span class="Constant">[lesson/recipes.mu]</span> <span class="Special">&lt;-</span> [
+<a name="L319"></a><span id="L319" class="LineNr">319 </span><span class="Constant">      |abc|</span>
+<a name="L320"></a><span id="L320" class="LineNr">320 </span>    ]
+<a name="L321"></a><span id="L321" class="LineNr">321 </span>  ]
+<a name="L322"></a><span id="L322" class="LineNr">322 </span>  env:&amp;:environment <span class="Special">&lt;-</span> new-programming-environment resources, screen, <span class="Constant">[def]</span>  <span class="Comment"># contents of sandbox</span>
+<a name="L323"></a><span id="L323" class="LineNr">323 </span>  render-all screen, env, render
+<a name="L324"></a><span id="L324" class="LineNr">324 </span>  <span class="Comment"># type one letter in each of them</span>
+<a name="L325"></a><span id="L325" class="LineNr">325 </span>  assume-console [
+<a name="L326"></a><span id="L326" class="LineNr">326 </span>    left-click<span class="Constant"> 1</span>,<span class="Constant"> 1</span>
+<a name="L327"></a><span id="L327" class="LineNr">327 </span>    type <span class="Constant">[0]</span>
+<a name="L328"></a><span id="L328" class="LineNr">328 </span>    left-click<span class="Constant"> 1</span>,<span class="Constant"> 17</span>
+<a name="L329"></a><span id="L329" class="LineNr">329 </span>    type <span class="Constant">[1]</span>
+<a name="L330"></a><span id="L330" class="LineNr">330 </span>  ]
+<a name="L331"></a><span id="L331" class="LineNr">331 </span>  run [
+<a name="L332"></a><span id="L332" class="LineNr">332 </span>    event-loop screen, console, env, resources
+<a name="L333"></a><span id="L333" class="LineNr">333 </span>    recipes:&amp;:editor <span class="Special">&lt;-</span> get *env, <span class="Constant">recipes:offset</span>
+<a name="L334"></a><span id="L334" class="LineNr">334 </span>    5:num/<span class="Special">raw</span> <span class="Special">&lt;-</span> get *recipes, <span class="Constant">cursor-column:offset</span>
+<a name="L335"></a><span id="L335" class="LineNr">335 </span>    sandbox:&amp;:editor <span class="Special">&lt;-</span> get *env, <span class="Constant">current-sandbox:offset</span>
+<a name="L336"></a><span id="L336" class="LineNr">336 </span>    7:num/<span class="Special">raw</span> <span class="Special">&lt;-</span> get *sandbox, <span class="Constant">cursor-column:offset</span>
+<a name="L337"></a><span id="L337" class="LineNr">337 </span>  ]
+<a name="L338"></a><span id="L338" class="LineNr">338 </span>  screen-should-contain [
+<a name="L339"></a><span id="L339" class="LineNr">339 </span>   <span class="Constant"> .           run (F4)           .  # this line has a different background, but we don't test that yet</span>
+<a name="L340"></a><span id="L340" class="LineNr">340 </span>   <span class="Constant"> .a0bc           ╎d1ef          .</span>
+<a name="L341"></a><span id="L341" class="LineNr">341 </span>   <span class="Constant"> .               ╎──────────────.</span>
+<a name="L342"></a><span id="L342" class="LineNr">342 </span>   <span class="Constant"> .╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╎              .</span>
+<a name="L343"></a><span id="L343" class="LineNr">343 </span>   <span class="Constant"> .               ╎              .</span>
+<a name="L344"></a><span id="L344" class="LineNr">344 </span>  ]
+<a name="L345"></a><span id="L345" class="LineNr">345 </span>  memory-should-contain [
+<a name="L346"></a><span id="L346" class="LineNr">346 </span>   <span class="Constant"> 5</span> <span class="Special">&lt;-</span><span class="Constant"> 2</span>  <span class="Comment"># cursor column of recipe editor</span>
+<a name="L347"></a><span id="L347" class="LineNr">347 </span>   <span class="Constant"> 7</span> <span class="Special">&lt;-</span><span class="Constant"> 18</span>  <span class="Comment"># cursor column of sandbox editor</span>
+<a name="L348"></a><span id="L348" class="LineNr">348 </span>  ]
+<a name="L349"></a><span id="L349" class="LineNr">349 </span>  <span class="Comment"># show the cursor at the right window</span>
+<a name="L350"></a><span id="L350" class="LineNr">350 </span>  run [
+<a name="L351"></a><span id="L351" class="LineNr">351 </span>    cursor:char <span class="Special">&lt;-</span> copy <span class="Constant">9251/␣</span>
+<a name="L352"></a><span id="L352" class="LineNr">352 </span>    print screen, cursor
+<a name="L353"></a><span id="L353" class="LineNr">353 </span>  ]
+<a name="L354"></a><span id="L354" class="LineNr">354 </span>  screen-should-contain [
+<a name="L355"></a><span id="L355" class="LineNr">355 </span>   <span class="Constant"> .           run (F4)           .</span>
+<a name="L356"></a><span id="L356" class="LineNr">356 </span>   <span class="Constant"> .a0bc           ╎d1␣f          .</span>
+<a name="L357"></a><span id="L357" class="LineNr">357 </span>   <span class="Constant"> .               ╎──────────────.</span>
+<a name="L358"></a><span id="L358" class="LineNr">358 </span>   <span class="Constant"> .╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╎              .</span>
+<a name="L359"></a><span id="L359" class="LineNr">359 </span>   <span class="Constant"> .               ╎              .</span>
+<a name="L360"></a><span id="L360" class="LineNr">360 </span>  ]
+<a name="L361"></a><span id="L361" class="LineNr">361 </span>]
+<a name="L362"></a><span id="L362" class="LineNr">362 </span>
+<a name="L363"></a><span id="L363" class="LineNr">363 </span><span class="muScenario">scenario</span> editor-in-focus-keeps-cursor [
+<a name="L364"></a><span id="L364" class="LineNr">364 </span>  <span class="Constant">local-scope</span>
+<a name="L365"></a><span id="L365" class="LineNr">365 </span>  trace-until <span class="Constant">100/app</span>  <span class="Comment"># trace too long</span>
+<a name="L366"></a><span id="L366" class="LineNr">366 </span>  assume-screen <span class="Constant">30/width</span>, <span class="Constant">5/height</span>
+<a name="L367"></a><span id="L367" class="LineNr">367 </span>  assume-resources [
+<a name="L368"></a><span id="L368" class="LineNr">368 </span>    <span class="Constant">[lesson/recipes.mu]</span> <span class="Special">&lt;-</span> [
+<a name="L369"></a><span id="L369" class="LineNr">369 </span><span class="Constant">      |abc|</span>
+<a name="L370"></a><span id="L370" class="LineNr">370 </span>    ]
+<a name="L371"></a><span id="L371" class="LineNr">371 </span>  ]
+<a name="L372"></a><span id="L372" class="LineNr">372 </span>  env:&amp;:environment <span class="Special">&lt;-</span> new-programming-environment resources, screen, <span class="Constant">[def]</span>
+<a name="L373"></a><span id="L373" class="LineNr">373 </span>  render-all screen, env, render
+<a name="L374"></a><span id="L374" class="LineNr">374 </span>  <span class="Comment"># initialize programming environment and highlight cursor</span>
+<a name="L375"></a><span id="L375" class="LineNr">375 </span>  assume-console <span class="Constant">[]</span>
+<a name="L376"></a><span id="L376" class="LineNr">376 </span>  run [
+<a name="L377"></a><span id="L377" class="LineNr">377 </span>    event-loop screen, console, env, resources
+<a name="L378"></a><span id="L378" class="LineNr">378 </span>    cursor:char <span class="Special">&lt;-</span> copy <span class="Constant">9251/␣</span>
+<a name="L379"></a><span id="L379" class="LineNr">379 </span>    print screen, cursor
+<a name="L380"></a><span id="L380" class="LineNr">380 </span>  ]
+<a name="L381"></a><span id="L381" class="LineNr">381 </span>  <span class="Comment"># is cursor at the right place?</span>
+<a name="L382"></a><span id="L382" class="LineNr">382 </span>  screen-should-contain [
+<a name="L383"></a><span id="L383" class="LineNr">383 </span>   <span class="Constant"> .           run (F4)           .</span>
+<a name="L384"></a><span id="L384" class="LineNr">384 </span>   <span class="Constant"> .␣bc            ╎def           .</span>
+<a name="L385"></a><span id="L385" class="LineNr">385 </span>   <span class="Constant"> .               ╎──────────────.</span>
+<a name="L386"></a><span id="L386" class="LineNr">386 </span>   <span class="Constant"> .╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╎              .</span>
+<a name="L387"></a><span id="L387" class="LineNr">387 </span>   <span class="Constant"> .               ╎              .</span>
+<a name="L388"></a><span id="L388" class="LineNr">388 </span>  ]
+<a name="L389"></a><span id="L389" class="LineNr">389 </span>  <span class="Comment"># now try typing a letter</span>
+<a name="L390"></a><span id="L390" class="LineNr">390 </span>  assume-console [
+<a name="L391"></a><span id="L391" class="LineNr">391 </span>    type <span class="Constant">[z]</span>
+<a name="L392"></a><span id="L392" class="LineNr">392 </span>  ]
+<a name="L393"></a><span id="L393" class="LineNr">393 </span>  run [
+<a name="L394"></a><span id="L394" class="LineNr">394 </span>    event-loop screen, console, env, resources
+<a name="L395"></a><span id="L395" class="LineNr">395 </span>    cursor:char <span class="Special">&lt;-</span> copy <span class="Constant">9251/␣</span>
+<a name="L396"></a><span id="L396" class="LineNr">396 </span>    print screen, cursor
+<a name="L397"></a><span id="L397" class="LineNr">397 </span>  ]
+<a name="L398"></a><span id="L398" class="LineNr">398 </span>  <span class="Comment"># cursor should still be right</span>
+<a name="L399"></a><span id="L399" class="LineNr">399 </span>  screen-should-contain [
+<a name="L400"></a><span id="L400" class="LineNr">400 </span>   <span class="Constant"> .           run (F4)           .</span>
+<a name="L401"></a><span id="L401" class="LineNr">401 </span>   <span class="Constant"> .z␣bc           ╎def           .</span>
+<a name="L402"></a><span id="L402" class="LineNr">402 </span>   <span class="Constant"> .               ╎──────────────.</span>
+<a name="L403"></a><span id="L403" class="LineNr">403 </span>   <span class="Constant"> .╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╎              .</span>
+<a name="L404"></a><span id="L404" class="LineNr">404 </span>   <span class="Constant"> .               ╎              .</span>
+<a name="L405"></a><span id="L405" class="LineNr">405 </span>  ]
+<a name="L406"></a><span id="L406" class="LineNr">406 </span>]
+<a name="L407"></a><span id="L407" class="LineNr">407 </span>
+<a name="L408"></a><span id="L408" class="LineNr">408 </span><span class="muScenario">scenario</span> backspace-in-sandbox-editor-joins-lines [
+<a name="L409"></a><span id="L409" class="LineNr">409 </span>  <span class="Constant">local-scope</span>
+<a name="L410"></a><span id="L410" class="LineNr">410 </span>  trace-until <span class="Constant">100/app</span>  <span class="Comment"># trace too long</span>
+<a name="L411"></a><span id="L411" class="LineNr">411 </span>  assume-screen <span class="Constant">30/width</span>, <span class="Constant">5/height</span>
+<a name="L412"></a><span id="L412" class="LineNr">412 </span>  assume-resources [
+<a name="L413"></a><span id="L413" class="LineNr">413 </span>  ]
+<a name="L414"></a><span id="L414" class="LineNr">414 </span>  <span class="Comment"># initialize sandbox side with two lines</span>
+<a name="L415"></a><span id="L415" class="LineNr">415 </span>  test-sandbox-editor-contents:text <span class="Special">&lt;-</span> new <span class="Constant">[abc</span>
+<a name="L416"></a><span id="L416" class="LineNr">416 </span><span class="Constant">def]</span>
+<a name="L417"></a><span id="L417" class="LineNr">417 </span>  env:&amp;:environment <span class="Special">&lt;-</span> new-programming-environment resources, screen, test-sandbox-editor-contents
+<a name="L418"></a><span id="L418" class="LineNr">418 </span>  render-all screen, env, render
+<a name="L419"></a><span id="L419" class="LineNr">419 </span>  screen-should-contain [
+<a name="L420"></a><span id="L420" class="LineNr">420 </span>   <span class="Constant"> .           run (F4)           .</span>
+<a name="L421"></a><span id="L421" class="LineNr">421 </span>   <span class="Constant"> .               ╎abc           .</span>
+<a name="L422"></a><span id="L422" class="LineNr">422 </span>   <span class="Constant"> .╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╎def           .</span>
+<a name="L423"></a><span id="L423" class="LineNr">423 </span>   <span class="Constant"> .               ╎──────────────.</span>
+<a name="L424"></a><span id="L424" class="LineNr">424 </span>   <span class="Constant"> .               ╎              .</span>
+<a name="L425"></a><span id="L425" class="LineNr">425 </span>  ]
+<a name="L426"></a><span id="L426" class="LineNr">426 </span>  <span class="Comment"># position cursor at start of second line and hit backspace</span>
+<a name="L427"></a><span id="L427" class="LineNr">427 </span>  assume-console [
+<a name="L428"></a><span id="L428" class="LineNr">428 </span>    left-click<span class="Constant"> 2</span>,<span class="Constant"> 16</span>
+<a name="L429"></a><span id="L429" class="LineNr">429 </span>    press backspace
+<a name="L430"></a><span id="L430" class="LineNr">430 </span>  ]
+<a name="L431"></a><span id="L431" class="LineNr">431 </span>  run [
+<a name="L432"></a><span id="L432" class="LineNr">432 </span>    event-loop screen, console, env, resources
+<a name="L433"></a><span id="L433" class="LineNr">433 </span>    cursor:char <span class="Special">&lt;-</span> copy <span class="Constant">9251/␣</span>
+<a name="L434"></a><span id="L434" class="LineNr">434 </span>    print screen, cursor
+<a name="L435"></a><span id="L435" class="LineNr">435 </span>  ]
+<a name="L436"></a><span id="L436" class="LineNr">436 </span>  <span class="Comment"># cursor moves to end of old line</span>
+<a name="L437"></a><span id="L437" class="LineNr">437 </span>  screen-should-contain [
+<a name="L438"></a><span id="L438" class="LineNr">438 </span>   <span class="Constant"> .           run (F4)           .</span>
+<a name="L439"></a><span id="L439" class="LineNr">439 </span>   <span class="Constant"> .               ╎abc␣ef        .</span>
+<a name="L440"></a><span id="L440" class="LineNr">440 </span><span class="Constant">    .╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╎──────────────.</span>
+<a name="L441"></a><span id="L441" class="LineNr">441 </span>   <span class="Constant"> .               ╎              .</span>
+<a name="L442"></a><span id="L442" class="LineNr">442 </span>  ]
+<a name="L443"></a><span id="L443" class="LineNr">443 </span>]
+<a name="L444"></a><span id="L444" class="LineNr">444 </span>
+<a name="L445"></a><span id="L445" class="LineNr">445 </span><span class="muRecipe">def</span> render-all screen:&amp;:screen, env:&amp;:environment, <span class="Delimiter">{</span>render-editor: (recipe (address screen) (address editor)<span class="muRecipe"> -&gt; </span>number number (address screen) (address editor))<span class="Delimiter">}</span><span class="muRecipe"> -&gt; </span>screen:&amp;:screen, env:&amp;:environment [
+<a name="L446"></a><span id="L446" class="LineNr">446 </span>  <span class="Constant">local-scope</span>
+<a name="L447"></a><span id="L447" class="LineNr">447 </span>  <span class="Constant">load-ingredients</span>
+<a name="L448"></a><span id="L448" class="LineNr">448 </span>  trace<span class="Constant"> 10</span>, <span class="Constant">[app]</span>, <span class="Constant">[render all]</span>
+<a name="L449"></a><span id="L449" class="LineNr">449 </span>  hide-screen screen
+<a name="L450"></a><span id="L450" class="LineNr">450 </span>  <span class="Comment"># top menu</span>
+<a name="L451"></a><span id="L451" class="LineNr">451 </span>  trace<span class="Constant"> 11</span>, <span class="Constant">[app]</span>, <span class="Constant">[render top menu]</span>
+<a name="L452"></a><span id="L452" class="LineNr">452 </span>  width:num <span class="Special">&lt;-</span> screen-width screen
+<a name="L453"></a><span id="L453" class="LineNr">453 </span>  draw-horizontal screen,<span class="Constant"> 0</span>, <span class="Constant">0/left</span>, width, <span class="Constant">32/space</span>, <span class="Constant">0/black</span>, <span class="Constant">238/grey</span>
+<a name="L454"></a><span id="L454" class="LineNr">454 </span>  button-start:num <span class="Special">&lt;-</span> subtract width,<span class="Constant"> 20</span>
+<a name="L455"></a><span id="L455" class="LineNr">455 </span>  button-on-screen?:bool <span class="Special">&lt;-</span> greater-or-equal button-start,<span class="Constant"> 0</span>
+<a name="L456"></a><span id="L456" class="LineNr">456 </span>  assert button-on-screen?, <span class="Constant">[screen too narrow for menu]</span>
+<a name="L457"></a><span id="L457" class="LineNr">457 </span>  screen <span class="Special">&lt;-</span> move-cursor screen, <span class="Constant">0/row</span>, button-start
+<a name="L458"></a><span id="L458" class="LineNr">458 </span>  print screen, <span class="Constant">[ run (F4) ]</span>, <span class="Constant">255/white</span>, <span class="Constant">161/reddish</span>
+<a name="L459"></a><span id="L459" class="LineNr">459 </span>  <span class="Comment"># dotted line down the middle</span>
+<a name="L460"></a><span id="L460" class="LineNr">460 </span>  trace<span class="Constant"> 11</span>, <span class="Constant">[app]</span>, <span class="Constant">[render divider]</span>
+<a name="L461"></a><span id="L461" class="LineNr">461 </span>  divider:num, _ <span class="Special">&lt;-</span> divide-with-remainder width,<span class="Constant"> 2</span>
+<a name="L462"></a><span id="L462" class="LineNr">462 </span>  height:num <span class="Special">&lt;-</span> screen-height screen
+<a name="L463"></a><span id="L463" class="LineNr">463 </span>  draw-vertical screen, divider, <span class="Constant">1/top</span>, height, <span class="Constant">9482/vertical-dotted</span>
+<a name="L464"></a><span id="L464" class="LineNr">464 </span>  <span class="Comment">#</span>
+<a name="L465"></a><span id="L465" class="LineNr">465 </span>  screen <span class="Special">&lt;-</span> render-recipes screen, env, render-editor
+<a name="L466"></a><span id="L466" class="LineNr">466 </span>  screen <span class="Special">&lt;-</span> render-sandbox-side screen, env, render-editor
+<a name="L467"></a><span id="L467" class="LineNr">467 </span><span class="Constant">  &lt;render-components-end&gt;</span>
+<a name="L468"></a><span id="L468" class="LineNr">468 </span>  <span class="Comment">#</span>
+<a name="L469"></a><span id="L469" class="LineNr">469 </span>  recipes:&amp;:editor <span class="Special">&lt;-</span> get *env, <span class="Constant">recipes:offset</span>
+<a name="L470"></a><span id="L470" class="LineNr">470 </span>  current-sandbox:&amp;:editor <span class="Special">&lt;-</span> get *env, <span class="Constant">current-sandbox:offset</span>
+<a name="L471"></a><span id="L471" class="LineNr">471 </span>  sandbox-in-focus?:bool <span class="Special">&lt;-</span> get *env, <span class="Constant">sandbox-in-focus?:offset</span>
+<a name="L472"></a><span id="L472" class="LineNr">472 </span>  screen <span class="Special">&lt;-</span> update-cursor screen, recipes, current-sandbox, sandbox-in-focus?, env
+<a name="L473"></a><span id="L473" class="LineNr">473 </span>  <span class="Comment">#</span>
+<a name="L474"></a><span id="L474" class="LineNr">474 </span>  show-screen screen
+<a name="L475"></a><span id="L475" class="LineNr">475 </span>]
+<a name="L476"></a><span id="L476" class="LineNr">476 </span>
+<a name="L477"></a><span id="L477" class="LineNr">477 </span><span class="muRecipe">def</span> render-recipes screen:&amp;:screen, env:&amp;:environment, <span class="Delimiter">{</span>render-editor: (recipe (address screen) (address editor)<span class="muRecipe"> -&gt; </span>number number (address screen) (address editor))<span class="Delimiter">}</span><span class="muRecipe"> -&gt; </span>screen:&amp;:screen, env:&amp;:environment [
+<a name="L478"></a><span id="L478" class="LineNr">478 </span>  <span class="Constant">local-scope</span>
+<a name="L479"></a><span id="L479" class="LineNr">479 </span>  <span class="Constant">load-ingredients</span>
+<a name="L480"></a><span id="L480" class="LineNr">480 </span>  trace<span class="Constant"> 11</span>, <span class="Constant">[app]</span>, <span class="Constant">[render recipes]</span>
+<a name="L481"></a><span id="L481" class="LineNr">481 </span>  recipes:&amp;:editor <span class="Special">&lt;-</span> get *env, <span class="Constant">recipes:offset</span>
+<a name="L482"></a><span id="L482" class="LineNr">482 </span>  <span class="Comment"># render recipes</span>
+<a name="L483"></a><span id="L483" class="LineNr">483 </span>  left:num <span class="Special">&lt;-</span> get *recipes, <span class="Constant">left:offset</span>
+<a name="L484"></a><span id="L484" class="LineNr">484 </span>  right:num <span class="Special">&lt;-</span> get *recipes, <span class="Constant">right:offset</span>
+<a name="L485"></a><span id="L485" class="LineNr">485 </span>  row:num, column:num, screen <span class="Special">&lt;-</span> call render-editor, screen, recipes
+<a name="L486"></a><span id="L486" class="LineNr">486 </span>  clear-line-until screen, right
+<a name="L487"></a><span id="L487" class="LineNr">487 </span>  row <span class="Special">&lt;-</span> add row,<span class="Constant"> 1</span>
+<a name="L488"></a><span id="L488" class="LineNr">488 </span><span class="Constant">  &lt;render-recipe-components-end&gt;</span>
+<a name="L489"></a><span id="L489" class="LineNr">489 </span>  <span class="Comment"># draw dotted line after recipes</span>
+<a name="L490"></a><span id="L490" class="LineNr">490 </span>  draw-horizontal screen, row, left, right, <span class="Constant">9480/horizontal-dotted</span>
+<a name="L491"></a><span id="L491" class="LineNr">491 </span>  row <span class="Special">&lt;-</span> add row,<span class="Constant"> 1</span>
+<a name="L492"></a><span id="L492" class="LineNr">492 </span>  clear-screen-from screen, row, left, left, right
+<a name="L493"></a><span id="L493" class="LineNr">493 </span>]
+<a name="L494"></a><span id="L494" class="LineNr">494 </span>
+<a name="L495"></a><span id="L495" class="LineNr">495 </span><span class="Comment"># replaced in a later layer</span>
+<a name="L496"></a><span id="L496" class="LineNr">496 </span><span class="muRecipe">def</span> render-sandbox-side screen:&amp;:screen, env:&amp;:environment, <span class="Delimiter">{</span>render-editor: (recipe (address screen) (address editor)<span class="muRecipe"> -&gt; </span>number number (address screen) (address editor))<span class="Delimiter">}</span><span class="muRecipe"> -&gt; </span>screen:&amp;:screen, env:&amp;:environment [
+<a name="L497"></a><span id="L497" class="LineNr">497 </span>  <span class="Constant">local-scope</span>
+<a name="L498"></a><span id="L498" class="LineNr">498 </span>  <span class="Constant">load-ingredients</span>
+<a name="L499"></a><span id="L499" class="LineNr">499 </span>  current-sandbox:&amp;:editor <span class="Special">&lt;-</span> get *env, <span class="Constant">current-sandbox:offset</span>
+<a name="L500"></a><span id="L500" class="LineNr">500 </span>  left:num <span class="Special">&lt;-</span> get *current-sandbox, <span class="Constant">left:offset</span>
+<a name="L501"></a><span id="L501" class="LineNr">501 </span>  right:num <span class="Special">&lt;-</span> get *current-sandbox, <span class="Constant">right:offset</span>
+<a name="L502"></a><span id="L502" class="LineNr">502 </span>  row:num, column:num, screen, current-sandbox <span class="Special">&lt;-</span> call render-editor, screen, current-sandbox
+<a name="L503"></a><span id="L503" class="LineNr">503 </span>  clear-line-until screen, right
+<a name="L504"></a><span id="L504" class="LineNr">504 </span>  row <span class="Special">&lt;-</span> add row,<span class="Constant"> 1</span>
+<a name="L505"></a><span id="L505" class="LineNr">505 </span>  <span class="Comment"># draw solid line after code (you'll see why in later layers)</span>
+<a name="L506"></a><span id="L506" class="LineNr">506 </span>  draw-horizontal screen, row, left, right
+<a name="L507"></a><span id="L507" class="LineNr">507 </span>  row <span class="Special">&lt;-</span> add row,<span class="Constant"> 1</span>
+<a name="L508"></a><span id="L508" class="LineNr">508 </span>  clear-screen-from screen, row, left, left, right
+<a name="L509"></a><span id="L509" class="LineNr">509 </span>]
+<a name="L510"></a><span id="L510" class="LineNr">510 </span>
+<a name="L511"></a><span id="L511" class="LineNr">511 </span><span class="muRecipe">def</span> update-cursor screen:&amp;:screen, recipes:&amp;:editor, current-sandbox:&amp;:editor, sandbox-in-focus?:bool, env:&amp;:environment<span class="muRecipe"> -&gt; </span>screen:&amp;:screen [
+<a name="L512"></a><span id="L512" class="LineNr">512 </span>  <span class="Constant">local-scope</span>
+<a name="L513"></a><span id="L513" class="LineNr">513 </span>  <span class="Constant">load-ingredients</span>
+<a name="L514"></a><span id="L514" class="LineNr">514 </span><span class="Constant">  &lt;update-cursor-special-cases&gt;</span>
+<a name="L515"></a><span id="L515" class="LineNr">515 </span>  <span class="Delimiter">{</span>
+<a name="L516"></a><span id="L516" class="LineNr">516 </span>    <span class="muControl">break-if</span> sandbox-in-focus?
+<a name="L517"></a><span id="L517" class="LineNr">517 </span>    cursor-row:num <span class="Special">&lt;-</span> get *recipes, <span class="Constant">cursor-row:offset</span>
+<a name="L518"></a><span id="L518" class="LineNr">518 </span>    cursor-column:num <span class="Special">&lt;-</span> get *recipes, <span class="Constant">cursor-column:offset</span>
+<a name="L519"></a><span id="L519" class="LineNr">519 </span>  <span class="Delimiter">}</span>
+<a name="L520"></a><span id="L520" class="LineNr">520 </span>  <span class="Delimiter">{</span>
+<a name="L521"></a><span id="L521" class="LineNr">521 </span>    <span class="muControl">break-unless</span> sandbox-in-focus?
+<a name="L522"></a><span id="L522" class="LineNr">522 </span>    cursor-row:num <span class="Special">&lt;-</span> get *current-sandbox, <span class="Constant">cursor-row:offset</span>
+<a name="L523"></a><span id="L523" class="LineNr">523 </span>    cursor-column:num <span class="Special">&lt;-</span> get *current-sandbox, <span class="Constant">cursor-column:offset</span>
+<a name="L524"></a><span id="L524" class="LineNr">524 </span>  <span class="Delimiter">}</span>
+<a name="L525"></a><span id="L525" class="LineNr">525 </span>  screen <span class="Special">&lt;-</span> move-cursor screen, cursor-row, cursor-column
+<a name="L526"></a><span id="L526" class="LineNr">526 </span>]
+<a name="L527"></a><span id="L527" class="LineNr">527 </span>
+<a name="L528"></a><span id="L528" class="LineNr">528 </span><span class="Comment"># like 'render' for texts, but with colorization for comments like in the editor</span>
+<a name="L529"></a><span id="L529" class="LineNr">529 </span><span class="muRecipe">def</span> render-code screen:&amp;:screen, s:text, left:num, right:num, row:num<span class="muRecipe"> -&gt; </span>row:num, screen:&amp;:screen [
+<a name="L530"></a><span id="L530" class="LineNr">530 </span>  <span class="Constant">local-scope</span>
+<a name="L531"></a><span id="L531" class="LineNr">531 </span>  <span class="Constant">load-ingredients</span>
+<a name="L532"></a><span id="L532" class="LineNr">532 </span>  <span class="muControl">return-unless</span> s
+<a name="L533"></a><span id="L533" class="LineNr">533 </span>  color:num <span class="Special">&lt;-</span> copy <span class="Constant">7/white</span>
+<a name="L534"></a><span id="L534" class="LineNr">534 </span>  column:num <span class="Special">&lt;-</span> copy left
+<a name="L535"></a><span id="L535" class="LineNr">535 </span>  screen <span class="Special">&lt;-</span> move-cursor screen, row, column
+<a name="L536"></a><span id="L536" class="LineNr">536 </span>  screen-height:num <span class="Special">&lt;-</span> screen-height screen
+<a name="L537"></a><span id="L537" class="LineNr">537 </span>  i:num <span class="Special">&lt;-</span> copy<span class="Constant"> 0</span>
+<a name="L538"></a><span id="L538" class="LineNr">538 </span>  len:num <span class="Special">&lt;-</span> length *s
+<a name="L539"></a><span id="L539" class="LineNr">539 </span>  <span class="Delimiter">{</span>
+<a name="L540"></a><span id="L540" class="LineNr">540 </span><span class="Constant">    +next-character</span>
+<a name="L541"></a><span id="L541" class="LineNr">541 </span>    done?:bool <span class="Special">&lt;-</span> greater-or-equal i, len
+<a name="L542"></a><span id="L542" class="LineNr">542 </span>    <span class="muControl">break-if</span> done?
+<a name="L543"></a><span id="L543" class="LineNr">543 </span>    done? <span class="Special">&lt;-</span> greater-or-equal row, screen-height
+<a name="L544"></a><span id="L544" class="LineNr">544 </span>    <span class="muControl">break-if</span> done?
+<a name="L545"></a><span id="L545" class="LineNr">545 </span>    c:char <span class="Special">&lt;-</span> index *s, i
+<a name="L546"></a><span id="L546" class="LineNr">546 </span>    <span class="Constant">&lt;character-c-received&gt;</span>  <span class="Comment"># only line different from render</span>
+<a name="L547"></a><span id="L547" class="LineNr">547 </span>    <span class="Delimiter">{</span>
+<a name="L548"></a><span id="L548" class="LineNr">548 </span>      <span class="Comment"># at right? wrap.</span>
+<a name="L549"></a><span id="L549" class="LineNr">549 </span>      at-right?:bool <span class="Special">&lt;-</span> equal column, right
+<a name="L550"></a><span id="L550" class="LineNr">550 </span>      <span class="muControl">break-unless</span> at-right?
+<a name="L551"></a><span id="L551" class="LineNr">551 </span>      <span class="Comment"># print wrap icon</span>
+<a name="L552"></a><span id="L552" class="LineNr">552 </span>      wrap-icon:char <span class="Special">&lt;-</span> copy <span class="Constant">8617/loop-back-to-left</span>
+<a name="L553"></a><span id="L553" class="LineNr">553 </span>      print screen, wrap-icon, <span class="Constant">245/grey</span>
+<a name="L554"></a><span id="L554" class="LineNr">554 </span>      column <span class="Special">&lt;-</span> copy left
+<a name="L555"></a><span id="L555" class="LineNr">555 </span>      row <span class="Special">&lt;-</span> add row,<span class="Constant"> 1</span>
+<a name="L556"></a><span id="L556" class="LineNr">556 </span>      screen <span class="Special">&lt;-</span> move-cursor screen, row, column
+<a name="L557"></a><span id="L557" class="LineNr">557 </span>      <span class="muControl">loop</span> <span class="Constant">+next-character</span>  <span class="Comment"># retry i</span>
+<a name="L558"></a><span id="L558" class="LineNr">558 </span>    <span class="Delimiter">}</span>
+<a name="L559"></a><span id="L559" class="LineNr">559 </span>    i <span class="Special">&lt;-</span> add i,<span class="Constant"> 1</span>
+<a name="L560"></a><span id="L560" class="LineNr">560 </span>    <span class="Delimiter">{</span>
+<a name="L561"></a><span id="L561" class="LineNr">561 </span>      <span class="Comment"># newline? move to left rather than 0</span>
+<a name="L562"></a><span id="L562" class="LineNr">562 </span>      newline?:bool <span class="Special">&lt;-</span> equal c, <span class="Constant">10/newline</span>
+<a name="L563"></a><span id="L563" class="LineNr">563 </span>      <span class="muControl">break-unless</span> newline?
+<a name="L564"></a><span id="L564" class="LineNr">564 </span>      <span class="Comment"># clear rest of line in this window</span>
+<a name="L565"></a><span id="L565" class="LineNr">565 </span>      <span class="Delimiter">{</span>
+<a name="L566"></a><span id="L566" class="LineNr">566 </span>        done?:bool <span class="Special">&lt;-</span> greater-than column, right
+<a name="L567"></a><span id="L567" class="LineNr">567 </span>        <span class="muControl">break-if</span> done?
+<a name="L568"></a><span id="L568" class="LineNr">568 </span>        space:char <span class="Special">&lt;-</span> copy <span class="Constant">32/space</span>
+<a name="L569"></a><span id="L569" class="LineNr">569 </span>        print screen, space
+<a name="L570"></a><span id="L570" class="LineNr">570 </span>        column <span class="Special">&lt;-</span> add column,<span class="Constant"> 1</span>
+<a name="L571"></a><span id="L571" class="LineNr">571 </span>        <span class="muControl">loop</span>
+<a name="L572"></a><span id="L572" class="LineNr">572 </span>      <span class="Delimiter">}</span>
+<a name="L573"></a><span id="L573" class="LineNr">573 </span>      row <span class="Special">&lt;-</span> add row,<span class="Constant"> 1</span>
+<a name="L574"></a><span id="L574" class="LineNr">574 </span>      column <span class="Special">&lt;-</span> copy left
+<a name="L575"></a><span id="L575" class="LineNr">575 </span>      screen <span class="Special">&lt;-</span> move-cursor screen, row, column
+<a name="L576"></a><span id="L576" class="LineNr">576 </span>      <span class="muControl">loop</span> <span class="Constant">+next-character</span>
+<a name="L577"></a><span id="L577" class="LineNr">577 </span>    <span class="Delimiter">}</span>
+<a name="L578"></a><span id="L578" class="LineNr">578 </span>    print screen, c, color
+<a name="L579"></a><span id="L579" class="LineNr">579 </span>    column <span class="Special">&lt;-</span> add column,<span class="Constant"> 1</span>
+<a name="L580"></a><span id="L580" class="LineNr">580 </span>    <span class="muControl">loop</span>
+<a name="L581"></a><span id="L581" class="LineNr">581 </span>  <span class="Delimiter">}</span>
+<a name="L582"></a><span id="L582" class="LineNr">582 </span>  was-at-left?:bool <span class="Special">&lt;-</span> equal column, left
+<a name="L583"></a><span id="L583" class="LineNr">583 </span>  clear-line-until screen, right
+<a name="L584"></a><span id="L584" class="LineNr">584 </span>  <span class="Delimiter">{</span>
+<a name="L585"></a><span id="L585" class="LineNr">585 </span>    <span class="muControl">break-if</span> was-at-left?
+<a name="L586"></a><span id="L586" class="LineNr">586 </span>    row <span class="Special">&lt;-</span> add row,<span class="Constant"> 1</span>
+<a name="L587"></a><span id="L587" class="LineNr">587 </span>  <span class="Delimiter">}</span>
+<a name="L588"></a><span id="L588" class="LineNr">588 </span>  move-cursor screen, row, left
+<a name="L589"></a><span id="L589" class="LineNr">589 </span>]
+<a name="L590"></a><span id="L590" class="LineNr">590 </span>
+<a name="L591"></a><span id="L591" class="LineNr">591 </span><span class="Comment"># ctrl-l - redraw screen (just in case it printed junk somehow)</span>
+<a name="L592"></a><span id="L592" class="LineNr">592 </span>
+<a name="L593"></a><span id="L593" class="LineNr">593 </span><span class="muRecipe">after</span> <span class="Constant">&lt;global-type&gt;</span> [
+<a name="L594"></a><span id="L594" class="LineNr">594 </span>  <span class="Delimiter">{</span>
+<a name="L595"></a><span id="L595" class="LineNr">595 </span>    redraw-screen?:bool <span class="Special">&lt;-</span> equal c, <span class="Constant">12/ctrl-l</span>
+<a name="L596"></a><span id="L596" class="LineNr">596 </span>    <span class="muControl">break-unless</span> redraw-screen?
+<a name="L597"></a><span id="L597" class="LineNr">597 </span>    screen <span class="Special">&lt;-</span> render-all screen, env:&amp;:environment, render
+<a name="L598"></a><span id="L598" class="LineNr">598 </span>    sync-screen screen
+<a name="L599"></a><span id="L599" class="LineNr">599 </span>    <span class="muControl">loop</span> <span class="Constant">+next-event</span>
+<a name="L600"></a><span id="L600" class="LineNr">600 </span>  <span class="Delimiter">}</span>
+<a name="L601"></a><span id="L601" class="LineNr">601 </span>]
+<a name="L602"></a><span id="L602" class="LineNr">602 </span>
+<a name="L603"></a><span id="L603" class="LineNr">603 </span><span class="Comment"># ctrl-n - switch focus</span>
+<a name="L604"></a><span id="L604" class="LineNr">604 </span><span class="Comment"># todo: test this</span>
+<a name="L605"></a><span id="L605" class="LineNr">605 </span>
+<a name="L606"></a><span id="L606" class="LineNr">606 </span><span class="muRecipe">after</span> <span class="Constant">&lt;global-type&gt;</span> [
+<a name="L607"></a><span id="L607" class="LineNr">607 </span>  <span class="Delimiter">{</span>
+<a name="L608"></a><span id="L608" class="LineNr">608 </span>    switch-side?:bool <span class="Special">&lt;-</span> equal c, <span class="Constant">14/ctrl-n</span>
+<a name="L609"></a><span id="L609" class="LineNr">609 </span>    <span class="muControl">break-unless</span> switch-side?
+<a name="L610"></a><span id="L610" class="LineNr">610 </span>    sandbox-in-focus?:bool <span class="Special">&lt;-</span> get *env, <span class="Constant">sandbox-in-focus?:offset</span>
+<a name="L611"></a><span id="L611" class="LineNr">611 </span>    sandbox-in-focus? <span class="Special">&lt;-</span> not sandbox-in-focus?
+<a name="L612"></a><span id="L612" class="LineNr">612 </span>    *env <span class="Special">&lt;-</span> put *env, <span class="Constant">sandbox-in-focus?:offset</span>, sandbox-in-focus?
+<a name="L613"></a><span id="L613" class="LineNr">613 </span>    screen <span class="Special">&lt;-</span> update-cursor screen, recipes, current-sandbox, sandbox-in-focus?, env
+<a name="L614"></a><span id="L614" class="LineNr">614 </span>    <span class="muControl">loop</span> <span class="Constant">+next-event</span>
+<a name="L615"></a><span id="L615" class="LineNr">615 </span>  <span class="Delimiter">}</span>
+<a name="L616"></a><span id="L616" class="LineNr">616 </span>]
+<a name="L617"></a><span id="L617" class="LineNr">617 </span>
+<a name="L618"></a><span id="L618" class="LineNr">618 </span><span class="SalientComment">## helpers</span>
+<a name="L619"></a><span id="L619" class="LineNr">619 </span>
+<a name="L620"></a><span id="L620" class="LineNr">620 </span><span class="muRecipe">def</span> draw-vertical screen:&amp;:screen, col:num, y:num, bottom:num<span class="muRecipe"> -&gt; </span>screen:&amp;:screen [
+<a name="L621"></a><span id="L621" class="LineNr">621 </span>  <span class="Constant">local-scope</span>
+<a name="L622"></a><span id="L622" class="LineNr">622 </span>  <span class="Constant">load-ingredients</span>
+<a name="L623"></a><span id="L623" class="LineNr">623 </span>  style:char, style-found?:bool <span class="Special">&lt;-</span> <span class="Constant">next-ingredient</span>
+<a name="L624"></a><span id="L624" class="LineNr">624 </span>  <span class="Delimiter">{</span>
+<a name="L625"></a><span id="L625" class="LineNr">625 </span>    <span class="muControl">break-if</span> style-found?
+<a name="L626"></a><span id="L626" class="LineNr">626 </span>    style <span class="Special">&lt;-</span> copy <span class="Constant">9474/vertical</span>
+<a name="L627"></a><span id="L627" class="LineNr">627 </span>  <span class="Delimiter">}</span>
+<a name="L628"></a><span id="L628" class="LineNr">628 </span>  color:num, color-found?:bool <span class="Special">&lt;-</span> <span class="Constant">next-ingredient</span>
+<a name="L629"></a><span id="L629" class="LineNr">629 </span>  <span class="Delimiter">{</span>
+<a name="L630"></a><span id="L630" class="LineNr">630 </span>    <span class="Comment"># default color to white</span>
+<a name="L631"></a><span id="L631" class="LineNr">631 </span>    <span class="muControl">break-if</span> color-found?
+<a name="L632"></a><span id="L632" class="LineNr">632 </span>    color <span class="Special">&lt;-</span> copy <span class="Constant">245/grey</span>
+<a name="L633"></a><span id="L633" class="LineNr">633 </span>  <span class="Delimiter">}</span>
+<a name="L634"></a><span id="L634" class="LineNr">634 </span>  <span class="Delimiter">{</span>
+<a name="L635"></a><span id="L635" class="LineNr">635 </span>    continue?:bool <span class="Special">&lt;-</span> lesser-than y, bottom
+<a name="L636"></a><span id="L636" class="LineNr">636 </span>    <span class="muControl">break-unless</span> continue?
+<a name="L637"></a><span id="L637" class="LineNr">637 </span>    screen <span class="Special">&lt;-</span> move-cursor screen, y, col
+<a name="L638"></a><span id="L638" class="LineNr">638 </span>    print screen, style, color
+<a name="L639"></a><span id="L639" class="LineNr">639 </span>    y <span class="Special">&lt;-</span> add y,<span class="Constant"> 1</span>
+<a name="L640"></a><span id="L640" class="LineNr">640 </span>    <span class="muControl">loop</span>
+<a name="L641"></a><span id="L641" class="LineNr">641 </span>  <span class="Delimiter">}</span>
+<a name="L642"></a><span id="L642" class="LineNr">642 </span>]
 </pre>
 </body>
 </html>