@moldable-ai/ui 0.2.14 → 0.2.15

package/dist/components/app-error-boundary.d.ts

@@ -1,17 +1,20 @@
 import { Component, type ErrorInfo, type ReactNode } from 'react';
-type ErrorSource = 'react' | 'window' | 'promise';
+export type AppErrorSource = 'react' | 'window' | 'promise' | 'bootstrap';
 interface AppErrorBoundaryProps {
     appName: string;
     children: ReactNode;
+    initialError?: Error | null;
+    initialSource?: AppErrorSource;
 }
 interface AppErrorBoundaryState {
     error: Error | null;
-    source: ErrorSource;
+    source: AppErrorSource;
     componentStack: string | null;
 }
 export declare class AppErrorBoundary extends Component<AppErrorBoundaryProps, AppErrorBoundaryState> {
     state: AppErrorBoundaryState;
     static getDerivedStateFromError(error: Error): Partial<AppErrorBoundaryState>;
+    constructor(props: AppErrorBoundaryProps);
     componentDidMount(): void;
     componentWillUnmount(): void;
     componentDidCatch(error: Error, info: ErrorInfo): void;

package/dist/components/app-error-boundary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-error-boundary.d.ts","sourceRoot":"","sources":["../../src/components/app-error-boundary.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAGjE,KAAK,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAA;AAWjD,UAAU,qBAAqB;IAC7B,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,UAAU,qBAAqB;IAC7B,KAAK,EAAE,KAAK,GAAG,IAAI,CAAA;IACnB,MAAM,EAAE,WAAW,CAAA;IACnB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAA;CAC9B;AAqDD,qBAAa,gBAAiB,SAAQ,SAAS,CAC7C,qBAAqB,EACrB,qBAAqB,CACtB;IACC,KAAK,EAAE,qBAAqB,CAI3B;IAED,MAAM,CAAC,wBAAwB,CAC7B,KAAK,EAAE,KAAK,GACX,OAAO,CAAC,qBAAqB,CAAC;IAIjC,iBAAiB,IAAI,IAAI;IAOzB,oBAAoB,IAAI,IAAI;IAU5B,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,GAAG,IAAI;IAWtD,OAAO,CAAC,iBAAiB,CAMxB;IAED,OAAO,CAAC,wBAAwB,CAK/B;IAED,OAAO,CAAC,MAAM,CAEb;IAED,OAAO,CAAC,WAAW,CAYlB;IAED,MAAM;CA8CP"}
+{"version":3,"file":"app-error-boundary.d.ts","sourceRoot":"","sources":["../../src/components/app-error-boundary.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAGjE,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,WAAW,CAAA;AAWzE,UAAU,qBAAqB;IAC7B,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,SAAS,CAAA;IACnB,YAAY,CAAC,EAAE,KAAK,GAAG,IAAI,CAAA;IAC3B,aAAa,CAAC,EAAE,cAAc,CAAA;CAC/B;AAED,UAAU,qBAAqB;IAC7B,KAAK,EAAE,KAAK,GAAG,IAAI,CAAA;IACnB,MAAM,EAAE,cAAc,CAAA;IACtB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAA;CAC9B;AAqDD,qBAAa,gBAAiB,SAAQ,SAAS,CAC7C,qBAAqB,EACrB,qBAAqB,CACtB;IACC,KAAK,EAAE,qBAAqB,CAAA;IAE5B,MAAM,CAAC,wBAAwB,CAC7B,KAAK,EAAE,KAAK,GACX,OAAO,CAAC,qBAAqB,CAAC;gBAIrB,KAAK,EAAE,qBAAqB;IASxC,iBAAiB,IAAI,IAAI;IAgBzB,oBAAoB,IAAI,IAAI;IAU5B,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,GAAG,IAAI;IAWtD,OAAO,CAAC,iBAAiB,CAMxB;IAED,OAAO,CAAC,wBAAwB,CAK/B;IAED,OAAO,CAAC,MAAM,CAEb;IAED,OAAO,CAAC,WAAW,CAYlB;IAED,MAAM;CA8CP"}

package/dist/components/app-error-boundary.js

@@ -40,19 +40,26 @@ function reportClientErrorToMoldable(appName, error, source, componentStack) {
     window.parent.postMessage(message, '*');
 }
 export class AppErrorBoundary extends Component {
-    state = {
-        error: null,
-        source: 'react',
-        componentStack: null,
-    };
+    state;
     static getDerivedStateFromError(error) {
         return { error, source: 'react' };
     }
+    constructor(props) {
+        super(props);
+        this.state = {
+            error: props.initialError ?? null,
+            source: props.initialSource ?? 'react',
+            componentStack: null,
+        };
+    }
     componentDidMount() {
         if (typeof window === 'undefined')
             return;
         window.addEventListener('error', this.handleWindowError);
         window.addEventListener('unhandledrejection', this.handleUnhandledRejection);
+        if (this.state.error) {
+            reportClientErrorToMoldable(this.props.appName, this.state.error, this.state.source, this.state.componentStack);
+        }
     }
     componentWillUnmount() {
         if (typeof window === 'undefined')

package/dist/index.d.ts

@@ -8,6 +8,7 @@ export { useIsMobile } from './hooks/use-mobile';
 export { Markdown } from './components/markdown';
 export { RichMediaPlayer, type RichMediaPlayerProps, } from './components/rich-media-player';
 export { CodeBlock } from './components/code-block';
-export { AppErrorBoundary } from './components/app-error-boundary';
+export { AppErrorBoundary, type AppErrorSource, } from './components/app-error-boundary';
+export { installMoldableFrameLifecycle } from './lib/frame-lifecycle';
 export * from './components/chat';
 //# 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,EAAE,EAAE,MAAM,aAAa,CAAA;AAGhC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,KAAK,EAAE,MAAM,aAAa,CAAA;AAG9E,OAAO,EACL,iBAAiB,EACjB,YAAY,EACZ,gBAAgB,GACjB,MAAM,iBAAiB,CAAA;AAGxB,OAAO,EACL,mBAAmB,EACnB,kBAAkB,EAClB,sBAAsB,EACtB,wBAAwB,EACxB,0BAA0B,EAC1B,YAAY,EACZ,cAAc,EACd,sBAAsB,EACtB,qBAAqB,EACrB,uBAAuB,EACvB,YAAY,EACZ,KAAK,UAAU,EACf,KAAK,aAAa,EAClB,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,uBAAuB,EAC5B,KAAK,4BAA4B,EACjC,KAAK,8BAA8B,EACnC,KAAK,mBAAmB,GACzB,MAAM,gBAAgB,CAAA;AAGvB,cAAc,iBAAiB,CAAA;AAG/B,OAAO,EACL,eAAe,EACf,iBAAiB,EACjB,aAAa,EACb,KAAK,SAAS,EACd,KAAK,aAAa,EAClB,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,aAAa,EAClB,KAAK,WAAW,EAChB,KAAK,iBAAiB,EACtB,KAAK,cAAc,GACpB,MAAM,aAAa,CAAA;AAGpB,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAGhD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,GAC1B,MAAM,gCAAgC,CAAA;AAGvC,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AAGnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AAGlE,cAAc,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAA;AAGhC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,KAAK,EAAE,MAAM,aAAa,CAAA;AAG9E,OAAO,EACL,iBAAiB,EACjB,YAAY,EACZ,gBAAgB,GACjB,MAAM,iBAAiB,CAAA;AAGxB,OAAO,EACL,mBAAmB,EACnB,kBAAkB,EAClB,sBAAsB,EACtB,wBAAwB,EACxB,0BAA0B,EAC1B,YAAY,EACZ,cAAc,EACd,sBAAsB,EACtB,qBAAqB,EACrB,uBAAuB,EACvB,YAAY,EACZ,KAAK,UAAU,EACf,KAAK,aAAa,EAClB,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,uBAAuB,EAC5B,KAAK,4BAA4B,EACjC,KAAK,8BAA8B,EACnC,KAAK,mBAAmB,GACzB,MAAM,gBAAgB,CAAA;AAGvB,cAAc,iBAAiB,CAAA;AAG/B,OAAO,EACL,eAAe,EACf,iBAAiB,EACjB,aAAa,EACb,KAAK,SAAS,EACd,KAAK,aAAa,EAClB,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,aAAa,EAClB,KAAK,WAAW,EAChB,KAAK,iBAAiB,EACtB,KAAK,cAAc,GACpB,MAAM,aAAa,CAAA;AAGpB,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAGhD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,GAC1B,MAAM,gCAAgC,CAAA;AAGvC,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AAGnD,OAAO,EACL,gBAAgB,EAChB,KAAK,cAAc,GACpB,MAAM,iCAAiC,CAAA;AAGxC,OAAO,EAAE,6BAA6B,EAAE,MAAM,uBAAuB,CAAA;AAGrE,cAAc,mBAAmB,CAAA"}

package/dist/index.js

@@ -18,6 +18,8 @@ export { RichMediaPlayer, } from './components/rich-media-player';
 // Export CodeBlock
 export { CodeBlock } from './components/code-block';
 // Export app error boundary
-export { AppErrorBoundary } from './components/app-error-boundary';
+export { AppErrorBoundary, } from './components/app-error-boundary';
+// Export Moldable frame lifecycle
+export { installMoldableFrameLifecycle } from './lib/frame-lifecycle';
 // Export chat components
 export * from './components/chat';

package/dist/lib/frame-lifecycle.d.ts

@@ -0,0 +1,2 @@
+export declare function installMoldableFrameLifecycle(): void;
+//# sourceMappingURL=frame-lifecycle.d.ts.map

package/dist/lib/frame-lifecycle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"frame-lifecycle.d.ts","sourceRoot":"","sources":["../../src/lib/frame-lifecycle.ts"],"names":[],"mappings":"AAgEA,wBAAgB,6BAA6B,IAAI,IAAI,CAapD"}

package/dist/lib/frame-lifecycle.js

@@ -0,0 +1,47 @@
+let frameLifecycleInstalled = false;
+function postMoldableFrameMessage(message) {
+    if (typeof window === 'undefined' || window.parent === window)
+        return;
+    window.parent.postMessage(message, '*');
+}
+function reportAppReady(reason) {
+    postMoldableFrameMessage({ type: 'moldable:app-ready', reason });
+}
+function scheduleRenderReady() {
+    requestAnimationFrame(() => {
+        requestAnimationFrame(() => reportAppReady('render'));
+    });
+}
+function installViteHmrLifecycle() {
+    const hot = import.meta.hot;
+    if (!hot)
+        return;
+    hot.on('vite:beforeUpdate', () => {
+        postMoldableFrameMessage({ type: 'moldable:app-hmr-before-update' });
+    });
+    hot.on('vite:afterUpdate', () => {
+        reportAppReady('hmr');
+        postMoldableFrameMessage({ type: 'moldable:app-hmr-after-update' });
+    });
+    hot.on('vite:error', (payload) => {
+        postMoldableFrameMessage({
+            type: 'moldable:app-hmr-error',
+            message: payload.err?.message ??
+                payload.message ??
+                'Vite hot reload failed while updating the app.',
+            stack: payload.err?.stack,
+        });
+    });
+}
+export function installMoldableFrameLifecycle() {
+    if (typeof window === 'undefined' || frameLifecycleInstalled)
+        return;
+    frameLifecycleInstalled = true;
+    installViteHmrLifecycle();
+    scheduleRenderReady();
+    if (document.readyState === 'complete') {
+        reportAppReady('load');
+        return;
+    }
+    window.addEventListener('load', () => reportAppReady('load'), { once: true });
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moldable-ai/ui",
-  "version": "0.2.14",
+  "version": "0.2.15",
   "description": "Shared UI components for Moldable applications",
   "author": "Desiderata LLC",
   "license": "SEE LICENSE IN LICENSE",