@upeex/ads-sdk 0.1.0 → 0.1.2

package/dist/AdBanner.d.ts

@@ -1,4 +1,9 @@
-export default function AdBanner({ client, slot }: {
-    client: any;
-    slot: any;
-}): any;
+type Props = {
+    client: string;
+    slot: string;
+    baseUrl?: string;
+    theme?: 'light' | 'dark';
+    style?: object;
+};
+export default function AdBanner({ client, slot, baseUrl, theme, style, }: Props): any;
+export {};

package/dist/core.d.ts

@@ -1,2 +1,9 @@
-export declare function loadAd(client: string, slot: string): Promise<any>;
-export declare function countView(token: string): void;
+type LoadAdParams = {
+    baseUrl: string;
+    client: string;
+    slot: string;
+    display?: string;
+};
+export declare function fetchAd({ baseUrl, client, slot, display, }: LoadAdParams): Promise<any>;
+export declare function countView(baseUrl: string, token: string): Promise<void>;
+export {};

package/dist/index.js

@@ -1,90 +1,113 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState, useRef, useEffect } from 'react';
-import { StyleSheet, AppState, View, Text, TouchableOpacity, Image, Linking } from 'react-native';
+import { useState, useEffect } from 'react';
+import { Platform, Dimensions, StyleSheet, TouchableOpacity, Text, Linking } from 'react-native';
 
 async function getSignals() {
-    var _a;
-    let os;
-    let model;
-    let bundle = null;
-    // 🌍 Sempre disponível (JS puro)
-    const lang = Intl.DateTimeFormat().resolvedOptions().locale;
-    const tz = Intl.DateTimeFormat().resolvedOptions().timeZone;
-    // 📱 Tenta Expo (se existir)
-    try {
-        const Device = await import('expo-device');
-        os = Device.osName;
-        model = Device.modelName;
-    }
-    catch (_b) {
-        // não é Expo, segue a vida
-    }
-    try {
-        const Application = await import('expo-application');
-        bundle = (_a = Application.applicationId) !== null && _a !== void 0 ? _a : null;
+    var _a, _b, _c, _d, _e, _f;
+    let platform = 'unknown';
+    let screenWidth = 0;
+    let screenHeight = 0;
+    let userAgent = 'unknown';
+    let locale = 'en-US';
+    let timezone = 'UTC';
+    if (typeof window !== 'undefined') {
+        // Web / PWA
+        platform = 'web';
+        screenWidth = window.innerWidth;
+        screenHeight = window.innerHeight;
+        userAgent = navigator.userAgent;
+        locale =
+            ((_c = (_b = (_a = Intl === null || Intl === void 0 ? void 0 : Intl.DateTimeFormat) === null || _a === void 0 ? void 0 : _a.call(Intl)) === null || _b === void 0 ? void 0 : _b.resolvedOptions) === null || _c === void 0 ? void 0 : _c.call(_b).locale) || 'en-US';
+        timezone =
+            ((_f = (_e = (_d = Intl === null || Intl === void 0 ? void 0 : Intl.DateTimeFormat) === null || _d === void 0 ? void 0 : _d.call(Intl)) === null || _e === void 0 ? void 0 : _e.resolvedOptions) === null || _f === void 0 ? void 0 : _f.call(_e).timeZone) || 'UTC';
     }
-    catch (_c) {
-        // não é Expo
+    else if (typeof Platform !== 'undefined') {
+        // React Native
+        platform = Platform.OS;
+        const dim = Dimensions.get('window');
+        screenWidth = dim.width;
+        screenHeight = dim.height;
+        // RN não tem userAgent nativo
     }
     return {
-        os,
-        model,
-        bundle,
-        lang,
-        tz
+        platform,
+        screenWidth,
+        screenHeight,
+        userAgent,
+        locale,
+        timezone,
     };
 }
 
-const BASE_URL = 'https://teste.hosthp.com.br/ads';
-async function loadAd(client, slot) {
+async function fetchAd({ baseUrl, client, slot, display = 'BANNER', }) {
     const signals = await getSignals();
-    const makeRes = await fetch(`${BASE_URL}/make/index.php`, {
+    const res = await fetch(`${baseUrl}/make`, {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify({
             client,
             slot,
-            platform: 'app',
-            signals
-        })
+            display,
+            isMobile: signals.platform !== 'web' ? 1 : 0,
+            ...signals,
+        }),
     });
-    const makeData = await makeRes.json();
-    const showRes = await fetch(makeData.show_url);
-    return showRes.json();
+    if (!res.ok)
+        return null;
+    return res.json();
 }
-function countView(token) {
-    fetch(`${BASE_URL}/count/view.php`, {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ token })
-    });
+async function countView(baseUrl, token) {
+    try {
+        await fetch(`${baseUrl}/count/views`, {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ token }),
+        });
+    }
+    catch (_a) { }
 }
 
