react-native-ios-widget 0.0.3

package/plugin/src/withPodfile.ts

@@ -0,0 +1,73 @@
+import { mergeContents } from "@expo/config-plugins/build/utils/generateCode";
+import { ConfigPlugin, withDangerousMod } from "expo/config-plugins";
+import * as fs from "fs";
+import * as path from "path";
+
+export const withPodfile: ConfigPlugin<{
+  targetName: string;
+  pods?: string[];
+}> = (config, { targetName, pods = [] }) => {
+  return withDangerousMod(config, [
+    "ios",
+    (config) => {
+      const podFilePath = path.join(
+        config.modRequest.platformProjectRoot,
+        "Podfile"
+      );
+      let podFileContent = fs.readFileSync(podFilePath).toString();
+
+      /* podFileContent = mergeContents({
+        tag: "withWidgetExtensionPodfile1999999999",
+        src: podFileContent,
+        newSrc: `  target '${targetName}' do\n    \n  end`,
+        anchor: /post_install/,
+        offset: 0,
+        comment: "#",
+      }).contents; */
+
+      /* podFileContent = podFileContent.replace(
+        /use_expo_modules!/,
+        `use_expo_modules!(searchPaths: ["./node_modules", "../../node_modules", "../../../WidgetExtension"])`
+      ); */
+
+      podFileContent = mergeContents({
+        tag: "react-native-widget-extension-1",
+        src: podFileContent,
+        newSrc: `installer.pods_project.targets.each do |target|
+          target.build_configurations.each do |config|
+            config.build_settings['APPLICATION_EXTENSION_API_ONLY'] = 'No'
+          end
+        end`,
+        anchor:
+          /installer.target_installation_results.pod_target_installation_results/,
+        offset: 0,
+        comment: "#",
+      }).contents;
+
+      /* podFileContent = mergeContents({
+        tag: "react-native-widget-extension-2",
+        src: podFileContent,
+        newSrc: `pod 'WidgetExtension', :path => '../WidgetExtension/ios'`,
+        anchor: /use_react_native/,
+        offset: -1,
+        comment: "#",
+      }).contents; */
+
+      podFileContent = podFileContent
+        .concat(`\n\n# >>> Inserted by react-native-widget-extension\n`)
+        .concat(
+          `target '${targetName}' do
+            use_frameworks! :linkage => podfile_properties['ios.useFrameworks'].to_sym if podfile_properties['ios.useFrameworks']
+            use_frameworks! :linkage => ENV['USE_FRAMEWORKS'].to_sym if ENV['USE_FRAMEWORKS']
+
+            ${pods.map((pod) => `pod '${pod}'`).join("\n")}
+          end`
+        )
+        .concat(`\n# >>> Inserted by react-native-widget-extension`);
+
+      fs.writeFileSync(podFilePath, podFileContent);
+
+      return config;
+    },
+  ]);
+};

package/plugin/src/withWidgetExtensionEntitlements.ts

@@ -0,0 +1,30 @@
+import plist from "@expo/plist";
+import { ConfigPlugin, withInfoPlist } from "expo/config-plugins";
+import * as fs from "fs";
+import * as path from "path";
+
+import { getWidgetExtensionEntitlements } from "./lib/getWidgetExtensionEntitlements";
+
+export const withWidgetExtensionEntitlements: ConfigPlugin<{
+  targetName: string;
+  targetPath: string;
+  groupIdentifier: string;
+  appleSignin: boolean;
+}> = (config, { targetName, groupIdentifier }) => {
+  return withInfoPlist(config, (config) => {
+    const targetPath = path.join(
+      config.modRequest.platformProjectRoot,
+      targetName
+    );
+    const filePath = path.join(targetPath, `${targetName}.entitlements`);
+
+    const appClipEntitlements = getWidgetExtensionEntitlements(config.ios, {
+      groupIdentifier,
+    });
+
+    fs.mkdirSync(path.dirname(filePath), { recursive: true });
+    fs.writeFileSync(filePath, plist.build(appClipEntitlements));
+
+    return config;
+  });
+};

