@thewhateverapp/tile-sdk 0.8.0 → 0.8.3

package/dist/bridge/TileBridge.d.ts

@@ -42,11 +42,13 @@ export declare class TileBridge {
     /**
      * Request to navigate to full page view
      * SIMPLE & EXPLICIT: Directly navigates using Next.js router + notifies parent
+     * In preview mode, only sends event to parent (no route change)
      */
     navigateToPage(): void;
     /**
      * Request to navigate back to tile view (from page)
      * SIMPLE & EXPLICIT: Directly navigates using Next.js router + notifies parent
+     * In preview mode, only sends event to parent (no route change)
      */
     navigateToTile(): void;
     /**

package/dist/bridge/TileBridge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TileBridge.d.ts","sourceRoot":"","sources":["../../src/bridge/TileBridge.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IACvC,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAGD,KAAK,UAAU,GAAG;IAChB,IAAI,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7B,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,IAAI,EAAE,MAAM,IAAI,CAAC;CAClB,CAAC;AAEF,qBAAa,UAAU;IACrB,OAAO,CAAC,MAAM,CAA2B;IACzC,OAAO,CAAC,YAAY,CAAqB;IACzC,OAAO,CAAC,gBAAgB,CAAmD;IAC3E,OAAO,CAAC,aAAa,CAAoD;IACzE,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,MAAM,CAA2B;gBAE7B,cAAc,GAAE,MAAkC,EAAE,MAAM,CAAC,EAAE,UAAU;IA6BnF,OAAO,CAAC,UAAU;IAyBlB,OAAO,CAAC,aAAa;IAqCrB,OAAO,CAAC,YAAY;IAgBpB,OAAO,CAAC,cAAc;IAUtB,OAAO,CAAC,WAAW;IAKnB,OAAO,CAAC,YAAY;IAmCpB;;;OAGG;IACI,cAAc,IAAI,IAAI;IAyB7B;;;OAGG;IACI,cAAc,IAAI,IAAI;IAuB7B;;;OAGG;IACI,SAAS,CAAC,MAAM,EAAE,UAAU,GAAG,IAAI;IAI1C;;OAEG;IACI,OAAO,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,GAAE,QAAQ,GAAG,OAAkB,GAAG,IAAI;IAOxE;;OAEG;IACI,UAAU,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,GAAG,GAAG,IAAI;IAOtD;;;OAGG;IACI,qBAAqB,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI;IAOpD;;OAEG;IACU,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IA4B1D;;OAEG;IACU,UAAU,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC;IA2B/D;;OAEG;IACU,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC;IAoBlD;;OAEG;IACI,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI;IAWzD;;OAEG;IACU,OAAO,CAAC,OAAO,CAAC,EAAE;QAC7B,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;QAClB,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,GAAG,OAAO,CAAC,GAAG,CAAC;IAiChB;;OAEG;IACU,aAAa,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,OAAO,CAAC;IA8B9D;;OAEG;IACU,cAAc,IAAI,OAAO,CAAC,GAAG,CAAC;IAuB3C;;OAEG;IACI,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,GAAG,MAAM,IAAI;IAgBlE;;OAEG;IACI,SAAS,IAAI,UAAU,GAAG,IAAI;IAIrC;;OAEG;IACI,OAAO,IAAI,OAAO;IAIzB;;;;;OAKG;IACU,YAAY,IAAI,OAAO,CAAC,UAAU,CAAC;IAuBhD,OAAO,CAAC,SAAS;IAOjB,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,SAAS;IAKjB,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,aAAa;CAgCtB;AAKD,wBAAgB,aAAa,CAAC,MAAM,CAAC,EAAE,UAAU,GAAG,UAAU,CAQ7D"}
+{"version":3,"file":"TileBridge.d.ts","sourceRoot":"","sources":["../../src/bridge/TileBridge.ts"],"names":[],"mappings":"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"}

package/dist/bridge/TileBridge.js

@@ -143,21 +143,32 @@ export class TileBridge {
     /**
      * Request to navigate to full page view
      * SIMPLE & EXPLICIT: Directly navigates using Next.js router + notifies parent
+     * In preview mode, only sends event to parent (no route change)
      */
     navigateToPage() {
+        const inPreview = this.isPreview();
         console.log('[TileBridge] 🚀 navigateToPage() called', {
             hasRouter: !!this.router,
             isInIframe: this.isInIframe(),
+            inPreview,
             currentPath: typeof window !== 'undefined' ? window.location.pathname : 'unknown',
         });
-        // 1. Navigate directly using Next.js router (if available)
+        // In preview mode, only notify parent - don't change routes in iframe
+        if (inPreview) {
+            console.log('[TileBridge] 📤 Preview mode - sending event to parent (no route change)');
+            this.sendToParent({
+                type: 'tile:navigate',
+                payload: { target: 'page' },
+            });
+            return;
+        }
+        // 1. Navigate directly using Next.js router (deployed apps only)
         if (this.router) {
             console.log('[TileBridge] ✅ Using router.push("/page")');
             this.router.push('/page');
         }
         else if (typeof window !== 'undefined') {
             console.log('[TileBridge] ⚠️ No router, using window.location fallback');
-            // Fallback: use window.location for preview mode
             window.location.pathname = '/page';
         }
         // 2. Notify parent to enter fullscreen mode
@@ -170,20 +181,31 @@ export class TileBridge {
     /**
      * Request to navigate back to tile view (from page)
      * SIMPLE & EXPLICIT: Directly navigates using Next.js router + notifies parent
+     * In preview mode, only sends event to parent (no route change)
      */
     navigateToTile() {
-        if (this.isDevelopment() || this.isPreview()) {
+        const inPreview = this.isPreview();
+        if (this.isDevelopment() || inPreview) {
             console.log('[TileBridge] Navigating to /tile', {
                 hasRouter: !!this.router,
                 isInIframe: this.isInIframe(),
+                inPreview,
             });
         }
-        // 1. Navigate directly using Next.js router (if available)
+        // In preview mode, only notify parent - don't change routes in iframe
+        if (inPreview) {
+            console.log('[TileBridge] 📤 Preview mode - sending event to parent (no route change)');
+            this.sendToParent({
+                type: 'tile:navigate',
+                payload: { target: 'tile' },
+            });
+            return;
+        }
+        // 1. Navigate directly using Next.js router (deployed apps only)
         if (this.router) {
             this.router.push('/tile');
         }
         else if (typeof window !== 'undefined') {
-            // Fallback: use window.location for preview mode
             window.location.pathname = '/tile';
         }
         // 2. Notify parent to exit fullscreen mode

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thewhateverapp/tile-sdk",
-  "version": "0.8.0",
+  "version": "0.8.3",
   "description": "SDK for building interactive tiles on The Whatever App platform",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",

package/dist/react/TileInitializer.d.ts

@@ -1,25 +0,0 @@
-/**
- * TileInitializer - Automatically initializes the TileBridge with Next.js router
- *
- * This component should be included in the app's root layout to enable
- * tile navigation features. It's invisible and has no visual output.
- *
- * @example
- * ```tsx
- * // In app/layout.tsx
- * import { TileInitializer } from '@thewhateverapp/tile-sdk/react';
- *
- * export default function RootLayout({ children }) {
- *   return (
- *     <html>
- *       <body>
- *         <TileInitializer />
- *         {children}
- *       </body>
- *     </html>
- *   );
- * }
- * ```
- */
-export declare function TileInitializer(): null;
-//# sourceMappingURL=TileInitializer.d.ts.map

package/dist/react/TileInitializer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TileInitializer.d.ts","sourceRoot":"","sources":["../../src/react/TileInitializer.tsx"],"names":[],"mappings":"AAMA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,eAAe,SAe9B"}

package/dist/react/TileInitializer.js

@@ -1,40 +0,0 @@
-'use client';
-import { useEffect } from 'react';
-import { useRouter } from 'next/navigation';
-import { getTileBridge } from '../bridge/TileBridge';
-/**
- * TileInitializer - Automatically initializes the TileBridge with Next.js router
- *
- * This component should be included in the app's root layout to enable
- * tile navigation features. It's invisible and has no visual output.
- *
- * @example
- * ```tsx
- * // In app/layout.tsx
- * import { TileInitializer } from '@thewhateverapp/tile-sdk/react';
- *
- * export default function RootLayout({ children }) {
- *   return (
- *     <html>
- *       <body>
- *         <TileInitializer />
- *         {children}
- *       </body>
- *     </html>
- *   );
- * }
- * ```
- */
-export function TileInitializer() {
-    const router = useRouter();
-    useEffect(() => {
-        // Initialize TileBridge with router for navigation support
-        const bridge = getTileBridge(router);
-        console.log('[TileInitializer] ✅ TileBridge initialized with router', {
-            hasRouter: !!router,
-            routerMethods: router ? Object.keys(router) : [],
-        });
-    }, [router]);
-    // This component renders nothing - it only initializes the bridge
-    return null;
-}