@k2b/ui 0.14.0 → 0.16.0

package/dist/ssr/feedback/InstallGuide.js

@@ -5,22 +5,40 @@ import { ssrAttribute as _$ssrAttribute } from "solid-js/web";
 import { escape as _$escape } from "solid-js/web";
 var _tmpl$ = ["<p role=\"alert\">", "</p>"],
   _tmpl$2 = ["<p role=\"status\">", "</p>"],
-  _tmpl$3 = ["<div", ">", "", "</div>"],
-  _tmpl$4 = ["<p>", "</p>"],
-  _tmpl$5 = ["<i", " aria-hidden=\"true\"></i>"],
-  _tmpl$6 = ["<code>", "</code>"],
+  _tmpl$3 = ["<p>", "</p>"],
+  _tmpl$4 = ["<i", " aria-hidden=\"true\"></i>"],
+  _tmpl$5 = ["<code>", "</code>"],
+  _tmpl$6 = ["<div", ">", "", "</div>"],
   _tmpl$7 = ["<ol class=\"k2b-install-guide__steps\">", "</ol>"],
-  _tmpl$8 = ["<li><span class=\"k2b-install-guide__step-icon\"><i", " aria-hidden=\"true\"></i></span><div><h3>", "</h3><p>", "</p></div></li>"];
+  _tmpl$8 = ["<li><span class=\"k2b-install-guide__step-icon\"><i", " aria-hidden=\"true\"></i></span><div><h3>", "</h3><p>", "</p></div></li>"],
+  _tmpl$9 = "<i class=\"ti ti-brand-chrome\" aria-hidden=\"true\"></i>";
 import { clipboard } from "@k2b/stdlib/solid";
-import { createMemo, For, Show } from "solid-js";
-import { Button } from "../actions/Button";
+import { createMemo, For, Match, Show, Switch } from "solid-js";
+import { Button, ButtonLink } from "../actions/Button";
 import { useUiMessages } from "../intl/messages";
 import { NoticeCard } from "../surfaces/NoticeCard";
+/**
+ * Opens `url` in Chrome on Android. Without Chrome, the browser loads `url` itself. Only an absolute http or https
+ * address has an intent; anything else returns `undefined`.
+ */
+const chromeIntent = url => {
+  let target;
+  try {
+    target = new URL(url);
+  } catch {
+    return undefined;
+  }
+  if (target.protocol !== "https:" && target.protocol !== "http:") return undefined;
+  const scheme = target.protocol.slice(0, -1);
+  return `intent://${target.host}${target.pathname}${target.search}${target.hash}#Intent;scheme=${scheme};package=com.android.chrome;S.browser_fallback_url=${encodeURIComponent(url)};end`;
+};
+
 /**
  * Explains how to install the current page as an app on this platform: the browser's own dialog where it offers
  * one, otherwise the steps for Safari on iPhone, iPad, and Mac, other browsers on iPhone and iPad, Android, and other
  * browsers. A browser inside another app cannot install, so it gets a warning and the link to copy into Safari or
- * Chrome instead. The host owns the surrounding surface, its heading, and dismissal.
+ * Chrome instead. Samsung Internet gets a link to Chrome even when it offers its own dialog, because Android may block
+ * the app package it builds. The host owns the surrounding surface, its heading, and dismissal.
  */
 export function InstallGuide(props) {
   const messages = useUiMessages();
@@ -77,108 +95,106 @@ export function InstallGuide(props) {
       detail: state().platform === "android" || state().platform === "android-browser" ? t.installAndroidDetail : t.installBrowserDetail
     }];
   });
