@furystack/shades-lottie 7.0.32 → 7.0.35

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.
Files changed (4) hide show
  1. package/CHANGELOG.md +14 -73
  2. package/README.md +60 -0
  3. package/package.json +18 -7
  4. package/readme.md +0 -8
package/CHANGELOG.md CHANGED
@@ -1,86 +1,27 @@
1
- # Change Log
1
+ # Changelog
2
2
 
3
- All notable changes to this project will be documented in this file.
4
- See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
3
+ ## [7.0.35] - 2026-01-26
5
4
 
6
- ### [1.3.16](https://github.com/furystack/furystack/compare/@furystack/shades-lottie@1.3.15...@furystack/shades-lottie@1.3.16) (2022-02-16)
5
+ ### 🔧 Chores
7
6
 
8
- **Note:** Version bump only for package @furystack/shades-lottie
7
+ - Standardized author format, improved keywords, removed obsolete `gitHead`, added `engines` (Node 22+) and `sideEffects: false`
9
8
 
10
- ### [1.3.15](https://github.com/furystack/furystack/compare/@furystack/shades-lottie@1.3.14...@furystack/shades-lottie@1.3.15) (2022-02-02)
9
+ ## [7.0.34] - 2026-01-26
11
10
 
12
- **Note:** Version bump only for package @furystack/shades-lottie
11
+ ### ⬆️ Dependencies
13
12
 
14
- ### [1.3.14](https://github.com/furystack/furystack/compare/@furystack/shades-lottie@1.3.12...@furystack/shades-lottie@1.3.14) (2022-01-10)
13
+ - Updated `@furystack/inject` with fix for singleton injector reference being overwritten by child injectors
15
14
 
16
- **Note:** Version bump only for package @furystack/shades-lottie
15
+ ## [7.0.33] - 2026-01-22
17
16
 
18
- ### [1.3.13](https://github.com/furystack/furystack/compare/@furystack/shades-lottie@1.3.12...@furystack/shades-lottie@1.3.13) (2022-01-10)
17
+ ### ⬆️ Dependencies
19
18
 
20
- **Note:** Version bump only for package @furystack/shades-lottie
19
+ - Dependency updates
21
20
 
22
- ### [1.3.12](https://github.com/furystack/furystack/compare/@furystack/shades-lottie@1.3.11...@furystack/shades-lottie@1.3.12) (2021-12-20)
21
+ ### 📚 Documentation
23
22
 
24
- **Note:** Version bump only for package @furystack/shades-lottie
23
+ - Added detailed README with component documentation and usage examples
25
24
 
26
- ### [1.3.11](https://github.com/furystack/furystack/compare/@furystack/shades-lottie@1.3.10...@furystack/shades-lottie@1.3.11) (2021-12-08)
25
+ ### 🔧 Chores
27
26
 
