create-spark-html-app 0.8.0 → 0.8.2
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
CHANGED
|
@@ -7,23 +7,21 @@ Bun-powered project (dev / build / preview via `spark-html-bun`) wired to
|
|
|
7
7
|
## Usage
|
|
8
8
|
|
|
9
9
|
```bash
|
|
10
|
-
|
|
11
|
-
# or
|
|
12
|
-
bunx create-spark-html-app my-app
|
|
10
|
+
bunx create-spark-html-app@latest my-app
|
|
13
11
|
```
|
|
14
12
|
|
|
15
13
|
Then:
|
|
16
14
|
|
|
17
15
|
```bash
|
|
18
16
|
cd my-app
|
|
19
|
-
|
|
20
|
-
|
|
17
|
+
bun install
|
|
18
|
+
bun run dev
|
|
21
19
|
```
|
|
22
20
|
|
|
23
21
|
Run it with no name to be prompted:
|
|
24
22
|
|
|
25
23
|
```bash
|
|
26
|
-
|
|
24
|
+
bunx create-spark-html-app@latest
|
|
27
25
|
```
|
|
28
26
|
|
|
29
27
|
## What you get
|
|
@@ -44,10 +42,10 @@ Every included feature ships with a live demo component, ready to run.
|
|
|
44
42
|
Non-interactive? Pass flags instead of answering prompts:
|
|
45
43
|
|
|
46
44
|
```bash
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
45
|
+
bunx create-spark-html-app@latest my-app --yes # accept the defaults
|
|
46
|
+
bunx create-spark-html-app@latest my-app --all # everything on
|
|
47
|
+
bunx create-spark-html-app@latest my-app --minimal # core only
|
|
48
|
+
bunx create-spark-html-app@latest my-app --pwa --no-image # per-feature
|
|
51
49
|
```
|
|
52
50
|
|
|
53
51
|
Everything is plain HTML and JavaScript — no compiler, no virtual DOM, no
|
|
@@ -61,6 +59,7 @@ virtual DOM, no build step required. Add only what you use.
|
|
|
61
59
|
| Package | What it does |
|
|
62
60
|
|---|---|
|
|
63
61
|
| [`spark-html`](https://www.npmjs.com/package/spark-html) | The runtime — components, reactivity, stores, forms, scoped styles. 13 kB gzip, 0 deps. |
|
|
62
|
+
| [`spark-html-bun`](https://www.npmjs.com/package/spark-html-bun) | Dev server, bundler & preview on Bun — scoped HMR, no-build dev, post-build pipeline. |
|
|
64
63
|
| [`spark-html-router`](https://www.npmjs.com/package/spark-html-router) | `<template route>` routing — nested routes/layouts, `route.query`, active links. |
|
|
65
64
|
| [`spark-html-theme`](https://www.npmjs.com/package/spark-html-theme) | Dark/light/system theming in one line — persisted, no flash. |
|
|
66
65
|
| [`spark-html-head`](https://www.npmjs.com/package/spark-html-head) | Reactive `<title>`/`<meta>` per route + a `head` store. |
|
package/package.json
CHANGED
package/template/README.md
CHANGED
|
@@ -14,8 +14,8 @@ icons + offline app shell). `spark-html-head`, `spark-html-persist`,
|
|
|
14
14
|
## Develop
|
|
15
15
|
|
|
16
16
|
```bash
|
|
17
|
-
|
|
18
|
-
|
|
17
|
+
bun install
|
|
18
|
+
bun run dev # dev server with HMR
|
|
19
19
|
```
|
|
20
20
|
|
|
21
21
|
In dev mode, `spark-html-devtools` adds a debugging overlay — inspect
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
<p class="hint">
|
|
6
6
|
A plain <code><img></code> — at build time it becomes a
|
|
7
7
|
<code><picture></code> with webp/avif srcset, width/height, and lazy
|
|
8
|
-
loading. Run <code>
|
|
8
|
+
loading. Run <code>bun run build</code> and inspect <code>dist/</code>.
|
|
9
9
|
</p>
|
|
10
10
|
|
|
11
11
|
<img class="shot" src="/sample.jpg" alt="Sample image — optimized at build time" />
|