@thewhateverapp/tile-sdk 0.4.0 → 0.4.1

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.4.0",
+  "version": "0.4.1",
   "description": "SDK for building interactive tiles on The Whatever App platform",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",