@korioinc/next-core 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Korio Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,90 @@
+# @korioinc/next-core
+
+Core utilities and components for Next.js applications.
+
+## Installation
+
+```bash
+pnpm add @korioinc/next-core
+```
+
+## Features
+
+- **Authentication**: Complete auth system with JWT support
+- **Internationalization**: i18n routing and locale management
+- **Components**: Reusable UI components (Theme switcher, Locale switcher)
+- **Ads Management**: Ad container components and configurations
+- **API Client**: Configured fetch client with interceptors
+- **Navigation**: Type-safe navigation system
+- **Local Storage**: Enhanced local storage management
+- **Utilities**: Common utility functions
+
+## Usage
+
+### Authentication
+
+```typescript
+import { useAuthContext } from '@korioinc/next-core/auth/client';
+import { getCurrentUser } from '@korioinc/next-core/auth/server';
+
+// Client-side
+const { isLogin, user, login, logout } = useAuthContext();
+
+// Server-side
+const user = await getCurrentUser();
+```
+
+### Internationalization
+
+```typescript
+import { handleLocaleRouting } from '@korioinc/next-core/i18n/routing';
+
+// In middleware.ts
+export default function middleware(request: NextRequest) {
+  return handleLocaleRouting(request);
+}
+```
+
+### Components
+
+```typescript
+import { ThemeSwitcher, LocaleSwitcher } from '@korioinc/next-core/components';
+
+export function Header() {
+  return (
+    <header>
+      <ThemeSwitcher />
+      <LocaleSwitcher />
+    </header>
+  );
+}
+```
+
+### Ads
+
+```typescript
+import { AdContainer } from '@korioinc/next-core/ads';
+
+export function Page() {
+  return (
+    <AdContainer
+      adType="leaderboard"
+      className="my-4"
+    />
+  );
+}
+```
+
+## Requirements
+
+- Next.js 15+
+- React 19+
+- TypeScript 5.9+
+
+## License
+
+MIT
+
+## Contributing
+
+Contributions are welcome! Please feel free to submit a Pull Request.

package/dist/ads/components/AdContainer.d.ts

