craft-native 0.0.122 → 0.0.124

package/dist/ios/src/index.js

@@ -4,6 +4,13 @@ import { cpSync, existsSync, mkdirSync, readFileSync, readdirSync, rmSync, statS
 import { dirname, join, resolve } from "path";
 var {$ } = globalThis.Bun;
 var TEMPLATES_DIR = join(dirname(import.meta.dir), "templates");
+var CRAFT_VERSION = (() => {
+  try {
+    return JSON.parse(readFileSync(join(dirname(import.meta.dir), "package.json"), "utf8")).version ?? "0.0.0";
+  } catch {
+    return "0.0.0";
+  }
+})();
 var DEFAULT_CONFIG = {
   renderer: "web",
   version: "1.0.0",
@@ -171,6 +178,8 @@ function plistArray(values, indent = 2) {
 }
 function renderBackgroundModes(config) {
   const modes = new Set;
+  if (config.backgroundRefresh?.enabled)
+    modes.add("fetch");
   if (config.enableBackgroundLocation)
     modes.add("location");
   if (config.enableBackgroundTasks)
@@ -184,12 +193,30 @@ function renderBackgroundModes(config) {
 ${plistArray([...modes])}
     </array>`;
 }
+function backgroundRefreshIdentifier(config) {
+  if (!config.backgroundRefresh?.enabled)
+    return null;
+  return config.backgroundRefresh.identifier?.trim() || `${config.bundleId}.refresh`;
+}
+function renderBackgroundTaskIdentifiers(config) {
+  const identifier = backgroundRefreshIdentifier(config);
+  if (!identifier)
+    return "";
+  return `    <key>BGTaskSchedulerPermittedIdentifiers</key>
+    <array>
+${plistArray([identifier])}
+    </array>`;
+}
+function associatedDomainEntries(domains) {
+  return [...new Set((domains ?? []).map((value) => value.trim()).filter(Boolean).map((value) => /^[a-z]+:/i.test(value) ? value : `applinks:${value}`))];
+}
 function renderEntitlements(config) {
   const entries = [];
-  if (config.associatedDomains?.length) {
+  const associatedDomains = associatedDomainEntries(config.associatedDomains);
+  if (associatedDomains.length) {
     entries.push(`    <key>com.apple.developer.associated-domains</key>
     <array>
-${plistArray(config.associatedDomains)}
+${plistArray(associatedDomains)}
     </array>`);
   }
   if (config.appGroups?.length) {
@@ -373,6 +400,142 @@ function renderAssetCatalog(output, config) {
     info: { author: "xcode", version: 1 }
   }, null, 2)}
 `);
+  renderLaunchLogo(catalog, config);
+}
+var LAUNCH_LOGO = "LaunchLogo";
+function renderLaunchLogo(catalog, config) {
+  const imageset = join(catalog, `${LAUNCH_LOGO}.imageset`);
+  rmSync(imageset, { recursive: true, force: true });
+  if (!config.splashImagePath)
+    return;
+  mkdirSync(imageset, { recursive: true });
+  const images = [];
+  let vector = false;
+  for (const [source, dark] of [[config.splashImagePath, false], [config.splashImagePathDark, true]]) {
+    if (!source)
+      continue;
+    if (!existsSync(source))
+      throw new Error(`Splash image not found: ${source}`);
+    const extension = source.split(".").pop().toLowerCase();
+    if (extension === "svg" || extension === "pdf")
+      vector = true;
+    const filename = `${LAUNCH_LOGO}${dark ? "-dark" : ""}.${extension}`;
+    cpSync(source, join(imageset, filename));
+    images.push({
+      ...dark ? { appearances: [{ appearance: "luminosity", value: "dark" }] } : {},
+      filename,
+      idiom: "universal"
+    });
+  }
+  writeFileSync(join(imageset, "Contents.json"), `${JSON.stringify({
+    images,
+    info: { author: "xcode", version: 1 },
+    ...vector ? { properties: { "preserves-vector-representation": true } } : {}
+  }, null, 2)}
+`);
+}
+function renderLaunchScreen(config) {
+  const image = config.splashImagePath ? `
+        <key>UIImageName</key>
+        <string>${LAUNCH_LOGO}</string>` : "";
+  return `        <key>UIColorName</key>
+        <string>LaunchBackground</string>${image}`;
+}
+function hexChannels(hex) {
+  const value = hex?.trim().replace(/^#/, "") ?? "";
+  const full = value.length === 3 ? [...value].map((digit) => digit + digit).join("") : value.slice(0, 6);
+  if (!/^[0-9a-f]{6}$/i.test(full))
+    return null;
+  return [0, 2, 4].map((index) => Number.parseInt(full.slice(index, index + 2), 16));
+}
+function readableTextOn(background) {
+  const channels = hexChannels(background);
+  if (!channels)
+    return "#0f172a";
+  const [r, g, b] = channels.map((channel) => {
+    const c = channel / 255;
+    return c <= 0.03928 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4;
+  });
+  const luminance = 0.2126 * r + 0.7152 * g + 0.0722 * b;
+  return luminance > 0.4 ? "#0f172a" : "#f8fafc";
+}
+function renderOfflinePage(config) {
+  const light = hexChannels(config.backgroundColor) ? config.backgroundColor : "#ffffff";
+  const dark = hexChannels(config.backgroundColorDark) ? config.backgroundColorDark : light;
+  const name = xmlEscape(config.appName);
+  return `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
+  <meta name="color-scheme" content="light dark">
+  <title>${name}</title>
+  <style>
+    :root { --background: ${light}; --text: ${readableTextOn(light)}; }
+    @media (prefers-color-scheme: dark) {
+      :root { --background: ${dark}; --text: ${readableTextOn(dark)}; }
+    }
+    * { margin: 0; padding: 0; box-sizing: border-box; }
+    html, body { height: 100%; }
+    body {
+      font: -apple-system-body;
+      font-family: -apple-system, system-ui, sans-serif;
+      background: var(--background);
+      color: var(--text);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      text-align: center;
+      padding: calc(env(safe-area-inset-top) + 24px) calc(env(safe-area-inset-right) + 32px) calc(env(safe-area-inset-bottom) + 24px) calc(env(safe-area-inset-left) + 32px);
+      -webkit-user-select: none;
+      user-select: none;
+      -webkit-tap-highlight-color: transparent;
+    }
+    main { max-width: 22rem; }
+    .app { font: -apple-system-subheadline; font-weight: 600; opacity: 0.6; margin-bottom: 0.5rem; }
+    h1 { font: -apple-system-title1; font-weight: 700; margin-bottom: 0.75rem; }
+    p { opacity: 0.72; line-height: 1.4; }
+    button {
+      font: -apple-system-headline;
+      margin-top: 1.75rem;
+      min-width: 9rem;
+      min-height: 44px;
+      padding: 0.75rem 1.75rem;
+      border: 0;
+      border-radius: 999px;
+      background: var(--text);
+      color: var(--background);
+      cursor: pointer;
+    }
+    button:active { opacity: 0.7; }
+    button:disabled { opacity: 0.5; }
+  </style>
+</head>
+<body>
+  <main>
+    <div class="app">${name}</div>
+    <h1>You're offline</h1>
+    <p>${name} could not reach the internet. Check your connection, then try again.</p>
+    <button id="retry" type="button">Retry</button>
+  </main>
+  <script>
+    (function () {
+      var button = document.getElementById('retry');
+      function retry() {
+        button.disabled = true;
+        button.textContent = 'Retrying';
+        var handler = window.webkit && window.webkit.messageHandlers && window.webkit.messageHandlers.craft;
+        if (handler) handler.postMessage({ action: 'retryRemote' });
+        else location.reload();
+        // Still here a while later means the page is still out of reach.
+        setTimeout(function () { button.disabled = false; button.textContent = 'Retry'; }, 12000);
+      }
+      button.addEventListener('click', retry);
+    })();
+  </script>
+</body>
+</html>
+`;
 }
 function syncWebAssets(source, output) {
   const sourcePath = resolve(source);
@@ -482,14 +645,15 @@ async function init(options) {
     config.enableGeolocation = true;
   writeFileSync(join(output, "craft.config.json"), JSON.stringify(config, null, 2));
   const swiftTemplate = readFileSync(join(TEMPLATES_DIR, "CraftApp.swift"), "utf-8");
-  const swiftSource = swiftTemplate.replace(/CraftApp/g, `${name}App`).replace(/\{\{BUNDLE_ID\}\}/g, finalBundleId);
+  const swiftSource = swiftTemplate.replace(/CraftApp/g, `${name}App`).replace(/\{\{BUNDLE_ID\}\}/g, finalBundleId).replace(/\{\{CRAFT_VERSION\}\}/g, CRAFT_VERSION);
   writeFileSync(join(output, "Sources", `${name}App.swift`), swiftSource);
   cpSync(join(TEMPLATES_DIR, "CraftNativeScreen.swift"), join(output, "Sources", "CraftNativeScreen.swift"));
   cpSync(join(TEMPLATES_DIR, "CraftNativeFlatList.swift"), join(output, "Sources", "CraftNativeFlatList.swift"));
   cpSync(join(TEMPLATES_DIR, "CraftNativeActions.swift"), join(output, "Sources", "CraftNativeActions.swift"));
   cpSync(join(TEMPLATES_DIR, "CraftNativeMutation.swift"), join(output, "Sources", "CraftNativeMutation.swift"));
+  cpSync(join(TEMPLATES_DIR, "CraftNativeUI.swift"), join(output, "Sources", "CraftNativeUI.swift"));
   const infoPlistTemplate = readFileSync(join(TEMPLATES_DIR, "Info.plist.template"), "utf-8");
-  const infoPlist = infoPlistTemplate.replace(/\{\{APP_NAME\}\}/g, xmlEscape(displayName)).replace(/\{\{BUNDLE_ID\}\}/g, finalBundleId).replace(/\{\{VERSION\}\}/g, config.version || "1.0.0").replace(/\{\{BUILD_NUMBER\}\}/g, config.buildNumber || "1").replace(/\{\{UI_STYLE\}\}/g, renderAppearance(config).interfaceStyle).replace(/\{\{STATUS_BAR_STYLE\}\}/g, renderAppearance(config).statusBarStyle).replace(/\{\{ORIENTATIONS\}\}/g, renderOrientations(config)).replace(/\{\{USAGE_DESCRIPTIONS\}\}/g, renderUsageDescriptions(config)).replace(/\{\{URL_TYPES\}\}/g, renderUrlTypes(config)).replace(/\{\{APP_BOUND_DOMAINS\}\}/g, renderAppBoundDomains(config)).replace(/\{\{BACKGROUND_MODES\}\}/g, renderBackgroundModes(config)).replace(/\{\{NON_EXEMPT_ENCRYPTION\}\}/g, config.usesNonExemptEncryption ? "true" : "false").replace(/\{\{LIVE_ACTIVITY_SUPPORT\}\}/g, config.enableLiveActivities ? `    <key>NSSupportsLiveActivities</key>
+  const infoPlist = infoPlistTemplate.replace(/\{\{APP_NAME\}\}/g, xmlEscape(displayName)).replace(/\{\{BUNDLE_ID\}\}/g, finalBundleId).replace(/\{\{VERSION\}\}/g, config.version || "1.0.0").replace(/\{\{BUILD_NUMBER\}\}/g, config.buildNumber || "1").replace(/\{\{UI_STYLE\}\}/g, renderAppearance(config).interfaceStyle).replace(/\{\{STATUS_BAR_STYLE\}\}/g, renderAppearance(config).statusBarStyle).replace(/\{\{ORIENTATIONS\}\}/g, renderOrientations(config)).replace(/\{\{USAGE_DESCRIPTIONS\}\}/g, renderUsageDescriptions(config)).replace(/\{\{URL_TYPES\}\}/g, renderUrlTypes(config)).replace(/\{\{APP_BOUND_DOMAINS\}\}/g, renderAppBoundDomains(config)).replace(/\{\{BACKGROUND_MODES\}\}/g, renderBackgroundModes(config)).replace(/\{\{BACKGROUND_TASK_IDENTIFIERS\}\}/g, renderBackgroundTaskIdentifiers(config)).replace(/\{\{LAUNCH_SCREEN\}\}/g, renderLaunchScreen(config)).replace(/\{\{NON_EXEMPT_ENCRYPTION\}\}/g, config.usesNonExemptEncryption ? "true" : "false").replace(/\{\{LIVE_ACTIVITY_SUPPORT\}\}/g, config.enableLiveActivities ? `    <key>NSSupportsLiveActivities</key>
     <true/>
     <key>NSSupportsLiveActivitiesFrequentUpdates</key>
     <true/>` : "");
@@ -579,45 +743,7 @@ ${nativeDependencies.join(`
     writeFileSync(join(output, "WatchExtension", "Info.plist"), watchExtensionInfo);
     writeFileSync(join(output, "WatchExtension", "Watch.entitlements"), renderWatchEntitlements(config));
   }
-  const placeholderHtml = `<!DOCTYPE html>
-<html>
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
-  <title>${xmlEscape(displayName)}</title>
-  <style>
-    * { margin: 0; padding: 0; box-sizing: border-box; }
-    body {
-      font-family: -apple-system, system-ui, sans-serif;
-      background: ${config.backgroundColor};
-      color: white;
-      min-height: 100vh;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
-    }
-    .container { text-align: center; padding: 2rem; }
-    h1 { font-size: 2.5rem; margin-bottom: 1rem; }
-    p { opacity: 0.7; }
-    .ready { color: #4ade80; font-size: 0.9rem; margin-top: 2rem; }
-  </style>
-</head>
-<body>
-  <div class="container">
-    <h1>\u26A1 ${xmlEscape(displayName)}</h1>
-    <p>Built with Craft iOS</p>
-    <p class="ready" id="status">Waiting for Craft bridge...</p>
-  </div>
-  <script>
-    window.addEventListener('craftReady', (e) => {
-      document.getElementById('status').textContent = \`\u2713 Craft bridge ready (platform: \${e.detail.platform})\`;
-      console.log('Craft capabilities:', e.detail.capabilities);
-    });
-  </script>
-</body>
-</html>`;
-  writeFileSync(join(output, "dist", "index.html"), placeholderHtml);
+  writeFileSync(join(output, "dist", "index.html"), renderOfflinePage(config));
   console.log("\u2705 Project initialized");
   console.log("");
   console.log("Next steps:");
@@ -804,11 +930,15 @@ export {
   renderRuntimeSettings,
   renderPrivacyManifest,
   renderOrientations,
+  renderOfflinePage,
+  renderLaunchScreen,
   renderEntitlements,
   renderDeviceFamilies,
+  renderBackgroundTaskIdentifiers,
   renderBackgroundModes,
   renderAppearance,
   renderAppBoundDomains,
+  readableTextOn,
   productName,
   pngHasAlpha,
   pickSimulator,
@@ -817,5 +947,8 @@ export {
   installRuntime,
   init,
   build,
-  bootSimulator
+  bootSimulator,
+  backgroundRefreshIdentifier,
+  associatedDomainEntries,
+  LAUNCH_LOGO
 };