avalynx-alert 0.0.8 → 1.0.0
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 +33 -4
- package/dist/css/avalynx-alert.css +1 -1
- package/dist/js/avalynx-alert.esm.js +1 -1
- package/dist/js/avalynx-alert.js +1 -1
- package/package.json +8 -5
package/README.md
CHANGED
|
@@ -16,6 +16,7 @@ AvalynxAlert is a lightweight, dependency-free alert system designed for web app
|
|
|
16
16
|
Here's a simple example of how to use AvalynxAlert in your project:
|
|
17
17
|
|
|
18
18
|
* [Overview](https://avalynx-alert.jbs-newmedia.de/examples/index.html)
|
|
19
|
+
* [Simple alert](https://avalynx-alert.jbs-newmedia.de/examples/simple-alert.html)
|
|
19
20
|
* [Random alerts](https://avalynx-alert.jbs-newmedia.de/examples/random-alerts.html)
|
|
20
21
|
* [Callback on close](https://avalynx-alert.jbs-newmedia.de/examples/callback-onclose.html)
|
|
21
22
|
* [Random alerts every 3 seconds](https://avalynx-alert.jbs-newmedia.de/examples/random-alerts-every-3s.html)
|
|
@@ -41,18 +42,18 @@ Then, include AvalynxAlert:
|
|
|
41
42
|
|
|
42
43
|
Replace `path/to/avalynx-alert.js` and `path/to/avalynx-alert.css` with the actual path to the files in your project.
|
|
43
44
|
|
|
44
|
-
## Installation via jsDelivr
|
|
45
|
+
## Installation via jsDelivr ([Link](https://cdn.jsdelivr.net/npm/avalynx-alert/))
|
|
45
46
|
|
|
46
47
|
AvalynxAlert is also available via [jsDelivr](https://www.jsdelivr.com/). You can include it in your project like this:
|
|
47
48
|
|
|
48
49
|
```html
|
|
49
|
-
<link href="https://cdn.jsdelivr.net/npm/avalynx-alert@0.0.
|
|
50
|
-
<script src="https://cdn.jsdelivr.net/npm/avalynx-alert@0.0.
|
|
50
|
+
<link href="https://cdn.jsdelivr.net/npm/avalynx-alert@0.0.9/dist/css/avalynx-alert.css" rel="stylesheet">
|
|
51
|
+
<script src="https://cdn.jsdelivr.net/npm/avalynx-alert@0.0.9/dist/js/avalynx-alert.js"></script>
|
|
51
52
|
```
|
|
52
53
|
|
|
53
54
|
Make sure to also include Bootstrap's JS/CSS in your project to ensure AvalynxAlert displays correctly.
|
|
54
55
|
|
|
55
|
-
## Installation via NPM
|
|
56
|
+
## Installation via NPM ([Link](https://www.npmjs.com/package/avalynx-alert))
|
|
56
57
|
|
|
57
58
|
AvalynxAlert is also available as a npm package. You can add it to your project with the following command:
|
|
58
59
|
|
|
@@ -84,6 +85,34 @@ import 'avalynx-alert/dist/css/avalynx-alert.min.css';
|
|
|
84
85
|
|
|
85
86
|
Make sure to also include Bootstrap's JS/CSS in your project to ensure AvalynxAlert displays correctly.
|
|
86
87
|
|
|
88
|
+
## Installation via Symfony AssetComposer
|
|
89
|
+
|
|
90
|
+
More information about the Symfony AssetComposer Bundle can be found [here](https://github.com/jbsnewmedia/asset-composer-bundle).
|
|
91
|
+
|
|
92
|
+
```twig
|
|
93
|
+
{% do addAssetComposer('avalynx/avalynx-alert/dist/css/avalynx-alert.css') %}
|
|
94
|
+
{% do addAssetComposer('avalynx/avalynx-alert/dist/js/avalynx-alert.js') %}
|
|
95
|
+
```
|
|
96
|
+
|
|
97
|
+
Make sure to also include Bootstrap's JS/CSS in your project to ensure AvalynxAlert displays correctly.
|
|
98
|
+
|
|
99
|
+
## Installation via Composer ([Link](https://packagist.org/packages/avalynx/avalynx-alert))
|
|
100
|
+
|
|
101
|
+
AvalynxAlert is also available as a Composer package. You can add it to your project with the following command:
|
|
102
|
+
|
|
103
|
+
```bash
|
|
104
|
+
composer require avalynx/avalynx-alert
|
|
105
|
+
```
|
|
106
|
+
|
|
107
|
+
After installing, you can import AvalynxAlert into your HTML file like this:
|
|
108
|
+
|
|
109
|
+
```html
|
|
110
|
+
<link href="vendor/avalynx/avalynx-alert/dist/css/avalynx-alert.css" rel="stylesheet">
|
|
111
|
+
<script src="vendor/avalynx/avalynx-alert/dist/js/avalynx-alert.js"></script>
|
|
112
|
+
```
|
|
113
|
+
|
|
114
|
+
Make sure to also include Bootstrap's JS/CSS in your project to ensure AvalynxAlert displays correctly.
|
|
115
|
+
|
|
87
116
|
## Usage
|
|
88
117
|
|
|
89
118
|
To create an alert, simply instantiate a new `AvalynxAlert` object with the desired options:
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* A simple alert system for web applications. Based on Bootstrap >=5.3 without any framework dependencies.
|
|
5
5
|
*
|
|
6
|
-
* @version 0.0.
|
|
6
|
+
* @version 0.0.9
|
|
7
7
|
* @license MIT
|
|
8
8
|
* @author https://github.com/avalynx/avalynx-alert/graphs/contributors
|
|
9
9
|
* @website https://github.com/avalynx/
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* A simple alert system for web applications. Based on Bootstrap >=5.3 without any framework dependencies.
|
|
5
5
|
*
|
|
6
|
-
* @version 0.0.
|
|
6
|
+
* @version 0.0.9
|
|
7
7
|
* @license MIT
|
|
8
8
|
* @author https://github.com/avalynx/avalynx-alert/graphs/contributors
|
|
9
9
|
* @website https://github.com/avalynx/
|
package/dist/js/avalynx-alert.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* A simple alert system for web applications. Based on Bootstrap >=5.3 without any framework dependencies.
|
|
5
5
|
*
|
|
6
|
-
* @version 0.0.
|
|
6
|
+
* @version 0.0.9
|
|
7
7
|
* @license MIT
|
|
8
8
|
* @author https://github.com/avalynx/avalynx-alert/graphs/contributors
|
|
9
9
|
* @website https://github.com/avalynx/
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "avalynx-alert",
|
|
3
3
|
"title": "AvalynxAlert",
|
|
4
4
|
"description": "AvalynxAlert is a simple alert system for web applications. Based on Bootstrap >=5.3 without any framework dependencies.",
|
|
5
|
-
"version": "0.0
|
|
5
|
+
"version": "1.0.0",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"main": "dist/js/avalynx-alert.js",
|
|
8
8
|
"module": "dist/js/avalynx-alert.esm.js",
|
|
@@ -25,19 +25,20 @@
|
|
|
25
25
|
"package.json"
|
|
26
26
|
],
|
|
27
27
|
"author": {
|
|
28
|
-
"name": "Juergen Schwind an the Avalynx-Alert
|
|
28
|
+
"name": "Juergen Schwind an the Avalynx-Alert authors",
|
|
29
29
|
"url": "https://github.com/avalynx/avalynx-alert/graphs/contributors"
|
|
30
30
|
},
|
|
31
31
|
"homepage": "https://github.com/avalynx/",
|
|
32
32
|
"repository": {
|
|
33
33
|
"type": "git",
|
|
34
|
-
"url": "https://github.com/avalynx/avalynx-alert.git"
|
|
34
|
+
"url": "git+https://github.com/avalynx/avalynx-alert.git"
|
|
35
35
|
},
|
|
36
36
|
"bugs": {
|
|
37
37
|
"url": "https://github.com/avalynx/avalynx-alert/issues"
|
|
38
38
|
},
|
|
39
39
|
"scripts": {
|
|
40
|
-
"test": "jest"
|
|
40
|
+
"test": "jest",
|
|
41
|
+
"build": "shx rm -rf dist; shx mkdir -p dist/js/; shx cp src/js/avalynx-alert.js dist/js/avalynx-alert.js; shx cp src/js/avalynx-alert.js dist/js/avalynx-alert.esm.js; node build.js dist/js/avalynx-alert.esm.js; shx mkdir -p dist/css/; shx cp src/css/avalynx-alert.css dist/css/avalynx-alert.css"
|
|
41
42
|
},
|
|
42
43
|
"dependencies": {
|
|
43
44
|
"bootstrap": ">=5.3"
|
|
@@ -47,6 +48,8 @@
|
|
|
47
48
|
"@babel/preset-env": "^7",
|
|
48
49
|
"babel-jest": "^29",
|
|
49
50
|
"jest": "^29",
|
|
50
|
-
"jest-environment-jsdom": "^29"
|
|
51
|
+
"jest-environment-jsdom": "^29",
|
|
52
|
+
"shelljs": "^0",
|
|
53
|
+
"shx": "^0"
|
|
51
54
|
}
|
|
52
55
|
}
|