@craft-native/ios 0.0.442 → 0.0.443

package/dist/cli.js

@@ -909,6 +909,14 @@ function renderAssetCatalog(output, config) {
   renderLaunchLogo(catalog, config);
 }
 var LAUNCH_LOGO = "LaunchLogo";
+function splashScales(source) {
+  const extension = extname(source);
+  if (!/^\.(?:png|jpe?g)$/i.test(extension))
+    return [{ scale: 1, path: source }];
+  const stem = source.slice(0, -extension.length);
+  const scales = [2, 3].map((scale) => ({ scale, path: `${stem}@${scale}x${extension}` })).filter((item) => existsSync2(item.path));
+  return scales.length ? [{ scale: 1, path: source }, ...scales] : [{ scale: 1, path: source }];
+}
 function renderLaunchLogo(catalog, config) {
   const imageset = join4(catalog, `${LAUNCH_LOGO}.imageset`);
   rmSync2(imageset, { recursive: true, force: true });
@@ -925,13 +933,18 @@ function renderLaunchLogo(catalog, config) {
     const extension = source.split(".").pop().toLowerCase();
     if (extension === "svg" || extension === "pdf")
       vector = true;
-    const filename = `${LAUNCH_LOGO}${dark ? "-dark" : ""}.${extension}`;
-    cpSync(source, join4(imageset, filename));
-    images.push({
-      ...dark ? { appearances: [{ appearance: "luminosity", value: "dark" }] } : {},
-      filename,
-      idiom: "universal"
-    });
+    const files = splashScales(source);
+    const scaled = files.length > 1;
+    for (const { scale, path } of files) {
+      const filename = `${LAUNCH_LOGO}${dark ? "-dark" : ""}${scale === 1 ? "" : `@${scale}x`}.${extension}`;
+      cpSync(path, join4(imageset, filename));
+      images.push({
+        ...dark ? { appearances: [{ appearance: "luminosity", value: "dark" }] } : {},
+        filename,
+        idiom: "universal",
+        ...scaled ? { scale: `${scale}x` } : {}
+      });
+    }
   }
   writeFileSync2(join4(imageset, "Contents.json"), `${JSON.stringify({
     images,

package/dist/index.d.ts

@@ -208,7 +208,9 @@ export interface CraftConfig {
      * screen until the page says it is ready (`splash.hide()`), so the app goes
      * from launch to content without a blank web view in between. PNG, PDF or
      * SVG, drawn at its own size in points: give an SVG the width and height it
-     * should have on screen.
+     * should have on screen. A PNG with `@2x` and `@3x` files beside it
+     * (`LaunchLogo.png`, `LaunchLogo@2x.png`, `LaunchLogo@3x.png`, as ts-images'
+     * `generateSplashScreens` writes them) is sharp on every screen.
      */
     splashImagePath?: string;
     /** The splash logo in Dark Mode, on `backgroundColorDark`. The light one if unset. */
@@ -532,6 +534,16 @@ export declare function renderPrivacyManifest(config: CraftConfig): string;
 export declare function pngHasAlpha(bytes: Uint8Array): boolean;
 /** The asset the launch screen and the splash both draw, so one hands over to the other unseen. */
 export declare const LAUNCH_LOGO = "LaunchLogo";
+/**
+ * A bitmap splash's `@2x` and `@3x` files beside it (`LaunchLogo.png`,
+ * `LaunchLogo@2x.png`, `LaunchLogo@3x.png`, as ts-images'
+ * `generateSplashScreens` writes them), by scale. A bitmap without them is
+ * one image, drawn at its pixel size in points.
+ */
+export declare function splashScales(source: string): Array<{
+    scale: 1 | 2 | 3;
+    path: string;
+}>;
 /** The launch screen: the background colour, and the splash logo on it when there is one. */
 export declare function renderLaunchScreen(config: Pick<CraftConfig, 'splashImagePath'>): string;
 /** Near-black or near-white, whichever reads on `background` (WCAG relative luminance). */

package/dist/index.js

@@ -1107,6 +1107,14 @@ function renderAssetCatalog(output, config) {
   renderLaunchLogo(catalog, config);
 }
 var LAUNCH_LOGO = "LaunchLogo";
+function splashScales(source) {
+  const extension = extname(source);
+  if (!/^\.(?:png|jpe?g)$/i.test(extension))
+    return [{ scale: 1, path: source }];
+  const stem = source.slice(0, -extension.length);
+  const scales = [2, 3].map((scale) => ({ scale, path: `${stem}@${scale}x${extension}` })).filter((item) => existsSync2(item.path));
+  return scales.length ? [{ scale: 1, path: source }, ...scales] : [{ scale: 1, path: source }];
+}
 function renderLaunchLogo(catalog, config) {
   const imageset = join4(catalog, `${LAUNCH_LOGO}.imageset`);
   rmSync3(imageset, { recursive: true, force: true });
@@ -1123,13 +1131,18 @@ function renderLaunchLogo(catalog, config) {
     const extension = source.split(".").pop().toLowerCase();
     if (extension === "svg" || extension === "pdf")
       vector = true;
-    const filename = `${LAUNCH_LOGO}${dark ? "-dark" : ""}.${extension}`;
-    cpSync(source, join4(imageset, filename));
-    images.push({
-      ...dark ? { appearances: [{ appearance: "luminosity", value: "dark" }] } : {},
-      filename,
-      idiom: "universal"
-    });
+    const files = splashScales(source);
+    const scaled = files.length > 1;
+    for (const { scale, path } of files) {
+      const filename = `${LAUNCH_LOGO}${dark ? "-dark" : ""}${scale === 1 ? "" : `@${scale}x`}.${extension}`;
+      cpSync(path, join4(imageset, filename));
+      images.push({
+        ...dark ? { appearances: [{ appearance: "luminosity", value: "dark" }] } : {},
+        filename,
+        idiom: "universal",
+        ...scaled ? { scale: `${scale}x` } : {}
+      });
+    }
   }
   writeFileSync3(join4(imageset, "Contents.json"), `${JSON.stringify({
     images,
@@ -1841,6 +1854,7 @@ export {
   runPostGenerateHook,
   serializeSimulatorSteps,
   showSimulator,
+  splashScales,
   syncNativeFonts,
   syncWebAssets,
   usesNativeBundle

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@craft-native/ios",
-  "version": "0.0.442",
+  "version": "0.0.443",
   "homepage": "https://github.com/craft-native/craft/tree/main/packages/ios#readme",
   "repository": {
     "type": "git",