@lottiefiles/dotlottie-web 0.0.0-alpha-20260702083903
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/LICENSE +16 -0
- package/README.md +95 -0
- package/dist/dotlottie-player.wasm +0 -0
- package/dist/index.cjs +6 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.cts +2089 -0
- package/dist/index.d.cts.map +1 -0
- package/dist/index.d.ts +2424 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +6 -0
- package/dist/index.js.map +1 -0
- package/dist/lite/index.cjs +8 -0
- package/dist/lite/index.cjs.map +1 -0
- package/dist/lite/index.d.cts +1897 -0
- package/dist/lite/index.d.cts.map +1 -0
- package/dist/lite/index.d.ts +2232 -0
- package/dist/lite/index.d.ts.map +1 -0
- package/dist/lite/index.js +8 -0
- package/dist/lite/index.js.map +1 -0
- package/dist/webgl/dotlottie-player.wasm +0 -0
- package/dist/webgl/index.cjs +6 -0
- package/dist/webgl/index.cjs.map +1 -0
- package/dist/webgl/index.d.cts +1720 -0
- package/dist/webgl/index.d.cts.map +1 -0
- package/dist/webgl/index.d.ts +2055 -0
- package/dist/webgl/index.d.ts.map +1 -0
- package/dist/webgl/index.js +6 -0
- package/dist/webgl/index.js.map +1 -0
- package/dist/webgpu/dotlottie-player.wasm +0 -0
- package/dist/webgpu/index.cjs +6 -0
- package/dist/webgpu/index.cjs.map +1 -0
- package/dist/webgpu/index.d.cts +1728 -0
- package/dist/webgpu/index.d.cts.map +1 -0
- package/dist/webgpu/index.d.ts +2063 -0
- package/dist/webgpu/index.d.ts.map +1 -0
- package/dist/webgpu/index.js +6 -0
- package/dist/webgpu/index.js.map +1 -0
- package/package.json +116 -0
package/LICENSE
ADDED
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2023 LottieFiles.com
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
|
|
6
|
+
documentation files (the "Software"), to deal in the Software without restriction, including without limitation the
|
|
7
|
+
rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit
|
|
8
|
+
persons to whom the Software is furnished to do so, subject to the following conditions:
|
|
9
|
+
|
|
10
|
+
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the
|
|
11
|
+
Software.
|
|
12
|
+
|
|
13
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE
|
|
14
|
+
WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
|
|
15
|
+
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
|
|
16
|
+
OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
package/README.md
ADDED
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
# @lottiefiles/dotlottie-web
|
|
2
|
+
|
|
3
|
+

|
|
4
|
+

|
|
5
|
+

|
|
6
|
+

|
|
7
|
+

