@thewhateverapp/tile-sdk 0.3.9 → 0.4.1

package/dist/bridge/TileBridge.d.ts

@@ -104,6 +104,9 @@ export declare class TileBridge {
     isReady(): boolean;
     /**
      * Wait for ready state
+     *
+     * Note: Config handshake has been removed. Tiles are ready immediately.
+     * We keep this method for backwards compatibility but it resolves instantly.
      */
     waitForReady(): Promise<TileConfig>;
     private emitEvent;

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

@@ -1 +1 @@
-{"version":3,"file":"TileBridge.d.ts","sourceRoot":"","sources":["../../src/bridge/TileBridge.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"TileBridge.d.ts","sourceRoot":"","sources":["../../src/bridge/TileBridge.ts"],"names":[],"mappings":"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"}

package/dist/bridge/TileBridge.js

@@ -48,8 +48,6 @@ export class TileBridge {
         window.addEventListener('message', this.handleMessage.bind(this));
         // Send ready signal to parent
         this.sendToParent({ type: 'tile:ready' });
-        // Request configuration from parent
-        this.sendToParent({ type: 'tile:request-config' });
     }
     handleMessage(event) {
         // Validate origin (skip validation in dev and preview)
@@ -448,49 +446,27 @@ export class TileBridge {
     }
     /**
      * Wait for ready state
+     *
+     * Note: Config handshake has been removed. Tiles are ready immediately.
+     * We keep this method for backwards compatibility but it resolves instantly.
      */
     async waitForReady() {
         if (this.ready && this.config) {
             return this.config;
         }
-        // If not in an iframe (standalone mode), auto-resolve with default config
-        if (typeof window !== 'undefined' && !this.isInIframe()) {
-            const defaultConfig = {
-                appId: 'standalone',
-                position: { row: 0, col: 0 },
-                tileUrl: window.location.href,
-                theme: 'light',
-                debug: true,
-            };
-            console.log('[TileBridge] Standalone mode detected - auto-resolving with default config');
-            this.config = defaultConfig;
-            this.ready = true;
-            this.emitEvent('config:ready', defaultConfig);
-            return defaultConfig;
-        }
-        return new Promise((resolve) => {
-            const unsubscribe = this.on('config:ready', (config) => {
-                unsubscribe();
-                resolve(config);
-            });
-            // Timeout fallback: if no config received after 2 seconds, assume standalone
-            setTimeout(() => {
-                if (!this.ready) {
-                    console.warn('[TileBridge] No config received after 2s - assuming standalone mode');
-                    const fallbackConfig = {
-                        appId: 'standalone-timeout',
-                        position: { row: 0, col: 0 },
-                        tileUrl: typeof window !== 'undefined' ? window.location.href : '',
-                        theme: 'light',
-                        debug: true,
-                    };
-                    this.config = fallbackConfig;
-                    this.ready = true;
-                    unsubscribe();
-                    resolve(fallbackConfig);
-                }
-            }, 2000);
-        });
+        // Create default config immediately - no handshake needed
+        const defaultConfig = {
+            appId: this.isInIframe() ? 'iframe-mode' : 'standalone',
+            position: { row: 0, col: 0 },
+            tileUrl: typeof window !== 'undefined' ? window.location.href : '',
+            theme: 'light',
+            debug: this.isDevelopment() || this.isPreview(),
+        };
+        console.log('[TileBridge] Ready - no config handshake required');
+        this.config = defaultConfig;
+        this.ready = true;
+        this.emitEvent('config:ready', defaultConfig);
+        return defaultConfig;
     }
     // Private helpers
     emitEvent(event, data) {

package/dist/index.d.ts

@@ -5,6 +5,8 @@ export { TileContainer } from './react/TileContainer';
 export { withTile } from './react/withTile';
 export { getTileBridge, TileBridge } from './bridge/TileBridge';
 export type { TileMessage, TileConfig } from './bridge/TileBridge';
+export { StateClient } from './state/StateClient';
+export type { TileStats, ViewResponse } from './state/StateClient';
 export * from './tools';
 export * from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAG5C,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAChE,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAGnE,cAAc,SAAS,CAAC;AAGxB,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAG5C,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAChE,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAGnE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAGnE,cAAc,SAAS,CAAC;AAGxB,cAAc,SAAS,CAAC"}

package/dist/index.js

@@ -6,6 +6,8 @@ export { TileContainer } from './react/TileContainer';
 export { withTile } from './react/withTile';
 // Bridge for secure communication
 export { getTileBridge, TileBridge } from './bridge/TileBridge';
+// State API client
+export { StateClient } from './state/StateClient';
 // Domain-specific tools
 export * from './tools';
 // Types

package/dist/react/TileProvider.d.ts

@@ -1,9 +1,11 @@
 import React from 'react';
-import { TileBridge, TileConfig } from '../bridge/TileBridge';
+import { TileBridge } from '../bridge/TileBridge';
+import { StateClient } from '../state/StateClient';
 export interface TileContextValue {
-    config: TileConfig | null;
+    tileId: string | null;
     bridge: TileBridge;
     isReady: boolean;
+    stateClient: StateClient | null;
     navigateToPage: () => void;
     navigateToTile: () => void;
     openUrl: (url: string, target?: '_blank' | '_self') => void;

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

@@ -1 +1 @@
-{"version":3,"file":"TileProvider.d.ts","sourceRoot":"","sources":["../../src/react/TileProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0D,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAiB,UAAU,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAE7E,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,UAAU,GAAG,IAAI,CAAC;IAC1B,MAAM,EAAE,UAAU,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,KAAK,IAAI,CAAC;IAC5D,UAAU,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACpD,qBAAqB,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD,OAAO,EAAE;QACP,GAAG,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;QACnC,GAAG,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;KACjD,CAAC;IACF,SAAS,EAAE;QACT,KAAK,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;KACxC,CAAC;IACF,IAAI,EAAE;QACJ,OAAO,EAAE,CAAC,OAAO,CAAC,EAAE;YAAE,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;YAAC,MAAM,CAAC,EAAE,MAAM,CAAA;SAAE,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;QAC5E,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;QACtD,cAAc,EAAE,MAAM,OAAO,CAAC,GAAG,CAAC,CAAC;KACpC,CAAC;CACH;AAED,eAAO,MAAM,WAAW,wCAA+C,CAAC;AAExE,UAAU,iBAAiB;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,qBAmD3D"}
+{"version":3,"file":"TileProvider.d.ts","sourceRoot":"","sources":["../../src/react/TileProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0D,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAiB,UAAU,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,MAAM,EAAE,UAAU,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,WAAW,GAAG,IAAI,CAAC;IAChC,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,KAAK,IAAI,CAAC;IAC5D,UAAU,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACpD,qBAAqB,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD,OAAO,EAAE;QACP,GAAG,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;QACnC,GAAG,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;KACjD,CAAC;IACF,SAAS,EAAE;QACT,KAAK,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;KACxC,CAAC;IACF,IAAI,EAAE;QACJ,OAAO,EAAE,CAAC,OAAO,CAAC,EAAE;YAAE,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;YAAC,MAAM,CAAC,EAAE,MAAM,CAAA;SAAE,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;QAC5E,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;QACtD,cAAc,EAAE,MAAM,OAAO,CAAC,GAAG,CAAC,CAAC;KACpC,CAAC;CACH;AAED,eAAO,MAAM,WAAW,wCAA+C,CAAC;AAExE,UAAU,iBAAiB;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,qBA0D3D"}

package/dist/react/TileProvider.js

@@ -1,26 +1,33 @@
 import React, { createContext, useEffect, useState } from 'react';
 import { getTileBridge } from '../bridge/TileBridge';
+import { StateClient } from '../state/StateClient';
 export const TileContext = createContext(null);
 export function TileProvider({ children }) {
-    const [config, setConfig] = useState(null);
     const [isReady, setIsReady] = useState(false);
+    const [stateClient, setStateClient] = useState(null);
     const bridge = getTileBridge();
+    // Get tileId from environment variable
+    const tileId = typeof process !== 'undefined' && process.env?.NEXT_PUBLIC_TILE_ID
+        ? process.env.NEXT_PUBLIC_TILE_ID
+        : null;
     useEffect(() => {
-        // Wait for bridge to be ready and config to be received
-        bridge.waitForReady().then((receivedConfig) => {
-            setConfig(receivedConfig);
-            setIsReady(true);
-        });
-        // Listen for config updates
-        const unsubscribe = bridge.on('config:update', (updatedConfig) => {
-            setConfig(updatedConfig);
-        });
-        return unsubscribe;
-    }, [bridge]);
+        // Create state client if tileId exists
+        if (tileId) {
+            const client = new StateClient(tileId);
+            setStateClient(client);
+            // Auto-track view on mount
+            client.trackView().catch((error) => {
+                console.error('[TileProvider] Failed to track view:', error);
+            });
+        }
+        // Mark as ready immediately - no config handshake needed
+        setIsReady(true);
+    }, [tileId]);
     const contextValue = {
-        config,
+        tileId,
         bridge,
         isReady,
+        stateClient,
         navigateToPage: () => bridge.navigateToPage(),
         navigateToTile: () => bridge.navigateToTile(),
         openUrl: (url, target) => bridge.openUrl(url, target),

package/dist/state/StateClient.d.ts

@@ -0,0 +1,37 @@
+/**
+ * State API client for tile analytics and engagement
+ * Connects to state.thewhatever.app Durable Object
+ */
+export interface TileStats {
+    commentsCount: number;
+    likesCount: number;
+    favoritesCount: number;
+    sharesCount: number;
+    views: number;
+    lastViewed: number;
+    isLiked: boolean;
+    isFavorited: boolean;
+}
+export interface ViewResponse {
+    views: number;
+    lastViewed: number;
+}
+export declare class StateClient {
+    private tileId;
+    private baseUrl;
+    private authToken?;
+    constructor(tileId: string, options?: {
+        authToken?: string;
+        baseUrl?: string;
+    });
+    /**
+     * Track a view for this tile
+     */
+    trackView(): Promise<ViewResponse>;
+    /**
+     * Get all stats for this tile
+     */
+    getStats(): Promise<TileStats>;
+    private getHeaders;
+}
+//# sourceMappingURL=StateClient.d.ts.map

package/dist/state/StateClient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StateClient.d.ts","sourceRoot":"","sources":["../../src/state/StateClient.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,WAAW,SAAS;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,qBAAa,WAAW;IACtB,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,SAAS,CAAC,CAAS;gBAEf,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE;IAM9E;;OAEG;IACG,SAAS,IAAI,OAAO,CAAC,YAAY,CAAC;IAmBxC;;OAEG;IACG,QAAQ,IAAI,OAAO,CAAC,SAAS,CAAC;IA4BpC,OAAO,CAAC,UAAU;CAWnB"}

package/dist/state/StateClient.js

@@ -0,0 +1,69 @@
+/**
+ * State API client for tile analytics and engagement
+ * Connects to state.thewhatever.app Durable Object
+ */
+export class StateClient {
+    constructor(tileId, options) {
+        this.tileId = tileId;
+        this.authToken = options?.authToken;
+        this.baseUrl = options?.baseUrl || 'https://state.thewhatever.app';
+    }
+    /**
+     * Track a view for this tile
+     */
+    async trackView() {
+        try {
+            const response = await fetch(`${this.baseUrl}/views?appId=${this.tileId}`, {
+                method: 'POST',
+                headers: this.getHeaders(),
+            });
+            if (!response.ok) {
+                throw new Error(`Failed to track view: ${response.statusText}`);
+            }
+            return await response.json();
+        }
+        catch (error) {
+            console.error('[StateClient] Failed to track view:', error);
+            // Return default values on error
+            return { views: 0, lastViewed: 0 };
+        }
+    }
+    /**
+     * Get all stats for this tile
+     */
+    async getStats() {
+        try {
+            const response = await fetch(`${this.baseUrl}/stats?appId=${this.tileId}`, {
+                method: 'GET',
+                headers: this.getHeaders(),
+            });
+            if (!response.ok) {
+                throw new Error(`Failed to get stats: ${response.statusText}`);
+            }
+            return await response.json();
+        }
+        catch (error) {
+            console.error('[StateClient] Failed to get stats:', error);
+            // Return default values on error
+            return {
+                commentsCount: 0,
+                likesCount: 0,
+                favoritesCount: 0,
+                sharesCount: 0,
+                views: 0,
+                lastViewed: 0,
+                isLiked: false,
+                isFavorited: false,
+            };
+        }
+    }
+    getHeaders() {
+        const headers = {
+            'Content-Type': 'application/json',
+        };
+        if (this.authToken) {
+            headers['Authorization'] = `Bearer ${this.authToken}`;
+        }
+        return headers;
+    }
+}

package/package.json

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