Fixes #152

Author: khmyznikov

README.md

@@ -85,19 +85,20 @@ import '@khmyznikov/pwa-install';
 ## Supported params
 ```html
 <pwa-install
-  manual-apple="true"
-  manual-chrome="true"
-  disable-chrome="true"
-  disable-close="true"
-  use-local-storage="true"
+  manual-apple
+  manual-chrome
+  disable-chrome
+  disable-close
+  use-local-storage
 
   install-description="Custom call to install text"
-  disable-install-description="true"
-  disable-screenshots="true"
-  disable-screenshots-apple="true"
-  disable-screenshots-chrome="true"
+  disable-install-description
+  disable-screenshots
+  disable-screenshots-apple
+  disable-screenshots-chrome
+  manual-how-to
 
-  disable-android-fallback="true"
+  disable-android-fallback
 
   manifest-url="/manifest.json"
   name="PWA"
@@ -109,6 +110,7 @@ import '@khmyznikov/pwa-install';
   disable-chrome param is for completely disabling custom logic and interception for Chromium browsers (will work built-in browser logic).
   use-local-storage will store the user's preference to ignore the prompt in long-lived storage (so they will not be prompted again unless they clear application data)
   disable-android-fallback will disable instructions for non-Chrome browsers on Android
+  manual-how-to shows the instructions right away, disabling screenshots (Apple only)
 --->
 ```
 *Make a good manifest file and don't use name/descr/icon params. Boolean attributes needs to be removed to act like "false"*

custom-elements.json

@@ -110,6 +110,15 @@
               "default": "false",
               "attribute": "manual-chrome"
             },
+            {
+              "kind": "field",
+              "name": "manualHowTo",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "manual-how-to"
+            },
             {
               "kind": "field",
               "name": "disableChrome",
@@ -406,6 +415,14 @@
               "default": "false",
               "fieldName": "manualChrome"
             },
+            {
+              "name": "manual-how-to",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "manualHowTo"
+            },
             {
               "name": "disable-chrome",
               "type": {

dist/pwa-install.bundle.js

@@ -12,6 +12,7 @@ export declare class PWAInstallElement extends LitElement {
     disableScreenshotsChrome: boolean;
     manualApple: boolean;
     manualChrome: boolean;
+    manualHowTo: boolean;
     disableChrome: boolean;
     disableClose: boolean;
     disableFallback: boolean;

dist/pwa-install.bundle.js.map

@@ -1,3 +1,3 @@
 import { WebAppManifest } from 'web-app-manifest';
-declare const template: (name: string, description: string, installDescription: string, disableDescription: boolean, disableScreenshots: boolean, disableClose: boolean, icon: string, manifest: WebAppManifest, installAvailable: any, hideDialog: any, howToForApple: any, howToRequested: boolean, toggleGallery: any, galleryRequested: boolean, isRTL?: boolean, isApple26Plus?: boolean, isDesktop?: boolean, customStyles?: Record<string, string>) => import("lit").TemplateResult<1>;
+declare const template: (name: string, description: string, installDescription: string, disableDescription: boolean, disableScreenshots: boolean, disableClose: boolean, manualHowTo: boolean | undefined, icon: string, manifest: WebAppManifest, installAvailable: any, hideDialog: any, howToForApple: any, howToRequested: boolean, toggleGallery: any, galleryRequested: boolean, isRTL?: boolean, isApple26Plus?: boolean, isDesktop?: boolean, customStyles?: Record<string, string>) => import("lit").TemplateResult<1>;
 export default template;