|
|
8
|
+
|
|
9
|
+
<p align="center">
|
|
10
|
+
<img src="https://lottie.host/43f43646-b018-4d72-a96b-02a929cd9727/gARxdIetbE.svg" alt="dotLottie Web" width="550" />
|
|
11
|
+
</p>
|
|
12
|
+
|
|
13
|
+
## Table of Contents
|
|
14
|
+
|
|
15
|
+
* [Introduction](#introduction)
|
|
16
|
+
* [What is dotLottie?](#what-is-dotlottie)
|
|
17
|
+
* [Documentation](#documentation)
|
|
18
|
+
* [Supported Platforms](#supported-platforms)
|
|
19
|
+
* [Browser Requirements](#browser-requirements)
|
|
20
|
+
* [Live Examples](#live-examples)
|
|
21
|
+
* [Contributing](#contributing)
|
|
22
|
+
* [Issues](#issues)
|
|
23
|
+
|
|
24
|
+
## Introduction
|
|
25
|
+
|
|
26
|
+
`@lottiefiles/dotlottie-web` is a JavaScript library for rendering [Lottie](https://lottiefiles.github.io/lottie-docs/) and [dotLottie](https://dotlottie.io) animations in Node.js and web environments. It provides a simple and intuitive API for loading, playing, and controlling animations, as well as advanced features like interactivity and theming.
|
|
27
|
+
|
|
28
|
+
### What is dotLottie?
|
|
29
|
+
|
|
30
|
+
dotLottie is an open-source file format that bundles one or more Lottie animations along with their assets into a single, compressed .lottie file. It uses ZIP compression for efficient storage and distribution. The format also supports advanced features like interactivity and theming, making it a powerful tool for creating dynamic and interactive animations.
|
|
31
|
+
|
|
32
|
+
[Learn more about dotLottie](https://dotlottie.io/).
|
|
33
|
+
|
|
34
|
+
## Documentation
|
|
35
|
+
|
|
36
|
+
To get started with `@lottiefiles/dotlottie-web`, follow the [documentation here](https://developers.lottiefiles.com/docs/dotlottie-player/dotlottie-web/).
|
|
37
|
+
|
|
38
|
+
## Supported Platforms
|
|
39
|
+
|
|
40
|
+
`@lottiefiles/dotlottie-web` is an isomorphic library designed to work in both browser and Node.js environments. It supports Node.js version 18 and higher, as well as all major web browsers.
|
|
41
|
+
|
|
42
|
+
### Browser Requirements
|
|
43
|
+
|
|
44
|
+
The library requires modern browser features for optimal performance. The following browser APIs are essential:
|
|
45
|
+
|
|
46
|
+
| Feature | Required | Can I Use |
|
|
47
|
+
| ------------------- | ---------- | -------------------------------------------------------------- |
|
|
48
|
+
| **WebAssembly** | ✅ Yes | [WebAssembly support](https://caniuse.com/wasm) |
|
|
49
|
+
| **Canvas 2D API** | ✅ Yes | [Canvas 2D support](https://caniuse.com/canvas) |
|
|
50
|
+
| **Fetch API** | ✅ Yes | [Fetch API support](https://caniuse.com/fetch) |
|
|
51
|
+
| **Web Workers** | Optional\* | [Web Workers support](https://caniuse.com/webworkers) |
|
|
52
|
+
| **OffscreenCanvas** | Optional\* | [OffscreenCanvas support](https://caniuse.com/offscreencanvas) |
|
|
53
|
+
|
|
54
|
+
\*Optional features enhance performance but aren't required for basic functionality.
|
|
55
|
+
|
|
56
|
+
#### Minimum Browser Versions
|
|
57
|
+
|
|
58
|
+
Based on WebAssembly support requirements:
|
|
59
|
+
|
|
60
|
+
* **Chrome**: 57+ (March 2017)
|
|
61
|
+
* **Firefox**: 52+ (March 2017)
|
|
62
|
+
* **Safari**: 11+ (September 2017)
|
|
63
|
+
* **Edge**: 16+ (October 2017)
|
|
64
|
+
* **Opera**: 44+ (March 2017)
|
|
65
|
+
* **iOS Safari**: 11+ (September 2017)
|
|
66
|
+
* **Android Browser**: 81+ (February 2020)
|
|
67
|
+
|
|
68
|
+
#### Enhanced Features
|
|
69
|
+
|
|
70
|
+
* **Web Workers**: Enable background processing for better performance
|
|
71
|
+
* **OffscreenCanvas**: Allow rendering on worker threads for improved responsiveness
|
|
72
|
+
|
|
73
|
+
For legacy browser support, consider using WebAssembly polyfills, though performance may be significantly reduced.
|
|
74
|
+
|
|
75
|
+
## Live Examples
|
|
76
|
+
|
|
77
|
+
Explore these CodePen examples to see `@lottiefiles/dotlottie-web` in action:
|
|
78
|
+
|
|
79
|
+
* [Getting Started](https://codepen.io/lottiefiles/pen/JjzJZmL)
|
|
80
|
+
* [Controlling Animation Playback](https://codepen.io/lottiefiles/pen/dyrRKwg)
|
|
81
|
+
* [Dynamic Animation Loading](https://codepen.io/lottiefiles/pen/JjzJZgB)
|
|
82
|
+
* [dotLottie Worker](https://codepen.io/lottiefiles/pen/VwJZPrQ)
|
|
83
|
+
* [Multi Animations .lottie file](https://codepen.io/lottiefiles/pen/wvOxdRa)
|
|
84
|
+
* [Advanced Animation Layout](https://codepen.io/lottiefiles/pen/LYvZveR)
|
|
85
|
+
* [Named Markers](https://codepen.io/lottiefiles/pen/RwOROKp)
|
|
86
|
+
* [dotLottie Theming](https://codepen.io/lottiefiles/pen/BaEzEeq)
|
|
87
|
+
* [dotLottie Interactivity](https://codepen.io/lottiefiles/pen/VwJvdRN)
|
|
88
|
+
|
|
89
|
+
## Contributing
|
|
90
|
+
|
|
91
|
+
We welcome contributions! Please see our [contributing guidelines](../../CONTRIBUTING.md) for more details on how to get started with the project locally.
|
|
92
|
+
|
|
93
|
+
## Issues
|
|
94
|
+
|
|
95
|
+
Encountered a problem or have a feature request? Log an issue in our [issues](https://github.com/LottieFiles/dotlottie-web/issues) tab. You can also browse through older issues and discussions to find solutions to common problems.
|
|
Binary file
|