-  return _$ssr(_tmpl$3, _$ssrAttribute("class", props.class ? `k2b-install-guide ${_$escape(props.class, true)}` : "k2b-install-guide", false) + _$ssrAttribute("data-platform", _$escape(state().platform, true), false), _$escape(_$createComponent(Show, {
+  return _$ssr(_tmpl$6, _$ssrAttribute("class", props.class ? `k2b-install-guide ${_$escape(props.class, true)}` : "k2b-install-guide", false) + _$ssrAttribute("data-platform", _$escape(state().platform, true), false), _$escape(_$createComponent(Show, {
     get when() {
       return state().failed();
     },
     get children() {
       return _$ssr(_tmpl$, _$escape(messages().installFailed));
     }
-  })), _$escape(_$createComponent(Show, {
-    get when() {
-      return state().requested();
-    },
+  })), _$escape(_$createComponent(Switch, {
     get fallback() {
-      return _$createComponent(Show, {
+      return [_$createComponent(Show, {
         get when() {
-          return state().canPrompt() || state().busy();
+          return hint();
+        },
+        children: hint => _$createComponent(NoticeCard, {
+          tone: "info",
+          get title() {
+            return hint().title;
+          },
+          get detail() {
+            return hint().detail;
+          }
+        })
+      }), _$ssr(_tmpl$7, _$escape(_$createComponent(For, {
+        get each() {
+          return steps();
+        },
+        children: step => _$ssr(_tmpl$8, _$ssrAttribute("class", _$escape(step.icon, true), false), _$escape(step.title), _$escape(step.detail))
+      }))), _$createComponent(Show, {
+        get when() {
+          return state().platform === "apple-mobile";
+        },
+        get children() {
+          return _$ssr(_tmpl$3, _$escape(messages().installSafariFallback));
+        }
+      }), _$createComponent(Show, {
+        get when() {
+          return props.note;
+        },
+        get children() {
+          return _$ssr(_tmpl$3, _$escape(props.note));
+        }
+      }), _$createComponent(Show, {
+        get when() {
+          return state().platform === "generic";
+        },
+        get children() {
+          return _$ssr(_tmpl$3, _$escape(messages().installUnavailable));
+        }
+      })];
+    },
+    get children() {
+      return [_$createComponent(Match, {
+        get when() {
+          return state().requested();
+        },
+        get children() {
+          return _$ssr(_tmpl$2, _$escape(messages().installRequested));
+        }
+      }), _$createComponent(Match, {
+        get when() {
+          return state().platform === "android-samsung";
         },
-        get fallback() {
-          return _$createComponent(Show, {
+        get children() {
+          return [_$createComponent(NoticeCard, {
+            tone: "info",
+            get title() {
+              return messages().installSamsungTitle;
+            },
+            get detail() {
+              return messages().installSamsungDetail({
+                appName: props.appName
+              });
+            }
+          }), _$createComponent(Show, {
             get when() {
-              return embedded();
+              return chromeIntent(props.url);
             },
-            get fallback() {
-              return [_$createComponent(Show, {
-                get when() {
-                  return hint();
-                },
-                children: hint => _$createComponent(NoticeCard, {
-                  tone: "info",
-                  get title() {
-                    return hint().title;
-                  },
-                  get detail() {
-                    return hint().detail;
-                  }
-                })
-              }), _$ssr(_tmpl$7, _$escape(_$createComponent(For, {
-                get each() {
-                  return steps();
-                },
-                children: step => _$ssr(_tmpl$8, _$ssrAttribute("class", _$escape(step.icon, true), false), _$escape(step.title), _$escape(step.detail))
-              }))), _$createComponent(Show, {
-                get when() {
-                  return state().platform === "apple-mobile";
-                },
-                get children() {
-                  return _$ssr(_tmpl$4, _$escape(messages().installSafariFallback));
-                }
-              }), _$createComponent(Show, {
-                get when() {
-                  return props.note;
-                },
-                get children() {
-                  return _$ssr(_tmpl$4, _$escape(props.note));
-                }
-              }), _$createComponent(Show, {
-                get when() {
-                  return state().platform === "generic";
-                },
-                get children() {
-                  return _$ssr(_tmpl$4, _$escape(messages().installUnavailable));
-                }
-              })];
+            children: href => _$createComponent(ButtonLink, {
+              get href() {
+                return href();
+              },
+              get children() {
+                return [_$ssr(_tmpl$9), messages().installOpenChrome];
+              }
+            })
+          }), _$createComponent(Show, {
+            get when() {
+              return props.note;
             },
             get children() {
-              return [_$createComponent(NoticeCard, {
-                tone: "warning",
-                get title() {
-                  return _$memo(() => state().platform === "apple-in-app")() ? messages().installAppleInAppTitle : messages().installInAppTitle;
-                },
-                get detail() {
-                  return _$memo(() => state().platform === "apple-in-app")() ? messages().installAppleInAppDetail({
-                    appName: props.appName
-                  }) : messages().installInAppDetail({
-                    appName: props.appName
-                  });
-                }
-              }), _$createComponent(Button, {
-                variant: "secondary",
-                onClick: () => void copy.copy(props.url),
-                get children() {
-                  return [_$ssr(_tmpl$5, _$ssrAttribute("class", copy.wasCopied() ? "ti ti-check" : "ti ti-copy", false)), copy.wasCopied() ? messages().installLinkCopied : messages().installCopyLink];
-                }
-              }), _$createComponent(Show, {
-                get when() {
-                  return copy.error();
-                },
-                get children() {
-                  return [_$ssr(_tmpl$, _$escape(messages().installCopyFailed)), _$ssr(_tmpl$6, _$escape(props.url))];
-                }
-              }), _$createComponent(Show, {
-                get when() {
-                  return props.note;
-                },
-                get children() {
-                  return _$ssr(_tmpl$4, _$escape(props.note));
-                }
-              })];
+              return _$ssr(_tmpl$3, _$escape(props.note));
             }
-          });
+          })];
+        }
+      }), _$createComponent(Match, {
+        get when() {
+          return state().canPrompt() || state().busy();
         },
         get children() {
-          return [_$ssr(_tmpl$4, _$escape(messages().installNative({
+          return [_$ssr(_tmpl$3, _$escape(messages().installNative({
             appName: props.appName
           }))), _$createComponent(Button, {
             get loading() {
@@ -190,10 +206,46 @@ export function InstallGuide(props) {
             }
           })];
         }
-      });
-    },
-    get children() {
-      return _$ssr(_tmpl$2, _$escape(messages().installRequested));
+      }), _$createComponent(Match, {
+        get when() {
+          return embedded();
+        },
+        get children() {
+          return [_$createComponent(NoticeCard, {
+            tone: "warning",
+            get title() {
+              return _$memo(() => state().platform === "apple-in-app")() ? messages().installAppleInAppTitle : messages().installInAppTitle;
+            },
+            get detail() {
+              return _$memo(() => state().platform === "apple-in-app")() ? messages().installAppleInAppDetail({
+                appName: props.appName
+              }) : messages().installInAppDetail({
+                appName: props.appName
+              });
+            }
+          }), _$createComponent(Button, {
+            variant: "secondary",
+            onClick: () => void copy.copy(props.url),
+            get children() {
+              return [_$ssr(_tmpl$4, _$ssrAttribute("class", copy.wasCopied() ? "ti ti-check" : "ti ti-copy", false)), copy.wasCopied() ? messages().installLinkCopied : messages().installCopyLink];
+            }
+          }), _$createComponent(Show, {
+            get when() {
+              return copy.error();
+            },
+            get children() {
+              return [_$ssr(_tmpl$, _$escape(messages().installCopyFailed)), _$ssr(_tmpl$5, _$escape(props.url))];
+            }
+          }), _$createComponent(Show, {
+            get when() {
+              return props.note;
+            },
+            get children() {
+              return _$ssr(_tmpl$3, _$escape(props.note));
+            }
+          })];
+        }
+      })];
     }
   })));
 }

package/dist/ssr/feedback/InstallGuide.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["feedback/InstallGuide.tsx"],"sourcesContent":["import { clipboard } from \"@k2b/stdlib/solid\";\nimport { createMemo, For, type JSX, Show } from \"solid-js\";\nimport { Button } from \"../actions/Button\";\nimport { useUiMessages } from \"../intl/messages\";\nimport { NoticeCard } from \"../surfaces/NoticeCard\";\nimport type { InstallPrompt } from \"./install\";\n\nexport type InstallGuideProps = {\n  /** The name people see on their Home Screen, used in the guidance text. */\n  appName: string;\n  install: InstallPrompt;\n  /**\n   * The address a browser inside another app copies, to open it in Safari or Chrome. Shown as text when copying\n   * fails, so it can be copied by hand.\n   */\n  url: string;\n  /**\n   * An application note under the installation steps or the embedded browser's link, for example what else the\n   * installed app enables.\n   */\n  note?: string;\n  class?: string;\n};\n\n/**\n * Explains how to install the current page as an app on this platform: the browser's own dialog where it offers\n * one, otherwise the steps for Safari on iPhone, iPad, and Mac, other browsers on iPhone and iPad, Android, and other\n * browsers. A browser inside another app cannot install, so it gets a warning and the link to copy into Safari or\n * Chrome instead. The host owns the surrounding surface, its heading, and dismissal.\n */\nexport function InstallGuide(props: InstallGuideProps): JSX.Element {\n  const messages = useUiMessages();\n  // The host may hand over another state after mount, such as the browser's own in place of the server's view.\n  const state = () => props.install;\n  const copy = clipboard.createWriter({ write: (url: string) => navigator.clipboard.writeText(url) });\n  const embedded = () => state().platform === \"in-app\" || state().platform === \"apple-in-app\";\n  /** A browser that installs, but less reliably than the platform's own. */\n  const hint = createMemo(() => {\n    const t = messages();\n    if (state().platform === \"apple-browser\") return { title: t.installAppleBrowserTitle, detail: t.installAppleBrowserDetail };\n    if (state().platform === \"android-browser\") return { title: t.installAndroidBrowserTitle, detail: t.installAndroidBrowserDetail };\n    return undefined;\n  });\n  const steps = createMemo(() => {\n    const t = messages();\n    if (state().platform === \"apple-mobile\" || state().platform === \"apple-browser\")\n      return [\n        {\n          icon: \"ti ti-share-2\",\n          title: t.installOpenShare,\n          detail: state().platform === \"apple-browser\" ? t.installOpenShareBrowserDetail : t.installOpenShareDetail,\n        },\n        { icon: \"ti ti-square-plus\", title: t.installHomeScreen, detail: t.installHomeScreenDetail },\n        { icon: \"ti ti-check\", title: t.installConfirmAdd, detail: t.installConfirmAddDetail },\n      ];\n    if (state().platform === \"apple-desktop\")\n      return [\n        { icon: \"ti ti-share-2\", title: t.installSafariMenu, detail: t.installSafariMenuDetail },\n        { icon: \"ti ti-app-window\", title: t.installAddDock, detail: t.installAddDockDetail },\n      ];\n    return [\n      { icon: \"ti ti-dots\", title: t.installBrowserMenu, detail: t.installBrowserMenuDetail },\n      {\n        icon: \"ti ti-square-plus\",\n        title: t.installApp,\n        detail: state().platform === \"android\" || state().platform === \"android-browser\" ? t.installAndroidDetail : t.installBrowserDetail,\n      },\n    ];\n  });\n  return (\n    <div class={props.class ? `k2b-install-guide ${props.class}` : \"k2b-install-guide\"} data-platform={state().platform}>\n      <Show when={state().failed()}>\n        <p role=\"alert\">{messages().installFailed}</p>\n      </Show>\n      <Show\n        when={state().requested()}\n        fallback={\n          <Show\n            when={state().canPrompt() || state().busy()}\n            fallback={\n              <Show\n                when={embedded()}\n                fallback={\n                  <>\n                    <Show when={hint()}>{(hint) => <NoticeCard tone=\"info\" title={hint().title} detail={hint().detail} />}</Show>\n                    <ol class=\"k2b-install-guide__steps\">\n                      <For each={steps()}>\n                        {(step) => (\n                          <li>\n                            <span class=\"k2b-install-guide__step-icon\">\n                              <i class={step.icon} aria-hidden=\"true\" />\n                            </span>\n                            <div>\n                              <h3>{step.title}</h3>\n                              <p>{step.detail}</p>\n                            </div>\n                          </li>\n                        )}\n                      </For>\n                    </ol>\n                    <Show when={state().platform === \"apple-mobile\"}>\n                      <p>{messages().installSafariFallback}</p>\n                    </Show>\n                    <Show when={props.note}>\n                      <p>{props.note}</p>\n                    </Show>\n                    <Show when={state().platform === \"generic\"}>\n                      <p>{messages().installUnavailable}</p>\n                    </Show>\n                  </>\n                }\n              >\n                <NoticeCard\n                  tone=\"warning\"\n                  title={state().platform === \"apple-in-app\" ? messages().installAppleInAppTitle : messages().installInAppTitle}\n                  detail={\n                    state().platform === \"apple-in-app\"\n                      ? messages().installAppleInAppDetail({ appName: props.appName })\n                      : messages().installInAppDetail({ appName: props.appName })\n                  }\n                />\n                <Button variant=\"secondary\" onClick={() => void copy.copy(props.url)}>\n                  <i class={copy.wasCopied() ? \"ti ti-check\" : \"ti ti-copy\"} aria-hidden=\"true\" />\n                  {copy.wasCopied() ? messages().installLinkCopied : messages().installCopyLink}\n                </Button>\n                <Show when={copy.error()}>\n                  <p role=\"alert\">{messages().installCopyFailed}</p>\n                  <code>{props.url}</code>\n                </Show>\n                <Show when={props.note}>\n                  <p>{props.note}</p>\n                </Show>\n              </Show>\n            }\n          >\n            <p>{messages().installNative({ appName: props.appName })}</p>\n            <Button loading={state().busy()} onClick={() => void state().install()}>\n              {messages().installApp}\n            </Button>\n          </Show>\n        }\n      >\n        <p role=\"status\">{messages().installRequested}</p>\n      </Show>\n    </div>\n  );\n}\n\nexport default InstallGuide;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["feedback/InstallGuide.tsx"],"sourcesContent":["import { clipboard } from \"@k2b/stdlib/solid\";\nimport { createMemo, For, type JSX, Match, Show, Switch } from \"solid-js\";\nimport { Button, ButtonLink } from \"../actions/Button\";\nimport { useUiMessages } from \"../intl/messages\";\nimport { NoticeCard } from \"../surfaces/NoticeCard\";\nimport type { InstallPrompt } from \"./install\";\n\nexport type InstallGuideProps = {\n  /** The name people see on their Home Screen, used in the guidance text. */\n  appName: string;\n  install: InstallPrompt;\n  /**\n   * The absolute address of the page to install. A browser inside another app copies it, to open it in Safari or\n   * Chrome, and shows it as text when copying fails, so it can be copied by hand. Samsung Internet opens an http or\n   * https address in Chrome.\n   */\n  url: string;\n  /**\n   * An application note under the installation steps or the embedded browser's link, for example what else the\n   * installed app enables.\n   */\n  note?: string;\n  class?: string;\n};\n\n/**\n * Opens `url` in Chrome on Android. Without Chrome, the browser loads `url` itself. Only an absolute http or https\n * address has an intent; anything else returns `undefined`.\n */\nconst chromeIntent = (url: string) => {\n  let target: URL;\n  try {\n    target = new URL(url);\n  } catch {\n    return undefined;\n  }\n  if (target.protocol !== \"https:\" && target.protocol !== \"http:\") return undefined;\n  const scheme = target.protocol.slice(0, -1);\n  return `intent://${target.host}${target.pathname}${target.search}${target.hash}#Intent;scheme=${scheme};package=com.android.chrome;S.browser_fallback_url=${encodeURIComponent(url)};end`;\n};\n\n/**\n * Explains how to install the current page as an app on this platform: the browser's own dialog where it offers\n * one, otherwise the steps for Safari on iPhone, iPad, and Mac, other browsers on iPhone and iPad, Android, and other\n * browsers. A browser inside another app cannot install, so it gets a warning and the link to copy into Safari or\n * Chrome instead. Samsung Internet gets a link to Chrome even when it offers its own dialog, because Android may block\n * the app package it builds. The host owns the surrounding surface, its heading, and dismissal.\n */\nexport function InstallGuide(props: InstallGuideProps): JSX.Element {\n  const messages = useUiMessages();\n  // The host may hand over another state after mount, such as the browser's own in place of the server's view.\n  const state = () => props.install;\n  const copy = clipboard.createWriter({ write: (url: string) => navigator.clipboard.writeText(url) });\n  const embedded = () => state().platform === \"in-app\" || state().platform === \"apple-in-app\";\n  /** A browser that installs, but less reliably than the platform's own. */\n  const hint = createMemo(() => {\n    const t = messages();\n    if (state().platform === \"apple-browser\") return { title: t.installAppleBrowserTitle, detail: t.installAppleBrowserDetail };\n    if (state().platform === \"android-browser\") return { title: t.installAndroidBrowserTitle, detail: t.installAndroidBrowserDetail };\n    return undefined;\n  });\n  const steps = createMemo(() => {\n    const t = messages();\n    if (state().platform === \"apple-mobile\" || state().platform === \"apple-browser\")\n      return [\n        {\n          icon: \"ti ti-share-2\",\n          title: t.installOpenShare,\n          detail: state().platform === \"apple-browser\" ? t.installOpenShareBrowserDetail : t.installOpenShareDetail,\n        },\n        { icon: \"ti ti-square-plus\", title: t.installHomeScreen, detail: t.installHomeScreenDetail },\n        { icon: \"ti ti-check\", title: t.installConfirmAdd, detail: t.installConfirmAddDetail },\n      ];\n    if (state().platform === \"apple-desktop\")\n      return [\n        { icon: \"ti ti-share-2\", title: t.installSafariMenu, detail: t.installSafariMenuDetail },\n        { icon: \"ti ti-app-window\", title: t.installAddDock, detail: t.installAddDockDetail },\n      ];\n    return [\n      { icon: \"ti ti-dots\", title: t.installBrowserMenu, detail: t.installBrowserMenuDetail },\n      {\n        icon: \"ti ti-square-plus\",\n        title: t.installApp,\n        detail: state().platform === \"android\" || state().platform === \"android-browser\" ? t.installAndroidDetail : t.installBrowserDetail,\n      },\n    ];\n  });\n  return (\n    <div class={props.class ? `k2b-install-guide ${props.class}` : \"k2b-install-guide\"} data-platform={state().platform}>\n      <Show when={state().failed()}>\n        <p role=\"alert\">{messages().installFailed}</p>\n      </Show>\n      <Switch\n        fallback={\n          <>\n            <Show when={hint()}>{(hint) => <NoticeCard tone=\"info\" title={hint().title} detail={hint().detail} />}</Show>\n            <ol class=\"k2b-install-guide__steps\">\n              <For each={steps()}>\n                {(step) => (\n                  <li>\n                    <span class=\"k2b-install-guide__step-icon\">\n                      <i class={step.icon} aria-hidden=\"true\" />\n                    </span>\n                    <div>\n                      <h3>{step.title}</h3>\n                      <p>{step.detail}</p>\n                    </div>\n                  </li>\n                )}\n              </For>\n            </ol>\n            <Show when={state().platform === \"apple-mobile\"}>\n              <p>{messages().installSafariFallback}</p>\n            </Show>\n            <Show when={props.note}>\n              <p>{props.note}</p>\n            </Show>\n            <Show when={state().platform === \"generic\"}>\n              <p>{messages().installUnavailable}</p>\n            </Show>\n          </>\n        }\n      >\n        <Match when={state().requested()}>\n          <p role=\"status\">{messages().installRequested}</p>\n        </Match>\n        <Match when={state().platform === \"android-samsung\"}>\n          <NoticeCard\n            tone=\"info\"\n            title={messages().installSamsungTitle}\n            detail={messages().installSamsungDetail({ appName: props.appName })}\n          />\n          <Show when={chromeIntent(props.url)}>\n            {(href) => (\n              <ButtonLink href={href()}>\n                <i class=\"ti ti-brand-chrome\" aria-hidden=\"true\" />\n                {messages().installOpenChrome}\n              </ButtonLink>\n            )}\n          </Show>\n          <Show when={props.note}>\n            <p>{props.note}</p>\n          </Show>\n        </Match>\n        <Match when={state().canPrompt() || state().busy()}>\n          <p>{messages().installNative({ appName: props.appName })}</p>\n          <Button loading={state().busy()} onClick={() => void state().install()}>\n            {messages().installApp}\n          </Button>\n        </Match>\n        <Match when={embedded()}>\n          <NoticeCard\n            tone=\"warning\"\n            title={state().platform === \"apple-in-app\" ? messages().installAppleInAppTitle : messages().installInAppTitle}\n            detail={\n              state().platform === \"apple-in-app\"\n                ? messages().installAppleInAppDetail({ appName: props.appName })\n                : messages().installInAppDetail({ appName: props.appName })\n            }\n          />\n          <Button variant=\"secondary\" onClick={() => void copy.copy(props.url)}>\n            <i class={copy.wasCopied() ? \"ti ti-check\" : \"ti ti-copy\"} aria-hidden=\"true\" />\n            {copy.wasCopied() ? messages().installLinkCopied : messages().installCopyLink}\n          </Button>\n          <Show when={copy.error()}>\n            <p role=\"alert\">{messages().installCopyFailed}</p>\n            <code>{props.url}</code>\n          </Show>\n          <Show when={props.note}>\n            <p>{props.note}</p>\n          </Show>\n        </Match>\n      </Switch>\n    </div>\n  );\n}\n\nexport default InstallGuide;\n"],"mappings":"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","ignoreList":[]}

package/dist/ssr/feedback/install.js

@@ -3,8 +3,9 @@ import { createSignal, onCleanup } from "solid-js";
 /**
  * Which installation steps a browser needs. `apple-in-app` and `in-app` are browsers embedded in another app, on
  * iPhone or iPad and elsewhere, which cannot install at all. `apple-browser` is Chrome, Firefox, Edge, or another
- * browser on iPhone or iPad, which installs through its Share menu but less reliably than Safari. `android-browser`
- * is an Android browser other than Chrome.
+ * browser on iPhone or iPad, which installs through its Share menu but less reliably than Safari. `android-samsung` is
+ * Samsung Internet on Android, whose installed apps Android may block as built for an older Android version.
+ * `android-browser` is another Android browser, such as Firefox or Edge.
  */
 
 /** Tokens of apps that open links in their own browser view. Case-sensitive, so `Line/` matches only LINE. */
@@ -12,7 +13,7 @@ const EMBEDDED = /FBAN|FBAV|FB_IAB|Instagram|LinkedInApp|Twitter|Snapchat|musica
 /** Browsers on iPhone and iPad other than Safari. */
 const APPLE_BROWSER = /CriOS\/|FxiOS\/|EdgiOS\/|OPiOS\/|OPT\/|Ddg\/|DuckDuckGo\/|YaBrowser\//;
 /** Android browsers whose user agent also names Chrome. */
-const ANDROID_OTHER = /SamsungBrowser|EdgA\/|OPR\/|YaBrowser|Firefox\//;
+const ANDROID_OTHER = /EdgA\/|OPR\/|YaBrowser|Firefox\//;
 
 /**
  * Classifies the browser from its user agent; `platform` and `touchPoints` only tell an iPad that reports a Mac apart.
@@ -29,7 +30,10 @@ export function installationPlatform(userAgent, platform, touchPoints) {
   }
   if (EMBEDDED.test(userAgent)) return "in-app";
   if (/Macintosh/.test(userAgent) && /Safari/.test(userAgent) && !/Chrome|Chromium|Edg\//.test(userAgent)) return "apple-desktop";
-  if (/Android/.test(userAgent)) return /Chrome\//.test(userAgent) && !ANDROID_OTHER.test(userAgent) ? "android" : "android-browser";
+  if (/Android/.test(userAgent)) {
+    if (/SamsungBrowser\//.test(userAgent)) return "android-samsung";
+    return /Chrome\//.test(userAgent) && !ANDROID_OTHER.test(userAgent) ? "android" : "android-browser";
+  }
   return "generic";
 }
 function isInstallPrompt(event) {

package/dist/ssr/feedback/install.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["feedback/install.ts"],"sourcesContent":["import { createSignal, onCleanup } from \"solid-js\";\n\n/**\n * Which installation steps a browser needs. `apple-in-app` and `in-app` are browsers embedded in another app, on\n * iPhone or iPad and elsewhere, which cannot install at all. `apple-browser` is Chrome, Firefox, Edge, or another\n * browser on iPhone or iPad, which installs through its Share menu but less reliably than Safari. `android-browser`\n * is an Android browser other than Chrome.\n */\nexport type InstallationPlatform =\n  | \"in-app\"\n  | \"apple-in-app\"\n  | \"apple-browser\"\n  | \"apple-mobile\"\n  | \"apple-desktop\"\n  | \"android-browser\"\n  | \"android\"\n  | \"generic\";\n\n/** Tokens of apps that open links in their own browser view. Case-sensitive, so `Line/` matches only LINE. */\nconst EMBEDDED =\n  /FBAN|FBAV|FB_IAB|Instagram|LinkedInApp|Twitter|Snapchat|musical_ly|BytedanceWebview|Pinterest|MicroMessenger|\\bLine\\/|GSA\\/|; wv\\)/;\n/** Browsers on iPhone and iPad other than Safari. */\nconst APPLE_BROWSER = /CriOS\\/|FxiOS\\/|EdgiOS\\/|OPiOS\\/|OPT\\/|Ddg\\/|DuckDuckGo\\/|YaBrowser\\//;\n/** Android browsers whose user agent also names Chrome. */\nconst ANDROID_OTHER = /SamsungBrowser|EdgA\\/|OPR\\/|YaBrowser|Firefox\\//;\n\n/**\n * Classifies the browser from its user agent; `platform` and `touchPoints` only tell an iPad that reports a Mac apart.\n * A pure function, so the server and the browser compute the same value from the same user agent. Not a device\n * check: an installed app on iPhone may itself look like an embedded browser.\n */\nexport function installationPlatform(userAgent: string, platform: string, touchPoints: number): InstallationPlatform {\n  if (/iPad|iPhone|iPod/.test(userAgent) || (platform === \"MacIntel\" && touchPoints > 1)) {\n    if (EMBEDDED.test(userAgent)) return \"apple-in-app\";\n    if (APPLE_BROWSER.test(userAgent)) return \"apple-browser\";\n    // Safari and every real browser send `Safari/`; a bare web view inside an app, such as a QR scanner, does not.\n    if (!/Safari\\//.test(userAgent)) return \"apple-in-app\";\n    return \"apple-mobile\";\n  }\n  if (EMBEDDED.test(userAgent)) return \"in-app\";\n  if (/Macintosh/.test(userAgent) && /Safari/.test(userAgent) && !/Chrome|Chromium|Edg\\//.test(userAgent)) return \"apple-desktop\";\n  if (/Android/.test(userAgent)) return /Chrome\\//.test(userAgent) && !ANDROID_OTHER.test(userAgent) ? \"android\" : \"android-browser\";\n  return \"generic\";\n}\n\ninterface BeforeInstallPromptEvent extends Event {\n  prompt(): Promise<{ outcome: \"accepted\" | \"dismissed\" }>;\n}\n\nfunction isInstallPrompt(event: Event): event is BeforeInstallPromptEvent {\n  return \"prompt\" in event && typeof event.prompt === \"function\";\n}\n\nexport type InstallPrompt = {\n  platform: InstallationPlatform;\n  /** Running from the Home Screen or as an installed app, or installed during this visit. */\n  installed: () => boolean;\n  /** The browser offered its own installation dialog, which `install()` opens. */\n  canPrompt: () => boolean;\n  busy: () => boolean;\n  /** The person accepted the browser's dialog; the browser finishes the installation. */\n  requested: () => boolean;\n  /** The browser's dialog could not be opened. */\n  failed: () => boolean;\n  /** Opens the browser's dialog once. Call it directly from a click. */\n  install: () => Promise<void>;\n};\n\n/**\n * Tracks whether the page runs installed and captures the browser's installation prompt. Browser-only; call it once,\n * when the page loads, under an owner that lives as long as the page: Chrome offers its prompt only once, early.\n */\nexport function createInstallPrompt(): InstallPrompt {\n  const displayMode = matchMedia(\"(display-mode: standalone)\");\n  const isStandalone = () => displayMode.matches || (\"standalone\" in navigator && navigator.standalone === true);\n  const [installed, setInstalled] = createSignal(isStandalone());\n  const [prompt, setPrompt] = createSignal<BeforeInstallPromptEvent>();\n  const [busy, setBusy] = createSignal(false);\n  const [requested, setRequested] = createSignal(false);\n  const [failed, setFailed] = createSignal(false);\n  const capture = (event: Event) => {\n    if (!isInstallPrompt(event)) return;\n    event.preventDefault();\n    if (installed()) return;\n    setPrompt(event);\n    setRequested(false);\n  };\n  const complete = () => {\n    setInstalled(true);\n    setPrompt(undefined);\n  };\n  const displayChanged = () => {\n    if (isStandalone()) complete();\n  };\n  window.addEventListener(\"beforeinstallprompt\", capture);\n  window.addEventListener(\"appinstalled\", complete);\n  displayMode.addEventListener(\"change\", displayChanged);\n  onCleanup(() => {\n    window.removeEventListener(\"beforeinstallprompt\", capture);\n    window.removeEventListener(\"appinstalled\", complete);\n    displayMode.removeEventListener(\"change\", displayChanged);\n  });\n  const install = async () => {\n    if (busy() || installed()) return;\n    const event = prompt();\n    setFailed(false);\n    if (!event) return;\n    // Consume once, and invoke synchronously within the user's click.\n    setPrompt(undefined);\n    setBusy(true);\n    try {\n      const result = await event.prompt();\n      if (!installed()) setRequested(result.outcome === \"accepted\");\n    } catch {\n      setFailed(true);\n    } finally {\n      setBusy(false);\n    }\n  };\n  return {\n    platform: installationPlatform(navigator.userAgent, navigator.platform, navigator.maxTouchPoints),\n    installed,\n    canPrompt: () => Boolean(prompt()),\n    busy,\n    requested,\n    failed,\n    install,\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["feedback/install.ts"],"sourcesContent":["import { createSignal, onCleanup } from \"solid-js\";\n\n/**\n * Which installation steps a browser needs. `apple-in-app` and `in-app` are browsers embedded in another app, on\n * iPhone or iPad and elsewhere, which cannot install at all. `apple-browser` is Chrome, Firefox, Edge, or another\n * browser on iPhone or iPad, which installs through its Share menu but less reliably than Safari. `android-samsung` is\n * Samsung Internet on Android, whose installed apps Android may block as built for an older Android version.\n * `android-browser` is another Android browser, such as Firefox or Edge.\n */\nexport type InstallationPlatform =\n  | \"in-app\"\n  | \"apple-in-app\"\n  | \"apple-browser\"\n  | \"apple-mobile\"\n  | \"apple-desktop\"\n  | \"android-samsung\"\n  | \"android-browser\"\n  | \"android\"\n  | \"generic\";\n\n/** Tokens of apps that open links in their own browser view. Case-sensitive, so `Line/` matches only LINE. */\nconst EMBEDDED =\n  /FBAN|FBAV|FB_IAB|Instagram|LinkedInApp|Twitter|Snapchat|musical_ly|BytedanceWebview|Pinterest|MicroMessenger|\\bLine\\/|GSA\\/|; wv\\)/;\n/** Browsers on iPhone and iPad other than Safari. */\nconst APPLE_BROWSER = /CriOS\\/|FxiOS\\/|EdgiOS\\/|OPiOS\\/|OPT\\/|Ddg\\/|DuckDuckGo\\/|YaBrowser\\//;\n/** Android browsers whose user agent also names Chrome. */\nconst ANDROID_OTHER = /EdgA\\/|OPR\\/|YaBrowser|Firefox\\//;\n\n/**\n * Classifies the browser from its user agent; `platform` and `touchPoints` only tell an iPad that reports a Mac apart.\n * A pure function, so the server and the browser compute the same value from the same user agent. Not a device\n * check: an installed app on iPhone may itself look like an embedded browser.\n */\nexport function installationPlatform(userAgent: string, platform: string, touchPoints: number): InstallationPlatform {\n  if (/iPad|iPhone|iPod/.test(userAgent) || (platform === \"MacIntel\" && touchPoints > 1)) {\n    if (EMBEDDED.test(userAgent)) return \"apple-in-app\";\n    if (APPLE_BROWSER.test(userAgent)) return \"apple-browser\";\n    // Safari and every real browser send `Safari/`; a bare web view inside an app, such as a QR scanner, does not.\n    if (!/Safari\\//.test(userAgent)) return \"apple-in-app\";\n    return \"apple-mobile\";\n  }\n  if (EMBEDDED.test(userAgent)) return \"in-app\";\n  if (/Macintosh/.test(userAgent) && /Safari/.test(userAgent) && !/Chrome|Chromium|Edg\\//.test(userAgent)) return \"apple-desktop\";\n  if (/Android/.test(userAgent)) {\n    if (/SamsungBrowser\\//.test(userAgent)) return \"android-samsung\";\n    return /Chrome\\//.test(userAgent) && !ANDROID_OTHER.test(userAgent) ? \"android\" : \"android-browser\";\n  }\n  return \"generic\";\n}\n\ninterface BeforeInstallPromptEvent extends Event {\n  prompt(): Promise<{ outcome: \"accepted\" | \"dismissed\" }>;\n}\n\nfunction isInstallPrompt(event: Event): event is BeforeInstallPromptEvent {\n  return \"prompt\" in event && typeof event.prompt === \"function\";\n}\n\nexport type InstallPrompt = {\n  platform: InstallationPlatform;\n  /** Running from the Home Screen or as an installed app, or installed during this visit. */\n  installed: () => boolean;\n  /** The browser offered its own installation dialog, which `install()` opens. */\n  canPrompt: () => boolean;\n  busy: () => boolean;\n  /** The person accepted the browser's dialog; the browser finishes the installation. */\n  requested: () => boolean;\n  /** The browser's dialog could not be opened. */\n  failed: () => boolean;\n  /** Opens the browser's dialog once. Call it directly from a click. */\n  install: () => Promise<void>;\n};\n\n/**\n * Tracks whether the page runs installed and captures the browser's installation prompt. Browser-only; call it once,\n * when the page loads, under an owner that lives as long as the page: Chrome offers its prompt only once, early.\n */\nexport function createInstallPrompt(): InstallPrompt {\n  const displayMode = matchMedia(\"(display-mode: standalone)\");\n  const isStandalone = () => displayMode.matches || (\"standalone\" in navigator && navigator.standalone === true);\n  const [installed, setInstalled] = createSignal(isStandalone());\n  const [prompt, setPrompt] = createSignal<BeforeInstallPromptEvent>();\n  const [busy, setBusy] = createSignal(false);\n  const [requested, setRequested] = createSignal(false);\n  const [failed, setFailed] = createSignal(false);\n  const capture = (event: Event) => {\n    if (!isInstallPrompt(event)) return;\n    event.preventDefault();\n    if (installed()) return;\n    setPrompt(event);\n    setRequested(false);\n  };\n  const complete = () => {\n    setInstalled(true);\n    setPrompt(undefined);\n  };\n  const displayChanged = () => {\n    if (isStandalone()) complete();\n  };\n  window.addEventListener(\"beforeinstallprompt\", capture);\n  window.addEventListener(\"appinstalled\", complete);\n  displayMode.addEventListener(\"change\", displayChanged);\n  onCleanup(() => {\n    window.removeEventListener(\"beforeinstallprompt\", capture);\n    window.removeEventListener(\"appinstalled\", complete);\n    displayMode.removeEventListener(\"change\", displayChanged);\n  });\n  const install = async () => {\n    if (busy() || installed()) return;\n    const event = prompt();\n    setFailed(false);\n    if (!event) return;\n    // Consume once, and invoke synchronously within the user's click.\n    setPrompt(undefined);\n    setBusy(true);\n    try {\n      const result = await event.prompt();\n      if (!installed()) setRequested(result.outcome === \"accepted\");\n    } catch {\n      setFailed(true);\n    } finally {\n      setBusy(false);\n    }\n  };\n  return {\n    platform: installationPlatform(navigator.userAgent, navigator.platform, navigator.maxTouchPoints),\n    installed,\n    canPrompt: () => Boolean(prompt()),\n    busy,\n    requested,\n    failed,\n    install,\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/ssr/inputs/QrScanner.js

@@ -7,18 +7,87 @@ var _tmpl$ = ["<p class=\"k2b-qr-scanner__note\">", "</p>"],
 import { timed } from "@k2b/stdlib/solid";
 import { createSignal, onCleanup, onMount, Show } from "solid-js";
 import { useUiMessages } from "../intl/messages";
+
 /**
- * qr-scanner turns every getUserMedia failure into the string "Camera not found.", so only the Permissions API can
- * tell a refusal apart. Safari and Chrome expose the camera permission; elsewhere a refusal counts as unavailable.
+ * Why the scanner could not start, as far as the browser tells: `"denied"` when camera access is off, `"no-camera"`
+ * when the device has no camera, `"in-use"` when the camera is busy or could not start, most often because another app
+ * holds it, and `"unavailable"` for anything else, including a scanning engine that cannot load.
  */
-const cameraDenied = async () => {
-  try {
-    return (await navigator.permissions.query({
-      name: "camera"
-    })).state === "denied";
-  } catch {
-    return false;
+
+const sizes = [{
+  width: {
+    min: 1024
+  }
+}, {
+  width: {
+    min: 768
+  }
+}, {}];
+/** The rear camera at a resolution that keeps small codes readable, then any camera: the order qr-scanner tries. */
+const cameraRequests = [...sizes.map(size => ({
+  ...size,
+  facingMode: {
+    exact: "environment"
   }
+})), ...sizes];
+const errorName = error => typeof error === "object" && error !== null && "name" in error ? String(error.name) : "";
+const cameraFailure = name => {
+  if (name === "NotAllowedError" || name === "SecurityError") return "denied";
+  if (name === "NotFoundError" || name === "OverconstrainedError") return "no-camera";
+  if (name === "NotReadableError") return "in-use";
+  return "unavailable";
+};
+
+/** The facing a track reports, or else the one its label names, as qr-scanner reads it. */
+const facingOf = track => {
+  if (!track) return undefined;
+  const {
+    facingMode
+  } = track.getSettings();
+  if (facingMode) return facingMode;
+  if (/rear|back|environment/i.test(track.label)) return "environment";
+  if (/front|user|face/i.test(track.label)) return "user";
+  return undefined;
+};
+
+/**
+ * Opens the camera here rather than in qr-scanner, which turns every failure into "Camera not found.". A refusal ends
+ * the search, because asking again could show the permission prompt again. Any other failure may belong to the request,
+ * such as a camera that cannot start at the larger size, so the next, looser request follows, as in qr-scanner. When
+ * none succeeds, a camera that exists but fails outweighs a request no camera could meet. A closed scanner asks no more.
+ */
+const openCamera = async closed => {
+  if (!navigator.mediaDevices) return {
+    error: "unavailable"
+  };
+  let error = "no-camera";
+  for (const video of cameraRequests) {
+    if (closed()) break;
+    try {
+      const stream = await navigator.mediaDevices.getUserMedia({
+        video,
+        audio: false
+      });
+      const facing = facingOf(stream.getVideoTracks()[0]);
+      // Like qr-scanner, mirror a front camera, and a camera of unknown facing that the rear request did not find.
+      return {
+        stream,
+        mirrored: facing ? facing === "user" : !video.facingMode
+      };
+    } catch (failure) {
+      const reason = cameraFailure(errorName(failure));
+      if (reason === "denied") return {
+        error: reason
+      };
+      if (reason !== "no-camera") error = reason;
+    }
+  }
+  return {
+    error
+  };
+};
+const stopStream = stream => {
+  for (const track of stream.getTracks()) track.stop();
 };
 
 /**
@@ -38,24 +107,22 @@ export function QrScanner(props) {
   let video;
   let scanner;
   let closed = false;
-  /** The host has unmounted the scanner; it no longer hears about failures that finish later. */
-  let unmounted = false;
   let cleanupMotion;
   const destroy = () => {
     closed = true;
     cleanupMotion?.();
     resetRejected.cancel();
     resetFeedback.cancel();
-    // pause(true) stops existing tracks immediately; destroy also handles a still-pending permission request.
+    // pause(true) stops the camera stream immediately.
     void scanner?.pause(true);
     scanner?.destroy();
     scanner = undefined;
   };
-  const fail = async () => {
+  // Once closed, the host has unmounted the scanner or heard why it stopped; later failures stay silent.
+  const fail = reason => {
     if (closed) return;
     destroy();
-    const denied = await cameraDenied();
-    if (!unmounted) props.onError(denied ? "denied" : "unavailable");
+    props.onError(reason);
   };
   onMount(() => {
     const hidden = () => {
@@ -65,7 +132,6 @@ export function QrScanner(props) {
     document.addEventListener("visibilitychange", hidden);
     window.addEventListener("pagehide", leaving);
     onCleanup(() => {
-      unmounted = true;
       destroy();
       document.removeEventListener("visibilitychange", hidden);
       window.removeEventListener("pagehide", leaving);
@@ -89,12 +155,20 @@ export function QrScanner(props) {
           setInvalid(true);
           resetFeedback.debouncedFn();
         }, {
-          preferredCamera: "environment",
           highlightScanRegion: true,
-          // Empty frames are expected. Never log decoded content or frame data.
+          // A frame that cannot be decoded never ends the session: the camera runs, and the next frame may read.
+          // An engine error other than an empty frame, which the native BarcodeDetector reports as "Scanner error:
+          // No QR code found", means the detector cannot read on this device. Fall back to the bundled worker for
+          // the page through the flag qr-scanner 1.4.2 sets itself for "not implemented" and "service unavailable";
+          // it swaps engines after this frame. Worker errors carry the same prefix; the flag changes nothing there.
+          // qr-scanner reports frames only as strings: an Error means the engine itself did not load, such as a
+          // decoder chunk gone after a deploy or a worker that cannot start, and no later frame can read. Never log
+          // decoded content or frame data.
           onDecodeError: error => {
-            if (closed || error === Engine.NO_QR_CODE_FOUND) return;
-            void fail();
+            if (typeof error !== "string") return fail("unavailable");
+            if (error.startsWith("Scanner error: ") && !error.endsWith(Engine.NO_QR_CODE_FOUND)) {
+              Reflect.set(Engine, "_disableBarcodeDetector", true);
+            }
           }
         });
         const motion = matchMedia("(prefers-reduced-motion: reduce)");
@@ -108,10 +182,16 @@ export function QrScanner(props) {
         applyMotion();
         motion.addEventListener("change", applyMotion);
         cleanupMotion = () => motion.removeEventListener("change", applyMotion);
+        const camera = await openCamera(() => closed);
+        if ("error" in camera) return fail(camera.error);
+        if (closed) return stopStream(camera.stream);
+        // qr-scanner plays a stream that is already set instead of opening its own.
+        video.srcObject = camera.stream;
+        video.style.transform = camera.mirrored ? "scaleX(-1)" : "";
         await scanner.start();
         if (!closed) setStarting(false);
       } catch {
-        await fail();
+        fail("unavailable");
       }
     })();
   });