@bacons/apple-targets 0.1.3 → 0.1.5

package/README.md

@@ -90,6 +90,29 @@ module.exports = {
 };
 ```
 
+Finally, you can return a function that accepts the Expo Config and returns a target function for syncing app groups:
+
+```js
+/** @type {import('@bacons/apple-targets').ConfigFunction} */
+module.exports = (config) => ({
+  type: "widget",
+  colors: {
+    $accent: "steelblue",
+  },
+  entitlements: {
+    // Use the same app groups:
+    "com.apple.security.application-groups":
+      config.ios.entitlements["com.apple.security.application-groups"],
+    // Or generate an app group:
+    "com.apple.security.application-groups": [
+      `group.${config.ios.bundleIdentifier}.widget`,
+    ],
+  },
+});
+```
+
+> ESM and TypeScript are not supported in the target config. Stick to `require` for sharing variables across targets.
+
 ## Colors
 
 There are certain values that are shared across targets. We use a predefined convention to map these values across targets.
@@ -278,3 +301,14 @@ You can also manually sign all sub-targets if you want, I'll light a candle for
 ## Xcode parsing
 
 This plugin makes use of my proprietary Xcode parsing library, [`@bacons/xcode`](https://github.com/evanbacon/xcode). It's mostly typed, very untested, and possibly full of bugs––however, it's still 10x nicer than the alternative.
+
+## Building Widgets
+
+I've written a blog post about building widgets with this plugin: [Expo x Apple Widgets](https://evanbacon.dev/blog/apple-home-screen-widgets).
+
+If you experience issues building widgets, it might be because React Native is shipped uncompiled which makes the build complexity much higher. This often leads to issues with the Swift compiler and SwiftUI previews.
+
+Some workarounds:
+
+- Prebuild without React Native: `npx expo prebuild --template node_modules/@bacons/apple-targets/prebuild-blank.tgz --clean`
+- If the widget doesn't show on the home screen when building the app, use iOS 18. You can long press the app icon and select the widget display options to transform the app icon into the widget.

package/build/colorset/withIosColorset.d.ts

@@ -1,4 +1,4 @@
-import { ConfigPlugin } from "@expo/config-plugins";
+import { ConfigPlugin } from "expo/config-plugins";
 export declare const withIosColorset: ConfigPlugin<{
     cwd: string;
     name: string;

package/build/colorset/withIosColorset.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.setColorAsync = exports.withIosColorset = void 0;
-const config_plugins_1 = require("@expo/config-plugins");
+const config_plugins_1 = require("expo/config-plugins");
 const node_fs_1 = __importDefault(require("node:fs"));
 const node_path_1 = __importDefault(require("node:path"));
 const customColorFromCSS_1 = require("./customColorFromCSS");

package/build/config.d.ts

@@ -109,3 +109,4 @@ export type Config = {
     /** Should the release build export the JS bundle and embed. Intended for App Clips and Share Extensions where you may want to use React Native. */
     exportJs?: boolean;
 };
+export type ConfigFunction = (config: import("expo/config").ExpoConfig) => Config;

package/build/index.d.ts

@@ -1,8 +1,8 @@
 import { ConfigPlugin } from "@expo/config-plugins";
-import type { Config } from "./config";
+import type { Config, ConfigFunction } from "./config";
 export declare const withTargetsDir: ConfigPlugin<{
     appleTeamId?: string;
     match?: string;
     root?: string;
 } | void>;
-export { Config };
+export { Config, ConfigFunction };

package/build/index.js

@@ -22,9 +22,21 @@ const withTargetsDir = (config, _props) => {
         absolute: true,
     });
     targets.forEach((configPath) => {
+        const targetConfig = require(configPath);
+        let evaluatedTargetConfigObject = targetConfig;
+        // If it's a function, evaluate it
+        if (typeof targetConfig === "function") {
+            evaluatedTargetConfigObject = targetConfig(config);
+            if (typeof evaluatedTargetConfigObject !== "object") {
+                throw new Error(`Expected target config function to return an object, but got ${typeof evaluatedTargetConfigObject}`);
+            }
+        }
+        else if (typeof targetConfig !== "object") {
+            throw new Error(`Expected target config to be an object or function that returns an object, but got ${typeof targetConfig}`);
+        }
         config = (0, withWidget_1.default)(config, {
             appleTeamId,
-            ...require(configPath),
+            ...evaluatedTargetConfigObject,
             directory: path_1.default.relative(projectRoot, path_1.default.dirname(configPath)),
             configPath,
         });

package/build/withXcodeChanges.js

@@ -821,18 +821,16 @@ async function applyXcodeChanges(config, project, props) {
     extensionTarget.getSourcesBuildPhase();
     extensionTarget.getResourcesBuildPhase();
     configureJsExport(extensionTarget);
-    const containerItemProxy = xcode_1.PBXContainerItemProxy.create(project, {
-        containerPortal: project.rootObject,
-        proxyType: 1,
-        remoteGlobalIDString: extensionTarget.uuid,
-        remoteInfo: productName,
-    });
-    const targetDependency = xcode_1.PBXTargetDependency.create(project, {
-        target: extensionTarget,
-        targetProxy: containerItemProxy,
-    });
     // Add the target dependency to the main app, should be only one.
-    mainAppTarget.props.dependencies.push(targetDependency);
+    mainAppTarget.props.dependencies.push(xcode_1.PBXTargetDependency.create(project, {
+        target: extensionTarget,
+        targetProxy: xcode_1.PBXContainerItemProxy.create(project, {
+            containerPortal: project.rootObject,
+            proxyType: 1,
+            remoteGlobalIDString: extensionTarget.uuid,
+            remoteInfo: productName,
+        }),
+    }));
     const WELL_KNOWN_COPY_EXTENSIONS_NAME = (() => {
         switch (props.type) {
             case "clip":

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bacons/apple-targets",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "description": "Generate Apple Targets with Expo Prebuild",
   "main": "build/index.js",
   "files": [