-function AdBanner({ client, slot }) {
+function AdBanner({ client, slot, baseUrl = 'http://localhost:3000', theme = 'light', style = {}, }) {
     const [ad, setAd] = useState(null);
-    const viewed = useRef(false);
-    useEffect(() => {
-        loadAd(client, slot).then(setAd);
-    }, []);
     useEffect(() => {
-        if (!(ad === null || ad === void 0 ? void 0 : ad.token))
-            return;
-        const t = setTimeout(() => {
-            if (!viewed.current && AppState.currentState === 'active') {
-                viewed.current = true;
-                countView(ad.token);
-            }
-        }, (ad.view_time || 5) * 1000);
-        return () => clearTimeout(t);
-    }, [ad]);
+        fetchAd({ baseUrl, client, slot }).then((data) => {
+            if (!data)
+                return;
+            setAd(data);
+            countView(baseUrl, data.adtoken);
+        });
+    }, [client, slot, baseUrl]);
     if (!ad)
         return null;
-    return (jsxs(View, { style: styles.container, children: [jsx(Text, { style: styles.label, children: "Promovido" }), jsx(TouchableOpacity, { onPress: () => Linking.openURL(ad.click_url), children: jsx(Image, { source: { uri: ad.image }, style: styles.banner, resizeMode: "contain" }) })] }));
+    const handlePress = () => {
+        if (Platform.OS === 'web') {
+            window.open(ad.url, '_blank');
+        }
+        else {
+            Linking.openURL(ad.url);
+        }
+    };
+    return (jsxs(TouchableOpacity, { style: [styles.container, theme === 'dark' && styles.dark, style], onPress: handlePress, children: [jsx(Text, { style: styles.title, children: "Publicidade" }), jsx(Text, { style: styles.text, children: ad.url })] }));
 }
 const styles = StyleSheet.create({
-    container: { width: '100%', alignItems: 'center', marginVertical: 8 },
-    label: { fontSize: 10, color: '#777', marginBottom: 2 },
-    banner: { width: '100%', height: 50 }
+    container: {
+        backgroundColor: '#f2f2f2',
+        padding: 12,
+        borderTopWidth: 1,
+        borderColor: '#ddd',
+    },
+    dark: {
+        backgroundColor: '#121212',
+    },
+    title: {
+        fontSize: 12,
+        fontWeight: '600',
+        marginBottom: 4,
+    },
+    text: {
+        fontSize: 11,
+        color: '#555',
+    },
 });
 
 export { AdBanner };

package/dist/signals.d.ts

@@ -1,9 +1,8 @@
-type Signals = {
-    os?: string;
-    model?: string;
-    bundle?: string | null;
-    lang: string;
-    tz: string;
-};
-export declare function getSignals(): Promise<Signals>;
-export {};
+export declare function getSignals(): Promise<{
+    platform: string;
+    screenWidth: number;
+    screenHeight: number;
+    userAgent: string;
+    locale: string;
+    timezone: string;
+}>;

package/package.json

@@ -1,30 +1,38 @@
 {
   "name": "@upeex/ads-sdk",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Upeex Ads SDK for React Native and universal apps",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
-  "files": ["dist"],
+  "files": [
+    "dist"
+  ],
   "sideEffects": false,
-
   "peerDependencies": {
     "react": ">=17",
     "react-native": ">=0.68"
   },
-
   "scripts": {
     "build": "rollup -c"
   },
-
   "keywords": [
     "ads",
     "mobile-ads",
     "react-native",
     "expo",
     "sdk",
-    "upeex"
+    "upeex",
+    "upee"
   ],
-
   "author": "Upeex",
-  "license": "MIT"
+  "license": "MIT",
+  "dependencies": {
+    "expo-localization": "^17.0.8"
+  },
+  "devDependencies": {
+    "rollup": "^4.57.0",
+    "rollup-plugin-typescript2": "^0.36.0",
+    "tslib": "^2.8.1",
+    "typescript": "^5.9.3"
+  }
 }