Update dependencies and build

yysun · Dec 8, 2023 · daa51b7 · daa51b7
1 parent 5ff9105
commit daa51b7
Show file tree

Hide file tree

Showing 28 changed files with 1,691 additions and 2,180 deletions.
diff --git a/WHATSNEW.md b/WHATSNEW.md
@@ -1,5 +1,39 @@
 ## What's New
 
+### Support the _mounted_ function when starting a component manually
+
+> Dec, 8, 2023
+
+When using a component in JSX, AppRun always invokes the the _mounted_ lifecycle function each time the component is loaded.
+
+```js
+class ComponentClass extends Component {
+  mounted = () => console.log('mounted is called');
+}
+app.render(document.body, <ComponentClass />);
+```
+
+However, the _mounted_ function is not called when you start the component manully in the previous versions.
+
+```js
+class ComponentClass extends Component {
+  mounted = () => console.log('mounted is called'); // not called in previous versions
+}
+new ComponentClass().start(document.body);
+```
+
+Now, the _mounted_ function is called when the component is started.
+
+```js
+class ComponentClass extends Component {
+  mounted = () => console.log('mounted is called'); // called in this version
+}
+new ComponentClass().start(document.body);
+```
+
+This change make the _mounted_ funciton compatible in JSX and in manual start.
+
+
 ### Support View Transition API
 
 > September, 27, 2023

diff --git a/demo/app.js b/demo/app.js
diff --git a/demo/app.js.map b/demo/app.js.map
diff --git a/demo/new.html b/demo/new.html
@@ -1,4 +1,27 @@
 <h2 id="whats-new">What&#39;s New</h2>
+<h3 id="support-the-mounted-function-when-starting-a-component-manually">Support the <em>mounted</em> function when starting a component manually</h3>
+<blockquote>
+<p>Dec, 8, 2023</p>
+</blockquote>
+<p>When using a component in JSX, AppRun always invokes the the <em>mounted</em> lifecycle function each time the component is loaded.</p>
+<pre><code class="language-js">class ComponentClass extends Component {
+  mounted = () =&gt; console.log(&#39;mounted is called&#39;);
+}
+app.render(document.body, &lt;ComponentClass /&gt;);
+</code></pre>
+<p>However, the <em>mounted</em> function is not called when you start the component manully in the previous versions.</p>
+<pre><code class="language-js">class ComponentClass extends Component {
+  mounted = () =&gt; console.log(&#39;mounted is called&#39;); // not called in previous versions
+}
+new ComponentClass().start(document.body);
+</code></pre>
+<p>Now, the <em>mounted</em> function is called when the component is started.</p>
+<pre><code class="language-js">class ComponentClass extends Component {
+  mounted = () =&gt; console.log(&#39;mounted is called&#39;); // called in this version
+}
+new ComponentClass().start(document.body);
+</code></pre>
+<p>This change make the <em>mounted</em> funciton compatible in JSX and in manual start.</p>
 <h3 id="support-view-transition-api">Support View Transition API</h3>
 <blockquote>
 <p>September, 27, 2023</p>

diff --git a/dist/apprun-dev-tools.js b/dist/apprun-dev-tools.js
diff --git a/dist/apprun-dev-tools.js.map b/dist/apprun-dev-tools.js.map
diff --git a/dist/apprun-html.esm.js b/dist/apprun-html.esm.js
diff --git a/dist/apprun-html.esm.js.map b/dist/apprun-html.esm.js.map
diff --git a/dist/apprun-html.js b/dist/apprun-html.js
diff --git a/dist/apprun-html.js.map b/dist/apprun-html.js.map
diff --git a/dist/apprun-play-html.esm.js b/dist/apprun-play-html.esm.js
diff --git a/dist/apprun-play-html.esm.js.map b/dist/apprun-play-html.esm.js.map
diff --git a/dist/apprun-play.js b/dist/apprun-play.js
diff --git a/dist/apprun-play.js.map b/dist/apprun-play.js.map
diff --git a/dist/apprun.esm.js b/dist/apprun.esm.js
diff --git a/dist/apprun.esm.js.map b/dist/apprun.esm.js.map
diff --git a/dist/apprun.js b/dist/apprun.js
diff --git a/dist/apprun.js.map b/dist/apprun.js.map
diff --git a/esm/app.js b/esm/app.js
diff --git a/esm/app.js.map b/esm/app.js.map
diff --git a/esm/apprun.js b/esm/apprun.js
diff --git a/esm/apprun.js.map b/esm/apprun.js.map
diff --git a/esm/component.js b/esm/component.js