@swiftbrowser/web 0.26.1 → 0.26.3

package/src/typography.ts

@@ -16,7 +16,7 @@ import {
   textStyleSize,
   type TextStyle,
 } from './layout/typography';
-import type { DynamicTypeSize } from './protocol';
+import type { DynamicTypeSize, Platform } from './protocol';
 
 export {
   DYNAMIC_TYPE_SIZES,
@@ -27,6 +27,7 @@ export {
   leadingFor,
   textHeight,
   TEXT_STYLE_SIZES,
+  MAC_TEXT_STYLE_SIZES,
   defaultFont,
   lineHeightFor,
   makeFont,
@@ -49,15 +50,15 @@ export interface ResolvedTextStyle {
   lineHeight: number;
 }
 
-/** Point size and line height of `style` at `size`. */
-export function resolveTextStyle(style: TextStyle, size: DynamicTypeSize): ResolvedTextStyle {
-  const fontSize = textStyleSize(style, size);
+/** Point size and line height of `style` at `size` (on the Mac, its one size). */
+export function resolveTextStyle(style: TextStyle, size: DynamicTypeSize, platform: Platform = 'ios'): ResolvedTextStyle {
+  const fontSize = textStyleSize(style, size, platform);
   return { fontSize, lineHeight: lineHeightFor(fontSize) };
 }
 
-/** Scale factor of `style` at `size` relative to Large (`Font.system(size:relativeTo:)`). */
-export function relativeScale(style: TextStyle, size: DynamicTypeSize): number {
-  return textStyleSize(style, size) / textStyleSize(style, DEFAULT_TYPE_SIZE);
+/** Scale factor of `style` at `size` relative to Large (`Font.system(size:relativeTo:)`); 1 on the Mac. */
+export function relativeScale(style: TextStyle, size: DynamicTypeSize, platform: Platform = 'ios'): number {
+  return textStyleSize(style, size, platform) / textStyleSize(style, DEFAULT_TYPE_SIZE, platform);
 }
 
 /** CSS custom property names the renderer reads for a text style. */
@@ -69,11 +70,11 @@ export function textStyleVar(style: TextStyle, metric: 'size' | 'lh'): string {
  * Write every text style's size and line height for `size` as CSS custom
  * properties on `target` (the device frame).
  */
-export function applyTypeSizeVariables(target: HTMLElement, size: DynamicTypeSize): void {
+export function applyTypeSizeVariables(target: HTMLElement, size: DynamicTypeSize, platform: Platform = 'ios'): void {
   for (const style of TEXT_STYLES) {
-    const { fontSize, lineHeight } = resolveTextStyle(style, size);
+    const { fontSize, lineHeight } = resolveTextStyle(style, size, platform);
     target.style.setProperty(textStyleVar(style, 'size'), `${fontSize}px`);
     target.style.setProperty(textStyleVar(style, 'lh'), `${Math.round(lineHeight * 100) / 100}px`);
-    target.style.setProperty(`--sb-ts-${style}-scale`, String(relativeScale(style, size)));
+    target.style.setProperty(`--sb-ts-${style}-scale`, String(relativeScale(style, size, platform)));
   }
 }

package/src/vite-env.d.ts

@@ -22,6 +22,8 @@ interface SBLandingApp {
   webPushKey?: string;
   /** Hosts the app's requests may not reach (src/blockedHosts.ts). */
   blockedHosts?: string[];
+  /** The platform the app was built for (`--platform`, docs/notes/macos.md); iOS when absent. */
+  platform?: 'ios' | 'macos';
 }
 
 /** The registered apps, in registry order. */