Lighter builds, refactor component and related code refs #47 #8

Author: michaelpb

docs/_modulo/modulo-build-x16nvm6m.js

@@ -682,6 +682,10 @@ modulo.register('util', function deepClone (obj, modulo) {
     Modulo.prototype.moduloClone = function (modulo, other) {
         return modulo;
     };
+    modulo.registry.engines.Templater.prototype.moduloClone = function (modulo, other) {
+        // Possible idea: Return a serializable array as args for new()
+        return new this('', other);
+    }
     if (obj === null || typeof obj !== 'object' || (obj.exec && obj.test)) {
         return obj;
     }

docs/_modulo/modulo-build-xx8r601v.js

@@ -37,7 +37,7 @@
         font-size:=18
         syntax-mode="html"
         theme="eclipse"
-        theme-dark="vibrant_ink"
+        theme-dark="eclipse"
         theme-light="eclipse"
     ></State>
 
@@ -228,14 +228,17 @@ <h3>preview</h3>
         onchange
     ></Props>
     <Template>
+        {% comment %}
         <h3>Syntax highlighting</h3>
         <x-Options [state.bind] name="syntaxMode"
             options:=staticdata.modes.options
         ></x-Options>
+        {% endcomment %}
         <h3>Appearance</h3>
         <x-Options [state.bind] name="fontSize"
             options:=staticdata.editorFontSizes
         ></x-Options>
+        {% comment %}
         <h4>Themes: Light</h4>
         <x-Options [state.bind] name="themeLight"
             options:=staticdata.editorThemesLight
@@ -244,6 +247,7 @@ <h4>Themes: Dark</h4>
         <x-Options [state.bind] name="themeDark"
             options:=staticdata.editorThemesDark
         ></x-Options>
+        {% endcomment %}
     </Template>
     <State
         -store="editor_options"

docs/_modulo/modulo-build-xxt1k934.js

@@ -92,6 +92,8 @@ function editspotMount ({ el }) {
     const changeEv = () => cparts.datastate.propagate('value', editor.session.getValue());
     editor.session.on('change', _debounce(changeEv));
     cparts.datastate.propagate('value', editor.session.getValue());
+    editor.session.setMode('ace/mode/html'); // XXX TODO force HTML
+    editor.setTheme('ace/theme/eclipse'); // XXX TODO force ECLIPSE
 }
 
 function editspotUnmount () {

docs/demos/mdu/cparts/TestSuite.js

@@ -92,7 +92,7 @@
 
 <Test name="Processor tests">
     <script name="modulo.preprocessAndDefine exists">
-        assert: modulo && modulo.preprocessAndDefine && modulo.applyProcessors
+        assert: modulo && modulo.preprocessAndDefine && modulo.applyNextProcessor
     </script>
 
     <script name="Preprocesses an empty component with expected values">
@@ -124,7 +124,7 @@
 
     <script name="Applies processors as expected to an empty conf">
         const mod = window._newModulo();
-        const result = mod.applyProcessors({ }, [ 'A', 'B', 'C' ]);
+        const result = mod.applyNextProcessor({ }, [ 'A', 'B', 'C' ]);
         assert: result === false
     </script>
 
@@ -136,7 +136,7 @@
         mod.registry.processors.testa = function (m, k, v) { runA = v; }
         mod.registry.processors.testb = function (m, k, v) { runB = v; }
         mod.registry.processors.testc = function (m, k, v) { runC = v; }
-        const result = mod.applyProcessors({
+        const result = mod.applyNextProcessor({
             TestA: 'eyy',
             TestB: 'bee',
             TestC: 'sea',
@@ -156,7 +156,7 @@
         let keepGoing = 0;
         let results = [];
         while (keepGoing++ < 5) {
-            results.push(mod.applyProcessors(conf, [ 'TestA', 'TestB' ]));
+            results.push(mod.applyNextProcessor(conf, [ 'TestA', 'TestB' ]));
         }
         const expected = JSON.stringify({ TestC: 'sea' });
         const actual = JSON.stringify(conf);
@@ -178,7 +178,7 @@
         let keepGoing = 0;
         let results = [];
         while (keepGoing++ < 5) {
-            results.push(mod.applyProcessors(conf, [ 'TestC|TestA', 'TestB' ]));
+            results.push(mod.applyNextProcessor(conf, [ 'TestC|TestA', 'TestB' ]));
         }
         const expected = JSON.stringify({ TestA: 'eyy' });
         const actual = JSON.stringify(conf);

docs/demos/mdu/libraries/editorlib.html

@@ -289,5 +289,5 @@ <h3>FAQ</h3>
 
 
 
-<script src="/_modulo/modulo-build-xxunaqg0.js"></script>
+<script src="/_modulo/modulo-build-xx8r601v.js"></script>
 </body></html>

docs/demos/mdu/libraries/editorlib/FileEditor.js

@@ -385,5 +385,5 @@ <h1>Thoughts on framework design</h1>
 
 
 
-<script src="/_modulo/modulo-build-x18aqu09.js"></script>
+<script src="/_modulo/modulo-build-xxt1k934.js"></script>
 </body></html>

docs/demos/tests/core_loading.test.html

@@ -225,5 +225,5 @@ <h4>% % % % % % % % % % % %</h4>
 
 
 
-<script src="/_modulo/modulo-build-xxunaqg0.js"></script>
+<script src="/_modulo/modulo-build-xx8r601v.js"></script>
 </body></html>

docs/devlog/2021-01.html

@@ -278,5 +278,5 @@ <h2>HTML-first and Web 1.0 trends</h2>
 
 
 
-<script src="/_modulo/modulo-build-xxunaqg0.js"></script>
+<script src="/_modulo/modulo-build-xx8r601v.js"></script>
 </body></html>

docs/devlog/2021-09.html

@@ -191,11 +191,11 @@ <h4>Bad</h4>
     work". Here are known bugs &amp; API changes as of <del>September 2022</del> March 2023: :</p>
 
     <ul>
-        <li><em>Unknown Bugs</em> - While developing the Modulo website, I
-        often encounter bugs and/or confusing or unclear behavior the further I
-        stray from simple, well-tested components. If you are building anything
-        that strays from the beaten path yourself, you might discover a few as
-        well!</li>
+        <li><em>Unknown Bugs</em> - While developing the websites using Modulo,
+        I often encounter bugs and/or confusing or unclear behavior the further
+        I stray from simple, well-tested components. If you are building
+        anything that strays from the beaten path yourself, you might discover
+        a few as well!</li>
 
         <li><em>Nested components that use slots</em> -
         <a href="https://github.com/modulojs/modulo/issues/6">#6</a>
@@ -282,5 +282,5 @@ <h4>Bad</h4>
 
 
 
-<script src="/_modulo/modulo-build-xxunaqg0.js"></script>
+<script src="/_modulo/modulo-build-xx8r601v.js"></script>
 </body></html>

docs/devlog/2022-03.html

@@ -150,5 +150,5 @@ <h1>Intro slides</h1>
 
 
 
-<script src="/_modulo/modulo-build-xxunaqg0.js"></script>
+<script src="/_modulo/modulo-build-xx8r601v.js"></script>
 </body></html>

docs/devlog/2022-07.html

@@ -966,7 +966,7 @@ <h4>Condensed "script" tag:</h4>
 
     <div class="side-by-side-panes">
         <div class="editor-wrapper">
-            <div [script.codemirror]="" modulo-ignore=""><div class="CodeMirror cm-s-eclipse" translate="no"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 4px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" readonly="" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-vscrollbar" tabindex="-1" cm-not-content="true" style="width: 18px; pointer-events: none; bottom: 0px;"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-hscrollbar" tabindex="-1" cm-not-content="true" style="height: 18px; pointer-events: auto;"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 0px; margin-bottom: 0px; border-right-width: 50px; min-height: 104px; min-width: 275.859px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div class="CodeMirror-cursor" style="left: 4px; top: 0px; height: 24px;">&nbsp;</div></div><div class="CodeMirror-code" role="presentation"><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-tag cm-bracket">&lt;</span><span class="cm-tag">script</span> <span class="cm-attribute">Modulo</span></span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;">    <span class="cm-attribute">src</span>=<span class="cm-string">"//unpkg.com/mdu.js"</span></span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;">    <span class="cm-attribute">-src</span>=<span class="cm-string">"/static/"</span></span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-tag cm-bracket">&gt;&lt;/</span><span class="cm-tag">script</span><span class="cm-tag cm-bracket">&gt;</span></span></pre></div></div></div></div></div><div style="position: absolute; height: 50px; width: 1px; border-bottom: 0px solid transparent; top: 104px;"></div><div class="CodeMirror-gutters" style="display: none; height: 154px;"></div></div></div></div>
+            <div [script.codemirror]="" modulo-ignore=""><div class="CodeMirror cm-s-eclipse" translate="no"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 4px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" readonly="" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-vscrollbar" tabindex="-1" cm-not-content="true" style="width: 18px; pointer-events: none; bottom: 0px;"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-hscrollbar" tabindex="-1" cm-not-content="true" style="height: 18px; pointer-events: none;"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 0px; margin-bottom: 0px; border-right-width: 50px; min-height: 104px; min-width: 275.859px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div class="CodeMirror-cursor" style="left: 4px; top: 0px; height: 24px;">&nbsp;</div></div><div class="CodeMirror-code" role="presentation"><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-tag cm-bracket">&lt;</span><span class="cm-tag">script</span> <span class="cm-attribute">Modulo</span></span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;">    <span class="cm-attribute">src</span>=<span class="cm-string">"//unpkg.com/mdu.js"</span></span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;">    <span class="cm-attribute">-src</span>=<span class="cm-string">"/static/"</span></span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"><span class="cm-tag cm-bracket">&gt;&lt;/</span><span class="cm-tag">script</span><span class="cm-tag cm-bracket">&gt;</span></span></pre></div></div></div></div></div><div style="position: absolute; height: 50px; width: 1px; border-bottom: 0px solid transparent; top: 104px;"></div><div class="CodeMirror-gutters" style="display: none; height: 154px;"></div></div></div></div>
         </div>
 
 
@@ -992,5 +992,5 @@ <h4>Condensed "script" tag:</h4>
 
 
 
-<script src="/_modulo/modulo-build-x18aqu09.js"></script>
+<script src="/_modulo/modulo-build-xxt1k934.js"></script>
 </body></html>

docs/devlog/2022-09.html

@@ -740,5 +740,5 @@ <h2>Directives and template variables</h2>
 
 
 
-<script src="/_modulo/modulo-build-x18aqu09.js"></script>
+<script src="/_modulo/modulo-build-xxt1k934.js"></script>
 </body></html>

docs/devlog/2022-12.html

@@ -485,5 +485,5 @@ <h3>Example usage</h3>
 
 
 
-<script src="/_modulo/modulo-build-x18aqu09.js"></script>
+<script src="/_modulo/modulo-build-xxt1k934.js"></script>
 </body></html>

docs/docs/core.html

@@ -596,5 +596,5 @@ <h2>Experimental</h2>
 
 
 
-<script src="/_modulo/modulo-build-xxunaqg0.js"></script>
+<script src="/_modulo/modulo-build-xx8r601v.js"></script>
 </body></html>

docs/docs/cparts.html

@@ -656,5 +656,5 @@ <h3>renderObj and lifecycle</h3>
 
 
 
-<script src="/_modulo/modulo-build-x18aqu09.js"></script>
+<script src="/_modulo/modulo-build-xxt1k934.js"></script>
 </body></html>

docs/docs/directives.html

@@ -589,5 +589,5 @@ <h1>I have 5 bananas</h1>
 
 
 
-<script src="/_modulo/modulo-build-x18aqu09.js"></script>
+<script src="/_modulo/modulo-build-xxt1k934.js"></script>
 </body></html>

docs/docs/experimental-cparts.html

@@ -3189,5 +3189,5 @@ <h4>upper</h4>
 
 
 
-<script src="/_modulo/modulo-build-x15remnt.js"></script>
+<script src="/_modulo/modulo-build-x16nvm6m.js"></script>
 </body></html>

docs/docs/index.html

@@ -1126,5 +1126,5 @@ <h3>How to turn it off</h3>
 
 
 
-<script src="/_modulo/modulo-build-x18aqu09.js"></script>
+<script src="/_modulo/modulo-build-xxt1k934.js"></script>
 </body></html>

docs/docs/lifecycle.html

@@ -958,5 +958,5 @@ <h4>Key terms</h4>
 
 
 
-<script src="/_modulo/modulo-build-x18aqu09.js"></script>
+<script src="/_modulo/modulo-build-x16nvm6m.js"></script>
 </body></html>

docs/docs/mdu.html

@@ -1235,5 +1235,5 @@ <h4>Next step</h4>
 
 
 
-<script src="/_modulo/modulo-build-x15remnt.js"></script>
+<script src="/_modulo/modulo-build-x16nvm6m.js"></script>
 </body></html>

docs/docs/templating-reference.html

@@ -762,11 +762,11 @@ <h3>Embedded components and script tags</h3>
 even without splitting it off. This messier syntax is far from ideal, but can
 do in a pinch:</p>
 
-<pre>&lt;cpart Script&gt;
+<pre>&lt;def Script&gt;
     console.log("Hello JavaScript world!");
-&lt;/cpart&gt;</pre>
+&lt;/def&gt;</pre>
 
-<p>Note: Only use this alternative <code>cpart&nbsp;Script</code> syntax within
+<p>Note: Only use this alternative <code>def&nbsp;Script</code> syntax within
 a <code>&lt;script&nbsp;Modulo&nbsp;...</code> tag. There is no reason to use
 it when writing code in a separate file!</p>
 
@@ -1054,5 +1054,5 @@ <h4>Next step</h4>
 
 
 
-<script src="/_modulo/modulo-build-x18aqu09.js"></script>
+<script src="/_modulo/modulo-build-x16nvm6m.js"></script>
 </body></html>

docs/docs/templating.html

@@ -376,5 +376,5 @@ <h3>Similar<br>(but&nbsp;simpler)</h3>
 
 
 
-<script src="/_modulo/modulo-build-x18aqu09.js"></script>
+<script src="/_modulo/modulo-build-xxt1k934.js"></script>
 </body></html>