lilact 0.31.3 → 0.31.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -4
- package/docs/index.html +4 -4
- package/package.json +3 -2
package/README.md
CHANGED
|
@@ -29,7 +29,7 @@ If you find Lilact useful, please consider sponsoring. Your support funds ongoin
|
|
|
29
29
|
|
|
30
30
|
## Overview
|
|
31
31
|
|
|
32
|
-
`Lilact` is a very lightweight implementation of the React API designed to run in the browser. It can be used as a single script that is around `
|
|
32
|
+
`Lilact` is a very lightweight implementation of the React API designed to run in the browser. It can be used as a single script that is around `108kb` minified and around `37kb` gzipped and includes its whole API. It is tested and works on **Chrome**, **Firefox**, **Edge**, and **Safari**.
|
|
33
33
|
|
|
34
34
|
`Lilact` is very fast, uses minimal resources, and handles memory very efficiently.
|
|
35
35
|
|
|
@@ -70,7 +70,7 @@ and helper components like:
|
|
|
70
70
|
- `SplitPane`
|
|
71
71
|
- `DragHandle`
|
|
72
72
|
|
|
73
|
-
It also includes
|
|
73
|
+
`Lilact` supports module **hot-reload** and **async (lazy)** loading of components. It also includes an internal timeout implementation that can be paused and resumed at will. `Lilact`’s `Suspense` includes additional features beyond the standard API.
|
|
74
74
|
|
|
75
75
|
You can see all available members and methods in the documentation. There is also a list of demos you can view alongside their code at:
|
|
76
76
|
[Lilact Demo Examples](https://arashkazemi.github.io/lilact/static)
|
|
@@ -84,10 +84,10 @@ Note: modules are separated in the documentation to improve structure, but in pr
|
|
|
84
84
|
An `ESBuild` based bundler is available in the `bin` directory. It can be used like this:
|
|
85
85
|
|
|
86
86
|
```bash
|
|
87
|
-
npx lilact-
|
|
87
|
+
npx lilact-bundler --watch --minify --entry client/App.jsx --mode production --name bundle --out public/dist
|
|
88
88
|
```
|
|
89
89
|
|
|
90
|
-
If you add
|
|
90
|
+
If you add the `--watch` argument, the bundler will stay running and keep watching the input file(s),
|
|
91
91
|
and update the bundle if any file is changed.
|
|
92
92
|
|
|
93
93
|
---
|
package/docs/index.html
CHANGED
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
<a href="https://github.com/sponsors/arashkazemi">Sponsor me on GitHub</a></p>
|
|
21
21
|
<hr>
|
|
22
22
|
<h2 id="overview" class="tsd-anchor-link">Overview<a href="#overview" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h2>
|
|
23
|
-
<p><code>Lilact</code> is a very lightweight implementation of the React API designed to run in the browser. It can be used as a single script that is around <code>
|
|
23
|
+
<p><code>Lilact</code> is a very lightweight implementation of the React API designed to run in the browser. It can be used as a single script that is around <code>108kb</code> minified and around <code>37kb</code> gzipped and includes its whole API. It is tested and works on <strong>Chrome</strong>, <strong>Firefox</strong>, <strong>Edge</strong>, and <strong>Safari</strong>.</p>
|
|
24
24
|
<p><code>Lilact</code> is very fast, uses minimal resources, and handles memory very efficiently.</p>
|
|
25
25
|
<p>In a Node.js environment, <code>Lilact</code> can be incorporated and imported similarly to React, and it can also be used as a static library in other platforms.</p>
|
|
26
26
|
<hr>
|
|
@@ -48,17 +48,17 @@
|
|
|
48
48
|
<li><code>SplitPane</code></li>
|
|
49
49
|
<li><code>DragHandle</code></li>
|
|
50
50
|
</ul>
|
|
51
|
-
<p>It also includes
|
|
51
|
+
<p><code>Lilact</code> supports module <strong>hot-reload</strong> and <strong>async (lazy)</strong> loading of components. It also includes an internal timeout implementation that can be paused and resumed at will. <code>Lilact</code>’s <code>Suspense</code> includes additional features beyond the standard API.</p>
|
|
52
52
|
<p>You can see all available members and methods in the documentation. There is also a list of demos you can view alongside their code at:<br>
|
|
53
53
|
<a href="https://arashkazemi.github.io/lilact/static">Lilact Demo Examples</a></p>
|
|
54
54
|
<p>Note: modules are separated in the documentation to improve structure, but in practice all members and methods are accessible directly via the <code>Lilact</code> object.</p>
|
|
55
55
|
<hr>
|
|
56
56
|
<h2 id="esbuild-based-bundler" class="tsd-anchor-link">ESBuild-based Bundler<a href="#esbuild-based-bundler" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h2>
|
|
57
57
|
<p>An <code>ESBuild</code> based bundler is available in the <code>bin</code> directory. It can be used like this:</p>
|
|
58
|
-
<pre><code class="bash"><span class="hl-0">npx</span><span class="hl-1"> </span><span class="hl-2">lilact-
|
|
58
|
+
<pre><code class="bash"><span class="hl-0">npx</span><span class="hl-1"> </span><span class="hl-2">lilact-bundler</span><span class="hl-1"> </span><span class="hl-3">--watch</span><span class="hl-1"> </span><span class="hl-3">--minify</span><span class="hl-1"> </span><span class="hl-3">--entry</span><span class="hl-1"> </span><span class="hl-2">client/App.jsx</span><span class="hl-1"> </span><span class="hl-3">--mode</span><span class="hl-1"> </span><span class="hl-2">production</span><span class="hl-1"> </span><span class="hl-3">--name</span><span class="hl-1"> </span><span class="hl-2">bundle</span><span class="hl-1"> </span><span class="hl-3">--out</span><span class="hl-1"> </span><span class="hl-2">public/dist</span>
|
|
59
59
|
</code><button type="button">Copy</button></pre>
|
|
60
60
|
|
|
61
|
-
<p>If you add
|
|
61
|
+
<p>If you add the <code>--watch</code> argument, the bundler will stay running and keep watching the input file(s),
|
|
62
62
|
and update the bundle if any file is changed.</p>
|
|
63
63
|
<hr>
|
|
64
64
|
<h2 id="using-lilact-outside-nodejs-browser-script-tag-integration" class="tsd-anchor-link">Using Lilact Outside Node.js (Browser / Script Tag Integration)<a href="#using-lilact-outside-nodejs-browser-script-tag-integration" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h2>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "lilact",
|
|
3
|
-
"version": "0.31.
|
|
3
|
+
"version": "0.31.4",
|
|
4
4
|
"description": "A Little React/JSX Runtime Implementation for Browser",
|
|
5
5
|
"repository": "github:arashkazemi/lilact",
|
|
6
6
|
"homepage": "https://arashkazemi.github.io/lilact/",
|
|
@@ -14,7 +14,8 @@
|
|
|
14
14
|
"transition",
|
|
15
15
|
"lightweight",
|
|
16
16
|
"bundle",
|
|
17
|
-
"runtime"
|
|
17
|
+
"runtime",
|
|
18
|
+
"hot reload"
|
|
18
19
|
],
|
|
19
20
|
"main": "src/lilact.jsx",
|
|
20
21
|
"type": "module",
|