theshtify 1.0.4 → 2.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.
Files changed (16) hide show
  1. package/.claude/settings.local.json +8 -0
  2. package/LICENSE +21 -21
  3. package/css/theshtify.css +50 -40
  4. package/dist/assets/index-CGwBVT47.css +1 -0
  5. package/dist/index.html +65 -0
  6. package/dist/theshtify.cdn.js +674 -0
  7. package/dist/theshtify.min.js +2 -0
  8. package/index.html +65 -54
  9. package/lib/documentation.js +31 -31
  10. package/lib/theshtify.js +937 -730
  11. package/lib/theshtifyCDN.js +3 -730
  12. package/package.json +33 -27
  13. package/readme.md +221 -331
  14. package/tests/theshtify.test.js +228 -0
  15. package/vitest.config.js +7 -0
  16. package/lib/notif.js +0 -347
package/index.html CHANGED
@@ -1,54 +1,65 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
-
4
- <head>
5
- <meta charset="UTF-8">
6
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
- <link rel="stylesheet" href="./css/theshtify.css" />
8
- <title>theshtify</title>
9
- </head>
10
-
11
- <body>
12
- <button id="notif_button" onclick="notify()">theshtify</button>
13
- </body>
14
- <script src="./lib/theshtifyCDN.js"></script>
15
- <script>
16
-
17
- function notify() {
18
- let config = {
19
- x_align: 'right',
20
- y_align: 'top',
21
- duration: 5000,
22
- font: {
23
- size: 15,
24
- weight: 900,
25
- family: 'arlon'
26
- },
27
- custom_colors: {
28
- success: {
29
- bg: '#0C7059',
30
- color: '#E0BC29',
31
- border: {
32
- type: 'solid',
33
- color: '#E0BC29'
34
- },
35
- progress: {
36
- bg: '#E0BC29'
37
- }
38
- },
39
- /** you can also add other types configs */
40
- },
41
- radius: 20,
42
- bordered: true,
43
- border_width: 1,
44
- closer: true,
45
- progress: true,
46
- progress_height: 2
47
-
48
- }
49
- theshtify({ message: 'welcome to theshtify', type: 'success', config: config });
50
- }
51
- </script>
52
-
53
-
54
- </html>
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8" />
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
+ <link rel="stylesheet" href="./css/theshtify.css" />
7
+ <title>theshtify</title>
8
+ </head>
9
+
10
+ <body>
11
+ <button id="notif_button" onclick="notify()">theshtify</button>
12
+ </body>
13
+ <script src="./dist/theshtify.cdn.js"></script>
14
+ <script>
15
+ function notify() {
16
+ let config = {
17
+ main_box_classes:'thesh',
18
+ x_align: "right",
19
+ y_align: "top",
20
+ duration: 5000,
21
+ font: {
22
+ size: 15,
23
+ weight: 100,
24
+ family: "sans-serif,arial",
25
+ },
26
+ padding:16,
27
+ custom_colors: {
28
+ success: {
29
+ bg: "#fff",
30
+ color: "#000",
31
+ border: {
32
+ type: "solid",
33
+ color: "#efefef",
34
+ },
35
+ progress: {
36
+ bg: "#E0BC29",
37
+ },
38
+ },
39
+ /** you can also add other types configs */
40
+ },
41
+ radius: 10,
42
+ bordered: false,
43
+ border_width: 1,
44
+ closer: false,
45
+ // progress: true,
46
+ progress_height: 2,
47
+ };
48
+ theshtify({
49
+ title:"Welcome Ivan",
50
+ message: "welcome to theshtify",
51
+ type: "success",
52
+ config: config,
53
+ callback: () => {
54
+ console.log("awesome callback");
55
+ },
56
+ });
57
+ }
58
+ </script>
59
+ <style>
60
+ .thesh{
61
+
62
+ box-shadow: 0px 0px 10px #efefef;
63
+ }
64
+ </style>
65
+ </html>
package/lib/documentation.js CHANGED
@@ -1,32 +1,32 @@
1
- let config = {
2
- x_align: 'right',
3
- y_align: 'top',
4
- duration: 5000,
5
- font: {
6
- size: 15,
7
- weight: 900,
8
- family: 'arlon'
9
- },
10
- custom_colors: {
11
- success: {
12
- bg: '#0C7059',
13
- color: '#E0BC29',
14
- border: {
15
- type: '#085241',
16
- color: 'gray'
17
- },
18
- progress: {
19
- bg: '#E0BC29'
20
- }
21
- },
22
- /** you can also add other types configs */
23
- },
24
- radius: 20,
25
- bordered: true,
26
- border_width: 1,
27
- closer: true,
28
- progress: true,
29
- progress_height: 2
30
-
31
- }
1
+ let config = {
2
+ x_align: 'right',
3
+ y_align: 'top',
4
+ duration: 5000,
5
+ font: {
6
+ size: 15,
7
+ weight: 900,
8
+ family: 'arlon'
9
+ },
10
+ custom_colors: {
11
+ success: {
12
+ bg: '#0C7059',
13
+ color: '#E0BC29',
14
+ border: {
15
+ type: '#085241',
16
+ color: 'gray'
17
+ },
18
+ progress: {
19
+ bg: '#E0BC29'
20
+ }
21
+ },
22
+ /** you can also add other types configs */
23
+ },
24
+ radius: 20,
25
+ bordered: true,
26
+ border_width: 1,
27
+ closer: true,
28
+ progress: true,
29
+ progress_height: 2
30
+
31
+ }
32
32
  theshtify({ message: 'welcome to theshtify', type: 'success', config: config });