28
- **Note:** Version bump only for package @furystack/shades-lottie
29
-
30
- ### [1.3.10](https://github.com/furystack/furystack/compare/@furystack/shades-lottie@1.3.9...@furystack/shades-lottie@1.3.10) (2021-11-30)
31
-
32
- **Note:** Version bump only for package @furystack/shades-lottie
33
-
34
- ### [1.3.9](https://github.com/furystack/furystack/compare/@furystack/shades-lottie@1.3.8...@furystack/shades-lottie@1.3.9) (2021-11-29)
35
-
36
- **Note:** Version bump only for package @furystack/shades-lottie
37
-
38
- ### [1.3.8](https://github.com/furystack/furystack/compare/@furystack/shades-lottie@1.3.7...@furystack/shades-lottie@1.3.8) (2021-11-19)
39
-
40
- **Note:** Version bump only for package @furystack/shades-lottie
41
-
42
- ### [1.3.7](https://github.com/furystack/furystack/compare/@furystack/shades-lottie@1.3.6...@furystack/shades-lottie@1.3.7) (2021-11-17)
43
-
44
- **Note:** Version bump only for package @furystack/shades-lottie
45
-
46
- ### [1.3.6](https://github.com/furystack/furystack/compare/@furystack/shades-lottie@1.3.5...@furystack/shades-lottie@1.3.6) (2021-11-09)
47
-
48
- **Note:** Version bump only for package @furystack/shades-lottie
49
-
50
- ### [1.3.5](https://github.com/furystack/furystack/compare/@furystack/shades-lottie@1.3.4...@furystack/shades-lottie@1.3.5) (2021-10-15)
51
-
52
- **Note:** Version bump only for package @furystack/shades-lottie
53
-
54
- ### [1.3.4](https://github.com/furystack/furystack/compare/@furystack/shades-lottie@1.3.3...@furystack/shades-lottie@1.3.4) (2021-10-05)
55
-
56
- **Note:** Version bump only for package @furystack/shades-lottie
57
-
58
- ### [1.3.3](https://github.com/furystack/furystack/compare/@furystack/shades-lottie@1.3.2...@furystack/shades-lottie@1.3.3) (2021-09-16)
59
-
60
- **Note:** Version bump only for package @furystack/shades-lottie
61
-
62
- ### [1.3.2](https://github.com/furystack/furystack/compare/@furystack/shades-lottie@1.3.1...@furystack/shades-lottie@1.3.2) (2021-08-27)
63
-
64
- **Note:** Version bump only for package @furystack/shades-lottie
65
-
66
- ### [1.3.1](https://github.com/furystack/furystack/compare/@furystack/shades-lottie@1.3.0...@furystack/shades-lottie@1.3.1) (2021-08-19)
67
-
68
- **Note:** Version bump only for package @furystack/shades-lottie
69
-
70
- ## 1.3.0 (2021-08-19)
71
-
72
- ### 🚀 What's new
73
-
74
- - **project:** re-added Shades ([#120](https://github.com/furystack/furystack/issues/120)) ([9f58174](https://github.com/furystack/furystack/commit/9f58174b3762fd4e4106f48215a72ec295cf2553))
75
-
76
- ## 1.2.0 (2021-07-31)
77
-
78
- ### 🚀 What's new
79
-
80
- - **project:** re-added Shades ([#120](https://github.com/furystack/furystack/issues/120)) ([9f58174](https://github.com/furystack/furystack/commit/9f58174b3762fd4e4106f48215a72ec295cf2553))
81
-
82
- ## 1.1.0 (2021-07-30)
83
-
84
- ### 🚀 What's new
85
-
86
- - **project:** re-added Shades ([#120](https://github.com/furystack/furystack/issues/120)) ([9f58174](https://github.com/furystack/furystack/commit/9f58174b3762fd4e4106f48215a72ec295cf2553))
27
+ - Migrated to centralized changelog management system
package/README.md ADDED
@@ -0,0 +1,60 @@
1
+ # @furystack/shades-lottie
2
+
3
+ Lottie animation player wrapper for FuryStack Shades.
4
+
5
+ This package provides TypeScript JSX type definitions for the `lottie-player` web component, allowing you to use Lottie animations in your Shades applications with full type safety.
6
+
7
+ ## Installation
8
+
9
+ ```bash
10
+ npm install @furystack/shades-lottie
11
+ # or
12
+ yarn add @furystack/shades-lottie
13
+ ```
14
+
15
+ You also need to include the `lottie-player` library in your application. Add it to your HTML:
16
+
17
+ ```html
18
+ <script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
19
+ ```
20
+
21
+ ## Usage
22
+
23
+ Import the package to register the JSX types, then use the `lottie-player` element in your components:
24
+
25
+ ```tsx
26
+ import '@furystack/shades-lottie'
27
+ import { Shade, createComponent } from '@furystack/shades'
28
+
29
+ const MyComponent = Shade({
30
+ shadowDomName: 'my-animation',
31
+ render: () => (
32
+ <lottie-player
33
+ src="https://assets.lottiefiles.com/packages/lf20_example.json"
34
+ autoplay
35
+ loop
36
+ style={{ width: '300px', height: '300px' }}
37
+ />
38
+ ),
39
+ })
40
+ ```
41
+
42
+ ## Props
43
+
44
+ The `lottie-player` element accepts the following props:
45
+
46
+ | Prop | Type | Description |
47
+ | ------------ | ------------------------- | ------------------------------------------------ |
48
+ | `src` | `string` | URL to the Lottie JSON animation file (required) |
49
+ | `autoplay` | `boolean` | Start playing automatically |
50
+ | `loop` | `boolean` | Loop the animation |
51
+ | `controls` | `boolean` | Show playback controls |
52
+ | `speed` | `number` | Playback speed (1 = normal) |
53
+ | `direction` | `number` | Playback direction (1 = forward, -1 = reverse) |
54
+ | `mode` | `string` | Play mode |
55
+ | `hover` | `boolean` | Play on hover |
56
+ | `count` | `number` | Number of times to play |
57
+ | `background` | `string` | Background color |
58
+ | `renderer` | `'svg' \| 'canvas'` | Rendering mode |
59
+ | `style` | `CSSStyleDeclaration` | Inline styles |
60
+ | `onclick` | `(e: MouseEvent) => void` | Click handler |
package/package.json CHANGED
@@ -1,21 +1,25 @@
1
1
  {
2
2
  "name": "@furystack/shades-lottie",
3
- "version": "7.0.32",
3
+ "version": "7.0.35",
4
4
  "description": "Lottie animation player wrapper for FuryStack Shades",
5
5
  "type": "module",
6
6
  "scripts": {
7
- "build:es6": "tsc --outDir ./esm"
7
+ "build": "tsc --outDir ./esm"
8
8
  },
9
9
  "exports": {
10
10
  ".": {
11
+ "types": "./esm/index.d.ts",
11
12
  "import": "./esm/index.js"
12
13
  }
13
14
  },
14
15
  "files": [
15
16
  "esm",
16
- "types",
17
17
  "src"
18
18
  ],
19
+ "repository": {
20
+ "type": "git",
21
+ "url": "https://github.com/furystack/furystack.git"
22
+ },
19
23
  "keywords": [
20
24
  "FuryStack",
21
25
  "Shades",
@@ -26,15 +30,22 @@
26
30
  "publishConfig": {
27
31
  "access": "public"
28
32
  },
29
- "author": "gallay.lajos@gmail.com",
33
+ "author": "Gallay Lajos <gallay.lajos@gmail.com>",
30
34
  "license": "GPL-2.0",
35
+ "bugs": {
36
+ "url": "https://github.com/furystack/furystack/issues"
37
+ },
38
+ "homepage": "https://github.com/furystack/furystack",
31
39
  "devDependencies": {
32
40
  "typescript": "^5.9.3",
33
- "vitest": "^4.0.16"
41
+ "vitest": "^4.0.17"
34
42
  },
35
43
  "dependencies": {
36
- "@furystack/shades": "^11.0.32",
44
+ "@furystack/shades": "^11.0.35",
37
45
  "@lottiefiles/lottie-player": "^2.0.12"
38
46
  },
39
- "gitHead": "76e1d17a71b981984935c9a7a5791cf61ebf5213"
47
+ "engines": {
48
+ "node": ">=22.0.0"
49
+ },
50
+ "sideEffects": false
40
51
  }
package/readme.md DELETED
@@ -1,8 +0,0 @@
1
- # Lottie Animation Player for FuryStack Shades
2
-
3
- ## Usage
4
-
5
- 1. Install the package with `yarn add @furystack/shades-lottie`
6
- 1. Import it somewhere with `import "@furystack/shades-lottie"`
7
- 1. Import lottie-player to your web app
8
- 1. Add a `lottie-player` component into some of your components