package/plugin/src/withXcode.ts

@@ -0,0 +1,73 @@
+import { ConfigPlugin, withXcodeProject } from "expo/config-plugins";
+import * as path from "path";
+
+import { addXCConfigurationList } from "./xcode/addXCConfigurationList";
+import { addProductFile } from "./xcode/addProductFile";
+import { addToPbxNativeTargetSection } from "./xcode/addToPbxNativeTargetSection";
+import { addToPbxProjectSection } from "./xcode/addToPbxProjectSection";
+import { addTargetDependency } from "./xcode/addTargetDependency";
+import { addPbxGroup } from "./xcode/addPbxGroup";
+import { addBuildPhases } from "./xcode/addBuildPhases";
+import { getWidgetFiles } from "./lib/getWidgetFiles";
+
+export const withXcode: ConfigPlugin<{
+  targetName: string;
+  bundleIdentifier: string;
+  deploymentTarget: string;
+  widgetsFolder: string;
+}> = (
+  config,
+  { targetName, bundleIdentifier, deploymentTarget, widgetsFolder }
+) => {
+  return withXcodeProject(config, (config) => {
+    const xcodeProject = config.modResults;
+    const widgetsPath = path.join(config.modRequest.projectRoot, widgetsFolder);
+
+    const targetUuid = xcodeProject.generateUuid();
+    const groupName = "Embed Foundation Extensions";
+    const { platformProjectRoot } = config.modRequest;
+    const marketingVersion = config.version;
+
+    const targetPath = path.join(platformProjectRoot, targetName);
+
+    const widgetFiles = getWidgetFiles(widgetsPath, targetPath);
+
+    const xCConfigurationList = addXCConfigurationList(xcodeProject, {
+      targetName,
+      currentProjectVersion: config.ios!.buildNumber || "1",
+      bundleIdentifier,
+      deploymentTarget,
+      marketingVersion,
+    });
+
+    const productFile = addProductFile(xcodeProject, {
+      targetName,
+      groupName,
+    });
+
+    const target = addToPbxNativeTargetSection(xcodeProject, {
+      targetName,
+      targetUuid,
+      productFile,
+      xCConfigurationList,
+    });
+
+    addToPbxProjectSection(xcodeProject, target);
+
+    addTargetDependency(xcodeProject, target);
+
+    addBuildPhases(xcodeProject, {
+      targetUuid,
+      groupName,
+      productFile,
+      widgetFiles,
+    });
+
+    addPbxGroup(xcodeProject, {
+      targetName,
+      widgetFiles,
+    });
+
+    return config;
+  });
+};

package/plugin/src/xcode/addBuildPhases.ts

@@ -0,0 +1,83 @@
+import { XcodeProject } from "expo/config-plugins";
+import * as util from "util";
+
+import { WidgetFiles } from "../lib/getWidgetFiles";
+
+export function addBuildPhases(
+  xcodeProject: XcodeProject,
+  {
+    targetUuid,
+    groupName,
+    productFile,
+    widgetFiles,
+  }: {
+    targetUuid: string;
+    groupName: string;
+    productFile: {
+      uuid: string;
+      target: string;
+      basename: string;
+      group: string;
+    };
+    widgetFiles: WidgetFiles;
+  }
+) {
+  const buildPath = `""`;
+  const folderType = "app_extension";
+
+  const {
+    swiftFiles,
+    assetDirectories,
+    entitlementFiles,
+    plistFiles,
+    fontFiles,
+  } = widgetFiles;
+
+  // Sources build phase
+  xcodeProject.addBuildPhase(
+    [...swiftFiles],
+    "PBXSourcesBuildPhase",
+    groupName,
+    targetUuid,
+    folderType,
+    buildPath
+  );
+
+  // Copy files build phase
+  xcodeProject.addBuildPhase(
+    [],
+    "PBXCopyFilesBuildPhase",
+    groupName,
+    xcodeProject.getFirstTarget().uuid,
+    folderType,
+    buildPath
+  );
+
+  xcodeProject
+    .buildPhaseObject("PBXCopyFilesBuildPhase", groupName, productFile.target)
+    .files.push({
+      value: productFile.uuid,
+      comment: util.format("%s in %s", productFile.basename, productFile.group), // longComment(file);
+    });
+  xcodeProject.addToPbxBuildFileSection(productFile);
+
+  // Frameworks build phase
+  xcodeProject.addBuildPhase(
+    [],
+    "PBXFrameworksBuildPhase",
+    groupName,
+    targetUuid,
+    folderType,
+    buildPath
+  );
+
+  // Resources build phase
+  xcodeProject.addBuildPhase(
+    [...assetDirectories, ...fontFiles],
+    "PBXResourcesBuildPhase",
+    groupName,
+    targetUuid,
+    folderType,
+    buildPath
+  );
+}