@@ -0,0 +1,12 @@
+import { AdContainerProps } from '../../ads/types';
+declare global {
+    interface Window {
+        adsbygoogle: Array<{
+            push?: (params: Record<string, unknown>) => void;
+            loaded?: boolean;
+            [key: string]: unknown;
+        }>;
+    }
+}
+export default function AdContainer({ adType, className }: AdContainerProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=AdContainer.d.ts.map

package/dist/ads/components/AdContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdContainer.d.ts","sourceRoot":"","sources":["../../../src/ads/components/AdContainer.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAY,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AA0B7D,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,WAAW,EAAE,KAAK,CAAC;YACjB,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;YACjD,MAAM,CAAC,EAAE,OAAO,CAAC;YACjB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;SACxB,CAAC,CAAC;KACJ;CACF;AA+ED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,MAAM,EAAE,SAAc,EAAE,EAAE,gBAAgB,kDA2P/E"}

package/dist/ads/components/AdContainer.js

@@ -0,0 +1,287 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
+import { usePathname } from 'next/navigation';
+import MockAdDisplay from '../../ads/components/MockAdDisplay';
+import { AD_CONFIGS } from '../../ads/config';
+import { cn } from '../../utils/helpers';
+import { getConfig } from '@korioinc/next-conf';
+// Constants for ad loading configuration
+const AD_LOADING_CONFIG = {
+    MAX_RETRIES: 10,
+    RETRY_DELAY_MS: 200,
+    INITIAL_DELAY_MS: 100,
+    MIN_CONTAINER_WIDTH: 250,
+    CONTAINER_CHECK_DELAY_MS: 500,
+    SCRIPT_LOAD_RETRY_DELAY_MS: 1000,
+    INTERSECTION_THRESHOLD: 0.51,
+};
+// Ad status constants
+const AD_STATUS = {
+    DONE: 'done',
+};
+// Ad formats
+const AD_FORMAT = {
+    RECTANGLE: 'rectangle',
+    AUTO: 'auto',
+};
+// Helper function to check if environment is development
+const isDevelopmentEnvironment = (config, publisherId) => {
+    return (!publisherId ||
+        !config.slotId ||
+        process.env.NEXT_PUBLIC_APP_ENV === 'local' ||
+        process.env.NEXT_PUBLIC_APP_ENV === 'development');
+};
+// Helper function to clean up ad element
+const cleanupAdElement = (container) => {
+    if (!container)
+        return;
+    const adElement = container.querySelector('ins.adsbygoogle');
+    if (!adElement)
+        return;
+    // More thorough cleanup
+    adElement.innerHTML = '';
+    adElement.removeAttribute('data-adsbygoogle-status');
+    adElement.removeAttribute('data-ad-status');
+    // Clone to remove any event listeners
+    const clonedElement = adElement.cloneNode(true);
+    adElement.parentNode?.replaceChild(clonedElement, adElement);
+};
+// Helper function to create ad element
+const createAdElement = (config, adInstanceId, publisherId) => {
+    const ins = document.createElement('ins');
+    ins.className = 'adsbygoogle';
+    ins.setAttribute('data-ad-client', `ca-pub-${publisherId}`);
+    ins.setAttribute('data-ad-slot', config.slotId);
+    if (config.layout === 'in-article') {
+        ins.setAttribute('data-ad-format', AD_FORMAT.RECTANGLE);
+    }
+    ins.setAttribute('data-ad-instance-id', adInstanceId);
+    // Apply inline styles as per Google AdSense guidelines
+    ins.style.display = 'inline-block';
+    ins.style.width = `${config.width}px`;
+    ins.style.height = `${config.height}px`;
+    return ins;
+};
+// Helper function to check if container is valid for ad loading
+const isContainerValid = (container) => {
+    if (!container)
+        return false;
+    // Check if element is visible
+    if (window.getComputedStyle(container).display === 'none') {
+        return false;
+    }
+    // Check if ins element already exists and is loaded
+    const existingIns = container.querySelector('ins.adsbygoogle');
+    if (existingIns?.getAttribute('data-adsbygoogle-status') === AD_STATUS.DONE) {
+        return false;
+    }
+    return true;
+};
+// Helper function to push ad to adsbygoogle
+const pushAdToGoogle = () => {
+    if (window.adsbygoogle) {
+        (window.adsbygoogle = window.adsbygoogle || []).push({});
+        return true;
+    }
+    return false;
+};
+export default function AdContainer({ adType, className = '' }) {
+    const config = AD_CONFIGS[adType];
+    if (!config) {
+        return null;
+    }
+    // Get publisher ID from config
+    const adsensePublisherId = getConfig().analytics?.adsensePublisherId;
+    // Check if dev environment early - check this BEFORE checking publisherId
+    const isDevEnvironment = isDevelopmentEnvironment(config, adsensePublisherId);
+    // Only check publisherId for production environment
+    if (!isDevEnvironment && !adsensePublisherId) {
+        return null;
+    }
+    // Get alignment class for Tailwind
+    const getAlignmentClass = () => {
+        if (config.alignment === 'left')
+            return 'justify-start';
+        if (config.alignment === 'right')
+            return 'justify-end';
+        return 'justify-center';
+    };
+    // Dev environment: Return mock ad without any refs or hooks
+    if (isDevEnvironment) {
+        // Two divs: outer for size reservation (layout shift prevention), inner for flex alignment
+        const outerStyle = {
+            minHeight: `${config.height}px`,
+            '--ad-width': `${config.width}px`,
+            '--ad-height': `${config.height}px`,
+        };
+        const innerStyle = {
+            display: 'flex',
+            justifyContent: config.alignment === 'left' ? 'flex-start' : config.alignment === 'right' ? 'flex-end' : 'center',
+            alignItems: 'center',
+        };
+        return (_jsx("div", { className: cn('relative', className), style: outerStyle, children: _jsx("div", { style: innerStyle, children: _jsx(MockAdDisplay, { adType: adType, config: config }) }) }));
+    }
+    // Production-only setup (refs and hooks only created when needed)
+    const containerRef = useRef(null);
+    const pathname = usePathname();
+    const adInstanceRef = useRef(false);
+    const retryTimerRef = useRef(null);
+    const intersectionObserverRef = useRef(null);
+    // Unique identifier for debugging and tracking
+    const adInstanceId = adType;
+    useEffect(() => {
+        // Reset on route change
+        adInstanceRef.current = false;
+        // Clean up existing ads and timers
+        if (retryTimerRef.current) {
+            clearTimeout(retryTimerRef.current);
+            retryTimerRef.current = null;
+        }
+        cleanupAdElement(containerRef.current);
+    }, [pathname]);
+    useEffect(() => {
+        if (adInstanceRef.current)
+            return;
+        // Helper function to handle container width validation
+        const validateContainerWidth = () => {
+            const containerWidth = containerRef.current?.offsetWidth || 0;
+            if (containerWidth === 0) {
+                retryTimerRef.current = setTimeout(() => {
+                    if (!adInstanceRef.current && containerRef.current) {
+                        const retryWidth = containerRef.current.offsetWidth;
+                        if (retryWidth > 0) {
+                            loadAd();
+                        }
+                    }
+                }, AD_LOADING_CONFIG.CONTAINER_CHECK_DELAY_MS);
+                return null;
+            }
+            // For in-article ads, ensure minimum width
+            if (config.layout === 'in-article' && containerWidth < AD_LOADING_CONFIG.MIN_CONTAINER_WIDTH) {
+                console.warn(`AdSense: Container too narrow for fluid ads (${containerWidth}px). Using fixed size.`);
+            }
+            return containerWidth;
+        };
+        // Helper function to handle existing ad element
+        const handleExistingAdElement = () => {
+            const existingIns = containerRef.current?.querySelector('ins.adsbygoogle');
+            if (!existingIns)
+                return true;
+            // Check if ad is already loaded
+            if (existingIns.getAttribute('data-adsbygoogle-status') === AD_STATUS.DONE) {
+                return false;
+            }
+            // Remove existing ins if it exists but hasn't loaded
+            existingIns.remove();
+            return true;
+        };
+        // Helper function to initialize ad with AdSense
+        const initializeAd = () => {
+            if (!window.adsbygoogle) {
+                // Retry after a delay
+                retryTimerRef.current = setTimeout(() => {
+                    if (window.adsbygoogle && containerRef.current?.querySelector('ins.adsbygoogle')) {
+                        if (pushAdToGoogle()) {
+                            adInstanceRef.current = true;
+                        }
+                    }
+                }, AD_LOADING_CONFIG.SCRIPT_LOAD_RETRY_DELAY_MS);
+                return;
+            }
+            // Now push will only process this newly created ins element
+            if (pushAdToGoogle()) {
+                adInstanceRef.current = true;
+                // Disconnect observer after successful load
+                if (intersectionObserverRef.current) {
+                    intersectionObserverRef.current.disconnect();
+                    intersectionObserverRef.current = null;
+                }
+            }
+        };
+        const loadAd = () => {
+            try {
+                // Validate container
+                if (!isContainerValid(containerRef.current)) {
+                    return;
+                }
+                // Handle existing ad element
+                if (!handleExistingAdElement()) {
+                    return;
+                }
+                // Validate container width
+                const containerWidth = validateContainerWidth();
+                if (containerWidth === null) {
+                    return;
+                }
+                // Create and append ad element (publisherId is guaranteed to exist in production)
+                if (!adsensePublisherId) {
+                    console.warn('AdSense: Publisher ID is missing in production environment');
+                    return;
+                }
+                const ins = createAdElement(config, adInstanceId, adsensePublisherId);
+                containerRef.current?.appendChild(ins);
+                // Initialize ad with AdSense
+                initializeAd();
+            }
+            catch (err) {
+                console.error('AdSense loading error:', {
+                    adType,
+                    error: err,
+                    adInstanceId,
+                    containerWidth: containerRef.current?.offsetWidth || 0,
+                });
+            }
+        };
+        // Set up Intersection Observer to load ad when threshold is met
+        if (containerRef.current) {
+            intersectionObserverRef.current = new IntersectionObserver((entries) => {
+                entries.forEach((entry) => {
+                    if (entry.isIntersecting &&
+                        entry.intersectionRatio >= AD_LOADING_CONFIG.INTERSECTION_THRESHOLD &&
+                        !adInstanceRef.current) {
+                        // Container is at least threshold% visible, load the ad
+                        loadAd();
+                    }
+                });
+            }, {
+                threshold: [AD_LOADING_CONFIG.INTERSECTION_THRESHOLD],
+            });
+            intersectionObserverRef.current.observe(containerRef.current);
+        }
+        return () => {
+            // Clean up observer
+            if (intersectionObserverRef.current) {
+                intersectionObserverRef.current.disconnect();
+                intersectionObserverRef.current = null;
+            }
+            // Clean up timer
+            if (retryTimerRef.current) {
+                clearTimeout(retryTimerRef.current);
+                retryTimerRef.current = null;
+            }
+            // Clean up dynamically created elements
+            if (containerRef.current) {
+                const insElement = containerRef.current.querySelector('ins.adsbygoogle');
+                if (insElement && insElement.getAttribute('data-adsbygoogle-status') !== AD_STATUS.DONE) {
+                    insElement.remove();
+                }
+            }
+            // Reset instance flag for Strict Mode
+            adInstanceRef.current = false;
+        };
+    }, [pathname]);
+    // Production environment: Return container for ads
+    // Use two divs structure: outer for size reservation (layout shift prevention), inner for flex alignment and ad insertion
+    const outerStyle = {
+        minHeight: `${config.height}px`,
+        '--ad-width': `${config.width}px`,
+        '--ad-height': `${config.height}px`,
+    };
+    const innerStyle = {
+        display: 'flex',
+        justifyContent: config.alignment === 'left' ? 'flex-start' : config.alignment === 'right' ? 'flex-end' : 'center',
+        alignItems: 'center',
+    };
+    return (_jsx("div", { className: cn('relative', className), style: outerStyle, children: _jsx("div", { ref: containerRef, style: innerStyle }) }));
+}

package/dist/ads/components/GoogleAdSense.d.ts

@@ -0,0 +1,6 @@
+interface GoogleAdSenseProps {
+    publisherId: string;
+}
+export default function GoogleAdSense({ publisherId }: GoogleAdSenseProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=GoogleAdSense.d.ts.map

package/dist/ads/components/GoogleAdSense.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GoogleAdSense.d.ts","sourceRoot":"","sources":["../../../src/ads/components/GoogleAdSense.tsx"],"names":[],"mappings":"AAIA,UAAU,kBAAkB;IAC1B,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,WAAW,EAAE,EAAE,kBAAkB,2CASxE"}

package/dist/ads/components/GoogleAdSense.js

@@ -0,0 +1,6 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import Script from 'next/script';
+export default function GoogleAdSense({ publisherId }) {
+    return (_jsx(Script, { async: true, src: `https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-${publisherId}`, crossOrigin: 'anonymous', strategy: 'lazyOnload' }));
+}

package/dist/ads/components/MockAdDisplay.d.ts

@@ -0,0 +1,8 @@
+import { AdConfig, AdType } from '../../ads/types';
+interface MockAdDisplayProps {
+    adType: AdType;
+    config: AdConfig;
+}
+export default function MockAdDisplay({ adType, config }: MockAdDisplayProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MockAdDisplay.d.ts.map

package/dist/ads/components/MockAdDisplay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MockAdDisplay.d.ts","sourceRoot":"","sources":["../../../src/ads/components/MockAdDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEnD,UAAU,kBAAkB;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,QAAQ,CAAC;CAClB;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,kBAAkB,2CAqB3E"}

package/dist/ads/components/MockAdDisplay.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function MockAdDisplay({ adType, config }) {
+    // Mock ad box styles
+    const mockAdStyles = {
+        width: `${config.width}px`,
+        height: `${config.height}px`,
+        maxWidth: '100%',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+    };
+    return (_jsx("div", { className: 'border-border bg-secondary relative border-2 border-dashed', style: mockAdStyles, children: _jsxs("div", { className: 'text-center', children: [_jsx("p", { className: 'text-muted-foreground font-semibold', children: adType }), _jsxs("p", { className: 'text-muted-foreground text-sm', children: [config.width, " x ", config.height] })] }) }));
+}

package/dist/ads/config.d.ts

@@ -0,0 +1,3 @@
+import { AdConfig, AdType } from '../ads/types';
+export declare const AD_CONFIGS: Partial<Record<AdType, AdConfig>>;
+//# sourceMappingURL=config.d.ts.map

package/dist/ads/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/ads/config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEnD,eAAO,MAAM,UAAU,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CA4IxD,CAAC"}

package/dist/ads/config.js

@@ -0,0 +1,134 @@
+export const AD_CONFIGS = {
+    // Sticky 좌우 광고
+    // 좌측: left-rail-1, left-rail-2 세로로 순서대로 배치, 우측정렬
+    // 우측: right-rail-1, right-rail-2, 좌측정렬
+    'left-rail-1': {
+        slotId: '4944477902',
+        width: 300,
+        height: 250,
+        layout: 'display',
+        alignment: 'right',
+    },
+    'left-rail-2': {
+        slotId: '6756807933',
+        width: 300,
+        height: 600,
+        layout: 'display',
+        alignment: 'right',
+    },
+    'right-rail-1': {
+        slotId: '6134254736',
+        width: 300,
+        height: 250,
+        layout: 'display',
+        alignment: 'left',
+    },
+    'right-rail-2': {
+        slotId: '5299701120',
+        width: 300,
+        height: 600,
+        layout: 'display',
+        alignment: 'left',
+    },
+    // 페이지 최상단 광고
+    // 모든 페이지의 컨텐츠 최상단에 GNB 바로 아래에 있는 광고는 leaderboard
+    // in-feed 면 안됨
+    leaderboard: {
+        slotId: '7112316569',
+        width: 728,
+        height: 90,
+        layout: 'display',
+    },
+    // 페이지 중간중간에 삽입되는 가로로 길쭉한 광고
+    // in-feed-1 부터 5까지
+    // 동일한 숫자의 in feed 가 중복으로 보여지면 안됨. 항상 1부터 순서대로 유니크하게 보여야함
+    'in-feed-1': {
+        slotId: '1627624393',
+        width: 728,
+        height: 90,
+        layout: 'in-article',
+    },
+    'in-feed-2': {
+        slotId: '4328991117',
+        width: 728,
+        height: 90,
+        layout: 'in-article',
+    },
+    'in-feed-3': {
+        slotId: '3937290639',
+        width: 728,
+        height: 90,
+        layout: 'in-article',
+    },
+    'in-feed-4': {
+        slotId: '3015909448',
+        width: 728,
+        height: 90,
+        layout: 'in-article',
+    },
+    'in-feed-5': {
+        slotId: '2903410560',
+        width: 728,
+        height: 90,
+        layout: 'in-article',
+    },
+    // 페이지 중간중간에 가로가 짧은 단에 삽입되는 정사각형 광고
+    // in-feed-left-1 또는 in-feed-right-1
+    // left-rail-1 이나 right rail 은 쓰면 안됨
+    'in-feed-left-1': {
+        slotId: '4024920541',
+        width: 300,
+        height: 250,
+        layout: 'in-article',
+    },
+    'in-feed-right-1': {
+        slotId: '5945325110',
+        width: 300,
+        height: 250,
+        layout: 'in-article',
+    },
+    // 페이지 맨 하단에 나오는 광고
+    // 페이지 맨 하단에 푸터 상단에 있는 광고는 항상 footer 여야함
+    // in-feed 쓰면 안됨
+    footer: {
+        slotId: '1576078538',
+        width: 970,
+        height: 250,
+        layout: 'display',
+    },
+    // 매우 큰 광고
+    // 홈인 경우: home-billboard
+    // 홈 아닌경우: billboard
+    'home-billboard': {
+        slotId: '9277247223',
+        width: 970,
+        height: 250,
+        layout: 'display',
+    },
+    billboard: {
+        slotId: '9614572420',
+        width: 970,
+        height: 250,
+        layout: 'display',
+    },
+    // 페이지 제일 상단에 있는 광고 (정사각형)
+    'mobile-unit-1': {
+        slotId: '2376910921',
+        width: 300,
+        height: 250,
+        layout: 'display',
+    },
+    // 페이지 제일 하단에 있는 광고
+    'mobile-unit-2': {
+        slotId: '9238946133',
+        width: 300,
+        height: 250,
+        layout: 'display',
+    },
+    'mobile-in-feed-1': {
+        slotId: '7925864461',
+        width: 300,
+        height: 250,
+        layout: 'in-article',
+    },
+};

package/dist/ads/index.d.ts

@@ -0,0 +1,6 @@
+export { default as GoogleAdSense } from './components/GoogleAdSense';
+export { default as AdContainer } from './components/AdContainer';
+export { default as MockAdDisplay } from './components/MockAdDisplay';
+export * from './types';
+export * from './config';
+//# sourceMappingURL=index.d.ts.map

package/dist/ads/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ads/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAGtE,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC"}

package/dist/ads/index.js

@@ -0,0 +1,7 @@
+// Components
+export { default as GoogleAdSense } from './components/GoogleAdSense';
+export { default as AdContainer } from './components/AdContainer';
+export { default as MockAdDisplay } from './components/MockAdDisplay';
+// Types and configuration
+export * from './types';
+export * from './config';

package/dist/ads/types.d.ts

@@ -0,0 +1,15 @@
+export type AdLayout = 'display' | 'in-article';
+export type AdType = 'left-rail-1' | 'left-rail-2' | 'right-rail-1' | 'right-rail-2' | 'leaderboard' | 'in-feed-1' | 'in-feed-2' | 'in-feed-3' | 'in-feed-4' | 'in-feed-5' | 'in-feed-left-1' | 'in-feed-right-1' | 'footer' | 'home-billboard' | 'billboard' | 'mobile-unit-1' | 'mobile-unit-2' | 'mobile-in-feed-1';
+export type AdAlignment = 'left' | 'center' | 'right';
+export interface AdConfig {
+    slotId: string;
+    width: number;
+    height: number;
+    layout: AdLayout;
+    alignment?: AdAlignment;
+}
+export interface AdContainerProps {
+    adType: AdType;
+    className?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/ads/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/ads/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,YAAY,CAAC;AAEhD,MAAM,MAAM,MAAM,GAEd,aAAa,GACb,aAAa,GACb,cAAc,GACd,cAAc,GAEd,aAAa,GAEb,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GAEX,gBAAgB,GAChB,iBAAiB,GAEjB,QAAQ,GAER,gBAAgB,GAChB,WAAW,GAEX,eAAe,GACf,eAAe,GACf,kBAAkB,CAAC;AAEvB,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEtD,MAAM,WAAW,QAAQ;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,QAAQ,CAAC;IACjB,SAAS,CAAC,EAAE,WAAW,CAAC;CACzB;AAED,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/ads/types.js

@@ -0,0 +1 @@
+export {};