@thealteroffice/react-native-adgeist 0.0.19 → 0.0.22

package/plugin/build/android/withRNAdgeistMainApplication.js

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.withRNAdgeistMainApplication = void 0;
+exports.ktFileUpdater = ktFileUpdater;
+const config_plugins_1 = require("@expo/config-plugins");
+const generateCode_1 = require("@expo/config-plugins/build/utils/generateCode");
+const withRNAdgeistMainApplication = (config) => {
+    return (0, config_plugins_1.withAppBuildGradle)((0, config_plugins_1.withMainApplication)(config, readMainApplicationFileAndUpdateContents), readBuildGradleFileAndUpdateContents);
+};
+exports.withRNAdgeistMainApplication = withRNAdgeistMainApplication;
+// 1. MainActivity Modifications
+async function readMainApplicationFileAndUpdateContents(config) {
+    const { modResults: mainApplicationFile } = config;
+    const worker = getCompatibleFileUpdater(mainApplicationFile.language);
+    mainApplicationFile.contents = worker(mainApplicationFile.contents);
+    return config;
+}
+function readBuildGradleFileAndUpdateContents(config) {
+    const { modResults } = config;
+    if (!modResults.contents.includes('implementation "ai.adgeist:adgeistkit:')) {
+        modResults.contents = modResults.contents.replace(/dependencies\s*{/, `dependencies {
+        implementation "ai.adgeist:adgeistkit:0.0.1" // AdgeistKit Dependency`);
+    }
+    return config;
+}
+function getCompatibleFileUpdater(language) {
+    switch (language) {
+        case 'kt':
+            return ktFileUpdater;
+        default:
+            throw new Error(`Cannot add React Native Orientation Director code to MainActivity of language "${language}"`);
+    }
+}
+function ktFileUpdater(originalContents) {
+    // Safer anchor detection
+    const anchors = [
+        /super\.onCreate\(/,
+        /@Override\s+fun onCreate\(/,
+        /class \w+ : ReactActivity/,
+    ].find((anchor) => anchor.test(originalContents));
+    if (!anchors) {
+        throw new Error('Could not find suitable insertion point in MainActivity');
+    }
+    const packageImportCodeBlock = 'import com.adgeist.AdgeistPackage';
+    const rightBeforeClassDeclaration = /import com.facebook.react.ReactPackage/;
+    const importMergeResults = (0, generateCode_1.mergeContents)({
+        tag: '@react-native-adgeist/package-import',
+        src: originalContents,
+        newSrc: packageImportCodeBlock,
+        anchor: rightBeforeClassDeclaration,
+        offset: 0,
+        comment: '// React Native Adgeist',
+    });
+    const onConfigurationChangedCodeBlock = `packages.add(AdgeistPackage())`;
+    const rightBeforeOnReturnStatement = /return packages/;
+    const implementationMergeResults = (0, generateCode_1.mergeContents)({
+        tag: '@react-native-adgeist/package-initialization',
+        src: importMergeResults.contents,
+        newSrc: onConfigurationChangedCodeBlock,
+        anchor: rightBeforeOnReturnStatement,
+        offset: 0,
+        comment: '// Package Initialization',
+    });
+    return implementationMergeResults.contents;
+}

package/plugin/build/index.d.ts

@@ -0,0 +1,3 @@
+import { type ConfigPlugin } from '@expo/config-plugins';
+declare const _default: ConfigPlugin<void>;
+export default _default;

package/plugin/build/index.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const config_plugins_1 = require("@expo/config-plugins");
+const withRNAdgeistMainApplication_1 = require("./android/withRNAdgeistMainApplication");
+const withRNAdgeistAppDelegate_1 = require("./ios/withRNAdgeistAppDelegate");
+/**
+ * So, expo config plugin are awesome and the documentation is well written, but I still needed to look around to see
+ * how other projects actually modify the AppDelegate. I've found react-native-firebase to implement a plugin config
+ * that changes the AppDelegate, so I'll leave their link as reference:
+ * https://github.com/invertase/react-native-firebase/blob/main/packages/app/plugin/src/ios/appDelegate.ts
+ *
+ * Kudos to them, because this stuff is hard!
+ *
+ * @param config
+ */
+const withRNAdgeist = (config) => {
+    return (0, config_plugins_1.withPlugins)(config, [
+        //Android
+        withRNAdgeistMainApplication_1.withRNAdgeistMainApplication,
+        //iOS
+        withRNAdgeistAppDelegate_1.withRNAdgeistAppDelegate,
+    ]);
+};
+const pak = require('@thealteroffice/react-native-adgeist/package.json');
+exports.default = (0, config_plugins_1.createRunOncePlugin)(withRNAdgeist, pak.name, pak.version);

package/plugin/build/ios/withRNAdgeistAppDelegate.d.ts

@@ -0,0 +1,4 @@
+import { type ConfigPlugin } from '@expo/config-plugins';
+export declare const withRNAdgeistAppDelegate: ConfigPlugin;
+export declare function swiftFileUpdater(originalContents: string): string;
+export declare function objCFileUpdater(originalContents: string): string;

package/plugin/build/ios/withRNAdgeistAppDelegate.js

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.withRNAdgeistAppDelegate = void 0;
+exports.swiftFileUpdater = swiftFileUpdater;
+exports.objCFileUpdater = objCFileUpdater;
+const config_plugins_1 = require("@expo/config-plugins");
+const generateCode_1 = require("@expo/config-plugins/build/utils/generateCode");
+const withRNAdgeistAppDelegate = (config) => {
+    return (0, config_plugins_1.withAppDelegate)(config, readAppDelegateFileAndUpdateContents);
+};
+exports.withRNAdgeistAppDelegate = withRNAdgeistAppDelegate;
+async function readAppDelegateFileAndUpdateContents(config) {
+    const { modResults: appDelegateFile } = config;
+    const worker = getCompatibleFileUpdater(appDelegateFile.language);
+    appDelegateFile.contents = worker(appDelegateFile.contents);
+    return config;
+}
+function getCompatibleFileUpdater(language) {
+    switch (language) {
+        case 'objc':
+        case 'objcpp': {
+            return objCFileUpdater;
+        }
+        case 'swift':
+            return swiftFileUpdater;
+        default:
+            throw new Error(`Cannot add React Native Adgeist code to AppDelegate of language "${language}"`);
+    }
+}
+function swiftFileUpdater(originalContents) {
+    const wantsToAddAnyCodeBlock = ``;
+    const rightBeforeLastClosingBrace = /didFinishLaunchingWithOptions:\s*launchOptions\)/g;
+    const pasteInTheListJustAfterTheClosingBracket = 2;
+    const results = (0, generateCode_1.mergeContents)({
+        tag: '@react-native-adgeist/implementation',
+        src: originalContents,
+        newSrc: wantsToAddAnyCodeBlock,
+        anchor: rightBeforeLastClosingBrace,
+        offset: pasteInTheListJustAfterTheClosingBracket,
+        comment: '// React Native Ageist',
+    });
+    return results.contents;
+}
+function objCFileUpdater(originalContents) {
+    const libraryHeaderImportCodeBlock = '#import "Adgeist.h"\n';
+    const rightBeforeAppDelegateImplementation = /@implementation\s+\w+/g;
+    const headerImportMergeResults = (0, generateCode_1.mergeContents)({
+        tag: '@react-native-adgeist/library-header-import',
+        src: originalContents,
+        newSrc: libraryHeaderImportCodeBlock,
+        anchor: rightBeforeAppDelegateImplementation,
+        offset: 0,
+        comment: '// React Native Ageist',
+    });
+    const wantsToAddAnyCodeBlock = ``;
+    const rightBeforeLastClosingEnd = /@end[^@]*$/g;
+    const implementationMergeResults = (0, generateCode_1.mergeContents)({
+        tag: '@react-native-adgeist/implementation',
+        src: headerImportMergeResults.contents,
+        newSrc: wantsToAddAnyCodeBlock,
+        anchor: rightBeforeLastClosingEnd,
+        offset: 0,
+        comment: '// React Native Ageist',
+    });
+    return implementationMergeResults.contents;
+}

package/react-native.config.js

@@ -5,7 +5,7 @@ module.exports = {
   dependency: {
     platforms: {
       android: {
-        cmakeListsPath: 'build/generated/source/codegen/jni/CMakeLists.txt',
+        cmakeListsPath: 'generated/jni/CMakeLists.txt',
       },
     },
   },

package/src/cdpclient/index.ts

@@ -1,4 +1,4 @@
-import Adgeist, { type UserDetails, type Event } from '../NativeAdgeist';
+import Adgeist, { type UserDetails, type Event } from '../specs/NativeAdgeist';
 
 class AdgeistError extends Error {
   code?: string;
@@ -11,11 +11,6 @@ class AdgeistError extends Error {
   }
 }
 
-/**
- * Sets user details in the Adgeist SDK
- * @param userDetails - User details object
- * @throws AdgeistError if the operation fails
- */
 export const setUserDetails = (userDetails: UserDetails): void => {
   try {
     Adgeist.setUserDetails(userDetails);
@@ -26,11 +21,6 @@ export const setUserDetails = (userDetails: UserDetails): void => {
   }
 };
 
-/**
- * Logs an event in the Adgeist SDK
- * @param event - Event object to log
- * @throws AdgeistError if the event is invalid or logging fails
- */
 export const logEvent = (event: Event): void => {
   if (!event || typeof event !== 'object') {
     throw new AdgeistError('Event must be a valid object');
@@ -44,11 +34,6 @@ export const logEvent = (event: Event): void => {
   }
 };
 
-/**
- * Retrieves the consent status from the Adgeist SDK
- * @returns Promise resolving to 'ACCEPTED' or 'DENIED'
- * @throws AdgeistError if the operation fails
- */
 export const getConsentStatus = async (): Promise<'ACCEPTED' | 'DENIED'> => {
   try {
     const status = await Adgeist.getConsentStatus();
@@ -62,11 +47,6 @@ export const getConsentStatus = async (): Promise<'ACCEPTED' | 'DENIED'> => {
   }
 };
 
-/**
- * Updates the consent status in the Adgeist SDK
- * @param consent - Boolean indicating user consent
- * @throws AdgeistError if the operation fails
- */
 export const updateConsentStatus = (consent: boolean): void => {
   try {
     Adgeist.updateConsentStatus(consent);

package/src/components/HTML5AdView.tsx

@@ -0,0 +1,161 @@
+import {
+  useRef,
+  useCallback,
+  useImperativeHandle,
+  forwardRef,
+  useEffect,
+  useState,
+  useMemo,
+} from 'react';
+import type { ViewStyle, DimensionValue } from 'react-native';
+
+import { useAdgeistContext } from '../providers/AdgeistProvider';
+import HTML5AdNativeComponent, {
+  Commands,
+} from '../specs/HTML5AdNativeComponent';
+import type {
+  HTML5AdNativeComponentProps,
+  HTML5AdRequest,
+  HTML5AdViewRef,
+} from '../types/HTML5AdNativeComponentProps';
+import { AdSizes } from '../constants';
+
+export const HTML5AdView = forwardRef<
+  HTML5AdViewRef,
+  HTML5AdNativeComponentProps & HTML5AdRequest
+>(
+  (
+    {
+      adUnitID,
+      adIsResponsive,
+      adSize,
+      adType,
+      onAdLoaded,
+      onAdFailedToLoad,
+      onAdOpened,
+      onAdClosed,
+      onAdClicked,
+    },
+    ref
+  ) => {
+    const { isTestEnvironment } = useAdgeistContext();
+
+    const nativeRef = useRef<any>(null);
+    const [isViewReady, setIsViewReady] = useState(false);
+    const pendingLoadRef = useRef<HTML5AdRequest | null>(null);
+
+    const dimensions = useMemo<{
+      width: DimensionValue;
+      height: DimensionValue;
+    }>(() => {
+      const width: DimensionValue = adSize?.width ?? '100%';
+      const height: DimensionValue = adSize?.height ?? '100%';
+      return { width, height };
+    }, [adSize?.width, adSize?.height]);
+
+    const containerStyle = useMemo<ViewStyle>(
+      () => ({
+        width: dimensions.width,
+        height: dimensions.height,
+      }),
+      [dimensions]
+    );
+
+    const loadAdInternal = useCallback(
+      (request: HTML5AdRequest = { isTestMode: isTestEnvironment }) => {
+        if (!nativeRef.current) {
+          console.warn('HTML5AdView: Cannot load ad, native view not ready');
+          return;
+        }
+
+        const finalRequest = {
+          ...request,
+          isTestMode: request.isTestMode ?? isTestEnvironment,
+        };
+
+        try {
+          Commands.loadAd(nativeRef.current, finalRequest.isTestMode);
+        } catch (error) {
+          if (__DEV__) {
+            console.warn('HTML5AdView: Error loading ad:', error);
+          }
+        }
+      },
+      [isTestEnvironment]
+    );
+
+    const handleNativeRef = useCallback((ref: any) => {
+      nativeRef.current = ref;
+
+      if (ref) {
+        // Mark as ready in the next animation frame (ensures layout pass completed)
+        requestAnimationFrame(() => {
+          setIsViewReady(true);
+        });
+      } else {
+        setIsViewReady(false);
+      }
+    }, []);
+
+    useEffect(() => {
+      if (isViewReady && adUnitID) {
+        const request: HTML5AdRequest = { isTestMode: isTestEnvironment };
+        if (pendingLoadRef.current) {
+          loadAdInternal(pendingLoadRef.current);
+          pendingLoadRef.current = null;
+        } else {
+          loadAdInternal(request);
+        }
+      }
+    }, [isViewReady, adUnitID, isTestEnvironment, loadAdInternal]);
+
+    useImperativeHandle(
+      ref,
+      () => ({
+        loadAd: (adRequest?: HTML5AdRequest) => {
+          const request = adRequest || { isTestMode: isTestEnvironment };
+
+          if (isViewReady && nativeRef.current) {
+            loadAdInternal(request);
+          } else {
+            pendingLoadRef.current = request;
+          }
+        },
+        destroy: () => {
+          if (nativeRef.current) {
+            try {
+              Commands.destroy(nativeRef.current);
+            } catch (e) {
+              console.warn('Error destroying ad view:', e);
+            }
+          }
+        },
+      }),
+      [isViewReady, isTestEnvironment, loadAdInternal]
+    );
+
+    if (__DEV__) {
+      console.log('[HTML5AdView]', { adUnitID, adSize, adType, isViewReady });
+    }
+
+    return (
+      <HTML5AdNativeComponent
+        ref={handleNativeRef}
+        style={containerStyle}
+        // Required Props, it will take values from React Component props
+        adUnitID={adUnitID}
+        adSize={adIsResponsive ? AdSizes.Responsive : adSize}
+        adIsResponsive={adIsResponsive}
+        adType={adType}
+        // Required Event Callbacks
+        onAdLoaded={onAdLoaded}
+        onAdFailedToLoad={onAdFailedToLoad}
+        onAdOpened={onAdOpened}
+        onAdClosed={onAdClosed}
+        onAdClicked={onAdClicked}
+      />
+    );
+  }
+);
+
+HTML5AdView.displayName = 'HTML5AdView';