package/plugin/src/xcode/addPbxGroup.ts

@@ -0,0 +1,46 @@
+import { XcodeProject } from "expo/config-plugins";
+
+import { WidgetFiles } from "../lib/getWidgetFiles";
+
+export function addPbxGroup(
+  xcodeProject: XcodeProject,
+  {
+    targetName,
+    widgetFiles,
+  }: {
+    targetName: string;
+    widgetFiles: WidgetFiles;
+  }
+) {
+  const {
+    swiftFiles,
+    assetDirectories,
+    entitlementFiles,
+    plistFiles,
+    fontFiles,
+  } = widgetFiles;
+
+  // Add PBX group
+  const { uuid: pbxGroupUuid } = xcodeProject.addPbxGroup(
+    [
+      ...swiftFiles,
+      ...entitlementFiles,
+      ...plistFiles,
+      ...fontFiles,
+      ...assetDirectories,
+      `${targetName}.entitlements`,
+    ],
+    targetName,
+    targetName
+  );
+
+  // Add PBXGroup to top level group
+  const groups = xcodeProject.hash.project.objects["PBXGroup"];
+  if (pbxGroupUuid) {
+    Object.keys(groups).forEach(function (key) {
+      if (groups[key].name === undefined && groups[key].path === undefined) {
+        xcodeProject.addToPbxGroup(pbxGroupUuid, key);
+      }
+    });
+  }
+}

package/plugin/src/xcode/addProductFile.ts

@@ -0,0 +1,25 @@
+import { XcodeProject } from "expo/config-plugins";
+
+export function addProductFile(
+  xcodeProject: XcodeProject,
+  { targetName, groupName }: { targetName: string; groupName: string }
+) {
+  const options = {
+    basename: `${targetName}.appex`,
+    // fileRef: xcodeProject.generateUuid(),
+    // uuid: xcodeProject.generateUuid(),
+    group: groupName,
+    explicitFileType: "wrapper.app-extension",
+    /* fileEncoding: 4, */
+    settings: {
+      ATTRIBUTES: ["RemoveHeadersOnCopy"],
+    },
+    includeInIndex: 0,
+    path: `${targetName}.appex`,
+    sourceTree: "BUILT_PRODUCTS_DIR",
+  };
+
+  const productFile = xcodeProject.addProductFile(targetName, options);
+
+  return productFile;
+}

package/plugin/src/xcode/addTargetDependency.ts

@@ -0,0 +1,17 @@
+import { XcodeProject } from "expo/config-plugins";
+
+export function addTargetDependency(
+  xcodeProject: XcodeProject,
+  target: { uuid: string }
+) {
+  if (!xcodeProject.hash.project.objects["PBXTargetDependency"]) {
+    xcodeProject.hash.project.objects["PBXTargetDependency"] = {};
+  }
+  if (!xcodeProject.hash.project.objects["PBXContainerItemProxy"]) {
+    xcodeProject.hash.project.objects["PBXContainerItemProxy"] = {};
+  }
+
+  xcodeProject.addTargetDependency(xcodeProject.getFirstTarget().uuid, [
+    target.uuid,
+  ]);
+}

package/plugin/src/xcode/addToPbxNativeTargetSection.ts

