kuinetic 0.1.0 → 0.1.1
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 +21 -18
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -15,7 +15,10 @@ gesture-driven motion. 100% branch/statement/function/line test coverage, 788 te
|
|
|
15
15
|
|
|
16
16
|
## Install
|
|
17
17
|
|
|
18
|
-
|
|
18
|
+
Pick whichever fits — no build step, no bundler config required for any of these.
|
|
19
|
+
|
|
20
|
+
**Split bundle** (recommended: the CSS keeps working even if the JS is slow, blocked, or fails to
|
|
21
|
+
load) — download `kuinetic.js` + `kuinetic.css`, or use them straight from the CDN:
|
|
19
22
|
|
|
20
23
|
```html
|
|
21
24
|
<link rel="stylesheet" href="./kuinetic.css">
|
|
@@ -25,6 +28,19 @@ Two files, no build step, no bundler config:
|
|
|
25
28
|
</script>
|
|
26
29
|
```
|
|
27
30
|
|
|
31
|
+
**One tag, self-hosted** — CSS embedded, auto-started with `observe: true`:
|
|
32
|
+
|
|
33
|
+
```html
|
|
34
|
+
<script src="./kuinetic.all.js"></script>
|
|
35
|
+
```
|
|
36
|
+
|
|
37
|
+
**One tag, zero download** — served from Cloudflare's CDN:
|
|
38
|
+
|
|
39
|
+
```html
|
|
40
|
+
<!-- one-tag convenience -->
|
|
41
|
+
<script src="https://kuinetic.pages.dev/kuinetic.all.js"></script>
|
|
42
|
+
```
|
|
43
|
+
|
|
28
44
|
Or via npm, with a bundler:
|
|
29
45
|
|
|
30
46
|
```bash
|
|
@@ -38,19 +54,11 @@ import 'kuinetic/css'
|
|
|
38
54
|
kuinetic({ observe: true }).start()
|
|
39
55
|
```
|
|
40
56
|
|
|
41
|
-
###
|
|
57
|
+
### CDN reference
|
|
42
58
|
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
<link rel="stylesheet" href="https://unpkg.com/kuinetic/dist/kuinetic.css">
|
|
47
|
-
<script src="https://unpkg.com/kuinetic/dist/kuinetic.js"></script>
|
|
48
|
-
```
|
|
49
|
-
|
|
50
|
-
Also mirrored on jsDelivr (`https://cdn.jsdelivr.net/npm/kuinetic/dist/kuinetic.js`) — both update
|
|
51
|
-
automatically from every npm release, no separate action needed.
|
|
52
|
-
|
|
53
|
-
Additionally self-hosted on Cloudflare's CDN at **`kuinetic.pages.dev`**:
|
|
59
|
+
All files are also mirrored on unpkg (`https://unpkg.com/kuinetic/dist/kuinetic.js`) and jsDelivr
|
|
60
|
+
(`https://cdn.jsdelivr.net/npm/kuinetic/dist/kuinetic.js`) — both update automatically from every
|
|
61
|
+
npm release. Self-hosted on Cloudflare at **`kuinetic.pages.dev`**:
|
|
54
62
|
|
|
55
63
|
| File | URL | Use when |
|
|
56
64
|
|---|---|---|
|
|
@@ -58,11 +66,6 @@ Additionally self-hosted on Cloudflare's CDN at **`kuinetic.pages.dev`**:
|
|
|
58
66
|
| `kuinetic.css` | `https://kuinetic.pages.dev/kuinetic.css` | Required alongside `kuinetic.js`. Keeps working even if the JS is slow, blocked, or fails to load. |
|
|
59
67
|
| `kuinetic.all.js` | `https://kuinetic.pages.dev/kuinetic.all.js` | One-tag drop-in — CSS embedded, auto-started with `observe: true`. Trades the CSS-independent guarantee above for one less step. |
|
|
60
68
|
|
|
61
|
-
```html
|
|
62
|
-
<!-- one-tag convenience -->
|
|
63
|
-
<script src="https://kuinetic.pages.dev/kuinetic.all.js"></script>
|
|
64
|
-
```
|
|
65
|
-
|
|
66
69
|
## Your first animation
|
|
67
70
|
|
|
68
71
|
```html
|