@spotlightjs/spotlight 1.1.1 → 1.2.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.
|
@@ -7,92 +7,19 @@
|
|
|
7
7
|
type="image/svg+xml"
|
|
8
8
|
href="data:image/svg+xml,%3Csvg width='256' height='256' viewBox='0 0 256 256' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E .favicon-stroke %7B %7D %23line %7B fill: black %7D %23outside-dot %7B fill: black %7D %23inside-dot %7B fill: black %7D @media (prefers-color-scheme: dark) %7B %23line %7B fill: white %7D %23outside-dot %7B fill: white %7D %23inside-dot %7B fill: white %7D %7D %3C/style%3E%3Crect width='256' height='256' fill='none' /%3E%3Cpath d='M121.678 68.6777C140.081 50.2742 169.919 50.2742 188.322 68.6777C206.726 87.0811 206.726 116.919 188.322 135.322C169.919 153.726 140.081 153.726 121.678 135.322C120.734 134.378 119.733 133.525 118.686 132.764C108.865 124.59 94.2507 125.11 85.0381 134.322L57.5381 161.822C47.775 171.585 47.775 187.415 57.5381 197.178C67.3012 206.941 83.1303 206.941 92.8934 197.178L104.862 185.209C142.205 207.751 191.449 202.907 223.678 170.678C261.607 132.748 261.607 71.252 223.678 33.3223C185.748 -4.60732 124.252 -4.60732 86.3223 33.3223C77.5523 42.0923 70.7787 52.1712 66.0472 62.9564C60.5003 75.6003 66.2535 90.3468 78.8974 95.8938C91.5413 101.441 106.288 95.6875 111.835 83.0436C114.109 77.8604 117.374 72.9809 121.678 68.6777Z' class='favicon-stroke' id='line' /%3E%3Cpath d='M59 224C59 238.359 47.3594 250 33 250C18.6406 250 7 238.359 7 224C7 209.641 18.6406 198 33 198C47.3594 198 59 209.641 59 224Z' class='favicon-stroke' id='outside-dot' /%3E%3Cpath d='M155 130C170.464 130 183 117.464 183 102C183 86.536 170.464 74 155 74C139.536 74 127 86.536 127 102C127 117.464 139.536 130 155 130Z' class='favicon-stroke' id='inside-dot' /%3E%3C/svg%3E"
|
|
9
9
|
/>
|
|
10
|
-
<!-- Load inline style for body background -->
|
|
11
10
|
<style>
|
|
11
|
+
html,
|
|
12
12
|
body {
|
|
13
|
-
margin:
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
rgba(101, 0, 94, 1) 3%,
|
|
18
|
-
rgba(60, 132, 206, 1) 38%,
|
|
19
|
-
rgba(48, 238, 226, 1) 68%,
|
|
20
|
-
rgba(255, 25, 25, 1) 98%
|
|
21
|
-
);
|
|
22
|
-
animation: gradient 15s ease infinite;
|
|
23
|
-
background-size: 400% 400%;
|
|
24
|
-
background-attachment: fixed;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
@keyframes gradient {
|
|
28
|
-
0% {
|
|
29
|
-
background-position: 0% 0%;
|
|
30
|
-
}
|
|
31
|
-
50% {
|
|
32
|
-
background-position: 100% 100%;
|
|
33
|
-
}
|
|
34
|
-
100% {
|
|
35
|
-
background-position: 0% 0%;
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
.wave {
|
|
40
|
-
background: rgb(255 255 255 / 25%);
|
|
41
|
-
border-radius: 1000% 1000% 0 0;
|
|
42
|
-
position: fixed;
|
|
43
|
-
width: 200%;
|
|
44
|
-
height: 12em;
|
|
45
|
-
animation: wave 10s -3s linear infinite;
|
|
46
|
-
transform: translate3d(0, 0, 0);
|
|
47
|
-
opacity: 0.8;
|
|
48
|
-
bottom: 0;
|
|
49
|
-
left: 0;
|
|
50
|
-
z-index: -1;
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
.wave:nth-of-type(2) {
|
|
54
|
-
bottom: -1.25em;
|
|
55
|
-
animation: wave 18s linear reverse infinite;
|
|
56
|
-
opacity: 0.8;
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
.wave:nth-of-type(3) {
|
|
60
|
-
bottom: -2.5em;
|
|
61
|
-
animation: wave 20s -1s reverse infinite;
|
|
62
|
-
opacity: 0.9;
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
@keyframes wave {
|
|
66
|
-
2% {
|
|
67
|
-
transform: translateX(1);
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
25% {
|
|
71
|
-
transform: translateX(-25%);
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
50% {
|
|
75
|
-
transform: translateX(-50%);
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
75% {
|
|
79
|
-
transform: translateX(-25%);
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
100% {
|
|
83
|
-
transform: translateX(1);
|
|
84
|
-
}
|
|
13
|
+
margin: 0;
|
|
14
|
+
padding: 0;
|
|
15
|
+
height: 100%;
|
|
16
|
+
width: 100%;
|
|
85
17
|
}
|
|
86
18
|
</style>
|
|
87
|
-
<script type="module" crossorigin src="/assets/main-
|
|
19
|
+
<script type="module" crossorigin src="/assets/main-7663b792.js"></script>
|
|
88
20
|
</head>
|
|
89
21
|
<body>
|
|
90
22
|
<!-- Import and initialize Spotlight in a separate script tag -->
|
|
91
23
|
|
|
92
|
-
<div>
|
|
93
|
-
<div class="wave"></div>
|
|
94
|
-
<div class="wave"></div>
|
|
95
|
-
<div class="wave"></div>
|
|
96
|
-
</div>
|
|
97
24
|
</body>
|
|
98
25
|
</html>
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@spotlightjs/spotlight",
|
|
3
3
|
"description": "Spotlight - Sentry for development. Containing the overlay and the sidecar.",
|
|
4
|
-
"version": "1.
|
|
4
|
+
"version": "1.2.1",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"files": [
|
|
@@ -27,8 +27,8 @@
|
|
|
27
27
|
}
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@spotlightjs/overlay": "1.0
|
|
31
|
-
"@spotlightjs/sidecar": "1.
|
|
30
|
+
"@spotlightjs/overlay": "1.2.0",
|
|
31
|
+
"@spotlightjs/sidecar": "1.2.0"
|
|
32
32
|
},
|
|
33
33
|
"devDependencies": {
|
|
34
34
|
"typescript": "^5.0.2",
|