@@ -0,0 +1,46 @@
+import { XcodeProject } from "expo/config-plugins";
+
+export function addToPbxNativeTargetSection(
+  xcodeProject: XcodeProject,
+  {
+    targetName,
+    targetUuid,
+    productFile,
+    xCConfigurationList,
+  }: {
+    targetName: string;
+    targetUuid: string;
+    productFile: { fileRef: string };
+    xCConfigurationList: { uuid: string };
+  }
+) {
+  const target = {
+    uuid: targetUuid,
+    pbxNativeTarget: {
+      isa: "PBXNativeTarget",
+      name: targetName,
+      productName: targetName,
+      productReference: productFile.fileRef,
+      productType: `"com.apple.product-type.app-extension"`,
+      buildConfigurationList: xCConfigurationList.uuid,
+      buildPhases: [],
+      buildRules: [],
+      dependencies: [],
+    },
+  };
+
+  xcodeProject.addToPbxNativeTargetSection(target);
+
+  const frameworksGroup = xcodeProject.findPBXGroupKey({ name: "Frameworks" });
+  const file1 = xcodeProject.addFile("WidgetKit.framework", frameworksGroup);
+  const file2 = xcodeProject.addFile("SwiftUI.framework", frameworksGroup);
+  const frameworksBuildPhaseObj = xcodeProject.pbxFrameworksBuildPhaseObj(
+    target.uuid
+  );
+  /* console.log(
+    { file1, file2, frameworksBuildPhaseObj },
+    frameworksBuildPhaseObj.files
+  ); */
+
+  return target;
+}

package/plugin/src/xcode/addToPbxProjectSection.ts

@@ -0,0 +1,23 @@
+import { XcodeProject } from "expo/config-plugins";
+
+export function addToPbxProjectSection(
+  xcodeProject: XcodeProject,
+  target: { uuid: string }
+) {
+  xcodeProject.addToPbxProjectSection(target);
+
+  // Add target attributes to project section
+  if (
+    !xcodeProject.pbxProjectSection()[xcodeProject.getFirstProject().uuid]
+      .attributes.TargetAttributes
+  ) {
+    xcodeProject.pbxProjectSection()[
+      xcodeProject.getFirstProject().uuid
+    ].attributes.TargetAttributes = {};
+  }
+  xcodeProject.pbxProjectSection()[
+    xcodeProject.getFirstProject().uuid
+  ].attributes.TargetAttributes[target.uuid] = {
+    LastSwiftMigration: 1250,
+  };
+}

package/plugin/src/xcode/addXCConfigurationList.ts

