@mayson-org/inject-script 1.0.10 → 1.0.11

package/dist/plugins/pwa/templates/install-prompt.d.ts.map

@@ -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,CA6KvD"}
+{"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"}

package/dist/plugins/pwa/templates/install-prompt.js

@@ -84,12 +84,12 @@ export function MaysonInstallPrompt() {
 
   const shellStyle: React.CSSProperties = {
     position: 'fixed',
+    top: 16,
     left: '50%',
-    bottom: 16,
     zIndex: 2147483646,
     transform: 'translateX(-50%)',
     display: 'inline-flex',
-    alignItems: 'flex-end',
+    alignItems: 'center',
     gap: 8,
     maxWidth: 'calc(100% - 2rem)',
     padding: '4px 8px',
@@ -107,25 +107,27 @@ export function MaysonInstallPrompt() {
     fontWeight: 500,
     lineHeight: '14px',
     margin: 0,
+    whiteSpace: 'nowrap',
   };
 
-  const actionStyle: React.CSSProperties = {
+  const installBtnStyle: React.CSSProperties = {
     display: 'inline-flex',
     alignItems: 'center',
-    gap: 4,
-    color: '#9D9DA2',
-    textDecoration: 'none',
+    justifyContent: 'center',
     cursor: 'pointer',
     outline: 'none',
     border: 'none',
-    background: 'transparent',
-    padding: 0,
+    borderRadius: 4,
+    background: '#fafafa',
+    color: '#171718',
+    padding: '2px 8px',
     margin: 0,
     fontFamily: 'inherit',
     fontSize: 12,
     fontWeight: 500,
     lineHeight: '14px',
     whiteSpace: 'nowrap',
+    flexShrink: 0,
   };
 
   const dismissStyle: React.CSSProperties = {
@@ -148,17 +150,20 @@ export function MaysonInstallPrompt() {
   return (
     <div role="group" aria-label="Install app" style={shellStyle}>
       {showIOSHint ? (
-        <p style={{ ...labelStyle, lineHeight: '16px', whiteSpace: 'normal' }}>
+        <p style={{ ...labelStyle, whiteSpace: 'normal', lineHeight: '16px' }}>
           To install: tap Share in Safari, then &quot;Add to Home Screen&quot;.
         </p>
       ) : showBrowserHint ? (
-        <p style={{ ...labelStyle, lineHeight: '16px', whiteSpace: 'normal' }}>
+        <p style={{ ...labelStyle, whiteSpace: 'normal', lineHeight: '16px' }}>
           To install: open your browser menu (⋮) and choose &quot;Install app&quot;.
         </p>
       ) : (
-        <button type="button" onClick={install} style={actionStyle}>
-          Install app
-        </button>
+        <>
+          <span style={labelStyle}>Install this app on your device</span>
+          <button type="button" onClick={install} style={installBtnStyle}>
+            Install
+          </button>
+        </>
       )}
       <button
         type="button"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mayson-org/inject-script",
-  "version": "1.0.10",
+  "version": "1.0.11",
   "description": "CLI and library to inject Mayson watermark, ascii, and PWA into Next.js App Router layouts.",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",