@mayson-org/inject-script 1.0.11 → 1.0.12

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 (3) hide show
  1. package/dist/plugins/pwa/templates/install-prompt.d.ts.map +1 -1
  2. package/dist/plugins/pwa/templates/install-prompt.js +25 -6
  3. package/package.json +1 -1
package/dist/plugins/pwa/templates/install-prompt.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"install-prompt.d.ts","sourceRoot":"","sources":["../../../../src/plugins/pwa/templates/install-prompt.ts"],"names":[],"mappings":"AAAA,gFAAgF;AAChF,wBAAgB,8BAA8B,IAAI,MAAM,CAkLvD"}
1
+ {"version":3,"file":"install-prompt.d.ts","sourceRoot":"","sources":["../../../../src/plugins/pwa/templates/install-prompt.ts"],"names":[],"mappings":"AAAA,gFAAgF;AAChF,wBAAgB,8BAA8B,IAAI,MAAM,CAqMvD"}
package/dist/plugins/pwa/templates/install-prompt.js CHANGED
@@ -92,7 +92,7 @@ export function MaysonInstallPrompt() {
92
92
  alignItems: 'center',
93
93
  gap: 8,
94
94
  maxWidth: 'calc(100% - 2rem)',
95
- padding: '4px 8px',
95
+ padding: '6px 12px',
96
96
  borderRadius: 6,
97
97
  background: '#171718',
98
98
  border: '0.6px solid #46454866',
@@ -110,17 +110,21 @@ export function MaysonInstallPrompt() {
110
110
  whiteSpace: 'nowrap',
111
111
  };
112
112
 
113
+ const installGradient =
114
+ 'radial-gradient(100% 100% at 0% 0%, #DBD0F8 0%, #A39FF9 16.24%, #8030F8 29.79%, #AE63FF 45.09%, #A828E8 59.87%, #A39FF9 79.85%, #4500A3 99.46%)';
115
+
113
116
  const installBtnStyle: React.CSSProperties = {
114
117
  display: 'inline-flex',
115
118
  alignItems: 'center',
116
119
  justifyContent: 'center',
117
120
  cursor: 'pointer',
118
121
  outline: 'none',
119
- border: 'none',
120
- borderRadius: 4,
121
- background: '#fafafa',
122
- color: '#171718',
123
- padding: '2px 8px',
122
+ border: '2px solid transparent',
123
+ borderImageSource: installGradient,
124
+ borderImageSlice: 1,
125
+ background: 'transparent',
126
+ color: '#FFFFFF',
127
+ padding: '4px 8px',
124
128
  margin: 0,
125
129
  fontFamily: 'inherit',
126
130
  fontSize: 12,
@@ -128,6 +132,7 @@ export function MaysonInstallPrompt() {
128
132
  lineHeight: '14px',
129
133
  whiteSpace: 'nowrap',
130
134
  flexShrink: 0,
135
+ animation: 'mayson-pwa-install-glow 2.4s ease-in-out infinite',
131
136
  };
132
137
 
133
138
  const dismissStyle: React.CSSProperties = {
@@ -149,6 +154,20 @@ export function MaysonInstallPrompt() {
149
154
 
150
155
  return (
151
156
  <div role="group" aria-label="Install app" style={shellStyle}>
157
+ <style>{\`
158
+ @keyframes mayson-pwa-install-glow {
159
+ 0%, 100% {
160
+ box-shadow:
161
+ 0 0 4px 0 #ae63ff66,
162
+ 0 0 8px 0 #8030f844;
163
+ }
164
+ 50% {
165
+ box-shadow:
166
+ 0 0 8px 2px #a828e8aa,
167
+ 0 0 16px 2px #a39ff988;
168
+ }
169
+ }
170
+ \`}</style>
152
171
  {showIOSHint ? (
153
172
  <p style={{ ...labelStyle, whiteSpace: 'normal', lineHeight: '16px' }}>
154
173
  To install: tap Share in Safari, then &quot;Add to Home Screen&quot;.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mayson-org/inject-script",
3
- "version": "1.0.11",
3
+ "version": "1.0.12",
4
4
  "description": "CLI and library to inject Mayson watermark, ascii, and PWA into Next.js App Router layouts.",
5
5
  "main": "./dist/index.js",
6
6
  "types": "./dist/index.d.ts",