@@ -0,0 +1,83 @@
+import { XcodeProject } from "expo/config-plugins";
+
+export function addXCConfigurationList(
+  xcodeProject: XcodeProject,
+  {
+    targetName,
+    currentProjectVersion,
+    bundleIdentifier,
+    deploymentTarget,
+    marketingVersion,
+  }: {
+    targetName: string;
+    currentProjectVersion: string;
+    bundleIdentifier: string;
+    deploymentTarget: string;
+    marketingVersion?: string;
+  }
+) {
+  const commonBuildSettings: any = {
+    /* ASSETCATALOG_COMPILER_GLOBAL_ACCENT_COLOR_NAME = AccentColor;
+				ASSETCATALOG_COMPILER_WIDGET_BACKGROUND_COLOR_NAME = WidgetBackground;
+				CLANG_ANALYZER_NONNULL = YES;
+				CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE;
+				CLANG_CXX_LANGUAGE_STANDARD = "gnu++20";
+				CLANG_ENABLE_OBJC_WEAK = YES;
+				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
+				CLANG_WARN_QUOTED_INCLUDE_IN_FRAMEWORK_HEADER = YES;
+				CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE;
+				CODE_SIGN_STYLE = Automatic;
+				DEBUG_INFORMATION_FORMAT = dwarf;
+				DEVELOPMENT_TEAM = G76836P2D4;
+				GCC_C_LANGUAGE_STANDARD = gnu11;
+
+				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @executable_path/../../Frameworks";
+				MARKETING_VERSION = 1.0;
+				MTL_ENABLE_DEBUG_INFO = INCLUDE_SOURCE;
+				MTL_FAST_MATH = YES;
+				SKIP_INSTALL = YES;
+				SWIFT_ACTIVE_COMPILATION_CONDITIONS = DEBUG;
+				SWIFT_EMIT_LOC_STRINGS = YES;
+				SWIFT_OPTIMIZATION_LEVEL = "-Onone"; */
+
+    PRODUCT_NAME: `"$(TARGET_NAME)"`,
+    SWIFT_VERSION: "5.0",
+    TARGETED_DEVICE_FAMILY: `"1,2"`,
+    INFOPLIST_FILE: `${targetName}/Info.plist`,
+    CURRENT_PROJECT_VERSION: `"${currentProjectVersion}"`,
+    IPHONEOS_DEPLOYMENT_TARGET: `"${deploymentTarget}"`,
+    PRODUCT_BUNDLE_IDENTIFIER: `"${bundleIdentifier}"`,
+    GENERATE_INFOPLIST_FILE: `"YES"`,
+    INFOPLIST_KEY_CFBundleDisplayName: targetName,
+    INFOPLIST_KEY_NSHumanReadableCopyright: `""`,
+    MARKETING_VERSION: `"${marketingVersion}"`,
+    SWIFT_OPTIMIZATION_LEVEL: `"-Onone"`,
+    CODE_SIGN_ENTITLEMENTS: "WidgetsExtension/WidgetsExtension.entitlements",
+    // DEVELOPMENT_TEAM: `"G76836P2D4"`,
+  };
+
+  const buildConfigurationsList = [
+    {
+      name: "Debug",
+      isa: "XCBuildConfiguration",
+      buildSettings: {
+        ...commonBuildSettings,
+      },
+    },
+    {
+      name: "Release",
+      isa: "XCBuildConfiguration",
+      buildSettings: {
+        ...commonBuildSettings,
+      },
+    },
+  ];
+
+  const xCConfigurationList = xcodeProject.addXCConfigurationList(
+    buildConfigurationsList,
+    "Release",
+    `Build configuration list for PBXNativeTarget "${targetName}"`
+  );
+
+  return xCConfigurationList;
+}

package/plugin/tsconfig.json

@@ -0,0 +1,16 @@
+{
+  "compilerOptions": {
+    "outDir": "build",
+    "lib": ["ES2020"],
+    "module": "CommonJS",
+    "target": "ES2020",
+    "declaration": true,
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "moduleResolution": "node"
+  },
+  "include": ["src"],
+  "exclude": ["**/__mocks__/*", "**/__tests__/*", "**/__stories__/*"]
+}

package/src/ReactNativeWidgetExtensionModule.ts

@@ -0,0 +1,5 @@
+import { requireNativeModule } from "expo-modules-core";
+
+// It loads the native module object from the JSI or falls back to
+// the bridge module (from NativeModulesProxy) if the remote debugger is on.
+export default requireNativeModule("ReactNativeWidgetExtension");

package/src/Widget.ts

@@ -0,0 +1,25 @@
+import { Platform } from "react-native";
+import { requireNativeModule } from "expo-modules-core";
+
+const ExpoWidget =
+  Platform.OS === "ios"
+    ? requireNativeModule("ReactNativeWidgetExtension")
+    : undefined;
+
+const checkWidgetSupport = () => {
+  if (Platform.OS === "ios") {
+    return parseInt(Platform.Version, 10) >= 14;
+  }
+
+  return false;
+};
+
+const supportWidgets = checkWidgetSupport();
+
+export const reloadAllTimelines = async () => {
+  if (!supportWidgets || !ExpoWidget) {
+    return;
+  }
+
+  await ExpoWidget.reloadAllTimelines();
+};

package/tsconfig.json

@@ -0,0 +1,10 @@
+// @generated by expo-module-scripts
+{
+  "extends": "expo-module-scripts/tsconfig.base",
+  "compilerOptions": {
+    "types": [],
+    "outDir": "./build"
+  },
+  "include": ["./src"],
+  "exclude": ["**/__mocks__/*", "**/__tests__/*", "**/__stories__/*"]
+}